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

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 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');
        }
        
        #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 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:53px 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:top center;
      background-repeat:no-repeat;
    }
    
    #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 {
  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;
}