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

/* Estilos body */
body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#000; background: #F5F2E9;}
iframe.tagmanager {display:none; visibility:hidden; height:0.1em; width:0.1em;}
img {border: 0;}
.clear {clear: both;}

/* Estilos para la cabecera superior */
#fondo {background: #F5F2E9 url("../img/fondo-cabecera.png") top left repeat-x; margin: 0 auto}
#fondo #head {width: 60em; min-height:5em; height: auto !important; height:5em; margin: 0 auto; padding: 0; display: block; position: relative; }
#fondo #head #escudo {position: absolute; z-index: 1; left: 0; top: 0.5em; margin: 0;}
#fondo #head #escudo img {width:16.563em; height:3.750em;}

#fondo #head .fecha {position: absolute; left: 24.5em; top: 3.6em; margin: 0; font-size: 0.7em}

/* Menu superior idiomas */
#fondo #head #menusup {width: 60em; height: 1.8em; /*min-height:1.5em; height: auto !important; height:1.5em; */ }
#fondo #head #menusup #enlaces {float: left; margin:0.2em 0 0 16.4em; padding:0em 0.1em 0 0em;}
#fondo #head #menusup #enlaces ul {list-style-type:none; margin:0; padding:0em 0 0.1em 0;}
#fondo #head #menusup #enlaces ul li {display:inline; list-style-type:none; margin:0; padding:0 0.1em 0 0.5em; background: transparent url("../img/separador.png") left no-repeat;}
#fondo #head #menusup #enlaces ul li a {white-space:nowrap; text-decoration: none; font-size:0.75em; font-weight: bold; color: #3E3E40; }
#fondo #head #menusup #enlaces ul li a:hover {text-decoration: underline;}
#fondo #head #menusup #enlaces ul li:first-child { padding-left: 0.7em; background:none;}

#fondo #head #menusup #idiomas {float: right; margin:0.2em 0 0 0em;}
#fondo #head #menusup #idiomas ul {list-style-type:none; margin:0; padding:0em 0 0.1em 0;}
#fondo #head #menusup #idiomas ul li {display:inline; list-style-type:none; margin:0; padding:0 0.2em 0 0.4em; background: transparent url("../img/separador.png") left no-repeat;}
#fondo #head #menusup #idiomas ul li a {white-space:nowrap; text-decoration: none; font-size:0.7em; font-weight: bold; color: #3E3E40; }
#fondo #head #menusup #idiomas ul li a:hover {text-decoration: underline;}
#fondo #head #menusup #idiomas ul li.primero {background:none;}
#fondo #head #menusup #idiomas ul li.ultimo {padding-right: 0;}

/* Menu superior enlaces */
#fondo #head #opciones {clear: both; min-height:5em; height: auto !important; height: 5em; position: relative; display: block;}

/* Crespon */
#fondo #head #opciones #redes-sociales img.crespon {margin-left: 6.5em; width: 2em; float:left;}

/* Redes sociales */
#fondo #head #opciones #redes-sociales {width: 19em; height: 2.5em; margin: 0 0 0 23em; padding: 0; position: relative; z-index: 11; float: left;}
#fondo #head #opciones #redes-sociales img {margin: 0 0.1em;}
#fondo #head #opciones #redes-sociales #nav {padding:0; margin: 0; list-style-type: none; font-weight: bold; font-size: 0.9em; font-family: arial, helvetica, sans-serif; float: right}
#fondo #head #opciones #redes-sociales #nav ul {padding: 0.1em 0 0.4em 0.8em; margin: 0; list-style-type: none; text-align: left}
#fondo #head #opciones #redes-sociales #nav li {float: left; margin: 0.3em 0 0 0; padding: 0; position: relative; /*width: 18%;*/ }
#fondo #head #opciones #redes-sociales #nav a {padding: 0.1em 0.2em 0.1em 0em; display: block; color: #1F3F52; text-decoration: none}
#fondo #head #opciones #redes-sociales #nav a:hover {color: #1F3F52}
#fondo #head #opciones #redes-sociales #nav a:focus {color: #1F3F52}
#fondo #head #opciones #redes-sociales #nav ul {font-weight: normal; font-size: 0.85em; background: #EBF0F6; left: 0px; width: 7em; line-height:1.4em; position: absolute; top: 2.2em; border-bottom: 3px solid #3882CD}
*+html #fondo #head #opciones #redes-sociales #nav ul {font-weight: normal; font-size: 0.85em; background: #EBF0F6; left: 0px; width: 7em; line-height:1.4em; position: absolute; top: 2.1em;}
#fondo #head #opciones #redes-sociales #nav ul li {width: 6em; background: #EBF0F6 url("../img/ul-1.png") no-repeat left; padding: 0 0.1em 0 0.7em;}
#fondo #head #opciones #redes-sociales #nav ul a {background: none transparent scroll repeat 0% 0%; padding: 0 0 0 0.1em; width: 6em;}
#fondo #head #opciones #redes-sociales #nav ul a:hover {text-decoration: underline}
#fondo #head #opciones #redes-sociales #nav ul a.inactivo {background: none transparent scroll repeat 0% 0%; padding: 0 0 0 0.1em; width: 6em; color: #666; text-decoration: none; cursor: default}
#fondo #head #opciones #redes-sociales #nav ul {margin-left: -9999px;}
#fondo #head #opciones #redes-sociales #nav :hover ul ul {margin-left: -9999px;}
#fondo #head #opciones #redes-sociales #nav .hover ul ul {margin-left: -9999px;}
#fondo #head #opciones #redes-sociales #nav li:hover > ul {margin-left: 0;}
#fondo #head #opciones #redes-sociales #nav li.hover > ul {margin-left: 0;}
#fondo #head #opciones #redes-sociales #nav a:focus + ul {margin-left: 0}
#fondo #head #opciones #redes-sociales #nav ul ul {margin-left: 0;}
#fondo #head #opciones #redes-sociales #nav .hover a:focus {margin-left: 0}

/* Traductor */
#head #opciones #traductor #google_translate_element .goog-te-gadget-simple {background-color: #FFFFFF; border:1px solid #3C85D0; font-size: 10pt; display: inline-block; cursor: pointer; /*zoom: 1;*/ margin-top: 0.58em; float: right; margin-right:0.3em;}

/* Pestanias */
#fondo #head #opciones #pestanias {clear: both; width: 40em; min-height:3em; height: auto !important; height:3em; float: left; z-index: 10; position: relative}
#fondo #head #opciones #pestanias #tab {padding:5px 0 0 0; margin: 4px 0 0 0; list-style-type: none; font-weight: normal; font-size: 0.95em; font-family: arial, helvetica, sans-serif;}
#fondo #head #opciones #pestanias #tab ul {padding: 0 0 0 0.8em; margin: 0 0 0 0; list-style-type: none;}
#fondo #head #opciones #pestanias #tab li {text-align: center; min-width: 4.8em; height: 2.3em; float: left; margin: 0em 0.05em 0 0.1em; padding: 0; position: relative; background: url("../img/pestania.png") no-repeat top left; border-bottom: 1px solid #E0E8EB}
#fondo #head #opciones #pestanias #tab a {padding: 0.7em 0.2em 0.2em 0.2em; background: transparent url("../img/tab-tr.png") no-repeat top right; display: block; color: #1F466D; text-decoration: none}
#fondo #head #opciones #pestanias #tab a:hover {color: #224A68; background: transparent url("../img/tab-tr.png") no-repeat top right}
#fondo #head #opciones #pestanias #tab a:focus {color: #224A68; background: transparent url("../img/tab-tr.png") no-repeat top right}
#fondo #head #opciones #pestanias #tab ul {padding-top: 0.8em; font-weight: normal; font-size: 0.8em; background: #EBF0F6; left: 0px; width: 23.6em; position: absolute; top: 2.95em; border-bottom: 3px solid #3882CD; border-top: 1px solid #345A5B}
*+html #fondo #head #opciones #pestanias #tab ul {font-weight: normal; font-size: 0.8em; background: #EBF0F6; left: 0px; width: 23.6em; position: absolute; top: 3em;}
#fondo #head #opciones #pestanias ul#tab li.seleccionado {font-size: 1em; float: left; margin: 0em 0.05em 0 0.1em; padding: 0em; position: relative; min-width: 4.8em; background: url("../img/seleccionado.png") no-repeat top left; border-bottom: 1px solid #1C5493}
#fondo #head #opciones #pestanias ul#tab li.seleccionado a {padding: 0.7em 0.2em 0.9em 0.2em; background: transparent url("../img/tab-tr-seleccionado.png") no-repeat top right; display: block; color: #fff; text-decoration: none}
#fondo #head #opciones #pestanias ul#tab li.seleccionado a:hover {color: #fff; background: transparent url("../img/tab-tr-seleccionado.png") no-repeat top right}
#fondo #head #opciones #pestanias ul#tab li.seleccionado a:focus {color: #fff; background: transparent url("../img/tab-tr-seleccionado.png") no-repeat top right}
#fondo #head #opciones #pestanias ul#tab li.seleccionado ul li a {padding: 0em 0.2em 0em 1em; background: none; display: block; color: #000; text-decoration: none}
#fondo #head #opciones #pestanias ul#tab li.seleccionado ul li a:hover {color: #000; background: none; text-decoration: underline}
#fondo #head #opciones #pestanias ul#tab li.seleccionado ul li a:focus {color: #000; background: transparent}
#fondo #head #opciones #pestanias #tab ul li {text-align: left; width: 20em; background: #EBF0F6 url("../img/ul-1.png") 1% 20% no-repeat; padding: 0 0.2em 0 0.2em; margin: 0; border-bottom: none; font-size: 1.1em}
#fondo #head #opciones #pestanias #tab ul li a {background: none;}
#fondo #head #opciones #pestanias #tab ul a {background: none; padding: 0 0 0 1em; width: 20.5em; margin: 0; color: #000;}
#fondo #head #opciones #pestanias #tab ul a:hover {text-decoration: underline; color: #000; background: none}
#fondo #head #opciones #pestanias #tab ul a:focus {color: #000; background: none}
#fondo #head #opciones #pestanias ul#tab strong {display: block; font-size: 0.7em; line-height: 0.5em; padding: 0}
#fondo #head #opciones #pestanias ul#tab a.lineal {font-size: 1em; line-height: 1em; padding: 0.2em 0.6em 0.2em 0.6em; text-align: center}
#fondo #head #opciones #pestanias #tab ul {margin-left: -9999px;}
#fondo #head #opciones #pestanias #tab :hover ul ul {margin-left: -9999px}
#fondo #head #opciones #pestanias #tab .hover ul ul {margin-left: -9999px}
#fondo #head #opciones #pestanias #tab li:hover > ul {margin-left: 0;}
#fondo #head #opciones #pestanias #tab li.hover > ul {margin-left: 0;}
#fondo #head #opciones #pestanias #tab a:focus + ul {margin-left: 0}
#fondo #head #opciones #pestanias #tab ul ul {margin-left: 0;}
#fondo #head #opciones #pestanias #tab .hover a:focus {margin-left: 0}


/* Buscador */
#fondo #head #opciones #buscador {float:right; margin:1em 0 0 0; padding:0; width:19.5em; text-align: right; display:block;}
#fondo #head #opciones #buscador form {margin:0; padding:0; width:100%;}
#fondo #head #opciones #buscador fieldset {border:none; padding:0; margin:0;}
*+html #fondo #head #opciones #buscador fieldset {border:none; padding:0; margin:0.2em 0 0 0; display:inline-block;}
#fondo #head #opciones #buscador fieldset label {display:none;}
#fondo #head #opciones #buscador input[type="text"] {border:1px solid #4F99AE; font-family: arial, helvetica, sans-serif; background:#fff; display:inline-block; margin:0;}
#fondo #head #opciones #buscador input[type="submit"] {border:0; cursor:pointer; margin-left: 0.4em;}
#fondo #head #opciones #buscador input.campotexto {color:#333; font-size:0.7em; width:24.3em; padding:0.25em; float:left; margin:0.1em 0 0 0;}
#fondo #head #opciones #buscador input.botonbuscar {background: url("../img/botonbuscar.png") no-repeat; width:2em; padding: 0.1em 0.1em 0.4em 0.1em; height:1.9em;}
*+html #fondo #head #opciones #buscador input.botonbuscar {margin:0.15em 0 0 0; display:inline-block;} 

/* Sección + Migas */
#contenedor {clear: both; width:60em; min-height:29em; height:auto !important; height:29em; margin:0.7em auto 0em auto; padding: 0; background: #fff;  }
#contenedor #seccion {margin: 0; padding: 0 0 0.1em 0;}
#contenedor #seccion div.migas {padding:1em 1em 1em 1em; font-size:70%; margin: 0; color:#000;}
#contenedor #seccion div.migas strong {font-weight:normal; margin-right: 0.4em}
#contenedor #seccion div.migas ol,
#contenedor #seccion div.migas ol li{display:inline;margin:0;padding:0;list-style:none; line-height: 1.6em}
#contenedor #seccion div.migas a {color: #000; text-decoration: underline; padding: 0 0.6em 0 0.7em; font-weight: normal; background: url("../img/ico-migas.gif") no-repeat left;}
#contenedor #seccion div.migas li strong {color: #000; padding: 0 0.6em 0 0.7em; font-weight: bold; background: url("../img/ico-migas.gif") no-repeat left;}
#contenedor #seccion div.migas a:hover {text-decoration: none;}

/* Capas generales */
#contenedor #contenido {background:#fff;  min-height:29em; height:auto !important; height:29em; margin:0 auto; padding: 0 0.18em 0.8em 0.24em; }
#contenedor #contenido #simple {width:97%; min-height:35em; height: auto !important; height:35em; float: left; margin:0 0.4em 2em 0.4em; padding:0.4em; border-top:5px solid #1C5493; }
#contenedor #contenido #info {width:46em; min-height:35em; height: auto !important; height:35em; float: left; margin: 0 0 2em 0.42em; padding:0.4em 0; border-top:5px solid #1C5493;}
#contenedor #contenido #infodos {width: 32.5em; min-height:35em; height: auto !important; height:35em; float: left; margin: 0 0.42em 2em 0.42em; padding: 0; border-top:5px solid #1C5493;}
#contenedor #contenido .columna {width: 13.12em; float:left; margin: 0;}


/* Contenido pie de pagina */
#pie {clear: both; width:100%; margin: 0em auto 0em auto; padding: 1em 0 2em 0; text-align: center; background:#ECF0F2 url("../img/fondo-pie.png") repeat-y top center;}
#pie #accessible {clear: both; width: 60em; margin: 0em auto 0em auto; padding-top: 1em; text-align: center;}
#pie #accessible p {font-size: 0.75em; color:#000; margin:0; padding:0.3em 0; display:inline-block; width:100%;}
#pie #accessible p a {text-decoration:none; border:0; color:black;}
#pie #accessible p a img {width:auto; margin:0; padding:0.1em;}
#pie #accessible ul.w3c {font-size:75%; margin:0.4em 0 0.2em 0; padding: 0; text-align:center; width:auto; display:inline-block;}
#pie #accessible ul.w3c li {padding:0.3em; list-style-type:none; display:inline; border:0; margin:0.4em; width:auto;}
#pie #accessible ul {font-size:70%; margin:0.4em 0 1em 0; padding:0; text-align:center; width:auto;}
#pie #accessible ul li {padding:0 0.9em 0 0.9em; list-style-type:none; display:inline; border-right: 1px solid #000;}
#pie #accessible ul li.ultimo {border-right:none;}
#pie #accessible ul li a {color:black; text-decoration:none;}
#pie #accessible ul li a:hover {text-decoration: underline;}


/* Menu izquierda */
#contenedor #contenido #menu {width: 13.12em; margin: 0 0 0.5em 0; background: #CFE1EF; border-top:5px solid #1C5493; border-bottom:5px solid #1C5493; display:block;}
#contenedor #contenido #menu p.apartado {font-size: 0.9em; font-weight: bold; margin: 0; padding: 0.6em;}
#contenedor #contenido #menu p.apartado a { color:#1A3C5D; text-decoration: none;}
#contenedor #contenido #menu p.apartado a:hover {color:#203D5E;}

/* Listados del Menu */
#contenedor #contenido #menu ul {margin: 0; padding: 0;display: block;}
#contenedor #contenido #menu ul li {font-size: 0.75em; text-align:left; margin:0; padding: 0; line-height: 1em; list-style:none; list-style-image: none; background: url('../img/ico-arrow-menu.png') 0.6em 0.5em no-repeat; border-top: 1px solid #1C5493; border-bottom: none;}
#contenedor #contenido #menu ul li a {color: #000; text-decoration: none; padding: 0.5em 0.5em 0.5em 2em; display: block; width: auto;}
#contenedor #contenido #menu ul li a[rel=external] {padding-right: 1.7em; background: url("/docroot/mecd/img/iconos/13/ico-internet.gif") right 0.25em center no-repeat;}
#contenedor #contenido #menu ul li a:hover {color:#203D5E;}
#contenedor #contenido #menu ul li li {font-size: 100%;}
#contenedor #contenido #menu ul li ul li {background-color: #E6EFF7; background-image: url('../img/ico-arrow-menu-option.png'); background-position: 1.2em 0.5em;}
#contenedor #contenido #menu ul li ul li a {padding-left: 2.6em;}
#contenedor #contenido #menu ul li li li {font-size: 90%; line-height: 1.2em}
#contenedor #contenido #menu ul li ul li ul li {background-position: 1.8em 0.5em; background-color: #E6EFF7; border-top: 1px dotted #1C5493;}
#contenedor #contenido #menu ul li ul li ul li a {padding-left: 3.2em;}

/* Fondo elemento seleccionado */
#contenedor #contenido #menu ul li.seleccionado-sin,
#contenedor #contenido #menu ul li.seleccionado,
#contenedor #contenido #menu ul li.marcado {
	background-color: #fff;
}

/* Bullet elementos con hijos */
#contenedor #contenido #menu ul li.seleccionado,
#contenedor #contenido #menu ul li.abierto {
	background-image: url("../img/ico-arrow-menu-abajo.png");
}

/* Elemento abierto con hijos */
#contenedor #contenido #menu ul li.abierto {background-color: #E6EFF7;}

/* Color negrita */
#contenedor #contenido #menu ul li strong {color: #1A3C5D;}
#contenedor #contenido #menu ul li ul li strong {color: #B8400C;}


/* Menú contenido */
#contenedor #contenido ul.menuContenido {background: #f8f8f8; margin: 0.5em 0.5em 1.5em; padding: 0.1em; border: 1px solid #1C5493; border-top: 3px solid #1C5493;}
#contenedor #contenido ul.menuContenido li {display: inline-block; padding: 0 0.5em 0 1em; vertical-align: top; width: 29.1%; background: url("../img/arrow-listado-gris.png") no-repeat 0 0.4em transparent; list-style: none; list-style-image: none;margin: 0.5em;}
*+html #contenedor #contenido ul.menuContenido li {display: inline;}
#contenedor #contenido ul.menuContenido li a {color: #2f2f2f; text-decoration: none;}
#contenedor #contenido ul.menuContenido li a:hover {text-decoration: underline;}
#contenedor #contenido ul.menuContenido li.seleccion {background: url("../img/arrow-listado-blue.png") no-repeat 0 0.4em transparent; }
#contenedor #contenido ul.menuContenido li.seleccion a {color: #1C5493; /*font-weight: bold;*/ text-decoration: none;}

/* Menú pestañas */
#contenedor #contenido ul.menuPremios {margin: 0.5em 0 -5.25em; padding: 0.1em 0.1em 6.25em; background: url("../img/bg_liPremios.jpg") left bottom repeat-x;}
#contenedor #contenido ul.menuPremios li {display: inline-block; padding: 1em; vertical-align: top;  background: #ededed; border-bottom: 1px solid #ddd; list-style: none; list-style-image: none;margin: 0 0.25em -2px;}
*+html #contenedor #contenido ul.menuPremios li {display: inline;}
#contenedor #contenido ul.menuPremios li a {color: #2f2f2f; text-decoration: none;}
#contenedor #contenido ul.menuPremios li a:hover {text-decoration: underline;}
#contenedor #contenido ul.menuPremios li.seleccion {background: #f2f2f2; border: 1px solid #ddd; border-bottom-color: #f2f2f2;}
#contenedor #contenido ul.menuPremios li.seleccion a {color: #1C5493; font-weight: bold; text-decoration: none;}