/* 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: 22px;
                    color:#343434;
                    background-color:white;
									  font-size:15px;
										font-family: 'Overpass', sans-serif;
										font-weight:300;
                }
								
                blockquote:before, blockquote:after,
                q:before, q:after {
                    content: "";
                }
                blockquote, q {
                    quotes: "" "";
                }
					
    
    
.glowna-5 .galeria { display:none; }
.glowna-2 .galeria { display:none; }
			
#page4 .galeria { display:none; }
			
			
			
div {
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}	
						
.font {
font-family: 'Sarpanch', sans-serif;
}
						

.ue {
	width: 100%;
	border: 0px;  
	float:left;
	height:60px;
	padding-top:12.5px;
	padding-bottom:12.5px;
}

.ue .row{
	border: 0px;  
	text-align:center;
	float:right;
	padding-left:3%;
}

.ue .row img{
	max-width:100% !important;
  height:35px !important;
}



#page4  #gallery { display:none;}
#page4  .tresc2 { display:none;}

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

{
.ue .row img{
  height:25px !important;
}

}

			
#preloader  {
     position: fixed;
     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: 94%;
	border: 0px;  
	margin:0 auto;
	min-width:300px;
	max-width:1380px;
	padding: 0px 3%;
}

  
.strona2 {
	width: 94%;
	border: 0px;  
	margin:0 auto;
	min-width:300px;
	max-width:1160px;
	padding: 0px 3%;
}


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





header {
	width: 100%;
	border: 0px;  
	float:left;
	display:block;
	background-repeat: no-repeat;
	background-position: center bottom;
  background-image: url('../grafika/tlotop.png');
	height:108px;
  position:fixed;
	top: 60px;
	left: 0px;
  z-index:1000;
	background-size: 100% 108px;
}




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

{


header {
	background-size: 200% 108px;
	background-position: 20% bottom;
}



}




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

{


header {
	background-size: 300% 108px;
	background-position: 18% bottom;
}


}




.logo {
	width: 25%;
	border: 0px;  
	float:left;
	height:108px;
  position:relative;
}

.logo img{
	position:absolute;
	left:0px;
	top:0px;
	bottom:0px;
	margin:auto;
	max-width:70%;
	width: 200px;
	max-height:90%;
}




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

{


.logo {
	width: 45%;
}



}




nav {
	width: 75%;
	border: 0px;  
	float:left;
	display:block;
	padding-left:5%;
	margin-top:50px;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.box-telefon {
	display: none;
}


.box-telefon span{
	padding:10px;
	background-color:white;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}



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



@media screen and (min-width: 1221px) and (max-width: 90000px) 

{



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

#nawigacja-menu li{
display:inline-block;
margin-right:0px;
position:relative;
margin: 0px 1%;
}

#nawigacja-menu li ul{
display:none;
position:absolute;
left:0px;
top:20px;
background-color: #F7F7F7;
}

	
#nawigacja-menu li:hover ul {
display:block;

}

	
	
#nawigacja-menu li a{
  color:white;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	padding: 13px 15px;
	position: relative;
}


#nawigacja-menu li:hover a{
  color:black;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	padding: 13px 15px 13px 15px;
-webkit-border-radius: 28px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 28px;
-moz-border-radius-bottomleft: 0;
border-radius: 28px;
border-bottom-left-radius: 0;
background-color: #F7F7F7;
}



#nawigacja-menu li.menubold a{
  color:black;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	padding: 13px 15px 13px 15px;
-webkit-border-radius: 28px;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius: 28px;
-moz-border-radius-bottomleft: 0;
border-radius: 28px;
border-bottom-left-radius: 0;
background-color: #F7F7F7;
}






#nawigacja-menu li ul {
position: absolute;
background-color: #F7F7F7;
left: 0px;
top: 30px;
width: 300px;
-webkit-border-radius: 20px;
-webkit-border-top-left-radius: 0;
-moz-border-radius: 20px;
-moz-border-radius-topleft: 0;
border-radius: 20px;
border-top-left-radius: 0;
padding: 20px 30px;
}


#nawigacja-menu li ul li{
	 color: #000 !important;
	 width: 100% !important;
	 display: block !important;
	 float: left ;
	
}



#nawigacja-menu li ul a{
  color:black !important;
	text-decoration:none;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	padding: 7px 0px;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-bottom: 1px solid #E5E5E5 !important;
width: 100% !important;
float: left;
display: block;
}



#nawigacja-menu li:hover ul a{
  color:white;
	text-decoration:none;
	font-size:14px;
	font-weight:400;
	text-transform:uppercase;
	padding: 7px 0px;
	-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border-bottom: 1px solid #595959;
width: 100% !important;
}



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





#nawigacja-menu li ul li.menubold{
  color:white;
	text-decoration:none;
	font-size:16px;
	font-weight:400;
	text-transform:uppercase;
	padding: 7px 0px !important;
	-webkit-border-radius: 28px;
-moz-border-radius: 28px;
border-radius: 28px;
border: 0px solid #595959 !important;
}



#nawigacja-menu li ul li.menubold a{
  font-weight:bold ;
	color:#EA382B !important;
}



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




}




#nawigacja-menu li ul li.menubold a {font-weight:bold !important;}





.cycle-pager {
position:absolute;
left:0px;
width:100%;
bottom:70px;
z-index:110 !important;
text-align:center;
}








.cycle-pager span { margin: 0px 3px 0px 3px; padding:10px;font-size:0px;  cursor: pointer;background-color:white;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.cycle-pager span.cycle-pager-active {  cursor: pointer;background-color:#EB392B;}





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

{



.cycle-pager {
width:100%;
bottom:100px;
}


.menu-pionowe {display:none;}




}




.cycle-slideshow {
  width: 100%;
	border: 0px;  
	float:left;

 margin-top:-120px;
}






.cycle-slideshow  .sekwencja {
  width: 100%;
	border: 0px;  
	float:left;
	height:795px;
     background-repeat: no-repeat;
     background-position: center;
		 background-size: cover;
		 position: relative;
		 
}







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

{

.cycle-slideshow {margin-top:50px;}
.cycle-slideshow  .sekwencja {
	height:620px;
}



}




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

{


.cycle-slideshow  .sekwencja {
	height:520px;
}



}





.cien_baner {
width: 100%;
height: 100%;
	background-color:rgba(0, 0, 0, 0.65);
	position: absolute;
	top: 0px;
	left: 0px;
}



.nakladka_baner {
position: absolute;
right: -60px;
bottom: -20px;
z-index: 200;
}




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

{

.nakladka_baner {
position: absolute;
right: -120px;
bottom: -40px;
z-index: 200;
}



}



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

{


.nakladka_baner {
position: absolute;
right: -210px;
bottom: -40px;
z-index: 200;
}


}



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

{


.nakladka_baner {
position: absolute;
right: -260px;
bottom: -40px;
z-index: 200;
}


}


.sekwencja .box-txt {
  width: 60%;
	border: 0px;  
	float:left;
	margin-top:400px;
	color:white;
	position: relative;
	z-index: 300;
	top: 0px;
}





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

{



.sekwencja .box-txt {
	margin-top:280px;
}




}




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

{


.sekwencja .box-txt {
	margin-top:260px;
}



}




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

{


.sekwencja .box-txt {
	width:100%;
}




}





.sekwencja .box-txt h1{
 color:white;
 font-size:60px;
 font-weight:400;
 text-transform:uppercase;
 line-height:60px;
}


.sekwencja .box-txt h2{
 color:white;
 font-size:30px;
 font-weight:400;
 text-transform:uppercase;
 line-height:50px;
}







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

{



.sekwencja .box-txt h1{
 color:white;
 font-size:40px;
 font-weight:400;
 text-transform:uppercase;
 line-height:40px;
}


.sekwencja .box-txt h2{
 color:white;
 font-size:22px;
 font-weight:400;
 text-transform:uppercase;
 line-height:40px;
}





}




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

{


.sekwencja .box-txt h1{
 color:white;
 font-size:30px;
 font-weight:400;
 text-transform:uppercase;
 line-height:40px;
}


.sekwencja .box-txt h2{
 color:white;
 font-size:17px;
 font-weight:400;
 text-transform:uppercase;
 line-height:30px;
}





}









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

{


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


}



.baner_left {
width: 45%;
padding-right: 5%;
float: left;
display: block;
padding-top: 50px;
}

.baner_right {
width: 50%;
float: right;
position: relative;
display: block;
}


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

{



.baner_left {
padding-top: 0px;
}



}



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

{


.baner_left {
width: 100%;
padding-right: 0%;
float: left;
display: block;
padding-top: 50px;
}


.baner_right {
width: 100%;
float: right;
position: relative;
display: block;
}



}



.baner_right b{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
	background-repeat: no-repeat;
	background-position: center;
  background-image: url('../grafika/tlo_img.png');
	background-size: 100% 100%;
}


.baner_right img{
width: 100% !important;
}


.podstrona {
	background-repeat: no-repeat;
	background-position: center top;
  background-image: url('../grafika/baner4.jpg');
	width: 100%;
	float: left;
	height: 500px;
	margin-top: 0px;
	position: relative;
	overflow: hidden;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
	background-attachment: fixed;
}




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

{


.podstrona {
	background-repeat: no-repeat;
	background-position: center top;
  background-image: url('../grafika/baner4.jpg');
	width: 100%;
	float: left;
	height: 400px;
	margin-top: 0px;
	position: relative;
	overflow: hidden;
  margin-top:50px;
}


}



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

{


.podstrona {
	height: 350px;
}


}



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

{


.podstrona {
	height: 350px;
}


}



.naglowek h1{
	color: #FFF;
	font-size: 58px;
	line-height: 72px;
	font-weight: 700;
}


.naglowek h2{
	color: #FFF;
	font-size: 30px;
	font-weight: 300;
}



.naglowek {
float: left;
width: 100%;
margin-top: 250px;
position: relative;
z-index: 100;
}



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

{

.naglowek {
margin-top: 170px;
}





}


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

{



.naglowek h1{
	color: #FFF;
	font-size: 38px;
	line-height: 42px;
	font-weight: 700;
}


.naglowek h2{
	color: #FFF;
	font-size: 20px;
	font-weight: 300;
}


}



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

{


.naglowek h2{
	display: none;
}




}






.tlocorobimy {
	width: 100%;
	border: 0px;  
	float:left;
	padding-top:40px;
	padding-bottom:40px;
}
	
	
.tlocorobimy .ramka{
	width: 100%;
	border: 0px;  
	float:left;
	text-align:center;
	padding-left:15%;
	padding-right:15%;
}




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

{


	
.tlocorobimy .ramka{
	padding-left:5%;
	padding-right:5%;
}


}
	
	
	
.tlocorobimy .ramka strong{
	font-size:50px;
	line-height:50px;
	color:black;
}
	
	
	@media screen and (min-width: 0px) and (max-width: 640px) 

{

.tlocorobimy .ramka strong{
	font-size:30px;
	line-height:40px;
	color:black;
}
	

}
	
	
		
.tlocorobimy .ramka2{
	width: 100%;
	border: 0px;  
	float:left;
	margin-top:40px;
	padding-left:5%;
	padding-right:5%;
}
	
	
.tabs {
	width: 100%;
	border: 0px;  
	float:left;
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
		-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
overflow: hidden;
}

.tabs li{
	border: 0px;  
	float:left;
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
	height:100px;
	background-color:#333333;
	max-width:16.66%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding:21px 2% 15px 2%;
	border-right:1px solid #878787;

}




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

{


.tabs li{
	border: 0px;  
	float:left;
	display:block;
	list-style:none;
	padding:0px;
	margin:0px;
	height:100px;
	background-color:#333333;
	width:33.2%;
	max-width: 33.3%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	padding:21px 2% 15px 2%;
	border-right:1px solid #878787;
}



}




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

{



.tabs li{
	width:50%;
	max-width: 50%;
  text-align: center;
}





}





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

{



.tabs li{
	width:100%;
	max-width: 100%;
  text-align: center;
	height:auto;
  border-top: 1px solid #5D5D5D;
}





}






.tabs li a{
	color:white;
	font-weight:800;
	text-decoration:none;
}


	
.tabs li:last-child{
	border-right:0px;
}

	
	
.tabs li.active{
	background-color:#EB392B !important;
}


.taby {
width: 100%;
	border: 0px;  
	float:left;
	margin-top:100px;
}
	
.tab {
width: 100%;
	border: 0px;  
	float:left;
}
	

.tab strong{
color:black;
font-size:30px;
line-height:40px;
font-weight:900;
}


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

{


.tab strong{
color:black;
font-size:20px;
line-height:30px;
font-weight:900;
}



}
	

.tab img{
float:right;
max-width:100%;
margin-left:0px;
}
	
.przycisk_cze {
color:white;
padding:10px;
background-color:#EB392B;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-decoration:none;
}

	
.przycisk_cze:hover {
background-color:black;
}

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


.tlocertyfikaty .ramka{
	width: 50%;
	border: 0px;  
	float:left;
	border-top:1px solid #EAEAEA;
	color:#757575;
	font-size:14px;
	padding-top:30px;
}



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

{


.tlocertyfikaty .ramka{
	width: 100%;
}


}



.tlocertyfikaty .ramka img{
	float:left;
	margin-right:30px;
}

.tlorealizacje-naglowek {
	width: 100%;
	border: 0px;  
	float:left;
	height:106px;
     background-image: url('../grafika/tlonaglowek.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 margin-top:80px;
		 text-align:center;
		 padding-top:40px;
}
	
.tlorealizacje-naglowek strong{
font-weight:900;
color:black;
font-size:28px;
}
	
	
	
	
.tlorealizacje {
	width: 100%;
	border: 0px;  
	float:left;
     background-image: url('../grafika/tlorealizacje.jpg');
     background-repeat: repeat-y;
     background-position: center top;
}
	
.tlorealizacje .ramka{
	padding-top:90px;
	padding-bottom:90px;
}
	
	
		
.tlorealizacje .komorka{
	width: 100%;
	border: 0px;  
	float:left;
	font-size:17px;
}

		
.tlorealizacje .komorka .row a{
	width: 50%;
	border: 0px;  
	float:left;
	font-size:16px;
	 background-repeat: no-repeat;
     background-position: center center;
		 height: 280px;
		 background-size: cover;
}

		
.tlorealizacje .komorka .row b{
	font-weight:200;
	font-size:32px;
	line-height:40px;
	color: #000;
}





.tlorealizacje .komorka .row img{
	float:left;
	width:100%;
}
	
.tlorealizacje .komorka .row:nth-child(2){
	padding:50px 0 30px 10%;
	float: left;
	width: 50%;
}

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

.tlorealizacje .komorka2 .row a{
	width: 50%;
	border: 0px;  
	float:right;
	font-size:16px;
	 background-repeat: no-repeat;
     background-position: center center;
		 height: 280px;
		 background-size: cover;
}


.tlorealizacje .komorka2 .row:last-child{
	color:white;
	padding:60px 55% 30px 0;
}


.tlorealizacje .komorka2 .row img{
	float:left;
	width:100%;
}
	
.tlorealizacje .komorka2 .row b{
	font-weight:200;
	font-size:32px;
	line-height:40px;
	color: #fff;
}

		
.tlorealizacje .komorka3 {
float:left;
width:100%;
text-align:center;
margin-top:90px;
}

.tlorealizacje .komorka3 a{
border:1px solid #D2D2D2;
padding:20px;
font-size:30px;
text-decoration:none;
color:black;
font-weight:300;
}


.tlorealizacje .komorka3 a span{
color:white !important;
}

.tlorealizacje .komorka3 a:hover{
border:1px solid black;
}





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

{


.tlorealizacje .komorka .row b{
	font-weight:200;
	font-size:22px;
	line-height:30px;
	color: #000;
}

.tlorealizacje .komorka .row {
font-size: 14px;
}


.tlorealizacje .komorka2 .row b{
	font-weight:200;
	font-size:22px;
	line-height:30px;
	color: #fff;
}


.tlorealizacje .komorka .row {
font-size: 14px;
}






}



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

{



.tlorealizacje .komorka3 a{
font-size:16px;
color: white;
}

.tlorealizacje .komorka .row b{
	font-weight:200;
	font-size:22px;
	line-height:30px;
	color: #fff;
}




.tlorealizacje .komorka2 .row b{
	font-weight:200;
	font-size:22px;
	line-height:30px;
	color: #fff;
}




.tlorealizacje .komorka .row:nth-child(2){
	padding:30px 0 30px 0%;
	float: left;
	width: 100%;
}



.tlorealizacje .komorka2 .row:nth-child(2){
	padding:30px 0 30px 0%;
	float: left;
	width: 100%;
}



	
.tlorealizacje {
     background-position: left top;
}


		
.tlorealizacje .komorka .row a{
	width: 100%;
	border: 0px;  
	float:left;
	font-size:16px;
	 background-repeat: no-repeat;
     background-position: center center;
		 height: 280px;
		 background-size: cover;
}


.tlorealizacje .komorka2 .row a{
	width: 100%;
	border: 0px;  
	float:left;
	font-size:16px;
	 background-repeat: no-repeat;
     background-position: center center;
		 height: 280px;
		 background-size: cover;
}



.tlorealizacje .komorka .row {
	padding: 30px 0px 30px 0px;
	color: #FFF;
}






.tlorealizacje .komorka2 .row {
	padding: 30px 0px 30px 0px;
	color: #FFF;
}









}





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

{



	
.tlorealizacje {
     background-position: left top;
}


		
.tlorealizacje .komorka .row a{
	width: 100%;
	border: 0px;  
	float:left;
	font-size:16px;
	 background-repeat: no-repeat;
     background-position: center center;
		 height: 170px;
		 background-size: cover;
}


.tlorealizacje .komorka2 .row a{
	width: 100%;
	border: 0px;  
	float:left;
	font-size:16px;
	 background-repeat: no-repeat;
     background-position: center center;
		 height: 170px;
		 background-size: cover;
}




.tlorealizacje .komorka .row b{
	font-weight:200;
	font-size:22px;
	line-height:30px;
	color: #FFF;
}




}











.naglowek_galeria {
width: 100%;
padding: 50px 0px;
float: left;
font-weight: 700;
font-size: 45px;
line-height: 55px;
text-align: center;
color: #000000;
}



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

{

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


}


.img-galeria {
width: 100%;
float: left;
margin: 30px 0%;
height: 300px;
 background-repeat: no-repeat;
     background-position: center center;
		 background-size: cover;
}


.galeria_kom {
width: 31.3%;
float: left;
margin: 30px 1%;
border-bottom: 1px solid #D4D4D4;
}


.galeria_kom span{
width: 100%;
height: 80px;
font-weight: 700;
color: #000;
display: block;
font-size: 20px;
line-height: 30px;
}









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

{

.img-galeria {
width: 100%;
float: left;
margin: 30px 0%;
height: 240px;
 background-repeat: no-repeat;
     background-position: center center;
		 background-size: cover;
}




}



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

{


.galeria_kom {
width: 48%;
float: left;
margin: 30px 1%;
border-bottom: 1px solid #D4D4D4;
}



}




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

{

.img-galeria {
height: 200px;

}


}





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

{


.galeria_kom {
width: 98%;
float: left;
margin: 30px 1%;
border-bottom: 1px solid #D4D4D4;
}


.galeria_kom span{
height: auto;
}







}







.wpisy {
float: left;
width: 60%;
padding: 0px 0% 0px 0px;
margin-top: -1px;
margin: 0px 20%;
}


.wpisy_middle {
float: left;
width: 100%;
padding: 40px 0% 40px 0%;
margin-top:0px;
border-bottom: 1px solid #CACACA;
border-top: 1px solid #CACACA;
margin-top: -1px;
position: relative;
}


.wpisy_middle h4{
font-weight: 700;
font-size: 22px;
line-height: 30px;
cursor:pointer;
width: 90%;
padding-right: 10%;
     background-image: url('../grafika/ham.gif');
     background-repeat: no-repeat;
     background-position: right 10px;
}

.wpisy_middle h4:hover{
text-decoration:underline !important;
}






.wpisy_middle img{
float: right;
width: 50%;
margin-left: 5%;
margin-bottom: 25px;
margin-top: 20px;
-webkit-border-top-left-radius: 40px;
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-topleft: 40px;
-moz-border-radius-bottomright: 40px;
border-top-left-radius: 40px;
border-bottom-right-radius: 40px;
}


.hidden {
display: none;
width: 100%;
}

.wpisy .naglowek_akt{
display: none;
}



.wpisy:first-of-type .naglowek_akt{
float: left;
width: 100%;
padding: 40px 0px 40px 0px;
font-weight: 700;
font-size: 40px;
color: #000;
text-align: center;
display: block;
}


.wpisy:first-of-type h4 {
font-weight: 700;
font-size: 32px;
line-height: 40px;
color: #EA382B;
text-decoration: none;
width: 90%;
padding-right: 10%;
     background-image: url('../grafika/ham.gif');
     background-repeat: no-repeat;
     background-position: right 10px;
}

.wpisy:first-of-type a{
font-weight: 700;
font-size: 27px;
line-height: 40px;
color: #EA382B;
text-decoration: none;
}





.wpisy a{
font-weight: 700;
font-size: 18px;
line-height: 25px;
text-decoration: none;
color: #000;
}


.wpisy ul{
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
}








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

{



.wpisy {
float: left;
width: 90%;
padding: 0px 0% 0px 0px;
margin-top: -1px;
margin: 0px 5%;
}



.wpisy:first-of-type .naglowek_akt{
font-size: 30px;
}



}



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

{



.wpisy:first-of-type .naglowek_akt{
font-size: 20px;
}



}







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

{



.wpisy:first-of-type h4 {
font-weight: 700;
font-size: 25px;
line-height: 29px;
color: #EA382B;
text-decoration: none;
}


.wpisy_middle h4{
font-size: 16px;
line-height: 20px;
}



.wpisy_middle img{
float: right;
width: 100%;
margin-left: 0%;
margin-bottom: 25px;
margin-top: 20px;
}




}






.ui-collapsible-heading-status {
display: none;
}

.ui-loader {
display: none;
}


.ui-collapsible div{
display: block;
}


.ui-collapsible.ui-collapsible-collapsed div{
display: none !important;
}


.ui-collapsible {
     background-image: url('../grafika/ham.gif');
     background-repeat: no-repeat;
     background-position: right  20px;
		 padding-right: 10%;
}


.ui-collapsible.ui-collapsible-collapsed {
     background-image: url('../grafika/zamknij.gif');
     background-repeat: no-repeat;
     background-position: right  20px;
}

.data_wpis b {
font-size: 14px;
font-weight: 300;
color: #000;
}

.data_wpis {
color: #999999;
font-size: 14px;
}



.wpisy:first-of-type .data_wpis b {
font-size: 14px;
font-weight: 300;
color: #000;
}

.wpisy:first-of-type .data_wpis {
color: #999999;
font-size: 14px;
}

.wpisy:first-of-type .data_wpis b {
font-size: 14px;
font-weight: 300;
color: #000;
}


.wpisy .wpisy_linia {
display: none;
}



.wpisy:first-of-type .wpisy_linia {
display: block;
position: relative;
left: -100%;
width: 300%;
margin: 90px 0px;
border-top: 1px solid #CACACA;
float: left;
}



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

{

.wpisy:first-of-type .wpisy_linia {
margin: 20px 0px;
}


}



.nakladka_galeria {
position: absolute;
top: 0px;
left: -70px;
}


.nakladka_galeria2 {
position: absolute;
bottom: 0px;
right: -70px;
}


.galeria {
float: left;
width: 100%;
padding: 90px 0px 90px 0px;
background-color: #F0F0F0;
position: relative;
}
 
	
.tlofirma {
	width: 100%;
	border: 0px;  
	float:left;
	padding-top:110px;
	padding-bottom:130px;
	text-align:center;
}

	
.tlofirma .ramka{
	padding-left:20%;
	padding-right:20%;
}
	
	
	
	
.tlofirma strong{
	color:black;
	font-size:50px;
	line-height:60px;
	font-weight:900;
}
	
	
	
	@media screen and (min-width: 0px) and (max-width: 640px) 

{


.tlofirma strong{
	color:black;
	font-size:30px;
	line-height:40px;
	font-weight:900;
}
	
	
	.tlofirma .ramka{
	padding-left:5%;
	padding-right:5%;
}
	


}
	
	
	
.tlofirma a{
border:1px solid #D2D2D2;
padding:20px;
font-size:30px;
text-decoration:none;
color:black;
font-weight:300;
}


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

{


.tlofirma a{
font-size:16px;
}




}



.tlofirma a:hover{
border:1px solid black;
}


.tloaktualnosci {
	width: 100%;
	border: 0px;  
	float:left;
	background-color:#EA382B;
	padding-bottom:120px;
	padding-top:70px;
		 background-image: url('../grafika/tlo_akt.jpg');
}


.tloaktualnosci .ramka{
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
	text-align:center;
	font-weight:900;
	font-size:50px;
	color:white;
}

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


.tloaktualnosci .ramka2 .komorka{
	width: 33.3%;
	border: 0px;  
	float:left;
	background-color:white;
	height:480px;
}

.tloaktualnosci .ramka2 .komorka .komorka-img{
	width: 100%;
	border: 0px;  
	float:left;
	height:225px;
     background-repeat: no-repeat;
     background-position: center;
 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; 
}




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

{



.tloaktualnosci .ramka2 .komorka .komorka-img{
	width: 100%;
	border: 0px;  
	float:left;
	height:175px;
}






}




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

{


.tloaktualnosci .ramka2 .komorka{
	width: 100%;
	border: 0px;  
	float:left;
	background-color:white;
	height:480px;
}



.tloaktualnosci .ramka2 .komorka .komorka-img{
	width: 100%;
	border: 0px;  
	float:left;
	height:245px;
}




}





.tloaktualnosci .ramka2 .komorka .komorka-txt{
	width: 100%;
	border: 0px;  
	float:left;
	margin-top:20px;
	border-right:1px solid #CCCCCC;
	height:200px;
	padding:10%;
}

.tloaktualnosci .ramka2 .komorka:last-child .komorka-txt{
	border-right:0px;
}



.tloaktualnosci .ramka2 .komorka .komorka-txt small{
	font-weight:900;
	font-size:22px;
	color:#676767;
}

.tloaktualnosci .ramka2 .komorka .komorka-txt a{
	font-size:18px;
}


.tlokariera {
	width: 100%;
	border: 0px;  
	float:left;
	height:auto;
     background-image: url('../grafika/tlokariera.jpg');
     background-repeat: no-repeat;
     background-position: center top;
		 color:white;
		 background-size: cover;
}



.tlokariera .ramka{
	padding-left:10%;
	padding-right:10%;
	margin-top:100px;
	margin-bottom: 90px;
	font-size:24px;
	line-height:30px;
	text-shadow: 0px 0px 4px rgba(0, 0, 0, 1);
}



.tlokariera .ramka strong{
	color:white;
	font-size:50px;
	font-weight:900;
	line-height:60px;
}


.tlokariera .ramka a{
	font-weight:900;
}




footer {
	width: 100%;
	border: 0px;  
	float:left;
	display:block;
	padding-top:60px;
	padding-bottom:60px;
	background-color:#F0F0F0;
	margin-top:80px;
}

footer strong{
	font-weight:900;
	font-size:24px;
	color:black;
}




.stopka1 {
	width: 25%;
	border: 0px;  
	float:left;
}


.stopka2 {
	width: 25%;
	border: 0px;  
	float:left;
}

.stopka3 {
	width: 25%;
	border: 0px;  
	float:left;
	font-weight:300;
	text-align: right;
}


.stopka3 img{
	max-width: 100%;
}


.stopka4 {
	width: 100%;
	border: 0px;  
	float:left;
	border-top:1px solid #DADADA;
	text-align:right;
	padding-top:20px;
	margin-top:60px;
}


.stopka4 img{
	vertical-align:middle;
	margin-left:10px;
	max-width: 100%;
}

.stopka4 a{
	font-weight:900;
	font-size:18px;
}



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

{


.stopka1 {
	width: 100%;
	border: 0px;  
	float:left;
	text-align: center;
	padding-bottom: 40px;
}


.stopka2 {
	width: 100%;
	border: 0px;  
	float:left;
	text-align: center;
	padding-bottom: 40px;
}


.stopka3 {
	width: 100%;
	border: 0px;  
	float:left;
	font-weight:300;
	text-align: center;
	padding-bottom: 40px;
}





}



.lewa {
	width: 100%;
	border: 0px;  
	float:left;
	border-bottom: 1px solid #E5E5E5;
	padding: 30px 0px;
}

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

.komorka-menu {
	border: 0px;  
	display: inline-block; 
	padding: 10px 2%;
	margin: 5px 1%;
	border: 1px solid #B6B6B6;
			-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-decoration: none;
color: #000;
}



.komorka-menu:hover {
	border: 0px;  
	display: inline-block; 
	padding: 10px 2%;
	margin: 5px 1%;
	border: 1px solid #EA382B;
	background-color: #EA382B;
			-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-decoration: none;
color: #FFF;
}

.komorka-menu-bold {
	border: 0px;  
	display: inline-block; 
		-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: inline-block; 
	padding: 10px 2%;
	margin: 5px 1%;
	border: 1px solid #000;
	background-color: #000;
	text-decoration: none;
}



.komorka-menu-bold:hover {
	border: 0px;  
	display: inline-block; 
		-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
display: inline-block; 
	padding: 10px 2%;
	margin: 5px 1%;
		border: 1px solid #EA382B;
	background-color: #EA382B;
	text-decoration: none;
	color: #FFF;
}

.komorka-menu-bold {
	color: #FFF;
}



.komorka-menu-menu {
	border: 0px;  
	display: inline-block; 
}

.komorka-menu-menu-bold {
	border: 0px;  
	display: inline-block; 
}

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

.tresc-kontakt ul  {
  list-style: none;
	padding: 0px 0px;
	margin: 30px 0px;
	width: 100%;
	float:left;
}



.tresc-kontakt ul li:nth-of-type(1)  {
  display:block;
	width: 100%;
	float: left;
	padding: 0px 0% 30px 0%;
	border-top: 1px solid #E2E2E2;
	text-align: center;
}


.tresc-kontakt ul li:nth-of-type(1)  h4{
  display:inline-block;
	padding: 20px;
	background-color: #FFF;
	margin-top: -48px;
	font-weight: 700;
	font-size: 22px; 
  position: relative;
	top: -5px;
}



.tresc-kontakt div  {
  float:left;
	border:0px;
	padding:2%;
 -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	margin:0px;
	
}



.tresc-kontakt div:nth-child(2)  {
width:27%;
}


.tresc-kontakt div:nth-child(3)  {
width:27%;
}



.tresc-kontakt div:nth-child(4)  {
width:46%;
}


.pole {
width: 48%;
float: left;
padding: 10px 2%;
}





.pole input{
width: 90%;
float: left;
padding: 10px 5%;
border: 0px;
		-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
font-size:15px;
										font-family: 'Overpass', sans-serif;
}




.pole2 {
width: 96%;
float: left;
padding: 10px 2%;
}


.pole2 textarea{
width: 90%;
float: left;
padding: 10px 5%;
border: 0px;
		-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 100px;
font-size:15px;
										font-family: 'Overpass', sans-serif;
}




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

{

.pole {
width: 100%;
float: left;
padding: 10px 2%;
}


.pole2 {
width: 100%;
float: left;
padding: 10px 2%;
}




}



.formbutton {
		-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 10px 5%;
display: block;
margin-bottom: 50px;
padding-top:20px;
padding-bottom: 20px;
margin-top: 20px;
border: 0px;
margin-left: 2%;
margin-top: 30px;
margin-bottom: 60px;
background-color: #333333;
float: left;
color: #FFF;
font-weight: 700;
font-size:18px;
										font-family: 'Overpass', sans-serif;
}


.tresc-kontakt ul li {
  display:block;
	width: 29%;
	float: left;
	padding: 30px 2%;
}



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

{



.tresc-kontakt ul li {
  display:block;
	width: 96%;
	float: left;
	padding: 30px 2%;
}




.tresc-kontakt div  {
  float:left;
	width:100%;
	border:0px;
	padding:2%;
	text-align: center;
}





}



.formularz {
	width: 50%;
	border: 0px;  
	float:left;
}

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

.tresc {
	width: 100%;
	border: 0px;  
	float:left;
	padding: 40px 0px;
}


.tresc2 {
	width: 100%;
	border: 0px;  
	float:left;
	padding: 40px 0px;
	position: relative;
}

.trescofirmie {
	width: 100%;
	border: 0px;  
	float:left;
	padding: 40px 0px;
	position: relative;
}


.tresc2 {
	width: 100%;
	border: 0px;  
	float:left;
	padding: 40px 0px;
	position: relative;
}


.middle_top {
width: 100%;
float: left;
overflow: hidden;
}



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

{


.middle_top {
margin-top: -40px;
}



}




.link_czerwony { color:#EA382B;text-decoration: none;}
.link_czerwony:hover { color:black;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



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


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

.tresc2 p a { color:#EA382B;text-decoration: none;}
.tresc2 p a:hover { color:black;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: 997px) 

{


.tresc img {max-width:100% !important;}
.tresc2 img {max-width:100% !important;}
.tresc-kontakt img {max-width:100% !important;}


.tresc table {max-width:100% !important;width:100% !important}
.tresc2 table {max-width:100% !important;}
.tresc-kontakt table {max-width:100% !important;}

.tresc iframe {max-width:100% !important;width:100% !important}
.tresc2 iframe {max-width:100% !important;}
.tresc-kontakt iframe {max-width:100% !important;}


.tresc table td img {max-width:100% !important;height:auto !important;}
.tresc2 table td img {max-width:100% !important;height:auto !important;}
.tresc-kontakt table td img {max-width:100% !important;height:auto !important;}



}



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

{

.tresc table {max-width:100% !important;width:100% !important;float:left !important;}
.tresc2 table {max-width:100% !important;width:100% !important;float:left !important;}

.tresc table tr {max-width:100% !important;width:100% !important;float:left !important;}
.tresc2 table tr {max-width:100% !important;width:100% !important;float:left !important;}


.tresc table tr td{max-width:100% !important;width:100% !important;float:left !important;}
.tresc2 table tr td{max-width:100% !important;width:100% !important;float:left !important;}

}




.link_stopka { color:black;text-decoration: none;font-weight:300}
.link_stopka:hover { color:#EA382B;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}


.link_stopka2 { color:#EA382B;text-decoration: none;}
.link_stopka2:hover { color:black;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_bialy { color:white;text-decoration: none;}
.link_bialy:hover { color:#EA382B;text-decoration:none;transition: all .3s linear; -o-transition: all .3s linear; -moz-transition: all .3s linear; -webkit-transition: all .3s linear;}



.link_czarny { color:black;text-decoration: none;}
.link_czarny:hover { color:#EA382B;text-decoration:none;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%;
	padding: 0px 0;
	padding: 0px 0% 0px 0%;
	float:left;
	width:100%;
	height:0px !important;
}



.mean-container a.meanmenu-reveal {
	width: 48px;
	height: 28px;
	padding: 18px 20px;
	position: fixed;
  z-index: 99999999;
	top: 92px;
	right: 4% !important;
	cursor: pointer;
	color:#FFF;
	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:  #FFF;
	height: 3px;
	margin-top: 6px;
	color:#86A934;
}



.mean-container .mean-nav {
	width: 100%;
}

.mean-container .mean-nav ul {
	padding: 110px 0px 0px 0px !important;
	width: 100% !important;
	list-style-type: none;
	position: fixed;
	left: 0px;
	top: 60px;
	z-index: 209;
			float: left;
			background-color: rgba(0, 0, 0, 0.8);
		
}



.mean-container .mean-nav ul ul {
	padding: 0px 0px 0px 0px !important;
	width: 100% !important;
	list-style-type: none;
	position: relative;
	z-index: 109;
			float: left;
			background-color: rgba(0, 0, 0, 0.0);
		
}



.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #333333;
	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: 0.6em 5%;
	margin: 0;
	text-align: center;
	color: #FFF !important;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 13px;
}


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



.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:#FFF !important;
background-color:#4B4B4B;
}






.mean-container .mean-nav ul li li a {
	width: 90%;
	padding: 0.5em 5%;
	border-top: 0px solid #f1f1f1;
	border-top: 0px 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: 0px;
	width: 5%;
	height: 20px;
	padding: 9px 5% !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: 0px solid rgba(255,255,255,0.4) !important;
	border-bottom: 0px 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;
}