body { margin: 0px; background-color: #000000; font-family: "Trebuchet MS", Verdana, Tahoma, Arial; font-size: 12px; color: #F8F2C7; line-height: 5mm; background-image: url("../images/tlo.jpg"); background-position: top;  background-repeat: repeat-x; }
a { color: #F8F2C7; text-decoration: none; }
a:hover { color: #FFFFFF; text-decoration: underline; }

input { background-color: #FEE49A; border: 1px solid #4E3C11; color: #4E3C11; font-family: Tahoma, Verdana, Arial; font-size: 12px; padding: 4px; width: 200px; }
textarea { background-color: #FEE49A; border: 1px solid #4E3C11; color: #4E3C11; font-family: Tahoma, Verdana, Arial; font-size: 12px; padding: 4px; width: 320px; }
.button { background-color: #FEE49A; border: 1px solid #4E3C11; color: #4E3C11; font-family: Tahoma, Verdana, Arial; font-size: 11px; font-weight: bold; padding: 4px; width: 130px; }
.blad { text-align: center; font-weight: bold; }

#main { z-index: 1; position: relative; margin: auto; margin-top: 0; width: 990px; }

#scrolled { padding-top: 15px; padding-left: 5px; position: absolute; clip: rect(0px, 500px, 442px, 0px); overflow: hidden; }
#scrollup { width: 30px; height: 20px; position: absolute; cursor:pointer; }
#scrolldown { width: 30px; height: 20px; top: 430px; position: absolute; cursor:pointer; }
#scrollbar { width: 30px; height: 30px; top: 20px; position: absolute; cursor: pointer; background-image: url('../images/scroll_point.png'); background-repeat: no-repeat; }
#scrollbar_content { width: 22px; height: 442px; display: block; position: relative; float: right; background-image: url('../images/scroll_bar.png'); background-repeat: no-repeat; }
#container { width: 500px; height: 442px; position: relative; float: left; overflow: hidden; }
#content_top { width: 494px; height: 30px; position: absolute; z-index: 1; }
#content_bottom { width: 494px; height: 30px; top: 412px; position: absolute; z-index: 1; }

#kontakt { text-align: center; }
#kontakt_menu { text-align: center; }

.obrazek { border: 4px solid #4E3C11; }
.obrazek:hover { border: 4px solid #F8F2C7; }

.opis { display: block; position: absolute; width: 201px; height: 20px; margin-top: -24px; margin-left: 4px; background: transparent url('../images/opis.png'); color: #FFFFFF; text-align: center; vertical-align: middle; }

#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;
	color: #000000;
	}
#lightboxDetails a {	color: #000000; }

#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(../images/overlay.png); }

* html #overlay{
	background-color: #333;
	background-color: transparent;
	background-image: url(../images/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/overlay.png", sizingMethod="scale");
	}
