body, div, table, span, a, input, textarea, button, select { font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-weight: normal; text-decoration: none; color:#00488E; font-size: 8pt; }

body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  text-align: center;
  _height: 100%;
  min-height: 100%;
}

input.button { font-weight: bold; width: 120px !important; color: #000000; cursor: pointer; }
input, textarea { color: #000000; }
form { margin: 0; }
hr { height: 1px; color: #0099E0; }

A:link { 
  text-decoration: none;
  font-weight: normal; 
  color: #00488E;
}

A:visited {
  text-decoration: none;
  font-weight: normal; 
  color: #00488E;
}

A:active {
  text-decoration: none;
  font-weight: normal; 
  color: #00488E;
}

A:hover {
  color: #E0041E;
}

div#page {
  position: relative; 
  margin: 0 auto;
  width: 954px; 
  _height: 100%;
  min-height: 100%;
  text-align: left;
  background: url("img/bg_page.gif") repeat-y;
}

div#page_in {
  margin: 0;
  padding: 0;
  width: 954px; 
  _height: 100%;
  min-height: 100%;
  text-align: left;
  background: url("img/bg_page_in.jpg") no-repeat;
}

a#logo {
  position: absolute;
  display: block;
  left: 10px;
  top: 78px;
  width: 172px;
  height: 25px;
  margin: 0;
  padding: 0;
  z-index: 10000;
}

div#header {
  margin: 0;
  display: block;
  clear: both;
  height: 112px;
  text-align: center;
}

div#menu {
  display: block;
  padding: 3px 0 5px 10px;
  text-align: left;
  font-size: 8pt;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  color: #ffffff;
}

div#menu a {
  margin: 0;
  padding: 0;
  font-size: 7pt;
  font-weight: normal;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  text-align: center;
  color: #ffffff;
  background-position: 0 0;
}

div#menu a:hover {
  background-position: 0 -54px;
  color: #FFB11B;
}

div#menu a.sel {
  background-position: 0 -54px;
}

div#menu a#email {
  display: block;
  position: absolute;
  left: 515px;
  top: 112px;
  width: 40px;
  height: 22px;
  z-index: 1000;
}

div#main {
  position: relative;
  display: block;
  clear: both;
  width: 100%;
  text-align: left;
}

div#mleft {
  position: relative;
  display: block;
  float: left;
  padding: 31px 0 0 0; 
  margin: 0;
  width: 200px;
  text-align: left;
  background: url("img/bg_mlr.gif") right top no-repeat;
  overflow: hidden;
}

div#mleft h2 {
  display: block;
  clear: both;
  text-align: left;
  padding: 2px 0 2px 30px;
  margin: 0;
  color: #00488E;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
}

div#mleft h2.z {
  background: url("img/bg_h2lz.jpg") no-repeat;
}
div.blok_z {
  display: block;
  clear: both;
  padding: 2px 0 2px 0;
  background: url("img/bg_bz.jpg") repeat-y;
}
div.blok_z a {
  display: block;
  clear: both;
  padding: 0 0 0 30px;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 9pt;
}
div.blok_z a.z1 {
  padding: 1px 0 1px 22px;
  margin: 0 0 4px 0;
  background: url("img/bg_az1.jpg") repeat-y;
}
div.blok_z a.sel {
 color: #DE001A !important;
}
div.blok_z a:hover {
 color: #DE001A;
}

div#mleft h2.l {
  background: url("img/bg_h2ll.jpg") no-repeat;
}
div.blok_l {
  display: block;
  clear: both;
  padding: 2px 0 2px 0;
  background: url("img/bg_bl.jpg") repeat-y;
}
div.blok_l a {
  display: block;
  clear: both;
  padding: 0 0 0 30px;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 9pt;
}
div.blok_l a.l1 {
  padding: 1px 0 1px 22px;
  margin: 0 0 4px 0;
  background: url("img/bg_al1.jpg") repeat-y;
}
div.blok_l a.sel {
 color: #DE001A !important;
}
div.blok_l a:hover {
 color: #DE001A;
}

div#mleft h2.a {
  background: url("img/bg_h2la.jpg") no-repeat;
}
div.blok_a {
  display: block;
  clear: both;
  padding: 2px 0 2px 0;
  background: url("img/bg_ba.jpg") repeat-y;
}
div.blok_a a {
  display: block;
  clear: both;
  padding: 0 0 0 30px;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 9pt;
}
div.blok_a a.a1 {
  padding: 1px 0 1px 22px;
  margin: 0 0 4px 0;
  background: url("img/bg_aa1.jpg") repeat-y;
}
div.blok_a a.sel {
 color: #DE001A !important;
}
div.blok_a a:hover {
 color: #DE001A;
}

div.blok_b {
  display: block;
  clear: both;
  padding: 20px 0 40px 0;
  text-align: center;
}
div.blok_b a {
  display: block;
  clear: both;
  padding: 0;
  margin: 10px 0 0 0;
}


div#mcenter {
  position: relative;
  display: block;
  float: left;
  margin: 31px 0 0 0; 
  width: 521px;
  text-align: left;
  overflow: hidden;
}

div#mkatalog {
  position: relative;
  display: block;
  float: left;
  margin: 31px 0 0 0; 
  width: 741px;
  _height: 300px;
  min-height: 300px;
  text-align: left;
}

div#toolbox {
  height: 65px;
  width: 700px;
  padding: 0 0 0 60px;
  background: url("img/bg_toolbox.gif") left 46px no-repeat;
}

div#toolbox a {
  display: lock;
  float: left;
  height: 65px;
  width: 52px;
  margin: 0 12px 0 0;
  line-height: 18px;
  font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
  font-size: 7pt;
  color: #00488E;
  text-align: center;
  font-weight: normal;
  background: url("img/bg_toolbox_a.gif") 0 0 no-repeat;
}

div#toolbox a:hover {
  color: #E0041E;
  background-position: -52px 0;
}

div#mright {
  position: relative;
  display: block;
  float: left;
  width: 230px;
  _height: 300px;
  min-height: 300px;
  margin: 31px 0 0 0;
  text-align: left;
  background: url("img/bg_mlr.gif") left -31px no-repeat;
}

div#mright div.blok_m {
  display: block;
  padding: 6px 0 8px 20px;
  background: url("img/bg_mrm.gif") right top repeat-y;
}

div#mright h2 {
  display: block;
  clear: both;
  text-align: left;
  padding: 3px 0 2px 30px;
  margin: 0;
  color: #00488E;
  font-size: 10pt;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  background: url("img/bg_h2rz.gif") left top no-repeat !important;
}


div#text {
  display: block;
  padding: 0px 0 20px 0;
  margin: 0px 0 0 20px;
  text-align: left;
}

div#text h1 { 
  padding: 0;
  margin: 0 0 20px 0;
  font-size: 13pt;
  font-weight: bold;
  color: #E0041E;
}

div#text h2 {
  margin: 0;
  padding: 0;
  font-size: 10pt;
  color: #00488E;
}

div#text h2.red {
  margin: 0;
  padding: 0;
  font-size: 8pt;
  color: #E0041E;
}

table.news1 {
  display: block;
  width: 480px;
  height: 88px;
  padding: 0px 0 0 0;
  margin: 0 0 20px 0;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
}

table.news1 td {
  display: block;
  padding: 5px 90px 5px 28px;
  text-align: left;
  color: #00488E;
}

table.news1 td div {
  color: #00488E;
}

table.news1 td h2 {
  font-size: 13pt !important;
  color: #00488E !important;
}

table.news2 {
  display: block;
  width: 480px;
  height: 88px;
  padding: 0px 0 0 0;
  margin: 0 0 20px 0;
  text-align: left;
  overflow: hidden;
  cursor: pointer;
}

table.news2 td {
  display: block;
  padding: 5px 35px 5px 82px;
  text-align: left;
  color: #FDD32B !important;
}

table.news2 td div {
  color: #FDD32B !important;
}

table.news2 td h2 {
  font-size: 13pt !important;
  color: #FDD32B !important;
}

.n1 {
  color: #787878;
  background: url("img/news1.jpg") center top no-repeat;
}

.n2 {
  color: #787878;
  background: url("img/news2.jpg") center top no-repeat;
}

.n3 {
  color: #787878;
  background: url("img/news3.jpg") center top no-repeat;
}

.n4 {
  color: #787878;
  background: url("img/news4.jpg") center top no-repeat;
}

.n5 {
  color: #787878;
  background: url("img/news5.jpg") center top no-repeat;
}

.n6 {
  color: #787878;
  background: url("img/news6.jpg") center top no-repeat;
}

.n7 {
  color: #787878;
  background: url("img/news7.jpg") center top no-repeat;
}

.n8 {
  color: #787878;
  background: url("img/news8.jpg") center top no-repeat;
}

.n9 {
  color: #787878;
  background: url("img/news9.jpg") center top no-repeat;
}

.n10 {
  color: #787878;
  background: url("img/news10.jpg") center top no-repeat;
}

.small {
  font-size: 7pt;
}

div#foot {
  position: absolute;
  display: block;
  bottom: 0;
  width: 100%;
  height: 28px;
  clear: both;
  margin:  0;
  padding: 8px 0 0 0;
  text-align: center;
  font-size: 7pt;
  color: #ffffff;
  background: url("img/bg_foot.jpg") no-repeat #ffffff; 
}

div#foot a {
  color: #ffffff;
  font-size: 7pt;
  font-weight: bold;
}

.clb { 
  clear: both;
  font-size: 1px;
  height: 1px;
  line-height: 1px;
  margin: 0;
  padding: 0;    
}

span.fotos {
  display: block; 
  float: left;
  margin: 0 10px 8px 0;
  width: 115px;
  height: 115px;
  background: url("img/bg_kpol_img.gif") left top no-repeat;
}

span.fotos img {
  width: 100px;
  height: 100px;
  margin: 6px 0 0 6px;
  cursor: pointer;
}

td#hl {
  font-size: 1px;
  line-height: 1px;
  width: 5px;
  height: 5px;
  background: url("img/t_lh.gif") left bottom no-repeat red;
}
td#hc {
  font-size: 1px;
  line-height: 1px;
  height: 5px;
  width: 400px;
  background: url("img/t_ch.gif") left bottom repeat-x;
}
td#hr {
  font-size: 1px;
  line-height: 1px;
  height: 5px;
  background: url("img/t_rh.gif") left bottom no-repeat;
}
td#cl {
  font-size: 1px;
  line-height: 1px;
  width: 5px;
  background: url("img/t_lc.gif") left top repeat-y;
}
td#cr {
  width: 220px;
  background: url("img/t_rc.gif") left top repeat-y;
}
td#dl {
  font-size: 1px;
  line-height: 1px;
  width: 5px;
  height: 9px;
  background: url("img/t_ld.gif") left top no-repeat;
}
td#dc {
  font-size: 1px;
  line-height: 1px;
  height: 9px;
  background: url("img/t_cd.gif") left top repeat-x;
}
td#dr {
  font-size: 1px;
  line-height: 1px;
  height: 9px;
  background: url("img/t_rd.gif") left top no-repeat;
}

/* hledaci tabulka */

table#htable {
}
table#htable td {
  padding: 3px 6px 3px 6px;
  white-space: nowrap;
}
table#htable td.1 {
  background: #FFEA95;
}
table#htable td.2 {
  background: #FEF9DC;
}

a.reserve {
  display: block;
  width: 34;
  height: 26;
  background: url("img/ico_reserve.gif") -34px 0 no-repeat;
}

a.reserve:hover {
  background-position: 0 0;
}

table.rezervace input, textarea { 
  width: 300px;
}

table.rezervace select { 
  width: 100px;
}

table.rezervace tr.fix { 
  background: #C5D6EA; 
}

table.rezervace tr.pok { 
  background: #FFEA95; 
}

table.rezervace tr.red { 
  background: #FFDBDB; 
}

table.pokoje { 
  margin: 0 0 0 40px;
  width: 200px;
}

table.pokoje tr.pok {
  background: #FFEA95; 
}

table.pokoje tr.pok td {
  padding: 2px 6px 2px 6px; 
}