* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
  font-size: 62.5%;
}

body {
  height: 100%;
  font-family: 'Cherry Cream Soda',serif,Helvetica,Verdana,Arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 1.3em;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: center;
  padding-bottom: 60px;
  background: #FFF9F2;
}

#obal {
  border: 1px solid #cc6600;
  margin: 50px auto 0;
  background: transparent url(pozadi.jpeg) repeat-y scroll 25% 0;
  width: 90%;
  max-width: 1000px;
  min-width: 500px;
  text-align: left;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#hlavicka {
  border-bottom: 1px solid #cc6600;
  padding: 10px;
  color: black;
  background: #ffc578;
  background: -moz-linear-gradient(top, #ffc578 0%, #fb9d23 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffc578), color-stop(100%, #fb9d23));
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23', GradientType=0 );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc578', endColorstr='#fb9d23', GradientType=0 )";
  zoom:1;
  text-shadow: #aaaaaa 2px 2px 2px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

#sloupec1 {
  float: right;
  width: 75%;
}

#sloupec2 {
  float: left;
  width: 24%;
  text-align: left;
}

#sloupec1-in, #sloupec2-in {
  margin: 0.8em 1.2em;
}

.cleaner {
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
}

#paticka {
  border-top: 1px solid #cc6600;
  padding: 10px;
  background: #fb9d23;
  background: -moz-linear-gradient(top, #fb9d23 0%, #ffc578 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb9d23), color-stop(100%,#ffc578)); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9d23', endColorstr='#ffc578',GradientType=0 );
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb9d23', endColorstr='#ffc578',GradientType=0 )";
  zoom:1;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

#logoumvi {
  float: right;
  width: 15%;
  text-align: right;
}
#logonadpis {
  float: left;
  width: 84%;
  margin-top: 12px;
  margin-bottom: 10px;
}
#logopodpis {
  float: left;
  width: 84%;
}  
#obal2 {
  width: 100%
}
h2, h3 {
  margin-bottom: 5px;
}
p {
  line-height: 1.3;
  margin-bottom: 12px;
  text-align: justify;
}
ul li {
  margin-bottom: 3px;
}
.noscreen {
  display: none;
}
ol.menu {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ol.menu {
  margin: 0px 0px 10px;
  padding: 0px;
  counter-reset: pol;
}
#ods {
  padding-left: 10px;
}
li.menu {
  margin: 0px;
  padding: 0px;
}
li.menu:before {
  counter-increment: pol;
  content: counters(pol, ".")" ";
}
li {
  margin: 0px 0px 3px 20px;
}
ol.liter {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
}
ol.liter {
  margin: 0px 0px 10px;
  padding: 0px;
  counter-reset: pol;
}
li.liter {
  margin: 0px;
  padding: 0px 5px 5px 0px;
}
li.liter:before {
  counter-increment: pol;
  content: "[" counters(pol, "") "] ";
}
#vmenu {
  font-size: 90%;
}
a, a:visited {
  color: #00090e;
  text-decoration: none;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
}
a:hover {
  text-decoration: none;
  color: #00699f;
}
a img {
  border:  none;
}