/*******************************************************************************
 *
 *  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;}



#sample-menu-2 {float:left; width:28.18%; margin: 0 55px 0 0;}
#sample-menu-2 > li > ul.sub-menu {position:relative; top:0; width:auto; z-index:1000; margin:0;}
#sample-menu-2 > li {background-color:#2d2d2d; margin:0 0 2px; width:225px}
#sample-menu-2 > li a {font-family:latolight, Verdana, Geneva, sans-serif; color:#FFFFFF; font-size:14px; padding:15px 45px 15px 28px}
#sample-menu-2 > li > ul.sub-menu > li > ul {position:relative; left:0; top:0; width:100%; z-index:1000; margin:0;}


#sample-menu-2 > li > ul.sub-menu > li, #sample-menu-2 > li > ul.sub-menu > li ul li {background:#fff; border-right:0;}
#sample-menu-2 > li > ul.sub-menu > li a:hover {background:#ffffff !important; border-radius:0; color:#000 !important;}
#sample-menu-2 > li > ul.sub-menu > li a {font-family:latolight, Verdana, Geneva, sans-serif; color:#000 !important; font-size:14px; border-bottom:0px solid #859D17; padding: 10px 45px 10px 28px;}
#sample-menu-2 > li > ul.sub-menu > li ul li a {font-family:latolight, Verdana, Geneva, sans-serif; color:#000 !important; font-size:14px; border-bottom:0px solid #859D17; padding: 3px 45px 3px 28px;}



/*--------------- 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:0; border-bottom:1px dotted #333; }
     .sf-menu li a, .sf-menu li a:visited {padding:4px 5px; color:#000000 !important; font-size:14px;}
     .sf-menu li a:hover {border:none; color:#FFFFFF;}
}