/*ESTILOS ESTRUCTURA GENERALES*/
html,
body
{margin: 0; padding: 0; height: 100%;}
body {margin: 0; padding: 0; background: #EFEFEF; color: #000; font-family: Arial, Helvetica, sans-serif;}
/*FONDO*/
#fondo {min-height: 100%;position: relative;min-width: 61em;background: #f4f4f4 url("../img/bk-1280px.jpg") center;overflow: hidden;}
#fondo #contenedor {padding-bottom: 1.8em; border:none;}
#fondo #contenedor.una {text-align:center;}
#fondo #contenedor.una #contenido,
#fondo #contenedor.una div[id^="col"] {text-align:left;}
img {border: 0;padding: 0 0.25em;}
.hr {margin: 0.5em 0; overflow: hidden; border-top: 1px solid #9a9a9a; border-bottom: 1px solid #eee;}
body.ie8 .hr {border-width: 0.5px;}
.hr span {display: none !important; text-indent: -999999px;}
.br:after {content:"\a"; white-space: pre-line;}
body.ie7 .br {display: block; height: 0.7em}
.br em {display: none;}
.ns,
div.rrss.tripadvisor > img
{position: absolute !important; top: -999em !important; left: -999em !important; color: #fff !important;}
.clear {clear: both; margin: 0; height: 0;}
.separador {clear:both;}
.centrado {text-align:center !important; margin:0 auto !important;}
.oculto {display: none !important;}
.no-env {overflow:hidden !important;}
.clearfix:before,
.clearfix:after
{content: " "; display: table;}
.clearfix:after {clear: both;}
/*Contenedor*/
#fondo #contenedor p,
#fondo #contenedor ul,
#fondo #contenedor ol
{font-size: 0.8rem;line-height: 1.4;}
body.ie8 #fondo #contenedor p,
body.ie8 #fondo #contenedor ul,
body.ie8 #fondo #contenedor ol
{font-size: 0.8em;}
body.ie7 #fondo #contenedor p,
body.ie7 #fondo #contenedor ul
{font-size:0.75em;}
#fondo #contenedor nav a {text-decoration: none;}
/*HEADER*/
/*Navegacion opciones*/
#fondo header #navegacion-opciones {width: 100%;min-height: 38px; height: auto; margin: 0 auto;padding: 0; background: #2a2a2a;}
#fondo header #navegacion-opciones #navegacion {min-height: 38px; height: auto !important; padding: 0; overflow: hidden; width: 1280px; margin: 0 auto;}
/*Menu responsive*/
#fondo #navegacion-opciones #menu-rwd {display: none;}
/*Idiomas*/
#fondo header #navegacion-opciones #navegacion #idiomas {float: left; padding: 10px 8px;}
#fondo header #navegacion-opciones #navegacion #idiomas a {color: #000; text-align: center; text-decoration: none;}
#fondo header #navegacion-opciones #navegacion #idiomas a#btnIdioma {display: none;}
#fondo header #navegacion-opciones #navegacion #idiomas ul {margin: 0; padding: 0; display: inline-block; float: left;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li {padding: 0 6px 0 13px; display: inline-block; background: transparent url("../img/ul-idiomas.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li span {color: #FFF; font-size: 0.75em; text-decoration: none; cursor: pointer; white-space: nowrap;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li.actual span {font-weight: 700;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li.primero {background: none; padding-left: 0;}
#fondo header #navegacion-opciones #navegacion .opciones ul li a span {padding-left: 0.5em;display:inline-block;padding:3px;}
#fondo header #navegacion-opciones #navegacion .opciones ul li a.sin span {display: none;}
body.ie7 #fondo header #navegacion-opciones #navegacion #idiomas ul li,
body.ie7 #fondo header #navegacion-opciones #navegacion .opciones ul,
body.ie7 #fondo header #navegacion-opciones #navegacion .opciones ul li
{display:inline;}
body.ie7 #fondo header #navegacion-opciones #navegacion .opciones ul li a {line-height:1.75em;}
/*Buscador*/
#fondo header #navegacion-opciones #navegacion #buscador {float: right; margin: 0; padding: 9px 0;height:20px;}
#fondo header #navegacion-opciones #navegacion #buscador fieldset {border: none; padding: 0; margin: 0;}
#fondo header #navegacion-opciones #navegacion #buscador form fieldset a.btnBuscador {display:none;}
#fondo header #navegacion-opciones #navegacion #buscador input.campotexto {color: #333; font-size: 0.75em; width: 10em; padding: 2px; margin: 0 4px 0 8px; display: inline-block; border: 1px solid #989898; height: 14px; vertical-align: top;}
#fondo header #navegacion-opciones #navegacion #buscador input.botonbuscar {background: url("../img/ico-lupa.png") center no-repeat; width: 18px; height: 18px; padding: 10px; margin: 0; border: 0; cursor: pointer;}
/*Opciones*/
#fondo header #navegacion-opciones #navegacion .opciones {float: right;text-align: right;margin: 0;padding: 6px 0;}
#fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones {display: none;}
#fondo header #navegacion-opciones #navegacion .opciones ul {margin: 0; padding: 0; display:inline-block;}
#fondo header #navegacion-opciones #navegacion .opciones ul li {display: inline-block; padding: 3px 0 3px 3px; vertical-align: middle;}
#fondo header #navegacion-opciones #navegacion .opciones ul li a {padding-left: 20px;width: auto;color: #fff;font-size: 0.75em;text-decoration: none;height: 18px;}
#fondo header #navegacion-opciones #navegacion .opciones ul li a span:hover {text-decoration: underline;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li {margin-right: 2px; padding:0;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a {max-height: 100%; margin-top: 0; padding: 3px 0 3px 3px;display:inline-block;height:20px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a span {padding:3px 3px 3px 5px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a img {margin: 0; padding: 0; height: 20px; max-height: 20px; width: 20px; vertical-align: top; display:inline-block;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado {padding:0;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a {background-color:#000000;border-radius:3px; height: 18px; padding: 4px !important;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a img {max-height: 18px; width: 18px; height: 18px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a span {padding:2px 2px 2px 5px;}
/*Iconos*/
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a {display:block;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.facebook {background: transparent url("../img/ico-redes/ico-facebook.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.twitter {background: transparent url("../img/ico-redes/ico-twitter.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.google {background: transparent url("../img/ico-redes/ico-googleplus.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.linkedin {background: transparent url("../img/ico-redes/ico-linkedin.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.flickr {background: transparent url("../img/ico-redes/ico-flickr.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.instagram {background: transparent url("../img/ico-redes/ico-instagram.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.pinterest {background: transparent url("../img/ico-redes/ico-pinterest-blanco.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.youtube {background: transparent url("../img/ico-redes/ico-youtube.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.rss {background: transparent url("../img/ico-redes/ico-rss.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.blog {background: transparent url("../img/ico-redes/ico-blog.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.tripadvisor {background: transparent url("../img/ico-redes/ico-tripadvisor.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.telegram {background: transparent url("../img/ico-redes/ico-telegram.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.tiktok {background: transparent url("../img/ico-redes/ico-tiktok.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.doc {background: transparent url("../img/iconos/18/ico-doc.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.odt {background: transparent url("../img/iconos/18/ico-odt.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.xls {background: transparent url("../img/iconos/18/ico-xls.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.pdf {background: transparent url("../img/iconos/18/ico-pdf.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.zip {background: transparent url("../img/iconos/18/ico-zip.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.pps {background: transparent url("../img/iconos/18/ico-pps.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.txt {background: transparent url("../img/iconos/18/ico-txt.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.mdb {background: transparent url("../img/iconos/18/ico-mdb.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.img {background: transparent url("../img/iconos/18/ico-img.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.educabase {background: transparent url("../img/iconos/18/ico-educabase.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.culturabase {background: transparent url("../img/iconos/18/ico-culturabase.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.deportedata {background: transparent url("../img/iconos/18/ico-deportedata.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.link {background: transparent url("../img/iconos/18/ico-link.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.sede {background: transparent url("../img/iconos/18/ico-sede.png") left no-repeat;}
/* Compartir redes sociales */
#fondo header #navegacion-opciones #navegacion #compartirmag {float: right; padding: 10px 0 10px 6px; position: static;}
#fondo header #navegacion-opciones #navegacion #compartirmag a#btnCompartir {background: transparent url(../img/ico-redes/btn-compartir.png) left no-repeat; color: #fff; height: 18px; width: 18px; display: block;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul {display:none; background: #fff; margin:0; padding: 0; margin-left: -66px; position:absolute; margin-top: 8.5px; max-width: 100%; border-radius: 5px;border: 1px solid #aaa;width: auto;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul.dcha {margin-left: -125px;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li {display: block;padding: 0.5em 1em;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li:hover {background: #ddd}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a {display: block;line-height: 2em;text-decoration: none;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.facebook {background: transparent url("../img/responsive/ico-redes/ico-facebook.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.twitter {background: transparent url("../img/responsive/ico-redes/ico-twitter.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.google {background: transparent url("../img/responsive/ico-redes/ico-googleplus.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.linkedin {background: transparent url("../img/responsive/ico-redes/ico-linkedin.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.flickr {background: transparent url("../img/responsive/ico-redes/ico-flickr.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.instagram {background: transparent url("../img/responsive/ico-redes/ico-instagram.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.pinterest {background: transparent url("../img/responsive/ico-redes/ico-pinterest.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.youtube {background: transparent url("../img/responsive/ico-redes/ico-youtube.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.blog {background: transparent url("../img/responsive/ico-redes/ico-blog.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a.email {background: transparent url("../img/responsive/ico-redes/ico-email.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li.mas {border-top: 1px dotted #aaa;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li.mas a {background: transparent url("../img/responsive/ico-redes/ico-mas.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul li a span { padding-left: 2.5em;color: #444;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul::after {content:""; position: absolute; display: block; width: 0; height: 0; border: 10px solid transparent; border-bottom-color: white; top: -19px; left: 64px; background:none;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul.dcha::after {left: 122px;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo {width: 100%; height: 0; position: absolute; z-index: 300;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo .enlaces .encabezado {display:none;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo .enlaces ul.abierto {display:block;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho {background: rgba(0, 0, 0, 0.86); display: block; width: 100%; height: 100%; position: absolute; top: 37px; left: 0;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces {margin: 3em auto; width: 500px; top: 5em; padding: 0.5em;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces .encabezado {display: block; background: #f1f1f1; margin: 0 auto; padding: 0; border: 2px solid #e8e8e8; border-radius: 5px 5px 0 0; border-bottom: 0; width: 100%;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces .encabezado p {color: #2a2a2a; font-weight: 700; margin: 0.5em; display: inline-block;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces ul.abierto {background: #fff; margin: 0; padding: 0; max-width: 100%; border-radius: 0 0 5px 5px; border: 2px solid #e8e8e8; width: 100%; position: relative; overflow-y: scroll; max-height: 18em; border-top-color: #2a2a2a;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces ul li {display: block; width: auto;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces ul::after {display:none;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces .encabezado span.cerrar {float: right; font-size: 1em; margin: 0.35em 0.5em; background: url(../img/responsive/ico-cerrar-gris.png) right center no-repeat; text-indent: -999999px; width: 1em; cursor: pointer;}
/*Imagen de fondo, titulo y logotipo*/
#fondo header #cabecera {display: block;position: relative;width: 80em;margin: 0 auto;background-color: #FFF;min-height: 5.3em;}
#fondo header #cabecera #contenedor-cabecera {width: 60em; right: 0em; top: 0em; margin: 0; padding: 0;}
#fondo header #cabecera #escudo {z-index: 100; margin: 0; position: absolute; top: 0; left: 0; padding: 0.4em}
#fondo header #cabecera #escudo img {padding:0;}
#fondo header #cabecera #escudo img.rwd {display:none;}
#fondo header #cabecera p.titulo {position: absolute;top: 0.6em; width: auto; max-width:21.8em; line-height: 1.05em;text-align: center; font-size: 1.9em;font-weight: normal;text-decoration: none;margin: 0; left: 15em; max-height: 3em; overflow: hidden;}
#fondo header #cabecera p.titulo.mcd {left: 9em; max-width:26.9em;}
#fondo header #cabecera p.titulo.mefp {left: 10.5em; max-width:25.4em;}
#fondo header #cabecera p.titulo a {text-decoration: none;color: #323232;}
#fondo header #cabecera #logo {z-index: 100; position: absolute; top: 0em; right: 0.2em; margin: 0; padding: 0; }
#fondo header #cabecera #logo img {margin: 0; padding: 0.4em; width: auto; height: 3.8em;}
#fondo header #cabecera #logo img.rwd {display:none;}
#fondo header #cabecera #imagen-cabecera {min-height: 5.3em;max-height: 12em; overflow: hidden;}
#fondo header #cabecera #imagen-cabecera img {width: 100%; vertical-align: top; padding: 0;}
#fondo header #cabecera #imagen-cabecera img.rwd {display:none;}
/*Escudo y logo*/
#fondo header #cabecera .logos {display: inline-block; position: absolute; top: 0; padding: 0.4em;}
#fondo header #cabecera .logos #escudo {padding: 0; position: initial;display: block;}
#fondo header #cabecera .logos #escudo img {height:72px; padding: 0; vertical-align: top;}
/*Logotipo UE*/
#fondo header #cabecera .logos.ue #escudo {display: inline-block; vertical-align: top;}
#fondo header #cabecera .logos.ue #ue {display: inline-block;}
#fondo header #cabecera .logos.ue #ue img {height: 72px; width: auto; vertical-align: top; padding: 0; margin-left: 6px;}
/*Menu de navegacion - NAV*/
#fondo header #navegacion-superior {width: 80em; min-height: 2em; height: auto !important; height: 2em; margin: 0 auto; padding: 0; border-bottom: none;}
#fondo header #navegacion-superior nav#menu-superior {background: #E8E8E8 url("../img/bk-menu.jpg") bottom repeat-x;height: 2.3em; border-bottom: 1px solid #d2d2d2;}
#fondo header #navegacion-superior nav#menu-superior ul li a[rel="external"] {background: url("../img/ico-external.gif") right 0.6em no-repeat; padding-right: 2em;}
#fondo header #navegacion-superior nav#menu-superior ul {padding: 0; margin: 0.15em 0em 0 0.2em; height: 2.25em; overflow:hidden;}
#fondo header #navegacion-superior nav#menu-superior ul li {display: block;float: left;height: 1.9em;list-style-image: none;list-style-type: none;text-align: center;line-height: 0.7em;display: inline-block;margin: 0 0.2em;}
#fondo header #navegacion-superior nav#menu-superior ul li a {font-size: 0.75em;color: #000;text-decoration: none;display: block;line-height: 1.4em;width: auto;min-height: 1.9em;padding: 0.75em 0.5em 0em 0.5em; overflow:hidden;/*box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;*/}
#fondo header #navegacion-superior nav#menu-superior ul li a:hover {background-color: #FFF;}
#fondo header #navegacion-superior nav#menu-superior ul li:first-child {background-image: none; padding:0;}
#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado {height: 2.1em; background: #FFF; border: 1px solid #d2d2d2; border-bottom-color: transparent;}
#fondo header #navegacion-superior nav#menu-superior ul li.seleccionado a {height: 2.9em; font-weight: 700; color: #333;}
#fondo header #navegacion-superior nav#menu-superior ul li.active {border: 1px solid #ccc; border-bottom:none;}
#fondo header #navegacion-superior nav#menu-superior ul li.active a{color: #333; background: #fff; border-bottom-color: transparent;}
#fondo header #navegacion-superior nav#menu-superior a {color: #fff; display: inline-block; text-align: center; text-decoration: none; line-height: 40px;}
#fondo header #navegacion-superior nav#menu-superior a#btnMenu {display: none;}
/*Navegacion lateral*/
#fondo.portada.smh header #navegacion-superior {min-height: 0;}
#fondo.smh header #navegacion-superior {min-height: auto;}
#fondo.smh header #navegacion-superior nav#menu-superior {height: auto; border-bottom: none;}
#fondo.smh header #navegacion-superior nav#menu-superior ul {background: #E8E8E8 url("../img/bk-menu.jpg") bottom repeat-x;}
#fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel {background: #f7f7f7; margin: 0;}
#fondo.smh header #navegacion-superior nav#menu-superior ul.segundo-nivel li.seleccionado {height: 2.1em; background: none; border: none;}
/*Migas*/
#fondo #contenedor #migas {border-bottom: 1px dotted #999999;font-size: 0.7em;display: inline-block;width: 100%; padding: 0.7em 0; margin: 0; text-align: left;}
#fondo #contenedor #migas a {color: #000; font-weight: normal;}
#fondo #contenedor #migas strong {font-weight: normal; float: left; line-height: 1em;}
#fondo #contenedor #migas span {padding: 0.2em 0 0 0.9em;}
#fondo #contenedor #migas ol {overflow: hidden;margin: 0; padding: 0; max-width:90%;}
#fondo #contenedor #migas ol li {display: inline-block; float: left; white-space: nowrap; margin: 0.25em 0 0.25em 0.5em; padding-left: 1em; list-style: none; background: url("../img/ico-lista/ico-lista1.png") left 0.1em no-repeat; line-height: 1em; font-size: 100%;}
#fondo #contenedor #migas ol li.actual {font-weight:700;}
#fondo #contenedor #migas ol,
#fondo #contenedor #migas span
{display: inline-block; vertical-align: top; line-height: 1.2;}
body.ie7 #fondo #contenedor #migas ol,
body.ie7 #fondo #contenedor #migas span
{display:inline; float:left;}
body.ie7 #fondo #contenedor #migas ol li {line-height:1.2;}
/*CONTENIDO*/
#fondo #contenedor {width: 80em;min-height: 34em;height: auto !important;height: 34em;margin: 0 auto;border-top: none;}
#fondo #contenedor a {color: #000;text-decoration: underline;}
#fondo #contenedor #contenido {width:1233px; display: inline-block; min-height: 28em; height: auto !important; height: 28em; margin: 0.5em;}
#fondo #contenedor.dos #contenido {width: 1024px;}
#fondo #contenedor.tres #contenido {width: 784px;}
body.ie7 #fondo #contenedor #contenido {float:left;}
/*DOS COLUMNAS*/
#fondo #contenedor div[id^="col"] .encabezado {display:none;}
/*Columna derecha*/
#fondo #contenedor #col-dcha {width: 211px; min-height: 30.5em; height: auto !important; display: inline-block; float: right; margin: 0.75em; margin-left: 0; padding: 0 0 0 0.75em; border-left: 1px solid #ccc;}
#fondo #contenedor #col-dcha p {text-align: left; line-height: 1.4em;margin: 0.5em 0;}
#fondo #contenedor #col-dcha h2 {font-size: 0.95em;margin-top: 0.5em;font-weight: 700;border-bottom: 3px solid #5F5F5F;}
#fondo #contenedor #col-dcha h3 {font-size: 0.9em;margin: 0.5em 0;}
#fondo #contenedor #col-dcha h4 {font-size: 0.8em;}
#fondo #contenedor #col-dcha h5 {font-size: 0.75em; font-weight: 700;}
#fondo #contenedor #col-dcha h6 {font-size: 0.75em;}
/*Columna izquierda*/
#fondo #contenedor #col-izq {width: 211px; float: left; display: block; margin: 0.75em; padding: 0; min-height: 28em;}
/*Menu lateral*/
#fondo #contenedor #col-izq nav {background: #F2F2F2;border-top: 2px solid #000000;border-bottom: 3px solid #000000;margin: 0;}
#fondo #contenedor #col-izq nav p.apartado {background: #E1E1E1 url("../img/bk-menu.jpg");margin: 0;padding: 0.5em 2em 0.5em 0.5em;border-bottom: 2px solid #fff;text-align: left;line-height: 1.4em;}
#fondo #contenedor #col-izq nav p.apartado a {color: #000000;font-weight: bold;text-decoration: none;}
#fondo #contenedor #col-izq nav ul {margin: 0 1em 0.2em 1em; padding: 0 0 0 1.5em; overflow: hidden;}
#fondo #contenedor #col-izq nav ul {margin: 0; padding: 0;}
#fondo #contenedor #col-izq nav ul li {font-size: 1em; text-align: left;list-style-image: none;list-style-type: none;margin: 0;padding: 0; line-height: 1.2em;}
#fondo #contenedor #col-izq nav ul li a {padding: 0.5em 0.5em 0.5em 1.5em; display:block; background: url("../img/ico-lista/ico-lista1.png") 0.6em 0.7em no-repeat; border-bottom: 1px solid #FFF;}
#fondo #contenedor #col-izq nav ul li a:hover {background-color: #E6E6E6 !important;}
#fondo #contenedor #col-izq nav ul li.seleccionado > a,
#fondo #contenedor #col-izq nav ul li.seleccionado > a:hover
{background-color: #ffffff; font-weight: 700;}
#fondo #contenedor #col-izq nav ul li.abierto {background:#eff1f3;}
#fondo #contenedor #col-izq nav ul li.abierto a {background: transparent url("../img/ico-lista/ico-lista-abierto.png") 0.5em 0.85em no-repeat;}
#fondo #contenedor #col-izq nav ul li.abierto ul li a {padding-left:2.5em; background: url("../img/ico-lista/ico-lista1.png") 1.5em 0.8em no-repeat;}
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a {background-color: #eff1f3 !important;}
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado a,
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto a
{background: transparent url("../img/ico-lista/ico-lista-abierto.png") 1.5em 0.95em no-repeat; padding-left: 2.5em;}
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto.seleccionado ul li a,
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li a
{padding-left: 3.5em; background: url("../img/ico-lista/ico-lista1.png") 2.5em 0.8em no-repeat;}
#fondo #contenedor #col-izq nav ul li.seleccionado a,
#fondo #contenedor #col-izq nav ul li.seleccionado a:hover,
#fondo #contenedor #col-izq nav ul li.abierto ul li.seleccionado a:hover,
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado a:hover
{background-color: #FFF !important;}
#fondo #contenedor #col-izq nav ul li.abierto a:hover,
#fondo #contenedor #col-izq nav ul li.abierto.seleccionado ul li a:hover,
#fondo #contenedor #col-izq nav ul li.abierto ul li a:hover
{background-color: #f9f6f6 !important;}
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li.abierto a {padding-left:3.6em; background: transparent url("../img/ico-lista/ico-lista-abierto.png") 2.4em 0.8em no-repeat;}
#fondo #contenedor #col-izq nav ul li.abierto ul li.abierto ul li.abierto ul li a {padding-left:4.6em; background: transparent url("../img/ico-lista/ico-lista1.png") 3.6em 0.8em no-repeat;}
body[class^="ie"] #fondo #contenedor #col-izq nav {display:block;}
body.ie7 #fondo #contenedor #col-izq nav ul,
body.ie8 #fondo #contenedor #col-izq nav ul
{font-size:0.8em;}
body.ie7 #fondo #contenedor #col-izq nav ul ul,
body.ie8 #fondo #contenedor #col-izq nav ul ul
{font-size:1em;}
/*FOOTER*/
#fondo footer {width: 100%; min-height: 1.8em; position: absolute; bottom: 0; left: 0; border-top: 1px solid #ccc; background: #F4F4F4;}
#fondo footer #pie {height: auto !important; padding: 0; min-height: 0; width: 80em; margin: 0 auto;}
#fondo footer #pie a {color: #000; text-decoration: none; display:block;}
#fondo footer #pie .bloque-inferior {padding: 0.3em 0.5em; height: 1em;}
#fondo footer #pie .bloque-inferior p {font-size: 0.75em; margin: 0; display: inline; color: #000;}
#fondo footer #pie .bloque-inferior .izq {float: left;display: inline-block;padding-left: 0;}
#fondo footer #pie .bloque-inferior .dcha {max-width: 72.8em;display: inline-block;height: 1.1em;padding-right: 0.25em;float: right;}
#fondo footer #pie .bloque-inferior .dcha ul.comunes {display: inline-block;padding: 0;float: left;width: 16.5em;text-align: right;margin: 0;}
#fondo footer #pie .bloque-inferior .dcha ul.comunes li {display: inline; font-size: 0.75em; margin-right: 0.5em; background: transparent url("../img/ico-lista-pie.png") right no-repeat; padding-right: 1em;}
#fondo footer #pie .bloque-inferior .dcha ul.comunes li a {display:inline-block;}
#fondo footer #pie .bloque-inferior .dcha ul.comunes li:hover a {text-decoration: underline;}
#fondo footer #pie .bloque-inferior .dcha ul.comunes li.ultimo {background: none;}
#fondo footer #pie .bloque-inferior .dcha .logos-accesibilidad {display: inline-block;float:none; text-align: right; height: 1em;}
#fondo footer #pie .bloque-inferior .dcha .logos-accesibilidad img {padding: 0;}
/*Pie completo*/
#fondo.pie-completo footer {width: 100%; position: absolute; bottom: 0; left: 0; border-top: 1px solid #ccc;}
#fondo.pie-completo footer #pie .bloque-superior {font-size: 0.8em;border-bottom: 1px solid #ddd;margin-bottom: 0;padding: 0.7em 0 0 0;}
#fondo.pie-completo footer #pie .bloque-superior p {color: #fff;margin: 0 0 0.7em 0;line-height: 1.2;}
#fondo.pie-completo footer #pie .bloque-superior .izq {display: inline;float: left;padding-left: 0.5em;}
#fondo.pie-completo footer #pie .bloque-superior .dcha {display: inline;float: right;padding-right: 0.5em; padding-top:0.25em; text-align:right;}
#fondo.pie-completo footer #pie .bloque-superior ul.menu-pie {margin: 0; margin-bottom: 0.7em; padding: 0;}
#fondo.pie-completo footer #pie .bloque-superior ul.menu-pie li {display: inline-block; list-style: none; border-right: 1px solid #ddd; padding: 0 0.5em 0 0; margin: 0 0.5em 0 0;}
#fondo.pie-completo footer #pie .bloque-superior ul.menu-pie li a {color: #fff;}
#fondo.pie-completo footer #pie .bloque-superior ul.menu-pie li.ultimo {border-right: none;}
#fondo.pie-completo footer #pie .bloque-superior ul.logos {padding: 0;margin: 0;}
#fondo.pie-completo footer #pie .bloque-superior ul.logos li {display: inline-block; vertical-align:top;}
#fondo.pie-completo footer #pie .bloque-superior ul.logos li a img {max-height: 5.3em; margin:0; vertical-align: top; padding:0 0.25em 0.75em 0.25em;}
#fondo.pie-completo footer #pie .bloque-superior ul.logos li.ultimo {margin: 0;}
#fondo.pie-completo footer #pie .bloque-superior ul.logos li.ultimo a img {margin-right: 0;}
#fondo.pie-completo footer #pie .bloque-superior .centrado ul.logos li {padding: 0;}
body.ie7 #fondo.pie-completo footer #pie .bloque-superior ul.logos li {display: inline;}
/*Desplegables*/
.dsp-d.dsp-abierto {display: block !important;}
/*Boton subir*/
#fondo .subir {display:none; cursor:pointer; width: 1.5em; height: 1.5em; background: #606060 url("../img/responsive/subir.png") center no-repeat; position: fixed; padding: 0.25em; right: 0.5em; bottom: 2.5em; border-radius: 0.5em; border: 1px solid #FFF; z-index:200;}
#fondo .subir span {display:none;}
/*Boton destacados derecha*/
#fondo #contenedor a.destacados-dcha {display:none;}
/*Barra de laterales*/
#fondo header .barra-laterales {display: none;}
/*Errores de encabezados*/
#fondo #contenedor .txt-tooltip {display:none;}
#fondo #contenedor .txt-tooltip.ver-tooltip {width:30%;z-index: 100; position: absolute; display: block; background: #333; color: #FFF; font-size: 0.8em; padding: 0.5em; margin: 0.35em;}
#fondo #contenedor .txt-tooltip.ver-tooltip:before {content: ""; position: absolute; top: 15%; left: 0%; margin-left: -14px; border-width: 7px; border-style: solid; border-color: transparent #333 transparent transparent;}
#fondo #contenedor .txt-tooltip.ver-tooltip p {font-size:1.2em; margin: 0 !important; padding: 0em 0.5em;}
#fondo #contenedor .txt-tooltip.ver-tooltip p.descripcion {font-size:1em;}
#fondo #contenedor .txt-tooltip.ver-tooltip span.cerrar {float: right; background: url("../img/ico-cerrar-error.jpg") no-repeat; padding: 0; cursor: pointer; text-indent: -999999px; width: 20px; height: 20px;}
/*RWD - Responsive*/
@media (max-width:1299px) {
#fondo header #navegacion-opciones #navegacion,
#fondo header #cabecera
{width: 1263px;}
#fondo #contenedor.dos #contenido {width: 1014px;}
#fondo #contenedor.dos.dcha #contenido {width: 1026px;}
#fondo #contenedor.tres #contenido {width: 788px;}
}
@media (max-width:1279px) {
#fondo {background: #FFF; width:100%; min-width:0;}
/*Cabecera*/
#fondo header #cabecera {width: 100%;}
#fondo header #cabecera p.titulo {max-width: 21.8em;}
/*Navegacion opciones*/
#fondo header #navegacion-opciones #navegacion {width: auto; padding: 0 0.75em;}
#fondo header #navegacion-opciones #navegacion #idiomas {padding-left:0;}
/*Navegacion superior*/
#fondo header #navegacion-superior {width: 100%;}
/*Contenedor*/
#fondo #contenedor {width:100%;}
/*Contenido*/
#fondo #contenedor #contenido {width: 1118px;}
#fondo #contenedor.dos #contenido {width: 882px;}
#fondo #contenedor.dos.dcha #contenido {width: 870px;}
#fondo #contenedor.tres #contenido {width: 646px;}
#fondo #contenedor.dos.dcha #contenido {margin: 0.5em 0.75em;}
/*Pie*/
#fondo footer #pie {width:100%;}
}
@media(max-width: 1151px){
/*cabecera*/
#fondo header #cabecera p.titulo {max-width:13em;}
#fondo header #cabecera p.titulo.mcd {left: 9em; max-width: 18.5em;}
#fondo header #cabecera p.titulo.mefp {max-width: 17.1em;}
/*Contenido*/
#fondo #contenedor #contenido {width: 1000px;}
#fondo #contenedor.dos.dcha #contenido {width: 742px;}
#fondo #contenedor.dos #contenido {width: 754px;}
#fondo #contenedor.tres #contenido {width: 518px;}
}
/*Formato tablet y movil*/
@media (max-width:1023px){
/*Cabecera*/
#fondo header #cabecera p.titulo {max-width: 11em;}
#fondo header #cabecera p.titulo.mcd {max-width: 16.4em;}
#fondo header #cabecera p.titulo.mefp {max-width: 14.9em;}
/*Contenido*/
#fondo #contenedor #contenido,
#fondo #contenedor.dos #contenido,
#fondo #contenedor.dos.dcha #contenido,
#fondo #contenedor.tres #contenido
{width: 925px;}
#fondo #contenedor.dos.dcha #contenido {margin:0.5em;}
#fondo #contenedor {text-align:center;}
#fondo #contenedor #contenido,
#fondo #contenedor div[id^="col"] {text-align:left;}
/*Elementos fixed*/
.fixed{z-index: 4; position: fixed; left: 0; top: 0; width: 100%;}
#fondo header #navegacion-opciones #navegacion .opciones div.dsp-d.dsp-abierto ul {display:block;}
#fondo header #navegacion-opciones #navegacion .opciones div.dsp-d.dsp-abierto ul {display:block;}
/*Navegacion opciones*/
#fondo header #navegacion-opciones {z-index:300;}
#fondo header #navegacion-opciones #navegacion .opciones {border-bottom: 0;background: #0f0f0f;border: 1px solid #767676;border-radius: 3px;margin: 9px 0 9px 5px;padding: 0;font-size: 1.2em;}
#fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones {position: relative;padding: 0;width: 30px;height: 30px;margin: 0;font-size: 0.8em;display: block;color: #FFF;text-decoration: none;background: #9c9c9c url(../img/responsive/ico-mas.png) center no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul {display:none;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link {border-bottom: 1px dotted #FFF; display: none; height:auto; margin: 0; padding:0.5em;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li {margin: 5px;height:30px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a {height: 30px; padding: 0;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a span {display: inline-block; vertical-align: middle; padding: 7px 0 7px 8px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a img {margin: 0; height: 30px; max-height: 30px; width: 30px; vertical-align: middle;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado {padding: 0; height: 30px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a {height: 24px; padding: 3px !important;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a img {max-height: 24px; width: 24px; height: 24px;}
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li.destacado a span {padding: 4px 2px 4px 5px;}
/*Menu idiomas*/
#fondo header #navegacion-opciones {width: 100%; height: 50px; min-height: 50px;}
#fondo header #navegacion-opciones #navegacion {margin: 0; padding: 0 12px 0 0; min-height: 50px;}
#fondo header #navegacion-opciones.cfondo {height: 100% !important; background: transparent; z-index: 600;}
#fondo header #navegacion-opciones.cfondo #navegacion {background: #2a2a2a;}
#fondo header #navegacion-opciones #navegacion #idiomas {border-bottom: 0;background: #f9f9f9 url("../img/responsive/bk-btn1.png"); border: 1px solid #929292;border-radius: 3px;}
#fondo header #navegacion-opciones #navegacion #idiomas {padding: 0;margin: 9px 5px; font-size:1.25em; height:30px; width:30px; margin-left: 3.15em; background:#9c9c9c;}
#fondo header #navegacion-opciones #navegacion #idiomas ul {display:none;z-index:400; margin:0; padding: 0.5em 0 0 0;width: 100%;position:absolute;max-width: 100%;border-bottom: 1px solid #CCCCCC; left:0;}
#fondo header #navegacion-opciones #navegacion #idiomas ul::after {content:""; position: absolute; display: block; width: 0; height: 0; border: 8px solid rgba(202, 184, 184, 0); border-bottom-color: #f1f1f1; top: -4px; left: 3.6em; background:none;}
#fondo header #navegacion-opciones #navegacion #idiomas ul.abierto {display:block;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li {display: block;float: none;width: auto;background: #E6E6E6 url("../img/responsive/ico-menu-idiomas.png") left 0.5em top 0.8em no-repeat;margin: 0;padding: 0.35em 1em;border: 1px solid #CCCCCC;border-bottom: none;border-top: none;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li span {border: none;font-size: 0.85em; color:#000;text-decoration: none;cursor: pointer;white-space: nowrap;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li:active {background: #A9A9A9 url("../img/ico-menu-idiomas2.png") left 0.5em top 0.8em no-repeat;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li:active span {color: #FFF;}
#fondo header #navegacion-opciones #navegacion #idiomas a#btnIdioma {position: relative; text-align: left; width: 30px; height: 30px; font-size: 0.8em; display: block; background: transparent url(../img/responsive/ico-idioma.png) center no-repeat;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li a:active,
#fondo header #navegacion-opciones #navegacion #idiomas ul li a:hover
{text-decoration:underline;}
#fondo header #navegacion-opciones #navegacion #idiomas ul li,
#fondo header #navegacion-opciones #navegacion #idiomas ul li.primero
{background: #f1f1f1 url("../img/responsive/ul-idiomas.png") left 0.7em top 0.9em no-repeat; padding-left: 1.5em;}
/*Compartir*/
#fondo header #navegacion-opciones #navegacion #compartirmag {margin: 9px 0 9px 10px; padding: 0; font-size: 1.2em; height: auto; }
#fondo header #navegacion-opciones #navegacion #compartirmag a#btnCompartir {background-image: url("../img/responsive/btn-compartir-30.png");position: relative;padding: 0;width: 30px;height: 30px;margin: 0;display: block;color: #FFF;text-decoration: none;font-size: 0.8em;border: 1px solid #767676;border-radius: 3px;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul {margin-top: 10px; margin-left: -113px;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul.dcha {margin-left: -140px;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul::after {top: -20px;left: 117px;}
#fondo header #navegacion-opciones #navegacion #compartirmag ul.dcha::after {left: 143px;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho {min-height: 700px; top: 50px;}
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces {margin: 1em auto;}
/*Enlaces*/
#fondo header #navegacion-opciones #navegacion .opciones div.dsp-abierto {position: absolute; z-index: 400; width: 100%; left:0; top: 2.6em; background: #9c9c9c; padding: 0; margin: 0; min-height: 1.7em; height: auto;}
#fondo header #navegacion-opciones #navegacion .opciones ul {text-align: center;}
#fondo header #navegacion-opciones #navegacion .opciones ul li {height: 1.65em; padding-left:0;}
#fondo header #navegacion-opciones #navegacion .opciones ul li a {height:2.37em; padding-left: 2.4em;}
#fondo header #navegacion-opciones #navegacion .opciones ul li a span {display: none;}
/*Iconos*/
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales {padding: 0.5em; height: auto;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.facebook {background: transparent url("../img/responsive/ico-redes/ico-facebook.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.twitter {background: transparent url("../img/responsive/ico-redes/ico-twitter.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.rss {background:transparent url("../img/responsive/ico-redes/ico-rss.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.youtube {background:transparent url("../img/responsive/ico-redes//ico-youtube.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.linkedin {background:transparent url("../img/responsive/ico-redes/ico-linkedin.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.flickr {background:transparent url("../img/responsive/ico-redes/ico-flickr.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.instagram {background:transparent url("../img/responsive/ico-redes/ico-instagram.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.pinterest {background:transparent url("../img/responsive/ico-redes/ico-pinterest-blanco.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.google {background:transparent url("../img/responsive/ico-redes/ico-googleplus.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.blog {background:transparent url("../img/responsive/ico-redes/ico-blog.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.tripadvisor {background:transparent url("../img/responsive/ico-redes/ico-tripadvisor.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.telegram {background:transparent url("../img/responsive/ico-redes/ico-telegram.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.doc {background: transparent url("../img/responsive/iconos/ico-doc.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.odt {background: transparent url("../img/responsive/iconos/ico-odt.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.xls {background: transparent url("../img/responsive/iconos/ico-xls.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.pdf {background: transparent url("../img/responsive/iconos/ico-pdf.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.zip {background: transparent url("../img/responsive/iconos/ico-zip.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.pps {background: transparent url("../img/responsive/iconos/ico-pps.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.txt {background: transparent url("../img/responsive/iconos/ico-txt.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.mdb {background: transparent url("../img/responsive/iconos/ico-mdb.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.img {background: transparent url("../img/responsive/iconos/ico-img.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.educabase {background: transparent url("../img/responsive/iconos/ico-educabase.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.link {background: transparent url("../img/responsive/iconos/ico-link.png") left no-repeat;}
#fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.sede {background: transparent url("../img/responsive/iconos/ico-sede.png") left no-repeat;}
/*Buscador*/
#fondo header #navegacion-opciones #navegacion #buscador {padding:0; height:3.1em;}
#fondo header #navegacion-opciones #navegacion #buscador form {z-index: 1200; transition: 0.25s ease-in; -moz-transition: 0.25s ease-in; -webkit-transition: 0.25s ease-in;}
#fondo header #navegacion-opciones #navegacion #buscador form fieldset span.icono {display:inline-block;height: auto;max-width: 1.85em;float:right; margin: 0.1em 0.4em 0.35em 0.5em;}
#fondo header #navegacion-opciones #navegacion #buscador form fieldset span.icono img {padding:0;}
#fondo header #navegacion-opciones #navegacion #buscador form fieldset input.campotexto {margin: 0.45em 0; height: 1.8em; font-size:0.85em;}
#fondo header #navegacion-opciones #navegacion #buscador form fieldset a.btnBuscador {display: inline-block;margin: 10px 0 10px 10px; height: 30px;width: auto;background: url("../img/responsive/ico-lupa-uno-30.png") no-repeat;max-width: 30px;float: right;}
#fondo header #navegacion-opciones #navegacion #buscador form fieldset a.btnBuscador span {visibility:hidden;}
#fondo header #navegacion-opciones #navegacion #buscador form,
#fondo header #navegacion-opciones #navegacion #buscador fieldset
{height: 3.1em;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda {position: absolute; right: 0;}
#fondo header #navegacion-opciones #navegacion #buscador form fieldset input.campotexto,
#fondo header #navegacion-opciones #navegacion #buscador form fieldset input.botonbuscar
{display:none;}
#fondo header #navegacion-opciones #navegacion #buscador form {background:transparent;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda {opacity:1; width:100%; -webkit-transition: width 0.2s ease-in-out, background 0.1s ease-in; -moz-transition: width 0.2s ease-in-out, background 0.1s ease-in; -o-transition: width 0.2s ease-in-out, background 0.1s ease-in; transition: width 0.2s ease-in-out, background 0.1s ease-in; background:#E4E4E4;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset {min-width: 19em;margin:0;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset a.btnBuscador {background: url("../img/responsive/ico-lupa-dos-30.png") no-repeat; display:inline-block; height: 30px; margin: 10px; max-width: 2em;float:right;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset a.btnBuscador img {padding-top: 0.15em;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset a.btnBuscador img[src$=".png"] {content: url("../img/ico-lupa-dos-30.png");}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda fieldset a.btnBuscador {float:left;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda input#campotexto {min-width: 16em; height: 23px; margin: 12px 0; padding: 0 0 0 5px; display: inline-block;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda input#campotexto:focus {outline: none;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda input#boton_buscar {margin: 0.9em 0;display:inline-block;height: 26px;width:30px;}
#fondo header #navegacion-opciones #navegacion #buscador form.busqueda input.botonbuscar {background: url("../img/responsive/botonbuscar.png") no-repeat;}
/*Migas*/
#fondo #contenedor #migas {display:none;}
/*Barra de laterales*/
#fondo header .barra-laterales {display: block;background: #000;padding: 0;height: 1.5em; width: 100%;}
#fondo header .barra-laterales div.btn-colizq,
#fondo header .barra-laterales div.btn-coldcha
{color: #FFF;height: 1.5em;display: inline-block;}
#fondo header .barra-laterales div.btn-coldcha {float: right;}
#fondo header .barra-laterales div.btn-colizq {background: url("../img/responsive/flecha-db-izq.jpg") no-repeat; padding-left:2em;}
#fondo header .barra-laterales div.btn-coldcha {background: url("../img/responsive/flecha-db-dcha.jpg") right no-repeat; padding-right:2em;}
#fondo header .barra-laterales div.btn-colizq,
#fondo header .barra-laterales div.btn-coldcha
{line-height:1.5;}
/*Columnas rwd*/
#fondo #contenedor #col-izq nav {display:none;}
#fondo #contenedor #col-izq,
#fondo #contenedor #col-dcha
{width: 223px; margin: 0 auto; padding:0;}
#fondo #contenedor #col-izq,
#fondo #contenedor #col-dcha
{z-index:1100; display:block;position:fixed;top:0;bottom:0; border:none;}
#fondo #contenedor #col-izq {left:-100%;}
#fondo #contenedor #col-dcha {right:-100%;}
#fondo #contenedor #col-izq.abierto,
#fondo #contenedor #col-izq.abierto .global
{left:0;}
#fondo #contenedor #col-dcha.abierto,
#fondo #contenedor #col-dcha.abierto .global
{right:0;}
#fondo #contenedor #col-izq .global,
#fondo #contenedor #col-dcha .global
{width: 223px; height: 100%; overflow-x: hidden; background-color: #FFF; position:fixed;}
#fondo #contenedor #col-izq .global {left:-223px; -webkit-transition: left 0.25s ease-in 0s; -moz-transition: left 0.25s ease-in 0s; -o-transition: left 0.25s ease-in 0s; transition: left 0.25s ease-in 0s;}
#fondo #contenedor #col-dcha .global {right:-223px; -webkit-transition: right 0.25s ease-in 0s; -moz-transition: right 0.25s ease-in 0s; -o-transition: right 0.25s ease-in 0s; transition: right 0.25s ease-in 0s;}
/*Encabezado columnas*/
#fondo #contenedor .encabezado p,
#fondo #contenedor .encabezado span
{color: #FFF;}
#fondo #contenedor div[id^="col"] .encabezado {display: block;background: #000; height: 2.1em; padding: 0.5em;}
#fondo #contenedor div[id^="col"] .encabezado p.menu-secundario {margin: 0.4em 0; float: left; font-size:1em;}
#fondo #contenedor div[id^="col"] .encabezado span.cerrar {float: right; margin: 0.5em 0; width: 1em; font-size: 1em; background: url("../img/responsive/ico-cerrar.png") right center no-repeat; text-indent: -999999px;}
#fondo #contenedor #col-dcha.abierto nav {padding:0;}
#fondo #contenedor div[id^="col"] .global .ctcl {margin: 0.25em;}
/*Menu responsive*/
#fondo {width: 100%;}
#fondo header #navegacion-superior {display: none;}
#fondo header #navegacion-opciones #navegacion #menu-rwd {width: 90%; height: auto; left: -100%; display: block; z-index: 1100; top: 0; /*background: rgba(0, 0, 0, 0.86);*/ position: fixed; bottom: 0;}
#fondo header #navegacion-opciones #navegacion #menu-rwd.abierto {left: 0; transition: left 0.25s ease-in 0s; -webkit-transition: left 0.25s ease-in 0s; -moz-transition: none !important; -o-transition: left 0.25s ease-in 0s; }
#fondo header #navegacion-opciones #navegacion #menu-rwd.indice {z-index: 3;}
#fondo header #navegacion-opciones #navegacion #menu-rwd a#btnMenu {text-align: left; padding-left: 0; position: fixed; background:#000000; top:0; left:0; width:3.1em; height:3.1em;}
#fondo header #navegacion-opciones #navegacion #menu-rwd a#btnMenu:after {content: ""; background: url('../img/responsive/menu-responsive-blanco.png') no-repeat; width: 30px; height: 30px; display: inline-block; float: left; margin: 0.65em;}
#fondo header #navegacion-opciones #navegacion #menu-rwd.abierto a#btnMenu {z-index: 1000;}
#fondo #navegacion-opciones #menu-rwd .global {position: relative; width: 100%; height: 100%; overflow-x: hidden; background:#FFF;}
#fondo #navegacion-opciones #menu-rwd .global .encabezado {display: block; background: #000000; height: 3.1em; padding: 0; position:fixed; width:90%;}
#fondo #navegacion-opciones #menu-rwd .global .encabezado p {margin: 0; float: left; padding: 1em 3.2em; opacity: 0;}
#fondo #navegacion-opciones #menu-rwd .global .encabezado p,
#fondo #navegacion-opciones #menu-rwd .global .encabezado span
{color:#FFF;}
#fondo #navegacion-opciones #menu-rwd.abierto .global .encabezado p {opacity: 1; -webkit-transition: opacity 0.75s; transition: opacity 0.75s;}
#fondo #navegacion-opciones #menu-rwd .global .encabezado span.cerrar {float: right; font-size: 1em; margin: 1em; background: url("../img/responsive/ico-cerrar.png") right center no-repeat; text-indent: -999999px; width: 1em;}
/*Navegacion*/
#fondo #navegacion-opciones #menu-rwd nav {background: #F2F2F2; border-bottom: 3px solid #000000;margin: 3.1em 0 0 0;}
#fondo #navegacion-opciones #menu-rwd nav a {text-decoration: none; color:#000;}
#fondo #navegacion-opciones #menu-rwd nav p.apartado {background: #E1E1E1 url("../img/bk-menu.jpg");margin: 0;padding: 0.5em 2em 0.5em 0.7em;border-bottom: 2px solid #fff;text-align: left;line-height: 1.4em;}
#fondo #navegacion-opciones #menu-rwd nav p.apartado a {color: #000000;font-weight: bold;text-decoration: none;}
#fondo #navegacion-opciones #menu-rwd nav ul {margin: 0; padding: 0; overflow: hidden;}
#fondo #navegacion-opciones #menu-rwd nav ul li {font-size: 0.85em; text-align: left;list-style-image: none;list-style-type: none;margin: 0;padding: 0; line-height: 1.2em;}
#fondo #navegacion-opciones #menu-rwd nav ul li a {padding: 0.5em 0.5em 0.5em 1.7em; display:block; background: url("../img/ico-lista/ico-lista1.png") 0.8em 0.7em no-repeat; border-bottom: 1px solid #FFF;}
#fondo #navegacion-opciones #menu-rwd nav ul li ul {font-size: 1.2em;}
#fondo #navegacion-opciones #menu-rwd nav ul li.seleccionado > a
{background-color: #ffffff; font-weight: 700;}
#fondo #navegacion-opciones #menu-rwd nav ul li.seleccionado a {background-color: #FFF !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto {background:#eff1f3;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a {background-color: #eff1f3 !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a {background-color: #eff1f3 !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li a {background-color: #efefef !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li a {background-color: #f3f3f3 !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado a,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado a:hover,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.seleccionado a,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.seleccionado a:hover,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li.seleccionado a,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li.seleccionado a:hover
{background-color: #FFF !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li a:hover {background-color: #E6E6E6 !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a:hover {background-color: #eaeaea !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.seleccionado > a:hover,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.seleccionado > a:hover,
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li.seleccionado > a:hover
{background-color: #FFF !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li a:hover {background-color: #e2e2e2 !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li.abierto ul li.abierto ul li a:hover {background-color:#ececec !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto.activo > a {background: url("../img/ico-lista/ico-lista-abierto.png") 0.7em 0.8em no-repeat;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li a {padding-left:2.7em; background-position: 1.7em !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li ul li a {padding-left:3.7em; background-position: 2.7em !important;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto ul li ul li ul li a {padding-left:4.7em; background-position: 3.7em !important;}
body[class^="ie"] #fondo #navegacion-opciones #menu-rwd nav {display:block;}
/*Arbol colapsable*/
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto span.arbCol {background: transparent url("../img/responsive/colapsable/ico-mas.png") center 0.5em no-repeat; padding: 0.55em 0.75em; margin-top: -2.3em; float: right; width: 1.2em; text-indent: 100%; white-space: nowrap; overflow: hidden; height: 15px;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto.activo > span.arbCol {background: transparent url("../img/responsive/colapsable/ico-menos.png") center 0.5em no-repeat;}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto.seleccionado > span.arbCol {background-image: url("../img/responsive/colapsable/ico-mas-sel.png");}
#fondo #navegacion-opciones #menu-rwd nav ul li.abierto.seleccionado.activo > span.arbCol {background-image: url("../img/responsive/colapsable/ico-menos-sel.png");}
/*Capa de fondo*/
.overlay {background: hsla(0,0%,100%,1); width: 95%;}
#fondo .capa-fondo.visible {background: rgba(0, 0, 0, 0.86); display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0;z-index:800;}
/*Footer*/
#fondo.pie-completo footer #pie .bloque-superior .dcha,
#fondo.pie-completo footer #pie .bloque-superior .izq
{float:none; display:block; text-align:center;}
}
@media (max-width:959px) {
/*Cabecera*/
#fondo header {width:100%;}
#fondo header #cabecera p.titulo {max-width: 12.8em; top:0.2em;}
#fondo header #cabecera p.titulo,
#fondo header #cabecera p.titulo.mcd,
#fondo header #cabecera p.titulo.mefp
{left:0.25em; max-width: 24.7em; top:3.2em; text-align:left;}
/*Contenido*/
#fondo #contenedor #contenido,
#fondo #contenedor.dos #contenido,
#fondo #contenedor.dos.dcha #contenido,
#fondo #contenedor.tres #contenido
{width: 732px;}
/*Pie*/
#fondo footer,
#fondo.pie-completo footer
{height: auto;}
#fondo footer #pie .bloque-inferior {height: 4em;}
#fondo footer #pie .bloque-inferior .izq,
#fondo footer #pie .bloque-inferior .dcha
{width: 100%;text-align: center;padding: 0;}
#fondo footer #pie .bloque-inferior .dcha ul.comunes {width: 100%; text-align: center;}
#fondo footer #pie .bloque-inferior .dcha .logos-accesibilidad {width: 100%; text-align: center; margin: 0.5em 0;}
}
@media (max-width:767px) {
/*Cabecera*/
#fondo header #cabecera p.titulo {display:none;}
#fondo header #cabecera p.titulo.mcd,
#fondo header #cabecera p.titulo.mefp
{max-width: 17em; top: 3.2em; max-height: 1em;}
#fondo header #cabecera #imagen-cabecera img {display:none;}
#fondo header #cabecera #imagen-cabecera img.rwd {display:block;}
/*Logo*/
#fondo header #cabecera a#logo {max-width:100%; right:0;}
#fondo header #cabecera a#logo img {display:none;}
#fondo header #cabecera a#logo img.rwd {display:block; max-height:3.8em; min-height:3.8em;}
/*Escudo*/
#fondo header #cabecera #escudo {padding:0;}
#fondo header #cabecera #escudo img {display:none;}
#fondo header #cabecera #escudo img.rwd {display:block; width: 100%;}
#fondo header #cabecera .logos #escudo img {display:block;}
#fondo header #cabecera .logos #escudo img.rwd {display:none;}
/*Contenido*/
#fondo #contenedor #contenido,
#fondo #contenedor.dos #contenido,
#fondo #contenedor.dos.dcha #contenido,
#fondo #contenedor.tres #contenido
{width: 607px;}
/*Compartir*/
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces {margin:0.5em auto;}
}
@media (max-width:639px) {
/*Cabecera*/
#fondo header #cabecera p.titulo.mcd,
#fondo header #cabecera p.titulo.mefp
{max-width: 12em; top:1.5em;}
/*Logotipo UE*/
#fondo header #cabecera .logos.aee #escudo img,
#fondo header #cabecera .logos.aee #ue img
{height: 70px;}
#fondo header #cabecera .logos.ue.aee #escudo img,
#fondo header #cabecera .logos.ue.aee #ue img
{height: 60px;}
/*Contenido*/
#fondo #contenedor #contenido,
#fondo #contenedor.dos #contenido,
#fondo #contenedor.dos.dcha #contenido,
#fondo #contenedor.tres #contenido
{width: 446px;}
/*Navegacion opciones*/
#fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li {display:block; margin: 10px 5px;}
/*Compartir*/
#fondo header #navegacion-opciones #navegacion #compartirmag .fondo.ancho .enlaces {width: 90%;}
}
@media (max-width:479px) {
/*Cabecera*/
#fondo header #cabecera p.titulo.mcd {max-width: 8em; top:1.6em;}
#fondo header #cabecera p.titulo.mefp {max-width: 8em; top:1.2em;}
/*Logos*/
#fondo header #cabecera .logos #escudo img {height: 70px;}
/*Provisional Logo UE*/
#fondo header #cabecera .logos.ue #escudo img,
#fondo header #cabecera .logos.ue #ue img
{height: 57px;}
#fondo header #cabecera .logos.aee #escudo img,
#fondo header #cabecera .logos.aee #ue img
{height: 52px;}
#fondo header #cabecera .logos.ue.aee #escudo img,
#fondo header #cabecera .logos.ue.aee #ue img
{height: 44px;}
/*Contenido*/
#fondo #contenedor #contenido,
#fondo #contenedor.dos #contenido,
#fondo #contenedor.dos.dcha #contenido,
#fondo #contenedor.tres #contenido
{width: 328px;}
/*Pie*/
#fondo footer #pie .bloque-inferior {height: 5em;}
/*Pie completo*/
#fondo footer #pie .bloque-superior .dcha,
#fondo footer #pie .bloque-superior .izq
{width: 100%;}
#fondo.pie-completo footer #pie .bloque-superior ul.logos li {display:block;}
}
@media (max-width:359px) {
/*Cabecera*/
#fondo header #cabecera p.titulo.mcd {max-width: 7em; top: 1.4em; left: 0;}
#fondo header #cabecera p.titulo.mefp {max-width: 7em; top: 1.1em; left: 0;}
/*Logos*/
#fondo header #cabecera .logos #escudo img {height: 62px;}
/*Provisional Logo UE*/
#fondo header #cabecera .logos.ue #escudo img,
#fondo header #cabecera .logos.ue #ue img
{height: 50px;}
#fondo header #cabecera .logos.aee #escudo img,
#fondo header #cabecera .logos.aee #ue img
{height: 46px;}
#fondo header #cabecera .logos.ue.aee #escudo img,
#fondo header #cabecera .logos.ue.aee #ue img
{height: 39px;}
/*Fondo*/
#fondo {min-width:320px;}
#fondo #contenedor #contenido,
#fondo #contenedor.dos #contenido,
#fondo #contenedor.dos.dcha #contenido,
#fondo #contenedor.tres #contenido
{width: 304px;}
}
/*Formato solo IE7/IE8*/
body.ie7 #fondo,
body.ie8 #fondo
{background: #f4f4f4 url("../img/bk-1024px2.jpg") center}
/*Contenedor*/
body.ie7 #fondo #contenedor,
body.ie8 #fondo #contenedor
{background:#FFF;}
body.ie7 #fondo #contenedor #contenido,
body.ie8 #fondo #contenedor #contenido
{width: 61em;}
body.ie7 #fondo #contenedor.dos #contenido,
body.ie8 #fondo #contenedor.dos #contenido
{width:46em;}
body.ie7 #fondo #contenedor.tres #contenido,
body.ie8 #fondo #contenedor.tres #contenido
{width: 32em;}
body.ie7 #fondo header #navegacion-superior,
body.ie8 #fondo header #navegacion-superior,
body.ie7 #fondo header #navegacion-opciones #navegacion,
body.ie8 #fondo header #navegacion-opciones #navegacion,
body.ie7 #fondo #contenedor,
body.ie8 #fondo #contenedor,
body.ie7 #fondo header #cabecera,
body.ie8 #fondo header #cabecera,
body.ie7 #fondo footer #pie,
body.ie8 #fondo footer #pie
{width:62.5em; margin-top:0 !important;}