body{
  font:12px verdana, arial, sans-serif;
  margin:0; padding:0;
}

img{
  border:0;
}

h1{
  font-size:120%;
}

p.odst{
  text-indent:3%;
  text-align:justify;
}

a{
  color:#369;
  text-decoration:none;
}

a:hover{
  color:#00F;
}

table{
  padding:0; margin:0;
  border:1px solid black;
}

.cleaner{
  clear:both; 
  height:1px; 
  font-size:1px;
  border:none; 
  margin:0; padding:0; 
  background:transparent;
}

.btr{
  font-weight:bold;
}

.bor{
  width:100px;
  text-align:center;
}

.bor, .wtd{
  border-bottom:1px dotted #ccc;
}

.wtd{
  width:150px;
}

.tdr{
  text-align:right;
  padding-right:20px;
}

.wm{
font-size:90%;
}

#mutace{
  position:absolute;
  top:3px;
  right:20px; font: 90% verdana;
}

#mutace a{
  font-weight:bold;
  color:orange; text-decoration:none;
  _border:1px solid black;
}

#mutace img{
  border:1px solid black;
  _border:0;
}

#mutace img:hover{
  border:1px solid orange;
}

#mutace a:hover{
  _border:1px solid orange;
}

#bgtop{
  background: url('img/bgtop.jpg') repeat-x;
}
#top{
  background:url('img/top.jpg') no-repeat;
  height:200px;
}

#logo {
  margin:0; padding:0; top:50px; left:400px;
  position:relative;
  width:200px; height:90px;
  margin:0; padding:0;
  overflow:hidden;
  font-weight:bold;
}
#logo span {
  display:block;
  position:absolute; left:0; top:0; z-index:1;
  width:200px; height:90px;
  margin:0; padding:0;
  background:url("img/logo.gif") top left no-repeat;
}

#menu{
  border-top:1px solid white;
  border-bottom:1px solid #333;
  height:20px;
  padding:1px;
  background:#CCC;
}

#menu ul{
  margin:0; padding:0; list-style:none;
}

#menu li{
  float:left; margin:0; margin-left:3px; width:120px; padding:0;
  background:white; text-align:center;height:19px;
}

#menu a{
  display:block; text-decoration:none; font: 90% verdana; height:16px; padding-top:2px; font-weight:bold;
  border:1px solid gray; color:orange; _width:100%; background:#ededed url('img/bgmenu.gif') repeat-x;
}

#menu a:hover{
  border:1px solid #333;
  font-weight:bold;
  color:black; background:white url('img/bgmenu.gif') repeat-x;
}

#main{
  margin:20px;
}

#left{
  margin-right:210px;
}

#right, .foto{
  float:right;
  width:170px;
  border-left:1px dotted #ccc;
  padding:15px;
  height:195px;
}

#bottom{
  border-top:1px solid #ccc;
  height:20px; font-size:90%;
  text-align:center; color:#ccc;
}

.foto{
  width:130px;
  margin-left:10px;
}

.foto img{
  border:1px solid black;
}

.foto a{
  color:gray; font-size:80%;
  text-decoration:none;
}

.foto a:hover{
  color:#333;
}

.foto div{
  text-align:right;
}

.fotogalerie img{
  border:1px solid black;
  margin:5px;
}

.fotogalerie{
  border-bottom:1px dotted #ccc;
}

.poloha img{
  border:5px solid #333;
}

.rezer{
  width:530px;
  _width:510px;
}

.rezer-le{
  float:left;
  width:230px;
  _widht:auto;
  margin:0;padding:0;
}

.rezer-le input{
  width:190px;
}

.rezer-pr{
  float:right;
  width:280px;
}
