body { padding: 0; text-align: center; margin: 0px auto 0px auto; width: 880px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; background-image: url(img/tlo.jpg); background-repeat: repeat; color:#5b3c0a;}
form { padding: 0; margin: 0; border: 0; }
buttom { padding: 0; margin: 0; }
table { padding: 0; margin: 0; border: 0; }
img { border-width: 0px 0px 0px 0px; border-style: none none none none; vertical-align: top;  }
a {color:#5b3c0a; font-weight:bolder;}

#top {width: 800px; height: 103px; clear: both; float: none; text-align: center;}
#kreska {width: 800px; height: 12px; background-image: url(img/kreska.jpg); background-repeat: repeat-x; clear: both; float: none;}

#conter {width: 800px; height: auto; clear: both; float: none; text-align: center;}
#lewa {width: 186px; float:left;}
#lewa .menu {padding-left:5px; padding-right:5px; padding-bottom:8px;}

#prawa {width: 614px; float:left; }
#prawa .tlo {margin-left:5px; width: 603px; float:left;background-image: url(img/tlo_prawa.jpg); background-repeat: repeat-y;}
#prawa .ramka {border:3px solid #ecc88f;}
#prawa  a:hover .ramka{border:3px solid #3e2600;}
#prawa .tekst {padding:5px; color:#3a2200;}
#prawa .tekst p {padding:5px;  text-align:left;}

#stopka {width: 800px; height: 26px; margin-top:10px;  background-image: url(img/stopka.jpg); clear: both; float: left;}

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}