/*
 * Esta hoja de estilo guarda la definición de los distintos tipos de menu
 * definidos en el Portal
 *
 * @author Divisa Informtica y Telecomunicaciones S.A.
 */
/* elementos comunes de los menus */
.cmMenuPopupImage {
	margin-left: 0.3em;
}

A.cmContentImageLink,
A.cmZoomedImageLink {
	display: block;
}

A:hover SPAN.cmPopupText[class],
A.cmContentLink:hover SPAN.cmPopupText[class],
A.cmZoomedImageLink:hover SPAN.cmPopupText[class] {
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
}

/**
 * menú zonas 
 */
.menuZonas LI {
	background-repeat: no-repeat;	
}

/**
 * menú webs
 */
.lateralIzda .menuPrincipalWebs .menuEducacyl {
	margin: 1.818em 0 0 -0.05em;
	width: 200px;
	background: #04729A url(../imagenes/fondos/bg-menuEducacyl-center.gif) repeat-y top right;
}
 
.lateralIzda .menuPrincipalWebs .menuEducacyl DIV.cmCssMenu {
	background: url(../imagenes/fondos/bg-menuEducacyl-top.gif) no-repeat top right;
}
 
.lateralIzda .menuPrincipalWebs .menuEducacyl UL {
	min-height: 15.772em;
	height: auto!important;
	height: 15.272em;
	margin: 0;
	padding: 1.3em 2.727em 0 2.727em;
	background: url(../imagenes/fondos/bg-menuEducacyl-bottom.gif) no-repeat bottom right;
}
 
.lateralIzda .menuPrincipalWebs .menuEducacyl UL:after { 
	content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
} 
 
.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI {
	float: left;
	clear: both;
	min-height: 1.32em;
	height: auto!important;
	height: 1.32em;
	margin: 0 0 0.6em 0;
	padding: 0 0 0 0.6em;
	font-size: 1.15em;
	line-height: 1.333em;
	text-transform: uppercase;
}

.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI A {
	float: left;
	color:#F2F9FC;
}

.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI A:hover {
	text-decoration: none;
}

.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI .cmMenuTitle SPAN {
	display: block;
	padding: 0 0 0 1.23em;	
	background: url(../imagenes/fondos/bullet02.gif) no-repeat center left;
}

.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI A:hover .cmMenuTitle SPAN {
	background-image: url(../imagenes/fondos/bullet01.gif);
}

/* el elemento activo */
.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI.cmActiveElement {
	padding: 0 0 0 0.0833em;
	background: url(../imagenes/fondos/bg-menuEducacyl-cmActiveElement-izda.gif) no-repeat 0 0;
}

.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI.cmActiveElement A {
	padding: 0 0.0833em 0 0;
	background: url(../imagenes/fondos/bg-menuEducacyl-cmActiveElement-dcha.gif) no-repeat 100% 0;
}

.lateralIzda .menuPrincipalWebs .menuEducacyl UL LI.cmActiveElement A .cmMenuTitle {
	padding: 0.166em 0.833em 0.0833em 2em;
	background: #404040 url(../imagenes/fondos/bullet01.gif) no-repeat 0.769em 50%;	
}


/* específicos para web fomentolectura */
.fomentolectura .lateralIzda .menuPrincipalWebs .menuEducacyl {
	background: #CE9210 url(../imagenes/fondos/bg-menuEducacyl-fomentolectura-center.gif) repeat-y top right;
}
 
.fomentolectura .lateralIzda .menuPrincipalWebs .menuEducacyl DIV.cmCssMenu {
	background: url(../imagenes/fondos/bg-menuEducacyl-fomentolectura-top.gif) no-repeat top right;
}
 
.fomentolectura .lateralIzda .menuPrincipalWebs .menuEducacyl UL {
	background: url(../imagenes/fondos/bg-menuEducacyl-fomentolectura-bottom.gif) no-repeat bottom right;
}


/* específicos para web alumnado */
.alumnado .lateralIzda .menuPrincipalWebs .menuEducacyl {
	background: #2C7806 url(../imagenes/fondos/bg-menuEducacyl-alumnado-center.gif) repeat-y top right;
}
 
.alumnado .lateralIzda .menuPrincipalWebs .menuEducacyl DIV.cmCssMenu {
	background: url(../imagenes/fondos/bg-menuEducacyl-alumnado-top.gif) no-repeat top right;
}
 
.alumnado .lateralIzda .menuPrincipalWebs .menuEducacyl UL {
	background: url(../imagenes/fondos/bg-menuEducacyl-alumnado-bottom.gif) no-repeat bottom right;
}

/* específicos para web profesorado */
.profesorado .lateralIzda .menuPrincipalWebs .menuEducacyl {
	background: #C80000 url(../imagenes/fondos/bg-menuEducacyl-profesorado-center.gif) repeat-y top right;
}
 
.profesorado .lateralIzda .menuPrincipalWebs .menuEducacyl DIV.cmCssMenu {
	background: url(../imagenes/fondos/bg-menuEducacyl-profesorado-top.gif) no-repeat top right;
}
 
.profesorado .lateralIzda .menuPrincipalWebs .menuEducacyl UL {
	background: url(../imagenes/fondos/bg-menuEducacyl-profesorado-bottom.gif) no-repeat bottom right;
}

/* específicos para web familias */
.familias .lateralIzda .menuPrincipalWebs .menuEducacyl {
	background: #BA1086 url(../imagenes/fondos/bg-menuEducacyl-familias-center.gif) repeat-y top right;
}
 
.familias .lateralIzda .menuPrincipalWebs .menuEducacyl DIV.cmCssMenu {
	background: url(../imagenes/fondos/bg-menuEducacyl-familias-top.gif) no-repeat top right;
}
 
.familias .lateralIzda .menuPrincipalWebs .menuEducacyl UL {
	background: url(../imagenes/fondos/bg-menuEducacyl-familias-bottom.gif) no-repeat bottom right;
}

/**
 * Menú Principal
 */
.menuPrincipal {
		
}
	
.menuPrincipal .labelComboMenu LABEL {
	display: block;
	margin: 0 0 0.333em 0;
	font: bold 1.09em Tahoma, Arial, Helvetica, sans-serif;
	color:#007FB1;
}
	
.menuPrincipal SELECT {
	vertical-align: top;
	width: 20em;
	margin: 0 0 0.909em 0;
}

.menuPrincipal BUTTON {
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 0 0.181em;
	background: url(../imagenes/fondos/btn-menuPrincipal.gif) no-repeat 0 0;
	width: 18px;
	height: 19px;
	vertical-align: top;
	border:1px solid transparent;
}

.menuPrincipal BUTTON:focus{
	border:1px solid #000;
}


/* específicos para web fomentolectura */
.fomentolectura .menuPrincipal.especificoWeb .labelComboMenu LABEL {
	color: #CE9210;	
}

.fomentolectura .menuPrincipal.especificoWeb BUTTON {
	background: url(../imagenes/fondos/btn-menuPrincipal-fomentolectura.gif) no-repeat 0 0;
}


/* específicos para web alumnado */
.alumnado .menuPrincipal.especificoWeb .labelComboMenu LABEL {
	color: #339900;	
}

.alumnado .menuPrincipal.especificoWeb BUTTON {
	background: url(../imagenes/fondos/btn-menuPrincipal-alumnado.gif) no-repeat 0 0;
}

/* específicos para web profesorado */
.profesorado .menuPrincipal.especificoWeb .labelComboMenu LABEL {
	color: #C80000;	
}

.profesorado .menuPrincipal.especificoWeb BUTTON {
	background: url(../imagenes/fondos/btn-menuPrincipal-profesorado.gif) no-repeat 0 0;
}

/* específicos para web familias */
.familias .menuPrincipal.especificoWeb .labelComboMenu LABEL {
	color: #BA1086;	
}

.familias .menuPrincipal.especificoWeb BUTTON {
	background: url(../imagenes/fondos/btn-menuPrincipal-familias.gif) no-repeat 0 0;
}
	
	
/* específicos para web plan de seguridad y confianza digital */
.plandeseguridad .menuPrincipal.especificoWeb .labelComboMenu LABEL {
	color: #DB4A03;	
}

.plandeseguridad .menuPrincipal.especificoWeb BUTTON {
	background: url(../imagenes/fondos/btn-menuPrincipal-planseguridad.gif) no-repeat 0 0;
}

	
/**
 * Menú zonas 
 */
.menuZonas {
	width: 89em;
	margin: 0;
	padding: 0.1em 0 0 0;
	background: url(../imagenes/fondos/bg-menuZonas.gif) repeat-x 0 0;
}

.menuZonas:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}

.menuZonas LI {
	float: left;	
	margin: 0 0 0 3.09em;
	padding: 1.363em 0 1.363em 4.727em;
	border-left: 1px solid #9C9C9A;
	text-transform: uppercase;
}

.menuZonas LI A {
	color: #000;	
}

.menuZonas LI A .cmMenuPopupImage {
	position:absolute;
	left:-9999px;
	overflow:hidden;	
}

/**
 * Menú W3C
 */
.menuW3C {
	float: left;
	margin: 0;
	padding: 0;
}

.menuW3C LI {
	float: left;
	margin: 0 2em 0 0.272em;
	padding: 0;
	background-repeat: no-repeat;
}

.menuW3C A {
	float: left;
	width: 7.272em;
	height: 1.363em;
	text-indent: -9999px;
	overflow: hidden;
}

.menuW3C .cmMenuPopupImage {
	position: absolute;
	left: -9999px;
	overflow: hidden;
}

/**
 * Menú Info 
 */
.menuInfo {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	display: table;
}

.menuInfo LI {
	display:table-cell;
	padding: 0 0.509em 0 1.272em;
	margin: 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: bold;
	line-height: 1.818em;
	color: #00648A;
	background: url(../imagenes/fondos/bullet04.gif) no-repeat 0.2em center;
	vertical-align:middle;
}

.menuInfo LI.item0 {
	background: none;
}

.menuInfo IMG {
	vertical-align: middle;
}

.menuInfo A {
	color: #00648A;
	border:2px solid transparent;
	display:block;
}

.menuInfo A:focus{
	border: 2px solid #00648A;
}

/**
 * Menú Direcciones Provinciales
 */ 
.menuDDPP {
	margin: 0;
	padding: 0 1em 0.82em 1em;
	background: url(../imagenes/fondos/bg-menuDDPP.gif) repeat-x right bottom;	
}
 
.menuDDPP:after { 
	content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.menuDDPP LI {
	float: left;
	margin: 0 0.3em 0 0;
	padding: 0;
	background: #e9e9e9 url(../imagenes/fondos/bg-menuDDPP-center.gif) repeat-x 0 0;
	font: 0.909em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.menuDDPP LI DIV {
	float: left;	
	background: url(../imagenes/fondos/bg-menuDDPP-left.gif) no-repeat left top;
}

.menuDDPP LI DIV A {
	float: left;
	background: url(../imagenes/fondos/bg-menuDDPP-right.gif) no-repeat right top;
	border-bottom: 3px solid #d7d7d7;
	padding: 0.8em 0.8em 0.1em 0.8em;
}

.menuDDPP A {
	color: #242424;	
}

.menuDDPP A:hover {
	color: #3a7c96;
}

/* el elemento activo */
.menuDDPP LI.cmActiveElementshadow {
	position: relative;
	margin-top: -0.6em;
	padding-right: 0.2em;
	background: url(../imagenes/fondos/bg-menuDDPP-active-right.gif) repeat-y right top;
}

.menuDDPP LI.cmActiveElementshadow .tl {
	width: 9px;
	height: 9px;
	left: 0;
	top: 0;
	background: url(../imagenes/fondos/bg-menuDDPP-active-corner-tl.gif) no-repeat left top;
}

.menuDDPP LI.cmActiveElementshadow .tr {
	width: 9px;
	height: 9px;
	right: 0;
	top: 0;
	background: url(../imagenes/fondos/bg-menuDDPP-active-corner-tr.gif) no-repeat right top;
}

.menuDDPP LI.cmActiveElementshadow DIV {
	padding-left: 0.2em;
	background: url(../imagenes/fondos/bg-menuDDPP-active-left.gif) repeat-y left top;
	color: #3a7c96;	
}

.menuDDPP LI.cmActiveElementshadow DIV A {
	position: relative;
	padding: 1.2em 1em 0.6em 1em;
	border: none;
	background: #fff url(../imagenes/fondos/bg-menuDDPP-active-center.gif) repeat-x 0 0;
}

/**
 * menú servicios 
 **/
.menuServicios {
	margin-bottom: 1em;
}	
 
.menuServicios:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.menuServicios LI {
	float: right;
	width: 50%;	
	background-repeat: no-repeat;
	background-position: 0.73em 0.37em;
}

.menuServicios LI SPAN.nivel1 {
	display: block;
	padding: 0 0 0.37em 0;
	background: url(../imagenes/fondos/bg-trama-08.gif) repeat-x bottom left;
}

.menuServicios LI A {
	display: table-cell;
	vertical-align: middle;
	height: 3.37em;
	padding: 0 0 0 3.75em;
	line-height: 1.28em;
	color: #000;
	font-weight: bold;
}

.menuServicios LI.odd SPAN.nivel1 A {
	border-left: 1px solid #d9d9d9;	
}

.menuServicios .cmMenuPopupImage {
	position: absolute;
	left: -9999px;
	overflow: hidden;
}

/**
 * menú secciones
 **/
.menuSecciones {
	margin: 0.8em auto 1.5em auto;
	padding: 0;
	width: 22.47em;
	overflow: hidden;
}

.menuSecciones:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

.menuSecciones LI {
	margin: 1em 0 0 0;
	width: 22.47em;
	height: 4.55em;
	display: block;
	overflow: hidden;
}

.menuSecciones LI SPAN {
	display: block;
	vertical-align: middle;
}

.menuSecciones LI A {
	display: block;
	padding: 0.4em 10em 0 1em;
	height: 2.56em;
	text-transform: uppercase;
	text-align: left;
	text-decoration: none;
	vertical-align: middle;
	line-height: 1.1em;
	color: #007FB1;
	font-weight: bold;
	font-size: 1.5em;
	font-family: "Arial Narrow", Arial, Verdana;
	font-style: italic;
}