body {
background-color: #d6c27a;
text-align: left;
font-size: 0.9em;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
behavior: url("csshover.htc");
margin: 0;
background-image: url(img/hbg.jpg);
background-position: top center;
background-repeat: repeat-y;
}

#wszystko {
background-image: url(img/h1.jpg);
background-position: top center;
background-repeat: no-repeat;
min-height: 580px;
}

#kontener {
width: 960px;
margin-left: auto;
margin-right: auto;
min-height: 580px;
}

#head {
	text-align: justify;
	display: block;
	width: 760px;
	height: 220px;
	float: left;
	}
	
#head a {
	display: block;
	width: 346px;
	float: left;
	height: 188px;

	}

#lewe_menu {
display: block;
float: right;
width: 209px;
padding-right: 100px;
}

#lewy {
display: block;
float: left;
width: 374px;
}

#news {
background-image: url(img/aktualnosci2.jpg);
background-repeat: no-repeat;
height: 189px; 
display: block;
clear: both;
float:right;
width: 277px;
text-align: left;
padding-top:20px;
padding-right: 100px;
}


#news div {
	display: block;
	height: 150px;
	margin-left: 35px;
	}
	
#news div a {
	text-decoration: none;
	color: #000000;
	font-size: 0.8em;
	}	
	
#news div a:hover {
	color: #990000;
	}
	
#news div img {
	border: 1px solid #ffffff;
	float: left;
	margin: 5px;
	}	
	
#news div strong {
	display: block;
	}		







#tresc {
display: block;
float: left;
width: 436px;
text-align: left;
padding-left: 150px;
}

#tresc h1 {
margin: 20px 0 20px 0;
}

#stopka {
clear: both;
height: 77px;
background-image: url(img/h2.jpg);
background-position: top center;
background-repeat: no-repeat;
}

#stopka_tresc {
color: #000000;
width: 300px;
padding-top: 60px;
margin-right: auto;
margin-left: auto;
text-align: right;
font-size: 0.8em;
}


/* stronicowanie */
.stronicowanie {clear: both; list-style: none; text-align: center;}
.stronicowanie li {display: inline; margin: 0 5px;}
.stronicowanie li.wybrana a {color: #ffffff;}

/* zdjęcia */
img.left {float: left; margin: 0 10px 10px 0; border: 5px solid #ffffff;}
img.right {float: right; margin: 0 0 10px 10px; border: 5px solid #ffffff;}


/* FORMULARZ */

#formularz {
	border: none;
	padding: 5px 5px 5px 5px;
}

#formularz input {
	width: 260px;
	color: #003300;
	background-color: #ebcea6;
	border: 1px solid #ebcea6;
	margin: 2px;
	float: right;
}

#formularz textarea {
	width: 260px;
	height: 200px;
	color: #003300;
	background-color: #ebcea6;
	border: 1px solid #ebcea6;
	margin: 2px;
	float: right;
}

#formularz label {
	float: left;
	width: 110px;
	margin: 2px;
}


/* galeria - trzeba zmienic tylko szerokosc */

.galeria {
	display: block; 
	float: left;
	margin: 15px;
	width: 100px;
	font-size: 0.5em;
	}	
	
.galeria img {
	display: block;
	border: 1px solid #ffffff;
	clear: both;
	width: 100px;
	margin: 3px;
	}

/* zdjęcia */

img.left {float: left; margin: 10px; border:1px solid #ffffff;}
img.right {float: right; margin: 10px; border:1px solid #ffffff;}	


/* podgrupa na stronie */
	
.podgrupa_na_stronie {
	display: block;
	padding: 5px;	
	width: 216px;
	float: left;
	}
	
.podgrupa_na_stronie img {
	float: left; 
	margin: 0px;
	border: 1px solid #ffffff;
	width: 200px;
	}				
		
.podgrupa_na_stronie strong {
	display: block;
	}			

	
.podgrupa_na_stronie a {
	color: #543317;
	font-weight: bold;
	text-decoration: none;
	}
	
.podgrupa_na_stronie a:hover {
	color: #7b2727;
	}		

/* akapit */
	
.akapit {
	clear: both;
	}		
	

/* menu pionowe - generuje 5 poziomów - guziki maja dowolna wysokosc, ograniczona dlugosc */

#lewe_menu ol {
	list-style: none; 
	margin: 0; 
	padding: 0;
	}
	
#lewe_menu ol li {
	position: relative;
	padding-top: 2px;
	padding-bottom: 2px;
}

#lewe_menu ol a {
	font-size: 1em;
	height: 13px;
	display: block;
	width: 197px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	text-align: left;
	background-image:url(img/hbutton.jpg);
}

#lewe_menu ol a:hover {color: #ffffff; background-position: bottom;}

/* poziom 2 */
#lewe_menu ol ol {position: absolute; display: none; top: 0; left: 213px;}
#lewe_menu ol ol li {width: 213px; background: url(img/normalny.png);}

#lewe_menu ol li:hover ol {display: block;}
#lewe_menu ol li:hover ol ol {display: none;}
#lewe_menu ol ol li:hover {background: url(img/aktywny.png);}
/* poziom 3 */
#lewe_menu ol ol li:hover ol {display: block;}
#lewe_menu ol ol li:hover ol ol {display: none;}

/* poziom 4 */
#lewe_menu ol ol ol li:hover ol {display: block;}
#lewe_menu ol ol ol li:hover ol ol {display: none;}

/* poziom 5 */
#lewe_menu ol ol ol ol li:hover ol {display: block;}
#lewe_menu ol ol ol ol li:hover ol ol {display: none;}

#stopka_tresc div a {
	text-decoration: none;
	color: #000000;

	}	
	
#stopka_tresc div a:hover {
	color: #990000;
	}
	
#flagi {
	display: block;
	width: 200px;
	margin-top: 50px;
	padding-left: 35px;
	}
	
#flagi ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
#flagi ol li {
	display: block;
	float: left;
	}	
	
#flagi ol li a {
	display: block;
	width: 46px;
	height: 32px;
	margin: 2px;
	}
	
#pl {
	background-image: url(img/PL.jpg);
	background-repeat: no-repeat;
	}

#en {
	background-image: url(img/UK.jpg);
	background-repeat: no-repeat;
	}	
	
#de {
	background-image: url(img/DE.jpg);
	background-repeat: no-repeat;
	}	
	
#ru {
	background-image: url(img/RU.jpg);
	background-repeat: no-repeat;
	}