body {
margin: 0; padding: 0;
text-align: center; /* IE */

background: white;
}

.hidden {display: none;}

#top {
width: 900px;
margin: 0 auto; padding: 0;
}
  
  #top #vlajky {float: right; margin: 20px 55px 20px 0 !important;}
  #top #vlajky {margin: 0 0 0 0; padding: 0; list-style: none;}
  #top #vlajky li {float: left; margin: 0 5px; width: 37px; height: 30px;}
  #top #vlajky li a {display: block; width: 100%; height: 100%; position: relative; overflow: hidden; background: white;text-decoration: none;}
  #top #vlajky li a span {display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: transparent; background-repeat: no-repeat; background-position: bottom left !important; cursor: pointer;}
  #top #vlajky li a:hover span, #top #vlajky li a.aktivni span {background-position: top left !important;}
    #top #vlajky .cz span {background-image: url('./../img/vl-cz.png');}
    #top #vlajky .sk span {background-image: url('./../img/vl-sk.png');}
    #top #vlajky .uk span {background-image: url('./../img/vl-uk.png');}
    #top #vlajky .us span {background-image: url('./../img/vl-us.png');}
    #top #vlajky .pl span {background-image: url('./../img/vl-pl.png');}
    #top #vlajky .ir span {background-image: url('./../img/vl-ir.png');}

  #top #zalozky {list-style: none; padding: 0; position: relative; top: 2px; clear: both; margin: 0 0 0 67px; height: 0px;}
  #top #zalozky li {float: left;}
    
  #top #zalozky li a {display: block; width: 110px; height: 22px; background: #1d4e82 url('./../img/menu-bg.png') top left no-repeat; color: white; padding: 6px 0 0 0; font-size: 0.9em; text-decoration: none; position: absolute;}
    #top #zalozky li.kat a {left: 0; z-index: 100;}
    #top #zalozky li.kos a {left: 100px; z-index: 80;}
    #top #zalozky li.vyhl a {left: 200px; z-index: 60;}
    #top #zalozky li.odhl a {left: 300px; z-index: 40;}
    #top #zalozky li.prihl a {left: 300px; z-index: 30;}
    #top #zalozky li.reg a {left: 400px; z-index: 20;}
    
    #top #zalozky li.zpros a {left: 300px; z-index: 40;}
    #top #zalozky li.odhl2 a {left: 400px; z-index: 40;}
    #top #zalozky li.prihl2 a {left: 400px; z-index: 40;}
    #top #zalozky li.reg2 a {left: 500px; z-index: 20;}
    
    #top #zalozky li.prvni a {background: #1d4e82 url('./../img/menu-bg-1.png') top left no-repeat;}
    #top #zalozky li.posl a {background: #1d4e82 url('./../img/menu-bg-p.png') top left no-repeat;}
  
  #top #zalozky li a:hover {color: #1d4e82; background-position: top right; z-index: 1000;}
  
  #top #vyhledavani {width: 250px; float: right; font-size: 0.8em; clear: both; margin: 0 0 5px 0;}
  
    #top #vyhledavani label, #top #vyhledavani input, #top #vyhledavani button 
    {float: left;}
    #top #vyhledavani label {margin: 0 5px 0 0; padding: 4px 0 0 0; color: #929292;}
    #top #vyhledavani input {width: 120px; height: 20px; background: #f4f4f4; border: 1px solid #c9c9c9;}
    #top #vyhledavani button {border: none; background: none; margin: -1px 0 0 -3px; cursor: pointer;}
  

#header {
clear: both;
position: relative;
width: 900px; height: 172px;
margin: 0 auto;

background: #4fc1ff url('./../img/header.png') no-repeat;
}

  #header h1 {
  position: relative; top: 40px; left: 190px;
  width: 350px; height: 59px;
  overflow: hidden;
  }
  
    #header h1 a {
    position: relative; 
    width: 100%; height: 100%; display: block; 
    color: white; text-decoration: none;
    }
    
    #header h1 a span {
    position: absolute; top: 0; left: 0; z-index: 1; 
    width: 100%; height: 100%; display: block;
    background: transparent url('./../img/header.png') -190px -40px no-repeat;
    cursor: pointer;
    }
    
  #header p.slogan {
  position: relative; top: 18px; left: 195px;
  width: 400px; height: 25px;
  overflow: hidden;
  }
    #header p.slogan span {
    position: absolute; top: 0; left: 0; z-index: 1; 
    width: 100%; height: 100%; display: block;
    background: transparent url('./../img/header.png') -195px -98px no-repeat;    
    }
    
  #header form#prihlaseni, #header div#prihlaseni {position: absolute; left: 630px; top: 5px; width: 264px; height:  159px;}
    
    #header div#prihlaseni {color: white; padding: 10px 0 0 30px;}
    #header div#prihlaseni p {text-align: left; margin: 3px 0; width: 210px; font-size: 0.8em;}
    #header div#prihlaseni p span {font-weight: bold;}
    #header div#prihlaseni p a {color: white;}
    #header div#prihlaseni p.jmeno {font-weight: bold; font-size: 0.95em !important; text-align: center; margin-bottom: 15px;}
    #header div#prihlaseni p.odhlasit {text-align: right;}
    
    #header form#prihlaseni fieldset {border: none; font-size: 0.95em;}
    #header form#prihlaseni fieldset legend {color: #92d5ff; width: 210px !important; height: auto; padding: 15px 0 0 0; text-align: center !important;}
    #header form#prihlaseni div {float: left; margin: 10px 0 5px 0;}
    #header form#prihlaseni label {float: left; clear: left; width: 45px; text-align: right; color: white; padding: 3px 10px 0 0;}
    #header form#prihlaseni input {float: left; width: 120px; height: 20px; border: 1px solid #ff7e00; background: #efeae5; margin-bottom: 5px; padding: 2px 3px;}  
    #header form#prihlaseni button {margin: 25px 0 0 0; border: none; background: none; cursor: pointer;}
    
    #header form#prihlaseni a {color: #92d5ff;}
    #header form#prihlaseni p {margin: 8px 0; padding: 0;}
    
      #header form#prihlaseni .p1 {clear: both;}
      #header form#prihlaseni .p1 a {color: white; text-decoration: none;}
      #header form#prihlaseni .p1 a:hover {text-decoration: underline;}
      
      #header form#prihlaseni .p2 {font-size: 0.8em; color: #92d5ff;}
      #header form#prihlaseni .p2 span {color: white;}
      #header form#prihlaseni .p2 a {text-decoration: none;}
      #header form#prihlaseni .p2 a:hover {text-decoration: underline;}
      
#mc {
width: 900px; margin: 0 auto; padding: 0;
background: #ffe4ca url('./../img/mc-bg.png') repeat-y;
}
  
  #mc .mc-top {display: block; width: 100%; height: 16px; background: transparent url('./../img/mc-bg-top.png') no-repeat;}
  
  #mc menu {width: 100%; text-align: center; list-style: none; margin: -10px auto -5px auto; padding: 0; font-size: 0.8em;}
  #mc menu li {padding: 0 0 0 5px; margin-bottom: -5px; background: transparent url('./../img/mc-odd.gif') top right no-repeat; line-height: 1.6; display: inline;}
    #mc menu li.posl {background: none;}
  #mc a {color: #f87300; text-decoration: none; padding-right: 13px;}
  #mc a:hover {text-decoration: underline;}
  
  #mc .mc-bottom {display: block; width: 100%; height: 12px; background: transparent url('./../img/mc-bg-bottom.png') left bottom no-repeat; clear: both; margin: 0; padding: 0;}
  
#nav {
width: 860px; min-height: 36px; margin: 3px auto 15px auto;
background: #fcfcfc url('./../img/nav-bg.png') left bottom no-repeat;
padding: 0 20px 0 20px;
}

  #nav p.nav_left {float:left;margin: 0; width:730px;padding: 4px 0 5px 30px; background: transparent url('./../img/nav-ico.png') 0 5px no-repeat; font-size: 0.8em; color: #494949; text-align: left; line-height: 2;}
  #nav p.nav_left a, #nav p.nav_right a {color: #494949; text-decoration: none;}
  #nav p.nav_left a:hover, #nav p.nav_right a:hover {text-decoration: underline;}
  #nav p.nav_right {float:left;margin: 0; width:70px;padding: 4px 0 5px 30px; font-size: 0.8em; color: #494949; text-align: left; line-height: 2;}

#obsah {
width: 900px;
margin: 0 auto; 
text-align: left;

background: white url('./../img/obsah-bg.png') left bottom no-repeat;
}

.clear {width: 100% !important; clear: both !important; background: transparent !important; margin: 0 !important; padding: 0 !important; float: none !important;}

  #sl-vlevo {width: 180px; float: left; padding-left: 5px;}
    
    #sl-vlevo .nazev, #sl-vlevo .nazev-m {float: left; clear: both;}
    
    #sl-vlevo menu {list-style: none; margin: 0 0 10px 0; padding: 5px 0 5px 0; background: #f2f2f2; font-size: 0.75em; clear: both;}
    #sl-vlevo a {color: #5e5e5e; text-decoration: none; border-bottom: 1px solid #d9d9d9; display: block; padding: 4px 2px 4px 15px; margin: 0;}
    #sl-vlevo a:hover {background: #ffbc7a; color: black;}
    #sl-vlevo li {width: 100%; padding: 0; margin: 0; border-bottom: 1px solid white;}
    
    #sl-vlevo .posl {border: none;}
    #sl-vlevo .posl a {border: none;}
    
    #sl-vlevo menu li menu {margin: 0; padding: 0; border-top: 1px solid white; border-bottom: 1px solid #d9d9d9; list-style: none; font-size: 1em;}
      #sl-vlevo menu li menu li {border: none;}
      #sl-vlevo menu li menu li a {padding: 3px 2px 3px 5px; margin: 0 0 0 15px; border: none;}
      #sl-vlevo menu li menu li a:hover {background: #d2d2d2; border: none;}
  
  
  #text {
  width: 477px; min-height: 406px; background: white url('./../img/text-bg.png') no-repeat; 
  float: left; 
  margin: 0 6px; padding: 10px 20px 15px 20px;
  font-size: 0.8em;
  }
  
  #sl-vpravo {width: 180px; float: left; padding-right: 5px;}
  
    #sl-vpravo .nazev, #sl-vpravo .nazev-m {float: right;} 
    #sl-vpravo div {clear: both; background: #f5f5f5; margin: 0 0 10px 0; padding: 5px; font-size: 0.8em;}
    #sl-vpravo div.rekl {background: #f5f5f5 url('./../img/rekl-prouzek.png') no-repeat; padding: 8px 0 0 0;text-align:center;}
      #sl-vpravo div.rekl .prouzek {display: block; width: 180px; height: 6px; margin: 3px 0 0 0; background: transparent url('./../img/rekl-prouzek.png') left bottom no-repeat;}
    
  .nazev {display: block; width: 101px; height: 18px; background: #ff7e00 url('./../img/sl-nazev-bg.png') no-repeat; color: white; padding: 5px 5px; text-align: center; font-size: 0.85em; clear: both;}
  .nazev-m {display: block; width: 101px; height: 18px; background: #ff7e00 url('./../img/sl-nazev-bg-m.png') no-repeat; color: white; padding: 5px 5px; text-align: center; font-size: 0.85em;}  
    
    
#pata {width: 900px; margin: 2px auto 0 auto; clear: both;}

  #produkty {width: 892px; height: auto; background: #ff7e00; padding: 5px 4px;}
    
    #produkty div {width: 287px; background: #ff9400 url('./../img/prod-2.png') repeat-y; padding: 0 3px; margin: 0 2px; float: left;}
    #produkty div p {margin: 0 5px; padding: 0; font-size: 0.7em; color: white; text-align: left;}      
      #produkty div p a img {border: none; float: left; margin: 0 4px 3px 0;}
      #produkty .trans {background-color: #ACCEE8;}
      #produkty div p a {color: white;}
      #produkty div p a:hover {text-decoration: none;}
      
      #produkty div p a.odkaz {display: block; margin: 0 0 5px 0;}
      
    #produkty div span.top {display: block; width: 293px; height: 9px; background: transparent url('./../img/prod-1.png') no-repeat; margin: 0 0 0 -3px; padding: 0;}
    #produkty div span.bottom {display: block; width: 293px; height: 9px; background: transparent url('./../img/prod-3.png') no-repeat; clear: both; margin: 0 0 0 -3px; padding: 0;}
    
  
  #pata .foot {width: 100%; min-height: 22px; background: transparent url('./../img/foot-bg.png') no-repeat; margin: 0; padding: 12px 0 0 0; text-align: center; color: #ababab; font-size: 0.7em; clear: both;}
  #pata .foot a {color: #6c6c6c; text-decoration: none;}
  #pata .foot a:hover {text-decoration: underline;}