html{
  margin:0px;
  padding:0px;
}

body{
  margin: 0px;
  padding:0px;
  font:11px arial;
  line-height:12px;
  text-align:center;
  color:#666666;
  background-color:#85a6c0;
  background-image: url('../img/podklad.gif');
  background-position: top;
  background-repeat: repeat-x;
}
a{
  font:bold 11px arial;
  text-decoration:none;
  color:#444444;
}

a:hover{
  color:#999999;
}
p, form, ol, dl, span {
  margin: 0px;
  padding: 0px;
}
.hlobsah ul{
  margin: 15px;
  padding: 0px;
  list-style-image: url('../img/sipecka.gif');
}
h1{
  margin: 0px;
  padding: 0px;
  color: #87b1be;
  font-size: 15px;
}
h2{
  margin: 0px;
  padding: 0px;
  color: #87b1be;
  font-size: 15px;
}
h3{
  margin: 0px;
  padding: 0px;
  font-size: 14px;
}
h4{
  margin: 0px;
  padding: 0px;
  font-size: 13px;
}
h5{
  margin: 0px;
  padding: 0px;
  font-size: 12px;
}

div.cely {
  width: 870px;
  margin: 47px auto 0px auto;
  border: 0px solid black;
  background-image: url(../img/logo.gif);
  background-position: left top;
  background-repeat: no-repeat;
  min-height: 710px;
}
div.levy{
  margin: 99px 0px 0px 0px;
  width: 197px;
  border: 0px solid black;
  float: left;
}
div.prehled{
  width: 197px;
  height: 338px;
  border: 0px solid black;
  margin: 0px;
}
div.prehled .nadpis{
  margin: 0px;
  padding: 0px;
  width: 197px;
  height: 38px;
  text-align: left;
  background-color:#000000;
  background-image: url(../img/pruh2.gif);
  background-position: center top;
  background-repeat: no-repeat;
}
div.prehled .nadpis span{
  display: block;
  padding: 12px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 110%;
}
div.prehled .obsah{
  margin: 0px;
  padding: 5px 0px 0px 0px;
  width: 197px;
  height: 295px;
  background-color:#FFFFFF;
  background-image: url(../img/pruh3.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
}
div.prehled .obsah li{
  display: block;
  text-align: left;
  margin: 0px;
  width: 162px;
  height: 19px;
  padding: 7px 0px 0px 35px;
  list-style-type: none;
  background-color: transparent;
  border-bottom: 1px solid #d7e4e9;
  background-image: url(../img/sipka2.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}
div.prehled .obsah li a{
  font-weight: normal;
  color: #666666;
}
div.prehled .obsah li.alter{
  margin: 0px;
  padding: 7px 0px 0px 12px;
  width: 185px;
  height: 20px;
  text-align: left;
  background-color:#000000;
  color: #ffffff;
  font-weight: bold;
  font-size: 110%;
  background-image: none;
}
div.obrazek2{
  width: 197px;
  margin: 9px 0px 0px 0px;
  padding: 0px;
  height: 138px;
  background-image: url(../img/obrazek2.jpg);
  background-repeat: no-repeat;
}
div.pravy{
  width: 647px;
  border: 0px solid black;
  float: right;
  text-align: center;
  overflow: hidden;
  
}
div.menu{
  width: 627px;
  height: 47px;
  margin: 1px auto 0px auto;
  border: 0px solid black;
  background-color:#000000;
  background-image: url(../img/pruh1.gif);
  background-position: center top;
  background-repeat: no-repeat;
}
div.obrazek1{
  width: 647px;
  margin: 0px;
  padding: 0px;
  height: 188px;
  background-image: url(../img/obrazek1.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  
}
div.hlavni{
  width: 647px;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  min-height: 167px;
  border: 0px solid black;
  background-color:#FFFFFF;
  text-align: left;
}
div.hlavni .prvni{
  width: 637px;
  height: 20px;
  margin: 0px;
  padding: 7px 0px 0px 10px;
  border-bottom: 1px solid #d7e4e9;
}
div.hlavni .druhy{
  width: 622px;
  min-height: 90px;
  margin: 0px;
  padding: 12px 10px 0px 15px;
  border-bottom: 1px solid #d7e4e9;
}
div.hlavni .treti{
  width: 632px;
  height: 28px;
  padding: 10px 0px 0px 15px;
  margin: 0px;
}
div.hlavni span{
  display: block;
  margin: 0px 0px 15px 0px;
  padding: 0px;
  color: #87b1be;
  font-weight: bold;
  font-size: 12px;
}
div.typy{
  width: 647px;
  height: 235px;
  margin: 5px 0px 0px 0px;
  background-color: #FFFFFF;
  border: 0px solid black;
}
div.typ1{
  width: 222px;
  height: 235px;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  border: 0px solid black;
  float: left;
  border-right: 1px solid #a2c2cd;
}
div.typ2{
  width: 215px;
  height: 235px;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  border: 0px solid black;
  float: left;
  border-right: 1px solid #a2c2cd;
}
div.typ3{
  width: 208px;
  height: 235px;
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  border: 0px solid black;
  float: left;
}
div.typy .horni{
  width: 100%;
  height: 107px;
  margin: 0px;
  border: 0px solid black;
}
div.typy .horni img{
  max-height: 122px;
  position: relative;
  z-index: 1;
}
div.typy .spodni1{
  position: relative;
  width: 100%;
  height: 128px;
  margin: 0px;
  border: 0px solid black;
  background-color: #f1eeeb;
  background-image: url(../img/roh1.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}
div.typy .spodni2{
  position: relative;
  width: 100%;
  height: 128px;
  margin: 0px;
  border: 0px solid black;
  background-color: #f1eeeb;
}
div.typy .spodni3{
  position: relative;
  width: 100%;
  height: 128px;
  margin: 0px;
  border: 0px solid black;
  background-color: #f1eeeb;
  background-image: url(../img/roh2.gif);
  background-position: right bottom;
  background-repeat: no-repeat;
}
div.typy .text{
  width: auto;
  height: 95px;
  text-align: left;
  margin: 0px 0px 0px 0px;
  padding: 0px;
  border-top:1px solid #9fb9cd;
}
div.typy span.nadpis{
  display: block;
  color: #64ad01;
  height: 26px;
  margin: 13px 13px 5px 13px;
  padding: 0px;
  border: 0px solid black;
  font-weight: bold;
}
div.typy span.typ{
  height: 38px;
  display: block;
  margin: 0px 13px 13px 13px;
  padding: 0px;
  border: 0px solid black;
  overflow: hidden;
}
div.vice{
  position: absolute;
  width: 41px;
  height: 22px;
  border: 0px solid black;
  right: 13px;
  bottom: 9px;
  z-index: 99;
  overflow: hidden;
}
div.vice img{
  border: none;
  z-index: 99;
}
div.hlobsah{
  width: 647px;
  min-height: 235px;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  background-color: #FFFFFF;
  border: 0px solid black;
  background-color: #FFFFFF;
  text-align: center;
}
div.hlobsah1{
  width: 607px;
  margin: auto;
  padding: 0px;
  padding-bottom: 15px;
  border: 0px solid black;
  text-align: left;
}
div.prouzek{
  width: 647px;
  height: 18px;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  background-image: url(../img/pruh6.gif);
  background-position: center bottom;
  background-repeat: no-repeat;
}
span.webstart{
  display: block;
  margin: 46px 0px 46px 0px;
  color: #d3e2e7;
}
div.pictures{
  width: 607px;
  height: auto;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
div.picture{
  width: 132px;
  height: 120px;
  margin: 9px;
  padding: 0px;
  background-color: #E9EFF3;
/*  border: 1px solid #cc9966;*/
  border: none;
  text-align: center;
  float: left;
}
div.picture a{
  display: block;
  margin: 10px 11px 0px 11px;
  padding: 5px;
/*  border: 1px solid #888888;*/
  border: none;
  background-color: #ffffff;
}
img.picture{
  margin: 0px;
  padding: 0px;
  border: none;
}
div.picture span{
  color: #75A7B5;
  font-weight: bold;
  line-height: 12px;
}
a.galerie{
  display: block;
  width: 80px;
  height: 20px;
  margin: 0px 10px 0px 10px;
  padding: 0px;
  border: none;
  text-align: left;
  text-decoration: underline;
  float: left;
  font-weight: bold;
  line-height: 20px;
  vertical-align: middle;
}
a.galerie img{
  border: none;
}
input.pokracovat{
  width: 82px;
  height: 22px;
  border: none;
  margin: 0px;
  padding: 0px;
  font-size: 9pt;
  line-height: 22px;
  vertical-align: middle;
  color: #ffffff;
  font-weight: bold;
  background-image: url(../img/pokracovat.gif);
  background-repeat: no-repeat;
}
img.odsazeny {
  margin: 0px 20px 10px 0px;
}