/*******************************************************************************
 *
 *  CSS - General
 *
 *******************************************************************************/
 /*** Posición del menu ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0; transition:background 0.5s ease-out 0s;}
.sf-menu ul {position: absolute; top:-999em; width:auto; z-index:1000; /* desplazamiento a la izquierda de los submenus*/}
 /*hover botones principales header*/
.sf-menu > li:hover {background:#f0f0f0; border-radius:4px 4px 0 0; border-left:1px solid #FFFFFF !important; border-right:none;}
.sf-menu > li.active {background:#f0f0f0; border-radius:4px; border-left:1px solid #FFFFFF !important; border-right:none;}
.sf-menu > li {float:left; position:relative; transition: background 0.5s ease-out 0s;}
.sf-menu > li.principal {border-left:1px solid #ececec; padding:4px 8px 8px;}
.sf-menu > li.first {border-left:none; padding:5px 8px 8px 5px;}
.sf-menu > li.first:hover {border-left:none !important;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {left:0; top:25px; /* match top ul list item height */z-index:99;}

ul.sf-menu li:hover li ul, 
ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, 
ul.sf-menu li li.sfHover ul {left:0; /* match ul width */top:0;}

ul.sf-menu li li:hover li ul, 
ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, 
ul.sf-menu li li li.sfHover ul {left: 0; /* match ul width */top:0;}

/*** Skin del Menu***/
.sf-menu {float:left;}
.sf-menu li a { padding:0; text-decoration:none;}
#header.english .sf-menu li a { padding:.81em 2.5em 2em; text-decoration:none;} /* solo english version */
.sf-menu li.active {color:#0086c2;}
.sf-menu li a, .sf-menu li a:visited {font-family:opensansLC,Arial,Helvetica,sans-serif; font-size:22px; color:#0086c2;}

/*** Skin del Sub-Menu o Layers***/
.sf-menu ul {min-width:300px; margin:10px 0 0 0; box-shadow:1px 1px 3px #666666;}
.sf-menu ul li {width:100%; transition:background 0.5s ease-out 0s; background:#4a84c0; border-bottom:1px solid #5c91c6; padding:0;}
.sf-menu ul li a {font-size:16px; color:#fff !important; margin:0; padding:12px 15px 12px 15px !important; background:none; }
.sf-menu ul li:hover, .sub-menu li.active {background:#333333; color:#0086c2; border-radius:0 !important; border-left:0 !important;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;}

/*** Skin del Sub-Menu tercer nivel***/
.sub-menu li ul {position: relative !important; }
.sub-menu li ul li {width:100%; transition:background 0.5s ease-out 0s; border-bottom:1px solid #5c91c6; padding:0;}
.sub-menu ul li a {font-size:14px; color:#fff !important; margin:0; padding:8px 15px 8px 25px !important; background:url("/tps/imag/auxi/bullet.png") no-repeat scroll 15px center transparent;}
.sub-menu li ul li:hover {background:#333333;}

/* flechas */
.sf-sub-indicator  {display:none;}
.sf-with-ul {background: url(/tps/imag/bg/arrow_menu.png) no-repeat left 10px; padding:0 0 0 15px !important;}
ul.submenu li a.sf-with-ul {background: url(/tps/imag/bg/arrow_menu.png) no-repeat left 10px; padding:12px 15px !important;}