#menuBlock {
      width:990px;
      float:left;
    }
    
    #menuBlock ul#mainMenu {
      list-style:none;
      margin:0px;
      padding:0px;
    }

    #menuBlock ul#mainMenu li {
      float:left;
      position:relative !important;
    }
    
    #menuBlock ul#mainMenu li a {
      display:block;
      background: url('../images/menu/main_white.gif') repeat-x;
      font-size:12px;
      color:black;
      text-decoration:none;
      font-weight: bold;
      padding:7px 0px;
      text-align:center;
      width:121px;
    }
    
    #menuBlock ul#mainMenu li a:hover {
      background-color:#ccc;
    }
    
    
    
    #menuBlock ul#mainMenu li.menu2 a {
      background: url('../images/menu/main_red.gif') repeat-x;
      border-right: solid 1px #6c1d1c;
      border-left: solid 1px #c4716f;
      color: #fff;
    }
    	#menuBlock ul#mainMenu li.menu2 a:hover {
	      background: url('../images/menu/main_red_hover.gif') repeat-x;
    	}
    	
    	#menuBlock ul#mainMenu li.menu2 a#aktiv {
	      background: url('../images/menu/main_red_hover.gif') repeat-x;
    	}
    	
    #menuBlock ul#mainMenu li.menu3 a {
      background: url('../images/menu/main_mangenta.gif') repeat-x;
      border-right: solid 1px #771045;
      border-left: solid 1px #c56194;
      color: #fff;
    }
    	#menuBlock ul#mainMenu li.menu3 a:hover {
    	  background: url('../images/menu/main_mangenta_hover.gif') repeat-x;
    	}

    	#menuBlock ul#mainMenu li.menu3 a#aktiv {
    	  background: url('../images/menu/main_mangenta_hover.gif') repeat-x;
    	}
    	
    #menuBlock ul#mainMenu li.menu1 a {
      background: url('../images/menu/main_orange.gif') repeat-x;
      border-right: solid 1px #93670d;
      border-left: solid 1px #e4b55e;
    }
    	#menuBlock ul#mainMenu li.menu1 a:hover {
    	  background: url('../images/menu/main_orange_hover.gif') repeat-x;
    	}
    	#menuBlock ul#mainMenu li.menu1 a#aktiv {
    	  background: url('../images/menu/main_orange_hover.gif') repeat-x;
    	}
    	
    #menuBlock ul#mainMenu li.menu5 a {
      background: url('../images/menu/main_white.gif') repeat-x;
      border-right: solid 1px #938e7b;
      border-left: solid 1px #e5e1cd;
    }
    	#menuBlock ul#mainMenu li.menu5 a:hover {
     	  background: url('../images/menu/main_white_hover.gif') repeat-x;
    	}
    
    	#menuBlock ul#mainMenu li.menu5 a#aktiv {
     	  background: url('../images/menu/main_white_hover.gif') repeat-x;
    	}    
    
    #menuBlock ul#mainMenu li.menu6 a {
      background: url('../images/menu/main_navy.gif') repeat-x;
      border-right: solid 1px #0b6a70;
      border-left: solid 1px #5cb6bc;
      color: #fff;
    }
    	#menuBlock ul#mainMenu li.menu6 a:hover {
    	  background: url('../images/menu/main_navy_hover.gif') repeat-x;
    	}
    	
    	#menuBlock ul#mainMenu li.menu6 a#aktiv {
    	  background: url('../images/menu/main_navy_hover.gif') repeat-x;
    	}

    #menuBlock ul#mainMenu li.menu7 a {
      background: url('../images/layout/bbut.jpg') repeat-x;
      border-right: solid 1px #3C3C3C;
      border-left: solid 1px #3C3C3C;
      color: #fff;
    }
    	#menuBlock ul#mainMenu li.menu7 a:hover {
    	  background: url('../images/layout/bbut_h.jpg') repeat-x;
    	}
    	
    	#menuBlock ul#mainMenu li.menu7 a#aktiv {
    	  background: url('../images/layout/bbut_h.jpg') repeat-x;
    	}
    	
    #menuBlock ul#mainMenu li.menu8 a {
      background: url('../images/layout/finance.jpg') no-repeat;
      color: #fff;
      border-right:1px solid #4C0B5F;
    }
    	#menuBlock ul#mainMenu li.menu8 a:hover {
      		background: url('../images/layout/finance_h.jpg') no-repeat;
    	}
    	
    	#menuBlock ul#mainMenu li.menu8 a#aktiv {
      		background: url('../images/layout/finance_h.jpg') no-repeat;
    	}
    	
    #menuBlock ul#mainMenu li.menu4 a {
      background: url('../images/menu/main_green.gif') repeat-x;
      border-right: solid 1px #505c14;
      border-left: solid 1px #b1c067;
      color: #fff;
    }
    	#menuBlock ul#mainMenu li.menu4 a:hover {
      		background: url('../images/menu/main_green_hover.gif') repeat-x;
    	}
    	
    	#menuBlock ul#mainMenu li.menu4 a#aktiv {
      		background: url('../images/menu/main_green_hover.gif') repeat-x;
    	}
    	
    	
    	
/* submenu */

#mainMenu li ul {
  list-style:none;
  margin:0px;
  padding:0px;
  z-index:99;
  /*display:none;*/
}

#mainMenu li ul li {
  float:none !important;
  position:relative;
}

#mainMenu li ul li a {
  font-size:12px !important;
  font-weight:normal !important;
  text-align:left !important;
  padding:5px 10px !important;
  display:block !important;
  background:transparent !important;
  background-color:#212121 !important;
  border:0px !important;
  width:100px;
  color:white;
}

.submenu1 {
  position:absolute;
  top:28px;
  left:0px;
  color:#fff !important;
}

.submenu2 {
  position:absolute;
  top:0px;
  left:141px;
  color:#fff !important;
}

/*#mainMenu li:hover ul,
#mainMenu li.sfhover ul {
  display:block;
}*/

/*#mainMenu li ul li ul {
  display:none;
}

#mainMenu li ul li:hover ul {
  display:block !important;
}*/


/**/

    #mainMenu ul {
      background-color: #212121;/* pozadi podmenu */
      display: none;
    }
    #mainMenu ul ul {
      /*left: 100%; top: -0.5em;*/
    }
    #mainMenu li {
      position: relative;
    }
    #mainMenu li li {
      float: none;
      padding: 0;
    }
    #mainMenu li:hover > ul { display: block !important; }
    #mainMenu ul a {
      display: block;
      text-align: center;
      width: 100%;
    }
    #mainMenu ul a:hover { background-color: #AAA; }
    
    
    #mainMenu ul li a, #mainMenu ul li,
    #mainMenu ul li ul li a, #mainMenu ul li ul li  {
      color:white !important;
      border:0px !important;
    }