/*******************************************************************************
 *
 *  CSS - General
 *
 *******************************************************************************/
 /*** Posición del menu ***/
.sf-menu, .sf-menu * {margin:0; padding:0; list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position: absolute; top:-999em; width:15em; z-index:1000;/* desplazamiento a la izquierda de los submenus*/}
.sf-menu ul li {width: 100%;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left; position:relative; ;}
.sf-menu a {display:block; position:relative;}
.sf-menu li:hover ul, 
.sf-menu li.sfHover ul {left:0; top:1.82em; /* 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:10em; /* 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: 10em; /* match ul width */top:0;}


/*** Skin del Menu***/
/*.sf-menu li {padding:8px;}*/
/*.sf-menu li a {margin:0 auto; padding:.81em .5 0.8em; text-decoration:none; color:#FFF;}*/ 
.sf-menu li.active {color:#006699;}
/*.sf-menu li a, .sf-menu li a:visited  {font-size:16px; color:#FFFFFF; padding:30px 5px 8px;} estilos para botones declarados en global.css */ 
/*.sf-menu li a:hover {border-bottom:4px solid #FFF; color:#FFFFFF !important;} estilos para botones declarados en global.css */ 
/*.sf-menu li a:hover a, .sf-menu li a:hover {color:#FFFFFF;} estilos para botones declarados en global.css */ 

/*** Skin del Sub-Menu o Layers***/
.sf-menu ul {margin:15px 0 0 0;}
.sf-menu ul li {background:#6c800e; border-right:0;}
.sf-menu ul li a {font-size:12px; color:#fff !important; margin:0; padding:10px 10px 10px 10px; background:none; border-bottom:1px solid #859d17;}
.sf-menu ul li a:hover {background:#333 !important; border-radius:0; color:#FFFFFF !important;}
.sf-menu ul li {padding:0;}
.sf-menu li:hover, .sf-menu li.sfHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {outline:0;}
.sf-menu ul li a:hover a, .sf-menu ul li a:hover {color:#fff;}

/* flechas */
.sf-sub-indicator { display:none;}

/*--------------- RESPONSIVE ----------------*/

@media(max-width:1100px) {
.sf-menu li a, .sf-menu li a:visited {padding:30px 2px 8px;}
}

@media(max-width:960px) {
     .sf-menu li {padding:8px 8px; border-bottom:1px dotted #333; }
     .sf-menu li a, .sf-menu li a:visited {padding:4px 5px; color:#f1d15a !important; font-size:14px;}
     .sf-menu li a:hover {border:none;}
}