#menu { width:910px; height:33px; padding:0 26px 0 56px; background:url(../imgs/bg_menu.jpg) no-repeat; margin:0px auto; clear:both; font-size:11px; }
#menuprincipal, #menuprincipal ul { padding: 0px; margin: 0px; list-style: none; }
#menuprincipal li {background:#f4f4f4 url(../imgs/bg_mt.gif) no-repeat left top; float:left; padding:0 0 0 2px; height:33px;}
#menuprincipal li a {padding:0px 12px; font-size:11px; color:#838383; text-decoration:none; line-height:33px; height:33px; float:left; }
#menuprincipal li a:hover, #principal li a.active { background: url(../imgs/bg_mton.gif) no-repeat center top; height:33px;  line-height:33px; }


#menuprincipal ul li { background:none; height:23px; }
#menuprincipal ul li a { 	display: block;  text-decoration:none; width:120px; padding:0px; background:none; line-height:23px; height:23px;}
#menuprincipal ul li a:hover { background:none; color:#259bc8; line-height:23px; height:23px;}


/* second-level lists */
#menuprincipal li ul {position: absolute; background: url(../imgs/bg_sub.gif) no-repeat left top; 	width: 125px;  border-bottom:2px solid #CCC; margin-top:33px;
left: -9999em;  /*using left instead of display to hide menus because display: none isn't read by screen readers */
}



#menuprincipal li:hover ul, #principal li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	padding:0 12px;
}