body {
  background-color: black;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11pt;
  color: white;
  margin: 0px;
  text-align: center;
}

/* ----------------------- kompletni obvod, logo, hidden logo, box kosik ----------------------- */

div.obvod {
  background-repeat: 866px;
}

div.body-background-top {
  background: url(../images/textura-top.jpg) top center repeat-x;
  height: 209px;
  margin: 0px auto;
}

div.body-background {
  background: url(../images/textura.jpg) top center;
  height: auto;
  margin: 0px auto;
}

div.logo-top {
  background: url(../images/logo-top.jpg);                                                                          
  width: 866px;
  height: 42px; 
  margin: 0px auto;
}

div.logo {
  background: url(../images/logo.jpg);
  width: 866px;
  height: 167px; 
  margin: 0px auto;
  position: relative;
}

div.hidden-logo {
  border: 0px solid black; 
  width: 236px;
  height: 168px;
  position: absolute; 
  top: 0px; 
  left: 0px;
}

div.box-kosik {
  border: 0px solid black;
  width: 230px;
  _width: 232px;
  height: 148px;
  position: absolute; 
  top: 10px; 
  left: 623px;
}

/* ----------------------- pozicovani logo + buttons + girl ----------------------- */

div.obvod-buttons {
  border: 0px solid red;
  position: relative;
  width: 866px;
  height: 43px;
  margin: 0px auto;
}

div.hledani {
  background: url(../images/hledani.jpg);
  width: 180px;
  height: 43px;
  float: left;
}

div.btn-rady-kupujicim {
  width: 178px;
  height: 43px;
  float: left;
}

div.btn-registrace {
  width: 174px;
  height: 43px;
  float: left;
}

div.btn-doprava {
  width: 182px;
  height: 43px;
  float: left;
}

div.btn-kontakt {
  width: 152px;
  height: 43px;
  float: left;
}

/* ----------------------- table ----------------------- */

div.table-background {
  background: url(../images/table-background.gif);
  width: 866px;
  height: auto; 
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 0px auto;
}

div.table-background-pixel {
  background: url(../images/table-background-pixel.gif);
  width: 866px;
  height: auto;
  margin-top: 20px auto;
  margin-bottom: 20px auto;
}

div.table-okolo {
  border: 0px solid black;
  width: 866px;
  padding-left: 1px;
  padding-right: 1px;
  
}

div.table-left {
  border: 0px solid black;
  width: 179px;
  _width: 179px;
  height: auto;
  float: left;
}

div.table {
  border: 0px solid black;
  width: 519px;
  _width: 519px;
  height: auto;
  margin-left: 8px;
  _margin-left: 8px;
  float: left;
}

div.table-right {
  border: 0px solid black;
  width: 150px;
  _width: 150px;
  height: auto;
  margin-right: 2px;
  _margin-right: 0px;
  float: right;
}

/* ----------------------- produkt ----------------------- */

div.produkt_background {
  background: url(../../images/ruzne/produkt-background.gif);
  width: 167px;
  height: 321px;
  position: relative;
}

div.produkt_nazev {
  border: 0px solid red;
  width: 163px;
  text-align: left;
  position: absolute; 
  top: 2px; 
  left: 2px;
  text-align: center;
}

div.produkt_obrazek {
  border: 0px solid red;
  width: 165px;
  height: 200px;
  position: absolute; 
  top: 30px; 
  left: 1px;
  text-align: center;
}

div.produkt_lupa {
  border: px solid red;
  width: 16px;
  height: 14px;
  position: absolute; 
  top: 219px; 
  left: 147px;
}

div.produkt_popisek {
  border-top: 1px solid #847d7d;
  width: 155px;
  height: 51px;
  position: absolute; 
  top: 232px; 
  left: 6px;
  padding-top: 2px;
}

div.produkt_sleva {
  border: 0px solid red;
  width: 165px;
  height: 17px;
  _height: 17px;
  position: absolute; 
  top: 283px; 
  left: 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: black;
  padding-top: 1px;
  text-align: center;
}

div.produkt_cena {
  border: 0px solid red;
  width: 78px;
  height: 17px;
  _height: 19px;
  position: absolute; 
  top: 301px; 
  left: 1px;
  padding: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
  text-align: center;
}

div.produkt_tlacitko {
  border: 0px solid red;
  width: 87px;
  height: 17px;
  position: absolute; 
  top: 301px; 
  left: 79px;
}

/* ----------------------- produkt detail ----------------------- */

div.produkt_detail_border {
  border: 0px solid black;
  width: 519px;
  height: 223px;
  position: relative;
}

div.produkt_detail_background {
  background: url(../../images/ruzne/produkt-detail-background.gif);
  width: 167px;
  height: 221px;
  position: absolute;
  top: 0px; 
  left: 0px;
}

div.produkt_detail_tlacitko_zvetsit {
  border: 0px solid black;
  width: 66px;
  height: 15px;
  position: absolute;
  top: 222px; 
  left: 49px;
}

div.produkt_detail_kod_atd {
  border: 0px solid black;
  width: 292px;
  height: auto;
  position: absolute;
  top: 0px; 
  left: 225px;  
}

div.produkt_detail_cena_sleva {
  border: 0px solid black;
  width: 292px;
  height: 55px;
  position: absolute;
  top: 167px; 
  left: 225px;
}

/* ----------------------- produkt detail ----------------------- */

div.produkt_top_background {
  background: url(../../images/ruzne/produkt-top-background.gif);
  width: 138px;
  height: 171px;
  position: relative;
}

div.produkt_top_nazev {
  border: 0px solid red;
  width: 134px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: black;
  font-weight: bold;
  text-align: left;
  /*
  position: absolute; 
  top: 2px; 
  left: 2px;
  text-align: center;
  */
}

div.produkt_top_obrazek {
  border: 0px solid red;
  width: 136px;
  height: 132px;
  position: absolute; 
  /*top: 42px;*/
  top: 3px;
  left: 1px;
  text-align: center;
}

div.produkt_top_sleva {
  border: 0px solid red;
  width: 136px;
  height: 12px;
  _height: 10px;
  position: absolute; 
  top: 135px; 
  left: 1px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: red;
  padding-top: 1px;
  text-align: center;
}

div.produkt_top_cena {
  border: 0px solid red;
  width: 77px;
  height: 15px;
  _height: 19px;
  position: absolute; 
  top: 151px; 
  left: 1px;
  padding: 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-top: 2px;
  text-align: center;
}

div.produkt_top_tlacitko {
  border: 0px solid red;
  width: 59px;
  height: 21px;
  position: absolute; 
  top: 150px; 
  left: 78px;
}

/* ----------------------- bottom + sklenicka ----------------------- */

div.bottom {
  background: url(../images/bottom.jpg);
  width: 866px;
  height: 27px;
  margin: 0px auto;
}

/* ----------------------- paticka ----------------------- */

div.paticka {
  position: absolute;
  width: 330px; 
  top: 55px; 
  left: -246px;
  color: white;
  font-size: 9px;
}

/* ----------------------- hr cleaner + info page--------------- */

hr.cleaner {
  clear: both;
  border: 1px solid red;
  background: red;
  margin-top: 0px auto;
  width: 767px;
  visibility: hidden;
}

div.o-nas-bottom {
  border: 0px solid white;
  width: 866px;
  margin: 0px auto;
  color: #e1e1e1;
  font-size: 11px;
  text-align: left;
  text-align: justify;
}

div.info_page {
  border: 0px solid white;
  width: 940px;
  margin: 0px auto;
  color: white;
}

div.reklama {
  border: 0px solid white;
  width: 940px;
  margin: 0px auto;
  color: white;
}