/* glowne  */
body {font-family: Verdana, sans-serif;font-size: 10px;color:#FFFFFF;margin:0;text-align:center;background: #243c52;}
p {color: #243c52;font-size: 11px; line-height: 15px;margin: 7px;}
img {border: 0px}
a:link, a:visited {color: #243c52; font-weight: bold}
a:hover {color: #b11345; text-decoration: underline}
h1 {font-size:12px;margin:10px 0 0 7px; line-height: 15px; color: #243c52; text-align: left;}

#main {width: 800px; text-align:left;background:#ffffff;margin:auto; padding: 0 0 50px 0}

div.top {width: 800px; height: 65px}
div.top img {width: 122px; height: 65px; margin: 0 0 0 62px}
div.pasekgora {width: 800px; height: 5px; background: #870c32; font-size:2px;}
div.menulogo {width: 210px; height: 30px; margin: 14px 0 0 0; background: #cd6987}
div.menulogo img {margin: 3px 0 0 22px}

#menu {width: 211px; height: 310px; background: #b11345; float: left}
#menu a:link, #menu a:visited {color: #ffffff;text-decoration:none;}
#menu a:hover {color: #f1ebdc; text-decoration: none;}
#menu ul li {color: #FFFFFF;font-size:11px; list-style-image: url('kropa.jpg'); font-weight:bold; margin:25px 0px;}

#baner {width: 589px; height: 310px; background: #f1ebdc; float: left}
#bok {width: 201px; height: 250px; background:url('bok.jpg') repeat-x; float: left; padding: 5px; text-align:center}
#tresc {width: 589px; float: left; text-align: justify}

#dol {height: 26px; width: 800px; background: #B11345}
#dol img {float: right}

/*h3 {font-weight: bold; font-size: 13px; margin: 5px; line-height: 15px; color: #243c52; text-align: center}*/
h2 {font-size: 11px; margin: 7px; line-height: 17px; color: #243c52; text-align: left}
h2 a:link, h2 a:visited {text-decoration: none; font-weight: normal; }
h2 a:hover {text-decoration: underline; color: #b11345}
h3 {color: #243c52; font-size: 12px; text-align: center; margin: 5px;}
a:link img, a:visited img {border: 1px solid #B11345; margin: 2px}
a:hover img {border: 1px solid #243c52}
h4 {font-weight: bold; font-size: 13px; margin-bottom: 10px; padding-top: 10px; line-height: 15px; color: #B11345; text-align: center}
h5 {font-size: 16px; line-height: 20px; color: #243c52; text-align: center; margin: 7px 15px; padding: 10px 0px}
p span {color: #b11345; font-weight: bold}
table.kontakt td {text-align: center}
/* 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: 10px; 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(blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; }
#prevLink { left: 10px; float: left;}
#nextLink { right: 10px; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(next.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; padding-bottom: 10px }	
#imageData #caption{ font-weight: bold; font-size: 12px; padding-bottom: 10px}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ position: absolute; top: 0; right: 0}	 	
/*#bottomNavClose { width: 49%; height: 100%; background: transparent url(close.gif) no-repeat; /* Trick IE into showing hover */ /*display: block; }*/

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* lightbox - koniec */