/*******************************************************************************
 *
 *  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: 200px;/* 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: 200px;/* 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:0;}
 .sf-menu ul li {.sf-menu ul li {padding: 0; display: block; min-width: 160px; background: #ee0001 !important;}}
 .sf-menu ul li a {font-size:12px; color:#fff !important; margin:0; padding:10px 10px 10px 10px; background:none; border-bottom:1px solid #fff; width:73%;}
 .sf-menu ul li a:hover {background:#333 !important; border-radius:0; color:#FFFFFF !important;}
 .sf-menu ul li {padding:0; background:none !important;}
 .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 */
 .item_menu span.sf-sub-indicator {top: 15px; position: absolute; height: 6px; z-index: 999; right: 4px;}
 .sf-sub-indicator {background: url('/cdf/imag/v1/auxi/flecha_menu.png') no-repeat; font-size: 0px; height: 10px; width: 10px; float: right; margin-left: 5px; margin-top: 5px;}
 span.sf-sub-indicator{transform: rotate(90deg);}
 .sf-menu .sub-menu span.sf-sub-indicator{transform: rotate(0deg); margin-top: 4px;}
 
 .fixed-nav .item_menu span.sf-sub-indicator {right: -1px; top: 17px;}
 .fixed-nav .sf-sub-indicator {margin-top: 3px; margin-left: 1px;}
 
     /*--------------- RESPONSIVE ----------------*/
 
 @media(max-width:1100px) {
 .sf-menu li a, .sf-menu li a:visited {padding:30px 2px 8px;}
 }
 @media(max-width:925px) {
     .sf-menu li:hover ul, 
     .sf-menu li.sfHover ul {left:0; top:0; /* match top ul list item height */z-index:99;}
 }
 @media(max-width:550px) {
      .sf-menu li {padding:8px 8px; border-bottom:1px dotted #333; background:none !important; }
      .sf-menu li a, .sf-menu li a:visited {padding:4px 5px; color:#fff !important; font-size:14px;}
      .sf-menu li a:hover {border:none;}
      .sf-menu ul { clear: both; position:relative; top:0; width: 15em; z-index: 1000;}
      .sf-menu ul li a {border-bottom:0px solid #fff;}
      .sf-menu li.sfHover ul {left:0; top:0; /* match top ul list item height */z-index:99;}
 }