ul.menubar 
{ 
   margin: 0px; 
   padding: 0px; 
   font-size: 100%;
   } 
ul.menubar .menuvertical 
{ 
   margin: 0px; 
   padding: 0px;
   list-style: none; 
   border: 0px solid #ccc; 
   float:left;
   text-decoration:none;
} 

.principal
{ 
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   display:block; 
   text-decoration: none;
   font-weight:bold;
   color: #000000; 
}
.principal:hover
{ 
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   display:block; 
   text-decoration: none;
   font-weight:bold;
   color: #FFFFFF; 
}



ul.menubar ul.menu 
{ 
   display: none; 
   position: absolute; 
   margin: 0px;
} 

ul.menubar a
{ 
   padding: 5px;
} 


ul.menu, 
ul.menu ul 
{ 
   margin: 0; 
   padding: 0; 
   border-bottom: 0px dotted #963; 
   width: 230px; /* Width of Menu Items */
   /*background-image:url(../img/bg_menu.jpg);*/
   background-color:#D8C19F;
} 

ul.menu li 
{ 
   font-family:Arial, Helvetica, sans-serif;
   font-size:12px;
   display:block; 
   text-decoration: none;
   font-weight:bold;
   color: #000000; 
   position: relative; 
   list-style: none; 
   border: 0px;
} 

ul.menu li hr 
{ 
   width: 198px; 
   padding: 0px; 
   margin: 0px;
   height:25px;
} 

ul.menu li a 
{ 
   display: block; 
   text-decoration: none; 
   color: #000000;
   height:20px;
   padding: 5px 0px 0px 10px; 
} 

/* Fix IE. Hide from IE Mac \*/ 
* html ul.menu li { float: left; height: 1%; } 
* html ul.menu li a { height: 0%; } 
/* End */ 

ul.menu ul 
{ 
   position: absolute; 
   display: none; 
   left: 150px; /* Set 1px less than menu width */ 
   top: 0px;
} 

ul.menu li.submenu ul { display: none;} /* Hide sub-menus initially */ 

ul.menu li.submenu { background: transparent url(arrow.gif) right center no-repeat; } 

ul.menu li a:hover { background-color:#BF9F62; color: #FFFFFF; }
li a:hover {background-color:#BF9F62; color: #FFFFFF; }