/* CSS Document */

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

h2 {
  position:relative;
  padding:0px 0px 20px 45px;
  font-family:tahoma,verdana,sans-serif;
  font-size:210%;
  font-weight:normal;
  color:#002F56;
}

h3 {
  position:relative;
  padding:20px 0px 10px 0px;
  font-family:tahoma,verdana,sans-serif;
  font-size:160%;
  font-weight:normal;
  color:#002F56;
}

h4 {
  position:relative;
  padding:15px 0px 7px 0px;
  font-family:tahoma,verdana,sans-serif;
  font-size:130%;
  font-weight:normal;
  color:#002F56;
}

a {
  color:#002F56;
}

a:hover {
  color:#6699cc;
}

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 {
  vertical-align:top;
}

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

#obal {
  position:relative;
  width:100%;
  min-height:623px;
  _height:623px; /* MSIE 6 */
  background-image:url('/img/obal-bg.gif');
  background-position:top center;
  background-repeat:repeat-x;
  background-color:#ffffff;
}

  #obal-mraky {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:230px;
    background-image:url('/img/obal-mraky-bg.jpg');
    background-position:top center;
    background-repeat:no-repeat;
  }

  #obal-trava {
    position:absolute;
    bottom:0px;
    _bottom:-1px; /* MSIE 6 */
    left:0px;
    width:100%;
    height:141px;
    background-image:url('/img/obal-trava-bg.jpg');
    background-position:left bottom;
    background-repeat:repeat-x;
  }
  
  /* hlavicka */
  
  #hl {
    position:relative;
    width:880px;
    height:187px;
    margin:auto;
    background-image:url('/img/obal-mraky-bg.jpg');
    background-position:top center;
    background-repeat:no-repeat;
    background-color:#1e90ff;
  }
  #hl.hl-2011 {
    height:218px;
  }
  
    #hl h1 {
      position:absolute;
      top:39px;
      left:96px;
      width:149px;
      height:114px;
    }
    
      #hl h1 a {
        display:block;
        width:100%;
        height:100%;
        cursor:pointer;
      }
      
        #hl h1 a .im {
          background-image:url('/img/energen-logo.jpg');
        }
        
    #hl-lista {
      position:absolute;
      top:0px;
      right:0px;
      width:493px;
      height:48px;
      text-align:right;
    }
    
      #hl-lista ul {
        position:absolute;
        left:20px;
        bottom:10px;
      }
      
        #hl-lista ul li {
          position:relative;
          float:left;
          width:17px;
          height:12px;
          margin-right:9px;
          list-style-type:none;
          font-size:7pt;
        }
        
          #hl-lista ul li a {
            display:block;
            width:100%;
            height:100%;
            cursor:pointer;
          }
          
            #hl-lista ul li a .im {
              background-position:top;
            }
            
            #hl-lista ul li a:hover .im {
              background-position:bottom;
            }
            
          #hl-lista ul li .im {
            background-position:bottom;
          }
          
        #cs .im {
          background-image:url('/img/flag-cs.gif');
        }
        
        #pl .im {
          background-image:url('/img/flag-pl.gif');
        }
        
        #en .im {
          background-image:url('/img/flag-en.gif');
        }
        
        #fr .im {
          background-image:url('/img/flag-fr.gif');
        }
        
        #es .im {
          background-image:url('/img/flag-es.gif');
        }
        
      #hl-lista p {
        position:absolute;
        right:15px;
        bottom:7px;
        width:300px;
        padding:0px;
      }
      
        #hl-lista p a {
          padding-left:22px;
          margin-left:15px;
          color:#ffffff;
          text-decoration:none;
          background-position:0px 3px;
          background-repeat:no-repeat;
        }
        
        #hl-lista p a:hover {
          color:#022B65;
        }
        
          #hl-lista p #odeslat-dotaz {
            background-image:url('/img/hl-lista-iko-mail.gif');
          }
          
          #hl-lista p #mapa-stranek {
            background-image:url('/img/hl-lista-iko-sitemap.gif');
          }
        
    #menu-top {
      position:absolute;
      top:100px;
      right:15px;
      font-size:110%;
    }
    
      #menu-top li {
        position:relative;
        float:left;
        margin-left:16px;
        padding-left:18px;
        list-style-type:none;
        background-image:url('/img/menu-top-bg.gif');
        background-position:left center;
        background-repeat:no-repeat;
      }
      
        #menu-top li a {
          color:#ffffff;
          text-decoration:none;
        }
        
        #menu-top li a:hover {
          color:#022B65;
        }
        
      #menu-top #banner-objednavka {
        position:absolute;
        float:none;
        right:0px;
        top:40px;
        margin:0px;
        padding:0px 25px 0px 0px;
        font-size:110%;
        font-weight:bold;
        background-image:url('/img/banner-objednavka-bg.gif');
        background-position:right center;
        background-repeat:no-repeat;
      }
      
        #menu-top #banner-objednavka a span {
          color:#ffcc66;
        }
        
        #menu-top #banner-objednavka a:hover span {
          color:#022B65;
        }
        
      #menu-top #banner-metodika {
        position:absolute;
        float:none;
        right:0px;
        top:65px;
        margin:0px;
        padding:0px 25px 0px 0px;
        font-size:110%;
        font-weight:bold;
        background-image:url('/img/banner-objednavka-bg.gif');
        background-position:right center;
        background-repeat:no-repeat;
      }
      
        #menu-top #banner-metodika a span {
          color:#99cc66;
        }
        
        #menu-top #banner-metodika a:hover span {
          color:#022B65;
        }
        
      #menu-top #banner-partner {
        position:absolute;
        float:none;
        right:0px;
        top:-35px;
        padding:0px 25px 0px 0px;
        margin:0px;
        background-image:url('/img/banner-partner-bg.png');
        background-position:right center;
        background-repeat:no-repeat;
      }
      
    /* menu top 2011 */
  
    #menu-top-2011 {
      position:absolute;
      top:73px;
      right:15px;
      font-size:110%;
    }
    
      #menu-top-2011 li {
        position:relative;
        float:left;
        margin-left:16px;
        padding-left:18px;
        list-style-type:none;
        background-image:url('/img/menu-top-bg.gif');
        background-position:left center;
        background-repeat:no-repeat;
      }
      
        #menu-top-2011 li a {
          color:#ffffff;
          text-decoration:none;
        }
        
        #menu-top-2011 li a:hover {
          color:#022B65;
        }
    
    /* menu bottom 2011 */
       
    #menu-bottom-2011 {
      position:absolute;
      top:104px;
      right:15px;
      height:78px;
    }
    
      #menu-bottom-2011 li {
        position:relative;
        float:left;
        height:78px;
        list-style:none;
        font-size:12px;
      }
      #menu-bottom-2011 li#mb4 {
        font-size:14px;
        font-weight:bold;
      }
      
        #menu-bottom-2011 li a {
          display:block;
          position:relative;
          height:78px;
          text-decoration:none;
          background:url('/img/menu-bottom-2011-bg.png') top no-repeat;
        }
        #menu-bottom-2011 li#mb4 a {
          background:url('/img/menu-bottom-2011-webovy-tyden-bg.png') top no-repeat;
        }
        
        #menu-bottom-2011 li a:hover, #menu-bottom-2011 li a.akt {
          color:#ffffff;
        }
        
      #menu-bottom-2011 li#mb1 {
        width:168px;
      }
        
        #menu-bottom-2011 li#mb1 a {
          width:168px;
          background-position:0px 0px;
        }
        
        #menu-bottom-2011 li#mb1 a:hover, #menu-bottom-2011 li#mb1 a.akt {
          background-position:0px -78px;
        }
        
      #menu-bottom-2011 li#mb2 {
        width:139px;
      }
        
        #menu-bottom-2011 li#mb2 a {
          width:139px;
          background-position:-168px 0px;
        }
        
        #menu-bottom-2011 li#mb2 a:hover, #menu-bottom-2011 li#mb2 a.akt {
          background-position:-168px -78px;
        }
        
      #menu-bottom-2011 li#mb3 {
        width:84px;
      }
        
        #menu-bottom-2011 li#mb3 a {
          width:84px;
          background-position:-307px 0px;
        }
        
        #menu-bottom-2011 li#mb3 a:hover, #menu-bottom-2011 li#mb3 a.akt {
          background-position:-307px -78px;
        }
        
      #menu-bottom-2011 li#mb4 {
        width:147px;
        margin-left:2px;
      }
        
        #menu-bottom-2011 li#mb4 a {
          width:147px;
          background-position:0px 0px;
        }
        
        #menu-bottom-2011 li#mb4 a:hover, #menu-bottom-2011 li#mb4 a.akt {
          color:#022b65;
          background-position:0px -78px;
        }
        
        #menu-bottom-2011 li a span {
          display:block;
          position:relative;
          padding-top:38px;
        }
        #menu-bottom-2011 li#mb4 a span {
          padding-top:14px;
        }
        
        #menu-bottom-2011 li#mb4 a span small {
          position:relative;
          top:3px;
          font-size:11px;
        }
        
      p#offer-rotating {
        position:absolute;
        right:15px;
        top:192px;
        height:28px;
        padding:0 0 0 4px;
        font-size:12px;
        background:url('/img/offer-rotating-bg.gif') left center no-repeat;
        z-index:200;
        visibility: hidden;
      }
      
        p#offer-rotating span {
          display:block;
          position:relative;
          height:28px;
          padding:0 4px 0 0;
          background:url('/img/offer-rotating-span-bg.gif') right center no-repeat;
        }
        
          p#offer-rotating span a {
            display:block;
            position:relative;
            height:18px;
            padding:6px 5px 4px 5px;
            text-decoration:none;
            color:#ffffff;
            background:url('/img/offer-rotating-span-a-bg.gif') center center repeat-x;
          }
          
            p#offer-rotating span a small {
              display:inline-block;
              position:relative;
              top:-4px;
              width:101px;
              height:19px;
              margin-right:-4px;
              text-align:left;
              font-size:9px;
              background:url('/img/offer-rotating-span-a-small-bg.gif') center center no-repeat;
            }
            
              p#offer-rotating span a small span {
                display:inline;
                position:relative;
                left:8px;
                top:3px;
                height:auto;
                padding:0;
                background:none;
              }
        
  /* menu index */
  
  #menu-index {
    position:relative;
    top:-3px;
    width:880px;
    _width:880px; /* MSIE 6 */
    height:267px;
    margin:auto;
  }
  
    #menu-index li {
      position:relative;
      float:left;
      width:140px;
      height:214px;
      margin:22px 3px 0px 3px;
      list-style-type:none;
      font-size:127%;
    }
    
      #menu-index li a {
        display:block;
        width:100%;
        height:100%;
        color:#022B65;
        text-decoration:none;
        background-position:top center;
        background-repeat:no-repeat;
      }
      
      #menu-index li a:hover {
        filter:alpha(opacity=60);
        -moz-opacity:.60;
        opacity:.60;
      }
      
        #menu-index li a span {
          display:block;
          padding-top:160px;
        }
      
    #mi1 a {
      background-image:url('/img/mi1-bg.jpg');
    }
    
    #mi2 a {
      background-image:url('/img/mi2-bg.jpg');
    }
    
    #mi3 a {
      background-image:url('/img/mi3-bg.jpg');
    }
    
    #mi4 a {
      background-image:url('/img/mi4-bg.jpg');
    }
    
    #mi5 a {
      background-image:url('/img/mi5-bg.jpg');
    }
    
    #mi6 a {
      background-image:url('/img/mi6-bg.jpg');
    }
  
  /* stranka */
  
  #str-obal {
    position:relative;
    width:880px;
    min-height:440px;
    _height:440px;
    margin:auto;
    background-image:url('/img/str-obal-bg.gif');
    background-position:top center;
    background-repeat:repeat-y;
  }
  
    /* pozadi stranky */
    
    #str-poz-h {
      position:absolute;
      top:0px;
      left:0px;
      width:880px;
      height:284px;
      background-image:url('/img/str-poz-h-bg.jpg');
      background-position:center top;
      background-repeat:no-repeat;
    }
    #str-poz-h.str-poz-h-2011 {
      background-image:url('/img/str-poz-h-2011-bg.jpg');
    }
    /* osetreni cizi jazyky */
    #obal.obal-en #str-poz-h.str-poz-h-2011, #obal.obal-es #str-poz-h.str-poz-h-2011, #obal.obal-fr #str-poz-h.str-poz-h-2011, #obal.obal-pl #str-poz-h.str-poz-h-2011 {
      background-image:url('/img/str-poz-h-bg.jpg') !important;
    }
    
    #str-poz-d {
      position:absolute;
      bottom:0px;
      left:0px;
      width:880px;
      height:141px;
      background-image:url('/img/str-poz-d-bg.jpg');
      background-position:top center;
      background-repeat:no-repeat;
    }
    
    /* menu */
    
    #menu {
      position:relative;
      width:850px;
      height:49px;
      margin:auto;
      padding-top:15px;
      font-size:110%;
    }
    
      #menu li {
        position:relative;
        float:left;
        height:49px;
        text-align:center;
        list-style-type:none;
        _overflow:hidden;
      }
      
        #menu li a {
          display:block;
          width:100%;
          height:100%;
          color:#022B65;
          text-decoration:none;
          background-image:url('/img/menu-bg.jpg');
          background-repeat:no-repeat;
        }
        
        #menu li a:hover {
          color:#ffffff;
        }
        
        #menu li a.akt {
          color:#ffffff !important;
        }
        
          #menu li a span {
            display:block;
            padding-top:17px;
            font-weight:600;
          }
        
      #m1 {
        width:125px;
      }
        #m1 a {
          background-position:0px top;
        }
        #m1 a:hover {
          background-position:0px bottom;
        }
        #m1 a.akt {
          background-position:0px bottom !important;
        }
        
      #m2 {
        width:124px;
      }
        #m2 a {
          background-position:-125px top;
        }
        #m2 a:hover {
          background-position:-125px bottom;
        }
        #m2 a.akt {
          background-position:-125px bottom !important;
        }
        
      #m3 {
        width:121px;
      }
        #m3 a {
          background-position:-249px top;
        }
        #m3 a:hover {
          background-position:-249px bottom;
        }
        #m3 a.akt {
          background-position:-249px bottom !important;
        }
        
      #m4 {
        width:125px;
      }
        #m4 a {
          background-position:-370px top;
        }
        #m4 a:hover {
          background-position:-370px bottom;
        }
        #m4 a.akt {
          background-position:-370px bottom !important;
        }
        
      #m5 {
        width:115px;
      }
        #m5 a {
          background-position:-495px top;
        }
        #m5 a:hover {
          background-position:-495px bottom;
        }
        #m5 a.akt {
          background-position:-495px bottom !important;
        }
      #m6 {
        width:240px;
      }
        #m6 a {
          background-position:-610px top;
        }
        #m6 a:hover {
          background-position:-610px bottom;
        }
        #m6 a.akt {
          background-position:-610px bottom !important;
        }
    
    /* obsah stranky -->> stranka.css */
  
/* paticka */

#pat-obal {
  position:relative;
  width:100%;
  height:91px;
  background-image:url('/img/pat-obal-bg.jpg');
  background-position:left top;
  background-repeat:repeat-x;
}

  #pat {
    position:relative;
    width:855px;
    height:69px;
    margin:auto;
    padding:22px 10px 0px 15px;
    text-align:right;
    font-size:90%;
    color:#ffffff;
  }
  
    #pat p {
      padding:0px;
    }
  
      #pat span {
        float:left;
      }
      
      #pat a {
        padding:0px 4px 0px 4px;
        color:#ffffff;
        text-decoration:none;
      }
      
      #pat a:hover {
        text-decoration:underline;
      }

/* 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;
  border-bottom:1px dotted #ffffff;
  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, .form-error {
  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, .form-success {
  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;
}