/* CSS Document */


body {
  background-color: #A1CFFF;
  background-image: url('pictures/pozadi.jpg');
  background-repeat: repeat-x;
  text-align: center;
  margin: 0px;
  padding: 0px;
  font-family: Tahoma;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #000000;
}

#center {
  position: relative;
  width: 1008px;
  height: auto;
  margin: 0px auto 0px auto;
}

#hlavicka {
  position: relative;
  width: 1008px;
  height: 300px;
  top: 0px;
  margin: 0px;
  background-image: url('pictures/hlavicka.jpg');
  background-repeat: no-repeat;
}

#hledani {
  position: absolute;
  width: 245px;
  height: 24px;
  left: 25px;
  top: 206px;
  text-align: left;
}

    input.hledani_class {
      position: relative;
      width: 161px;
      height: 18px;
      top: 1px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      background-image: url('pictures/hledani/hledani_pole.jpg');
      font-size: 11px;  
    }
    
    input.hledani_tlacitko {
      position: relative;
      width: 70px;
      height: 24px;
      top: 0px;
      left: 4px;
      background-image: url('pictures/hledani/hledat.jpg');
      border: 0px;
    }
    
    input.hledani_tlacitko:hover {
      width: 70px;
      height: 24px;
      top: 0px;
      background-image: url('pictures/hledani/hledat-hover.jpg');
      border: 0px;
    }
   
#kosik {
  position: absolute;
  width: 190px;
  height: 100px;
  right: 68px;
  top: 65px;
  text-align: left;
}

  #kosik table {
    position: relative;
    width: 160px;
    top: 10px;
    left: 12px;
    color: #ffffff;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
  }
  
  #kosik tr {
    position: relative;
    height: 24px;
    color: #FFDAAE;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
  }
  
  #kosik img {
    border-style: none;
  }
  
  #kosik a {
    color: #FFDAAE;
    font-weight: bold;
    text-decoration: underline;
  }
  
  #kosik a:hover {
    text-decoration: none;
  }
  
#kde_sem {
     position: absolute;
     width: 580px;
     height: 25px;
     top: 240px;
     left: 220px;
     margin: 0px;
     padding: 15px 0px 0px 10px;
     color: #ffffff;
     text-align: left;
}

#kde_sem a {
    color: #ffffff;
    text-decoration: none;
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding: 0px 5px 0px 9px;
}

#kde_sem a:hover {
    text-decoration: underline;
}

#menu {
     position: absolute;
     width: 701px; 
     height: 41px;
     top: 199px;
     left: 278px;
     margin: 0px;
     padding: 0px;
     text-align: left;
}

#menu a {
    color: #34220B;
}


/*koding menu - hlavního*/

#menu ul {
     position: relative;
     list-style-type: none;
     float: left;
     margin: 0px;
     padding: 0px;
}

#menu li {
     position: relative;
     height: 41px;
     top: 0px;
     left: 0px;
     margin: 0px;
     padding: 0px;    
     float: left; 
}

#menu span {
     position: absolute;
     height: 41px;
     top: 1px;
     left: 0px; 
}

li.li-uvod {
     width: 85px; 
}

span.span-uvod {
     width: 85px;
     background-image: url('pictures/menu/uvod.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-uvod:hover {
     background-image: url('pictures/menu/uvod-hover.jpg');
     cursor: hand;
}

li.li-o_nas {
     width: 73px; 
}

span.span-o_nas {
     width: 73px;
     background-image: url('pictures/menu/o_nas.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-o_nas:hover {
     background-image: url('pictures/menu/o_nas-hover.jpg');
     cursor: hand;
}

li.li-obchodni_podminky {
     width: 174px; 
}

span.span-obchodni_podminky {
     width: 174px;
     background-image: url('pictures/menu/obchodni_podminky.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-obchodni_podminky:hover {
     background-image: url('pictures/menu/obchodni_podminky-hover.jpg');
     cursor: hand;
}

li.li-vyrobci_a_znacky {
     width: 155px; 
}

span.span-vyrobci_a_znacky {
     width: 155px;
     background-image: url('pictures/menu/vyrobci_a_znacky.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-vyrobci_a_znacky:hover {
     background-image: url('pictures/menu/vyrobci_a_znacky-hover.jpg');
     cursor: hand;
}

li.li-rady_a_tipy {
     width: 110px; 
}

span.span-rady_a_tipy {
     width: 110px;
     background-image: url('pictures/menu/rady_a_tipy.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-rady_a_tipy:hover {
     background-image: url('pictures/menu/rady_a_tipy-hover.jpg');
     cursor: hand;
}

li.li-kontakt {
     width: 104px; 
}

span.span-kontakt {
     width: 104px;
     background-image: url('pictures/menu/kontakt.jpg');
     background-repeat: no-repeat;  
     z-index: 1;
     display: block;
}

span.span-kontakt:hover {
     background-image: url('pictures/menu/kontakt-hover.jpg');
     cursor: hand;
}
/*koding menu - hlavního*/

#center_2 {
  position: relative;
  width: 1008px;
  height: auto;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px 0px 25px 0px;
  float: left;
  background-image: url('pictures/obsah.jpg');
  background-repeat: repeat-y;
  background-position: 199px 0px;
}


#levy {
  position: relative;
  width: 190px;
  height: auto;
  top: 0px;
  left: 9px;
  margin: 0px;
  float: left;
}

#levy ul {
     position: relative;
     width: 190px;
     list-style-type: none;
     float: left; 
     margin: 0px;
     padding: 0px;
     text-align: left;
     background-image: url('pictures/menu/pozadi-li.jpg');
     background-repeat: repeat-y;
}

#levy li {
     position: relative;
     width: 190px;
}

#levy a {
    position: relative;
    width: 165px;
    padding: 7px 10px 9px 15px;
    color: #FAFF77;
    text-decoration: none;
    font-weight: bold;
    float: left;
    background-image: url('pictures/menu/menu-li.jpg');
    background-repeat: no-repeat;
    background-position: 0% 100%; 
}

#levy a:hover {
  background-color: #3B5F0D;
}

#levy-menu-spodek {
    position: relative;
    width: 190px;
    height: 17px;
    float: left;
    background-image: url('pictures/menu/menu-box-spodek.jpg');
    background-repeat: no-repeat;  
}

div.novinky {
    position: relative;
    width: 190px;
    height: 50px;
    top: 10px; 
    float: left;
    background-image: url('pictures/zalozky/novinky.jpg'); 
}

div.obsah-levy {
    position: relative;
    width: 170px;
    height: auto;
    top: 10px; 
    padding: 5px 10px 5px 10px;
    float: left;
    background-image: url('pictures/zalozky/levy.jpg'); 
}

div.obsah-levy  table {
    position: relative;
    width: 170px;
    height: auto;
    font-size: 11px;
  }
  
    input.mail {
      position: relative;
      width: 164px;
      height: 18px;
      top: 2px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      background-image: url('pictures/hledani/mail.jpg');
      font-size: 11px;  
    }
    
    input.mail_odeslat {
      position: relative;
      width: 70px;
      height: 24px;
      top: 5px;
      left: 0px;
      background-image: url('pictures/hledani/odeslat.jpg');
      border: 0px;
    }
    
    input.mail_odeslat:hover {
      background-image: url('pictures/hledani/odeslat-hover.jpg');
    }
 
div.obsah-levy-spodek {
    position: relative;
    width: 190px;
    height: 9px;
    top: 10px; 
    float: left;
    background-image: url('pictures/zalozky/levy-spodek.jpg'); 
}

#obsah {
  position: relative;
  width: 580px;
  height: auto;
  top: -10px;
  left: 9px;
  margin: 0px;
  padding: 10px;
  float: left;
  text-align: left;
  background-color: #ffffff;
  z-index: 10;
}

h1 {
  font-size: 32px;
  color: #4C342D;
  margin: 0px;
  padding: 0px;
}

h2 {
  font-size: 25px;
  color: #4C342D;
  margin: 0px;
  padding: 0px;
}

h3 {
  font-size: 20px;
  color: #4C342D;
  margin: 0px;
  padding: 0px;
}

#obsah p {
  line-height: 180%;
}

#obsah a {
  color: #000000;
}


#obsah a:hover {
  text-decoration: none;
}

  div.nadpis {
    position: relative;
    width: 530px;
    height: 26px;
    margin: 10px 5px 0px 5px;
    padding: 5px 15px 5px 25px;
    background-image: url('pictures/nadpis.jpg');
    text-align: left; 
    float: left;
  }
  
  div.nadpis h2 {
    color: #ffffff; 
    margin: 0px;
    padding: 0px;
    font-size: 20px;
  }
  
  /*produkt*/
  
  #produkty_all {
    position: relative;
    width: 580px;
    height: auto;
    float: left;
    margin-top: 10px;
    padding: 0px;    
  } 
  
  #produkty_all a  {
    color: #ffffff;  
  }
  
  div.produkt {
    position: relative;
    width: 188px;
    height: 290px;
    left: 0px;
    background-color: #ffffff;
    float: left;
    margin: 2px;
    padding: 0px; 
    text-align: left;   
  }
  
  div.nazev_produkt {
    position: relative;
    width: 168px;
    height: 35px;
    padding: 10px 10px 0px 10px;  
    float: left;
    text-align: center;
  }
  
  div.nazev_produkt h3 {
    font-size: 15px;
    color: #5A9300; 
    text-decoration: underline;
    font-weight: normal;  
  }
  
  div.nazev_produkt h3:hover {
    font-size: 15px;
    color: #5A9300;
    text-decoration: none;  
  }
  
  div.nazev_produkt a {
    color: #007EDE;
    text-decoration: underline;  
  }
  
  div.nazev_produkt a:hover {
    color: #007EDE;
    text-decoration: none;  
  }
  
  div.img_produkt img {
    position: relative;
    /*width: 150px;
    height: 170px;*/
    border-style: none;
    /*float: left; */
  }

  div.img_produkt {
    position: relative;
    width: 150px;
    height: 170px;
    padding: 15px;
    border-style: none;
    float: left;
    text-align: center;
    margin: auto;
}
  
  div.kosik_produkt  {
    background-image: url('pictures/zbozi_button.jpg');
    background-repeat: no-repeat;
    float: left;
  }
  
  div.kosik_produkt a  {
    position: relative;
    width: 120px;
    height: 23px;
    padding: 9px 45px 5px 25px;
    font-size: 17px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: none;
    float: left;  
  }
  
  /*produkt*/

#pravy {
  position: relative;
  width: 190px;
  height: auto;
  top: 0px;
  left: 9px;
  margin: 0px;
  padding: 0px;
  float: left;
}

#prihlaseni {
  position: relative;
  width: 180px;
  height: 80px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 5px;
  float: left;
  background-image: url('pictures/pravy-hneda.jpg');
  background-position: 0px -20px;
  background-repeat: no-repeat; 
  color: #ffffff;
}

input.jmeno {
      position: relative;
      width: 164px;
      height: 18px;
      top: 2px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      background-image: url('pictures/hledani/jmeno.jpg');
      font-size: 11px;  
      color: #000000;
    }
    
    input.heslo {
      position: relative;
      width: 92px;
      height: 18px;
      top: 2px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      background-image: url('pictures/hledani/heslo.jpg');
      font-size: 11px;  
      color: #000000;
    }
    
    input.prihlasit {
      position: relative;
      width: 70px;
      height: 24px;
      top: 2px;
      left: 0px;
      background-image: url('pictures/hledani/prihlasit.jpg');
      border: 0px;
    }
    
    input.prihlasit:hover {
      background-image: url('pictures/hledani/prihlasit-hover.jpg');
    }
    
#prihlaseni a {
  color: #ffffff;
  font-size: 11px;
}

div.doporucujeme {
    position: relative;
    width: 190px;
    height: 50px;
    top: 10px; 
    float: left;
    background-image: url('pictures/zalozky/doporucujeme.jpg'); 
}

div.nejprodavanejsi {
    position: relative;
    width: 190px;
    height: 50px;
    top: 20px; 
    float: left;
    background-image: url('pictures/zalozky/nejprodavanejsi.jpg'); 
}

div.obsah-pravy {
    position: relative;
    width: 176px;
    height: auto;
    top: 10px; 
    padding: 5px 7px 5px 7px;
    float: left;
    background-image: url('pictures/zalozky/stin.jpg'); 
}

div.obsah-pravy img {
    position: relative;
    width: 170px;
    height: auto;
    border-style: none;
}

td.kosik_pravy {
    position: relative;
    width: 170px;
    height: 41px;
    background-image: url('pictures/zbozi_button-pravy.jpg'); 
    background-repeat: no-repeat;
    color: #C14400;
    font-size: 15px;
    font-weight: bold;
    text-align: left;
}

td.kosik_pravy a {
    position: relative;
    width: 115px;
    height: 29px;
    color: #C14400;
    font-size: 15px;
    font-weight: bold;
    padding: 7px 45px 5px 10px;
    text-align: left;
    float: left;
    text-decoration: none;
}

td.kosik_pravy a:hover {
    text-decoration: underline;
}

div.obsah-pravy-spodek {
    position: relative;
    width: 190px;
    height: 10px;
    top: 10px; 
    float: left;
    background-image: url('pictures/zalozky/spodek.jpg'); 
}


/*partneri*/

#partneri-top {
  position: relative;
  width: 990px;
  height: 34px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-image: url('pictures/partneri-top.jpg');
  background-repeat: no-repeat;
  background-position: 8px 0px;
}
#partneri {
  position: relative;
  width: 940px;
  height: auto;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 5px 25px 5px 25px;
  float: left;
  background-image: url('pictures/partneri.jpg');
  background-repeat: repeat-y;
  background-position: 8px 0px;
}
#partneri-bottom {
  position: relative;
  width: 990px;
  height: 27px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-image: url('pictures/partneri-bottom.jpg');
  background-repeat: no-repeat;
  background-position: 8px 0px;
}

#partneri a {
  color: #AFAFAF;
}

#partneri a:hover {
  color: #AFAFAF;
  text-decoration: none;
}

#partneri img {
  border-style: none;
}

/*partneri*/

#paticka {
  position: relative;
  width: 1008px;
  height: 104px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-image: url('pictures/paticka.jpg');
  background-repeat: no-repeat;
  background-position: -1px 0px;
}

#paticka p {
  position: relative;
  top: 30px;
  color: #000000;
  line-height: 180%;
}

#paticka a {
  color: #000000;
}

#paticka-index {
  position: relative;
  width: 1008px;
  height: 73px;
  top: 0px;
  left: 0px;
  margin: 0px;
  padding: 0px;
  float: left;
  background-image: url('pictures/paticka-index.jpg');
  background-repeat: no-repeat;
  background-position: -1px 0px;
}

#paticka-index p {
  position: relative;
  top: 0px;
  color: #000000;
  line-height: 180%;
}

#paticka-index a {
  color: #000000;
}

#filtrace{
  top: 5px;
  left: 10px;
  position: relative;
}