td, tr, th, table, img, p, a, h1, h2, h4, ul, ol, li {border:0px; margin:0px; padding:0px;}

h3 {text-align:center; border:0px; margin:0px; padding:0px;}
h2 {vertical-align:top;}
h6 {border:0px; margin:0px, padding:0px; color:White;}
h5 {color:White; margin:1px; padding:1px;}

a {text-decoration:none; color:black;}
a:hover {text-decoration:underline;}

body {background-image:url(pictures/back3.png); background-color:black; font-family: arial, tahoma; font-size:80%; background-attachment:fixed; background-position:right top; background-repeat:no-repeat;}

.tl {background-image:url(pictures/tl1.png); background-position:bottom right;width:135px; height:145px; background-repeat:no-repeat;}
.tc {background-image:url(pictures/tc.png); background-position:bottom left; vertical-align:top;}
.tm {background-image:url(pictures/tc.png); background-position:bottom left; vertical-align:top;}
.tr {background-image:url(pictures/tr.png); background-position:bottom left; width:15px; height:145px; background-repeat:no-repeat;}
.lc {background-image:url(pictures/lc.png); vertical-align:top; background-position:bottom right; width:135px; background-repeat:repeat-y; text-align:right;}
.lb {background-image:url(pictures/lb.png); background-position:top right; background-repeat:no-repeat; width:135px; height:85px;}
.c {background-color:rgb(145,78,78); padding-right:10px; vertical-align:top; text-align:left; padding-bottom:5px;}
img.ramecek {border-width:1px; border-style:solid; border-color:rgb(30,10,10);}
.c span a:hover {color:rgb(90,20,10);}
.tp {background-image:url(pictures/tp.png); background-position:bottom left;width:3px; height:145px;}
.rc {background-color:rgb(145,78,78); width:15px;}
.rb {background-image:url(pictures/rb.png); background-position:top left; width:15px; background-repeat:no-repeat;}

.mr {background-image:url(pictures/mr.png); background-position:top left; width:15px; height:30px; background-repeat:no-repeat;}
.mc {background-image:url(pictures/mc.png); background-position:top left; height:30px; background-repeat:repeat-x;}
.ml {background-image:url(pictures/ml.png); background-position:top right; width:135px; height:30px; background-repeat:no-repeat;}

.menu td.tc {padding-left:20px; padding-right:20px; padding-top:40px; font-size:15px;}
.menu td.tm {padding-left:20px; padding-right:20px; padding-top:40px; font-size:15px;}
.menu td.tm a {margin-top:40px;}
.menu td.tm a:hover {color:rgb(100,10,10);}
.menu td.tm:hover {background-image:url(pictures/ta.png);}

.pc {text-align:center; vertical-align:top;}
.bo {text-align:center; vertical-align:bottom; font-style:italic;}

hr {color:rgb(20,10,10); height:1px; }

.lmenu {width:120px; vertical-align:top;}
.lmenu tr td {background-color:rgb(140,70,70); vertical-align:top; text-align:left; border-width:1px; border-color:rgb(35,10,10); border-style:solid;}
.lmenu tr td:hover {background-color:rgb(140,140,70); border-left-width:8px; border-color:rgb(200,200,10); border-style:solid;}
div.postolka {background-image:url(pictures/po.png); width:310px; height:145px;}
.postolka4 {background-image:url(pictures/post4.png); background-position:bottom right; background-repeat:no-repeat; height:215px; padding:0px;}
.postolka5 {background-image:url(pictures/post5.png); background-position:top right; background-repeat:no-repeat; height:85px; padding:0px;}

div.odkazy {background-image:url(pictures/odkazy.png); background-position:left top; background-repeat:no-repeat; margin-left:25px; margin-top:15px; width:110px; height:130px;}
div.postolky {background-image:url(pictures/postolky.png); background-position:left top; background-repeat:no-repeat; margin-left:25px; margin-top:15px; width:110px; height:150px;}
div.kamera {background-image:url(pictures/kamera.png); background-position:left top; background-repeat:no-repeat; margin-left:25px; margin-top:15px; width:110px; height:282px;}
div.hnizdo {background-image:url(pictures/hnizdo.png); background-position:left top; background-repeat:no-repeat; margin-left:25px; margin-top:15px; width:110px; height:252px;}
div.historie {background-image:url(pictures/historie.png); background-position:left top; background-repeat:no-repeat; margin-left:25px; margin-top:15px; width:110px; height:120px;}

.vpravo {float:right; margin-left:10px;}
.vlevo {float:left; margin-right:10px;}



#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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-image: url(data:image/gif;base64,AAAA); /* 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; outline: none;}	 	

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