body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 9pt;
  font-weight: normal;
  line-height: 1.1em;
  background-color: #aaa;
}

#menuBanner {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 15px;
  clear: both;
  background-color: #000;
  color: #fff;
}

#menuBanner ul {
  width: 1000px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menuBanner ul li {
  width: 200px;
  margin: 0;
  padding: 0;
  float: left;
  text-align: center;
}

#menuBanner ul li a {
  width: 250px;
  margin: 0;
  padding: 3px 0 0 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

#topBanner {
  position: absolute;
  top: 15px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 133px;
  clear: both;
  background-image: url('../images/top.jpg');
  background-repeat: no-repeat;
  background-position: top center;
  border-bottom: 2px solid #e0e8f3;
}

#topBanner h1 {
  float: left;
  padding: 35px 0px 0px 55px;
  margin: 0;
}

#topBanner h1 a {
  display: block;
  width: 150px;
  height: 65px;
}

#topBanner h1 a span {
  display: none;
}

#topBanner .topobrazek {
  padding: 0;
  margin: 0;
  float: right;
  text-align: right;
}
#topBanner .topobrazek img { border: 1px solid #fff; margin: 0 0 0 5px; padding: 0; }


#content {
  position: absolute;
  top: 150px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: auto;
  z-index: 3;
  float: left;
  font-size: 1em;
  line-height: 1.2em;
  background-image: url('../images/telobg.gif');
  background-repeat: no-repeat;
  background-position: bottom right;
  background-color: #f2f7fd;
}

#half1Page {
  margin: 0px;
  padding: 0px 0 10px 0;
  width: 230px;
  height: auto;
  float: left;
  min-height: 306px;
  _height: 306px;
  background-image: url('../images/levybg.jpg');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#half1Page h2 {
  width: 210px;
  margin: 0;
  padding: 6px 3px 3px 17px;
  height: 16px;
  line-height: 1em;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background-image: url('../images/box_230_top_modry.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#half1Page .body {
  width: 230px;
  margin: 0;
  padding: 0;
  background-image: url('../images/box_body.png');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-color: #e0e8f3;
}

#half1Page ul {
  width: 230px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#half1Page ul li {
  width: 230px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #ccc;
}

#half1Page ul li a {
  width: 210px;
  margin: 0;
  padding: 3px 3px 3px 17px;
  display: block;
  background-image: url('../images/odrazka.png');
  background-repeat: no-repeat;
  background-position: 3px 7px;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
  color: #3c658b;
}

#half1Page ul li a:hover, #half1Page ul li a.selected {
  background-color: #3c658b;
  color: #fff;
}

#half1Page ul ul li {
  width: 210px;
  margin: 0;
  padding: 0 0 0 20px;
}
#half1Page ul ul li a {
  width: 190px;
  margin: 0;
  padding: 3px 3px 3px 17px;
  display: block;
  background-image: url('../images/odrazka2.png');
  background-repeat: no-repeat;
  background-position: 3px 7px;
}

#half2Page {
  margin: 0px;
  padding: 10px 15px 10px 15px;
  width: 540px;
  height: auto;
  float: left;
  min-height: 316px;
  _height: 316px;
}

#half2Page h1 {
  margin: 0px;
  padding: 0px 0px 3px 0px;
  line-height: 1.2em;
  font-size: 1.7em;
  font-weight: bold;
  color: #3c658b;
}

#half2Page h2 {
  margin: 0px;
  padding: 10px 0px 6px 0px;
  line-height: 1.2em;
  font-size: 1.5em;
  font-weight: bold;
  color: #000;
}

#half2Page h3 {
  margin: 0px;
  padding: 10px 0px 0px 0px;
  line-height: 1em;
  font-size: 1.2em;
  font-weight: bold;
  color: #00578f;
}

#half3Page {
  margin: 0px;
  padding: 0px 0 10px 0;
  width: 200px;
  height: auto;
  float: right;
  min-height: 306px;
  _height: 306px;
}

#half3Page h2 {
  width: 180px;
  margin: 0;
  padding: 6px 3px 3px 17px;
  height: 16px;
  line-height: 1em;
  font-size: 1em;
  font-weight: bold;
  color: #fff;
  background-image: url('../images/box_200_top_modry.png');
  background-repeat: no-repeat;
  background-position: 0px 0px;
}
#half3Page h2.cerveny { background-image: url('../images/box_200_top_cerveny.png'); }

#half3Page .body {
  width: 180px;
  margin: 0;
  padding: 10px;
  background-image: url('../images/box_body.png');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  background-color: #e0e8f3;
}

#half3Page ul li {
  margin: 0;
  padding: 0 0 5px 0;
}

#half3Page ul li a {
  font-weight: bold;
  font-size: 0.9em;
  color: #3c658b;
}

#bottom2Banner {
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  color: #fff;
  margin: 0px;
  padding: 8px 10px 0px 10px;
  width: 980px;
  height: 21px;
  clear: both;
  text-align: right;
  background-color: #3c658b;
}

#bottom2Banner a {
  color: #fff;
  text-decoration: none;
}

#bottom2Banner a:hover {
  text-decoration: underline;
}

a {
  color: #dc0017;
  text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.prazdny {
  width: 100%;
  height: 16px;
  clear: both;
}

.prazdny1 {
  width: 100%;
  height: 1px;
  clear: both;
}

form {
  margin: 0;
  padding: 0;
}

img {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

p {
  padding: 0;
  margin: 0 0 15px; 0;
}

ul {
  padding: 0px;
  margin: 5px 0 0 20px;
  border: 0px;
}

#half2Page ul {
  margin-bottom: 10px;
}

#half2Page ul li {
  padding-left: 0px;
}

#half2Page .produkt {
  clear: both;
}

#half2Page .produkt img {
  width: 100px;
  height: 100px;
  margin: 0 10px 10px 0;
  border: 1px solid #00578f;
  float: left;
}

.obrazek {
  border: 1px solid #00578f;
}

.clanek_fotogalerie_obrazek {
  border: 1px solid #00578f;
  margin: 0 5px 5px 0;
}

#seznam { clear: both; }
#seznam img.okraj { border: 1px solid #ccc; }
#seznam h2 { font-size: 1.1em; line-height: 1.2em; margin: 0; padding: 0 0 5px 0; }
#seznam .clanky { float: left; width: 260px; height: 180px; padding: 0 10px 10px 0; margin: 0; }
#seznam .vlevo { float: left; width: 110px; }
#seznam .vpravo { float: left; width: 150px; }

.komentar_radek { 
  padding: 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  margin: 0 0 10px 0;
}

#half3Page .clanky { float: left; padding: 0 0 10px 0; margin: 0; }
#half3Page .vlevo { float: left; width: 70px; }
#half3Page .vpravo { float: left; width: 110px; }
#half3Page h4 { float: left; width: 110px; margin: 0; padding: 0; line-height: 1.4em; font-weight: bold; font-size: 0.9em; color: #3c658b; }
#half3Page h4 a { color: #3c658b; }

#half1Page .clanky { float: left; padding: 0 0 10px 0; margin: 0; }
#half1Page .vlevo { float: left; width: 70px; }
#half1Page .vpravo { float: left; width: 110px; }
#half1Page h4 { float: left; width: 110px; margin: 0; padding: 0; line-height: 1.4em; font-weight: bold; font-size: 0.9em; color: #3c658b; }
#half1Page h4 a { color: #3c658b; }

