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


@import "stilos-global-portal.css";
@import "stilos-avisos-portal.css";

/* Estilos body */
body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; color:#000; background: #F5F2E9 }
img {border: 0;}
.clear {clear: both;}

/* Estilos para la cabecera superior */
#fondo {background: #F5F2E9 url("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("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; color: #3E3E40; }
#fondo #head #menusup #enlaces ul li:first-child {display:inline; list-style-type:none; margin:0; padding:0 0.1em 0 0.7em; background:none;}

#fondo #head #menusup #idiomas {float: right; margin:0.2em 0 0 0em; padding:0em 0.4em 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("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; color: #3E3E40; }
#fondo #head #menusup #idiomas ul li:first-child {display:inline; list-style-type:none; margin:0; padding:0 0.1em 0 0.7em; background:none;}

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

/* 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("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 */
#fondo #head #opciones #traductor {width:17em; margin:-0.4em 0 0 0; padding:0; float:left; text-align:right;}
#fondo #head #opciones #traductor #google_translate_element {width:100%; margin:0; padding:0; display:inline-block; font-size:100%;}
#fondo #head #opciones #traductor #google_translate_element div.goog-te-gadget {color:#F0F9FE; font-size:0.6em; margin:0; padding:0; width:auto;}
#fondo #head #opciones #traductor #google_translate_element div.goog-te-gadget div {width:auto; float:right; margin:0 0.1em 0 0.3em; padding:0;}
#fondo #head #opciones #traductor #google_translate_element div.goog-te-gadget div select {margin:0; padding:0; width:auto;}
#fondo #head #opciones #traductor #google_translate_element div.goog-te-gadget span {margin:-0.8em 0 0 0; padding:0; width:auto; display:block;font-size:110%; font-family:arial, helvetica, sans-serif; }
#fondo #head #opciones #traductor #google_translate_element div.goog-te-gadget span a.goog-logo-link {padding:0; margin:0 0.4em 0 0; color:#3E3E40; text-decoration:none; font-weight:bold; cursor:default;}
#fondo #head #opciones #traductor #google_translate_element div.goog-te-gadget span a img {display:none;}


/* 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("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("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("tab-tr.png") no-repeat top right}
#fondo #head #opciones #pestanias #tab a:focus {color: #224A68; background: transparent url("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("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("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("tab-tr-seleccionado.png") no-repeat top right}
#fondo #head #opciones #pestanias ul#tab li.seleccionado a:focus {color: #fff; background: transparent url("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("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("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("ico-migas.gif") no-repeat left;}
#contenedor #seccion div.migas li strong {color: #000; padding: 0 0.6em 0 0.7em; font-weight: bolder; background: url("ico-migas.gif") no-repeat left;}
#contenedor #seccion div.migas a:hover {text-decoration: none;}

/* Capas generales */
#contenedor #contenido {background:#fff; width:100%; min-height:29em; height:auto !important; height:29em; margin:0 auto; padding:0 0 0.8em 0; }
#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 2em 0em; padding:0.4em 0; border-top:5px solid #1C5493;}
#contenedor #contenido #infodos {width:33em; min-height:35em; height: auto !important; height:35em; float: left; margin:0 1.2em 2em 0em; padding:0.4em 0; border-top:5px solid #1C5493;}

/* 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("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; margin: 0.9em 0 0 0; color:#000; margin:0; padding:0.3em; 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: 11em; float: left; margin:0 1.2em 0.2em 0; background: #CFE1EF; border-top:5px solid #1C5493; border-bottom:5px solid #1C5493; display:block;}
#contenedor #contenido #menu p.apartado {font-size:90%; font-weight: bold; margin:0.3em 0.3em 0.1em 0; padding:0.3em 0.5em 0.6em 0.5em; color:#1D7474; display:inline-block; width:92%; border-bottom:1px solid #1C5493; background:transparent}
#contenedor #contenido #menu p.apartado a { font-weight: bold; color:#1A3C5D; text-decoration: none; background: transparent}
#contenedor #contenido #menu p.apartado a:hover { font-weight: bold; color:#203D5E; text-decoration: none; background: transparent}

/* Listados del Menu */
#contenedor #contenido #menu ul {margin:0; padding:0; display:inline-block; width:100%; text-align:left;}
#contenedor #contenido #menu ul li {font-size:75%; text-align:left; margin:0; padding:0.4em 0 0.3em 2em; line-height:1.4em; list-style:none; list-style-image:none; width:86.5%; background: transparent url('ico-arrow-menu.png') 4px 8px no-repeat; border-bottom:1px solid #1C5493;}
#contenedor #contenido #menu ul li:last-child {border-bottom:0px solid #1C5493;}
#contenedor #contenido #menu ul li a {color: #000; text-decoration: none}
#contenedor #contenido #menu ul li a:hover {color:#203D5E; text-decoration: none}

/* Menu sin hijos con el bullet apuntando a la derecha */
#contenedor #contenido #menu ul li.seleccionado-sin {font-weight: bold; color: #1D7474; font-size:75%; margin: 0; padding:0em 0em 0em 0; line-height:1.3em; list-style:none; width:100%; background: #fff; border-bottom:0px}
#contenedor #contenido #menu ul li.seleccionado-sin a {color: #1D7474; background: url("ico-arrow-menu.png") 4px 9px no-repeat; border-bottom:1px solid #1C5493; padding:0.5em 0 0.3em 2em; width: 86.3%; display:inline-block; }
#contenedor #contenido #menu ul li.seleccionado-sin a:hover {color: #1D7474; text-decoration:none;}

/* Menu con fondo azul e hijos */
#contenedor #contenido #menu ul li.abierto {font-weight: bold; color: #1D7474; font-size:75%; margin: 0; padding:0em 0em 0em 0; line-height:1.5em; list-style:none; width:100%; background: #E6EFF7; border-bottom:0px}
#contenedor #contenido #menu ul li.abierto a {color: #1D7474; background: url("ico-arrow-menu-abajo.png") 4px 12px no-repeat; border-bottom:1px solid #1C5493; padding:0.5em 0 0.3em 2em; width: 86.2%; display:inline-block; }
#contenedor #contenido #menu ul li.abierto ul {margin: 0; padding: 0;}
#contenedor #contenido #menu ul li.abierto ul li {font-weight: normal; color:#000; background: transparent url('ico-arrow-menu-option.png') 16px 7px no-repeat; padding:0em 0em 0em 0em; text-decoration:none; width:100%; display:inline-block; font-size:100%; border: 0}
#contenedor #contenido #menu ul li.abierto ul li.marcado {line-height: 1.2em; font-weight: normal; color:#000; background: #fff; padding:0em 0em 0em 0em; text-decoration:none; width:100%; display:inline-block; font-size:100%; border: 0}
#contenedor #contenido #menu ul li.abierto ul li.marcado a {background: transparent url('ico-arrow-menu-option.png') 16px 7px no-repeat; padding-top: 0.6em; padding-bottom: 0.4em}
#contenedor #contenido #menu ul li.abierto ul li.marcado strong { font-weight: bold; color: #B8400C;}
#contenedor #contenido #menu ul li.abierto ul li a {color:#000; text-decoration: none; background: none; padding:0.5em 0 0.3em 2.4em; width: 83.6%; }
#contenedor #contenido #menu ul li.abierto ul li a:hover {color:#203D5E; text-decoration: none}

/* Menu con clase seleccionado */
#contenedor #contenido #menu ul li.seleccionado {font-weight: bold; color: #1D7474; font-size:75%; margin: 0; padding:0em 0em 0em 0; line-height:1.5em; list-style:none; width:100%; background: #fff; border-bottom:0px}
#contenedor #contenido #menu ul li.seleccionado a {color: #1D7474; background: url("ico-arrow-menu-abajo.png") 4px 12px no-repeat; border-bottom:1px solid #1C5493; padding:0.5em 0 0.3em 2em; width: 86.5%; display:inline-block; }
#contenedor #contenido #menu ul li.seleccionado a:hover {text-decoration:none;}

#contenedor #contenido #menu ul li.seleccionado ul {margin: 0; padding: 0;}
#contenedor #contenido #menu ul li.seleccionado ul li {font-weight: normal; color:#000; background:#E6EFF7; padding:0em 0em 0em 0em; text-decoration:none; width:100%; display:inline-block; font-size:100%; border: 0}
#contenedor #contenido #menu ul li.seleccionado ul li a {color:#000; text-decoration: none; background: transparent url('ico-arrow-menu-option.png') 16px 6px no-repeat; padding:0.4em 0 0.3em 2.4em; width: 83.6%;}
#contenedor #contenido #menu ul li.seleccionado ul li a:hover {color:#203D5E; text-decoration: none}
#contenedor #contenido #menu ul li.seleccionado ul ul {margin: 0; padding: 0;}
#contenedor #contenido #menu ul li.seleccionado ul ul li {font-weight: normal; color:#000; background: transparent url('arrow-menu-2.png') 25px 12px no-repeat; padding:0em; text-decoration:none; width:96%; display:inline-block; font-size:100%;}
#contenedor #contenido #menu ul li.seleccionado ul ul li a {color:#000; text-decoration: none; background: none; padding:0.4em 0 0.3em 3em}
#contenedor #contenido #menu ul li.seleccionado ul ul li a:hover {color:#203D5E; text-decoration: none}

#contenedor #contenido #menu strong {font-weight: bold; color: #1A3C5D;}