* {
  margin:0 ;padding:0;
}

body {
  background: #fcf6de url('images/pozadi.png') repeat-x top;
  color: #4e4129;
  font: 0.75em Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a {
  color: #4e4129;
}

img {
  border: none;
}

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

table {
  Border-collapse: collapse;
  border-style: solid;
}

td {
  padding: 5px 10px 5px 10px;
  text-align: center;
}

td#prvni {
  text-align: left;
}

th {
  padding: 10px;
}

pre {
  font: 100% Tahoma, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

p {
  margin:0 0 10px 0;
  line-height:15px;
}

h1 {
  padding: 20px 0 12px 0;
  font-size: 1.7em;
}

h2 {
  padding: 0 0 12px 0;
  font-size: 1.2em;
}

ul li {
  list-style-position: inside;
  margin-left: 40px
}

ul.seznam-nadpis li {
  list-style-position: inside;
  margin-left: 20px
}

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

div#hlava {
  width: 900px; height: 152px;
  position: relative;
  margin: 0 auto;
  background: url('images/hlava.png');
}

div#hlava a {
  position: absolute;
  cursor: pointer;
  font-size: 1em;
}

div#hlava ul li {
  list-style-type: none;
}

div#hlava ul li#slavonice-domu a {
  width: 249px; height: 46px;
  top: 90px; left: 176px;
  font-size: 90%;
}

div#hlava ul li#slavonice-domu span {
  width: 249px; height: 46px;
}

div#hlava ul li#slavonice-domu span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/slavonice-domu.png") no-repeat 0 0;
}


div#hlava ul li#fotogalerie-odkaz a {
  width: 92px; height: 15px;
  top: 115px; right: 270px;
  font-size: 90%;
}

div#hlava ul li#fotogalerie-odkaz span {
  width: 92px; height: 15px;
}

div#hlava ul li#fotogalerie-odkaz span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/fotogalerie-odkaz.png") no-repeat 0 0;
}

div#hlava ul li#partner-odkaz a {
  width: 138px; height: 15px;
  top: 115px; right: 120px;
  font-size: 90%;
}

div#hlava ul li#partner-odkaz span {
  width: 138px; height: 15px;
}

div#hlava ul li#partner-odkaz span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/partner-odkaz.png") no-repeat 0 0;
}





div#menu {
  width: 900px; height: 233px;
  position: relative;
  margin: 0 auto;
  background: url('images/menu.png');
}

div#menu a {
  position: absolute;
  cursor: pointer;
  font-size: 1em;
}

div#menu ul li {
  list-style-type: none;
}

div#menu ul li#uvod a {
  width: 201px; height: 38px;
  top: 7px; left: 50px;
  font-size: 90%;
}

div#menu ul li#uvod span {
  width: 201px; height: 38px;
}

div#menu ul li#uvod span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/menu/menu-uvod.png") no-repeat 0 0;
}

div#menu ul li#uvod a:hover span {
  background: url("images/menu/menu-aktivni-uvod.png") no-repeat right;
}

body.uvod div#menu ul li#uvod span {
  background: url("images/menu/menu-aktivni-uvod.png") no-repeat 0 0;
}



div#menu ul li#ubytovani a {
  width: 201px; height: 38px;
  top: 45px; left: 50px;
  font-size: 90%;
}

div#menu ul li#ubytovani span {
  width: 201px; height: 38px;
}

div#menu ul li#ubytovani span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/menu/menu-ubytovani.png") no-repeat 0 0;
}

div#menu ul li#ubytovani a:hover span {
  background: url("images/menu/menu-aktivni-ubytovani.png") no-repeat right;
}

body.ubytovani div#menu ul li#ubytovani span {
  background: url("images/menu/menu-aktivni-ubytovani.png") no-repeat 0 0;
}




div#menu ul li#uzitecne-informace a {
  width: 201px; height: 38px;
  top: 83px; left: 50px;
  font-size: 90%;
}

div#menu ul li#uzitecne-informace span {
  width: 201px; height: 38px;
}

div#menu ul li#uzitecne-informace span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/menu/menu-uzitecne-informace.png") no-repeat 0 0;
}

div#menu ul li#uzitecne-informace a:hover span {
  background: url("images/menu/menu-aktivni-uzitecne-informace.png") no-repeat right;
}

body.uzitecne-informace div#menu ul li#uzitecne-informace span {
  background: url("images/menu/menu-aktivni-uzitecne-informace.png") no-repeat 0 0;
}



div#menu ul li#cenik a {
  width: 201px; height: 38px;
  top: 121px; left: 50px;
  font-size: 90%;
}

div#menu ul li#cenik span {
  width: 201px; height: 38px;
}

div#menu ul li#cenik span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/menu/menu-cenik.png") no-repeat 0 0;
}

div#menu ul li#cenik a:hover span {
  background: url("images/menu/menu-aktivni-cenik.png") no-repeat right;
}

body.cenik div#menu ul li#cenik span {
  background: url("images/menu/menu-aktivni-cenik.png") no-repeat 0 0;
}



div#menu ul li#kontakt a {
  width: 201px; height: 37px;
  top: 159px; left: 50px;
  font-size: 90%;
}

div#menu ul li#kontakt span {
  width: 201px; height: 37px;
}

div#menu ul li#kontakt span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/menu/menu-kontakt.png") no-repeat 0 0;
}

div#menu ul li#kontakt a:hover span {
  background: url("images/menu/menu-aktivni-kontakt.png") no-repeat right;
}

body.kontakt div#menu ul li#kontakt span {
  background: url("images/menu/menu-aktivni-kontakt.png") no-repeat 0 0;
}




div#menu ul li#kudy-k-nam a {
  width: 201px; height: 37px;
  top: 196px; left: 50px;
  font-size: 90%;
}

div#menu ul li#kudy-k-nam span {
  width: 201px; height: 37px;
}

div#menu ul li#kudy-k-nam span {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: url("images/menu/menu-kudy-k-nam.png") no-repeat 0 0;
}

div#menu ul li#kudy-k-nam a:hover span {
  background: url("images/menu/menu-aktivni-kudy-k-nam.png") no-repeat right;
}

body.kudy-k-nam div#menu ul li#kudy-k-nam span {
  background: url("images/menu/menu-aktivni-kudy-k-nam.png") no-repeat 0 0;
}

div#telo {
  width: 760px;
  margin: 0 auto;
  padding-left: 20px; padding-right: 20px;
  background: #deceae;
  text-align: justify;
  line-height: 18px;
}

div#leva {
  width: 120px; height: 100px;
  float: left;
}

div#prava {
  width: 620px; height: 100px;
  float: right;
}

div#pata {
  width: 800px; height: 50px;
  margin: 0 auto;
  padding-top: 30px;
  background: url('images/pata.png') top no-repeat;
  text-align: center;
}