/*@import url('http://fonts.googleapis.com/css?family=Fenix');*/
/*@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,600');*/
/*@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {

.operaSpecificStuff { }

}*/
/*** ESSENTIAL STYLES ***/
 a:focus, a:hover, a:active {
        text-decoration: none;
      }
/* sf-menu = todo el menu */
/* sf-mega = cada pancarta */
/* sf-mega-section = cada div de la pancarta */
.sf-menu {   position: relative;   margin: 0;   padding: 0;   list-style: none;  }
/*** SKIN ***/
.sf-menu {
  float: left;
  /*margin-bottom: 1em; problema en bottom barra menu si se activa*/
  width: 100%;
  /****************/
  font-size:100%;
  font-family: "Open Sans", Arial;
  /*font-size: 1.2em;*/
  line-height:1.1em;
  list-style-image: none;
  list-style-type: none;
  text-align: center;
  /*display: block;*/ 
  /*min-height:3.5em;*/
  
  /****************/
}
.sf-menu .sf-mega {
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 99;
  font-size:1.1em;
}
/*** SKIN ***/
.sf-menu .sf-mega {
  box-shadow: 2px 3px 6px rgba(0,0,0,.2);
  width: 100%; /* allow long menu items to determine submenu width */
  /********************/
  background-color: #CCCCCC;
  background-image: url(../_imagenes_menu/fondo-pancarta-claro.png);
  /*background-image: url(../_imagenes_menu/fondo-paginacion.png);*/
  background-repeat:  repeat-x;
  background-position: bottom;
  /********************/
}
.sf-menu > li {
  float: left;
  /*display: table-cell;*/
  height:100%;
}
.sf-menu li:hover > .sf-mega,
.sf-menu li.sfHover > .sf-mega {
  /*display: block;*/
}

.sf-menu > li > a {
  
  position: relative;
  display:block;
  /*padding-bottom:30px;*//*margin-bottom:-30px*/
  height:3em;
}

/*** SKIN ***/
.sf-menu > li > a {
  border-left: 1px solid #fff;
  border-top: 1px solid #dFeEFF; /* fallback colour must use full shorthand */
  border-top: 1px solid rgba(255,255,255,.5);
  /**************/
  padding-top:.75em;
  padding-left:.75em;
  padding-right:15px;
  padding-bottom:.50em;
  /***************/         
  /*padding: .75em 1em;*/
  text-decoration: none;
  zoom: 1; /* IE7 */
  /*color: #13a;*/
  /**** color texto del menu - blanco */
  color:#FFFFFF;
  /**** establece altura del menú */
  /*height: auto;*/
  /**** ******************/
  /*display: table-cell;*/
}
/*texto-boton-general{
top:50%;*/

.sf-menu > li {
  /*background: #BDD2FF;*/
  /***********/ /* BOTONES COLOR ROJO */
  background-image: url(../_imagenes_menu/fondo-boton-marron.png);
  background-repeat:repeat-x;
  background-position:top;
  /*background: #990000;*/
 
  -webkit-transition: background .2s;
  transition: background .2s;
}
.sf-menu > li:hover,
.sf-menu > li.sfHover {
  /*background: #CFDEFF;*/
  /* only transition out, not in */
  /*** fondo boton hundido ***/
  background-image: url(../_imagenes_menu/fondo-boton-hundido-claro.png);
  color: #333333;
  background-repeat:repeat-x;
  background-position:top;
  /***************************/	
  -webkit-transition: none;
  transition: none;
  
}
.sf-menu > li:hover a { color: #333333; /*** texto del botón Onmouseover */ }
.sf-menu > li.sfHover a { color: #333333; /*** texto del botón cuando está hundido */ }
.sf-menu > li.sfHover a:hover { color: #000000;background-image:url(../_imagenes_menu/fondo-boton-hundido.png);
background-repeat:repeat-x; background-position:top; /*** texto y fondo del botón hundido Onmouseover */ }
/*** mega menu dropdown ***/
.sf-mega {
  background-color: #CFDEFF;
  padding: 1em;
  box-sizing: border-box;
  width: 100%;
}


.sf-mega ul {
        list-style:none; list-style-image:none;
        margin: 0;
        padding-left: 0.2em;
		text-align:left;
		font-size:14px;
		line-height:1.5em;
		/*width:180px;*/
      }
.sf-mega ul a { text-decoration:none; }	  
	  
.sf-mega li {width:300px;
        margin-left: 0;
      }
.sf-mega li a { padding:5px; margin:4px; line-height:2.3em; }    
.sf-mega li a:hover { background-image:url(../_imagenes_menu/fondo-boton-hundido-claro-2.png);
     color:#990000;
	/* border-left;*/
	border-top-width: thin;
	border-right-width:  thin;
	border-bottom-width:  thin;
	border-left-width:  thin;
	/*margin: 5px;
	padding: 5px;*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-radius:5px 5px 5px 5px;
	
	border:1px solid #CCCCCC; } 
     
.sf-mega li img { vertical-align: middle; top:10px; }

.sf-mega-section {
  float: left;
  /*********/
  width: auto; /* 8em; /* optional */
  /******* */
  padding: 0 1em 1em 0;
  margin-right: 1em;
  border-right: 1px solid #CC9933;/* BORDE DERECHO: SIN BORDE*/  /* color-hiper verde */
}

#cab-menu {  width:4%; display:none; /*border: 1px solid #FFFF00;*/}
#cab-menu img { top:0px;margin-top:0px; padding-top:0px; width:75%; min-width:15px; max-width:35px;/*border: 1px solid #FFFF00;*/ }
#cab-vertodo {  width:0; display:none;}
#cab-informatica { 	width:22.0%; }
#cab-material { width:14.5%; }
#cab-maquinas { width:15.0%; }
#cab-pizarras { width:15.0%; }

#cab-ergonomia { width:16.0%; }
#cab-escolar { width:17.0%; }


/*** arrows (for all except IE7) **/
.sf-arrows .sf-with-ul {
  padding-right: 1.7em; /* 2.5 */
  *padding-right: 1em; /* no CSS arrows for IE7 (lack pseudo-elements) */
}
/* styling for both css and generated arrows */
.sf-arrows .sf-with-ul:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0.7em; /* posición de las flechas */
  margin-top: -3px;
  height: 0;
  width: 0;
  /* order of following 3 rules important for fallbacks to work */
  border: 5px solid transparent;
  border-top-color: #dFeEFF; /* edit this to suit design (no rgba in IE8) */
  border-top-color: rgba(255,255,255,.5);
}
.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
  border-top-color: white; /* IE8 fallback colour */
}