html{height:100%;}
body { text-align:center; padding: 0;border:0; font-family: 'Courier', sans-serif; font-size: 16px; color: #F3F3F3; background: url(obr/bg.gif) center top repeat-y  #e3e3e3; height:100%; margin:0px auto;}

#bg{float:left; width:100%;  background: url(obr/pozadi2.png) repeat-x;}
#telo { position: relative; margin: auto; width: 930px; background: url(obr/pozadi-telo.png) repeat-y; text-align: left; padding: 0 40px 0 0; min-height: 100%; float:left; }
#center {margin:0px auto; width:970px; }
 
#logo{ position: absolute; top: 10px; left: 10px; width: 133px; height: 96px; }

#mutace{ position:absolute; left: 14px; top:140px; text-align:left; color: black; font-family: 'Courier', sans-serif; }
#mutace a { color: black; text-decoration: none; font-weight: bold; }
#mutace a:active { color: #017f01; text-decoration: none; }
#mutace a:hover { color: #017f01; text-decoration: none; }
 
#navig { position: absolute; left: 162px; top: 70px; width: 760px; height: 46px; background: #2d2d2d;  }

#navig ul { width: 700px; margin: 0; padding: 12px 0 0 30px; text-align: left; font-size: 16px }
#navig li { letter-spacing: 0; display: inline; padding: 0 32px 0 40px; margin: 0;  }
#navig a { font-size: 100%; font-weight: bold; }
#navig a:link { color: white; text-decoration: none; }
#navig a:visited { color: white; text-decoration: none; }
#navig a:active { color: #017f01; text-decoration: none; }
#navig a:hover { color: #017f01; text-decoration: none; }

#navig-de { position: absolute; left: 162px; top: 70px; width: 760px; height: 46px; background: #2d2d2d;  }

#navig-de ul { width: 700px; margin: 0; padding: 12px 0 0 30px; text-align: left; font-size: 16px }
#navig-de li { letter-spacing: 0; display: inline; padding: 0 3px 0 40px; margin: 0;  }
#navig-de a { font-size: 100%; font-weight: bold; }
#navig-de a:link { color: white; text-decoration: none; }
#navig-de a:visited { color: white; text-decoration: none; }
#navig-de a:active { color: #017f01; text-decoration: none; }
#navig-de a:hover { color: #017f01; text-decoration: none; }

#obsah { float:left; width: 623px; padding:160px 0px 60px 230px;}
#obsah .image_ref{float:left;text-decoration:none; width:302px; }
#obsah .image_ref:hover span{background:#505050; }
#obsah .image_ref img{float:left; }
#obsah .image_ref span{display:block; padding:0px 12px; text-align:left;  background:#2D2D2D; line-height:30px; color:#ffffff; }


#ohraniceni {  padding: 0 10px 0 10px;overflow: auto; background: white;  }

#ohraniceni2 { border: 1px solid black; padding: 0; background: url(obr/pozadiref.jpg) repeat-y white; float:left;  height:462px; overflow:auto;}

#ohraniceni33 { width: 604px; border: 1px solid black; padding: 0; background: #2D2D2D; float:left; }

#ohraniceni3 { border: 1px solid black; padding: 0; background: #2D2D2D; float:left;  height:462px; overflow:auto; overflow-y:auto; overflow-x:hidden; }

.detail {border-spacing:0px; border: 1px solid black;}
.detail td{ vertical-align:top;border-left: 1px solid black;}
.detail .image{width:380px; background:#2D2D2D;}
.detail .image img{}
.detail .image div{ font-size: 18px; padding: 8px 0 8px 10px; color:#ffffff;}
.detail .info{width:198px; padding:10px; background:#ffffff;}

.textref { width: 210px; float:right; padding:0px 0px 0px 10px;  }
.big_image {float:left; border:0px; }

#nazevref  { width: 380px;  font-size: 18px; padding: 8px 0 8px 10px }
#refobr { border-bottom: 1px solid black; border-left: 1px solid black; border-right: 1px solid black; height: 84px; width: 600px; overflow:auto; overflow-x:auto; overflow-y:hidden; white-space:nowrap; background:#ffffff;}
#refobr .inside { border-spacing:0px; }
#refobr .border { border-bottom:1px solid black; background:#DEDEDE;}
#refobr a{ margin:0px; padding:0px;float:left;}
#refobr a img{margin:0px; padding:0px; border:0px; float:left;}
img  { border: 0; padding: 0; margin: 0 }

h1 { font-size: 20px; color: black; padding: 0; margin: 0 }
h2 { font-size: 16px; color: black; padding: 0; margin: 0 }

table { font-size: 14px; color: black;  }

#ref { width: 620px; border: 0; padding: 0; margin: 0 }

 
p { color: black; font-size: 16px }

ul  { padding: 0 0 6px 20px; width: 652px; line-height: 23px }

#prava { float: right; width: 245px; margin-top: 30px; text-align: center; background: #323232 }

a { font-size: 100%; color: black; }
a:link { color: black; text-decoration: underline; }
a:visited { color: black; text-decoration: underline; }
a:active { color: #017f01; text-decoration: underline; }
a:hover { color: #017f01; text-decoration: underline; }



#dropmenudiv{
position:absolute; 
border: 0; padding: 10px; width: 30px;
z-index:100;
}

#dropmenudiv a { font-size: 100%; font-weight: bold; }
#dropmenudiv a:link { color: white; text-decoration: none; }
#dropmenudiv a:visited { color: white; text-decoration: none; }
#dropmenudiv a:active { color: #017f01; text-decoration: none; }
#dropmenudiv a:hover { color: #017f01; text-decoration: none; }