/*******************************************************************************
 *
 *  CSS - General
 *
 *******************************************************************************/
 /*** Posición del menu ***/
.sub-menu {background:#616161;}
.sf-menu {line-height:1.0; transition:background 0.5s ease-out 0s;}
.sf-menu ul {position: absolute; top:-999em; width:200px; z-index:1000; /* desplazamiento a la izquierda de los submenus*/  padding:10px 0 0 0; border-bottom:3px solid #be1c33}
 /*hover botones principales header*/
.sf-menu > li {position:relative;}
.menu li ul li:hover {background:#c31f39;}
.menu li ul li {float:none !important; display: block !important; background:none; border-top:1px solid #707070;}
.sf-menu > li.principal {border-left:1px solid #ececec; padding:4px 8px 8px;}
.sf-menu a {display:block; position:relative; float: none !important;}
.sf-menu li.sfHover ul li a {padding: 12px 20px 12px 10px !important}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {left:0; top:50px; /* match top ul list item height */z-index:99;}