/* CSS Document */

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

a {
  color:#1157A0;
}

a:hover {
  color:#990000;
}

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

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

small {
  font-size:87%;
}

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

td, th {
  vertical-align:top;
}

body {
  padding:0px 0px 30px 0px;
  margin:0px;
  font-family:arial,helvetica,sans-serif;
  font-size:82%;
  text-align:center;
  color:#000000;
  background-image:url('/img/body-bg.gif');
  background-position:center top;
  background-repeat:repeat-x;
  background-color:#1e5a9c;
}

  #obal {
    position:relative;
    width:100%;
    margin:auto;
    background-image:url('/img/obal-bg.gif');
    background-position:center top;
    background-repeat:repeat-y;
  }
  
    /* hlavicka */
    
    #hl-obal {
      position:relative;
      width:100%;
      height:329px;
      margin:auto;
      background-image:url('/img/hl-obal-bg.jpg');
      background-position:center top;
      background-repeat:no-repeat;
    }
    
      #hl {
        position:relative;
        top:12px;
        width:850px;
        height:317px;
        margin:auto;
      }
      
        #hl h1 {
          position:absolute;
          left:133px;
          top:111px;
          width:624px;
          height:120px;
        }
        
          #hl h1 a {
            display:block;
            width:100%;
            height:100%;
          }
          
            #hl h1 a .im {
              background-image:url('/img/h1-bg.jpg');
              cursor:pointer;
            }
            
        #hl h3 {
          position:absolute;
          right:52px;
          top:0px;
          width:232px;
          height:102px;
        }
        
          #hl h3 .im {
            background-image:url('/img/logo-karlovy-vary.jpg');
          }
          
        #hl h4#pocasi {
          position:absolute;
          top:60px;
          left:175px;
          width:110px;
          height:92px;
          padding:18px 0px 0px 95px;
          text-align:left;
          font-size:110%;
          color:#ffffff;
          background-position:left center;
          background-repeat:no-repeat;
        }
          #hl h4#pocasi big {
            display:block;
            font-size:200%;
          }
        
          h4.p1 {
            background-image:url('/img/iko-p1.jpg');
          }
          h4.p2 {
            background-image:url('/img/iko-p2.jpg');
          }
          h4.p3 {
            background-image:url('/img/iko-p3.jpg');
          }
          h4.p4 {
            background-image:url('/img/iko-p4.jpg');
          }
          h4.p5 {
            background-image:url('/img/iko-p5.jpg');
          }
          h4.p6 {
            background-image:url('/img/iko-p6.jpg');
          }
          h4.p7 {
            background-image:url('/img/iko-p7.jpg');
          }
          h4.p8 {
            background-image:url('/img/iko-p8.jpg');
          }
          h4.p9 {
            background-image:url('/img/iko-p9.jpg');
          }
          h4.p10 {
            background-image:url('/img/iko-p10.jpg');
          }
          h4.p11 {
            background-image:url('/img/iko-p11.jpg');
          }
          h4.p12 {
            background-image:url('/img/iko-p12.jpg');
          }
          h4.p13 {
            background-image:url('/img/iko-p13.jpg');
          }
          h4.p14 {
            background-image:url('/img/iko-p14.jpg');
          }
          h4.p15 {
            background-image:url('/img/iko-p15.jpg');
          }
          
        #hl h4#teplota {
          position:absolute;
          top:57px;
          left:382px;
          width:130px;
          height:62px;
          padding:7px 0px 0px 62px;
          text-align:left;
          font-size:90%;
          color:#ffffff;
          background-image:url('/img/iko-teplota.jpg');
          background-position:left center;
          background-repeat:no-repeat;
        }
        
          #hl h4#teplota big {
            display:block;
            font-size:240%;
          }
          
        #hl p {
          position:absolute;
          left:600px;
          top:210px;
          width:164px;
          font-size:8pt;
          color:#83a6ce;
        }
          
        /* menu */
        
        #menu {
          position:absolute;
          left:1px;
          bottom:2px;
          _bottom:1px;
          width:850px;
          height:56px;
        }
        
          #menu li {
            position:relative;
            float:left;
            height:56px;
            list-style-type:none;
          }
          
            #menu li a {
              position:relative;
              display:block;
              width:100%;
              height:100%;
            }
            
              #menu li a .im {
                background-image:url('/img/menu-bg.jpg');
                cursor:pointer;
              }
              
          #m1 {
            width:100px;
          }
          
            #m1 a .im {
               background-position:0px 0px;
            }
            
            #m1 a:hover .im, #m1.makt .im {
              background-position:0px -56px;
            }
            
          #m2 {
            width:117px;
          }
          
            #m2 a .im {
               background-position:-100px 0px;
            }
            
            #m2 a:hover .im, #m2.makt .im {
              background-position:-100px -56px;
            }
            
          #m3 {
            width:115px;
          }
          
            #m3 a .im {
               background-position:-217px 0px;
            }
            
            #m3 a:hover .im, #m3.makt .im {
              background-position:-217px -56px;
            }
            
          #m4 {
            width:105px;
          }
          
            #m4 a .im {
               background-position:-332px 0px;
            }
            
            #m4 a:hover .im, #m4.makt .im {
              background-position:-332px -56px;
            }
            
          #m5 {
            width:93px;
          }
          
            #m5 a .im {
               background-position:-437px 0px;
            }
            
            #m5 a:hover .im, #m5.makt .im {
              background-position:-437px -56px;
            }
            
          #m6 {
            width:109px;
          }
          
            #m6 a .im {
               background-position:-530px 0px;
            }
            
            #m6 a:hover .im, #m6.makt .im {
              background-position:-530px -56px;
            }
            
          #m7 {
            width:96px;
          }
          
            #m7 a .im {
               background-position:-639px 0px;
            }
            
            #m7 a:hover .im, #m7.makt .im {
              background-position:-639px -56px;
            }
            
          #m8 {
            width:113px;
          }
          
            #m8 a .im {
               background-position:-735px 0px;
            }
            
            #m8 a:hover .im, #m8.makt .im {
              background-position:-735px -56px;
            }
    
    /* stranka */
    
    #str-obal {
      position:relative;
      width:100%;
      min-height:420px;
      _height:420px;
      margin:auto;
      color:#1157A0;
      background-image:url('/img/str-obal-bg.jpg');
      background-position:center top;
      background-repeat:no-repeat;
    }
    
      #str {
        position:relative;
        width:779px;
        padding:35px 35px 15px 35px;
        margin:auto;
        text-align:left;
        background-image:url('/img/str-bg.gif');
        background-position:center top;
        background-repeat:repeat-x;
        z-index:200;
      }
      
        /* levy sloupec */
        
        #str-leva {
          position:relative;
          float:left;
          width:535px;
        }
        
        /* pravy sloupec */
        
        #str-prava {
          position:relative;
          margin-left:565px;
          padding-bottom:20px;
          font-size:90%;
          color:#5b8bbc;
        }
        
          #str-prava h3 {
            position:relative;
            margin:20px 0px 7px 0px;
            font-size:120%;
            color:#cb0100;
            overflow:hidden;
          }
          
          #str-prava h4 {
            position:relative;
            padding:7px 0px 0px 0px;
            font-size:110%;
            color:#1157A0;
          }
          
            #str-prava p small {
              font-size:90%;
            }
    
    /* paticka */
    
    #pat-obal {
      position:relative;
      width:100%;
      height:85px;
      margin:auto;
      background-image:url('/img/pat-obal-bg.jpg');
      background-position:center top;
      background-repeat:no-repeat;
    }
    
      #pat {
        position:relative;
        width:850px;
        height:85px;
        margin:auto;
      }
      
        #pat h5 {
          position:absolute;
          left:600px;
          top:20px;
          width:156px;
          height:17px;
        }
        
          #pat h5 .im {
            background-image:url('/img/pat-kvcity-bg.jpg');
          }
          
        #pat p {
          position:absolute;
          left:610px;
          bottom:0px;
          padding:0px;
        }
        
          #pat p a {
            color:#89abd1;
            text-decoration:none;
          }
          
          #pat p a:hover {
            color:#ffffff;
            text-decoration:underline;
          }

/* doplnky */

.skryt {
  display:none;
}

.spacer {
  border:0px;
  margin:0px;
  padding:0px;
  float:none;
  width:0px;
  height:25px;
  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 #adcee7;
  border-bottom:1px dotted #ffffff;
  margin:15px 0px 15px 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 {
  border:1px solid #cc0000 !important;
}