/**
 * Hoja de estilo que guarda la definición de aspecto para los distintos
 * elementos que forman parte del mapa Web.
 *
 * @author Divisa Informática y Telecomunicaciones S.A.
 */
/** 
 * Estilos generales para el mapa web
 */
.webMapItem {
	width: 18.181em;
	padding-top: 1.363em;
}

.webMapItem .webMapTitle {
	width: 13.076em;
	margin: 0;
	padding: 0;
	color: #fff;	
	font-size: 1em;
	text-transform: uppercase;
}

.webMapItem .webMapTitle .textContent {
	position: relative;
	display: block;
	width: 13.833em;
	padding: 0.5em 0.25em 0.4166em 0.25em;
	font-size: 1.09em;
	text-align: center;
	background: #04729A;
	color: #fff;
}

/* esquinas redondeadas para navegadores sin border-radius */
.webMapItem .webMapTitle .textContent .tl {
	top: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-tl.gif) no-repeat left top;
}

.webMapItem .webMapTitle .textContent .tr {
	top: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-tr.gif) no-repeat right top;
}

.webMapItem .webMapTitle .textContent .bl {
	bottom: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-bl.gif) no-repeat left bottom;
}

.webMapItem .webMapTitle .textContent .br {
	bottom: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-br.gif) no-repeat right bottom;
}

.webMapItem .webMapTitle A {
	color: #fff;	
}

/*** NIVEL 1 ***/
.webMapItem UL.cmWebMapLevel1 {
	margin: 0.73em 0 0 0;
	padding: 0;
}

.webMapItem LI.cmWebMapLevel1 {
	margin: 0;
	padding: 0;
	line-height: 1.28em;
}

.webMapItem LI.cmWebMapLevel1 A {
	color: #000;	
}

.webMapItem A.cmWebMapLevel1, .webMapItem SPAN.cmWebMapLevel1 {
	display: block;
	margin: 0 0 0.19em 0.64em;
	padding: 0 0 0 0.73em;
	font-weight: bold;
	background: url(../imagenes/fondos/bullet13.gif) no-repeat 0 0.46em;	
}

/*** NIVEL 2 ***/
.webMapItem UL.cmWebMapLevel2 {
	margin: 0 0 0.28em 0;
	padding: 0;
}

.webMapItem LI.cmWebMapLevel2 {
	margin: 0 0 0 0.64em;
	padding: 0;
}

.webMapItem A.cmWebMapLevel2, .webMapItem SPAN.cmWebMapLevel2 {
	display: block;
	margin: 0 0 0.19em 0.64em;
	padding: 0 0 0 0.73em;
	background: url(../imagenes/fondos/bullet13.gif) no-repeat 0 0.46em;
}	

/***
 * Estilos para la parte del mapa web perteneciente a educacyl 
 */
.webMapItem.educacyl {
	width: 100%;
	padding-top: 0;
}

DIV.webMapItem.educacyl .webMapTitle { /* añadido DIV a todos los selectores de esta sección para solucionar errores en ie6 ya que no entiende correctamente los selectores con multiples clases */
	width: 12.769em;
	margin: 0 auto 0.769em auto;
	padding: 0 1.69em;
	background: url(../imagenes/fondos/bullet12.gif) no-repeat left center;
	font-size: 1.181em;
	line-height: 1.23em;
	text-align: center;
}

DIV.webMapItem.educacyl .webMapTitle .textContent {
	width: auto;
	padding: 0.384em 0;
	font-size: 1em;
	background: #494949;
}

P.webMapTitle .textContent {
	font-weight: bold;
	font-family: Tahoma, Geneva, sans-serif;
}

/* esquinas redondeadas */
DIV.webMapItem.educacyl .webMapTitle .textContent .tl {
	background-image: url(../imagenes/fondos/corner-webMapTitle-tl.gif);
}

DIV.webMapItem.educacyl .webMapTitle .textContent .tr {
	background-image: url(../imagenes/fondos/corner-webMapTitle-tr.gif);
}

DIV.webMapItem.educacyl .webMapTitle .textContent .bl {
	background-image: url(../imagenes/fondos/corner-webMapTitle-bl.gif);
}

DIV.webMapItem.educacyl .webMapTitle .textContent .br {
	background-image: url(../imagenes/fondos/corner-webMapTitle-br.gif);
}

DIV.webMapItem.educacyl UL.cmWebMapLevel1 {
	margin-top: 0;
	padding-top: 0.182em;
	background: url(../imagenes/fondos/bg-trama-06.gif) repeat-x 0 0;	
}

.webMapItem.educacyl UL.cmWebMapLevel1:after {
	content: " ";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

DIV.webMapItem.educacyl LI.cmWebMapLevel1 {
	float: left;
	width: 18.181em;
	margin-top: 1.37em;
	margin-right: 1.28em;
}	

.webMapItem.educacyl LI.cmWebMapLevel1.cmElementPosition_4, .webMapItem.educacyl LI.cmWebMapLevel1.cmElementPosition_7, .webMapItem.educacyl LI.cmWebMapLevel1.cmElementPosition_10 {
	clear: both;	
}

DIV.webMapItem.educacyl A.cmWebMapLevel1, DIV.webMapItem.educacyl SPAN.cmWebMapLevel1 {
	position: relative;
	width: 13.833em;
	margin: 0;
	padding: 0.4166em 0.25em 0.5em 0.25em;
	font-size: 1.09em;
	text-align: center;
	background: #04729A;
	color: #fff;
}

/* esquinas redondeadas */
DIV.webMapItem.educacyl A.cmWebMapLevel1 .tl, DIV.webMapItem.educacyl SPAN.cmWebMapLevel1 .tl {
	top: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-tl.gif) no-repeat left top;
}

DIV.webMapItem.educacyl A.cmWebMapLevel1 .tr, DIV.webMapItem.educacyl SPAN.cmWebMapLevel1 .tr {
	top: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-tr.gif) no-repeat right top;
}

DIV.webMapItem.educacyl A.cmWebMapLevel1 .bl, DIV.webMapItem.educacyl SPAN.cmWebMapLevel1 .bl {
	bottom: 0;
	left: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-bl.gif) no-repeat left bottom;
}

DIV.webMapItem.educacyl A.cmWebMapLevel1 .br, DIV.webMapItem.educacyl SPAN.cmWebMapLevel1 .br {
	bottom: 0;
	right: 0;
	width: 4px;
	height: 4px;
	background: url(../imagenes/fondos/corner-webMap-br.gif) no-repeat right bottom;
}

DIV.webMapItem.educacyl UL.cmWebMapLevel2 {
	margin: 0.73em 0;
	padding: 0;
}

DIV.webMapItem.educacyl LI.cmWebMapLevel2 {
	margin: 0;
	padding: 0;
}



/***
 * Estilos para la parte del mapa web perteneciente a fomentolectura 
 */
.webMapItem.fomentolectura .webMapTitle .textContent {
	background: #CE9210;
}

.webMapItem.fomentolectura A.cmWebMapLevel1, .webMapItem.fomentolectura SPAN.cmWebMapLevel1 {
	background-image: url(../imagenes/fondos/bullet20.gif);	
}

.webMapItem.fomentolectura A.cmWebMapLevel2, .webMapItem.fomentolectura SPAN.cmWebMapLevel2 {
	background-image: url(../imagenes/fondos/bullet20.gif);	
}

/* esquinas redondeadas */
.webMapItem.fomentolectura .webMapTitle .textContent .tl {
	background-image: url(../imagenes/fondos/corner-webMap-fomentolectura-tl.gif);
}

.webMapItem.fomentolectura .webMapTitle .textContent .tr {
	background-image: url(../imagenes/fondos/corner-webMap-fomentolectura-tr.gif);
}

.webMapItem.fomentolectura .webMapTitle .textContent .bl {
	background-image: url(../imagenes/fondos/corner-webMap-fomentolectura-bl.gif);
}

.webMapItem.fomentolectura .webMapTitle .textContent .br {
	background-image: url(../imagenes/fondos/corner-webMap-fomentolectura-br.gif);
}



/***
 * Estilos para la parte del mapa web perteneciente a alumnado 
 */
.webMapItem.alumnado .webMapTitle .textContent {
	background: #2C7806;
}

.webMapItem.alumnado A.cmWebMapLevel1, .webMapItem.alumnado SPAN.cmWebMapLevel1 {
	background-image: url(../imagenes/fondos/bullet14.gif);	
}

.webMapItem.alumnado A.cmWebMapLevel2, .webMapItem.alumnado SPAN.cmWebMapLevel2 {
	background-image: url(../imagenes/fondos/bullet14.gif);	
}

/* esquinas redondeadas */
.webMapItem.alumnado .webMapTitle .textContent .tl {
	background-image: url(../imagenes/fondos/corner-webMap-alumnado-tl.gif);
}

.webMapItem.alumnado .webMapTitle .textContent .tr {
	background-image: url(../imagenes/fondos/corner-webMap-alumnado-tr.gif);
}

.webMapItem.alumnado .webMapTitle .textContent .bl {
	background-image: url(../imagenes/fondos/corner-webMap-alumnado-bl.gif);
}

.webMapItem.alumnado .webMapTitle .textContent .br {
	background-image: url(../imagenes/fondos/corner-webMap-alumnado-br.gif);
}
 
/***
 * Estilos para la parte del mapa web perteneciente a profesorado 
 */
.webMapItem.profesorado .webMapTitle .textContent {
	background: #c80000;
}

.webMapItem.profesorado A.cmWebMapLevel1, .webMapItem.profesorado SPAN.cmWebMapLevel1 {
	background-image: url(../imagenes/fondos/bullet15.gif);		
}

.webMapItem.profesorado A.cmWebMapLevel2, .webMapItem.profesorado SPAN.cmWebMapLevel2 {
	background-image: url(../imagenes/fondos/bullet15.gif);		
}

/* esquinas redondeadas */
.webMapItem.profesorado .webMapTitle .textContent .tl {
	background-image: url(../imagenes/fondos/corner-webMap-profesorado-tl.gif);
}

.webMapItem.profesorado .webMapTitle .textContent .tr {
	background-image: url(../imagenes/fondos/corner-webMap-profesorado-tr.gif);
}

.webMapItem.profesorado .webMapTitle .textContent .bl {
	background-image: url(../imagenes/fondos/corner-webMap-profesorado-bl.gif);
}

.webMapItem.profesorado .webMapTitle .textContent .br {
	background-image: url(../imagenes/fondos/corner-webMap-profesorado-br.gif);
}

/***
 * Estilos para la parte del mapa web perteneciente a familias 
 */
.webMapItem.familias .webMapTitle .textContent {
	background: #b91085;
}

.webMapItem.familias A.cmWebMapLevel1, .webMapItem.familias SPAN.cmWebMapLevel1 {
	background-image: url(../imagenes/fondos/bullet16.gif);		
}

.webMapItem.familias A.cmWebMapLevel2, .webMapItem.familias SPAN.cmWebMapLevel2 {
	background-image: url(../imagenes/fondos/bullet16.gif);	
}

/* esquinas redondeadas */
.webMapItem.familias .webMapTitle .textContent .tl {
	background-image: url(../imagenes/fondos/corner-webMap-familias-tl.gif);
}

.webMapItem.familias .webMapTitle .textContent .tr {
	background-image: url(../imagenes/fondos/corner-webMap-familias-tr.gif);
}

.webMapItem.familias .webMapTitle .textContent .bl {
	background-image: url(../imagenes/fondos/corner-webMap-familias-bl.gif);
}

.webMapItem.familias .webMapTitle .textContent .br {
	background-image: url(../imagenes/fondos/corner-webMap-familias-br.gif);
}

/**
 * en el caso de usar el componente de mapa web de la web actual 
 */
.webMapCurrentWeb.webMapItem, .webMapCurrentWeb.webMapItem .webMapTitle, .webMapCurrentWeb.webMapItem .webMapTitle .textContent {
	width: auto;
}