ul#mainMenu, ul
  { 
  color:#fc0; 
  margin:0px;
  list-style-type:none;
  font-size:12px;
  position:relative;
  z-index:100;
  width:243px; 
  height:37px; 
  padding:0px 0px 0px 0px;
  }
   
  ul#mainMenu ul
  {
  margin-top:0px;
  margin-left:243px;
  = margin-left:0px;
  position:absolute;
  visibility:hidden;
  width:243px;
  height:37px;
  padding:0px 0px 0px 0px;
  color:#FFF;
  }
  
  
  
  ul#mainMenu li
  { 
  width:200px;
  float:left;
  margin:0px;
  padding:0px;
  list-style-type:none;
  
  behavior: url('/hover.htc'); /* Protože IE nedodržuje CSS standarty, aby bylo řešení funkční, použijeme tento *.htc soubor */
  }
  
  ul#mainMenu a
  { 
  color:#fff;
  margin:0px;
  background:none;
  display:block;
  text-decoration:none;
  font-weight: normal;
  width:223px;
  height:25px;
  padding: 12px 0px 0px 20px;
  background-image: url('/layout/menu_middle.png');
  }
  
  ul#mainMenu a:hover
  {
  text-decoration:none;
  color:#fff;
  font-weight: normal;
  margin:0px;
  width:218px;
  height:25px;
  padding: 12px 0px 0px 25px;
  background-image: url('/layout/menu_middle_a.jpg');
  }
  
  
  ul#mainMenu ul a /*  podmenu  */
  { 
  width:200px;
  height:20px;
  padding:10px 0px 0px 10px;
  font-weight: normal;
  margin:0px;
  color:#fff;
  font-size:12px;
  background-image: url('/layout/menu_middle_ali.jpg');
  background-color: #360;
  border: 1px #91bd24 solid;
  
  }
  
  ul#mainMenu ul a:hover
  { 
  width:200px;
  height:20px;
  padding:10px 0px 0px 10px;
  font-weight: normal;
  margin:0px;
  color:#fff;
  width:200px;
  font-size:12px;
  background-image: url('/layout/menu_middle_alh.jpg');
  }
  
  
  
  ul#mainMenu li:hover ul, ul#mainMenu li.hover ul
  {
  visibility:visible;
  width:200px;
  height:30px;
  padding:0px 0px 0px 0px;
   
  } 
  
  ul#mainMenu li li
  {
  width:210px;
  height:30px;
  padding:0px 0px 0px 0px;
  font-weight: normal;
  margin:0px;
  color:#fff;
  font-size:12px;
  }