body {
	margin: 0;
	padding-top: 2px;
	font-family : Verdana, Arial, Tahoma, Trebuchet MS, Sans-serif; 
	font-size: 0.75em; 
	line-height: 1.3;
	background-image: url(images/back_tlo.jpg);
	background-position: 0 192px;
	background-repeat: repeat-x;
	background-color: #000;
}

h1 { font-weight: bold; color: #fb7d00; padding : 0; font-size: 1.3em;}
h2 { font-weight: bold; font-size: 1.2em; color: #00b700;}
h3 { color: #bbb; font-size: 1em;}
h6 { padding-bottom: 10px; margin: 0; font-size: .7em; color: #707070;}
h4 { color: #fff; font-size: 1em; margin-bottom: 5px; }
hr { border: none; background-color: #444444; height: 1px;}
.hr2 {height: 3px; background-color: #444; margin: 20px 0 10px 0; border: none;}
img {border: none;}
p {margin-top: 1.5em; margin-bottom: 1.5em;}

#tresc {position: relative; width: 994px; height: auto; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; top:0; background-color: #111; }
#gads {position: absolute; width: 100%; height: 15px; left: 0; top: 160px; padding: 0; margin: 5px auto; text-align: center; }
#nag {position: absolute; width: 994px; height: 150px; left: 0; top: 0px; padding: 0; margin: 0; background-image: url(images/gobart8.jpg); background-repeat: no-repeat; }
/* .podwysz {float: right; background-image: url(images/pod_wyszuk.jpg); background-repeat: repeat-x; background-position: 0 110px;} */

#leftm {background-color: #000; position: absolute; top: 190px; left: 0; width: 182px; border: 1px solid #444; border-top: none; color: #aaaaaa;}
#leftm ul, #rightm ul{ list-style-type : none; margin : 0 0 5px 0; padding: 1px;}
#leftm li, #rightm {padding: 0; border-bottom: 1px solid #202020;}
#leftm li a:link, #leftm li a:visited, #rightm li a:link, #rightm li a:visited {
	display: block;
	background-color: #000000;
	vertical-align: middle;
	color: #55b6fd;
	text-align: left;
	padding: 0px;
	padding-left: 5px;
	width: 163px;
	text-decoration: none;
}
#leftm li a:hover, #rightm li a:hover {
	background-color: #555;
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}
#leftm .styl1 li a:hover {
	background-color: #fb7d00;
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}
#leftm .styl2 li a:hover {
	background-color: #df0000;
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}
#leftm .styl3 li a:hover {
	background-color: #009700;
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}
#rightm .loged a:link, #rightm .loged a:visited {
	color: #feb301;
}
#rightm .loged a:hover {
	background-color: #fb7d00;
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}
.podmen a:link, .podmen a:visited {margin-left: 10px;}

#menu { position: absolute; width: 619px; height: 21px; top: 190px; left: 186px; background-image: url(images/tlo-menu.jpg); padding: 9px 0 5px 3px; /* border-left: 1px solid #555555; border-right: 1px solid #555555; */ font-weight: bold; }

#tailb {position: absolute; width: 620px; height: 256px; left: 186px; top: 220px; padding: 2px 10px; margin: 5px auto; padding: 0; text-decoration: none; border: 1px solid #444; border-right: 1px solid #444; border-top: 1px solid #000; background-color: #222; margin:0;}

#midm {position : absolute; top: 480px; left: 186px; width: 600px; height:auto;
min-height:570px; padding: 5px 10px 300px 10px; border/* -left: 1px solid #444; border-right */: 1px solid #444; background-color: #222222; color: #aaaaaa; margin:0;}
#midm .album { list-style-type: none; width: 100%; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
#midm a:link, #midm a:visited { color : #55b6fd; background-color : transparent; text-decoration: none;}
#midm a:hover { color : #ffffff; }
#midm .odnosnik a:hover { color: #303030; font-size : 1em; }
#midm ul li a:link, #midm ul li a:visited { text-decoration : none; color : #55b6fd; background-color : transparent; }
#midm ul li a:hover { color : #ffffff; }
#midm ul, #midm ol { margin-left : 10px; padding-left : 20px; color: #aaa; }
#midm .album a:hover img { color : #778899;}
#midm .error p {color: #ff8040;}
#midm .news h1 {padding: 0px; margin: 0; color: #ededed;}
#midm .stopka img {border: none;}
#midm a:link b, #midm a:visited b {color : #55b6fd;}
#midm a:hover b {color : #fff;}


#rightm { background-color: #000; position : absolute; top: 190px; left: 810px; width: 182px; padding: 0;  border: 1px solid #444; border-top: none;}
#rightm a:link, #rightm a:visited {color: #55b6fd; background-color : transparent; text-decoration: none;}
#rightm a:hover { color: #ffffff; }
#rightm p {padding: 0 5px 0 5px; color: #aaaaaa;}
#rightm img {max-width: 160px;}

/* .mapa {position: absolute; top: 66px;  left: 0px;  width: 606px; height: 17px;color: #777; font-size: .9em; background-color: #282828;   background-image: url(images/tlo-mapa.jpg);  padding: 3px 10px 3px 10px; margin: -10px -10px 5px -10px; z-index: 9;}
#midm .mapa a:link, #midm .mapa a:visited { color: #888; text-decoration: none; font-weight: bolder;}
#midm .mapa a:hover { color: #eee; text-decoration: none; font-weight: bolder;} */
#midm .mapa {display: none;}

.navi {margin: 0 auto; text-align: center; width: 550px; z-index:9;}
.stopka { position: absolute; width: 603px; height: 289px; bottom : 0; left: 0; right: 0; padding : 1px 5px 10px 5px; background-color: #353535; background-image: url(images/tlo-stopka.jpg); color: #777;}

.lm_title {width: 172px; height: 25px; background-color: #444444; background-image: url(images/tlo-menu.jpg); padding: 9px 0px 1px 10px; text-align: left; color: #aaa; font-size: 1em;}
.rm_title {width: 174px; height: 25px; background-color: #444444; background-image: url(images/tlo-menu.jpg); padding: 9px 0px 1px 10px; text-align: left; color: #aaa; font-size: 1em;}

.news {background-image: url(images/cellpic3.gif); background-repeat: repeat-x; color: #bbbbbb; padding: 4px 10px 0 10px; margin: 5px 0; border-top: 1px solid #777777; border-left: 1px solid #777777; border-right: 1px solid #444444; border-bottom: 1px solid #444444; background-color: #333333;}
.news h3 {margin-top: 0;}

.box {padding: 0 10px 10px 10px; border: 1px solid #444444; background-color: #333333;}
.st_rek {margin: 5px; }
.komunikat {color: #669999;}
.album li { float: left; margin-right: 25px; margin-bottom: 10px; margin-left: 0; color: #aaaaaa; }
.album img { display: block; border: 1px solid #444444; padding: 5px; margin-bottom: 5px; background-color: #dddddd; }
.new_l { clear: both; }
.rek { background-color: #E6E6E6; padding: 5px 0px 15px 5px; margin: 2px 0 5px 0; border: 1px solid #A0A0A0;}
.warning { border: 3px solid #aaa; background-color: #000000; padding: 5px 10px 10px 10px; margin: 5px 0 5px 0; color: #ff8f20}
.warning2 { border: 3px solid #CC0000; background-color: #000000; padding: 5px 0 10px 10px; color: #ff4040; position: absolute; right: 0; top: 30px; width: 480px; background-color: #ffff80; font-weight: bold; text-align: left; z-index:9;}
.zolte_pole{ background-color: #FFFFCC; }
.sciezka { color: #fb60f7;}
.scpol {color: #ffffff;}
.skrot { color:#22ac3a;}
.kom {color: #828282;}
.kom2 {color: #666; margin: 3px; font-size: 10px; text-align: center;}
.podpo {background-color: #FFFFFF; border: 1px solid #C0C0C0; padding: 5px; display: block;}
.film {border: 10px solid #404040; background-image: url(images/kotara.jpg); background-color: #000000; margin: 25px 0;}
.nag_film b {color: #C0C0C0; border: 1px solid #404040; padding: 5px 20px 5px 20px;}
.b_tlo {background-color: #FFFFFF;}
.kom_blad {padding: 3px 5px; color: #ff3333;}
.album {padding: 0; margin: 0; width:700px; }
.album li { list-style-type: none; float: left; margin: 20px 5px 10px 5px; color: #999999; text-align: center; }
.bcol {font-size: 1.1em;}
.bred {color: #fecc65;}
.film_text {color: #cccccc; margin-bottom: -20px;}
#midm .tutorpsd { float: left; margin: 10px 50px 10px 0; padding: 2px; background-color: #ddd; border: none; }
.adnot { margin:0; color: #999;} 
.stgp { margin:0; padding:0;}
.tutek {background-color: #111; border: 1px solid #222; padding: 0;}
.tutek h2 {color: #fb7d00; padding: 0; margin: 10px 0 0 0;}
#midm .tutek p b {color: #fafafa;}
.tutek a:link img {border: none; background-color: #eee; padding: 2px;}
.tutek a:hover img {border: none; background-color: #fb7d00; padding: 2px;}
.tutek a:visited img {border: none; background-color: #666; padding: 2px;}
.tutek input {background-color: transparent; padding: 0; border: none;}
.data_h {color: #bfbf00;}
.tips {border: 1px solid #444444; display: block; padding: 5px; margin: 5px 0; background-color: #333;}
.zanik {display: none;}
.message {color: #fa9805;}
.gtr {text-align: center; font-size: 0.9em; margin: 7px auto; background-color: #181818; padding: 7px; border-left: 1px solid #080808; border-top: 1px solid #080808; border-right: 1px solid #303030; border-bottom: 1px solid #303030;}
.wtdr {display: none;}
.lohead h3 {margin: 0 0 -1.2em 0;}
.redbold {font-weight: bold; color:#ffffb9;}
.porcja {text-align: center;}
#midm .porcja a:link, #midm .porcja a:visited {text-decoration: none; font-weight: normal;}

.przycisk{
 background-color: #444444;
 font-size: 11px;
 color: #eeeeee;
 border: 2px outset #222;
 padding: 5px 5px 5px 5px;
 margin-left: 10px;
 font-family: Verdana, Arial, Tahoma;
 }
.przycisk:hover {
 border-color: #444;
 color: #cc0000;
 background-color: #aaa;
 }
 .przycisk_warn{
 background-color: #cc0000;
 font-size: 11px;
 color: #eeeeee;
 border: 2px outset #222;
 padding: 5px 5px 5px 5px;
 margin-left: 10px;
 font-family: Verdana, Arial, Tahoma;
 }
.przycisk_warn:hover {
 border-color: #444;
 color: #cc0000;
 background-color: #aaa;
 }
.n4g textarea, .n4g input {
 background-color: #444;
 color: #ccc; 
 border: 1px solid #999999;
 text-align: left;
 }
.n4g select {
 background-color: #444;
 color: #ccc;
 width: 150px;
 border: 1px solid #999999;
 text-align: left;
 }
#kon table, #kon th, #kon td { border: 1px solid #000; padding: 5px; border-collapse: collapse;}
#kon th {color: #ccc; font-weight: bold; background-color: #444; background-image: url(images/cellpic3.gif);}
#kon table tr:hover, #kon table tr.nalot { background-color: #444; color: #fff; }
#midm .tut_sub input {background-color: transparent; padding: 0 0 0 40px; border: none; font-size: 1em; color: #55b6fd; font-family : Trebuchet, Verdana, Sans-serif; margin-left: 30px;}
#midm .tut_sub input:hover {color: #fff;}
.tut_sub_norm input {background-color: transparent; border: none; font-size: 1em; color: #55b6fd; font-family : Trebuchet, Verdana, Sans-serif;}
.tut_sub_norm input:hover {color: #fff; background-color: transparent;}
.pod_wysz {border-top: 2px solid #181818; border-bottom: 2px solid #303030; background-color: #000; padding-top: 30px; height: 50px; margin: 0 -10px 0 -10px;}
.sub_naduz input {background-color: transparent; float: right; margin:0; border: 1px outset #222; color: #888;}
.sub_naduz input:hover {color: #fff; background-color: #cc0000;}

/* Logowanie */
#main_top {position: absolute; top: 155px; left: 0;margin: 5px; right: 0;}
#main_top img {margin: 0 2px; border: none;}
#top p {margin: 0; padding:0;}

#top {float: right; padding: 0; background-color: transparent; text-align: right; color: #999;}
#top a:link, #top a:visited { color : #feb301; background-color : transparent; text-decoration: none;}
#top a:hover { color : #fff; }
#top .przycisk {color: #ccc; border: 2px outset #222; padding: 2px; background-color: #444;}
#top .przycisk:hover {color: #fff; border: 2px outset #aaa; padding: 2px; background-color: #aaa;}
#top input, #top textarea, #top select {
background-color: #444;
color: #aaa;
border: 1px solid #666;
text-align: left;
padding: 1px;
}
fieldset {border: 3px outset #222; background-color: #004800; color: #ddd;}
fieldset b {color:#f9d046;}
.galeria {text-align: center; margin: 0 auto; background-color: #111; padding: 5px 0;}
.galeria h2 {font-size: 14px; color: #06b31c; font-weight: bold;}
.progress_bar {width: 500px; height: 15px; margin: 7px auto; background-image: url(images/progress-bar-tlo.jpg); background-repeat: no-repeat;}
.progress_bar_view {height: 14px; background-image: url(images/progress-bar.jpg); background-repeat: no-repeat;}
.center {text-align: center; margin: auto auto;}
.element{opacity:0.50; filter: alpha(opacity=50); -moz-opacity: 0.5;}
.element:hover{opacity:1; filter: alpha(opacity=100); -moz-opacity: 1;}
.mini_show {background-color: #111; text-align: center; margin: 2px auto; padding:2px;}
.mini_show img, .mini_show input {display: inline-block;}

/* lightbox */
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}