html, body {
    background-color: #fff;
    padding: 0; 
    margin: 0;
} 

h1 {
font-family: Arial!important;
padding-left: 20px;
}


li { list-style-type: circle; 
	text-decoration:none; 
	font: 12px Arial;
	color: #909091;}

span.dlaczego {
	text-decoration:none; 
	font: 21px Times New Roman;
	color: #24b6d6;

}

span.boli {
	text-decoration:none; 
	font: 21px Times New Roman;
	color: #787878;

}

span.kolor {
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #4ec3dd;

}

span.nazwa1 {
	text-decoration:none; 
	font: 35px Arial;
	color: #24b6d6;
	font-weight: 400;

}


span.nazwa2 {
	text-decoration:none; 
	font: 23px Arial;
	color: #8b8d8e;
	font-weight: 600;

}





a:link.menu1a{ 

	display:block;
    height:54px;
	width:236px;	
	text-decoration:none; 
	font: 10px Arial;
	color: #a4a7a8;
	margin-top: 10px;
	padding-top: 3px;
	padding-left:45px;
	padding-right:0px;
	padding-bottom:0px; 
	}

a:visited.menu1a{ 

	display:block;
    height:54px;
	width:236px;	
	text-decoration:none; 
	font: 10px Arial;
	color: #a4a7a8;
	margin-top: 10px;
	padding-top: 3px;
	padding-left:45px;
	padding-right:0px;
	padding-bottom:0px; 		}


a:active.menu1a{ 

	display:block;
    height:54px;
	width:236px;	
	text-decoration:none; 
	font: 10px Arial;
	color: #a4a7a8;
	margin-top: 10px;
	padding-top: 3px;
	padding-left:45px;
	padding-right:0px;
	padding-bottom:0px; 	}


a:hover.menu1a{ 

	display:block;
    background-image:url(images/strzalka.png);
    background-repeat:no-repeat;
    height:54px;
	width:260px;	
	text-decoration:none; 
	font: 10px Arial;
	color: #a4a7a8;
	margin-top: 10px;
	padding-top: 3px;
	padding-left:45px;
	padding-right:2px;
	padding-bottom:0px; 
	position: relative; left: 0cm;		}
	



	

a:link.wiecej{ 

	text-decoration:none; 
	font: 12px Arial;
	color: #24b6d6;
}

a:visited.wiecej{ 

	text-decoration:none; 
	font: 12px Arial;
	color: #24b6d6;		}


a:active.wiecej{ 

	text-decoration:none; 
	font: 12px Arial;
	color: #24b6d6;		}


a:hover.wiecej{ 

	text-decoration:none; 
	font: 12px Arial;
	color: #24b6d6;		}
	
	
	
	
	


a:link.menu1{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 50px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 	}

a:visited.menu1{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 50px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}


a:active.menu1{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 50px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}


a:hover.menu1{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 50px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}
	
	
	
	
a:link.menu22{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 	}

a:visited.menu22{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}


a:active.menu22{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}


a:hover.menu22{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top:0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}
	
	
	
a:link.menu3{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 	 	}

a:visited.menu3{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}


a:active.menu3{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}


a:hover.menu3{ 

	display:block;
    background-image:url(images/przycisk-tresc.jpg);
    background-repeat:no-repeat;
    height:91px;
	width:312px;		
	text-decoration:none; 
	font: 20px Times New Roman;
	color: #000000;
	margin-top: 0px;
	padding-top: 30px;
	padding-left:30px;
	padding-right:2px;
	padding-bottom:0px; 		}


	

	


p.naglowkowo{ 
	text-decoration:none; 
	font: 18px Arial;
	color: #c70000;
	margin-top:0px;
padding-top:50px;
padding-left: 30px;
}

h1.naglowkowo{ 
	text-decoration:none; 
	font: 18px Arial;
	color: #c70000;
	margin-top:0px;
padding-top:50px;
padding-left: 30px;
}

p.trescsrodek{ 
	text-decoration:none; 
	font: 15px Arial;
	color: #8b8d8e;
	margin-top:0px;
	padding-top:0px;
	padding-left: 0px;
	font-weight: 600;
}

p.trescsrodek2{ 
	text-decoration:none; 
	font: 12px Arial;
	color: #505050;
	

}



p.glowne{ 


 
	text-decoration:none; 
	font: 12px Arial;
	color: #909091;
	margin-top:0px;
	margin-left:20px;
	margin-right:50px;
padding-top:5px;
padding-left: 5px;
padding-right: 5px;
text-align:justify;
}


p.stopkaa{ 


 
	text-decoration:none; 
	font: 10px Arial;
	color: #8b8b8b;
	margin-top:0px;
padding-top:15px;
text-align:center;


}



p.przedstopkaa{ 


 
	text-decoration:none; 
	font: 10px Arial;
	color: #8f9191;
	margin-top:0px;
padding-top:20px;
text-align:center;


}
	
a:link.menugorne{ 


 
	text-decoration:none; 
	font: 12px Times New Roman;
	color: #676767;


}

a:visited.menugorne{ 


	text-decoration:none; 
	font: 12px Times New Roman;
	color: #676767;

}


a:active.menugorne{ 


	text-decoration:none; 
	font: 12px Times New Roman;
	color: #676767;	

	
}
	


a:hover.menugorne{ 


	text-decoration:none; 
	font: 12px Times New Roman;
	color: #676767;

}



a:link.menudolne{ 


 
	text-decoration:none; 
	font: 9px Times New Roman;
	color: #292929;
	padding-top:85px;
	padding-left: 20px;
	font-weight: 600;


}

a:visited.menudolne{ 


	text-decoration:none; 
	font: 9px Times New Roman;
	color: #292929;
	font-weight: 600;

}


a:active.menudolne{ 


	text-decoration:none; 
	font: 9px Times New Roman;
	color: #292929;
	font-weight: 600;

	
}
	


a:hover.menudolne{ 


	text-decoration:none; 
	font: 9px Times New Roman;
	color: #292929;
	font-weight: 600;

}


	
	
#strona {
    background-color: #fff;
	margin: auto;  
} 



#tlo1 {
    background-image:url(images/tlo1.jpg);
    background-repeat:repeat-x;
	height:10px;
	margin: auto;  
} 

#naglowek1a {
    background-image:url(images/tlo2.jpg);
    background-repeat:repeat-x;
	height:85px;
	margin: auto;
   
} 

#gora {
    background-image:url(images/tlo2.jpg);
    background-repeat:repeat-x;
	width:1002px;
	height:85px;
	margin: auto; 
   
} 


#logo {
    background-image:url(images/tlo2.jpg);
    background-repeat:repeat-x;
	width: 298px;
	height:85px;
	float: left;
	overflow: hidden;


}


#menu1 {
    background-image:url(images/tlo2.jpg);
    background-repeat:repeat-x;
    height:85px;
	width:679px;
	float: left;
	overflow: hidden;
	padding-top: 35px;
	padding-left: 25px;
 
} 



#banner {
    background-image:url(images/tlo3.jpg);
    background-repeat:repeat-x;
	height:371px;
	margin: auto;
   
} 

#srodek{
    background-image:url(images/tlo3.jpg);
    background-repeat:repeat-x;
	width:1002px;
	height:371px;
	margin: auto; 
   
} 


#banner1{
    background-image:url(images/banner1.jpg);
    background-repeat:no-repeat;
	width: 710px;
	height:371px;
	float: left;
	overflow: hidden;
	position: relative
	


}

#banner11{
    background-image:url(images/banner2.jpg);
    background-repeat:no-repeat;
	width: 710px;
	height:371px;
	float: left;
	overflow: hidden;
	position: relative
	


}

#banner111{
    background-image:url(images/banner3.jpg);
    background-repeat:no-repeat;
	width: 710px;
	height:371px;
	float: left;
	overflow: hidden;
	position: relative
	


}


#menusrodek {

  	width:290px;
	height:371px;
	float: left;
	overflow: hidden;
	padding-top:20px;
	position: relative; left: -40px; bottom: 0px;

 
} 





#napisy{

	height:300px;
	width:290px;
	margin-top: 0px;
	padding-top:30px;
	padding-left: 40px;
	padding-right:5px;

} 






#tresc {
    background-image:url(images/tlo4.jpg);
    background-repeat:repeat-x;
	margin: auto; 
	position: relative; top: -55px; 
	
   
} 


#dwamiejsca{
    background-image:url(images/tlo4.jpg);
    background-repeat:repeat-x;
	width:1002px;
   	margin: auto;

} 



#menu2 {
    background-image:url(images/tlo4.jpg);
    background-repeat:no-repeat;
	width: 328px;
	float: left;
	overflow: hidden;


}


#tresc1 {
    background-image:url(images/tlo4.jpg);
    background-repeat:repeat-x;
	width:674px;
	  float: right;
	overflow: hidden;
 
} 





#przedstopka {
    background-image:url(images/tlo5.jpg);
    background-repeat:repeat-x;
	height:57px;
	margin: auto; 
	clear: both;
   
} 

#tresc3 {
    background-image:url(images/tlo5.jpg);
    background-repeat:repeat-x;
	height:57px;
	width:1002px;
	margin: auto; 
	clear: both;
	padding-top:22px;
	text-align:center;
   
} 


#stopka {
    background-image:url(images/tlo6.jpg);
    background-repeat:repeat-x;
	height:43px;
	margin: auto; 
	clear: both;
   
} 

#tresc4 {
    background-image:url(images/tlo6.jpg);
    background-repeat:repeat-x;
	height:43px;
	width:1002px;
	margin: auto; 
	clear: both;
   
} 

.active {
color: #C80000!important;
}

@media (max-width: 999px) {
div{
display: block;
overflow: hidden;
}

#naglowek1a {
  height: auto;
  width: 768px;
}

#gora {
width: 100%;
  height: auto;
}


#logo {

  width: 100%;

}



#logo img {
  margin: 0 auto;
  display: block;
  max-width: 100%;
  height: auto;
}

#menu1 {
background: none;
  height: auto;
  width: 100%;
  float: left;
  overflow: hidden;
  padding-top: 20px;
  padding-left: 0;
  padding-bottom: 20px;
    text-align: center;
}

#menu1 img {
display: none;

}

a.menugorne {
text-align: center;
padding: 5px 10px;
}


#srodek {
width: 100%;
height: auto;
background: none;
}

#banner1, #banner11, #banner111 {
width: 100%;
  height: 310px;
  background-size: contain;
}

#banner {
height: auto;
width: 768px;
background: none;
}

#banner1 {


}

#menusrodek {
width: 100%;
height: auto;
left: 0;
}

a.menu1a {
float: left;
width: 245px!important;
padding: 5px!important;
}

a:hover.menu1a {
width: 245px!important;
padding: 5px!important;
}

img.glob {
width: 100%;
height: auto;
display: block;
}

#tresc {
top: 0;
width: 768px;
}

#dwamiejsca {
width: 100%;
}

#menu2 {
width: 40%;
}

#tresc1 {
width: 60%;
}

#tresci1 h1 {
font-size: 24px;
padding: 30px;
margin: 0;
}

p.glowne {
padding: 0 30px;
margin: 0;
padding-bottom: 30px;
}

#tresc3 {
width: 100%;
}

#tresc4 {
width: 100%;
}

}




@media (max-width: 767px) {

#naglowek1a {
  height: auto;
  width: 100%;
}
#banner {
width: 100%;
height: auto;
}

a.menugorne {
  text-align: center;
  padding: 5px;
  float: left;
  width: 100%;
  margin-top: 3px;
  margin-bottom: 2px;
}

#menu1 {
background: #F3F4F6;
}

#napisy {
padding-top: 15px;
}

a.menu1a {
  width: 70%!important;
  padding: 2% 15%!important;
}

a:visited.menu1a {
  width: 70%!important;
  padding: 2% 15%!important;
}

a:hover.menu1a {
  width: 70%!important;
  padding: 2% 15%!important;
  background: none;
  
}


#tresc {
  width: 100%;
}


#menu2 {
  width: 100%;
    margin-bottom: 30px;
}

#tresc1 {
  width: 100%;
}

a.menu1 {
  margin: 20px auto 0 auto!important;
    padding: 0!important;
	  padding-top: 25px!important;
	    padding-left: 25px!important;
		box-sizing: border-box;
}


a.menu22 {
  margin: 20px auto 0 auto!important;
    padding: 0!important;
	  padding-top: 25px!important;
	    padding-left: 25px!important;
		box-sizing: border-box;
}

a.menu3 {
  margin: 20px auto 0 auto!important;
    padding: 0!important;
	  padding-top: 25px!important;
	    padding-left: 25px!important;
		box-sizing: border-box;
}

.menudolne {

  padding: 8px!important;
  display: inline-block;
  margin-bottom: 5px!important;
}

#banner1, #banner11, #banner111 {
  width: 100%;
  height: 310px;
  background-size: cover;
  background-position: 70% center;
}

#napisy {
padding: 30px;
box-sizing: border-box;
}

#przedstopka {
height: auto;

}
#stopka {
height: auto;

}

p.stopkaa {
margin: 0;
padding: 10px;
}
a:link.menugorne {
  font-weight: bold!important;
}

#tresc3 {
height: auto;
}

td p.glowne {
text-align: left;
}

#tresci1 h1 {
padding: 30px 30px 30px 60px;
}

.zabglowna {
position: absolute;
  top: 35px;
  left: 15px;
}
}


@media (max-width: 650px) {
#banner1, #banner11, #banner111 {
  width: 100%;
  height: 310px;
  background-size: inherit;
  background-position: 95% top;
  margin-bottom: 170px;
  overflow: visible;
}

#napisy {
  width: 100%;
  padding: 30px;
  padding-top: 285px;
  overflow: visible;
}

.tlopodst {
  background-position: 90% top!important;
}

}



@media (max-width: 480px) {
a.menu1a {
  width: 80%!important;
  padding: 0 10%!important;
}

a:visited.menu1a {
  width: 80%!important;
  padding: 0 10%!important;
}

a:hover.menu1a {
  width: 80%!important;
  padding: 0 10%!important;
  background: none;
  
}

a.menu1a img{
right: 0!important;
}

#napisy {
width: 100%;
}

.zabglowna {
  top: 50px;
}










}