/* RESET STYLI  */



html, body, div, span, applet, object, iframe,
                h1, h2, h3, h4, h5, h6,  blockquote, pre,
                a, abbr, acronym, address, big, cite, code,
                del, dfn, em, font, img, ins, kbd, q, s, samp,
                small, strike, sub, sup, tt, var,
                dl, dt, dd,
                fieldset, form, label, legend {
                    margin: 0;
                    padding: 0;
                    border: 0;
                    outline: 0;
                    font-weight: inherit;
                    font-style: inherit;
                    font-size: 100%;
                    vertical-align: baseline;
                }
                :focus {
                    outline: 0;
                }
                body {
                    line-height: 24px;
                    color:#676767;
                    background-color:white;
									  font-size:17px;
										font-family: 'Nunito', sans-serif;
										font-weight:400;
                }
								
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
					

						
			
#preloader  {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color:white;
     z-index: 99999;
    height: 100%;
 }

#status  {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url('../grafika/ajax-loader.gif');
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
 }
 

  
.strona {
	width: 92%;
	border: 0px;  
	margin:0 auto;
	min-width:280px;
	max-width:1200px;
	display:block;
	padding: 0px 4%;
}


.strona2 {
	width: 92%;
	border: 0px;  
	margin:0 auto;
	min-width:280px;
	max-width:1480px;
	display:block;
	padding: 0px 4%;
}


.ramka {
	width: 100%;
	border: 0px;  
	float:left;
}



.header {
float: left;
width: 100%;
height: 110px;
}





.middle_middle {
width: 100%;
position: absolute;
top: 90%;
}


header {
	width: 100%;
	border: 0px;  
	float:left;
	display:block;
	height:110px;
	padding-top:9px;
	margin-bottom:0px;
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1000;
	background-color: #FFFFFF;
}

.logo {
	width: 15%;
	border: 0px;  
	float:left;
	position:relative;
	margin-top:5px;
}

.logo a{
	max-width: 200px;
	width: 200px;
	height: 86px;
	border: 0px;  
	float:left;
	max-height:100%;
	display: block;
		 background-image: url('../grafika/logo.jpg');
     background-repeat: repeat-x;
     background-position: center center;
	-webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
}


nav {
	width:59%;
	border: 0px;  
	float:left;
	display:block;
	margin-top:40px;
	margin-right:-40px;
}

@media screen and (min-width: 0px) and (max-width: 1160px)  {



nav {
	width:1%;
	border: 0px;  
	float:left;
	display:block;
	margin-top:40px;
	margin-right:-40px;
}


}


.box-kontakt {
	width:25%;
	border: 0px;  
	float:right;
	margin-top:15px;
	text-align: right;
	line-height: 50px;
}

.box-kontakt img{
	vertical-align:middle;
}

.box-kontakt a{
	display: inline-block;
	border-left: 1px solid #D3D3D3;
	line-height: 70px;
}



@media screen and (min-width: 0px) and (max-width: 1160px)  {



nav {
	width:1%;
	border: 0px;  
	float:left;
	display:block;
	margin-top:40px;
	margin-right:-40px;
}


.box-kontakt {
	width:40%;
	border: 0px;  
	float:right;
	margin-top:-78px !important;
	text-align: right;
	line-height: 50px;
	margin-right: 15%;
	position: relative;
	top: 0px;
}


}



@media screen and (min-width: 0px) and (max-width: 900px)  {


.box-kontakt a:first-child {
	display: none;
}


}


@media screen and (min-width: 0px) and (max-width: 600px)  {


.box-kontakt {
	display: none;
}


}





.cycle-slideshow {
	width:100%;
	height: 95%;
	border: 0px;  
	clear:both;
	overflow: hidden;
	position: absolute;
}






.sekwencja {
	width:100%;
	float: left;
	border: 0px;  
     background-repeat: no-repeat;
     background-position: center top;
		 text-align:center;
		 margin-top: 0px;
		 padding-top:0%;
		 color:white;
		 position: absolute;
		 height: 100%;
		 top: 0px;
		 left: 0px;
		 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

		 
}



.sekwencja .ramka{
	position: absolute;
	top: 40%;
	bottom: auto;
	margin: auto 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 300px;
}



@media screen and (min-width: 0px) and (max-width: 500px)  {


.sekwencja .ramka{
	position: absolute;
	
	top: 40%;
	bottom: auto;
	margin: auto 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 300px;
}



}








.sekwencja h1{
	font-weight:900;
	text-transform:uppercase;
	font-size:30px;
	line-height:40px;
}


.sekwencja h2{
	font-weight:900;
	text-transform:uppercase;
	font-size:70px;
	line-height:80px;
}




@media screen and (min-width: 0px) and (max-width: 1420px)  {


.sekwencja h1{
	font-weight:900;
	text-transform:uppercase;
	font-size:20px;
	line-height:20px;
}


.sekwencja h2{
	font-weight:900;
	text-transform:uppercase;
	font-size:50px;
	line-height:60px;
}




}





@media screen and (min-width: 0px) and (max-width: 900px)  {


.sekwencja h1{
	font-weight:900;
	text-transform:uppercase;
	font-size:14px;
	line-height:20px;
}


.sekwencja h2{
	font-weight:900;
	text-transform:uppercase;
	font-size:30px;
	line-height:40px;
}




}



@media screen and (min-width: 0px) and (max-width: 1200px)  {


.cycle-slideshow {
	width:100%;
	height: 750px;
	border: 0px;  
	clear:both;
	overflow: hidden;
	position: absolute;
	 
}



.sekwencja {
		 height: 750px;
}





.middle_middle {
width: 100%;
position: absolute;
top: 700px;

}



.sekwencja {
     background-position: center 90px;
		 
}




}






@media screen and (min-width: 0px) and (max-width: 1100px)  {


.cycle-slideshow {
	width:100%;
	height: 700px;
	border: 0px;  
	clear:both;
	overflow: hidden;
	position: absolute;
}



.sekwencja {
		 height: 700px;
}




.middle_middle {
width: 100%;
position: absolute;
top: 650px;

}



.sekwencja {
     background-position: center 90px;
		 
}




}








@media screen and (min-width: 0px) and (max-width: 1000px)  {


.cycle-slideshow {
	width:100%;
	height: 650px;
	border: 0px;  
	clear:both;
	overflow: hidden;
	position: absolute;
	 
}




.sekwencja {
		 height: 650px;
}






.middle_middle {
width: 100%;
position: absolute;
top: 600px;

}



.sekwencja {
     background-position: center 90px;
		 
}




}







@media screen and (min-width: 0px) and (max-width: 900px)  {


.cycle-slideshow {
	width:100%;
	height: 550px;
	border: 0px;  
	clear:both;
	overflow: hidden;
	position: absolute;
	
}




.middle_middle {
width: 100%;
position: absolute;
top: 500px;

}



.sekwencja {
		 height: 550px;
}



.sekwencja {
     background-position: center 90px;
		 
}




}




@media screen and (min-width: 0px) and (max-width: 800px)  {


.cycle-slideshow {
	width:100%;
	height: 500px;
	border: 0px;  
	clear:both;
	overflow: hidden;
	position: absolute;
	
}




.middle_middle {
width: 100%;
position: absolute;
top: 460px;

}



.sekwencja {
     background-position: center 90px;
		 height: 500px;
}




}




@media screen and (min-width: 0px) and (max-width: 600px)  {


.cycle-slideshow {
	width:100%;
	height: 450px;
	border: 0px;  
	clear:both;
	overflow: hidden;
	position: absolute;
}




.middle_middle {
width: 100%;
position: absolute;
top: 370px;

}



.sekwencja {
     background-position: center 90px;
		 height: 450px;
}




}









.link_nizej {
position:absolute;
left:auto;
right:auto;
bottom:90%;
margin:0 auto;
z-index: 1000;
}





.slonce { position:absolute;right:-10%;bottom:-20%;z-index: 300;}







.slonce {
position:absolute;right:-10%;bottom:-20%;z-index: 300;
  -webkit-animation: slonce 29s infinite;
  -moz-animation:    slonce 29s infinite;
  -o-animation:      slonce 29s infinite;
  animation:         slonce 29s infinite; 
}


@-webkit-keyframes slonce {
          0% {  	
		 
		 transform: rotate(0deg);
    -webkit-transform: rotate(0deg); /** Chrome & Safari **/
    -o-transform: rotate(0deg); /** Opera **/
    -moz-transform: rotate(0deg); /** Firefox **/ 
		
		}
		 50% {   
		 
				 transform: rotate(190deg);
    -webkit-transform: rotate(190deg); /** Chrome & Safari **/
    -o-transform: rotate(190deg); /** Opera **/
    -moz-transform: rotate(190deg); /** Firefox **/ 
		} 
		 100% {  		 transform: rotate(360deg);
    -webkit-transform: rotate(360deg); /** Chrome & Safari **/
    -o-transform: rotate(360deg); /** Opera **/
    -moz-transform: rotate(360deg); /** Firefox **/  }
}
@-moz-keyframes slonce {
           0% {  	
		 
		 transform: rotate(0deg);
    -webkit-transform: rotate(0deg); /** Chrome & Safari **/
    -o-transform: rotate(0deg); /** Opera **/
    -moz-transform: rotate(0deg); /** Firefox **/ 
		
		}
		 50% {   
		 
				 transform: rotate(190deg);
    -webkit-transform: rotate(190deg); /** Chrome & Safari **/
    -o-transform: rotate(190deg); /** Opera **/
    -moz-transform: rotate(190deg); /** Firefox **/ 
		} 
		 100% {  		 transform: rotate(360deg);
    -webkit-transform: rotate(360deg); /** Chrome & Safari **/
    -o-transform: rotate(360deg); /** Opera **/
    -moz-transform: rotate(360deg); /** Firefox **/  }
}
@-o-keyframes slonce {
          0% {  	
		 
		 transform: rotate(0deg);
    -webkit-transform: rotate(0deg); /** Chrome & Safari **/
    -o-transform: rotate(0deg); /** Opera **/
    -moz-transform: rotate(0deg); /** Firefox **/ 
		
		}
		 50% {   
		 
				 transform: rotate(190deg);
    -webkit-transform: rotate(190deg); /** Chrome & Safari **/
    -o-transform: rotate(190deg); /** Opera **/
    -moz-transform: rotate(190deg); /** Firefox **/ 
		} 
		 100% {  		 transform: rotate(360deg);
    -webkit-transform: rotate(360deg); /** Chrome & Safari **/
    -o-transform: rotate(360deg); /** Opera **/
    -moz-transform: rotate(360deg); /** Firefox **/  }
}
@keyframes slonce {
          0% {  	
		 
		 transform: rotate(0deg);
    -webkit-transform: rotate(0deg); /** Chrome & Safari **/
    -o-transform: rotate(0deg); /** Opera **/
    -moz-transform: rotate(0deg); /** Firefox **/ 
		
		}
		 50% {   
		 
				 transform: rotate(190deg);
    -webkit-transform: rotate(190deg); /** Chrome & Safari **/
    -o-transform: rotate(190deg); /** Opera **/
    -moz-transform: rotate(190deg); /** Firefox **/ 
		} 
		 100% {  		 transform: rotate(360deg);
    -webkit-transform: rotate(360deg); /** Chrome & Safari **/
    -o-transform: rotate(360deg); /** Opera **/
    -moz-transform: rotate(360deg); /** Firefox **/  }
}




@media screen and (min-width: 0px) and (max-width: 1800px)  {


.slonce {
width: 400px;
position:absolute;right:-6%;bottom:-15%;z-index: 300;
  -webkit-animation: slonce 29s infinite;
  -moz-animation:    slonce 29s infinite;
  -o-animation:      slonce 29s infinite;
  animation:         slonce 29s infinite; 
}



}



@media screen and (min-width: 0px) and (max-width: 1260px)  {



.slonce {
width: 300px;
position:absolute;right:-6%;bottom:-13%;z-index: 300;
  -webkit-animation: slonce 29s infinite;
  -moz-animation:    slonce 29s infinite;
  -o-animation:      slonce 29s infinite;
  animation:         slonce 29s infinite; 
}





}








@media screen and (min-width: 0px) and (max-width: 900px)  {


.slonce {
width: 200px;
position:absolute;right:-10%;bottom:-14%;z-index: 300;
  -webkit-animation: slonce 29s infinite;
  -moz-animation:    slonce 29s infinite;
  -o-animation:      slonce 29s infinite;
  animation:         slonce 29s infinite; 
}





}





@media screen and (min-width: 0px) and (max-width: 600px)  {


.slonce {
width: 200px;
position:absolute;right:-15%;bottom:-24%;z-index: 300;
  -webkit-animation: slonce 29s infinite;
  -moz-animation:    slonce 29s infinite;
  -o-animation:      slonce 29s infinite;
  animation:         slonce 29s infinite; 
}





}




@media screen and (min-width: 0px) and (max-width: 500px)  {


.slonce {
width: 200px;
position:absolute;right:-15%;bottom:-29%;z-index: 300;
  -webkit-animation: slonce 29s infinite;
  -moz-animation:    slonce 29s infinite;
  -o-animation:      slonce 29s infinite;
  animation:         slonce 29s infinite; 
}





}






#nawigacja-menu{
  list-style: none;
	margin: 0px 0px 0px 0px;
	display:inline-block;
	float:right;
}

#nawigacja-menu li{
  float:left;
	margin-right:20px;
}


@media screen and (min-width: 0px) and (max-width: 1260px)  {




#nawigacja-menu li:first-child{
 display: none;
}



}



#nawigacja-menu li a{
  color:#429BD2;
	text-decoration:none;
	font-size:15px;
	text-transform:uppercase;
	font-weight:600;
}



#nawigacja-menu li a:hover{
  color:#FF8106 !important;
}




@media screen and (min-width: 0px) and (max-width: 1160px)  {


	
	
	
#nawigacja-menu li a{
  color:#429BD2 !important;
	text-decoration:none;
	font-size:15px;
	text-transform:uppercase;
	font-weight:600;
}



}



#nawigacja-menu li a:hover{
color:#FF8302;
}


.menubold{
 color:#FF8302 !important;
}

.boxoapartamencie {
float:left;
width:100%;
padding-top:150px;
padding-bottom:50px;
text-align:center;
font-weight: 300;
}












.boxoapartamencie h3{
text-transform:uppercase;
color:#429BD2;
font-size:70px;
line-height:70px;
font-weight:bold;
}


@media screen and (min-width: 0px) and (max-width: 1260px)  {

.boxoapartamencie h3{
font-size:50px;
line-height:50px;
}



}



@media screen and (min-width: 0px) and (max-width: 740px)  {



.boxoapartamencie h3{
font-size:25px;
line-height:35px;
}


}











.kolo {
height:350px;
width:350px;
float:left;
display:inline-block;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	     background-repeat: no-repeat;
     background-position: center center;
		 position:relative;
		 overflow: hidden;
		 transition: all .6s linear; -o-transition: all .6s linear; -moz-transition: all .6s linear; -webkit-transition: all .6s linear;
		 -ms-transform: scale(1.0, 1.0); 
    -webkit-transform: scale(1.0, 1.0); 
    transform: scale(1.0, 1.0);
}











.kolo.play { 
   -webkit-animation: koloplay 3s 1;
   -moz-animation:    koloplay 3s 1;
   -o-animation:      koloplay 3s 1;
   animation:         koloplay 3s 1; 
	 }



@-webkit-keyframes koloplay {
     0% {  -ms-transform: scale(0.0, 0.0); 
    -webkit-transform: scale(0.0, 0.0); 
    transform: scale(0.0, 0.0);}
     100% {-ms-transform: scale(1.0, 1.0); 
    -webkit-transform: scale(1.0, 1.0); 
    transform: scale(1.0, 1.0);}
}

@-moz-keyframes koloplay {
     0% {  -ms-transform: scale(0.0, 0.0); 
    -webkit-transform: scale(0.0, 0.0); 
    transform: scale(0.0, 0.0);}
     100% {-ms-transform: scale(1.0, 1.0); 
    -webkit-transform: scale(1.0, 1.0); 
    transform: scale(1.0, 1.0);}
}

@-o-keyframes koloplay {
         0% {  -ms-transform: scale(0.0, 0.0); 
    -webkit-transform: scale(0.0, 0.0); 
    transform: scale(0.0, 0.0);}
     100% {-ms-transform: scale(1.0, 1.0); 
    -webkit-transform: scale(1.0, 1.0); 
    transform: scale(1.0, 1.0);}
}

@keyframes koloplay {
          0% {  -ms-transform: scale(0.0, 0.0); 
    -webkit-transform: scale(0.0, 0.0); 
    transform: scale(0.0, 0.0);}
     100% {-ms-transform: scale(1.0, 1.0); 
    -webkit-transform: scale(1.0, 1.0); 
    transform: scale(1.0, 1.0);}
}




.kolo:hover {
-ms-transform: scale(1.2, 1.2); /* IE 9 */
    -webkit-transform: scale(1.2, 1.2); /* Safari */
    transform: scale(1.2, 1.2);
		transition: all .6s linear; -o-transition: all .6s linear; -moz-transition: all .6s linear; -webkit-transition: all .6s linear;
}



.kolo span{
height:100%;
width:100%;
top: 0px;
left: 0px;
position: absolute;
background-color: rgba(65,154,209,0.5);
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}



.kolo:hover span{
height:100%;
width:100%;
top: 0px;
left: 0px;
position: absolute;
background-color: rgba(65,154,209,0.2);
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}



.kolo div {
width:100px;
height:100px;
background-color:white;
text-align:center;
position:absolute;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
left:0px;
right:0px;
top:0px;
bottom:0px;
margin:auto;
padding:50px;
color:#429BD2;
font-weight:bold;
text-transform:uppercase;
transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;
}




.kolo:hover div {
-ms-transform: scale(0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(0.5, 0.5); /* Safari */
    transform: scale(0.5, 0.5);
		transition: all .2s linear; -o-transition: all .2s linear; -moz-transition: all .2s linear; -webkit-transition: all .2s linear;
}






@media screen and (min-width: 0px) and (max-width: 1420px)  {


.kolo {
height:290px;
width:290px;
}




.kolo div {
width:80px;
height:80px;
font-size: 14px;
padding:30px;
}



}




@media screen and (min-width: 0px) and (max-width: 990px)  {


.kolo {
height:210px;
width:210px;
}



}





@media screen and (min-width: 0px) and (max-width: 740px)  {


.kolo {
height:210px;
width:210px;
clear: both !important;
float:none !important;
display:inline-block !important;
}



}






.boxoapartamencie .ramka:nth-child(2){
margin-top:50px;
}

.boxcharakterystyka {
float:left;
width:100%;
text-align:center;
border-top:1px solid #CCCCCC;
margin-top:50px;
padding-bottom: 50px;
padding-top:80px;
font-weight: 300;
font-size: 14px;
    
}








.boxcharakterystyka b{
text-transform:uppercase;
color:#429BD2;
font-size:30px;
line-height:30px;
font-weight:bold;
}







.boxcharakterystyka p{
float:left;
width:33.3%;
margin-bottom:30px;
margin-top:30px;
text-align:left;
padding-left:2%;
padding-right:2%;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	display:block;
	height: 110px;
}






@media screen and (min-width: 0px) and (max-width: 1180px)  {


.boxcharakterystyka p{
float:left;
width:50%;
margin-bottom:30px;
margin-top:30px;
text-align:left;
padding-left:2%;
padding-right:2%;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	display:block;
	height: 110px;
}



}



@media screen and (min-width: 0px) and (max-width: 660px)  {


.boxcharakterystyka p{
float:left;
width:100%;
margin-bottom:30px;
margin-top:30px;
text-align:left;
padding-left:2%;
padding-right:2%;
-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	display:block;
	height: auto;
}



}


.boxcharakterystyka p img{
margin-right:20px;
margin-bottom:70px;
float:left;
}


.boxlokalizacja {
	float:left;
	width:100%;
	min-height:490px;
     background-image: url('../grafika/tlolas.jpg');
     background-repeat: no-repeat;
     background-position: center 0px;
		 padding-bottom: 60px;
		 text-align:center;
		 padding-top:114px;
		 color:white;
-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  -webkit-animation: lokalizacja 69s infinite;
  -moz-animation:    lokalizacja 69s infinite;
  -o-animation:      lokalizacja 69s infinite;
  animation:         lokalizacja 69s infinite; 
}




@media screen and (min-width: 0px) and (max-width: 620px)  {


.boxlokalizacja {
-webkit-background-size: auto 150%;
  -moz-background-size: auto 150%;
  -o-background-size: auto 150%;
  background-size: auto 150%;
}



}






@media screen and (min-width: 0px) and (max-width: 700px)  {

.boxlokalizacja { 
  -webkit-animation: none;
  -moz-animation:    none;
  -o-animation:      none;
  animation:         none;
}



}





@-webkit-keyframes lokalizacja {
    0% {  	
		  background-size: auto 140%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 140%; 
		 
		 }
}
@-moz-keyframes lokalizacja {
    0% {  	
		  background-size: auto 140%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 140%; 
		 
		 }
}
@-o-keyframes lokalizacja {
    0% {  	
		  background-size: auto 140%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 140%; 
		 
		 }
}
@keyframes lokalizacja {
    0% {  	
		  background-size: auto 140%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 140%; 
		 
		 }
}





@media screen and (min-width: 0px) and (max-width: 1420px)  {


@-webkit-keyframes lokalizacja {
    0% {  	
		  background-size: auto 120%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 120%; 
		 
		 }
}
@-moz-keyframes lokalizacja {
    0% {  	
		  background-size: auto 120%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 120%; 
		 
		 }
}
@-o-keyframes lokalizacja {
    0% {  	
		  background-size: auto 120%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 120%; 
		 
		 }
}
@keyframes lokalizacja {
    0% {  	
		  background-size: auto 120%;
		}
		 50% {   
      background-size: auto 190%;
		} 
		 100% {  	 
		 
		 background-size: auto 120%; 
		 
		 }
}




}














.boxlokalizacja h4 {
text-transform:uppercase;
font-weight:bold;
font-size:60px;
color:white;
line-height:70px;
}









.boxlokalizacja h5 {
font-weight:bold;
font-size:30px;
color:#FF8106;
line-height:30px;
}




@media screen and (min-width: 0px) and (max-width: 1040px)  {



.boxlokalizacja h4 {
font-size:26px;
line-height:45px;
}



.boxlokalizacja h5 {
font-size:18px;
line-height:30px;
}




}






.boxlokalizacja .komorka {
float:left;
width:25%;
color:#419AD1;
font-weight:bold;
font-size:20px;
}

.boxlokalizacja .komorka strong{
color:#FF8108;
font-weight:bold;
font-size:50px;
line-height:50px;
}




@media screen and (min-width: 0px) and (max-width: 900px)  {



.boxlokalizacja .komorka {
float:left;
width:50%;
color:#419AD1;
font-weight:bold;
font-size:20px;
height: 110px;
}

}





.boxkalendarz {
float:left;
width:100%;
background-color:#419AD1;
color:white;
text-align:center;
padding-top:80px;
padding-bottom:30px;
}

.boxkalendarz h5{
text-transform:uppercase;
font-size:50px;
line-height:50px;
font-weight:bold;
}



@media screen and (min-width: 0px) and (max-width: 1260px)  {


.boxkalendarz h5{
text-transform:uppercase;
font-size:35px;
line-height:35px;
font-weight:bold;
}




}





@media screen and (min-width: 0px) and (max-width: 960px)  {


.boxkalendarz h5{
text-transform:uppercase;
font-size:20px;
line-height:25px;
font-weight:bold;
}



}



.przypinki {
height:70px;
float:left;
width:100%;
     background-image: url('../grafika/zapinka.png');
     background-repeat: repeat-x;
     background-position: center center;
		 margin-top:-22px;
}

.boxformularz {
float:left;
width:100%;
border:0px;
text-align:center;
padding-top:50px;
}


.boxformularz h6{
text-transform:uppercase;
font-size:60px;
line-height:60px;
font-weight:bold;
color:#429BD2;
}


@media screen and (min-width: 0px) and (max-width: 1260px)  {

.boxformularz h6{
text-transform:uppercase;
font-size:30px;
line-height:35px;
font-weight:bold;
color:#429BD2;
}



.ui-datepicker-calendar {
font-size: 10px !important;
}


.ui-datepicker th {
    padding: .7em .3em;
    text-align: center;
    font-weight: bold;
    border: 0;
    text-transform: uppercase;
    font-size: 14px !important;
    border-bottom: 1px solid white;
}


.ui-datepicker td span, .ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
    background-color: transparent !important;
    border: 0px !important;
    color: white !important;
    font-weight: bold;
    font-size: 14px !important;
}


}







.boxformularz b{
color:#429BD2;
font-weight:400;
font-size:30px;
line-height:30px;
}

.boxformularz .ramka {
padding-left:20%;
padding-right:20%;
width:60%;
}



@media screen and (min-width: 0px) and (max-width: 860px)  {




.boxformularz .ramka {
padding-left:10%;
padding-right:10%;
width:80%;
}



}





@media screen and (min-width: 0px) and (max-width:600px) 

{


.boxformularz .ramka {
padding-left:5%;
padding-right:5%;
width:90%;
}




}



@media screen and (min-width: 0px) and (max-width:360px) 

{


.boxformularz .ramka {
padding-left:5%;
padding-right:5%;
width:90%;
}




}




@media screen and (min-width: 0px) and (max-width:460px) 

{

.ui-datepicker {
    width: 80% !important;
    display: inline-block !important;
}


}



.pole { 
float:left;
width:48%;
border:0px;
border-bottom:2px solid #FF8301;
margin-left:1%;
margin-right:1%;
position:relative;
}

#obrazek {
position:absolute;
right:0px;
bottom:5px;
height:30px;
cursor:pointer;
opacity: 0.2;
}


.pole:hover #obrazek {
position:absolute;
right:0px;
bottom:5px;
height:30px;
cursor:pointer;
opacity: 0.9;
}




.pole input{ 
float:left;
width:100%;
border:0px;
font-family: 'Nunito', sans-serif;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
color:#429BD2;
}

.pole2 textarea{ 
float:left;
width:100%;
border:0px;
font-family: 'Nunito', sans-serif;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
color:#429BD2;
}


.pole2 { 
float:left;
width:98%;
border:0px;
border-bottom:2px solid #FF8301;
margin-left:1%;
margin-right:1%;
}

.pole3 { 
float:left;
width:98%;
border:0px;
margin-left:1%;
margin-right:1%;
margin-top:50px;
}

.pole3 input{ 
padding:20px 30px 20px 30px;
background-color:#419AD1;
color:white;
font-weight:bold;
text-transform:uppercase;
font-size:18px;
border:0px;
letter-spacing: 2px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
cursor:pointer;
font-family: 'Nunito', sans-serif;
}

.pole3 input:hover{ 
background-color:#FF8301;
}

#errOffset {float:right;margin-right:140px;}


.boxgaleria {
float:left;
width:100%;
padding-top:120px;
text-align:center;
margin-bottom: 100px;
font-weight: 300;
}



.boxgaleria b{
color:#429BD2;
font-size:40px;
line-height:40px;
text-transform:uppercase;
}




@media screen and (min-width: 0px) and (max-width:500px) 

{


.boxgaleria b{
color:#429BD2;
font-size:30px;
line-height:35px;
text-transform:uppercase;
}



}


.boxgaleria .komorka{
float:left;
width:23%;
height:260px;
margin:1%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
		 position:relative;
		 display:block;
		 text-decoration:none;
		 overflow:hidden;
}


.boxgaleria .komorka span{
display:block;
position:absolute;
left:0px;
top:0px;
width:80%;
height:65%;
background-color:rgba(65,154,209,0.8);
color:white;
padding-top:40%;
font-size:18px;
padding-left:10%;
padding-right:10%;
display:none;
}


.boxgaleria .komorka:hover span{
display:block;
}

.ramkagaleria {
float:left;
width:100%;
}

.ramkagaleria .komorka:first-child {
width:48%;
height:544px;
}


.ramkagaleria .komorka:nth-child(6) {
width:48%;
height:544px;
float:right;
}

.ramkagaleria .komorka:nth-child(15) {
width:48%;
height:544px;
float:left;
}






@media screen and (min-width: 0px) and (max-width: 1060px)  {



.ramkagaleria .komorka:first-child {
width:48%;
height:444px;
}


.ramkagaleria .komorka:nth-child(6) {
width:48%;
height:444px;
float:right;
}

.ramkagaleria .komorka:nth-child(15) {
width:48%;
height:444px;
float:left;
}




.boxgaleria .komorka{
float:left;
width:23%;
height:212px;
margin:1%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
		 position:relative;
		 display:block;
		 text-decoration:none;
		 overflow:hidden;
}



}




@media screen and (min-width: 0px) and (max-width: 985px)  {




.ramkagaleria .komorka:first-child {
width:48%;
height:364px;
}


.ramkagaleria .komorka:nth-child(6) {
width:48%;
height:364px;
float:right;
}

.ramkagaleria .komorka:nth-child(15) {
width:48%;
height:364px;
float:left;
}




.boxgaleria .komorka{
float:left;
width:23%;
height:174px;
margin:1%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
		 position:relative;
		 display:block;
		 text-decoration:none;
		 overflow:hidden;
}




}






@media screen and (min-width: 0px) and (max-width: 810px)  {






.ramkagaleria .komorka:first-child {
width:48%;
height:314px;
}


.ramkagaleria .komorka:nth-child(6) {
width:48%;
height:314px;
float:right;
}

.ramkagaleria .komorka:nth-child(15) {
width:48%;
height:314px;
float:left;
}




.boxgaleria .komorka{
float:left;
width:23%;
height:124px;
margin:1%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
		 position:relative;
		 display:block;
		 text-decoration:none;
		 overflow:hidden;
}



.boxgaleria .komorka span{
display:block;
position:absolute;
left:0px;
top:0px;
width:80%;
height:76%;
background-color:rgba(65,154,209,0.8);
color:white;
padding-top:30%;
font-size:13px;
line-height: 18px;
padding-left:10%;
padding-right:10%;
display:none;
}






}








@media screen and (min-width: 0px) and (max-width: 580px)  {





.ramkagaleria .komorka:first-child {
width:98%;
height:314px;
}


.ramkagaleria .komorka:nth-child(6) {
width:98%;
height:314px;
float:left;
}

.ramkagaleria .komorka:nth-child(15) {
width:98%;
height:314px;
float:left;
}





.boxgaleria .komorka{
float:left;
width:48%;
height:174px;
margin:1%;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
		 position:relative;
		 display:block;
		 text-decoration:none;
		 overflow:hidden;
}




}











.mapa {
width:100%;
height:620px;
float:left;
position:relative;
margin-top:100px;
}

.mapa .slonce2 {
position:absolute;
right:32%;
top:-90px;
z-index:11;
width: 300px;
}


.boxmapa_left {
float: left;
width: 60%;
overflow: hidden;
height: 620px;
position: relative;
}


.boxmapa {
width:100%;
height:300%;
float:left;
display:block;
top: -100%;
position: absolute;
}

.boxdanekontaktowe {
position:absolute;
top:0px;
width:35%;
max-width: 320px;
left:65%;
height:100%;
background-color:white;
z-index:9;
padding-left:5%;
font-weight: 300;
}

.boxdanekontaktowe .ramka{
padding-top:70px;
}




.komorka-lewa {
float:left;
width:20%;
margin-right:5%;
}

.komorka-prawa {
float:left;
width:75%;
font-weight:300;
font-size:18px;
}




@media screen and (min-width: 0px) and (max-width: 1180px)  {




.boxdanekontaktowe {
position:absolute;
top:0px;
width:45%;
max-width: 320px;
left:55%;
height:100%;
background-color:white;
z-index:9;
padding-left:5%;
font-weight: 300;
}



.mapa .slonce2 {
position:absolute;
right:36%;
top:-90px;
z-index:11;
width: 200px;
}





}





@media screen and (min-width: 0px) and (max-width: 860px)  {





.boxdanekontaktowe {
position:relative;
top:0px;
width:80%;
max-width: 820px;
left:0%;
height:auto;
background-color:white;
z-index:9;
padding-left:10%;
padding-right: 10%;
font-weight: 300;
}


.boxmapa_left {
float: left;
width: 100%;
overflow: hidden;
height: 320px;
position: relative;
}



.mapa {
width:100%;
height:auto;
float:left;
position:relative;
margin-top:100px;
}




}











.komorka-prawa a{
font-weight:700;
}



.komorka-prawa b{
color:#1F93D6;
font-size:28px;
}


.komorka-prawa u{
color:#1F93D6;
}



.liniapomarancz {
float:left;
width:100%;
border-bottom:1px solid #FF8108;
}

footer {
float:left;
width:100%;
border:0px;
text-align:center;
padding-top:30px;
padding-bottom:20px;
}

.wiecejramka {
float:left;
width:100%;
text-align:center;
padding-top:50px;
}

#ladowanie { display:none; }



.wiecejramka a{ 
padding:20px 30px 20px 30px;
background-color:#419AD1;
color:white;
font-weight:bold;
text-transform:uppercase;
font-size:18px;
border:0px;
letter-spacing: 2px;
-webkit-border-radius: 40px;
-moz-border-radius: 40px;
border-radius: 40px;
cursor:pointer;
}

.wiecejramka a:hover{ 
background-color:#FF8301;
}

#wynikwiecejzdjec {
float:left;
width:80%;
outline:1px solid red;
padding:10%;
}



.ukryjzdjecie {display:none !important;}



.zobacz_wiecej {color:white;text-decoration: none;	text-transform:uppercase;font-size:18px;font-weight:bold;padding:10px 40px 10px 40px;border:1px solid white;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;}
.zobacz_wiecej:hover { color:#FF8302;border:1px solid #FF8302;text-decoration: none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.link_niebieski {color:#1F93D6;text-decoration: underline;}
.link_niebieski:hover { color:#FF8108;text-decoration: underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}




.link_stopka2 {color:#FF8108;text-decoration: none;}
.link_stopka2:hover { color:#1F93D6;text-decoration: underline;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}








/* hide the link until viewport size is reached */
a.meanmenu-reveal {
	display: none;
}


/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position: fixed;
	padding: 0px 0;
	height: 1px;
	top: 0px !important;
	left: 0%;
	right: 0%;
	padding: 0px 0% 0px 0%;
	z-index: 3333000000000000;
}



.mean-container a.meanmenu-reveal {
	width: 42px;
	height: 28px;
	padding: 18px 20px;
	position: absolute;
  z-index: 333333335666600008888888888888880;
	top: 26px;
	right: 4% !important;
	cursor: pointer;
	color:#4099D1;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
}



.mean-container a.meanmenu-reveal span {
	display: block;
	background:  #4099D1;
	height: 3px;
	margin-top: 4px;
}



.mean-container .mean-nav {
	float: left;
	width: 100%;
	margin-top: 0px;
	margin-left: 0%;
	margin-right: 0%;
}

.mean-container .mean-nav ul {
	padding: 0px 0px 0px 0px !important;
	width: 100% !important;
	
	list-style-type: none;
	position: absolute;
	z-index: 109;
	left: 0%;
	top: 110px;
		background-color: #F5F5F5;
}



.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #EBEBEB;
	border-right: 0px solid #EBEBEB;
}




.mean-container .mean-nav ul li:nth-child(even) {
	border-right: 0px solid #EBEBEB;
}




.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1.1em 5%;
	margin: 0;
	text-align: center;
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 13px;
}


.mean-container .mean-nav ul li a:hover {
	background-color: #FFFFFF;
}



.mean-container .mean-nav ul li a.menubold {
	color:#333333;
	font-weight:bold;
	background-color:#EBEBEB;
}


.mean-container .mean-nav ul li a img{
	display: none;
}



.mean-container .mean-nav ul li  img{
	display: none;
}


.mean-container .mean-nav ul li.menubold a {
color:#333333 !important;
background-color:#EBEBEB;
}






.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}