body {
margin: 0; 
padding: 0;
font: 75%/130% Verdana, "Geneva CE", lucida, sans-serif;
background: #C59B71 url("CSS/poz_body.gif") 0 0 repeat-x;
}

#div {padding: 0; margin: 0; border: 0;}

#hlavni-null {
position: relative;
width: 790px;
margin: 0 auto;
background: #C59B71 url("CSS/poz_hlavni.gif") 50% 0 repeat-y;
}

#hlavicka-null {
width: 790px;
background: transparent url("CSS/poz_hlavicka.gif") 50% 0 no-repeat;
margin: 0 auto;
}

#hlavicka {
height: 220px;
position: relative;
}

#jazyky {
text-align: center;
margin-right: 8px;
padding: 8px;
color: #fff;
}

#telo-null {
width: 770px;
margin: 0 auto;
background: transparent url("CSS/poz_telo.gif") 50% 0 no-repeat;
}

#obsah-null {
margin: 0 240px 0 0;
}

#obsah {
padding: 15px 0 10px 35px;
}

#pravy-null {
float: right;
width: 240px;
}

#pravy {
padding: 15px 35px 10px 10px;
}

#vypis-aktualne {
margin-right: 8px;
}

#dolozka {
text-align: center;
padding: 15px 35px 0;
}

#patka-null {
clear: both;
background: transparent url("CSS/poz_patka.gif") 50% 100% no-repeat;
}

#patka {
text-align: center;
padding: 5px 45px 34px;
_padding-bottom: 35px;
}

hr.cleaner {
clear: both;
height: 1px;
margin: -1px 0 0 0; 
padding: 0;
border: none;
visibility: hidden;
}

/* menu */
ul#hlavni-menu {
margin: 0;
list-style-type: none;
padding: 0;
line-height: 1.6;
margin-bottom: 20px;
}

#hlavni-menu li {
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
width: 185px;
}

ul#hlavni-menu a.top {border-top: 1px solid #fff; margin-top: 0;}

ul#hlavni-menu a {
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 85%;
color: #fff;
padding: 8px 14px 8px 28px;
background: #52402f url("CSS/poz_menu.gif") 0 50% no-repeat;
_width: 143px;
text-decoration: none
}

ul#hlavni-menu a:visited {color: #FFF799;}
ul#hlavni-menu a:hover {color: #000; background: #c59b71 url("CSS/poz_menu.gif"); background-position: -185px 50%;}

/* Zobrazení fotky */
#lightbox{
position: absolute;
top: 40px;
left: 0;
width: 100%;
z-index: 100;
}
#lightbox img{ border: none;	}

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

#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 10px;
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/prev.gif) left 53% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(IMAGES/next.gif) right 53% no-repeat; }


#imageData{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
padding:0 10px 0 10px;
line-height: 1.4em;
height: 38px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left;	}			
#imageData #bottomNavClose{ width: 36px; float: right;	}	

#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
filter:alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}

/* konkrétní styly */
img {padding: 0; margin: 0; border: 0;}
p {margin: 0; padding: 3px 0;}

a.print {background:url("CSS/print.gif") no-repeat left center; padding-left: 23px;}
a.doporucit {background:url("CSS/mail.gif") no-repeat left center; padding-left: 22px;}
a.pridat {background:url("CSS/fav.gif") no-repeat left center; padding-left: 23px;}

h1, h2, h3, h4 {padding: 10px 0 5px; margin: 0 0 5px; font-family: "Helvetica"; color: #52402F;}

h1 {font-size: 140%}
h2 {font-size: 120%; text-transform: uppercase;}
h3 {font-size: 110%; margin: 0; padding-bottom: 0;}
h4 {font-size: 100%;}

#pravy h3 {width: 167px; background-color: #8e6f51; padding: 5px 10px; color: #fff; margin: 5px 0;}

#hlavni-nadpis {
position: absolute; 
left: 0; 
top: 100px; 
padding: 0;
width: 347px; 
height: 120px;
overflow: hidden;
font-size: 140%;
color: #52402F; 
cursor: pointer;
}

#hlavni-nadpis span {
display: block;
position: absolute; 
left: 0; top: 0; 
z-index: 10;
width: 347px; 
height: 120px;
margin: 0; 
padding: 0;
background: url("CSS/poz_nadpis.gif") 0 0 no-repeat;
}

#toplist {border: 1px solid #52402f; width: 88px; height: 120px; margin: 10px auto 0; padding: 4px ; _padding-top: 6px; background: transparent url("CSS/linka.gif") 0 0;}
#toplist img {padding: 0; background-color: #52402f}

#zaznamy {text-align: right; padding: 15px 5px;}

table {width: 99%; text-align: left;}
td,th {border: 0; border-collapse: collapse; text-align: left; vertical-align: top;}
th {text-align: center;}
table#rodokmen {border: 1px solid #fff; border-collapse: collapse; margin: 20px 0;}
#rodokmen th {vertical-align: middle; text-align: center; border: 1px solid #fff; border-collapse: collapse; padding: 2px; background-color: #8e6f51; color: #fff; font-weight: bold;}
#rodokmen td {vertical-align: middle; text-align: center; border: 1px solid #fff; border-collapse: collapse; padding: 5px;}

table#vystava {border: 1px solid #67503b; border-collapse: collapse; margin: 20px 0;}
#vystava th {vertical-align: middle; text-align: center; border: 1px solid #67503b; border-collapse: collapse; padding: 2px; background-color: #8e6f51; color: #fff; font-weight: bold;}
#vystava td {vertical-align: middle; text-align: left; border: 1px solid #67503b; border-collapse: collapse; padding: 5px;}

td em {font-size: 80%;}
.table-kontakt td {vertical-align: middle;}

.hlaska {padding: 2px 5px; margin: 5px; border: 1px solid #c30; font-weight: bold;}
.hlaska p {text-align: center;}

.foto {padding: 10px 5px; text-align: center;}
.foto img {border: 1px solid #8e6f51; padding: 2px; background-color: #c59b71;}

/* IE */
.foto img.hover,.foto img:hover {border: 1px solid #B49620;}
.foto img {behavior: url(hover.htc);}

/* form */
form {margin: 0; padding: 0 0 10px; width: 90%;}
option, input, textarea, select, fieldset {font: 100% Verdana, "Geneva CE", lucida, sans-serif; padding: 1px;}
fieldset {padding: 5px;}
textarea {font-size: 100%;}
input.odeslat  {display: block; padding: 2px 5px; margin: 5px 5px 5px auto; font-weight: bold; color: #fff; text-align: center; background-color: #8e6f51; border: 1px outset #ccc;}
input.odeslat:hover {padding: 3px 4px 1px 6px; cursor: pointer;}