/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700');
body {
	background-color: #F0F0F0;
	width: 100%;
	margin: 0 auto;
	padding: 0px;

}

.wright {
	text-align: right;
}

.radio, .checkbox {
	display: inline;
}

td, th {
    padding: 5px;
}

th {
	text-align: center;
}

.carousel-caption {

text-shadow: none;

}


.container-fluid {
     padding-right: 0px !important;
     padding-left: 0px !important;
}

/* menu */


.panelNawigacyjny{
	background-color: white;
	margin: 0 auto;
	max-width:1320px;
}

.maxWidth{
	max-width:1320px;
	margin: 0 auto;
	text-align: center;
}

.logo {
    padding-left: 68px;
    padding-top: 18px;
    padding-right: 15px;
    padding-bottom: 0px;
    height: 74px;
}

#navcontainer {

padding-top: 20px;
background-color: white;
}

#navlist ul {
}

#navlist li{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;

	text-align:center;
	font-size: 24px;
	margin-right:15px;
	padding-bottom:20px;
}
/*
#navlist  li A:link{ color:#6e7071; text-decoration:none; }
#navlist  li A:hover{ color:#6e7071; text-decoration:none; }
#navlist  li A:active{ color:#6e7071; text-decoration:none; }
#navlist  li A:active:hover{ color:#8ABEE6; text-decoration:none; }
#navlist  li A:visited{ color:#6e7071; text-decoration:none; }
#navlist  li A:visited:hover{ color:#8ABEE6; text-decoration:none; }
*/

/* nagłówek */

.glosowanie{
	min-height:420px;
	background-color:#F0F0F0;
}

#naglowek {
 /*background-image: url(../pics/header.png);*/
 background-position: center;
 min-height: 538px;
 /*max-width: 1320px;*/
 margin:120px auto;
}

#naglowek-projekty {
	background-image: url("../pics/projekty_logo.jpg");
	margin: 110px auto 20px;
	min-height: 280px;
	text-align: center;
}

.projekty {
    background-color: #FFFFFF;
    margin: 0 auto 20px;
   /*min-height: 360px;*/
    padding-left: 20px;
    padding-top: 20px;
}


.mobilefoot{
  display: none;

}

.lista{
	min-height: 150px;
	margin: 0 auto;
}

.lista-naglowek{
	font-size: 60px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 25px;
    text-align: center;
	color: #5d5f60;
}

.pogrubiona{
	margin-top:50px;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}

.normalna{
	margin:0 auto;
	margin-top:30px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;

}

.normalna_podstrona {
    color: #FFFFFF;
    font-family: 'Open Sans',sans-serif;
    font-size: 44px;
    font-weight: 400;
    margin: 90px auto;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
}

.wszystko {
    margin: 0 auto;
    max-width: 1320px;
}


.lista-stopka{
	width: 300px;
	height: 2px;
	margin: 0 auto;
	background: #5d5f60;
	margin-bottom:40px;
}

#head {

vertical-align: middle;
display: table-cell;
}

#head h1 {
text-align:center;
font-size: 90px;
color: #FFFFFF;
text-shadow: 1px 1px 1px black;
}

#head p {
text-align:center;
font-size: 40px;
color: #FFFFFF;
text-shadow: 1px 1px 1px black;
}

/* jak głosować */

.glosowanie1{
	background-color: #F0F0F0;
	min-height:463px;
	margin:-40px auto 15px;
}

.Budzet{
	margin:-40px auto 15px;
	max-width:1320px;
	padding-left:15px;
	padding-bottom:15px;
}

.Budzet-text{
	margin-bottom:15px;
}

.Budzet-photo{
	margin-bottom:15px;
}

.budzet-zdj{
	margin:auto auto auto auto;
	width: 100%;
	min-height: 463px;
	object-fit: cover;
}

.b{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
}

.n{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

#jg_left {
	float: left;
	background-color: white;
	min-height:463px;
	padding-bottom:10px;
}


#jg_left h1{
color: #404141;
padding: 0 20px;
}

#jg_left p{
color: #8B8D8E;
padding: 0 20px;
}




/* projekty */

.temacik{
	/*background-color: #a3a3a3;*/
	margin:0 auto 0px auto;
	max-width: 1320px;
	
}

.tematy{
	/*max-height: 500px;*/
	max-width: 1320px;
	margin: 10px auto 15px auto;
	/*background-color:#F0F0F0;*/
}

.temat1{
	background-color: white;
	min-height: 450px;
	margin-left:15px;
	margin-bottom:15px;
}
.temat2{
	background-color: white;
	min-height: 450px;
	margin-bottom:15px;
}
.temat3{
	background-color: white;
	min-height: 450px;
	margin-right:15px;
	margin-bottom:15px;
}

.carousel-control.left, .carousel-control.right{ 
    background: none !important;
    filter: progid:none !important;>
}

.gray{
	color:gray;
	
}

.cos{
	text-align: center;
}
.carousel-indicators li {
        background-color: rgba(255, 255, 255, 1) !important;
}
.carousel-indicators .active {

    background-color: #ffff99;
}


.badziewie{
	width:150px;
	height:80px;
	display: block;
	margin: 40px auto;
}

.tematy-zdj {
    margin: 20px auto;
    display: block;
    padding-top: 5px;
}

.tematy-nazwa{
	font-size: 19px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 20px;
    text-align: center;
	color: #5BA8E0;
	margin: 0 14px 0 14px;
}

.tematy-lokalizacja{
	font-size: 19px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 0px;
    text-align: center;
	color: gray;
	font-weight: lighter;
}

.tematy-koszt{
	font-size: 19px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 0px;
    text-align: center;
	color: gray;
	font-weight: regular;
}
/*margin: 0 auto;
display: block; obraz*/
.tematy-zobacz{
	font-size: 24px;
	font-family: 'Open Sans', sans-serif;
	padding-top: 0px;
    text-align: center;
	color: #5BA8E0;
	font-weight: semibold;
}

.tematy-zobacz-stopka{
  width: 100px;
  height: 1px;
  margin: 0 auto;
  background: #5BA8E0;
}

#projekty {
background-color: white;
height: 680px;
text-align: center;
}

 #projekty h1 {
text-align:center;
font-size: 52px;
color: #404141;
padding-top: 40px;
}

#pro_img {
margin-top: 50px;
padding: 0;
}

 #projekty h2 {
text-align:center;
font-size: 30px;
color: #6E7172;

}

 #projekty h3 {
text-align:center;
font-size: 24px;
color: #6E7172;
}

 #projekty h4 {
text-align:center;
font-size: 30px;
color: #6E7172;
margin-top: -30px;
}


/* głosowanie */

#glosowanie {
background-image: url(../pics/glosowanie.png);
width:100%;
min-height: 710px;
text-align: center;
}

 #glosowanie h1 {
	text-align:center;
	font-size: 52px;
	color: #FFFFFF;
	padding-top: 29px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	
}

#cen_glo {
/*
height: 400px;
width: 1050px;
margin: 0 auto;
*/
}

#button {
clear: both;
text-align:center;
font-size: 38px;
margin-top:65px;

}

#button a {
color: #FFFFFF;
text-decoration: none;
border: 2px solid white;
padding: 5px 50px;

}

.centered {
   text-align: center;
   font-size: 0;
}
.dni{
	background-color:#5BA8E0;
	color:white;
	font-size: 72px;
}

.reszta{
	color: #B7B8B9;
	background-color:white;
	font-size: 72px;
}

.reszta1{
	color: #B7B8B9;
	background-color:white;
	font-size: 72px;
}


.centered > div {
   float: none;
   display: inline-block;
   text-align: center;
   	height: 200px;
	width:200px;
   border-radius: 50%;
   margin:25px 50px 0px 50px;
   padding-top:50px;
   	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.centered1 {
   text-align: center;
   font-size: 0;
}

.centered1 > div {
   float: none;
   display: inline-block;
   text-align: center;
   margin:0px 43px 40px 44px;
   width:215px;
   	font-family: 'Open Sans', sans-serif;
	font-weight:400;

}

.dni1{
	color:white;
	font-size: 44px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}

.dni2{
	color:white;
	font-size: 44px;
	margin-right:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}


/* harmonogram */


.harmNagl{
	color:white;
	margin-bottom: 70px;
    padding-top: 20px;
}

.line{
	width: 150px;
	height: 1px;
	margin: 10px auto 43px;
	background-color: white;
}
#harmonogram {
	background-color:#5BA8E0;
	margin:0px auto;
	padding:0px;
	border: 1px solid #5BA8E0;
}

.interview1 {
    text-align: center;
    font-size: 0;
    min-height: 100px;
}

.piekarnik {
	min-height: 250px;
    min-width: 150px;
    margin-bottom: 40px;
	padding-top: 20px;
}

.maxSzer {
   
    padding: 20px 0px;
    min-height: 370px;
}



.interviewvv1 {
    text-align: center;
}
.interview1-zdj{
	height:95px;

}

.texty {
   	font-family: 'Open Sans', sans-serif;
	font-weight:400;
    display: block;
    margin: 0 auto;
    margin-top: 10px;
    font-size: 15px;
    color: white;
    max-width: 200px;
}



/*.active {
	background-color: #4D8FBF;
	background-image: url(pics/ikonka.png);
	background-position: center bottom;
	background-repeat: no-repeat;
}*/

.h_tekst_active {

}

/* budżet */

.kwota{
	margin:0 auto;
}

#budzet {
background-image: url(../pics/budzet.png);
min-height: 604px;
margin:0px;
padding:0px;
color: #424343;
border-top: 1px solid #5BA8E0;
}

 #budzet h1 {
text-align:center;
font-size: 52px;
padding-top: 40px;
}

 #budzet h2 {
text-align:center;
font-size: 74px;
padding: 80 0 0 0px;
margin: 0;
}

 #budzet h3 {
text-align:center;
font-size: 132px;
font-weight: bold;
margin: 0;
padding: 0;
}

/* stopka */

footer{
	background: #363636;

}

.niemobilka{
	display: block;
	margin:0 auto;
	max-width:1320px;
}

#stopka {
	margin:0 auto;
	color: white;
	min-height: 400px;
	width: 100%;
	padding-left:80px;
}

#left {
	width: 30%;
	float: left;
	padding-left:150px;
	margin-right:10px;

}

#middle {
	width: 30%;
	float:left;
	margin-right:10px;
}

#right {
	width: 19%;
	float:left;
	padding-left: 80px;

}

#right a{
	color:white;
	text-decoration:none;
}

#right a:hover{
	color: #9b9b9b;
	text-decoration:none;
}

.bold {
	font-weight: bold;
	font-size: 20px;
}

.ico {
	float:left;
}

.ico2 {
	padding-left: 25px;
}

.pasek{

	min-height:400px;
	margin: 0 auto;
	background-color: #363636;
}

.pasek-dane{
	min-height:300px;
	padding-top:5%;
	margin:0 auto;

}

.pasek-dane-kontakt{
	min-height:300px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	text-align:left;
	font-weight: semibold;
	margin-left:4%;
}
.pasek-dane-godziny{
	min-height:300px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	text-align:left;
	font-weight: semibold;

}

.pasek-dane-kontakt-1{
	min-height:100px;

}

.pasek-dane-kontakt-2{
	min-height:100px;
}

.pasek-dane-kontakt-zdj{
	min-height:100px;
	margin-left:3px;
}

.pasek-dane-kontakt-zdj2{
	min-height:100px;
}

.pasek-dane-kontakt-numer{
	padding-top: 0px;
	min-height:100px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:left;
	font-weight: regular;

}

.pasek-dane-kontakt-lokalizacja{
	padding-top: 0px;
	min-height:100px;
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	text-align:left;
	font-weight: regular;

}

.pasek-naglowek{
	color: white;
	font-family: 'Open Sans', sans-serif;
	font-size:18px;
	text-align:left;
	font-weight: semibold;
}



/* stopka 2 */

.p_1 {
color: #6e7071;
font-size: 16px;
margin: 0 150px;
padding-top: 10px;
}

.p_2 {
color: #6e7071;
font-weight: bold;
font-size: 16px;
margin: 0 150px;
}

.p_3 {
color: #9b9b9b;
font-size: 14px;
margin: 0 150px;
padding-bottom: 20px;
}

@media(max-width:1260px){

	#navlist li{
		font-size:20px;
	}
}

@media(max-width:1200px){
/*	.reszta1{
		visibility: hidden;
	}

	.dni2{
		visibility: hidden;
	}*/


}

@media(max-width:1180px){

	.centered1 > div {
	   margin:0px 49px 25px 42px;
	}
}

@media(max-width:1150px){

	#navlist li{
		font-size:18px;
		padding-top:5px;
	}

	.logo {
		padding-left: 10px;
		padding-top: 12px;
		padding-bottom: 2px;
		height: 70px;
	}

	#navcontainer {
    padding-top: 10px;
	}

	.Budzet-text{
	    margin-right: 15px;
		margin-left: 0px;
	}

	.Budzet-photo{
    margin-left: -15px;
	}

	.kolo {
		font-size: 40px;
		font-weight: bold;
		background-image: url(../pics/kolo-biale.png);
		background-position: center;
		background-repeat: no-repeat;
		color: #B7B8B9;
	}

	.kolo_blue {
		font-size: 40px;
		font-weight: bold;
		background-image: url(../pics/zegar2.png);
		background-position: center;
		background-repeat: no-repeat;
		color: white;
	}

	.wysLicz{
		margin:auto auto auto auto;
	}

	p {
		margin: 0 0 10px;
	}

	.tekst {
		font-size: 32px;
		font-weight: bold;
		color: white;
	}
}

@media(max-width:1000px){

	#navlist li{
		font-size:15px;
		padding-top:5px;
	}

	.lista-naglowek{
		font-size: 54px;
		font-family: 'Open Sans', sans-serif;
		font-weight:400;

	}

	.lista-stopka{
		width: 250px;
	}

	.niemobilka{
		display: none;
	}

	.mobilefoot{
		display: block;
		min-height:150px;
		margin: 0px auto;
	}

	.gg{
		color: white;
	}

	.wiersz2{
		min-height: 30px;
	}

	.wiersz1{
		min-height: 30px;
	}

	.mobile1{

		color: white;
		font-size: 20px;
		text-align: left;
		font-weight: lighter;
		border-right: 1px solid white;
	}

	.mobile2{
		color: white;
		font-size: 20px;
		text-align: center;
		font-weight: lighter;
		border-right: 1px solid white;
	}


}

@media(max-width:922px){

	#navlist li{
		font-size:13px;
		padding-top:5px;
		margin-right:9px;
	}

	.interviewvv1{
		padding-left:5%;
	}

	.lista-naglowek{
		font-size: 48px;
	}

	.lista-stopka{
		width: 200px;
	}

}

@media(max-width:830px){

	#navlist li{
		font-size:12px;
		padding-top:5px;
		margin-right:3px;
	}

	.lista-naglowek{
		font-size: 42px;
	}

	.lista-stopka{
		width: 150px;
	}

	#budzet h1 {
	font-size: 40px;
	}

	#budzet h2 {
	font-size: 60px;
	}

	#budzet h3 {
	font-size: 101px;
	}

}

@media(max-width:765px){


	.mobile1{
		font-size: 16px;
	}

	.mobile2{
		font-size: 16px;
	}

	.interviewvv1{
		padding-left:0px;
	}

	.p_1 {
		margin: 0 auto;
	}

	.p_2 {

		margin: 0 auto;
	}

	.p_3 {
		margin: 0 auto;
	}

}

@media(max-width:660px){

	#naglowek {
		min-height: 320px;
	}

	#head h1 {
		text-align:center;
		font-size: 55px;
		color: #FFFFFF;
		text-shadow: 2px 2px 2px black;
	}

	#head p {
		text-align:center;
		font-size: 28px;
		color: #FFFFFF;
		text-shadow: 2px 2px 2px black;
	}

	#button {
		font-size: 20px;
	}

	.centered > div {
		height: 150px;
		width:150px;
	   border-radius: 50%;
	   margin: 25px 44px 0px 44px;
	   padding-top:46px;
	}

	.centered1 > div {
	   margin: 0px 16px 25px 18px;
	}

	.dni1{
		font-size: 34px;
	}

	.dni{
		font-size: 44px;
	}

	.reszta{
		font-size: 44px;
	}

	.lista-naglowek{
		font-size: 38px;
	}

	.lista-stopka{
		width: 100px;
	}

	#budzet h1 {
	font-size: 32px;
	}

	#budzet h2 {
	font-size: 48px;
	}

	#budzet h3 {
	font-size: 80px;
	}


}

@media(max-width:560px){
	.centered > div {
		height: 150px;
		width:150px;
	   border-radius: 50%;
	   margin: 25px 38px 0px 38px;
	   padding-top:46px;
	}

	.centered1 > div {
	   margin: 0px 10px 25px 6px;
	}

	.dni1{
		font-size: 30px;
	}
}

@media(max-width:500px){

	.mobile1{
		font-size: 13px;
	}

	.mobile2{
		font-size: 13px;
	}

	.centered > div {
		height: 120px;
		width:120px;
	   border-radius: 50%;
	   margin: 25px 29px 0px 27px;
	   padding-top:31px;
	}

	.centered1 > div {
	   margin: 0px -13px 25px -19px;
	}

	.dni1{
		font-size: 25px;
	}
}

}

@media(max-width:380px){

	#naglowek {
		min-height: 320px;
	}

	#head h1 {
		text-align:center;
		font-size: 40px;
		color: #FFFFFF;
		text-shadow: 2px 2px 2px black;
	}

	#head p {
		text-align:center;
		font-size: 20px;
		color: #FFFFFF;
		text-shadow: 2px 2px 2px black;
	}

	.mobile1{
		font-size: 12px;
	}

	.mobile2{
		font-size: 12px;
	}


	#button {
		font-size: 16px;
	}


}