/* CSS Document */

img, div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, table, tr, td, hr {
  padding:0px;
  margin:0px;
  border:none;
}

a {
  color:#d65b00;
}

a:hover {
  color:#cc0000;
}

p {
  position:relative;
  padding:5px 0px 5px 0px;
}

big {
  font-size:110%;
  font-weight:bold;
}

small {
  font-size:85%;
}

table {
  font-size:100%;
  border-collapse:collapse;
}

td {
  vertical-align:top;
}

form,fieldset {
  position:relative;
}

body {
  padding:0px;
  margin:0px;
  font-family:arial,helvetica,sans-serif;
  font-size:82%;
  text-align:center;
  color:#000000;
  background-color:#333333;
}

/* horni lista */

#lista-hl-obal {
  position:relative;
  width:100%;
  height:46px;
  margin:auto;
}

  #lista-hl {
    position:relative;
    width:850px;
    height:46px;
    margin:auto;
    text-align:right;
  }
  
    #lista-hl p {
      padding:19px 20px 0 0;
      font-size:11px;
      color:#c2c2c2;
    }
    
      #lista-hl p a {
        margin:0 5px 0 5px;
        text-decoration:none;
        color:#c2c2c2;
      }
      
      #lista-hl p a:hover {
        text-decoration:underline;
        color:#ffffff;
      }

/* stranka */

#str-obal {
  position:relative;
  width:100%;
  margin:auto;
}

  /* hlavicka */
  
  #hl {
    position:relative;
    width:850px;
    height:218px;
    margin:auto;
    background:url('../img/hl-bg.jpg') left top no-repeat #ffffff;
  }
  
    div#hl img#logo {
      position:absolute;
      left:45px;
      top:43px;
    }
      
    div#hl p#heading {
      position:absolute;
      left:163px;
      top:66px;
      width:250px;
      text-align:left;
      font-size:18px;
      color:#1a171b;
    }
      
    #hl #image {
      position:absolute;
      top:0px;
      right:0px;
      width:320px;
      height:218px;
      background-image:url('../img/hl-image-bg.jpg');
      background-repeat:no-repeat;
      background-position:center;
    }
    
    /* hlavicka bannery */
          
    #hl #banner {
      position:absolute;
      top:-5px;
      left:875px;
    }
          
      #hl #banner p {
        position:relative;
        margin:0px;
        padding:0px;
        text-align:left;
        font-size:8pt;
        color:#999999;
      }
            
      #hl #banner img {
        margin:5px 0px 5px 0px;
        border:1px solid #000000;
      }
  
  /* menu */
  
  #lista-menu {
    position:relative;
    width:850px;
    height:40px;
    margin:auto;
    background:#fa7e01;
  }
  
    #menu {
      position:relative;
    }
    
      #menu li {
        position:relative;
        float:left;
        height:40px;
        _width:50px; /* MSIE 6 */
        list-style-type:none;
        font-size:13px;
        background-image:url('../img/menu-li-bg.gif');
        background-repeat:no-repeat;
        background-position:left center;
      }
      
        #menu li a {
          display:block;
          width:100%;
          height:100%;
          color:#ffffff;
          text-decoration:none;
        }
        
        #menu li a:hover {
          color:#ffce9d;
        }
        
          #menu li a strong {
            display:block;
            padding:13px 22px 0px 23px;
          }
          
      li#domu {
        background:none;
      }
  
  /* obsah */
  
  #str {
    position:relative;
    width:850px;
    margin:auto;
    text-align:left;
    background:#f0f0f0;
  }
  
    /* pravy panel */
    
    #str-prava {
      position:relative;
      float:right;
      width:587px;
      _width:584px; /* MSIE 6 */
      padding:30px;
      color:#3F3F3F;
    }
      
      #str-prava h2 {
        position:relative;
        padding:0px 0px 15px 0px;
        font-size:150%;
      }
      
      #str-prava h2.prod-naz1 {
        padding-right:50px;
        _width:534px; /* MSIE 6 */
      }
      
        #str-prava h2.prod-naz1 small {
          position:absolute;
          top:0px;
          right:0px;
          font-size:60%;
          text-align:right;
          font-weight:normal;
          color:#999999;
        }
      
      #str-prava h3 {
        position:relative;
        padding:20px 0px 10px 0px;
        font-size:140%;
      }
      
      #str-prava h4 {
        position:relative;
        padding:15px 0px 7px 0px;
        font-size:110%;
      }
      
      #str-prava h4.aktuality {
        color:#d65b00;
      }
      
        #str-prava h4.aktuality small {
          padding-left:5px;
          font-weight:normal;
          font-size:80%;
          color:#999999;
        }
      
      #str-prava h4.prod-naz2 {
        padding:0px 330px 20px 0px;
        _width:250px; /* MSIE 6 */
      }
      
        #str-prava h4.prod-naz2 small {
          position:absolute;
          top:0px;
          right:0px;
          width:330px;
          font-weight:normal;
          font-size:80%;
        }
        
      #str-prava h4.kosik-suma {
        padding:10px 50px 10px 0px;
        _width:534px; /* MSIE 6 */
      }
      
        #str-prava h4.kosik-suma strong {
          font-size:110%;
          color:#cc0000;
        }
        
        #str-prava h4.kosik-suma small {
          font-weight:normal;
          font-size:60%;
        }
        
        #str-prava h4.kosik-suma input {
          position:absolute;
          top:10px;
          right:0px;
        }
        
      #str-prava h3.obj-suma {
        padding:10px 50px 10px 0px;
        _width:534px; /* MSIE 6 */
      }
      
        #str-prava h3.obj-suma strong {
          font-size:110%;
          color:#cc0000;
        }
        
        #str-prava h3.obj-suma small {
          font-weight:normal;
          font-size:60%;
        }
        
        #str-prava h3.obj-suma input {
          position:absolute;
          top:10px;
          right:0px;
        }
        
      #str-prava h5 {
        position:relative;
        padding:10px 0px 3px 0px;
        font-size:100%;
      }
      
      #str-prava h5.prod-kosik {
        height:14px;
        padding:8px 0px 10px 45px;
        margin:15px 0px 15px 0px;
        background-image:url('../img/iko-kosik-produkt.gif');
        background-repeat:no-repeat;
        background-position:center left;
      }
      
        #str-prava h5.prod-kosik form {
          display:inline;
        }
        
      .prod-cen {
        float:right;
        position:relative;
      }
      
        .prod-cen p big {
          display:block;
          padding:10px;
          margin-right:150px;
          color:#ffffff;
          background-color:#d65b00;
        }
        
        .prod-cen p.prod-cen-bez-dph big {
          background-color:#999999;
        }
        
      #str-prava ul, #str-prava ol {
        position:relative;
        padding:5px 0 5px 25px;
      }
      
        #str-prava ul li {
          position:relative;
          padding:1px;
          list-style-type:square;
        }
        
        #str-prava ol li {
          position:relative;
          padding:1px;
        }
        
      /* obrazky */
      
      .prod-hl-pic {
        float:right;
        margin:0px 0px 15px 15px;
        padding:1px;
        border:2px solid #cccccc;
      }
    
      /* navigacni linka */
      
      #navi-linka {
        position:relative;
        top:0px;
        left:0px;
        padding:0px 0px 25px 0px;
        margin-top:-10px;
      }
      
        #navi-linka p {
          padding:0px;
          _width:584px; /* MSIE 6 */
          color:#8C8C8C;
        }
        
          #navi-linka p a {
            color:#8C8C8C;
          }
          
          #navi-linka p a:hover {
            color:#cc0000;
          }
          
          /* stare prepinani zobrazeni */
          
          #navi-linka p span {
            position:absolute;
            top:0px;
            right:0px;
          }
          
            #navi-linka p span img {
              position:relative;
              top:2px;
            }
            
      /* listovani */

      .listovani {
        position:relative;
        padding:20px 0px 20px 0px;
        font-weight:bold;
        text-align:left;
      }
      
        .listovani form {
          padding:0px 0px 3px 0px;
          font-weight:normal;
          display:none;
        }
        
          .listovani form p {
            width:auto;
            position:relative;
            top:-3px;
            vertical-align:top;
          }
        
          .listovani form select, .listovani form input {
            font-size:95%;
          }
      
        .listovani p {
          position:relative;
          width:425px;
          _width:420px;
          padding:0px !important;
          margin:0px !important;
        }
        
          .listovani a {
            margin:0px 3px 0px 3px;
            text-decoration:none;
            color:#d65b00;
          }
          
          .listovani a:hover {
            text-decoration:underline;
          }
          
          .listovani .aktualni {
            color:#ffffff;
            margin:0px 4px 0px 4px;
            padding:0px 4px 0px 4px;
            background-color:#d65b00;
          }
          
        .listovani p.zobrazeni {
          float:right;
          width:160px;
          font-weight:normal;
        }
        
          .listovani p.zobrazeni strong {
            margin:0px 3px 0px 3px;
            color:#999999;
          }
        
          .listovani p.zobrazeni a {
            font-weight:bold;
          }
            
      /* tabulky vypis */
      
      .vypis-dlazdice {
        position:relative;
        width:100%;
        margin:10px 0px 10px 0px;
        border-bottom:1px solid #cccccc;
      }
      
        .vypis-dlazdice td {
          width:50%;
          padding:15px 15px 0px 0px;
          border-top:1px solid #cccccc;
        }
        
        .vypis-dlazdice td.prava {
          padding:15px 0px 0px 15px;
          border-left:1px solid #cccccc;
        }
        
          .vypis-dlazdice td div {
            display:block;
            position:relative;
            top:0px;
            width:100%;
            _width:276px; /* MSIE 6 */
            text-align:center;
          }
            
            .vypis-dlazdice td h4 {
              position:relative;
              padding:0px 50px 10px 0px;
              font-size:120%;
              text-align:left;
            }
            
              .vypis-dlazdice td h4 a {
                text-decoration:none;
              }
              
            .vypis-dlazdice td h5 {
              position:relative;
              padding:0px 0px 10px 0px;
              font-size:90%;
              text-align:left;
              color:#3F3F3F;
            }
          
            .vypis-dlazdice td small {
              position:absolute;
              top:0px;
              right:0px;
              font-size:70%;
              text-align:right;
              color:#999999;
            }
            
            .vypis-dlazdice td img {
              position:relative;
              margin:10px 0px 15px 0px;
              padding:1px;
              border:2px solid #cccccc;
            }
            
            .vypis-dlazdice td p {
              position:relative;
              padding:5px 0px 5px 0px;
              text-align:left;
              color:#656565;
            }
            
              .vypis-dlazdice td p a.vypis-text-vice {
                position:relative;
                padding:0px 6px 0px 6px;
                margin:0px 0px 0px 0px;
                text-decoration:none;
                background-image:url('../img/vypis-text-vice-sipka.gif');
                background-repeat:no-repeat;
                background-position:center;
              }
              
                .vypis-dlazdice td p a.vypis-text-vice:hover {
                  background-image:url('../img/vypis-text-vice-sipka-hover.gif');
                }
            
        td.vypis-dlazdice-navi {
          padding-top:0px !important;
          padding-bottom:15px !important;
          text-align:center;
          vertical-align:bottom;
          font-weight:bold;
          border-top:0px !important;
        }
        
            td.vypis-dlazdice-navi p a {
              position:relative;
              top:5px;
              padding:0px 8px 0px 0px;
              margin:0px 10px 0px 0px;
              text-decoration:none;
              background-image:url('../img/vypis-vice-sipka.gif');
              background-repeat:no-repeat;
              background-position:center right;
            }
            
            td.vypis-dlazdice-navi p a.do-kosiku {
              color:#3F3F3F;
              background-image:url('../img/vypis-vice-sipka-do-kosiku.gif');
            }
            
              td.vypis-dlazdice-navi p a:hover {
                color:#cc0000;
                background-image:url('../img/vypis-vice-sipka-hover.gif');
              }
        
            td.vypis-dlazdice-navi p strong {
              float:right;
              display:block;
              padding:5px;
              color:#ffffff;
              background-color:#d65b00;
            }
            
      .vypis-radky {
        position:relative;
        width:100%;
        margin:10px 0px 10px 0px;
        border-bottom:1px solid #CCCCCC;
      }
      
        .vypis-radky th {
          padding:5px;
          text-align:left;
          border-top:1px solid #CCCCCC;
          background-color:#e3e3e3;
        }
      
        .vypis-radky td {
          padding:10px 5px 10px 5px;
          color:#3F3F3F;
          border-top:1px solid #CCCCCC;
        }
          
          .vypis-radky td a {
            text-decoration:none;
          }
        
        .vypis-radky-navi {
          font-weight:bold;
          font-size:90%;
        }
        
          .vypis-radky-navi a {
            padding:0px 8px 0px 0px;
            text-decoration:none;
            background-image:url('../img/vypis-vice-sipka.gif');
            background-repeat:no-repeat;
            background-position:center right;
          }
          
          .vypis-radky-navi a.do-kosiku {
            color:#3F3F3F;
            background-image:url('../img/vypis-vice-sipka-do-kosiku.gif');
          }
            
          .vypis-radky-navi a:hover {
            color:#cc0000;
            background-image:url('../img/vypis-vice-sipka-hover.gif');
          }
          
      /* tabulky */
      
      .prod-char {
        margin:5px 0px 5px 0px;
      }
      
        .prod-char th, .prod-char td {
          padding:3px 6px 3px 0px;
          text-align:left;
        }
        
      .fotogalerie {
        margin:5px 0px 5px 0px;
        width:100%;
      }
      
        .fotogalerie td {
          width:25%;
        }
        
          .fotogalerie td div {
            width:116px;
            height:116px;
            padding:7px;
            margin:3px 6px 3px 0px;
            text-align:center;
            background-color:#e9e9e9;
          }
          
            .fotogalerie td div img {
              padding:1px;
              border:2px solid #cccccc;
            }
            
          .fotogalerie td small {
            display:block;
            width:136px;
            padding-bottom:10px;
          }
          
      .formular {
        margin:5px 0px 5px 0px;
      }
      
        .formular th {
          padding:3px 6px 3px 0px;
          vertical-align:top;
          text-align:left;
        }
      
        .formular td {
          padding:3px 6px 3px 0px;
        }
    
    /* levy panel */
    
    #str-leva {
      position:relative;
      width:168px;
      padding:20px 0 0 35px;
    }
    
      /* menu */
      
      #menu-shop {
        position:relative;
        width:163px;
        background-color:#ee6500;
      }
      
        #menu-shop li {
          position:relative;
          list-style-type:none;
          font-size:13px;
          background:url('../img/menu-shop-li-bg.gif') 19px bottom no-repeat;
        }
        
        #menu-shop li#menu-shop-last-item {
          background:none;
        }
        
          #menu-shop li a {
            display:block;
            width:163px;
            color:#ffffff;
            text-decoration:none;
          }
          
          #menu-shop li a:hover {
            color:#f9c197;
          }
          
            #menu-shop li a strong {
              display:block;
              padding:13px 19px 13px 19px;
            }
            
          #menu-shop li ul {
            position:relative;
            padding:0 0 10px 0;
          }
          
            #menu-shop li ul li {
              font-size:12px;
              border:none;
              background:none;
            }
            
              #menu-shop li ul li a {
                width:163px;
              }
            
                #menu-shop li ul li a span {
                  display:block;
                  padding:7px 19px 7px 29px;
                }
                
        #menu-shop li.akt>a {
          background:url('../img/menu-shop-li-akt-bg.gif') 2px center no-repeat;
        }
          
            #menu-shop li ul li.akt>a {
              background:url('../img/menu-shop-li-ul-li-akt-bg.gif') 19px 13px no-repeat;
            }
      
      /* pod menu */
      
      #str-leva-sp {
        position:relative;
        width:203px;
        height:348px;
        font-size:13px;
      }
      
        #hledat {
          position:relative;
          width:163px;
          padding:20px 0 0 0;
        }
        
          #hledat p {
            padding:0px;
          }
          
          #hledat input#pole-hledat {
            position:relative;
            width:117px;
            height:16px;
            padding:5px;
            margin:0px;
            font-weight:bold;
            font-size:14px;
            background-image:url('../img/hledat-input-bg.gif');
            background-repeat:no-repeat;
            background-position:top left;
            border:1px solid #e8e8e8;
          }
          
          #hledat #button-hledat {
            position:relative;
            top:5px;
            margin:0 0 0 5px;
          }
          
        #newsl {
          position:relative;
          width:163px;
          padding:20px 0 20px 0;
          background:url('../img/iko-newsletter-str-leva.gif') no-repeat right center;
        }
        
          #newsl p {
            padding:0;
            text-align:right;
          }
          
            #newsl p a {
              display:block;
              padding:0 35px 0 0;
              color:#515151;
              text-decoration:none;
            }
        
        #kosik {
          position:relative;
          width:163px;
          padding:15px 0 20px 0;
        }
        
          #kosik h5 {
            padding:7px 0px 0px 40px;
            min-height:19px;
            _height:19px; /* MSIE 6 */
            font-weight:normal;
            font-size:13px;
            color:#515151;
            background:url('../img/iko-kosik-str-leva.gif') no-repeat center left;
          }
          
            #kosik h5 a {
              color:#515151;
            }
            
          #kosik p {
            padding-top:10px;
            color:#515151;
          }
      
  /* paticka */
  
  #pat-obal {
    position:relative;
    width:100%;
    margin:auto;
  }
  
    #pat {
      position:relative;
      width:820px;
      padding:25px 15px 30px 15px;
      margin:auto;
      text-align:right;
      font-size:11px;
      color:#999999;
    }
    
      div#pat a {
        color:#999999;
        text-decoration:none;
      }
      
      div#pat a:hover {
        color:#ffffff;
        text-decoration:underline;
      }
      
      div#pat p#menu-pat {
        position:relative;
        padding:0 0 25px 0;
      }
      
        div#pat p#menu-pat a {
          padding:0 0 0 16px;
          background:url('/img/menu-pat-a-bg.gif') no-repeat 4px center;
        }
        
      div#pat p#pat-obsah {
        font-size:9px;
      }
      
        div#pat p#pat-obsah span {
          display:block;
          position:relative;
          float:right;
          margin:0 0 0 35px;
        }
        
        div#pat p#pat-obsah span#pat-obsah-firma {
          width:470px;
          margin:0 40px 0 0;
          text-align:left;
        }
          
          div#pat p#pat-obsah span#pat-obsah-firma img {
            float:left;
            margin:0 15px 0 0;
          }

/* doplnky */

.skryt {
  display:none;
}

.spacer {
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:15px;
  line-height:0px;
  font-size:0px;
}

.cleaner {
  clear:both;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

.cleaner-right {
  clear:right;
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:0px;
  line-height:0px;
  font-size:0px;
}

.divider {
  border-top:1px dotted #cccccc;
  margin:30px 0px 5px 0px;
}

  /* obrazek pres text */
  
  .im {
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-position:center center;
  }
  
  a.im {
    cursor:pointer;
    cursor:hand;
  }

/* hlasky */

.chyba-formulare {
  font-size:100%;
  font-weight:bold;
  color:#cc0000;
  padding:15px 15px 15px 15px !important;
  border:3px solid #cc0000;
  margin:15px 0px 15px 0px !important;
  background-color:#ffffff;
}

.uspech-formulare {
  font-size:100%;
  font-weight:bold;
  color:#009900;
  padding:15px 15px 15px 15px !important;
  border:3px solid #009900;
  margin:20px 0px 20px 0px !important;
  background-color:#ffffff;
}

.zvyrazneno {
  background-color:#ffcc66;
}