/*
Ministerio de Educacion, Cultura y Deporte. 
© Copyright 2013 
Todos los derechos reservados
*/

/* ESTILOS GENERALES */
html {min-height: 34em; height: 100%; overflow:auto;}
body {margin: 0; padding: 0;  color: #000; font-family: Arial, Helvetica, sans-serif;}
img {border: 0;}
.clear {clear: both; margin: 0; height: 0;}
.hr {border-top: 1px dotted #CCC; border-right: none; border-bottom: 1px dotted #CCC; border-left: none; margin:1em 0.2em 1em 0.2em; width:auto; padding:0;}

/* CABECERA */
#cabecera {display: block; position: relative; width: 60em; margin: 0 auto; background: transparent;  min-height: 5em;}
#cabecera #escudo {z-index: 1; position: absolute; left:0; margin: 0; padding:0.4em;}
#cabecera #contenido-cabecera {width: 60em; right: 0em; top: 0em; margin: 0; padding: 0;text-decoration: none;}
#cabecera #contenido-cabecera img {display: none;}
*+ html #cabecera #contenido-cabecera img {width: 60em; margin: 0 0 0em 0; padding: 0}
#cabecera h1 {z-index: 3;  top: 3em; left: 0; margin: 0 0.1em 0 0; padding: 0.5em 0.4em 0.2em; width: auto; line-height:1.05em; text-align: justify; color: #2C5065; font-size: 1.9em; font-weight: normal; text-decoration: none;position: relative; border-bottom: 5px solid #488EB2;}
#cabecera h1 a {text-decoration: none; color: #2C5065;}
#cabecera #logo {z-index: 2;  position: absolute; right: 0.2em; margin: 0; padding: 0;}
#cabecera #logo img {margin: 0; padding: 0; width: auto; height: 8.625em;}
	/* H1 OCULTOS */
	#contenedor #cabecera #contenido-cabecera h1.oculto {font-size: 0; position: absolute; top: 30px; left: 30px; z-index: -1; }
	#rojo #contenedor #cabecera #contenido-cabecera h1.oculto {font-size: 0em}
	#verde #contenedor #cabecera #contenido-cabecera h1.oculto {font-size: 0em}

/* MENU NAVEGACION */
#navegacion-superior {display: none;}


/* CONTENEDOR*/
#contenedor {width: 60em; min-height: 34em; height: auto !important; height: 34em; margin: 2.5em auto 0; padding: 0;   background: #fff;} 
#contenedor .mensaje {padding: 1em;}	


/*CONTENIDO*/
	#contenedor #contenido-home, #contenedor #bloque-contenido, #contenedor #contenidodos, #contenedor #contenido, #contenedor #contenido-ancho {display: inline-block; min-height: 28em; height: auto !important; height: 28em; margin: 2em 0; padding: 0;}

/*HOME, DOS COLUMNAS SIN MENÚ*/
	/*BLOQUE IZQUIERDO*/
	#contenedor #bloque-izquierdo {float: left; width: 46em; margin: 0; padding: 0.5em 0.5em 0 0.5em; min-height: 25em; height: auto !important; height: 25em; border-right: 1px dotted #ccc;}
	/*BLOQUE DERECHO*/
	#contenedor #bloque-derecho {float: left; width: 12.5em; min-height: 27em; height: auto !important; height: 27em;padding: 0.5em 0 0 0.5em;}
	#contenedor #bloque-derecho .banner {margin: 0.5em 0 0.5em 0.2em;}
	#contenedor #bloque-derecho .banner img {max-width: 11.875em}
	#contenedor #bloque-derecho h2 {color: #2C5065; font-size: 0.8em; font-weight: bold; border-bottom: 4px solid #5398BD; padding: 0 0.5em 0.3em 0.3em; margin: 0.4em 0 0.6em 0;min-height: 1.3em;}
	#contenedor #bloque-derecho h3 {color: #2C5065; font-size: 0.8em; font-weight: bold; padding: 0 0.5em 0.2em 0; margin: 0.5em 0}
	#contenedor #bloque-derecho ul {margin: 0.2em 0.5em 0 0.1em; padding: 0.2em 0 0 0.1em}
	#contenedor #bloque-derecho ul li {background: url("../img/ul-menu3.png") 0em 0.3em no-repeat; font-size: 0.75em; list-style-image: none; list-style-type: none; margin: 0.2em 0; padding: 0.2em 0 0.2em 1.3em; line-height: 1.5em}
	#contenedor #bloque-derecho ul ul {margin-right: 0;}
	#contenedor #bloque-derecho ul li ul li {font-size: 100%;}
	#contenedor #bloque-derecho ul li a {color: #000; text-decoration: none; font-size: 100%; font-weight: normal}
	#contenedor #bloque-derecho ul li a:hover { text-decoration: none; color: #387392;}
	#contenedor #bloque-derecho p {text-align: left}
	#contenedor #bloque-derecho a {color: #387392; text-decoration: none; font-weight: bold}
	#contenedor #bloque-derecho a:hover {color: #000; text-decoration: underline;}
	#contenedor #bloque-derecho img {vertical-align: top; max-width: 11.4em;}


/*UNA COLUMNA*/
#contenedor #bloque-contenido #contenido-ancho {display: block; width: 59em; float: left; margin: 0 0 0 0.5em; padding: 0.5em 0 0 0}

/*DOS COLUMNAS*/
#contenedor #bloque-contenido #contenido {display: block; width: 59em; float: left; margin: 0 0.5em 0 0; padding: 0.5em 0 0 0;}

/*TRES COLUMNAS*/
#contenedor #bloque-contenido #contenidodos {display: block; width: 46em; float: left; margin: 0; padding: 0.5em 0.5em 0 0; border-right: 1px dotted #ccc;}


/* PIE */
#pie {width: 60em; height: auto; margin: 0em auto 1em; padding: 0; border: none;  border-top: 3px solid #488EB2; background: none;}
#pie .izquierda {width: 21em; float: left; display: none;}

#pie .derecha {width: 38.5em; text-align: right; padding: 1em 0.4em 0 0; float: right;}
#pie .derecha p {color: #000; font-size: 0.75em; padding-right: 0.4em; height: 1.3em; position: relative; top: 0em;}
#pie .derecha .logos {position: relative; top: 0em;}
#pie .derecha img {max-width: 4.5em; margin-left: 0.2em;}
#pie .derecha a {display: none;}


/* GENERICOS */
	/*HEADERS*/
	#contenedor h2 {color: #2C5065; font-size: 1.3em; font-weight:normal; clear: both; margin: 0 0.3em;}
	#contenedor h3 {color: #2C5065; font-size: 1.1em; font-weight: normal; margin: 0.8em 0.6em}
	#contenedor h4 {color: #2C5065; font-size: 0.9em; font-weight: bold; margin: 0.8em 0.7em}
	#contenedor h5 {color: #2C5065; font-size: 0.8em; font-weight: bold; margin: 0.8em}
	#contenedor h6 {color: #000; font-size: 0.75em; font-weight: bold; margin: 0.8em 1em}
	#contenedor h2.h2 {display: inline-block;}
	*+html #contenedor h2.h2 {float: left;}
	/*PÁRRAFOS*/
	#contenedor p {font-size: 0.75em; line-height: 1.5em; margin: 1em; text-align: justify;}
	/*ENLACES*/
	#contenedor a {color: #387392; text-decoration: none;}
	#contenedor a:hover {color: #000;}
	/*IMÁGENES*/
	#contenedor #bloque-contenido img {margin: 0.6em;}
	#contenedor #bloque-contenido p img {margin: 0;}
	#contenedor #bloque-contenido ul img {margin: 0;}
	#contenedor #bloque-contenido ol img {margin: 0;}
	/*RASTRO DE MIGAS - CORREGIDO PARA TAMAÑO FUENTE OL*/
	#contenedor .migas {display: none;}
	/* MENÚ IZQUIERDO */
	#contenedor #bloque-contenido #menu {display: none;}
	/*VOLVER*/
	#contenedor #bloque-contenido .volver {display: none;}
	/*LISTAS ORDENADAS*/
	#contenedor ol {margin: 0 1em 0.2em 1em; padding: 0 0 0 1.5em; overflow: hidden;}
	#contenedor ol li {font-size: 0.75em; margin: 0.2em 0; line-height: 1.5em; text-align: justify}
	#contenedor ol li li {font-size: 100%;}
	#contenedor ol ul li {list-style-image: url("../img/li-tipo4.png");}
	/*LISTAS NO ORDENADAS*/
	#contenedor ul {margin: 0 1em 0.2em 1em; padding: 0 0 0 1.5em; overflow: hidden;}
	#contenedor ul li {font-size: 0.75em; margin: 0.2em 0; line-height: 1.5em; text-align: justify; list-style-image: url("../img/li-tipo1.png"); list-style-position: outside;}
	#contenedor ul li li {font-size: 100%;}
	#contenedor ul ul li {list-style-image: url("../img/li-tipo4.png");}
	#contenedor ul ol li {list-style-image: none;}
	#contenedor ul li a img {padding-left: 0.5em}
	#contenedor ul ol ul li {list-style-image: url("../img/li-tipo4.png");}


/*PARÁGRAFOS*/
	/*TEXTO ENRIQUECIDO*/
		/*LISTAS NO ORDENADAS*/
			/*TIPO 1 - LISTA POR DEFECTO*/
			/*TIPO 2*/
			#contenedor ul.listado2 li {list-style-image: url("../img/li-tipo2.png");}
			#contenedor ul.listado2 li ul li {list-style-image: url("../img/li-tipo4.png");}
			/*TIPO 3*/
			#contenedor ul.listado3 li {list-style-image: url("../img/li-tipo3.png");}
			#contenedor ul.listado3 li ul li {list-style-image: url("../img/li-tipo4.png");}
		/*VER MÁS*/
		#contenedor p.mas {display: none;}
		/* HOME */
		#contenedor #contenido-home #bloque-izquierdo #presentacion {margin: 0 0.5em; padding: 0.2em 0 0.9em; display: inline-block}
		#contenedor #contenido-home #bloque-izquierdo #presentacion img {border: 1px solid #ccc; padding: 0.1em; margin: 0.6em;}
		/*DOS COLUMNAS*/
		#contenedor .columna {float: left; width: 50%;}
		/*IMÁGENES*/
			/*TAMAÑO UNA COLUMNA*/
			#contenedor img.mini {width: 30%; height: auto;}
			#contenedor img.mediana {width: 50%; height: auto;}
			#contenedor img.grande {width: 70%; height: auto;}
			/*TAMAÑO DOS COLUMNAS*/
			#contenedor .columna img {max-width: 60%; height: auto;}
			/*ALINEACIÓN*/
			#contenedor img.izquierda {float: left;}
			#contenedor img.derecha {float: right;}		
	/*EXPOSICIÓN*/
	#contenedor .imagen-exposicion {margin: 1.5em 0 0.9em 2.4em; background: #fff url("../img/fondo-expo.png") top repeat-x; border-top: 1px solid #A2C7DB; border-bottom: 1px solid #A2C7DB; display: inline-block; clear: both;}
	#contenedor .imagen-exposicion:hover {background: #fff url("../img/fondo-expo02.png") top repeat-x;}
	#contenedor .imagen-exposicion:hover span strong {color: #2C5065}
	#contenedor .imagen-exposicion p {min-height: 5em; height: auto !important; height: 5em; display: block; clear: both; margin: 0.2em 0 0 0; padding: 0;}
	#contenedor .imagen-exposicion p a {width: 96%; display: inline-block; min-height: 4.9em; height: auto !important; height: 4.9em; color: #000; text-decoration: none; padding: 0.3em 0.6em 0.8em 0.6em; margin: 0;}
	#contenedor #bloque-contenido .imagen-exposicion p a img {display: block; width: 9em; float: left; margin: 0.6em; padding: 0; border: 1px solid #ccc; padding: 0.15em; background: #fff}
	#contenedor .imagen-exposicion p a span {display: block; padding: 0 0 0.2em 11.6em; margin: 0 0em 0 0em; text-align: justify; font-weight: normal}
	#contenedor .imagen-exposicion p a span.titulo {font-weight: bold; font-size: 1.1em; display: block; margin: 0 0 0.4em -0.9em; padding: 0.6em 0 0 0; color: #2C5065}
	#contenedor .imagen-exposicion p a span.titulo:hover {text-decoration: none;}
	#contenedor .imagen-exposicion p a span img {width: auto; height: auto; float: none; display: inline; margin: 0; padding: 0em 0 0 0.4em}
		/*UNA COLUMNA*/
		#contenedor #bloque-contenido #contenido-ancho .imagen-exposicion {width: 54em;}
		/*DOS COLUMNAS*/
		#contenedor #bloque-contenido #contenido .imagen-exposicion {width: 39.2em;}
		/*DOS COLUMNAS SIN MENÚ*/
		#contenedor #bloque-contenido #bloque-izquierdo .imagen-exposicion {width: 40.2em;}
		/*TRES COLUMNAS*/
		#contenedor #bloque-contenido #contenidodos .imagen-exposicion {width: 26.5em;}
	/*RECURSO*/
	#contenedor .recursos {margin: 0.2em 0 0.2em 2.4em; padding: 0.1em 0; border-bottom: 1px dotted #fff; clear: both;}
	#contenedor .recursos:hover {background: #E8E8E8; border-bottom: 1px dotted #A0A0A0;}
	#contenedor .recursos:hover span strong {color: #000}
	#contenedor .recursos p {min-height: 5em; height: auto !important; height: 5em; display: block; clear: both; font-size: 0.75em; margin: 0; padding: 0;}
	#contenedor .recursos p a {width: 96%; display: inline-block; min-height: 4.9em; height: auto !important; height: 4.9em; color: #000; text-decoration: none; padding: 0em 0.6em 0em 0.6em; margin: 0;}
	#contenedor #bloque-contenido .recursos p a img {display: block; width: 5em; float: left; margin: 0.6em; padding: 0; border: 1px solid #ccc; padding: 0.15em 0.15em; background: #fff}
	#contenedor .recursos p a span {display: block; padding: 0 0 0em 6em; margin: 0; text-align: justify; font-weight: normal}
	#contenedor .recursos p a span.titulo {font-weight: bold; font-size: 1.1em; display: block; margin: 0; padding: 0.55em 0 0 0;}
	#contenedor .recursos p a span.titulo:hover {text-decoration: none}
	#contenedor .recursos p a span img {width: auto; height: auto; float: none; display: inline; margin: 0; padding: 0 0 0 0.4em}
		/*UNA COLUMNA*/
		#contenedor #bloque-contenido #contenido-ancho .recursos {width: 54em;}
		/*DOS COLUMNAS*/
		#contenedor #bloque-contenido #contenido .recursos {width: 39.2em;}
		/*DOS COLUMNAS SIN MENÚ*/
		#contenedor #bloque-contenido #bloque-izquierdo .recursos {width: 40.2em;}
		/*TRES COLUMNAS*/
		#contenedor #bloque-contenido #contenidodos .recursos {width: 26.5em;}
	/*BUSCADOR*/
	#contenedor .formulario {width: auto; margin: 0.6em 1em; border-top: 1px dotted #B1C1D8; border-bottom: 1px dotted #B1C1D8; border-left: 0; border-right: 0; background: #F1F4F8; padding: 1em 0.5em 2em 1.5em; clear: both;}
	#contenedor .formulario fieldset {margin: 0 auto; border: 0}
	#contenedor .formulario fieldset label {display: block; clear: both; margin: 0.2em 0; padding: 0.2em 0}
	#contenedor .formulario fieldset span.label {width: 12.6em; font-size: 0.75em; float: left; text-align: right; padding: 0.3em 0.8em 0 0}
	#contenedor .formulario fieldset input[type="text"] {border:1px solid #B1C1D8; font-family: arial, helvetica, sans-serif; font-size: 0.75em; margin:0; width: 25em}
	#contenedor .formulario .botones {text-align: center; width:auto; margin: 0.6em auto}
	#contenedor .formulario .botones input.boton {color: #2C5065; border:1px solid #CFCFCF; background: #fff url("../img/boton.jpg") bottom repeat-x; font-family: arial, helvetica, sans-serif; font-weight: bold; font-size: 0.75em; margin:0.6em 4em 0 0; padding: 0.2em 1.6em; text-align: center;}
		/*UNA COLUMNA*/
		#contenedor #contenido-ancho .formulario fieldset input[type="text"] {width: 45em;}
		/*TRES COLUMNAS*/
		#contenedor #contenidodos .formulario fieldset span.label {width: 7em;}
	/*VÍDEO*/
	#contenedor .video {clear: both;}
	#contenedor #contenido-ancho .video {width: 58em; margin: 1em auto; text-align: center;}
	#contenedor #contenido-ancho .video object {max-width: 58em;}
	#contenedor #contenido .video {width: 43em; margin: 1em auto; text-align: center;}
	#contenedor #contenido .video object {max-width: 43em;}
	#contenedor #bloque-izquierdo .video {width: 43em; margin: 1em auto; text-align: center;}
	#contenedor #bloque-izquierdo .video object {max-width: 43em;}
	#contenedor #contenidodos .video {width: 31em; margin: 1em auto; text-align: center;}
	#contenedor #contenidodos .video object {max-width: 31em;}
	/*LISTADO DE PÁGINAS HIJAS*/
		/*una columna*/
		#contenedor ul.una-columna li {list-style-image: url("../img/li-tipo1-link.png");}
		#contenedor ul.una-columna li a {color: #000; text-decoration: none;}
		#contenedor ul.una-columna li a:hover {color: #387392; text-decoration: none;}
		#contenedor ul.una-columna li ul li {list-style-image: url("../img/li-tipo4-link.png");}
		/*dos columnas*/
		#contenedor ul.dos-columnas li {padding: 1em 0 1em 2em; width: 45%; list-style-image: url("../img/li-tipo1-link.png"); display: inline-block; vertical-align: top; border-top: #aaa 1px dotted;}
		#contenedor ul.dos-columnas li:first-child,
		#contenedor ul.dos-columnas li:nth-child(2),
		#contenedor ul.dos-columnas li li {
			border: none;}
		#contenedor ul.dos-columnas li:first-child,
		#contenedor ul.dos-columnas li:first-child + li,
		#contenedor ul.dos-columnas li li {
			border: none;}
		*+html #contenedor ul.dos-columnas li:first-child,
		*+html #contenedor ul.dos-columnas li:first-child + li,
		*+html #contenedor ul.dos-columnas li li {
			border: none;}
		*+html #contenedor ul.dos-columnas li {list-style-image: none; list-style-type: none; display: inline;}
		#contenedor ul.dos-columnas li a {color: #000; text-decoration: none; display: list-item;}
		#contenedor ul.dos-columnas li a:hover {color: #387392; text-decoration: none;}
		#contenedor ul.dos-columnas li ul li {list-style-image: url("../img/li-tipo4-link.png"); width: 100%; padding: 0 0 0 1.5em;}
	/*BOTONES*/
	#contenedor .botones {clear: both;}
		/* TIPO 1 - texto arriba */
		#contenedor .botones.pq {margin: 0 auto; text-align: center; display: inline-block;}
		#contenedor .botones.pq .boton-acceso {width: 12em; background: #C8DBE6 url("../img/boton-acceso.png") top left repeat-x; border: 1px solid #A3C8DC; padding:0em 0.2em 0em 0.2em; margin:0.6em 0.6em 0.4em 0.6em; display: inline-block; vertical-align: middle;}
		#contenedor .botones.pq .boton-acceso:hover {background: #98B7CB url("../img/boton-acceso02.png") top left repeat-x; border: 1px solid #558CC4;}
		*+html #contenedor .botones.pq .boton-acceso {width: 12em; background: #C8DBE6 url("../img/boton-acceso.png") top left repeat-x; border: 1px solid #558CC4; padding:0em 0.2em 0em 0.2em; margin:0.6em 0.6em 0.4em 0.6em; display: inline; vertical-align: middle;}
		*+html #contenedor .botones.pq .boton-acceso:hover {background: #98B7CB url("../img/boton-acceso02.png") top left repeat-x; border: 1px solid #558CC4;}
		#contenedor .botones.pq .boton-acceso span {height: 4em; text-align: center; color: #2C5065; font-weight: bold; font-size: 1em; margin: 0.6em 0.4em 0.2em 0.4em; width: auto; line-height: 1.3em; display: block}
		#contenedor .botones.pq .boton-acceso span strong {color: #325378}
		#contenedor #bloque-contenido .botones.pq .boton-acceso img {margin:0 auto 0 auto; width: 11.5em; height:4em; padding:0em; border:2px solid #fff; display: block}
		#contenedor .botones.pq .boton-acceso a img:hover {border:2px solid #fff; }
		#contenedor .botones.pq .boton-acceso a {display: block; height:auto !important; min-height:8em; height:8em; padding: 0.3em 0.1em}
		#contenedor .botones.pq .boton-acceso a:hover{text-decoration: none; }
		#contenedor .botones.pq .boton-acceso:hover span {color: #fff;}
			/*UNA COLUMNA*/
			#contenedor #contenido-ancho .botones.pq {width: 58em;}
			/*DOS COLUMNAS*/
			#contenedor #contenido .botones.pq {width: 58em;}
			/*DOS COLUMNAS SIN MENÚ*/
			#contenedor #bloque-izquierdo .botones.pq {width: 44.8em;}
			/*TRES COLUMNAS*/
			#contenedor #contenidodos .botones.pq {width: 44.8em;}
		/* TIPO 2 - texto derecha */
		#contenedor .botones.gr {margin: 0 auto; text-align: justify;}
		#contenedor .botones.gr .boton-acceso {height: 6.5em; background: transparent url("../img/boton_derecha_1.png") top left repeat-x; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; padding: 0em 0.2em 0em 0.2em; margin: 0.6em 0.6em 0.4em 0.6em; display: inline-block; vertical-align: middle;}
		#contenedor .botones.gr .boton-acceso:hover {background: transparent url("../img/boton_derecha_2.png") top left repeat-x; border-top: 1px dotted #bebebe; border-bottom: 1px dotted #bebebe;}
		*+html #contenedor .botones.gr .boton-acceso {height: 6.5em; background: transparent url("../img/boton_derecha_1.png") top left repeat-x; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; padding: 0em 0.2em 0em 0.2em; margin: 0.6em 0.6em 0.4em 0.6em; display: inline; vertical-align: middle;}
		*+html #contenedor .botones.gr .boton-acceso:hover {background: transparent url("../img/boton_derecha_2.png") top left repeat-x; border-top: 1px dotted #bebebe; border-bottom: 1px dotted #bebebe;}
		#contenedor .botones.gr .boton-acceso span {color: #000; font-weight: bold; font-size: 0.75em; margin: 1em 0.4em 0.2em 2em; line-height: 1.3em; display: inline-block}
		#contenedor #bloque-contenido .botones.gr .boton-acceso img {width: 7.9em; height: 5.15em; padding: 0em; border: 1px solid #000; display: inline-block; float: left; margin: 0;}
		*+html #contenedor #bloque-contenido .botones.gr .boton-acceso span {color: #000; font-weight: bold; font-size: 0.75em; margin: 0.5em 0.4em 0.2em 2em; line-height: 1.3em; display: inline; float: right;}
		*+html #contenedor #bloque-contenido .botones.gr .boton-acceso img {width: 7.9em; height: 5.15em; padding: 0em; border: 1px solid #000; display: inline-block; float: left; margin: 0;}
		#contenedor .botones.gr .boton-acceso a {display: block; padding: 0.6em 0.8em}
		#contenedor .botones.gr .boton-acceso a:hover {text-decoration: none; }
			/*UNA COLUMNA*/
			#contenedor #contenido-ancho .botones.gr {width: 52em;}
			#contenedor #contenido-ancho .botones.gr .boton-acceso {width: 24.4em;}
			#contenedor #contenido-ancho .botones.gr .boton-acceso span {max-width: 17em;}
			*+html #contenedor #contenido-ancho .botones.gr .boton-acceso span {max-width: 17em; width: 17em;}
			/*DOS COLUMNAS*/
			#contenedor #contenido .botones.gr {width: 52em;}
			#contenedor #contenido .botones.gr .boton-acceso {width: 24.4em;}
			#contenedor #contenido .botones.gr .boton-acceso span {max-width: 17em;}
			*+html #contenedor #contenido .botones.gr .boton-acceso span {max-width: 17em; width: 17em;}
			/*DOS COLUMNAS SIN MENÚ*/
			#contenedor #bloque-izquierdo .botones.gr {width: 44.8em; display: inline-block;}
			#contenedor #bloque-izquierdo .botones.gr .boton-acceso {width: 20.7em;}
			#contenedor #bloque-izquierdo .botones.gr .boton-acceso span {max-width: 12em;}
			*+html #contenedor #bloque-izquierdo .botones.gr .boton-acceso span {max-width: 12em; width: 12em;}
			/*TRES COLUMNAS*/
			#contenedor #contenidodos .botones.gr {width: 44.8em; display: inline-block;}
			#contenedor #contenidodos .botones.gr .boton-acceso {width: 20.7em;}
			#contenedor #contenidodos .botones.gr .boton-acceso span {max-width: 12em;}
			*+html #contenedor #contenidodos .botones.gr .boton-acceso span {max-width: 12em; width: 12em;}
		/* TIPO 3 - texto izquierda */
		#contenedor .botones.md {margin: 0 auto; text-align: justify; display: inline-block;}
		#contenedor .botones.md .boton-acceso {margin: 0.4em; display: inline-block; vertical-align: top;}
		*+html #contenedor .botones.md .boton-acceso {margin: 0.4em; display: inline; vertical-align: top;}
		#contenedor .botones.md .boton-acceso span {text-align: right; color: #3e7b99; font-weight: bold; font-size: 0.9em; margin: 0em 0.4em; line-height: 1.3em; display: inline-block; padding: 0.5em;  border: 1px solid #000;}
		#contenedor #bloque-contenido .botones.md .boton-acceso img {margin: 0 auto; padding: 0.1em; border: 1px solid #ccc; display: inline-block; float: right; vertical-align: top;}
		*+html #contenedor .botones.md .boton-acceso span {text-align: right; color: #fff; font-weight: bold; font-size: 0.9em; margin: 0em 0.4em; line-height: 1.3em; float: left; padding: 0.5em; background-color: #3e7b99; border: 1px solid #000;}
		*+html #contenedor #bloque-contenido .botones.md .boton-acceso img {margin: 0 auto; padding: 0.1em; border: 1px solid #ccc; display: inline; float: right; vertical-align: top;}
		#contenedor .botones.md .boton-acceso a {display: block; padding: 0.3em 0.1em}
			/*UNA COLUMNA*/
			#contenedor #contenido-ancho .botones.md {width: 59em;}
			#contenedor #contenido-ancho .botones.md .boton-acceso {width: 18.8em;}
			#contenedor #contenido-ancho .botones.md .boton-acceso span {width: 7.2em;}
			#contenedor #contenido-ancho .botones.md .boton-acceso img {width: 10em;}
			/*DOS COLUMNAS*/
			#contenedor #contenido-ancho .botones.md {width: 59em;}
			#contenedor #contenido .botones.md .boton-acceso {width: 18.8em;}
			#contenedor #contenido .botones.md .boton-acceso span {width: 7.2em;}
			#contenedor #contenido .botones.md .boton-acceso img {width: 10em;}
			/*DOS COLUMNAS SIN MENÚ*/
			#contenedor #bloque-izquierdo .botones.md {width: 44.8em;}
			#contenedor #bloque-izquierdo .botones.md .boton-acceso {width: 21em;}
			#contenedor #bloque-izquierdo .botones.md .boton-acceso span {width: 8.5em;}
			#contenedor #bloque-izquierdo .botones.md .boton-acceso img {width: 11em;}
			/*TRES COLUMNAS*/
			#contenedor #contenidodos .botones.md {width: 44.8em;}
			#contenedor #contenidodos .botones.md .boton-acceso {width: 21em;}
			#contenedor #contenidodos .botones.md .boton-acceso span {width: 8.5em;}
			#contenedor #contenidodos .botones.md .boton-acceso img {width: 11em;}
		/* TIPO 4 - botón grande */
		#contenedor .botones.grande {margin: 0 auto; text-align: center; display: inline-block;}
		#contenedor .botones.grande .boton-acceso {width: 20em; background: #A3C8DC url("../img/boton-basedatos.png") top left repeat-x; border: 1px solid #558CC4; padding:0em 0.2em 0.5em 0.2em; margin:0.6em 0.6em 0.4em 0.6em; display: inline-block; vertical-align: top;}
		#contenedor .botones.grande .boton-acceso:hover {background: #A3C8DC url("../img/boton-basedatos02.png") top left repeat-x; border: 1px solid #558CC4;}
		*+html #contenedor .botones.grande .boton-acceso {display: inline;}
		#contenedor .botones.grande .boton-acceso span {height: 3em; text-align: center; color: #2C5065; font-weight: normal; font-size: 1.2em; margin: 0.2em 0.4em 0.2em 0.4em; padding: 0.3em 0.2em 1em 0.2em; width: auto; line-height: 1.4em; display: block}
		#contenedor .botones.grande .boton-acceso span strong {font-size: 1.5em; display:block; font-family: arial; font-weight: normal;}
		#contenedor .botones.grande .boton-acceso span em {font-size: 1.3em; font-family: arial; font-weight: normal; font-style: normal;}
		#contenedor #bloque-contenido .botones.grande .boton-acceso img {margin: 1.7em auto 0 auto; width: 19.5em; height: 3.85em; padding:0; display: block;}
		#contenedor .botones.grande .boton-acceso a {display: block; height:auto !important; min-height:11em; height:11em; padding: 0.3em 0.1em}
		#contenedor .botones.grande .boton-acceso a:hover{text-decoration: none;}
			/*UNA COLUMNA*/
			#contenedor #contenido-ancho .botones.grande {width: 59em;}
			/*DOS COLUMNAS*/
			#contenedor #contenido .botones.grande {width: 59em;}
			/*DOS COLUMNAS SIN MENÚ*/
			#contenedor #bloque-izquierdo .botones.grande {width: 47em;}
			/*TRES COLUMNAS*/
			#contenedor #contenidodos .botones.grande {width: 47em;}
	/*PERSONAJES*/
	#contenedor #bloque-contenido .listado-personajes {clear: both; margin: 1em auto;}
	#contenedor #bloque-contenido #contenido-ancho .listado-personajes {width: 58em;}
	#contenedor #bloque-contenido #contenido .listado-personajes {width: 58em;}
	#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes {width: 46em;}
	#contenedor #bloque-contenido #contenidodos .listado-personajes {width: 46em;}
	#contenedor #bloque-contenido .listado-personajes div.personajes {padding: 0.3em 0.2em 0.5em 0.2em; margin: 0.6em 0.3em 0.4em 0.2em; display: inline-block; vertical-align: top;}
	*+html #contenedor #bloque-contenido .listado-personajes div.personajes {display: inline;}
	#contenedor #bloque-contenido .listado-personajes div.personajes:hover {background: #ebf6fc;}
	#contenedor #bloque-contenido .listado-personajes div.personajes a span {color: #000; font-weight: normal; font-size: 0.75em; line-height: 1.4em; text-align: left;}
	#contenedor #bloque-contenido .listado-personajes div.personajes a span.titulo {color: #2C5065; font-size: 1em; font-weight: bold; margin: 0.4em 0.4em 0.2em 0.7em;}
	#contenedor #bloque-contenido .listado-personajes div.personajes a img {padding: 0.1em; border:1px solid #ccc; background: #fff;}
	#contenedor #bloque-contenido .listado-personajes div.personajes a {display: block; height: auto;}
	#contenedor #bloque-contenido .listado-personajes div.personajes a:hover {text-decoration: none;}
		/*PEQUEÑA*/
		#contenedor #bloque-contenido .listado-personajes.pq div.personajes a span {margin: 0.6em 0.4em 0.2em 0.9em; display: block;}
		#contenedor #bloque-contenido .listado-personajes.pq div.personajes a img {margin: 0 0.6em; display: block; width: 9.4em; height: 11.3em;}
			/*POR COLUMNAS*/
			#contenedor #bloque-contenido #contenido-ancho .listado-personajes.pq div.personajes {width: 13.6em;}
			#contenedor #bloque-contenido #contenido .listado-personajes.pq div.personajes {width: 13.6em;}
			#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes.pq div.personajes {width: 14em;}
			#contenedor #bloque-contenido #contenidodos .listado-personajes.pq div.personajes {width: 14em;}
		/*MEDIANA*/
		#contenedor #bloque-contenido .listado-personajes.md div.personajes a span {margin: 0.6em 0.4em 0.2em 0.9em; display: block;}
		#contenedor #bloque-contenido .listado-personajes.md div.personajes a img {margin: 0 0.2em; display: block;}
			/*POR COLUMNAS*/
			#contenedor #bloque-contenido #contenido-ancho .listado-personajes.md div.personajes {width: 18.14em;}
			#contenedor #bloque-contenido #contenido-ancho .listado-personajes.md div.personajes img {width: 17.2em; height: 20.6em;}
			#contenedor #bloque-contenido #contenido .listado-personajes.md div.personajes {width: 18.14em;}
			#contenedor #bloque-contenido #contenido .listado-personajes.md div.personajes a img {width: 17.2em; height: 20.6em;}
			#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes.md div.personajes {width: 14em;}
			#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes.md div.personajes a img {width: 13.3em; height: 15em;}
			#contenedor #bloque-contenido #contenidodos .listado-personajes.md div.personajes {width: 14em;}
			#contenedor #bloque-contenido #contenidodos .listado-personajes.md div.personajes a img {width: 13.3em; height: 15em;}
		/*GRANDE*/
		#contenedor #bloque-contenido .listado-personajes.gr div.personajes a span {margin: 0.6em 0.4em 0.2em 0em; display: block;}
		#contenedor #bloque-contenido .listado-personajes.gr div.personajes a img {margin: 0 1.5em 0 0.2em; display: inline-block; float: left;}
			/*POR COLUMNAS*/
			#contenedor #bloque-contenido #contenido-ancho .listado-personajes.gr div.personajes {width: 57em;}
			#contenedor #bloque-contenido #contenido-ancho .listado-personajes.gr div.personajes a span {position: relative; top: 8em;}
			#contenedor #bloque-contenido #contenido-ancho .listado-personajes.gr div.personajes a span.titulo {top: 5em;}
			#contenedor #bloque-contenido #contenido-ancho .listado-personajes.gr div.personajes a img {width: 28.1em; height: 18.75em;}
			#contenedor #bloque-contenido #contenido .listado-personajes.gr div.personajes {width: 57em;}
			#contenedor #bloque-contenido #contenido .listado-personajes.gr div.personajes a span {position: relative; top: 8em;}
			#contenedor #bloque-contenido #contenido .listado-personajes.gr div.personajes a span.titulo {top: 5em;}
			#contenedor #bloque-contenido #contenido .listado-personajes.gr div.personajes a img {width: 28.1em; height: 18.75em;}
			#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes.gr div.personajes {width: 44.2em;}
			#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes.gr div.personajes a span {position: relative; top: 7em;}
			#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes.gr div.personajes a span.titulo {top: 4em;}
			#contenedor #bloque-contenido #bloque-izquierdo .listado-personajes.gr div.personajes a img {width: 22em; height: 16em;}
			#contenedor #bloque-contenido #contenidodos .listado-personajes.gr div.personajes {width: 44.2em;}
			#contenedor #bloque-contenido #contenidodos .listado-personajes.gr div.personajes a span {position: relative; top: 7em;}
			#contenedor #bloque-contenido #contenidodos .listado-personajes.gr div.personajes a span.titulo {top: 4em;}
			#contenedor #bloque-contenido #contenidodos .listado-personajes.gr div.personajes a img {width: 22em; height: 16em;}
	/* GALERÍA DE IMÁGENES */
	#contenedor #bloque-contenido .slides_container {overflow: visible !important;}
	#contenedor #bloque-contenido .slides_control {width: auto !important; height: auto !important;}
	#contenedor #bloque-contenido .slide {display: block !important;position: relative !important; margin-bottom: 1em;clear: both;}
	#contenedor #bloque-contenido .slide a {margin: 0 auto; display: block;font-size: 0.8em;font-weight: bold;}
	#contenedor #bloque-contenido .slide a.mas {display: none;}
	#contenedor #bloque-contenido #contenido-ancho .slide a {width: 41em;}
	#contenedor #bloque-contenido #contenido-ancho .slide a.mas {display: none;}
	#contenedor #bloque-contenido .slide a img {border: solid 1px #ccc; padding: 0.1em; background: #fff; margin: 0.6em auto 0 auto;display: block;}
	#contenedor #bloque-contenido #container .slide img {margin: 0.6em; display: inline-block;width: 45%;float: left;}
	#contenedor #bloque-contenido .caption {position: relative !important;width: 45% !important;float: left;margin: 0.6em !important;padding: 0 !important;}
	#contenedor #bloque-contenido #container .caption p {margin: 0 0 0.5em;}
	#contenedor #bloque-contenido #container .caption p.titulo {color: #3E7B99; font-size: 2em; margin: 0; margin-bottom: 0.5em;font-weight: bold; line-height: 1.2em; letter-spacing: -0.05em; text-align: left;}
	#contenedor #bloque-contenido .captionDos {position: relative !important; bottom: auto !important; width: 41em; margin: 0.2em auto !important;}
	#contenedor #bloque-contenido .captionDos p.titulo {font-size: 1em; font-weight: bold; color: #2C5065; margin: 0 0 0 1em;}
	#contenedor #bloque-contenido .captionDos p {margin: 0 0 0 1em;}
	#contenedor #bloque-contenido ul.pagination {display: none;}

/*APARTADO*/
#contenedor #bloque-contenido #contenido-ancho .apartado {display: none}


/* CONTENIDO A DOS COLUMNAS */
#contenedor #bloque-contenido #contenido img.center {text-align: center; margin: 1em auto; display: block;}

#contenedor #bloque-contenido #contenido .texto-introduccion {margin: 0.8em 2em}
#contenedor #bloque-contenido #contenido .texto-introduccion p {font-size: 0.8em;}

#contenedor #bloque-contenido #contenido .galeria {background: #EFEFEF; border-top: 1px solid #C7C7C7; border-bottom: 3px solid #999999; border-right: 1px solid #C7C7C7; border-left: 1px solid #C7C7C7; padding:0.3em 0.2em 0.5em 0.2em; margin:0.6em 0.1em 0.4em 0.8em; display: inline-block; width: 12.9em; vertical-align: top;}
#contenedor #bloque-contenido #contenido .galeria:hover {background: #E6E6E6; border-top: 1px solid #C7C7C7; border-bottom: 3px solid #df2a1e; border-right: 1px solid #C7C7C7; border-left: 1px solid #C7C7C7; padding:0.3em 0.2em 0.5em 0.2em; margin:0.6em 0.1em 0.4em 0.8em; display: inline-block; width: 12.9em; vertical-align: top;}
#contenedor #bloque-contenido #contenido .galeria:hover span strong {color: #000}
#contenedor #bloque-contenido #contenido .galeria p a {width: 96%; height:auto !important; min-height:21em; height:21em; display: inline-block; color: #000; text-decoration: none; padding: 0em 0.3em 0em 0.3em; margin: 0;}
#contenedor #bloque-contenido #contenido .galeria p {display: block; clear: both; margin: 0em 0em 0 0; padding: 0;}
#contenedor #bloque-contenido #contenido .galeria p a img {margin:0 auto 0.3em auto; width:16.3em; height:11em; padding:0.1em; border:1px solid #C7C7C7; background: #fff; display: block}
#contenedor #bloque-contenido #contenido .galeria p a span {color: #000; font-weight: normal; font-size: 100%; text-align: left; margin: 0.2em 0.4em 0.2em 0.9em; width: auto; line-height: 1.4em; display: block}
#contenedor #bloque-contenido #contenido .galeria p a span.titulo {font-weight: bold; font-size: 1.1em; display: block; margin: 0 0 0.2em 0em; padding: 0.2em 0 0 0; color: #000;}
#contenedor #bloque-contenido #contenido .galeria p a span.titulo:hover {text-decoration: none}


/* CSS INTERNO */
.slideInterno {padding: 0.5em 2em; min-height: 5em; height: auto !important; height: 5em; display: inline-block}
.slideInterno img {float: left; width:11.7em; height:7.313em;}
.slideInterno p.titulo {float: left; color: #3E7B99; font-size: 1em; margin: 1em 0.4em 0.6em 0.5em; font-weight: bold;}
.editaBoton {clear: both; display: block}
#adminpie .cajaint img {width: 72px;}


/*PÁGINA DE ADMINISTRACIÓN*/
#contenedor #bloque-contenido #texto p.vacio {color: red;}
#contenedor #bloque-contenido #texto div.caja {margin: 0.5em; padding:0.1em 0.5em; background: #EEE;}
#contenedor #bloque-contenido #texto div.caja img {max-width: 50%; margin-left: 1em;}
#contenedor #bloque-contenido #texto div.caja h2{border-bottom: 1px dashed black;}
#contenedor #bloque-contenido #texto div.cajaint {border-left: 1px dashed black; padding-left: 0.5em; margin-left: 0.5em;}
#contenedor #bloque-contenido #texto ul {margin: 0 0em 1em 1.8em; padding: 0 0em 1em 1.8em;}
#contenedor #bloque-contenido #texto ul li {list-style-image: url("../img/ul-menu5.png"); font-size: 0.75em; margin: 0.5em 0; line-height: 1.5em; text-align: justify}
#contenedor #bloque-contenido #texto ul ul {margin: 0.3em 0.4em 0.6em 1.4em; padding: 0.3em 0.4em 0.2em 1.4em;}
#contenedor #bloque-contenido #texto ul ul li {list-style-image: url("../img/ul-menu3.png"); font-size: 100%; margin: 0.1em 0; padding: 0.1em 0}
#contenedor #bloque-contenido #texto ul li a {color: #2C5065; font-weight: normal}
#contenedor #bloque-contenido #texto ul li a img {padding-left: 0.5em}
#contenedor #bloque-contenido #texto ul li a:hover {color: #2C5065; font-weight: normal}
#contenedor #bloque-contenido #texto ul ul ul {margin: 0.3em 0.4em 0.6em 1.4em; padding: 0.3em 0.4em 0.2em 1.4em;}
#contenedor #bloque-contenido #texto ul ul ul li {list-style-image: url("../img/ul-menu4.png"); font-size: 100%; margin: 0.1em 0; padding: 0.1em 0}
#contenedor #bloque-contenido #texto ul ul ul ul {margin: 0.3em 0.4em 0.6em 1.4em; padding: 0.3em 0.4em 0.2em 1.4em;}
#contenedor #bloque-contenido #texto ul ul ul ul li {list-style-image: url("../img/ul-menu6.png"); font-size: 100%; margin: 0.1em 0; padding: 0.1em 0}