/* CSS Document */


body {
  background-color: #E7ECF4;
  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: 979px;
  height: auto;
  margin: 0px auto 0px auto;
}

 #center_2 {
  position: relative;
  width: 979px; 
  top: 0px;
  height: auto;
  margin: 0px;
  float: left;
} 


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

#hledani {
  position: absolute;
  width: 240px;
  height: 22px;
  left: 55px;
  top: 157px;
  text-align: left;
}

    input.hledani_class {
      position: relative;
      width: 150px;
      height: 17px;
      top: 2px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      background-image: url('pictures/hledani/hledani.jpg');
      font-size: 11px;  
    }
    
    input.hledani_tlacitko {
      position: relative;
      width: 80px;
      height: 25px;
      top: 0px;
      left: 4px;
      background-image: url('pictures/hledani/hledej.jpg');
      border: 0px;
    }
    
    input.hledani_tlacitko:hover {
      width: 80px;
      height: 25px;
      top: 0px;
      background-image: url('pictures/hledani/hledej-hover.jpg');
      border: 0px;
    }
    
#kosik {
  position: absolute;
  width: 222px;
  height: 100px;
  right: 21px;
  top: 46px;
  text-align: left;
}

  #kosik table {
    position: relative;
    width: 180px;
    top: 20px;
    left: 22px;
    color: #ffffff;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
  }
  
  #kosik tr {
    position: relative;
    height: 24px;
    color: #ffffff;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
  }
  
  #kosik a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: underline;
  }
  
  #kosik a:hover {
    text-decoration: none;
  }

#menu {
     position: absolute;
     width: 611px; 
     height: 41px;
     top: 159px;
     left: 330px;
     margin: 0px;
     padding: 0px;
     text-align: left;
}

#menu a {
    color: #ffffff;
}
/*koding menu - hlavního*/

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

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

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

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

span.span-uvod {
     width: 143px;
     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-obchod {
     width: 171px; 
}

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

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

li.li-reklamace {
     width: 115px; 
}

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

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

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

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

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

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

span.span-kontakt {
     width: 97px;
     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*/


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

  div.kategorie {
    position: relative;
    width: 190px;
    height: 36px; 
    background-image: url('pictures/odrazky/kategorie.jpg'); 
  }
  
  ul.hlavni {
     position: relative;
     width: 190px;
     list-style-type: none;
     float: left; 
     margin: 0px;
     padding: 0px;
     text-align: left;
  }
  
  ul.hlavni a {
       position: relative;
       width: 170px;
       height: auto;
       top: 0px;
       left: 0px;
       margin: 1px 0px 0px 0px;
       padding: 7px 10px 7px 10px;    
       float: left;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
  }
  
  ul.hlavni a:hover {
    color: #66460E;
    text-decoration: none;
  }
  
  ul.hlavni li {
       position: relative;
       width: 190px;
       height: auto;
       top: 0px;
       left: 0px;
       margin: 1px 0px 0px 0px;
       padding: 0;    
       float: left;
       background-image: url('pictures/menu/menu.jpg');
       background-repeat: no-repeat;
       background-color: #4F688B; 
  }
  
    ul.hlavni li:hover {
       background-image: url('pictures/menu/menu-hover.jpg');
       background-repeat: no-repeat;
       background-color: #EFA015;  
  }
  
  ul.podhlavni {
     position: relative;
     width: 190px;
     list-style-type: none;
     float: left; 
     margin: 0px;
     padding: 0px;
     text-align: left;
  }
  
    ul.podhlavni a {
       position: relative;
       width: 155px;
       height: 19px;
       top: 0px;
       left: 0px;
       margin: 1px 0px 0px 0px;
       padding: 5px 10px 5px 25px;    
       float: left;
    color: #000000;
    text-decoration: underline;
    font-weight: bold;
  }
  
  ul.podhlavni a:hover {
    color: #000000;
    text-decoration: none;
  }
  
  ul.podhlavni li {
       position: relative;
       width: 190px;
       height: 29px;
       top: 0px;
       left: 0px;
       margin: 1px 0px 0px 0px;
       padding: 0px   
       float: left;
       background-image: url('pictures/menu/menu_2.jpg'); 
  }
  
  ul.podhlavni li:hover {
       background-image: url('pictures/menu/menu_2.jpg'); 
  }
  
  
  div.novinky {
    position: relative;
    width: 190px;
    height: 36px;
    top: 10px; 
    float: left;
    background-image: url('pictures/odrazky/novinky.jpg'); 
  }
  
  div.levy-text {
    position: relative;
    width: 170px;
    height: auto;
    top: 10px; 
    float: left;
    padding: 10px 10px 35px 10px;
    background-color: #ffffff;
    background-image: url('pictures/stin.jpg'); 
    background-repeat: no-repeat;
    background-position: 0% 100%;
  }
  
  div.levy-text table {
    position: relative;
    width: 170px;
    height: auto;
    font-size: 11px;
  }
  
    input.mail {
      position: relative;
      width: 155px;
      height: 17px;
      top: 2px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      border: 1px solid #C8C8C8;
      background-image: url('pictures/hledani/form.jpg');
      font-size: 11px;  
    }
    
    input.mail_odeslat {
      position: relative;
      width: 81px;
      height: 25px;
      top: 5px;
      left: 0px;
      background-image: url('pictures/hledani/odeslat.jpg');
      border: 0px;
    }
  
  
#obsah {
  position: relative;
  width: 580px;
  height: auto;
  top: 30px;
  float: left;
  margin: 0px 8px 0px 10px;
}

#text {
  position: relative;
  width: 540px;
  height: auto;
  margin: 0px;
  padding: 20px;
  background-color: #ffffff;
  text-align: left;
  line-height: 200%;
  float: left;
}

#text a {
  color: #000000;
}

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

h1 {
  font-size: 25px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

h2 {
  font-size: 20px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

h3 {
  font-size: 15px;
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

  div.nadpis {
    position: relative;
    width: 540px;
    height: 26px;
    margin: 10px 0px 0px 0px;
    padding: 11px 15px 0px 25px;
    background-image: url('pictures/nadpis.jpg');
    text-align: left; 
    float: left;
  }
  
  div.nadpis h2 {
    color: #ffffff; 
    margin: 0px;
    padding: 0px;
    font-size: 15px;
  }


  /*produkt*/
  
  #produkty_all {
    position: relative;
    width: 580px;
    height: auto;
    float: left;
    margin-top: 10px;
    padding: 0px;    
  } 
  
  div.produkt {
    position: relative;
    width: 188px;
    height: 270px;
    left: 0px;
    background-color: #ffffff;
    float: left;
    margin: 2px;
    padding: 0px; 
    text-align: left;   
  }
  
  div.nazev_produkt {
    position: relative;
    width: 168px;
    height: 35px;
    padding: 0px 10px 0px 10px;  
    float: left;
  }
  
  div.nazev_produkt h3 {
    font-size: 12px;
    color: #007EDE;  
    text-decoration: underline;  
  }
  
  div.nazev_produkt h3:hover {
    font-size: 12px;
    color: #007EDE;
    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;
    padding: 15px;
    border-style: none;
    float: left;
  }
  
  div.kosik_produkt  {
    position: relative;
    width: 132px;
    height: 23px;
    padding: 7px 45px 5px 10px;
    background-image: url('pictures/kosik_produkt.jpg');
    background-repeat: no-repeat;
    float: left;
  }
  
  div.kosik_produkt a  {
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;  
  }
  
  
  
  
  /*produkt*/
  
  
#pravy {
  position: relative;
  width: 190px;
  height: auto;
  top: 30px;
  margin: 0px;
  float: right;
  line-height: 180%;
}


  div.prihlaseni {
    position: relative;
    width: 190px;
    height: 36px; 
    float: left;
    background-image: url('pictures/odrazky/prihlaseni.jpg'); 
  }
  
  div.doporucujeme {
    position: relative;
    width: 190px;
    height: 36px; 
    float: left;
    background-image: url('pictures/odrazky/doporucujeme.jpg'); 
  }
  
  div.kontakty {
    position: relative;
    width: 190px;
    height: 36px; 
    float: left;
    background-image: url('pictures/odrazky/kontakty.jpg'); 
  }
  
  div.pravy-text {
    position: relative;
    width: 170px;
    height: auto;
    top: 0px; 
    float: left;
    padding: 10px 10px 5px 10px;
    margin: 0px 0px 0px 0px;
    background-color: #ffffff;
  }
  
  table.pravy_table {
    position: relative;
    width: 170px;
    height: auto;
    text-align: left;
    font-size: 15px;
    font-weight: bold;
    color: #4B4B4B;
  }
  
  table.pravy_table a {
    color: #CB8001;
    font-size: 13px;
    font-weight: normal;
  }
  
  table.pravy_table a:hover {
    text-decoration: none;
  }
  
  table.pravy_table tr {
    position: relative;
    width: 170px;
    height: 35px;
    margin: 0px;
    padding: 0px;
  }
  
    div.stin {
    position: relative;
    width: 190px;
    height: 15px;
    top: 0px; 
    float: left;
    background-image: url('pictures/stin.png');
    background-repeat: no-repeat;
  }
  
    
    input.jmeno {
      position: relative;
      width: 155px;
      height: 17px;
      top: 2px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      border: 1px solid #C8C8C8;
      background-image: url('pictures/hledani/form.jpg');
      font-size: 11px;  
          color: #969696;
    }
    
    input.heslo {
      position: relative;
      width: 70px;
      height: 17px;
      top: 2px;
      border: 0px;
      margin: 0px;
      padding: 4px 0px 0px 6px;
      float: left;
      border: 1px solid #C8C8C8;
      background-image: url('pictures/hledani/form.jpg');
      font-size: 11px;  
          color: #969696;
    }
    
    input.prihlasit {
      position: relative;
      width: 81px;
      height: 25px;
      top: 2px;
      left: 0px;
      background-image: url('pictures/hledani/odeslat.jpg');
      border: 0px;
    }
    
    .prihlaseni a {
      font-size: 11px;
      color: #000000;
    }
    
    .prihlaseni a:hover {
      text-decoration: none;
    }
    
  /*produkt_pravy*/

  
  div.produkt_pravy {
    position: relative;
    width: 168px;
    height: 270px;
    left: 0px;
    background-color: #ffffff;
    float: left;
    margin: 2px;
    padding: 0px; 
    text-align: left;   
  }
  
  div.nazev_produkt_pravy {
    position: relative;
    width: 148px;
    height: 35px;
    padding: 0px;
    float: left;
  }
  
  div.nazev_produkt_pravy h3 {
    font-size: 12px;
    color: #007EDE;
    text-decoration: underline;  
  }
  
  div.nazev_produkt_pravy h3:hover {
    font-size: 12px;
    color: #007EDE;
    text-decoration: none;  
  }
  
  div.nazev_produkt_pravy a {
    color: #007EDE;
    text-decoration: underline;  
  }
  
  div.nazev_produkt_pravy a:hover {
    color: #007EDE;
    text-decoration: none;  
  }
  
  div.img_produkt_pravy img {
    position: relative;
    width: 130px;
    padding: 15px;
    border: 3px solid #DDE4EF;
    float: left;
    margin: 15px 0px 15px 0px; 
  }
  
  div.kosik_produkt_pravy  {
    position: relative;
    width: 115px;
    height: 23px;
    padding: 7px 45px 5px 10px;
    background-image: url('pictures/kosik_right.jpg');
    background-repeat: no-repeat;
    float: left;
    color: #D73636;;
  }
  
  div.kosik_produkt_pravy a  {
    font-size: 12px;
    font-weight: bold;
    color: #D73636;
    text-decoration: none;  
  }
  
  
  
  
  /*produkt_pravy*/
 
 #paticka {
  position: relative;
  width: 979px;
  height: 88px;
  margin: 0px;
  top: 40px;
  background-image: url('pictures/paticka.jpg');
  background-repeat: no-repeat;
  float: left;
  line-height: 180%;
  font-size: 11px;
}
 #paticka a {
  color: #000000;
}