body {
  font: 80%/1.2 'lucida grande', 'lucida sans unicode', sans-serif;
  margin: 0;
  padding: 0;
  color: #404040;
  background: #fff;
  text-align: center;
}

h1 {
  font-size: 200%;
}

h2 {
  font-size: 200%;
  font-weight: bold;
  color: #d5d74a;
  letter-spacing: -0.1em;
}

h3 {
  font-size: 140%;
  font-weight: bold;
  color: #d5d74a;
}

h4 {
  font-size: 120%;
  font-weight: normal;
}

a:link {
  color: #639dc2;
}

a:hover {
  color: #2d668a;
  text-decoration: none;
}

a:active {
  color: #83b6d7;
  text-decoration: none;
}

a:visited {
  color: #2d668a;
}

label {
  cursor: pointer;
}

ul {
  list-style-type: square;
}

th, td {
  padding: 0.5em;
}

th {
  background: #f0f0f0;
}

td {
  background: #f9f9f9;
}

hr {
  visibility: hidden;
}

#page {
  width: 780px;
  margin: 0 auto;
  position: relative;
  text-align: left;
  background: url('/css/cz/img/bg.png') top center repeat-y #fff;
}

#page h1 {
  position: absolute;
  top: 30px;
  left: 500px;
  width: 200px;
  height: 200px;
  margin: 0;
  overflow: hidden;
  z-index: 1;
}

#header {
  width: 720px;
  height: 230px;
  position: relative;
  top: 30px;
  left: 30px;
  background: url('/css/cz/img/head.jpg') no-repeat;
  z-index: 2;
}

#header ul {
  position: relative;
  margin: 0;
  z-index: 3;
  list-style: none;
}

#header-tagline {
  position: absolute;
  top: 100px;
  left: 40px;
  margin: 0;
  font-size: 150%
}

#header-home {
  position: absolute;
  width: 780px;
  height: 180px;
  top: -30px;
  left: -30px;
  background: url('/css/cz/img/logo.png') no-repeat;
}

#header-home a {
  display: block;
  position: absolute;
  top: 30px;
  left: 500px;
  width: 230px;
  height: 150px;
}

#content {
  float: left;
  width: 500px;
  margin: 100px 40px 20px;
  
}

#content p {
  line-height: 1.3em;
}

#content img {
  border: 7px solid #e0e0e0;
  padding: 3px;
}

#secondary-content {
  float: left;
  width: 150px;
  margin: 100px 0 20px;

}

#secondary-content h4 a {
  display: block;
  xmargin: -1em 0 0 0;
  margin: 0em 0 0 0;
  padding: 0.5em;
  font-weight: bold;
  background: #d5d74a;
  color: #fff !important;
}

#secondary-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#secondary-content li {
  margin-top: 0.5em;
}

#menu {
  width: 720px;
  height: 60px;
  position: absolute;
  top: 260px;
  left: 30px;
  overflow: hidden;
  z-index: 10;
  background: url('/css/cz/img/menu.png') top no-repeat;
}

#menu ul {
  margin: 0;
  list-style: none;
}

#menu li {
  position: absolute;
  height: 60px;
  line-height: 60px;
  font-weight: bold;
  text-align: center;
}

#menu a span {
  display: block;
  width: 100%;
  height: 100%;
  background: url('/css/cz/img/menu.png') no-repeat;
  position: absolute;
  top: 0;
  left: 0;
}

#menu-01 {width: 72px; left: 0;}
#menu-01 a span {background-position: 0 0;}
#menu-01 a:hover span {background-position: 0 -60px;}

#menu-02 {width: 99px; left: 73px;}
#menu-02 a span {background-position: -73px 0;}
#menu-02 a:hover span {background-position: -73px -60px;}
body.ubytovani #menu-02 a span {background-position: -73px -120px;}

#menu-03 {width: 141px; left: 173px;}
#menu-03 a span {background-position: -173px 0;}
#menu-03 a:hover span {background-position: -173px -60px;}
body.okoli-a-relaxace #menu-03 a span {background-position: -173px -120px;}

#menu-04 {width: 73px; left: 315px;}
#menu-04 a span {background-position: -315px 0;}
#menu-04 a:hover span {background-position: -315px -60px;}
body.sluzby #menu-04 a span {background-position: -315px -120px;}

#menu-05 {width: 105px; left: 389px;}
#menu-05 a span {background-position: -389px 0;}
#menu-05 a:hover span {background-position: -389px -60px;}
body.fotogalerie #menu-05 a span {background-position: -389px -120px;}

#menu-06 {width: 77px; left: 495px;}
#menu-06 a span {background-position: -495px 0;}
#menu-06 a:hover span {background-position: -495px -60px;}
body.poloha #menu-06 a span {background-position: -495px -120px;}

#menu-07 {width: 147px; left: 573px;}
#menu-07 a span {background-position: -573px 0;}
#menu-07 a:hover span {background-position: -573px -60px;}
body.kontakt #menu-07 a span {background-position: -573px -120px;}

#menu-langs {
  position: absolute;
  top: 180px;
  left: 530px;
  z-index: 10;
}

#menu-langs ul {
  margin: 0;
  list-style: none;
}

#menu-langs li {
  padding: 0.3em;
  display: inline;
  background: #333;
  color: #fff;
}

#menu-langs a {
  line-height: 2em;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px dotted #fff;
  color: #fff;
}

#menu-langs strong {
  line-height: 2em;
  font-weight: normal;
  color: #ccc;
}

#footer {
  position: relative;
  padding-top: 30px;
  background: url('/css/cz/img/foot.png') top no-repeat #fff;
}

#footer p {
  text-align: center;
  font-size: 90%;
}

#footer a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dotted white;
}

.center {
  text-align: center !important;
}

.left {
  text-align: left !important;
}

.right {
  text-align: right !important;
}

img.right {
  float: right !important;
  margin: 0 0 1em 1em;
}

.post-foot {
  text-align: right;
  margin-top: 2em;
  color: #999;
  font-size: 95%;
}

.post-meta {
  margin-top: -1em;
  color: #999;
  font-size: 95%;
}

.hilite {
  padding: 1em;
  font-size: 120%;
  font-weight: bold;
  background: #d5d74a;
  color: #fff;
}

.map {
  float: left;
  margin: 0 1.5em 1.5em 0;
  border: 7px solid #d5d74a !important;
  padding: 3px;
}

.cleaner {
  visibility: hidden;
  clear: both;
}

.hide {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
  margin: 0;
  padding: 0;
  font-size: 0px;
  position: absolute;
}

.hidetext {
  text-indent: -999em;
  text-decoration: none;
}

.hidden {
  display: none;
}

body.cenik table td, #secondary-content table td {
  font-size: 90%;
}

body.cenik table .date th, #secondary-content table th {
  font-size: 90%;
  font-weight: normal;
  letter-spacing: -0.02em
}
a.panel { target-new: tab ! important }