/* 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:#343434;
                    background-color:white;
									  font-size:16px;
                    font-family: 'Kanit', sans-serif;
										font-weight:300;
                }
								
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
					
						
			
#preloader  {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color:white;
     z-index: 999999999;
    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;
 }
 
 

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(1.1);
  }
  100% {
    -moz-transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  50% {
    -ms-transform: scale(1.1);
  }
  100% {
    -ms-transform: scale(1);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  50% {
    -o-transform: scale(1.1);
  }
  100% {
    -o-transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

.pulse-css3:hover, .pulse-css3:focus {
  -webkit-animation: pulse 1s linear infinite;
  -moz-animation: pulse 1s linear infinite;
  -ms-animation-name: pulse 1s linear infinite;
  -o-animation-name: pulse 1s linear infinite;
  animation-name: pulse 1s linear infinite;
}

.strona {
	width: 92%;
	border: 0px;  
	margin:0 auto;
	max-width:1137px;
	min-width:270px;
		padding: 0px 4%;
}


.strona2 {
	width: 100%;
	border: 0px;  
	margin:0 auto;
	max-width:1137px;
	min-width:300px;

}


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

{


.strona {
	max-width:1070px;
}


.strona2 {
	max-width:1070px;
}

}


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

{
.logo {
	 position: absolute !important;

}

.formularz {
 position: relative !important;

}

.box-lokalizacja2 {
 position: relative !important;
}

}


.media1 {
float: left;width: 100%;padding: 20px 0px 70px 0px;
}


.media2 {
float: left;width: 100%;padding: 20px 0px 70px 0px;
}

.media3 {
float:left;width:80%;padding-left:10%;padding-right:10%;
}

.media4 {
display:block;float:right;width: 100%;margin-left: 0%;margin-bottom:30px;
}


.media5 {
float: right;margin-right: 40px;margin-top: -4px;
}



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


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

header {
	width: 100%;
	border: 0px;  
	float:left;
	 background-image: url('../grafika/tlotop.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 height:197px;
		 color:white;
		 -webkit-box-shadow: inset -1px -22px 5px -22px rgba(0,0,0,0.3);
     -moz-box-shadow: inset -1px -22px 5px -22px rgba(0,0,0,0.3);
     box-shadow: inset -1px -22px 5px -22px rgba(0,0,0,0.3);
}




.logo_1img {
display: inline-block;
}


.logo_2img {
display: none;
}




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

{


.logo_1img {
display: none;
}


.logo_2img {
display: inline-block;
margin:7px 0px 0px 0px;
	max-width:100px !important;
	width: 100px !important;
}


header {
	width: 100%;
	border: 0px;  
	float:left;
	 background-image: url('../grafika/tlotop.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 height:82px;
		 color:white;
		 -webkit-box-shadow: inset -1px -22px 5px -22px rgba(0,0,0,0.3);
     -moz-box-shadow: inset -1px -22px 5px -22px rgba(0,0,0,0.3);
     box-shadow: inset -1px -22px 5px -22px rgba(0,0,0,0.3);
}



}


.logo {
	width: 25%;
	border: 0px;  
	 height:82px;
	 position: relative;
	 top: 0px;
	 left: 0%;
	 z-index: 100;
	 overflow: hidden;
	 background-color: #FFFFFF;
	 text-align: center;
	 float: left;
}



.logo a{
	display: block;
	width: 100%;
	text-align: center;
}


.logo img{
	max-width:220px;
	float: none;
}




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

{


.logo {
	width: 25%;
	border: 0px;  
	 height:82px;
	 position: relative;
	 top: 0px;
	 left: 0%;
	 z-index: 100;
	 overflow: hidden;
	 background-color: #F47800;
	 text-align: center;
	 float: left;
}



.logo img{
	max-width:160px;
	width: 160px;
	float: none;
}



}







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

{



.logo {
	width: 35%;
}



}




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

{



.logo {
	width: 45%;
}






}




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

{



.logo {
	width: 60%;
}



}







.listwa {
	border: 0px;  
	float:right;
	 height:198px;
	width: 75%;
}


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

{




.listwa {
	width: 65%;
}



}









.listwa-kontakt {
	width:95%;
	border: 0px;  
	float:left;
	height:82px;
	padding-top:40px;
}


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

{


.logo img{
	max-width:120px;
	width:120px;
	float: none;
}


.listwa-kontakt {
	display: none;
}



}


.listwa-kontakt div {
	border: 0px;  
	float:right;
}

.listwa-kontakt div img{
	float:left;
	margin-left:20px;
}



.listwa-kontakt span {
font-size:13px;
font-weight:500;
}


.listwa-kontakt b {
font-size:25px;
font-weight:900;
}


.listwa-kontakt small {
font-size:32px;
font-weight:400;
}







.slider {
	width: 100%;
	border: 0px;  
	float:left;
	height:539px;
	position:relative;
	z-index:0;
}

.prev {
position:absolute;
left:0px;
top:200px;
z-index:9999;
}

.next {
position:absolute;
right:0px;
top:200px;
z-index:9999;
}


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

{

.prev {
left:20px;
top:180px;
}

.next {
right:20px;
top:180px;
}


.next img{
width: 80px;
}

.prev img{
width: 80px;
}



}



.sekwencja {
	width: 100%;
	border: 0px;  
	float:left;
	height:539px;
	background-repeat: no-repeat;
	background-position: center top;
	position:relative;
	z-index:0;
}


.sekwencja-txt {
	width: 45%;
	border: 0px;  
	float:right;
	text-align:center;
	font-weight:400;
	padding-top:50px;
}



.sekwencja-txt h1{
	color:#343434;
	font-weight:900;
	font-size:80px;
	text-transform:uppercase;
	line-height:90px;
}

.sekwencja-txt h2{
	color:#F57933;
	font-size:20px;
	font-weight:600;
}

.sekwencja-txt h3{
    margin: 0px 5% 0px 5%;
		display: block;
}






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

{


.sekwencja {
	height:459px;
	background-size: cover;
}

.slider {
	height:459px;
}


.sekwencja-txt h1{
	color:#343434;
	font-weight:700;
	font-size:70px;
	line-height:80px;
}

.sekwencja-txt h2{
	font-weight:600;
	
}


.sekwencja-txt h3{
    padding: 0px 9% 0px 9%;
		display: block;
}











}




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

{


.sekwencja-txt {
	width: 52%;
	border: 0px;  
	float:right;
	text-align:center;
	font-weight:400;
	padding-top:50px;
}




}




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

{



.sekwencja {
	height:649px;
	background-size: auto 240px;
}


.sekwencja-txt {
	width: 100%;
	border: 0px;  
	float:leftt;
	text-align:center;
	font-weight:400;
	padding-top:270px;
}


.slider {
	width: 100%;
	border: 0px;  
	float:left;
	height:599px;
	position:relative;
	z-index:0;
}

.prev {
position:absolute;
left:10px;
top:90px;
z-index:9999;
}

.next {
position:absolute;
right:10px;
top:90px;
z-index:9999;

}



.prev img{
width: 30px;
}

.next img{
width: 30px;
}





}




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

{


.sekwencja {
	height:649px;
	background-size: auto 190px;
}



.sekwencja-txt {
	width: 100%;
	border: 0px;  
	float:leftt;
	text-align:center;
	font-weight:400;
	padding-top:220px;
}





}



.podstrona {
		 background-image: url('../grafika/baner1.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 width: 100%;
		 height: 290px;
		 background-size:cover;
		 float: left;
}



.sekwencja-txt-podstrona {
float: right;
width: 50%;
padding: 80px 0px 0px 0px;
text-align: right;
}


.sekwencja-txt-podstrona b{
	color:#343434;
	font-weight:700;
	font-size:60px;
	line-height:70px;
	text-transform: uppercase;
}

.sekwencja-txt-podstrona span {
	font-weight:600;
	font-size: 20px;
	color: #F47800;
}



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

{


.sekwencja-txt-podstrona b{
	color:#343434;
	font-weight:700;
	font-size:40px;
	line-height:50px;
	text-transform: uppercase;
}

.sekwencja-txt-podstrona span {
	font-weight:600;
	font-size: 15px;
	color: #F47800;
}

}





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

{

.podstrona {
		 background-image: url('../grafika/baner1.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 width: 100%;
		 height: 200px;
		 background-size:cover;
		 float: left;
}


.sekwencja-txt-podstrona b{
	color:#343434;
	font-weight:700;
	font-size:25px;
	line-height:30px;
	text-transform: uppercase;
}

.sekwencja-txt-podstrona span {
	font-weight:600;
	font-size: 12px;
	color: #F47800;
}


.sekwencja-txt-podstrona {
float: right;
width: 60%;
padding: 50px 0px 0px 0px;
text-align: right;
}




}





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

{



.podstrona {
		 height: 150px;
}



.sekwencja-txt-podstrona b{
	color:#343434;
	font-weight:700;
	font-size:19px;
	line-height:25px;
	text-transform: uppercase;
}

.sekwencja-txt-podstrona span {
	display:none;
}





}






.middle {
float: left;
width: 100%;
background-color: #ededed;
}



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


.boxy2 {
	width: 100%;
	border: 0px;  
	float:left;
	margin: 20px 0px 60px 0px;
}





.tloszare {
width: 100%;
	border: 0px;  
	float:left;
background-color:#f2f2f2;
padding-top:30px;
padding-bottom:50px;
}

.box-dostaraczamy {
	width: 35%;
	border: 0px;  
	float:left;
		 background-image: url('../grafika/box-dostaraczamy.jpg');
     background-repeat: no-repeat;
     background-position: center bottom;
		 -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
	height:370px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
background-color:white;
margin-right:1%;
padding-top:30px;
padding-left:4.5%;
padding-right:9.5%;
}



.box-dostaraczamy span {
font-weight:300;
font-size:30px;
line-height:30px;
}

.box-dostaraczamy b {
font-weight:900;
font-size:50px;
line-height:50px;
}


.box-lokalizacja {
	width: 40%;
	border: 0px;  
	float:left;
	background-color:#E0E0E0;
	height:370px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
margin-left:1%;
position:relative;
padding-top:30px;
padding-left:4.5%;
padding-right:4.5%;
color:black;
}





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

{


.box-dostaraczamy {
	width: 90%;
	border: 0px;  
	float:left;
		 background-image: url('../grafika/box-dostaraczamy.jpg');
     background-repeat: no-repeat;
     background-position: center bottom;
		 -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  -o-background-size: 100% auto;
  background-size: 100% auto;
	height:370px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
background-color:white;
margin-right:0%;
padding-top:30px;
padding-left:5%;
padding-right:5%;
}


.box-lokalizacja {
	width: 90%;
	border: 0px;  
	float:left;
	background-color:#E0E0E0;
	height:370px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
margin-left:0%;
position:relative;
padding-top:30px;
padding-left:5%;
padding-right:5%;
color:black;
margin-top: 30px;
}





}





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

{



.box-lokalizacja img{
	max-height: 60px;
}



}





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

{


.box-dostaraczamy span {
font-weight:300;
font-size:20px;
line-height:25px;
}

.box-dostaraczamy b {
font-weight:900;
font-size:30px;
line-height:40px;
}



}




.box-lokalizacja2 {
width: 29%;
margin-left: 0%;
margin-top: 90px;
float: right;
	background-color:#E0E0E0;
	min-height:370px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius:10px;
color:black;
padding-top:30px;
padding-bottom:30px;
}




.box-lokalizacja2 .ikonapoint, .box-lokalizacja2 .ikonamapa {
display:none;
}



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

{

.box-lokalizacja2 {
display: none;
}



}





.galeria-realizacje {
float:left;
width:25%;
height:120px;
overflow:hidden;
margin-bottom:10px;
}

.galeria-realizacje img{
float:left;
height:120px;
min-width:100%;
}



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

{


.galeria-realizacje {
float:left;
width:33.3%;
height:150px;
overflow:hidden;
margin-bottom:10px;
}

.galeria-realizacje img{
float:left;
height:150px;
min-width:100%;
}



}





.box-lokalizacja span {
text-transform:uppercase;
font-size:25px;
}


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

{


.box-lokalizacja span {
text-transform:uppercase;
font-size:19px;
display: block;
padding-right: 90px;
}



}





.box-lokalizacja b {
font-size:18px;
}

.box-lokalizacja2 span {
text-transform:uppercase;
font-size:25px;
}

.box-lokalizacja2 b {
font-size:18px;
}

.box-lokalizacja2 img {
vertical-align:middle;
margin-right:10px;
}

.box-lokalizacja2 small {
padding-left:14px;
padding-right:14px;
}




.ikonamapa {
position:absolute;
right:50px;
bottom:160px;
}

.box-lokalizacja img {
vertical-align:middle;
margin-right:10px;
}

.box-lokalizacja small {
padding-left:14px;
padding-right:14px;
}



.box-lokalizacja .ikonapoint {
position:absolute;
right:0px;
top:0px;
}


.tloforma {
	width: 100%;
	border: 0px;  
	float:left;
	height:auto;
	padding: 30px 0px 30px 0px;
			background-image: url('../grafika/tlospotkanie.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 font-weight:400;
		 line-height:28px;
		 background-size: cover;
}







.tloforma span{
	font-size:40px;
}


.tloforma b{
	font-size:40px;
	font-weight:900;
}


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

{

.tloforma span{
	font-size:25px;
}


.tloforma b{
	font-size:25px;
	font-weight:900;
}



}



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


.pole {
	width: 23%;
	border: 0px;  
	float:left;
	padding-left:1%;
	padding-right:1%;
}



.pole input {
	width:90%;
	background-color:#F2F2F2;
	height:44px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:0px;
margin:0px;
border:0px;
font-weight:300 !important;
font-size:14px !important;
padding-left:5%;
padding-right:5%;
float:left;
 font-family: 'Kanit', sans-serif;
}






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

{



.pole {
	width: 31.3%;
	border: 0px;  
	float:left;
	padding-left:1%;
	padding-right:1%;
}


}


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

{



.pole {
	width: 100%;
	border: 0px;  
	float:left;
	padding-left:0%;
	padding-right:0%;
	padding: 5px 0px;
}

}




#contact-form  .pole:nth-child(4) input{
width:50%;
}

#contact-form  .pole:nth-child(4) img{
cursor:pointer;
height:44px;
margin-left:10px;
	border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
width:25%;
}




.formbutton { 
 font-family: 'Kanit', sans-serif;
border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;-webkit-border-radius: 10px 10px 10px 10px;
color:white;
text-decoration: none;
font-weight:bold;
padding:10px 5% 6px 5%;
background-color:#F47800;
border:0px;
border-bottom:4px solid #B75B00;
font-size:18px;
font-weight:500;
cursor:pointer;
text-align: center;
cursor:pointer;
}




#errOffset {
float:left;
margin-left:18%;
}


.boxjakosc {
	width: 100%;
	border: 0px;  
	float:left;
	padding-top:40px;
	padding-bottom:60px;
	font-weight:400;
}

.boxjakosc .ramka{
	text-align:center;
	padding-top:50px;
}

.boxjakosc .ramka .link_pomarancz{
	padding-left:100px;
	padding-right:100px;
}



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

{

.boxjakosc .ramka .link_pomarancz{
	padding-left:30px;
	padding-right:30px;
}


}



.boxjakosc-lewa {
	width: 55%;
	border: 0px;  
	float:left;
	padding-right:5%;
	line-height:25px;
	padding-top:40px;
}

.boxjakosc-lewa span {
	font-weight:300;
	font-size:40px;
}

.boxjakosc-lewa b {
	font-weight:900;
	font-size:40px;
}


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

{

.boxjakosc-lewa span {
	font-weight:300;
	font-size:30px;
}

.boxjakosc-lewa b {
	font-weight:900;
	font-size:30px;
}



}

.boxjakosc-prawa {
	width: 40%;
	border: 0px;  
	float:left;
}








.boxjakosc-prawa img{
	width: 100%;
	border: 0px;  
	float:right;
	max-width:365px;
	max-height:300px;
}




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

{


.boxjakosc-lewa {
	width: 100%;
	border: 0px;  
	float:left;
	padding-right:0%;
	line-height:25px;
	padding-top:40px;
}


.boxjakosc-prawa {
	width: 100%;
	border: 0px;  
	float:left;
	text-align: center;
}

.boxjakosc-prawa img{
	width: 100%;
	border: 0px;  
	float:none;
	max-width:365px;
	max-height:300px;
}





}



.tlostopka {
	width: 100%;
	border: 0px;  
	float:left;
	height:176px;
     background-image: url('../grafika/tlostopka.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 padding-top:40px;
}


.tlostopka .strona .ramka .komorka-stopka:first-child img {
float:left;
margin-right:5%;
}

.komorka-stopka {
	width: 31.3%;
	border: 0px;  
	float:left;
	padding-left:1%;
	padding-right:1%;
}


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

{

.komorka-stopka:nth-of-type(3) {
	display:none;
}



.komorka-stopka {
	width: 50%;
	border: 0px;  
	float:left;
	padding-left:0%;
	padding-right:0%;
}




}





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

{




.tlostopka {
	height:auto;
		 padding-top:40px;
		 padding-bottom: 40px;
		 background-size: cover;
}




.komorka-stopka {
	width: 100%;
	border: 0px;  
	float:left;
	padding-left:0%;
	padding-right:0%;
	text-align: center;
	padding:10px 0px;
}

.tlostopka .strona .ramka .komorka-stopka:first-child img {
float:none;
margin-right:5%;
}


.tlostopka .strona .ramka .komorka-stopka img {
float:none;
margin-right:5%;
}


}





.komorka-stopka span{
	font-size:25px;
}


.komorka-stopka div{
	width: 48%;
	border: 0px;  
	float:left;
	padding-right:2%;
}

.komorka-stopka div img{
	margin-right:5px;
}

.komorka-stopka div.tlotel {
float:left;
     background-image: url('../grafika/tlotelefon.png');
     background-repeat: no-repeat;
     background-position: center top;
-webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
	width:85%;
	height:47px;
	max-width:365px;
	color:white;
	font-size:20px;
	padding-left:5%;
	padding-top:20px;
}


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

{


.komorka-stopka div.tlotel {
float:none;
display:inline-block;
}




}


.komorka-stopka div.tlotel span{
font-size:30px;
font-weight:300;
}

.komorka-stopka div.tlotel b{
font-size:28px;
}



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

{


.komorka-stopka span{
	font-size:18px;
}



.komorka-stopka div.tlotel span{
font-size:22px;
font-weight:300;
}

.komorka-stopka div.tlotel b{
font-size:20px;
}



}


footer {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:#3B3B3B;
	padding-top:20px;
	padding-bottom:20px;
	color:white;
}




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

{


footer {
	font-size: 12px;
}


}




.komorka-stopka2 {
	width: 50%;
	border: 0px;  
	float:left;
	text-align:right;
}



footer .komorka-stopka2:first-child{
	text-align:left;
}




.sciezka {
	width: 100%;
	border: 0px;  
	float:left;
	padding: 15px 0px 12px 0px;
	font-size: 11px;
	position:relative;
	z-index:9;
}

.sciezka a{
	color: #333333;
	text-decoration: none;
	font-size: 11px;
}

.sciezka a:hover {
	text-decoration: underline;
}


.sciezka div{
	float: right;
}







.lewa {
	width: 30%;
	border: 0px;  
	float:left;
}


.menu-pionowe-tlo {
background-color: #FFFFFF;
margin-bottom: 0px;
border-bottom: 3px solid #F47800;
width: 100%;
float:left;
}



.menu-pionowe {
	width: 90%;
	border: 0px;  
	float:left;
	padding: 10px 5% 10px 5%;
	background-color: #FFFFFF;
	margin-bottom: 0px;
display: -webkit-flex;     
display: -moz-flex;        
display: -ms-flex;      
display: -webkit-flex;     
display: flex;   
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
		text-align: center;
		flex-direction: row;
		align-items: center; justify-content: center; 
}



.podkategorie-ramka {
width: 160px;
padding: 0px 0px 0px 0px;
margin: 4px 0px 4px 0px;
text-align: left;
}

.link_menu {
padding: 8px 10px 8px 10px;
margin: 4px 5px 4px 5px;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #000000;
text-decoration: none;
text-align: left;
display:block;
}


.link_menu:hover {
color: #F47800;
}



.link_menu-bold {
padding: 8px 10px 8px 10px;
margin: 4px 5px 4px 5px;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #F47800;
text-decoration: none;
text-align: left;
display:block;
}





.podkategorie-ramka .podkategorie{
display: none;
}


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

{


.link_menu {
font-size: 14px;
line-height: 18px;

}


.link_menu-bold {
font-size: 14px;
line-height: 18px;

}


}

.tresc-kontakt {
	width: 100%;
	border: 0px;  
	float:left;
}


.tresc-kontakt-middle {
float: left;width: 90%;padding: 20px 5% 20px 5%;
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2; 
		  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
		 -webkit-column-width: 210px; /* Chrome, Safari, Opera */
    column-width: 210px;

}



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

{

.tresc-kontakt-middle {
float: left;width: 90%;padding: 20px 5% 20px 5%;
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1; 
		  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
    -moz-column-gap: 40px; /* Firefox */
    column-gap: 40px;
		 -webkit-column-width: 410px; /* Chrome, Safari, Opera */
    column-width: 410px;

}


}



.tresc-kontakt-baner {
float: left;
width: 100%;
position: relative;
}


.tresc-kontakt-baner div{
position: absolute;
top: 40%;
left: 7%;
padding-left: 10%;
     background-image: url('../grafika/ikonatel.png');
     background-repeat: no-repeat;
     background-position: left 0px;
		 z-index: 9;
		 color: #FFFFFF;
		 width:40%;
}

.tresc-kontakt-baner div span{
font-weight: 600;
font-size: 40px;
}



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

{


.tresc-kontakt-baner div{
position: absolute;
top: 30%;
left: 3%;
padding-left: 10%;
     background-image: url('../grafika/ikonatel.png');
     background-repeat: no-repeat;
     background-position: left 0px;
		 z-index: 9;
		 color: #FFFFFF;
		 width:50%;
}



.tresc-kontakt-baner div span{
font-weight: 600;
font-size: 26px;
}



}




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

{



.tresc-kontakt-baner div{
display: none;
}


}





.tresc-kontakt h1{
	color: #000000;
	font-size: 40px;
	line-height: 43px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	font-weight: 600;
	margin-top: -20px;
}


.mapka {
	width: 100%;
	border: 0px;  
	float:left;
	background-color: #FFFFFF;
		-webkit-border-radius: 7px;
  -moz-border-radius:7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
overflow: hidden;
margin-bottom: 50px;
display: -webkit-flex;     
display: -moz-flex;        
display: -ms-flex;      
display: -webkit-flex;     
display: flex;   
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


.mapka_left {
width: 35%;
padding: 40px 5%  40px 10%;
     background-image: url('../grafika/lokacja.png');
     background-repeat: no-repeat;
     background-position: 4% 30px;
		 font-size: 18px;
		 font-weight: 300;
}


.dojazd_border {
float: left;
width: 50%;
padding: 20px 0px 0px 0px;
border-top: 2px solid #0094E4;
margin-top: 40px;
font-size: 12px;
line-height: 18px;
}


.dojazd_border2 {
float: left;
width: 49%;
padding: 20px 0px 0px 0px;
border-top: 2px solid #F47800;
margin-left: 1%;
margin-top: 40px;
font-size: 12px;
line-height: 18px;
}






.mapka_left span{
font-weight: 600;
font-size: 20px;
}



.mapka_right {
width: 50%;
}





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

{



.mapka_left {
width: 75%;
padding: 40px 5%  40px 20%;
     background-image: url('../grafika/lokacja.png');
     background-repeat: no-repeat;
     background-position: 4% 30px;
		 font-size: 18px;
		 font-weight: 300;
}


.mapka_right {
width: 100%;
}


}


.tresc {
	width: 100%;
	border: 0px;  
	float:left;
	margin: 0px 0px 40px 0px;
	background-color: #FFFFFF;
	-webkit-border-radius: 7px;
  -moz-border-radius:7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
position: relative;
overflow: hidden;
}



.tresc .tresc_middle {
  padding: 30px 5% 30px 5%;
	background-color: #FFFFFF;
	border: 0px;  
	float:left;
	width: 90%;
}


.tresc2 .tresc_middle {
  padding: 0px 0% 0px 0%;
	border: 0px;  
	float:left;
	width: 100%;
}





.tresc2 h1{
	color: #000000;
	font-size: 40px;
	line-height: 43px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	font-weight: 600;
	position: relative;

}


.tresc h1{
	color: #000000;
	font-size: 40px;
	line-height: 43px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
	font-weight: 600;
	margin-left: 5%;
	margin-top: 20px;
	margin-bottom: -30px;
}


.podstrona_oferta {
float: left;
width: 100%;
position: relative;
}


.podstrona_oferta h1{
	color: #FFFFFF;
	font-size: 60px;
	line-height: 63px;
	font-weight: 600;
	position: absolute;
	left: 5%;
	bottom: 10%;
	top: auto;
	text-shadow: none;
	margin-left: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}




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

{


.podstrona_oferta h1{
	font-size: 40px;
	line-height: 43px;
}


}



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

{


.podstrona_oferta h1{
	font-size: 25px;
	line-height: 29px;
}


}






.link_nav {
display: inline-block;
border: 1px solid #d5d5d5;
background-color: #FFFFFF;
	-webkit-border-radius: 4px;
  -moz-border-radius:4px;
  border-radius: 4px;
	padding: 5px 10px 5px 10px;
	margin: 2px;
	color:#000000;
	text-decoration:none;
}


.link_nav_bold {
display: inline-block;
border: 1px solid #0094E4;
background-color: #0094E4;
	-webkit-border-radius: 4px;
  -moz-border-radius:4px;
  border-radius: 4px;
	padding: 5px 10px 5px 10px;
	color: #FFFFFF;
	margin: 2px;
}

.link_nav a{
color: #000000;
text-decoration: none;
}



.lewa .box-lokalizacja {
width:90%;
}

.content_galeria2 {
width: 100%;
float: left;
margin: 30px 0px 30px 0px;
}

.content_galeria {
width: 100%;
flex-direction: row;
float: left;
display: -webkit-flex;     
display: -moz-flex;        
display: -ms-flex;      
display: -webkit-flex;     
display: flex;   
}

.content_galeria a {
height:180px;
overflow: hidden;
flex-grow: 4;
}

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

{


.content_galeria {
width: 33.3%;
flex-direction: none;
float: left;
display: -webkit-flex;     
display: -moz-flex;        
display: -ms-flex;      
display: -webkit-flex;     
display: inline-block; 
height:auto;  
}



}






.content_galeria a img{
width: 100%;
min-height: 180px;
vertical-align: middle; 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	max-width:400px;
}




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

{


.content_galeria {
width: 50%;
flex-direction: none;
float: left;
display: -webkit-flex;     
display: -moz-flex;        
display: -ms-flex;      
display: -webkit-flex;     
display: inline-block; 
height:auto;  
}



.content_galeria a img{
width: 100%;
min-height: 110px;
vertical-align: middle; 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	max-width:400px;
}



}



.content_galeria a:hover img{
width: 100%;
vertical-align: middle; 
	-webkit-filter: grayscale(10%);
	filter: grayscale(10%);
}


@media screen and (min-width: 1320px) and (max-width: 3000px) 

{

.content_galeria a {
height:280px;
overflow: hidden;
flex-grow: 4;
}



.content_galeria a img{
	max-width:570px;
	min-height: 280px;
}




}

.realizacje {
width: 100%;
padding: 20px 0px 70px 0px;
float: left;
display: -webkit-flex;     
display: -moz-flex;        
display: -ms-flex;      
display: -webkit-flex;     
display: flex;   
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center;
		text-align: center;
}

.realizacja_wpisy {
width: 31.3%;
	-webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
background-color: #FFFFFF;
margin: 15px 1% 15px 1%;
overflow: hidden;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
position: relative;
}

.realizacja_wpisy_middle {
width: 90%;
padding: 20px 5% 80px 5%;
font-size: 13px;
line-height: 19px;
}




.naglowek_span {
font-weight: 300;
color: #000000;
font-size: 23px;
}


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

{
.naglowek_span {
font-weight: 300;
color: #000000;
font-size: 19px;
}


}





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

{

.realizacja_wpisy {
width: 48%;
margin: 15px 1% 15px 1%;
}


}




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

{

.realizacja_wpisy {
width: 98%;
margin: 15px 1% 15px 1%;
}


}






.wiecej_a {
position: absolute;
bottom: 24px;
left: 7%;
width: 86%;
background-color: #0093E3;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 4px 0px 4px 0px;
-webkit-box-shadow: 0px 3px 0px 0px rgba(14,53,115,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(14,53,115,1);
box-shadow: 0px 3px 0px 0px rgba(14,53,115,1);

}


.wroc_link {
float: left;
background-color: #0093E3;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	padding: 9px 9% 9px 9%;
-webkit-box-shadow: 0px 3px 0px 0px rgba(14,53,115,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(14,53,115,1);
box-shadow: 0px 3px 0px 0px rgba(14,53,115,1);

}



.zdjecie {
width: 100%;
vertical-align: middle;
transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;
}

.realizacja_wpisy:hover {
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
}




.wpisy_szczegoly {

width: 65%;
	-webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
background-color: #FFFFFF;
overflow: hidden;
margin-top: 90px;

}

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

{

 
.wpisy_szczegoly {

width: 100%;
margin-top: 0px;

}

 
 
 }
 
 
 
.wpisy_szczegoly_middle {
overflow: hidden;
margin-top: -100px;
}





.wpisy_szczegoly_tresc {
float: left;
padding: 0px 5% 20px 5%;
width: 90%;
}


.formularz {
width: 29%;
margin-left: 0%;
margin-top: 90px;
float: right;
}

.formularz2 {
display: none;
}




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

{



.wpisy_szczegoly_middle {
overflow: hidden;
margin-top: -10px;
}



.formularz {
width: 100%;
margin-left: 0%;
margin-top: 10px;
margin-bottom: 20px;
float: right;
display: block;
}



}


.formularz_middle {
width: 100%;
	-webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
background-color: #FFFFFF;
overflow: hidden;
background-color: #FFFFFF;
margin-left: 0%;
margin-top: 0px;
float: right;
    overflow: hidden;
}











.formng {
width: 100%;
padding: 25px 5% 25px 5%;
background-color: #0094E4;
color: #FFFFFF;
font-weight: 600;
font-size: 20px;
}


.formng_middle {
width: 90%;
padding:5px 5% 20px 5%;
float: left;
}


.formng_middle .pole{
width: 100%;
float: left;
padding: 3px 0px 3px 0px;
position: relative;
}


.formng_middle .pole2{
width: 100%;
float: left;
padding: 3px 0px 3px 0px;
position: relative;
}


.formng_middle .pole .input{
width: 90%;
float: left;
padding: 3px 5% 3px 5%;
background-color: #FFFFFF;
	-webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
 font-family: 'Kanit', sans-serif;
 font-size: 14px;
}

.formng_middle .pole .input2{
width: 90%;
float: left;
padding: 3px 5% 3px 5%;
background-color: #FFFFFF;
border: 0px;
	-webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
 font-family: 'Kanit', sans-serif;
  font-size: 14px;
}

.formng_middle .pole2 .input2{
width: 90%;
float: left;
background-color: #FFFFFF;
padding: 3px 5% 3px 5%;
	-webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
 font-family: 'Kanit', sans-serif;
  font-size: 14px;
}


.formng_middle .pole2 .input{
width: 90%;
float: left;
border: 0px;
background-color: #FFFFFF;
padding: 3px 5% 3px 5%;
	-webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
-webkit-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
-moz-box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
box-shadow: 0px 3px 0px 0px rgba(224,224,224,1);
 font-family: 'Kanit', sans-serif;
  font-size: 14px;
}





.formng_middle .pole2{
width: 100%;
float: left;
padding: 5px 0px 5px 0px;
}


nav {
	width: 98%;
	border: 0px;  
	float:left;
	height:76px;
	background-color:#F47800;
}


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

{


nav {
	width: 100%;
	border: 0px;  
	float:left;
	height:82px;
	background-color:#F47800;
}



}


.sticky nav {
	width: 72%;
	border: 0px;  
	float:left;
	height:76px;
	background-color:#F47800;
	position: fixed;
	z-index: 10;
	left: 0%;
	padding-left: 28%;
	top: 0px;
		 -webkit-box-shadow: 0px -2px 9px 4px rgba(0,0,0,0.28);
-moz-box-shadow: 0px -2px 9px 4px rgba(0,0,0,0.28);
box-shadow: 0px -2px 9px 4px rgba(0,0,0,0.28);
}






@media screen and (min-width: 1041px) and (max-width:99040px) 

{



#nawigacja-menu{
  list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float:left;
	display:table;
	height:121;
	width:100%;
}

		
#nawigacja-menu li{
	margin: 0px 0px 0px 0px;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	vertical-align:middle;
	height:76px;
	text-align:center;
	width:14.2%;
}

#nawigacja-menu li a{
	color:white;
	text-decoration:none;
	font-weight:500;
	font-size:22px;
	height: 81px;
	padding: 28px 9% 22px 9%;
}


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

{


#nawigacja-menu li a{
	font-size:19px;
	padding: 28px 9% 23px 9%;
}



}

			
#nawigacja-menu li a:hover{
	color:#005B8C;
		color:white;
	text-decoration:none;
	font-weight:500;
	font-size:22px;
	height: 81px;
	background-color: #FFFFFF;
	padding: 28px 9% 22px 9%;
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
color:#f47800 !important;
background: rgba(227,227,227,1);
background: -moz-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(227,227,227,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#ffffff', GradientType=0 );
}
			

.menubold {
	color:white;
	text-decoration:none;
	font-weight:500;
	font-size:22px;
	height: 81px;
	background-color: #FFFFFF;
	padding: 28px 9% 22px 9%;
	-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
	color:#f47800 !important;
}



}







.link_niebieski { border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;color:white;text-decoration: none;font-weight:bold;padding:15px 30px 15px 30px;background-color:#0095E4;border-bottom:4px solid #005A8A;font-size:18px;}
.link_niebieski:hover { text-decoration: none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_pomarancz { border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;color:white;text-decoration: none;font-weight:bold;padding:15px 40px 15px 40px;background-color:#F47800;border-bottom:4px solid #B75B00;font-size:18px;}
.link_pomarancz:hover { text-decoration: none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



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

{

.link_pomarancz { border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;color:white;text-decoration: none;font-weight:bold;padding:15px 20px 15px 20px;background-color:#F47800;border-bottom:4px solid #B75B00;font-size:13px;}
.link_pomarancz:hover { text-decoration: none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_niebieski { border-radius: 10px 10px 10px 10px;-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;color:white;text-decoration: none;font-weight:bold;padding:15px 20px 15px 20px;background-color:#0095E4;border-bottom:4px solid #005A8A;font-size:13px;}
.link_niebieski:hover { text-decoration: none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



}



.link_niebieski img, .link_pomarancz img { vertical-align:middle;margin-right:10px; }

.link_stopka { color:#343434;text-decoration: none;}
.link_stopka:hover { text-decoration: underline;color:#343434;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_stopka2 { color:white;text-decoration: none;font-weight:bold;}
.link_stopka2:hover { text-decoration: underline;color:white;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.link_szary { color:#343434;text-decoration: none;}
.link_szary:hover { text-decoration: underline;color:#343434;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.tresc-kontakt p a { color:#F47800;text-decoration: underline;}
.tresc-kontakt p a:hover { text-decoration: none;color:#F47800;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.tresc p a { color:#F47800;text-decoration: underline;}
.tresc p a:hover { text-decoration: none;color:#F47800;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}

.tresc2 p a { color:#F47800;text-decoration: underline;}
.tresc2 p a:hover { text-decoration: none;color:#F47800;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;
}


.mean-push {
position: absolute;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	width: 100%;
	position: absolute;
	background: transparent;
	padding: 0 0;
	z-index: 22200000;
	top: 0px;
	height: 1px;
	left: 0px;
	right: 0px;
	margin: 0 auto;
}


.mean-container a.meanmenu-reveal {
	width: 20px;
	padding: 16px;
	height: 21px;
	position: absolute;
	top: 15px;
	right: 8% !important;
	cursor: pointer;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	background-color: rgba(255, 255, 255, 0.4);
	-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


.menubold a{
color:#00ACDA !important;
}

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

.mean-nav {
	width: 75%;
	border: 0px;  
	float:right;
	height:82px;
	background-color:#F47800;
}



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

{



.mean-nav {
	width: 65%;
}




}


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

{



.mean-nav {
	width: 55%;
}




}





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

{


.mean-nav {
	width: 40%;
}





}





.mean-container .mean-nav ul {
	padding: 30px 10% 30px 10%;
	margin: 0 0px 0px -35%;
	width: 115%;
	list-style-type: none !important;
		background-image: none;
  background: #F3F3F3;
	position: relative;
	float: left;
	top: 82px;

}




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

{



.mean-container .mean-nav ul {
	margin: 0 0px 0px -55%;
	width: 135%;
}




}



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

{



.mean-container .mean-nav ul {
	margin: 0 0px 0px -55%;
	width: 135%;
}




}





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

{



.mean-container .mean-nav ul {
	margin: 0 0px 0px -85%;
	width: 165%;
}





}


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

{



.mean-container .mean-nav ul {
	margin: 0 0px 0px -150%;
	width: 229.6%;
}





}






.mean-container .mean-nav ul li {
	width: 100% !important;
	display: block !important;
	text-align: center;
	margin: 4px 0px !important;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90% !important;
	padding: 0.5em 5%;
	margin: 0;
	text-align: left;
	color: #F47800 !important;
	background: #F3F3F3;
	border-bottom: 2px solid #F47800;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 400;
	display: block;
	margin: 0px 0px !important;
	font-size: 16px  !important;
}


.mean-container .mean-nav ul li a.menubold {
	color:#0096E4 !important;
}









.mean-container .mean-nav ul li.menubold a{
font-weight:bold !important;
color:black !important;
}








.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #89A82D;
	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:hover {
	background: #FFFFFF;
	color: #000000 !important;
	
}

.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.9);
	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;
}