/* 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:#0f1d97;
}

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:verdana,tahoma,arial,helvetica,sans-serif;
  font-size:82%;
  text-align:center;
  color:#000000;
  background-image:url('../img/body-bg.gif');
  background-repeat:repeat-x;
  background-position:top center;
  background-color:#ffffff;
}

#str-obal {
  position:relative;
  width:100%;
  margin:auto;
  background-image:url('../img/str-obal-bg.gif');
  background-repeat:no-repeat;
  background-position:top center;
}

/* hlavicka */

#hl {
  position:relative;
  width:979px;
  height:119px;
  margin:auto;
  background-image:url('../img/logo-k.gif');
  background-repeat:no-repeat;
  background-position:866px 14px;
}

  #hl h1 {
    position:absolute;
    top:15px;
    left:20px;
    width:191px;
    height:99px;
  }
  
    #hl h1 a {
      display:block;
      width:100%;
      height:100%;
      cursor:pointer;
    }
    
    #hl h1 .im {
      background-image:url('../img/logo-kamkas.gif');
    }
    
    #hl h3 {
    position:absolute;
    top:0px;
    left:230px;
    width:595px;
    height:84px;
    color:#ffffff;
    background-color:#0f1d97;
  }
    
    #hl h3 .im {
      background-image:url('../img/hl-image-bg.gif');
    }
    
  #hl #banner {
    position:absolute;
    top:171px;
    left:846px;
    width:120px;
    height:240px;
  }
    
  /* menu */
  
  #menu {
    position:absolute;
    top:86px;
    left:230px;
    width:597px;
    height:31px;
  }
  
    #menu li {
      position:relative;
      float:left;
      height:31px;
      list-style-type:none;
      border-right:2px solid #ffffff;
    }
    
      #menu li .im {
        background-position:center top;
      }
      
      #menu li a .im {
        cursor:pointer;
      }
      
      #menu li a:hover .im {
        background-position:center bottom;
      }
    
    #mbt1 {
      width:110px;
    }
    
      #mbt1 .im {
        background-image:url('../img/mbt1.gif');
      }
      
    #mbt2 {
      width:117px;
    }
    
      #mbt2 .im {
        background-image:url('../img/mbt2.gif');
      }
      
    #mbt3 {
      width:104px;
    }
    
      #mbt3 .im {
        background-image:url('../img/mbt3.gif');
      }
      
    #mbt4 {
      width:120px;
    }
    
      #mbt4 .im {
        background-image:url('../img/mbt4.gif');
      }
      
    #mbt5 {
      width:136px;
    }
    
      #mbt5 .im {
        background-image:url('../img/mbt5.gif');
      }

/* stranka */

#str {
  position:relative;
  width:979px;
  margin:auto;
  padding-bottom:15px;
}

  /* stranka leva */
  
  #str-leva {
    position:relative;
    float:left;
    width:228px;
    padding:19px 0px 0px 0px;
    text-align:right;
  }
  
    /* submenu */
    
    #submenu {
      position:relative;
      margin-left:99px;
      font-size:7pt;
      text-align:right;
    }
    
      #submenu li {
        position:relative;
        width:129px;
        height:17px;
        margin-bottom:2px;
        list-style-type:none;
        background-image:url('../img/submbt.gif');
        background-repeat:no-repeat;
        background-position:right top;
      }
      
        #submenu li a {
          display:block;
          width:100%;
          height:100%;
          color:#ffffff;
          text-decoration:none;
        }
        
        #submenu li a:hover {
          color:#fc6418;
        }
        
          #submenu li a span {
            display:block;
            padding:2px 4px 0px 0px;
          }
  
  /* stranka prava */
  
  #str-prava {
    position:relative;
    margin:0px 154px 0px 230px;
    _margin:0px 151px 0px 230px;
    text-align:left;
  }
  
    #str-prava h2 {
      position:relative;
      height:12px;
      padding:2px 25px 3px 25px;
      font-size:8pt;
      color:#ffffff;
      vertical-align:top;
      background-image:url('../img/h2-bg.gif');
      background-repeat:no-repeat;
      background-position:right top;
      background-color:#0f1d97;
      overflow:hidden;
    }
  
    /* obsah stranky */
    
    #str-obsah-obal {
      position:relative;
      padding:4px;
      background-color:#0f1d97;
      border-top:2px solid #ffffff;
    }
      /* navilinka */
      
      #navilinka {
        position:relative;
        width:587px;
        height:12px;
        padding:0px 0px 4px 0px;
        margin:0px;
      }
      
        #navilinka a {
          display:block;
          width:13px;
          height:12px;
          position:absolute;
          top:0px;
          color:#ffffff;
          overflow:hidden;
        }
        
          #navilinka a .im {
            background-position:top;
            cursor:pointer;
          }
          
          #navilinka a:hover .im {
            background-position:bottom;
          }
        
        #navilinka #predchozi {
          left:0px;
        }
        
          #navilinka #predchozi .im {
            background-image:url('../img/sipka-navilinka-leva.gif');
          }
        
        #navilinka #dalsi {
          right:0px;
        }
        
          #navilinka #dalsi .im {
            background-image:url('../img/sipka-navilinka-prava.gif');
          }
          
      /* obsah */
    
      #str-obsah {
        position:relative;
        padding:15px;
        min-height:303px;
        _height:303px; /* MSIE 6 */
        background-color:#ffffff;
      }
      
        #str-obsah h3 {
          position:relative;
          padding:20px 0px 10px 0px;
          font-size:130%;
          color:#0f1d97;
        }
        
        #str-obsah h4 {
          position:relative;
          padding:15px 0px 5px 0px;
          font-size:110%;
          color:#0f1d97;
        }
        
        #str-obsah ul, #str-obsah ol {
          position:relative;
          padding:5px 0px 5px 25px;
        }
        
          #str-obsah li {
            padding:1px;
            list-style-type:square;
          }
        
        p.mapa {
          float:right;
          position:relative;
          width:100px;
          padding-right:30px;
          font-size:80%;
        }
        
          p.mapa img {
            margin-bottom:5px;
          }
          
          p.mapa a {
            text-decoration:none;
          }
          
      /* obrazky */
      
      .fotoprodukt {
        float:right;
        position:relative;
        top:-20px;
        width:220px;
        margin:0px 0px 0px 40px;
      }
      
      /* tabulky */
      
      .data {
        position:relative;
        margin:5px 0px 10px 0px;
        font-size:100%;
        text-align:center;
      }
      
        .data th {
          padding:5px;
          font-size:80%;
          border:1px solid #ffffff;
          background-color:#b2b2b2;
        }
        
        .data td {
          padding:7px;
          border:1px solid #ffffff;
          background-color:#e5e5e5;
        }
        
        .data .radek td {
          background-color:#f2f2f2;
        }
        
      .detail {
        text-align:left;
      }
        
        .detail th {
          vertical-align:top;
        }
        
          .detail td ul {
            padding:0px 0px 0px 20px !important;
          }
          
          .barva {
            display:block;
            float:right;
            width:10px;
            height:10px;
            margin:3px 3px 0px 0px;
            padding:0px;
            line-height:10px;
            border:1px solid #000000;
            overflow:hidden;
          }
          
          .bila {
            background-color:#ffffff;
          }
          
          .cerna {
            background-color:#000000;
          }
          
          .cervena {
            background-color:#cc0000;
          }
          
          .hneda {
            background-color:#663300;
          }
          
          .modra {
            background-color:#0066ff;
          }
          
          .seda {
            background-color:#808080;
          }
        
      .vypis {
        position:relative;
        width:100%;
        _width:550px; /* MSIE 6 */
      }
      
        .vypis td {
          width:25%;
          text-align:center;
        }
        
          .vypis td div {
            position:relative;
            width:111px;
            padding:6px;
            margin: 10px 0px 10px 0px;
            text-align:left;
            background-color:#0f1d97;
          }
          
            .vypis td h4 {
              position:relative;
              padding:3px 0px 3px 0px;
              font-size:110%;
            }
            
              .vypis td h4 a {
                color:#ffffff;
                text-decoration:none;
              }
              
            .vypis td p {
              font-size:80%;
            }
              
              .vypis td p a {
                color:#ff6418;
                background-position:left;
                background-repeat:no-repeat;
              }
              
              .vypis td p a:hover {
                color:#ffffff;
              }
              
                .vypis td p a.vice {
                  padding-left:10px;
                  background-image:url('../img/iko-vice.gif');
                }
                
                .vypis td p a.trid {
                  padding-left:20px;
                  margin-left:10px;
                  background-image:url('../img/iko-3d.gif');
                }
                
      .fotogalerie {
        position:relative;
        width:100%;
        _width:550px; /* MSIE 6 */
      }
      
        .fotogalerie td {
          width:25%;
          padding:10px 0px 10px 0px;
        }
        
          .fotogalerie td img {
            border:6px solid #e8e8e8;
          }

/* 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;
}

.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;
}