/* 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:#3E629A;
}

a:hover {
  color:#cc0000;
}

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

  #obal {
    position:relative;
    width:100%;
    min-height:260px;
    _height:260px;
    margin:auto;
    color:#000000;
    background-image:url('/img/obal-bg.gif');
    background-position:center top;
    background-repeat:repeat;
    background-color:#ffffff;
  }
  
    #obal-top-bg {
      position:absolute;
      left:0px;
      top:0px;
      width:100%;
      height:257px;
      background-image:url('/img/obal-top-bg-bg.gif');
      background-position:center top;
      background-repeat:repeat-x;
    }
    
/* stranka */

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

  #str {
    position:relative;
    width:770px;
    margin:auto;
    padding-bottom:36px;
    text-align:left;
    background-color:#ffffff;
    _border-right:1px solid #b7bfc6;
    _border-bottom:1px solid #b7bfc6;
    _border-left:1px solid #b7bfc6;
  }
  
  /* hlavicka */
  
  #hl {
    position:relative;
    width:770px;
    height:163px;
    background-image:url('/img/hl-bg.gif');
    background-position:center top;
    background-repeat:repeat-y;
    background-color:#4d7bc6;
  }
  
    #hl-right-bg {
      position:absolute;
      right:0px;
      top:0px;
      width:249px;
      height:163px;
      background-image:url('/img/hl-right-bg-bg.jpg');
      background-position:right top;
      background-repeat:no-repeat;
    }
    
    #hl h1 {
      position:absolute;
      left:50px;
      top:22px;
      width:146px;
      height:118px;
      font-size:120%;
    }
    
      #hl h1 a {
        display:block;
        position:absolute;
        width:100%;
        height:100%;
        color:#ffffff;
      }
      
        #hl h1 a .im {
          background-image:url('/img/logo-css.gif');
        }
        
    #hl h4 {
      position:absolute;
      left:230px;
      top:79px;
      width:340px;
      height:45px;
      font-size:100%;
      color:#ffffff;
    }
    
      #hl h4 .im {
        background-image:url('/img/hl-h4-bg.jpg');
      }
      
  /* menu */
  
  #menu {
    position:relative;
    width:770px;
    height:48px;
    background-image:url('/img/menu-bg.gif');
    background-position:left top;
    background-repeat:repeat-x;
  }
  
    #menu ul {
      position:absolute;
      width:748px;
      height:48px;
    }
    
      #menu li {
        position:relative;
        float:left;
        height:48px;
        list-style-type:none;
      }
      
        #menu li.akt a .im, #menu li.akt a:hover .im {
          background-image:url('/img/menu-akt-bg.gif');
        }
      
        #menu li a {
          display:block;
          position:absolute;
          width:100%;
          height:100%;
        }
        
          #menu li a .im, #menu li a:hover .im {
            background-image:url('/img/menu-a-bg.gif');
          }
          
      #m1 {
        width:147px;
      }
      
        #m1 a .im, #m1.akt a .im, #m1.akt a:hover .im {
          background-position:0px 0px;
        }
        
        #m1 a:hover .im {
          background-position:0px -48px;
        }
        
      #m2 {
        width:88px;
      }
      
        #m2 a .im, #m2.akt a .im, #m2.akt a:hover .im {
          background-position:-147px 0px;
        }
        
        #m2 a:hover .im {
          background-position:-147px -48px;
        }
        
      #m3 {
        width:99px;
      }
      
        #m3 a .im, #m3.akt a .im, #m3.akt a:hover .im {
          background-position:-235px 0px;
        }
        
        #m3 a:hover .im {
          background-position:-235px -48px;
        }
        
      #m4 {
        width:115px;
      }
      
        #m4 a .im, #m4.akt a .im, #m4.akt a:hover .im {
          background-position:-334px 0px;
        }
        
        #m4 a:hover .im {
          background-position:-334px -48px;
        }
        
      #m5 {
        width:99px;
      }
      
        #m5 a .im, #m5.akt a .im, #m5.akt a:hover .im {
          background-position:-449px 0px;
        }
        
        #m5 a:hover .im {
          background-position:-449px -48px;
        }
        
      #m6 {
        width:200px;
      }
      
        #m6 a .im, #m6.akt a .im, #m6.akt a:hover .im {
          background-position:-548px 0px;
        }
        
        #m6 a:hover .im {
          background-position:-548px -48px;
        }
  
  /* navi linka */
  
  #navi-linka {
    position:relative;
    width:710px;
    height:11px;
    padding:16px 30px 12px 30px;
  }
  
    #navi-linka p {
      padding:0px;
      font-size:8pt;
      color:#B2B2B2;
    }
    
      #navi-linka p a {
        color:#B2B2B2;
        text-decoration:none;
      }
      
      #navi-linka p a:hover {
        color:#999999;
        text-decoration:underline;
      }
      
  /* stranka leva */
  
  #str-leva {
    position:relative;
    float:left;
    width:169px;
    padding:0px 0px 0px 27px;
  }
  
    /* submenu */
    
    #submenu {
      position:relative;
      width:169px;
      margin-bottom:30px;
      background-image:url('/img/submenu-bg.gif');
      background-position:left top;
      background-repeat:repeat-y;
    }
    
      #submenu-top-bg {
        position:relative;
        width:169px;
        height:45px;
        background-image:url('/img/submenu-top-bg-bg.gif');
        background-position:left top;
        background-repeat:repeat-y;
      }
      
      #submenu ul {
        position:relative;
        width:169px;
        min-height:88px;
        _height:88px;
        text-align:center;
        background-image:url('/img/submenu-ul-bg.gif');
        background-position:left bottom;
        background-repeat:no-repeat;
      }
      
        #submenu ul li {
          position:relative;
          width:119px;
          padding:12px 5px 15px 5px;
          margin:auto;
          list-style-type:none;
          text-align:left;
          background-image:url('/img/submenu-li-bg.gif');
          background-position:left bottom;
          background-repeat:no-repeat;
        }
        
        #submenu ul li.sm-pos {
          background:none;
        }
        
          #submenu ul li a {
            display:block;
            position:relative;
            width:119px;
            height:14px;
            font-size:8pt;
          }
          
          #submenu ul li a:hover {
            color:#000000;
          }
          
            #submenu ul li a .im {
              background-position:left top;
            }
            
            #submenu ul li a:hover .im {
              background-position:left bottom;
            }
            
            #submenu ul li.sakt a .im {
              background-position:left bottom;
            }
            
            #sm-1 .im {
              background-image:url('/img/sm-1-bg.gif');
            }
            
            #sm-2 .im {
              background-image:url('/img/sm-2-bg.gif');
            }
            
            #sm-3 .im {
              background-image:url('/img/sm-3-bg.gif');
            }
            
            #sm-4 .im {
              background-image:url('/img/sm-4-bg.gif');
            }
            
            #sm-5 .im {
              background-image:url('/img/sm-5-bg.gif');
            }
            
            #sm-6 .im {
              background-image:url('/img/sm-6-bg.gif');
            }
            
            #sm-7 .im {
              background-image:url('/img/sm-7-bg.gif');
            }
            
            #sm-8 .im {
              background-image:url('/img/sm-8-bg.gif');
            }
            
            #sm-9 .im {
              background-image:url('/img/sm-9-bg.gif');
            }
            
            #sm-10 .im {
              background-image:url('/img/sm-10-bg.gif');
            }
            
            #sm-11 a {
              height:33px !important;
            }
            #sm-11 .im {
              background-image:url('/img/sm-11-bg.gif');
            }
            
            #sm-12 .im {
              background-image:url('/img/sm-12-bg.gif');
            }
            
            #sm-13 .im {
              background-image:url('/img/sm-13-bg.gif');
            }
            
            #sm-14 a {
              height:32px !important;
            }
            #sm-14 .im {
              background-image:url('/img/sm-14-bg.gif');
            }
            
            #sm-15 .im {
              background-image:url('/img/sm-15-bg.gif');
            }
            
            #sm-16 a {
              height:50px !important;
            }
            #sm-16 .im {
              background-image:url('/img/sm-16-bg.gif');
            }
            
          #submenu ul li ul {
            position:relative;
            width:119px;
            min-height:auto;
            _height:auto;
            padding-top:5px;
            text-align:center;
            background:none;
          }
          
            #submenu ul li ul li {
              position:relative;
              width:109px;
              padding:7px 5px 10px 5px;
              margin:auto;
              list-style-type:none;
              text-align:left;
              background-image:url('/img/submenu-li-ul-li-bg.gif');
              background-position:left bottom;
              background-repeat:no-repeat;
            }
            
            #submenu ul li ul li.sm-pos {
              padding-bottom:0px;
            }
            
              #submenu ul li ul li a {
                display:block;
                position:relative;
                width:109px;
                height:auto;
                font-size:8pt;
                text-decoration:none;
              }
              
              #submenu ul li ul li.sakt a {
                color:#000000;
              }
            
    /* novinky */
    
    #str-leva h4 {
      position:relative;
      padding:0px 0px 10px 0px;
      font-size:100%;
      font-weight:normal;
      color:#666666;
    }
    
    #str-leva p {
      padding:6px 0px 6px 0px;
      font-size:90%;
      color:#4d4d4d;
    }
    
      #str-leva p a {
        color:#808080;
      }
      
      #str-leva p a:hover {
        color:#993333;
      }
  
  /* stranka prava */
  
  #str-prava {
    position:relative;
    width:480px;
    _width:474px;
    padding:0px 47px 0px 0px;
    margin-left:243px;
    _margin-left:243px;
    color:#4D4D4D;
  }
  
/* paticka 1 */

#pat1 {
  position:relative;
  width:770px;
  height:60px;
  margin:auto;
  font-size:80%;
  background-image:url('/img/pat-1-bg.png');
  background-position:left top;
  background-repeat:no-repeat;
  _background:none;
}

  #pat1-leva {
    position:relative;
    float:left;
    width:70%;
    padding:23px 0px 0px 0px;
    text-align:left;
    color:#6e8ec2;
  }
  
    #pat1-leva a {
      font-weight:bold;
      color:#5c7aaa;
      text-decoration:none;
    }
    
    #pat1-leva a:hover {
      color:#990000;
      text-decoration:underline;
    }
  
  #pat1-prava {
    position:relative;
    float:right;
    width:30%;
    padding:23px 0px 0px 0px;
    text-align:right;
    color:#476a9f;
  }

/* paticka 2 */

#pat2 {
  position:relative;
  width:770px;
  height:50px;
  margin:auto;
  padding:26px 0px 26px 0px;
  text-align:left;
  font-size:90%;
  color:#6e7f98;
}

  #pat2 a {
    color:#6e7f98;
    text-decoration:none;
  }
  
  #pat2 a:hover {
    color:#d0d9e2;
    text-decoration:underline;
  }
  
  #pat2-css {
    position:relative;
    float:left;
    width:300px;
    padding:0px 0px 0px 76px;
    background-image:url('/img/logo-css-pat2.gif');
    background-position:left top;
    background-repeat:no-repeat;
  }
  
  #pat2-loga {
    position:relative;
    float:right;
    width:166px;
    padding:0px;
    text-align:right;
  }
  
    #p2-1 {
      position:relative;
      float:left;
      width:75px;
      height:39px;
      margin-right:20px;
    }
    
      #p2-1 .im {
        background-image:url('/img/logo-silnicni-obzor-pat2.gif');
      }
      
    #p2-2 {
      position:relative;
      float:left;
      width:68px;
      height:31px;
    }
    
      #p2-2 .im {
        background-image:url('/img/logo-dopravni-inzenyrstvi-pat2.gif');
      }

/* doplnky */

.skryt {
  display:none;
}

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

.worm-spacer {
  position:relative;
  width:100%;
  _width:99%;
  height:80px;
  background-image:url('/img/worm-spacer.gif');
  background-position:center;
  background-repeat:no-repeat;
}

.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 #c0d1c0;
  border-bottom:1px dotted #ecefeb;
  margin:15px 0px 15px 0px;
  clear:right;
}

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