body, div, table, span, a, input, textarea, button, select { font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif; font-weight: normal; text-decoration: none; color:#7A715F; font-size: 10pt; }

body {
  margin: 0;
  padding: 0; 
  text-align: center;
}
 
img { border-color: #ffffff; }
input.button { border: 1px solid #DCE1E8; background: #042D5B; color: #ffffff; margin: 0; padding: 1px 0 1px 0; cursor: pointer; font-weight: bold; width: 120px; }
input.form { width: 250px; }
form { margin: 0; padding: 0; }
hr {
  margin: 5px 0 5px 0;
  padding: 0;
  height: 1px;
  color: #000000;
}

table,td {
  border-collapse: collapse;
  border-color: #7A715F; 
}

A { font-weight:normal; text-decoration:underline; color: #7A715F; }
A:hover   { color: #4E483E; text-decoration: underline;}

a.red {
  font-weight: normal;
  color: #BA0D16 !important;
  text-decoration: none;
  font-size: 9pt;
  font-weight: bold;
}

a.red:hover {
  color: #4E483E !important;
  text-decoration: none;
}

div#page { 
  position: absolute;
  display: block;
  left: 50%;
  margin: 0 0 0 -490px;
  _height: 100%;
  min-height: 100%;
  width: 980px; 
  text-align: left;
}

div#page_in { 
  position: relative;
  margin: 0;
  padding: 0 0 0 0;
  width: 980px; 
  _height: 800px;
  min-height: 800px;
  text-align: left;
}

div#header { 
  position: relative;
  display: block;
  clear: both;
  height: 340px;
  margin: 0;
  padding: 0;    
  text-align: left;
  background: url("img/h_leto/1.jpg") 50px 0 no-repeat;
  z-index: 50;
}

div#header a#logo {
  position: absolute;
  display: block;
  left: 358px;
  top: 237px;
  width: 275px;
  height: 78px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

div#header a#logo b {
  display: none;
  visibility: hidden;
}

div#header #logo_sumava {
  position: absolute;
  display: block;
  left: 270px;
  top: 240px;
  width: 75px;
  height: 75px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

div#header a#lng_cz {
  position: absolute;
  display: block;
  left: 820px;
  top: 288px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

div#header a#lng_en {
  position: absolute;
  display: block;
  left: 862px;
  top: 282px;
  margin: 0;
  padding: 0;
  text-decoration: none;
}

div#header div#search {
  position: absolute;
  right: 0px;
  top: 18px;
  display: block;
  margin: 0;
  text-align: right;
  text-decoration: none;
}

div#header div#search input {
  color: #000000;
}

div#ico {
  position: absolute;
  left: 25px;
  top: 940px;
  width: 250px;
  display: block;
  margin: 0;
  padding: 0;
  font-size: 8pt;
  text-align: center;
  text-decoration: none;
  z-index: 20;
}

div#menu {
  position: absolute;
  left: 25px;
  top: 290px;
  width: 250px;
  height: 500px;
  display: block;
  margin: 0;
  padding: 30px 0 50px 0;
  font-size: 8pt;
  text-align: center;
  text-decoration: none;
  z-index: 20;
}

div#menu a {
  display: block;
  position: relative;
  width: 210px;
  text-align: left;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 0 20px 4px 20px;
  padding: 5px 0 5px 0;
}

div#menu a:hover {
  text-decoration: none;
  background-position: center -30px;
}

div#menu a.sel {
  text-decoration: none;
  background-position: center -30px;
}

div#menu a img {
  position: absolute;
  left: 158px;
  top: 6px;
}

div#submenu {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 9pt;
  font-weight: bold;
}

div#submenu a {
  font-size: 9pt;
  font-weight: bold;
  color: #BA0D16;
  padding: 0;
  margin: 0;
  text-decoration: none;
}

div#submenu a:hover {
  color: #4E483E;
}

div#submenu a.sel {
  color: #4E483E;
  text-decoration: none;
}

div#main {
  position: relative; 
  display: block;
  clear: both;
  left: 276px;
  top: -50px;
  width: 660px;
  margin: 0;
  padding: 0;    
  display: block;
  text-align: left;
  line-height: 18px;
  overflow: hidden;
}

div#main h1 {
  clear: both;
  margin: 0;
  padding: 0 0 10px 0;
  text-align: left;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 14pt;
  font-weight: bold;
  color: #4E483E;
}

div#main h2 {
  clear: both;
  margin: 0;
  padding: 0 0 0 0;
  text-align: left;
  font-size: 11pt;
  font-weight: bold;
  color: #4E483E;
}

div.text {
  display: block;
  clear: both;
  margin: 70px 30px 0px 50px;
  padding: 0;
  text-align: left;
  color: #7A715F;
  font-size: 10pt;
}

div.text p {
  margin: 10px 0 10px 0;
}

div.text b {
  color: #4E483E;
}

div.text strong {
  color: #4E483E;
}

.foto {
  display: block;
  float: left;
  margin: 0 11px 11px 0;
  width: 182px;
  height: 135px;
  background: url("img/bg_foto.png") no-repeat;
}

.foto img {
  width: 160px;
  height: 110px;
  margin: 10px 0 0 9px;
  border: 0;
}

.fotoR {
  display: block;
  float: right;
  margin: 0 11px 11px 11px;
  width: 182px;
  height: 135px;
  background: url("img/bg_foto.png") no-repeat;
}

.fotoR img {
  width: 160px;
  height: 110px;
  margin: 10px 0 0 9px;
  border: 0;
}

div#foot {
  position: absolute;
  clear: both;
  bottom: 0px;
  _bottom: -1px;
  left: 0;
  width: 980px;
  overflow: hidden;
  clear: both;
  display: block;
  margin: 0;
  padding: 50px 0 5px 0;
  text-align: right;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 7pt;
  color: #E7E3B2;
  background: url("img/bg_foot.png") left top no-repeat;
}

#foot a {
  font-weight:bold;
  font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
  font-size: 7pt;
  text-decoration:none;
  color: #E7E3B2;
}

#foot A:hover {
  color: #ffffff;
}

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

.medium {
  font-size: 8pt;
}

.small {
  font-size: 7pt;
}

.o { color: #FFCB08; }
.g { color: #C9C9CA; }
.dg { color: #707173; }


div#control {
  position: absolute;
  display: block;
  left: 310px;
  top: 10px;
  text-align: left;
}

div#control a {
  display: block;
  padding: 2px 2px 2px 0;
  margin: 2px 2px 2px 0 !important;
  float: left;
}

div#control a:hover {
  background-position: -19px 0 !important;
}

div#control a#sup {
  display: block;
  height: 16px;
  width: 18px;
  background: url("img/up.gif") 0 0 no-repeat;
}
div#control a#sdown {
  display: block;
  height: 16px;
  width: 18px;
  background: url("img/down.gif") 0 0 no-repeat;
}

table.kalendar {
  margin: 0 10px 10px 0;
  border: none;
}

table.kalendar td,th {
  border: none;
}

table.kalendar th {
  height: 18px;
  font-size: 8pt;
  text-align: center;
  background: #E7E3B2;
}

table.kalendar td {
  width: 16px;
  height: 18px;
  font-size: 8pt;
  text-align: center;
  background: #ffffff;
}

table.kalendar td.ra {
  color: #E7E3B2;
  background: #ff0000;
}

table.kalendar td.rl {
  color: #000000;
  background: url("img/rl.gif") no-repeat;
}

table.kalendar td.rr {
  color: #000000;
  background: url("img/rr.gif") no-repeat;
}

div#mapa {
  overflow: hidden;
  width: 560px; 
  height: 357px;
}

div#mapabg {
  overflow: hidden;
  width: 580px;
  height: 380px;
  padding: 10px 0 0 9px;
  background: url("img/bg_mapa.png") no-repeat;
}