* {
  font-family: tahoma, arial, sans-serif;
  font-size: 8.5pt;
  color: #000;
}

body {
  margin: 0;
  padding: 0px;
  background: #ddd;
  text-align: center;
}

a {
  color: #6495c5;
  text-decoration: none;
  letter-spacing: 0.02em;
}

a:hover {
  color: #f87010;
}


h1 {
  font-weight: normal;
  font-size: 14pt;
  margin: 26px 38px 1.5ex 25px;
  padding-top: 0ex;
  color: #4C5888;
  text-align: left;
}

h2 {
  font-weight: normal;
  font-size: 14pt;
  margin: 12px 38px 1ex 25px;
  color: #758fab;
  text-align: left;
}

p {
  color: #333366;
  margin: 0px 28px 15px 25px;
  text-align: justify;
  line-height: 12pt;
}

strong {
  color: #333366;
}

cite {
  letter-spacing: 0.075em;
}

ul {
  margin: 0px 38px 10px 5px;
}

li {
  color: #333366;
}

img {
}

a img {
  border: 0px none #ccc;
}

dl {
  margin: 0 5em 4ex;
}

dt {
  margin: 0.8ex 0;
  font-weight: bold;
  color: #4C5888;
}

dd {
  padding-left: 0em;
}

div#stranka {
  background: #fff;
  margin: 1px 0px 0px 182px;
  clear: none;
}
  
div#centerbox {
  width: 770px;
  padding: 0px;
  margin: 14px auto;
  text-align: left;
  background: #fff;
}

div#vrchniobr {
  width: 770px;
  height: 193px;
  padding: 0px;
  margin: 0px;
  background: #bbd9f3 url(./img/vrchniobr.jpg);
}

div#infobox {
  text-align: right;
  padding: 10px;
  color: #fff;
}

div#infobox a {
  color: #fff;
  text-decoration: none;
}

div#infobox a:hover {
  color: #525995;
  text-decoration: underline;
}

#menu {
 width: 770px;
}

#menicko {
 width: 770px;
 height: 26px;
 line-height: 26px;
 list-style: none;
 padding: 0;
 margin: 0;
 color: #4C5888;
 font-size: 8pt; 
 font-weight: normal;
 background: url("./img/menu.jpg") #bbb;
}

#menicko ul {
 width: 770px;
 list-style: none;
 padding: 0;
 margin: 0;
 background-color: #bbb;
}

#menicko a {
 color: #4C5888;
 text-decoration: none;
}

#menicko li {
 padding: 0px 1.5em;
 display: block;
 float: left;
 color: #4C5888;
}

#menicko li ul {
 float: left;
 clear: left;
 margin-left: -1.5em;
 position: absolute;
 left: -666em;
 height: auto;
 width: 16em;
 z-index: 1;
}

#menicko li li {
 width: 13em;
}

#menicko li strong {
 color: #4C5888;
}

#menicko li:hover ul, #menicko li.vystrc ul {
 left: auto;
}

#menicko li:hover, #menicko li.vystrc {
 background-color: #f87010;
}

#menicko li:hover strong, #menicko li.vystrc strong {
 color: #fff;
}

#menicko li:hover a, #menicko li.vystrc a, #menicko li:hover div.uskoc, #menicko li.vystrc div.uskoc {
 color: #eee;
}

div.uskoc {
 color: #666699;
}

div#chutovka {
  float: left;
  width: 296px;
  height: 196px;
  margin: 15px 0 2ex 0;
  background: #a5adbc;
}

div#chutovka img {
  margin: -1px 0 0 0;
}

div#kontakt {
  margin: 0 0 0 10px;
  line-height: 25px;
  color: #fff;
}

div#kontakt a, div#kontakt-vpravo a  {
  color: #fff;
  text-decoration: none;
}

div#kontakt a:hover, div#kontakt-vpravo a:hover  {
  color: #336;
}

img.obrcislo {
  float: left;
  margin: 16px 0 2ex 0;
}

div#udajevpravo {
  float: right;
  width: 314px;
}

div#cislo {
 display: block;
 z-index: 0;
 color: #4e5877;
 float: left;
 clear: none;
 margin: 24px -6px 0 0;
 font-size: 32px;
 line-height: 27px;
}

div#kontakt-vpravo {
  display: block;
  z-index: +1;
  clear: none;
  float: right;
  background: #a5adbc;
  margin: 26px 0 0 -6px;
  line-height: 25px;
  padding: 0 10px;
  color: #fff;
}

.polozka {
  margin: 10px 0 0 8px;
  padding: 0px;
  background: #f1f1f1;
  float: left;
  clear: none;
  width: 180px;
  height: 420px;
  border: 1px solid #a5adbc;
}

h3 {
  display: block;
  width: 176px;
  height: 26pt;
  padding: 0px 2px;
  line-height: 13pt;
  background: #a5adbc;
  font-weight: bold;
  font-size: 9pt;
  margin: 0px 0px 5px 0px;
  color: #fff;
  text-align: left;
}

.polozka ul {
  width: 170px;
  margin: 5px 5px 5px -20px;
  list-style: none;
}

.polozka img{
  width: 170px;
  margin: 0px 5px;
}

.polozka-vyse {
  height: 236px;
}

div#ukonceni {
 display: block;
 clear: both;
 width: 770px;
 height: 32px;
 background: #ddd;
 text-align: right;
 line-height: 22px;
}

div#ukonceni a {
 color: #aaa;
}

div#ukonceni a:hover {
 color: #666;
 text-decoration: none;
}

.tlacitko {
 width: 6em;
 color: #4C5888;
 background: #fff;
 border: 1px solid #4C5888;
 margin: 0.5ex 0.5ex 0.5ex 0;
}

.tlacitko:hover {
 background: #fff;
 border: 1px solid #f87010;
 color: #f87010;
}