body {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  font-size: 11px;
  font-weight: normal;
  line-height: 1.3em;
  background-color: #fff;
}

#topBanner {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: 239px;
  clear: both;
  background-image: url('../images/top.jpg');
  background-repeat: no-repeat;
  background-position: top center;
}

#topBanner h1 {
  margin: 117px 0 43px 90px;
  padding: 0;
  width: 174px;
  height: 79px;
  float: left;
  border: 0;
}

#topBanner h1 a {
  display: block;
  width: 174px;
  height: 79px;
}

#topBanner h1 a span {
  display: none;
}

#topBanner p {
  position: absolute;
  left: 957px;
  top: 85px;
  padding: 0;
  width: 30px;
  height: 17px;
}

#topBanner ul {
  padding: 0;
  margin: 192px 0 0 82px;
  width: 654px;
  height: 27px;
  float: right;
  border: 0;
  list-style-type: none;
}

#topBanner ul li {
  margin: 0 1px 0 0;
  padding: 0;
  width: 91px;
  height: 27px;
  float: left;
  border: 0;
}

#topBanner ul li a {
  margin: 0;
  padding: 8px 0 0 7px;
  width: 84px;
  height: 19px;
  border: 0;
  display: block;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  background-image: url('../images/nabidka_bg.gif');
  background-repeat: no-repeat;
  background-position: top center;
}
#topBanner ul li a:hover, #topBanner ul li a.selected { background-image: url('../images/nabidka_bg_selected.gif'); }

#content {
  position: absolute;
  top: 239px;
  left: 50%;
  margin-left: -500px;
  width: 1000px;
  height: auto;
  z-index: 3;
  float: left;
  font-size: 1em;
  line-height: 1.5em;
}

#leftPage {
  width: 296px;
  padding: 0;
  margin-left: 30px;
  float: left;
  background-image: url('../images/menu_bg.jpg');
  background-repeat: repeat-x;
  background-position: 0px 0px;
  min-height: 300px;
}

#leftPage h1 {
  padding: 0 0 5px 0;
  margin: 0;
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1em;
  color: #52c9e7;
}
#leftPage h1 span { color: #438a9e; }

#leftPage ul {
  margin: 0;
  padding: 5px 0 0 10px;
  width: 266px;
  height: auto;
  clear: both;
  border: 0;
  list-style-type: none;
}

#leftPage ul li {
  margin: 0;
  padding: 0;
  width: 266px;
  float: left;
  border: 0;
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: 0px center;
}

#leftPage ul li a {
  margin: 0;
  padding: 0 0 0 20px;
  width: 246px;
  border: 0;
  display: block;
  font-size: 1em;
  text-decoration: none;
}
#leftPage ul li a:hover { text-decoration: underline; }

#leftPage .box {
  width: 296px;
  clear: both;
  background-image: url('../images/box_bg.jpg');
  background-repeat: repeat-x;
  background-position: 0px 26px;
}

#leftPage .box h2 {
  width: 286px;
  height: 19px;
  padding: 6px 0 0 10px;
  clear: both;
  background-image: url('../images/box_header.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1em;
  color: #fff;
}

#leftPage .box h3 {
  width: 286px;
  font-size: 1em;
  font-weight: bold;
  color: #438a9e;
}

#rightPage {
  width: 643px;
  padding: 0 11px 0 0;
  float: right;
  text-align: justify;
}

#rightPage h1 {
  padding: 5px 0 0 0;
  margin: 0;
  font-weight: normal;
  font-size: 1.9em;
  line-height: 1em;
  color: #52c9e7;
}
#rightPage h1 span { color: #438a9e; }

#rightPage h2 {
  width: 633px;
  height: 18px;
  padding: 7px 0 0 10px;
  clear: both;
  background-image: url('../images/header_bg.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  color: #fff;
}

#rightPage h3 {
  font-size: 1em;
  font-weight: bold;
  color: #52c9e7;
  margin: 0 0 5px 0;
}

#rightPage ul {
  margin: 0;
  padding: 5px 0 0 10px;
  border: 0;
  list-style-type: none;
}

#rightPage ul li {
  margin: 0;
  padding: 0 0 0 20px;
  border: 0;
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

#fullPage h2 {
  width: 633px;
  height: 18px;
  padding: 7px 0 0 10px;
  clear: both;
  background-image: url('../images/header_bg.gif');
  background-repeat: no-repeat;
  background-position: 0px 0px;
  font-size: 1em;
  font-weight: normal;
  line-height: 1em;
  color: #fff;
}

#fullPage ul {
  margin: 0;
  padding: 5px 0 0 10px;
  border: 0;
  list-style-type: none;
}

#fullPage ul li {
  margin: 0;
  padding: 0 0 0 20px;
  border: 0;
  background-image: url('../images/odrazka.gif');
  background-repeat: no-repeat;
  background-position: 0px 6px;
}

#bottomBanner {
  color: #fff;
  margin: 0;
  padding: 0;
  width: 1000px;
  height: 85px;
  clear: both;
  font-size: 1em;
  line-height: 1.1em;
  background-image: url('../images/bottom.jpg');
  background-repeat: repeat-x;
  background-position: top center;
}
#bottomBanner a { color: #fff; }
#bottomBanner .vlevo {
  float: left;
  padding: 15px;
  width: 580px;
}
#bottomBanner .vpravo {
  float: right;
  text-align: right;
  padding: 15px;
  width: 360px;
}
#bottom2Banner {
  margin: 0;
  padding: 0 15px 0 15px;
  width: 970px;
  height: 30px;
  clear: both;
  font-size: 1em;
  line-height: 1.1em;
}

a {
  color: #438a9e;
  text-decoration: underline;
}

a:hover {
        text-decoration: none;
}

.prazdny {
  width: 100%;
  height: 16px;
  clear: both;
}

.prazdny1 {
  width: 100%;
  height: 1px;
  clear: both;
}

.prazdny10 {
  width: 100%;
  height: 10px;
  clear: both;
}

form {
  margin: 0;
  padding: 0;
}

img {
  padding: 0px;
  margin: 0px;
  border: 0px;
}

p {
  padding: 0;
  margin: 0 0 10px 0;
}

ul {
  padding: 0px;
  margin: 0 0 0 20px;
  border: 0px;
}

.ordertextbox { width: 300px; border: 1px solid #004896; }
.textpole { width: 500px; height: 100px; border: 1px solid #004896; }
.tlacitko { background-color: #285a65; color: #fff; border: 1px solid #fff; padding: 1px 5px 1px 5px; }
.obrazekvpravo { float: right; border: 1px solid #ccc; padding: 3px; margin: 0 0 10px 10px; }
.obrazek { border: 1px solid #fff; margin: 0 0 5px 0; }
.loginbox { width: 160px; border: 1px solid #a9e4f4; border-collapse: collapse; }
.logintlacitko { color: #fff; border: 1px solid #fff; padding: 1px 5px 1px 5px; }
.textboxvelky { width: 300px; border: 1px solid #a9e4f4; border-collapse: collapse; margin-bottom: 2px; }
.textboxstredni { width: 200px; border: 1px solid #a9e4f4; border-collapse: collapse; margin-bottom: 2px; }
.textboxmaly { width: 100px; border: 1px solid #a9e4f4; border-collapse: collapse; margin-bottom: 2px; }
.povinne { color: #ff0000; }
.obrazek_foto { border: 1px solid #ccc; margin: 4px 0 0 4px; padding: 3px; }

.nabidka {
  clear: both;
  width: 580px;
  border: 1px solid #0080ff;
}

.nabidka h4 {
  background-color: #0080ff;
  color: #fff;
  line-height: 1.2em;
  font-size: 1.2em;
  font-weight: bold;
  padding: 4px;
}
.nabidka .telo {
  padding: 4px;
}

.fotka {
  width: 120px;
  height: 120px;
  border: 1px solid #0080ff;
  background-color: #fff;
  margin: 0 5px 5px 0;
  float: left;
}

.fotka:hover {
  border: 1px solid #b00412;
}

.text { padding: 10px; }
.linka {
  height: 5px;
  background-image: url('../images/carky.gif');
  background-repeat: no-repeat;
  background-position: center left;
}

#produkty ul {
  margin: 0;
  padding: 0;
  width: 643px;
  clear: both;
  border: 0;
  list-style-type: none;
}
#produkty ul li {
  margin: 0;
  padding: 0;
  width: 213px;
  height: 125px;
  float: left;
  border: 1px dotted #52c9e7;
  border-top: 0;
  border-left: 0;
  background: none;
}

#produkty ul li a {
  margin: 0;
  padding: 0;
  width: 213px;
  height: 115px;
  border: 0;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: bottom center;
}
#produkty ul li a.ssisi { background-image: url('../images/zastreseni-sisi.jpg'); }
#produkty ul li a.sjesica { background-image: url('../images/zastreseni-jesica.jpg'); }
#produkty ul li a.sorfea { background-image: url('../images/zastreseni-orfea.jpg'); }
#produkty ul li a.sorfina { background-image: url('../images/zastreseni-orfina.jpg'); }
#produkty ul li a.sdeli { background-image: url('../images/zastreseni-deli.jpg'); }
#produkty ul li a.snikol { background-image: url('../images/zastreseni-nikol.jpg'); }
#produkty ul li a.skelly { background-image: url('../images/zastreseni-kelly.jpg'); }
#produkty ul li a.smixx { background-image: url('../images/zastreseni-mixx.jpg'); }
#produkty ul li a.s4ada-bezkolejnicove { background-image: url('../images/zastreseni-4ada.jpg'); }

#produkty ul li h1 a {
  padding: 0 0 0 5px;
  margin: 0;
  font-weight: normal;
  font-size: 0.6em;
  line-height: 1em;
  color: #52c9e7;
}

a.pdf { padding: 2px 0 0px 20px; margin: 0 0 3px 0; background-image: url('../images/ikonky/pdf.gif'); background-repeat: no-repeat; background-position: center left; }
a.zip { padding: 2px 0 0px 20px; margin: 0 0 3px 0; background-image: url('../images/ikonky/zip.gif'); background-repeat: no-repeat; background-position: center left; }
a.calc { padding: 2px 0 0px 20px; margin: 0 0 3px 0; background-image: url('../images/ikonky/calc.gif'); background-repeat: no-repeat; background-position: center left; }