body 
{margin : 0;
padding-top: 2px;
font-family : Trebuchet, Verdana, Sans-serif; 
font-size: 0.7em; 
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 : 600; color: #ddd; padding : 0; font-size: 1.2em;}
h2 { font-size: 1em; color: #bbb; }
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: 1000px; 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: 1000px; 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: 625px; 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: 626px; /* height: 202px; */ left: 186px; top: 220px; padding: 0; 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;}
#tailb a:link, #tailb a:visited {text-decoration: none;}

#midm {position : absolute; top: 422px; left: 186px; width: 606px; 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 b {color: #aaa;}
#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: 816px; 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;}

/* .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;}
/* .navi ul {list-style: none; margin: auto auto; padding: 0;}
.navi li {display:inline; margin:0 auto;}
.navi a:link, .navi a:visited {padding: 7px 7px 10px 7px; color: #55b6fd; text-decoration:none; }
.navi a:hover {color:#000000; background-image: url(images/tlo-nav.png);}
.navi_cur a:link, .navi_cur a:visited {padding: 7px 7px 10px 7px; color: #bbbbbb; text-decoration:none;}
.navi_cur a:hover {background-color: transparent; background-image: none;}
 */

.stopka { position: absolute; width: 615px; 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-top: 3px solid #cccccc; border-right: 3px solid #FFFFFF; border-left: 3px solid #cccccc; border-bottom: 3px solid #FFFFFF; background-color: #000000; padding: 5px 10px 10px 10px; margin: 15px 0 15px 0; color: #ff4040}
.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;}

.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;}
.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; 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;}

.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: 5px;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;}
.galeria {text-align: center; margin: 0 auto; background-color: #111; padding: 5px 0;}
.galeria strong {font-size: 13px; 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-image: url(images/left-right.gif); text-align: center; margin: 2px auto; padding:2px;}