/* glowne  */
body {font-family: Tahoma, sans-serif; font-size: 11px; color: #000; margin:0; text-align: center; background: #c1f09a;}
p {font-size: 11px; text-align: justify; line-height: 15px; margin: 7px 0}
a:link, a:visited, div.ban a:link, div.ban a:visited {font-weight: bold; color: #009241; text-decoration: none; background: none; border-bottom: 0px}
a:hover, div.ban a:hover {color: #DA251C; text-decoration: none; background: none; border-bottom: 0px}
hr {height: 1px; color: #e9e9e9; border-width: 1px; border-color: #e9e9e9; border-style: solid none none none}
br {clear: both}
/*a img {border: 0}
 glowne koniec  */

/* id  */
#main{width:800px;text-align:center;background:#ffffff;margin:auto;}
#box{position: relative; width: 780px; margin: auto; text-align: left;}
#text {width: 456px; float:left; z-index: 0;}
h1, h2 {display: block; font-size: 12px; color: #DA251C; padding-bottom: 3px; text-transform: uppercase; margin: 0}
h1 {text-align: right; color: #DA251C; padding-top: 20px; border-bottom: 1px solid #e9e9e9}
h2 {text-align: left; color: #009241; height: 15px; padding-top: 3px}
/* id koniec */

/* paski */

div.menu a:link, div.menu a:visited {display: block; text-transform: uppercase; background: url('li.jpg') left center no-repeat; width: 163px; border-bottom: 1px solid #e9e9e9; margin: 0 2px; padding: 10px}
div.menu a:hover {display: block; text-transform: uppercase; background: url('lih.jpg') left center no-repeat}

div.bottom {background: url('pas_bottom.jpg') repeat-x; height: 48px; margin-top: 10px; padding: 15px 10px 0 10px}
div.bottom span {float: left}
div.bottom span.create {float: right}
div.baner {background: url('baner.jpg') 0px 10px no-repeat; width: 780px; height: 246px}
div.lapka {float:left}
div.rog_left {background: url('rog_left.jpg') no-repeat; width: 39px; height: 37px}
div.rog_middle {background: url('rog_middle.jpg') no-repeat; width: 60px; height: 39px}
div.rog_right {background: url('rog_right.jpg') no-repeat; width: 38px; height: 37px}
div.pas_left {background: url('pas_left.jpg') no-repeat; width: 7px; height: 216px; margin-left: 7px}
div.pas_middle {background: url('pas_middle.jpg') no-repeat; width: 10px; height: 216px; margin-left: 25px; margin-right: 25px}
div.pas_right {background: url('pas_right.jpg') no-repeat; width: 7px; height: 216px; margin-left: 25px}
#menu {width: 187px; float:left}
div.ban {text-align: center; margin: 10px 0; line-height: 15px}
div.ban img {margin: 3px}

p.r {text-align: right}
p.c {text-align: center}
table {border: 0px; margin: 0px; padding: 0px; width: 100%}
tr {margin-bottom: 20px}
td.news {border: 1px solid #e9e9e9; padding: 5px; margin: 15px 0px 15px 0px}
td.help {height: 5px; font-size: 1px}
/* paski koniec */
h2 span {float: left}
h2 span.data {float: right; font-weight: normal; color: #000; font-size: 11px}

div.galeria {margin-top: 15px; text-align: center}
div.galeria a:link img, div.galeria a:visited img {margin: 1px; border: 1px solid #009241}
div.galeria a:hover img {margin: 1px; border: 1px solid #DA251C}
/*div.galeria a:link img, div.galeria a:visited img {border: 1px solid #009241}*/
/*a:hover {color: #DA251C; text-decoration: none}*/
td.news img, #text img {margin: 3px}
table.tresc {border-left: 1px solid #009241; border-top: 1px solid #009241}
table.tresc td {border-right: 1px solid #009241; border-bottom: 1px solid #009241; padding: 3px; vertical-align: top}


#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(../pliki/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(../pliki/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../pliki/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;}