/*ESTILOS ESTRUCTURA GENERALES*/ /*Archivo de tipografias*/ @import "../../tipografias.css"; 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: 100vh;position: relative;min-width: 61em;background: #f4f4f4 url("../img/bk-1280px.jpg") center;overflow: hidden;height: auto;display: flex;flex-direction: column;} #fondo #contenedor {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: -99em !important; left: -99em !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;} h1.oculto, h2.oculto, h3.oculto, h4.oculto, h5.oculto, h6.oculto { display: block !important; position:absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; } .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: 35px; height: 35px; margin: 0 auto;padding: 0;border: 1px solid transparent; background: #2a2a2a;} #fondo header #navegacion-opciones #navegacion {min-height: 1.3em; height: auto !important; height: 1.3em; padding: 0.2em 0 0.3em 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; margin: 0.2em 0; height: 1.3em; padding:0 0.5em;} #fondo header #navegacion-opciones #navegacion #idiomas a {color: #000; text-align: center; text-decoration: none; line-height: 1.2;} #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 0.4em 0.2em 0.9em; 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.7em; 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;} #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: 0.25em 0 0 0; height:1.1em;} #fondo header #navegacion-opciones #navegacion #buscador form {height: 1.1em;} #fondo header #navegacion-opciones #navegacion #buscador fieldset {border: none; padding: 0; margin: 0; height:1.1em;} #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.7em; width: 10em; padding: 0.1em; float: left; margin: 0 0.2em 0 0.5em; display: inline-block; border: 1px solid #989898; height: 1.2em;} #fondo header #navegacion-opciones #navegacion #buscador input.botonbuscar {background: url("../img/ico-lupa.png") no-repeat; width: 2em; padding: 0; margin: 0 0 0 0.2em; height: 1.25em; border: 0; cursor: pointer;} /*Buscador Google estilos genéricos*/ .bgoo { max-width: 800px; margin: 0 auto; padding: 30px; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; background: #ffffff; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.05); position: relative; } .tit { font-size: 28px; font-weight: 700; margin-bottom: 20px; color: #1a1a1a; position: relative; padding-bottom: 10px; } .tit:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: #636363; border-radius: 3px; } fieldset { border: none; padding: 0; margin: 0; } .search-container { position: relative; display: flex; align-items: center; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 50px; padding: 5px; transition: all 0.3s ease; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .search-container:focus-within { border-color: #787878; box-shadow: 0 4px 15px rgba(0,102,204,0.1); } .campotexto { flex: 1; border: none; padding: 12px 20px; font-size: 16px; background: transparent; outline: none; color: #333; } .campotexto::placeholder { color: #a0aec0; transition: all 0.3s ease; } .campotexto:focus::placeholder { opacity: 0; } .botonbuscar { width: 40px; height: 40px; border: none; border-radius: 50%; cursor: pointer; transition: all 0.3s ease; margin-right: 2px; background: #636363 url('data:image/svg+xml;utf8,') center no-repeat; } .botonbuscar:hover { background-color: #444444; } .nube-tags { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; padding: 5px 0; justify-content: center; } .tag { background: #ebebeb; color: #444444; padding: 8px 16px; border-radius: 30px; text-decoration: none; font-size: 14px; font-weight: 500; transition: all 0.2s ease; border: 1px solid #d1e5ff; display: inline-block; } .tag:hover { background: #eaeaea; color: #444444; } .ns { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; } .btnBuscador { display: none; } /*Opciones*/ #fondo header #navegacion-opciones #navegacion .opciones {float: right;text-align: right;margin: 0.15em 0;padding: 0 0.5em;} #fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones {display: none;} #fondo header #navegacion-opciones #navegacion .opciones ul {margin: 0.05em 0; padding: 0; height: 1.17em; display:inline-block;} #fondo header #navegacion-opciones #navegacion .opciones ul li {display: inline-block; padding-left: 0.2em; vertical-align: middle; height: 1.25em;} #fondo header #navegacion-opciones #navegacion .opciones ul li a {padding-left: 1.7em;width: auto;height: auto;color: #fff;font-size: 0.7em;text-decoration: none;line-height: 2em;display: inline-block;height: 1.67em;} #fondo header #navegacion-opciones #navegacion .opciones ul li a span:hover {text-decoration: underline;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a {max-height: 1.67em; margin-top: 0; padding-left: 0 !important;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a img {float: left; margin: 0; padding: 0; height: 20px; max-height: 20px; width: 20px; vertical-align: top;} /*Iconos*/ #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.vimeo {background: transparent url("../img/ico-redes/ico-vimeo.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.whatsApp {background: transparent url("../img/ico-redes/ico-whatsapp.png") left no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.spotify {background: transparent url("../img/ico-redes/ico-spotify.png") left no-repeat;} #fondo header #navegacion-opciones #navegacion .opciones ul.redes-sociales li a.ivoox {background: transparent url("../img/ico-redes/ico-ivoox.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: 0.15em 0 0 0; height: 1.1em;position: static;} #fondo header #navegacion-opciones #navegacion #compartirmag a#btnCompartir {background: transparent url("../img/ico-redes/btn-compartir.png") left no-repeat; padding-left: 1.7em;padding-top: 0.2em;width: auto;color: #fff;font-size: 0.7em;text-decoration: none;line-height: 2em;display: inline-block;height: 1.67em;} #fondo header #navegacion-opciones #navegacion #compartirmag ul {display:none; background: #fff; margin:0; padding: 0; margin-left: -66px; position:absolute; margin-top: 6.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 a.whatsApp {background: transparent url("../img/responsive/ico-redes/ico-whatsapp.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: 100%;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 #escudo2 {padding: 0.4em; position: absolute; top: 0; left: 20rem; max-height: 4.5em;} #fondo header #cabecera #escudo2 img {width: auto; height: 80px; max-width: 157px; max-height: 4.5em; background: #154481;} #fondo header #cabecera #escudo2 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: 14em; 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: 14em; overflow: hidden;} #fondo header #cabecera #imagen-cabecera img {width: 100%; vertical-align: top; padding: 0;} #fondo header #cabecera #imagen-cabecera img.rwd {display:none;} /*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;} /*Pop Up*/ .popup-component { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: white; padding: 20px; padding-bottom: 70px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3); z-index: 9999; width: 500px; max-width: 90%; } .popup-component.active { display: block; } .popup-component-preview { background: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.3); margin: 10px; border: 2px #ccc; } .popup-header { margin-bottom: 15px; padding-right: 30px; } .popup-header h3 { color: #424242 !important; margin: 0; } .popup-content { margin-bottom: 20px; max-width: 100%; } .popup-close-x { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border: none; background: none; font-size: 24px; line-height: 1; cursor: pointer; color: #595959; padding: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; } .popup-close-x:hover { background: #f0f0f0; } .popup-accept { padding: 8px 20px; background: #595959; color: white; border: none; border-radius: 3px; cursor: pointer; position: absolute; bottom: 20px; left: 20px; font-size: 16px; } .popup-accept:hover { background: #424242; } .popup-accept:focus { outline: 2px solid #0066cc; outline-offset: 2px; } .popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 9998; display: none; } .popup-overlay.active { display: block; } .popup-info { margin-top: 15px; padding: 10px; background: #f5f5f5; border-radius: 4px; } .popup-info p { margin: 0; font-size: 14px; color: #666; } body.popup-active > *:not(.popup-component-container) { pointer-events: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; } /*CONTENIDO*/ #fondo #contenedor {width: 80em;min-height: 34em;height: auto !important;height: 34em;margin: 0 auto;border-top: none;margin-bottom: 3.4em;} #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;} /*Componente fallback-twitter*/ #fondo #contenedor #col-dcha #fallback-twitter {margin: 1em 0.3em;} #fondo #contenedor #col-dcha #fallback-twitter p a.boton-twitter img {margin: 1em 42%; margin-top: 2em;} /*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: 3.5em;} #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;padding-top: 1.2rem;} #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: auto;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: static; border-top: 1px solid #ccc; margin-top: auto;} #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;} /*Imágenes Tríptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 19.25em;height: 39em;} #fondo #contenedor #portada .triptico .sttd .bloque.td.sup {border-top-left-radius: 20px; border-bottom-left-radius: 20px;} #fondo #contenedor #portada .triptico .sttd .bloque.td.dcha {border-top-right-radius: 20px; border-bottom-right-radius: 20px;} #fondo #contenedor #portada .triptico .sttd .bloque.td .texto{width: 100%; height: 30%;} #fondo #contenedor #portada .triptico .sttd .bloque.td .texto .encabezado p {text-transform: uppercase;} #fondo #contenedor #portada .triptico .sttd .bloque.td.inf .texto .encabezado p {text-align: right;} #fondo #contenedor #portada .triptico .sttd .bloque.td.dcha .texto .encabezado p {text-align: right;} #fondo #contenedor #portada .triptico .sttd .bloque.td .texto .encabezado p a{text-decoration: none; font-weight: 500;} #fondo #contenedor #portada .triptico.sttres {padding-top: 2rem; display: flex; justify-content: center; margin-bottom: 5em;} /* Estilo CARRUSEL PEQUEÑO PORTADA */ /* Estilo general del carrusel */ .carrusel-containerDes {position: relative; overflow: hidden;} #fondo #contenedor .csld.carruselDes {background: #efefef; border: none; padding-bottom: 0.6rem;} /* Estilo de las imágenes */ .slideDes {display: none; /* Ocultar todas las imágenes por defecto */} .slideDes.active {display: block; /* Mostrar solo las imágenes con la clase 'active' */} /* Estilo del pie de foto */ .csld.carruselDes .carrusel-containerDes .slideDes .caption {position: absolute; bottom: 0; width: 360px; background-color: rgba(0, 0, 0, 0.5); color: white; line-height: 2rem; padding: 0.5em; margin-left: 10px; box-sizing: border-box; font-size: 13px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} /* Centra el carrusel si hay solo una diapositiva */ .center { text-align: center;} /* Divide el espacio para dos diapositivas */ .split { display: flex; justify-content: space-between;} /* Estilo para tres diapositivas */ .three-slides { display: flex; justify-content: space-between; align-items: center;} /* Estilo para las diapositivas del carrusel */ .slideDes { display: none; vertical-align: top;} .slideDes img {width: 360px; height: 140px; display: block; padding: 10px; border-radius: 20px;} /* Mostrar solo las diapositivas activas */ .slideDes.active { display: inline-block;} /* Contenedor del carrusel */ .carrusel-containerDes {display: flex; justify-content: center; position: relative;} /* Botones de navegación */ .csld.carruselDes .arrow {position: absolute; padding: 0; font-size: 1.5em; line-height: 1.5em; display: block; cursor: pointer;} .csld.carruselDes .carrusel-containerDes .prev-btn {left: 0.5em; top: 50%; transform: translateY(-50%); background-image: url(../img/carrusel/prev-button-carruselDes.png); color: transparent; border: none;} .csld.carruselDes .carrusel-containerDes .next-btn {right: 0.5em; top: 50%; background-image: url(../img/carrusel/prev-button-carruselDes.png); transform: scaleX(-1) translateY(-50%); color: transparent; border: none;} .fade {animation-name: fade; animation-duration: 1.5s;} @keyframes fade {from {opacity: .4} to {opacity: 1}} ul.stcd, ul.stcm, ul.stcu, ul.stc, ul.sttres {margin-block-start: 0; margin-block-end: 0; padding-inline-start: 0; font-size: unset !important;} /*COMPONENTE SITEMAP*/ :root { --primary-color: #2d3748; --secondary-color: #718096; --border-color: #e2e8f0; --hover-color: #f7fafc; --arrow-color: #4a5568; --hidden-bg-color: #fff5f5; --hidden-border-color: #feb2b2; --hidden-text-color: #e53e3e; } /* Estilos base compartidos con sitemapPortada.ftl */ .sitemap-config { background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 20px; margin: 15px 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; } .sitemap-header { margin-bottom: 20px; border-bottom: 1px solid #dee2e6; padding-bottom: 10px; } .sitemap-header h3 { margin: 0 0 5px 0; color: #212529; } .sitemap-header small { color: #6c757d;} .legend-info { background-color: #e9ecef; border: 1px solid #dee2e6; color: #495057; padding: 10px; margin-bottom: 20px; border-radius: 4px; display: flex; align-items: center; gap: 8px; } .info-icon { font-size: 1.1em; } .info-text { font-size: 0.95em; } .config-section { margin: 10px 0; padding: 8px; background: white; border-radius: 3px; } .config-item { display: flex; flex-direction: row; align-items: center; margin: 8px 0; gap: 8px; } .config-item .label { font-weight: 600; color: #1a202c; min-width: 120px; } .config-item .value { color: #4a5568; } .excluded-urls, .excluded-languages, .included-languages { list-style: none; padding: 0; margin: 0; display: inline-flex; flex-wrap: wrap; gap: 5px; } .excluded-urls li { padding: 2px 6px; margin: 0; background: #ffe6e6; border-radius: 2px; color: #dc3545; display: inline-block; font-family: inherit; } .excluded-languages li { padding: 2px 6px; margin: 0; background: #ffe6e6; border-radius: 2px; color: #dc3545; display: inline-block; font-family: inherit; } .included-languages li { padding: 2px 6px; margin: 0; background: #e6fff0; border-radius: 2px; color: #28a745; display: inline-block; font-family: inherit; } .url-item, .language-item { word-break: break-all; } .pt-domains { list-style: none; padding: 0; margin: 8px 0; } .pt-domain-item { display: flex; justify-content: space-between; align-items: center; padding: 6px 10px; margin: 4px 0; background: #fff3e6; border-radius: 3px; color: #fd7e14; font-size: 0.9em; } .pt-path { font-weight: 500; margin-right: 10px; } .pt-domain { color: #fd7e14; opacity: 0.8; font-size: 0.9em; } .pt-info { display: block; margin-top: 5px; color: #6c757d; font-size: 0.85em; font-style: italic; } .virtualuri-section { background-color: #f8fafc; border-left: 4px solid #e2e8f0; margin-top: 0; } .virtualuri-details { margin-left: 1.25rem; padding-left: 0.75rem; border-left: 2px solid #e2e8f0; margin-top: 0.5rem; } .virtualuri-details .config-item .label { font-weight: 600; color: #1a202c; } .virtualuri-details .config-item .value { color: #64748b; } .virtualuri-path { font-family: monospace; background-color: #f1f5f9; padding: 2px 6px; border-radius: 3px; } .virtualuri-icon { display: inline-block; margin-right: 4px; } .has-virtualuri { color: #059669; } .has-virtualuri .virtualuri-icon { color: #059669; } .no-virtualuri { color: #64748b; } .no-virtualuri .virtualuri-icon { color: #dc2626; } .activation-date { color: #64748b; font-size: 0.9em; margin-left: 8px; } /* Estilos específicos del sitemap */ .url-list { border: 1px solid var(--border-color); border-radius: 6px; overflow: hidden; background: white; } .url-item-container { border-bottom: 1px solid var(--border-color); } .url-item-container.hidden-page > label .url-path { color: var(--hidden-text-color); } .url-item-container.hidden-page .child-urls .url-item-container:not(.hidden-page) .url-path { color: #4a5568; } .url-item-container:hover { background-color: var(--hover-color); } .url-item { display: grid; grid-template-columns: minmax(500px, 3fr) auto auto auto; gap: 2rem; align-items: center; padding: 0.75rem 1rem; cursor: pointer; } .url-path { position: relative; padding-left: 2rem; color: #4a5568; } .url-path.has-children::before { content: "\00BB"; position: absolute; left: 0.5rem; color: var(--arrow-color); transform: rotate(0deg); transition: transform 0.3s ease; font-size: 1.2rem; top: -2px; } .expand-toggle { display: none; } .expand-toggle:checked + label .url-path.has-children::before { transform: rotate(90deg); } .expand-toggle:checked + label + .child-urls { display: block; } .child-urls { display: none; background: white; } .child-urls .url-item-container:last-child { border-bottom: none; } .date, .frequency, .priority { color: var(--secondary-color); font-size: 0.9rem; text-align: right; min-width: 100px; } /* Estilos de la tabla de contenedoras */ .contenedoras-control { margin-top: 1rem; } .contenedoras-toggle { display: none; } .contenedoras-toggle-label { display: inline-block; cursor: pointer; color: #4a5568; font-size: 0.9rem; } .contenedoras-toggle-label .hide-text { display: none; } .contenedoras-toggle:checked + .contenedoras-toggle-label .show-text { display: none; } .contenedoras-toggle:checked + .contenedoras-toggle-label .hide-text { display: inline; } .contenedoras-section { display: none; margin-top: 1rem; } .contenedoras-toggle:checked ~ .contenedoras-section { display: block; } .table-header { display: grid; grid-template-columns: 2fr 1fr 1.5fr 0.5fr; background: #edf2f7; border-bottom: 2px solid #cbd5e0; font-weight: 500; } .header-cell { padding: 0.5rem; color: #4a5568; font-size: 0.85rem; text-transform: uppercase; } .table-body { font-size: 0.9rem; } .table-row { display: grid; grid-template-columns: 2fr 1fr 1.5fr 0.5fr; border-bottom: 1px solid #e2e8f0; } .table-row:last-child { border-bottom: none; } .cell { padding: 0.5rem; display: flex; align-items: center; } .cell.path { font-family: monospace; color: #4a5568; } .cell.site { color: #2563eb; font-weight: 500; } .cell.domain { font-family: monospace; color: #4a5568; font-size: 0.85rem; } .cell.virtualuri { justify-content: center; } .cell.virtualuri.no-virtualuri { color: #dc2626; } .cell.virtualuri.has-virtualuri { color: #059669; } /* Estilos específicos para rutas excluidas */ .excluded-urls-list { margin-top: 0.5rem; padding: 0 12px; } .excluded-urls-group { margin-bottom: 1rem; } .excluded-urls-group:last-child { margin-bottom: 0; } .group-title { color: #4a5568; font-weight: 500; margin-bottom: 0.5rem; } .excluded-url-item { padding: 4px 0; color: #dc3545; font-family: monospace; font-size: 0.9rem; } /* ACCESIBILIDAD MENÚ HAMBURGUESA - RE009857 */ #navegacion-opciones #navegacion #menu-rwd:focus-within div.global {display: block; opacity: 1; visibility: visible;} #navegacion-opciones #navegacion #menu-rwd:focus-within div.global nav ul {display: block; opacity: 1; visibility: visible;} #navegacion-opciones #navegacion #menu-rwd:focus-within div.global nav li ul {display: block; opacity: 1; visibility: visible;} #navegacion-opciones #navegacion #menu-rwd a#btnMenu:focus {outline: 3px solid; outline-offset: 2px;} #navegacion-opciones #navegacion #menu-rwd div.global:focus-within {display: block; opacity: 1; visibility: visible;} #navegacion-opciones #navegacion #menu-rwd div.global nav a:focus {outline: 2px solid; outline-offset: 1px;} #navegacion-opciones #navegacion #menu-rwd div.global div.encabezado span.cerrar:focus {outline: 2px solid; outline-offset: 1px; cursor: pointer;} #navegacion-opciones #navegacion #menu-rwd div.global nav ul[style*="display: none"]:focus-within {display: block;} #navegacion-opciones #navegacion #menu-rwd div.global nav li:focus-within ul {display: block;} #navegacion-opciones #navegacion #menu-rwd {position: relative; z-index: 1000;} #navegacion-opciones #navegacion #menu-rwd div.global {transition: opacity 0.2s ease-in-out;} /* FILTRO ALMACENES */ .almacen-container {max-width: 75rem; margin: 0 auto; padding: 1.25rem; background: white; border-radius: 0.5rem; box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,0.1);} .almacen-header {margin-bottom: 1.875rem; text-align: center; border-bottom: 2px solid #eee; padding-bottom: 1.25rem;} .almacen-header h2 {color: #333; font-size: 2.2rem; margin-bottom: 0.9375rem;} .almacen-header .descripcion {color: #666; font-size: 1.1rem; line-height: 1.6; max-width: 50rem; margin: 0 auto;} .filtro-container {background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 0.375rem; padding: 1.5625rem; margin-bottom: 1.875rem;} .filtro-container h3 {margin: 0 0 1.25rem 0; color: #333; font-size: 1.4rem; border-bottom: 2px solid #eee; padding-bottom: 0.625rem;} .filtro-form {display: flex; flex-direction: column; gap: 1.25rem;} .form-group {display: flex; flex-direction: column; gap: 0.5rem;} .form-group label {font-weight: 600; color: #444; font-size: 1rem;} .form-text {color: #666; font-size: 0.9rem; margin-top: 0.25rem; line-height: 1.4;} .form-control {padding: 0.625rem 0.875rem; border: 1px solid #ced4da; border-radius: 0.25rem; font-size: 1rem; width: 100%; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s;} .form-control:focus {border-color: #004E86; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} #busquedaTexto {background: white; position: relative; box-sizing: border-box; max-width: 100%;} #busquedaTexto:focus {border-color: #004E86; box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);} #busquedaTexto::placeholder {color: #6c757d; font-style: italic;} .busqueda-leyenda {color: #495057; font-size: 0.8rem; line-height: 1.4; margin-top: 0.5rem; display: block; padding: 0.5rem 0.75rem; background: #f8f9fa; border-radius: 0.25rem; border-left: 0.1875rem solid #004E86;} .busqueda-leyenda code {background: #e9ecef; padding: 0.125rem 0.375rem; border-radius: 0.1875rem; color: #6f42c1; font-size: 0.85em; font-weight: 500;} .busqueda-leyenda em {color: #6c757d; font-style: normal; font-size: 0.9em;} .busqueda-leyenda strong {color: #495057;} /*Filtro almacenes - etiquetas y highlights*/ .highlight {background-color: #cce7ff; border: 1px solid #99d6ff; border-radius: 0.1875rem; padding: 1px 0.125rem; font-weight: 500; color: #0066cc; box-shadow: 0 1px 0.125rem rgba(0,102,204,0.2); animation: highlightPulse 0.8s ease-in-out;} @keyframes highlightPulse { 0% { background-color: #cce7ff; } 50% { background-color: #b3d9ff; } 100% { background-color: #cce7ff; } } .tags-container {display: none; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.625rem; padding: 0.625rem; background: white; border: 1px solid #dee2e6; border-radius: 0.25rem; min-height: 2.5rem;} .tag {display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.375rem 0.75rem; background-color: #004E86; border: 1px solid #0056b3; border-radius: 1.25rem; font-size: 0.9rem; color: white; line-height: 1.2;} .tag-text {font-weight: 500;} .tag-remove {background: none; border: none; color: white; font-size: 1.3rem; line-height: 0.8; padding: 0; margin: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; width: 1.125rem; height: 1.125rem; border-radius: 50%; transition: background-color 0.2s;} .tag-remove:hover {background-color: rgba(255,255,255,0.2);} .tag-remove:focus {outline: 2px solid white; outline-offset: 1px;} .form-actions {display: flex; gap: 0.625rem; margin-top: 0.625rem;} .btn {padding: 0.625rem 1rem; border-radius: 0.25rem; font-weight: 500; cursor: pointer; display: flex; align-items: center; gap: 0.5rem; transition: all 0.2s; border: none; font-size: 0.9rem;} .btn:focus {outline: 2px solid #004E86; outline-offset: 2px;} .btn-secondary {background-color: #6f6f6f; color: white;} .btn-secondary:hover {background-color: #505559;} .btn-icon {font-size: 0.9rem;} /*Filtro almacenes - resultados*/ .search-results-info {margin-top: 0.9375rem; padding-top: 0.9375rem; border-top: 1px solid #dee2e6;} .loading-indicator {display: flex; align-items: center; gap: 0.625rem; color: #004E86; margin-bottom: 0.625rem; font-size: 0.9rem;} .spinner {display: inline-block; width: 1.25rem; height: 1.25rem; border: 0.1875rem solid rgba(0, 123, 255, 0.3); border-radius: 50%; border-top-color: #004E86; animation: spin 1s ease-in-out infinite;} @keyframes spin { to { transform: rotate(360deg); } } .resultado-contador {color: #004E86; font-weight: 500; font-size: 1rem;} .count-number {font-weight: 600; color: #004E86; font-size: 1.1rem;} .total-number {color: #6c757d;} .registros-container {display: grid; gap: 1.25rem;} .registro-item {background: white; border: 1px solid #dee2e6; border-radius: 0.5rem; padding: 1.5625rem; transition: all 0.3s ease; box-shadow: 0 1px 0.1875rem rgba(0,0,0,0.1);} .registro-item:hover {box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.15); transform: translateY(-0.125rem);} .registro-principal {background: #e9ecef; padding: 0.75rem 1rem; border-radius: 0.375rem; margin-bottom: 0.9375rem; font-size: 1.1rem; border-left: 0.25rem solid #004E86;} .registro-titulo {color: #212529; font-size: 1.5rem; margin-bottom: 0.9375rem; line-height: 1.4;} .registro-texto {color: #495057; line-height: 1.6; margin-bottom: 1.25rem; font-size: 1rem;} .registro-categorias {display: flex; flex-wrap: wrap; gap: 0.5rem;} .categoria-tag {background: #f8f9fa; color: #495057; padding: 0.375rem 0.75rem; border-radius: 1.25rem; font-size: 0.9rem; border: 1px solid #dee2e6; font-weight: 500;} .no-registros {text-align: center; padding: 2.5rem; color: #6c757d; font-style: italic;} .mecdAvisos.info {background: #d1ecf1; border: 1px solid #bee5eb; color: #0c5460; padding: 0.625rem; border-radius: 0.25rem; margin-bottom: 0.9375rem; font-size: 0.9rem;} .sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -0.0625rem; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0;} .form-control:focus-visible {outline: 2px solid #004E86; outline-offset: 2px;} .btn:focus-visible {outline: 2px solid #004E86; outline-offset: 2px;} .tag-remove:focus-visible {outline: 2px solid #004E86; outline-offset: 2px;} .contenido-principal {width: 100%;} .layout-default {display: block;} .layout-sidebar {display: flex; gap: 1.875rem; align-items: flex-start;} .layout-sidebar .registros-wrapper {flex: 1; min-width: 0;} .layout-sidebar .filtro-sidebar {flex: 0 0 21.875rem; position: sticky; top: 1.25rem; height: fit-content;} .filtro-sidebar {background: #f8f9fa; border: 1px solid #dee2e6; border-radius: 0.375rem; padding: 1.25rem;} .filtro-sidebar h3 {margin: 0 0 1.25rem 0; color: #333; font-size: 1.3rem; border-bottom: 2px solid #eee; padding-bottom: 0.625rem;} .filtro-sidebar .form-group {margin-bottom: 0.9375rem;} .filtro-sidebar .form-control {font-size: 0.9rem; padding: 0.5rem 0.75rem;} .filtro-sidebar .form-text {font-size: 0.8rem;} .filtro-sidebar .btn {font-size: 0.85rem; padding: 0.5rem 0.875rem;} .filtro-sidebar .resultado-contador {font-size: 0.9rem; text-align: center; padding: 0.625rem; background: white; border-radius: 0.25rem; border: 1px solid #dee2e6;} .filtro-sidebar .tags-container {padding: 0.5rem;} .filtro-sidebar .tag {font-size: 0.8rem; padding: 0.25rem 0.5rem;} .filtro-sidebar #busquedaTexto {font-size: 0.9rem; padding: 0.5rem 0.75rem; box-sizing: border-box; max-width: 100%;} .filtro-sidebar #categoriaSelect {box-sizing: border-box; max-width: 100%;} .search-active .registro-item {transition: all 0.3s ease;} .search-active .registro-item[style*="display: none"] {opacity: 0;} .search-active .registro-item:not([style*="display: none"]) {opacity: 1;} .loading-indicator {color: #004E86; font-weight: 500;} .loading-indicator .spinner {border-top-color: #004E86;} .resultado-contador {transition: color 0.3s ease;} .resultado-contador.has-results {color: #004E86;} .resultado-contador.no-results {color: #dc3545;} .no-registros-busqueda {text-align: center; padding: 2.5rem; color: #6c757d; background: #f8f9fa; border: 2px dashed #dee2e6; border-radius: 0.5rem; margin: 1.25rem 0;} .no-registros-busqueda h4 {color: #495057; margin-bottom: 0.9375rem;} .no-registros-busqueda .sugerencias {margin-top: 1.25rem; color: #6c757d; font-size: 0.9rem;} .no-registros-busqueda .sugerencias ul {list-style: none; padding-left: 0;} .no-registros-busqueda .sugerencias li {margin-bottom: 0.3125rem;} .no-registros-busqueda .sugerencias li:before {content: "💡 ";} #categoriaSelect {box-sizing: border-box; max-width: 100%;} /* FIN FILTRO ALMACENES */ /* Reducir movimiento */ @media (prefers-reduced-motion:reduce) { #navegacion-opciones #navegacion #menu-rwd div.global {transition: none;} } /*RWD - Responsive*/ @media (min-width:1299px) { #fondo header #cabecera {width: 80em;margin: auto;} } @media (max-width:1299px) { #fondo header #cabecera #imagen-cabecera {display: flex;flex-direction: row;justify-content: center;} #fondo header #cabecera #imagen-cabecera img {vertical-align: top;padding: 0; width: 1263px;} #fondo header #cabecera #logo {margin-right:2em;} #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 #imagen-cabecera img {vertical-align: top;padding: 0;} #fondo header #cabecera p.titulo {max-width: 21.8em;} /*Logo Cabecera*/ #fondo header #cabecera #logo img {margin: 0;padding: 0.4em;width: auto;height: 3.8em;} /*Navegacion opciones*/ #fondo header #navegacion-opciones #navegacion {width:100%;} #fondo header #navegacion-opciones #navegacion #buscador {margin-right:1em;} /*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;} /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 17em; height: 34.5em;} /*Pie*/ #fondo footer #pie {width:100%;} } @media(max-width: 1262px){ #fondo header #cabecera #imagen-cabecera img {width:1250px;margin-left: -2rem;} #fondo header #cabecera #logo {margin-right:5em;} #fondo header #navegacion-opciones #navegacion #buscador {margin-right:2em;} } @media(max-width: 1250px){ #fondo header #cabecera #imagen-cabecera img {width:1230px;margin-left: -2.5rem;} #fondo header #navegacion-opciones #navegacion #buscador {margin-right:3em;} } @media(max-width: 1230px){ #fondo header #cabecera #imagen-cabecera img {width:1215px;margin-left: -3.5rem;} #fondo header #navegacion-opciones #navegacion #buscador {margin-right:4em;} } @media(max-width: 1215px){ #fondo header #cabecera #imagen-cabecera img {width:100%;margin-left: -4.5rem;} #fondo header #navegacion-opciones #navegacion #buscador {margin-right:5em;} } @media(max-width: 1199px){ #fondo header #cabecera #imagen-cabecera img {margin-left:0;} #fondo header #cabecera #logo {margin-right:0;} #fondo header #navegacion-opciones #navegacion #compartirmag {padding: 0.15em 0 0 0;} #fondo header #navegacion-opciones #navegacion #buscador {margin-right:0em;} } @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;} /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 15.2em; height: 31em;} } /*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;} /*Navegacion opciones*/ #fondo header #navegacion-opciones #navegacion .opciones div.dsp-d.dsp-abierto ul {display:block;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a img {margin: 0; height: 30px; max-height: 30px; width:30px;} #fondo header #navegacion-opciones #navegacion #compartirmag {height: 29.637px;width: 29.637px;} /*Elementos fixed*/ .fixed{z-index: 4; position: fixed; left: 0; top: 0; width: 100%;} #fondo header #navegacion-opciones {z-index:300;} #fondo header #navegacion-opciones #navegacion .opciones a.btnOpciones {position: relative;padding: 0;width: 1.93em;height: 1.93em;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 {border-bottom: 0;background: #0f0f0f;border: 1px solid #767676;border-radius: 3px;margin: 0.47em 0.3em;padding: 0;font-size: 1.2em;} #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.redes-sociales {padding: 0.5em; height: auto;} #fondo header #navegacion-opciones #navegacion .opciones div.dsp-d.dsp-abierto ul {display:block;} /*Menu idiomas*/ #fondo header #navegacion-opciones {width: 100%; height: 49px; min-height: 49px;} #fondo header #navegacion-opciones #navegacion {width: 100%;margin: 0;padding: 0; min-height:3.1em;} #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: 0.45em 0.2em; font-size:1.25em; height:1.5em; width:1.5em; 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: 1.88em; height: 1.88em; 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: 0.45em 0.3em; 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: 1.93em;height: 1.93em;margin: 0;display: block;color: #FFF;text-decoration: none;font-size: 0.8em;border: 1px solid #767676;border-radius: 5px;} #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 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;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li {display: inline-block; margin: 0; padding: 0.5em 0; height:auto;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a span {display: inline-block; vertical-align: middle; margin-top: 0.2em;} #fondo header #navegacion-opciones #navegacion .opciones ul.ico-link li a img {max-width: 3em; max-height: 3em; float: none; display: inline-block; vertical-align: middle; margin:0; height: 30px; max-height: 30px; width: 30px;} /*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: 0.65em 0.5em; height: 1.8em;width: auto;background: url("../img/responsive/ico-lupa-uno-30.png") no-repeat;max-width: 1.85em;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: 1.8em; margin: 0.65em 0.55em; 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: 1.7em;margin: 0.9em 0;padding: 0; 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: 1.9em;} #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;} /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 14em; height: 28.9em;} /*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:991px) { /*filtro almacenes*/ .layout-sidebar {flex-direction: column-reverse;} .layout-sidebar .filtro-sidebar {flex: none; position: static; margin-bottom: 1.25rem;} } @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;} /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 11.25em; height: 22.5em;} #fondo #contenedor #portada .triptico .sttd .bloque.td.inf .texto .encabezado p {margin-top: 1.5em;margin-right: 0.5em;} /*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;} } /*RESOLUCIÓN RESPONSIVE (RWD)*/ @media (max-width:767px) { /*Accesibilidad menú responsive*/ #navegacion-opciones #navegacion #menu-rwd:focus-within div.global {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 9999; overflow-y: auto;} #navegacion-opciones #navegacion #menu-rwd div.global nav a:focus {margin: 2px 0; font-weight: 600;} /*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 {background-color: #ffd401;} #fondo header #cabecera #imagen-cabecera img {display:none;} #fondo header #cabecera #imagen-cabecera img.rwd {display:block;width: 767px;max-height: 100%;} /*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;} /*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 #escudo2 {left:15.5rem; padding:0;} #fondo header #cabecera #escudo2 img {display:none;} #fondo header #cabecera #escudo2 img.rwd {display:block; width: 100%;} /*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;} /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 9em; height: 18em;} /*Buscador Google*/ .bgoo { padding: 20px; } .tit { font-size: 24px; } .campotexto { padding: 10px 15px; font-size: 15px; } .botonbuscar { width: 36px; height: 36px; } .nube-tags { gap: 6px; } .tag { padding: 6px 12px; font-size: 13px; } /*Filtro almacenes*/ .busqueda-leyenda {font-size: 0.75rem; padding: 0.375rem 0.625rem;} .busqueda-leyenda code {padding: 1px 0.25rem;} .form-actions {justify-content: flex-start;} .almacen-container {padding: 0.9375rem;} .filtro-container {padding: 1.25rem;} .form-actions {flex-direction: column;} .btn {width: 100%; justify-content: center;} .almacen-header h2 {font-size: 1.8rem;} .registro-titulo {font-size: 1.3rem;} .tags-container {padding: 0.5rem;} .tag {font-size: 0.85rem; padding: 0.3125rem 0.625rem;} .layout-sidebar {gap: 1.25rem;} .filtro-sidebar {padding: 0.9375rem;} .layout-sidebar .filtro-sidebar {flex: none;} .filtro-sidebar .btn {width: 100%;} } @media (max-width:750px) { #fondo header #cabecera #imagen-cabecera img.rwd {width: 750px;} } @media (max-width:730px) { #fondo header #cabecera #imagen-cabecera img.rwd {width: 730px;} } @media (max-width:700px) { #fondo header #cabecera #imagen-cabecera img.rwd {width: 700px;} } @media (max-width:680px) { #fondo header #cabecera #imagen-cabecera img.rwd {width: 680px;} } @media (max-width:650px) { #fondo header #cabecera #imagen-cabecera img.rwd {width: 650px;} } @media (max-width:639px) { /*Cabecera*/ #fondo header #cabecera p.titulo.mcd, #fondo header #cabecera p.titulo.mefp {max-width: 12em; top:1.5em;} #fondo header #cabecera #imagen-cabecera img.rwd {width: 100%; height: 100%;} /*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;} /*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;} /*Logo Cabecera*/ #fondo header #cabecera a#logo img.rwd {max-height:50%;} /*Contenido*/ #fondo #contenedor #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.dos.dcha #contenido, #fondo #contenedor.tres #contenido {width: 328px;} /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 8em; height: 16em;} #fondo #contenedor #portada .triptico{width: 0;} /*Pie*/ #fondo footer #pie .bloque-inferior {height: 6em;} /*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;} /*Buscador Google*/ .bgoo { padding: 15px; } .search-container { padding: 3px; } .campotexto { padding: 8px 12px; } .botonbuscar { width: 32px; height: 32px; } .tag { padding: 5px 10px; font-size: 12px; } } @media(max-width: 410px) { /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 7em; height: 14em;} } @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;} /*Fondo*/ #fondo {min-width:320px;} #fondo #contenedor #contenido, #fondo #contenedor.dos #contenido, #fondo #contenedor.dos.dcha #contenido, #fondo #contenedor.tres #contenido {width: 304px;} /*Triptico*/ #fondo #contenedor #portada .triptico .sttd .bloque.td {width: 6em; height: 12em;} } /*Formato solo IE7/IE8*/ body.ie7 #fondo, body.ie8 #fondo {background: #f4f4f4 url("../img/bk-1024px2.jpg") center} /*Cookies boton*/ button.btnpc {color: #fff; background-color: #154481; border: 0; padding: 11px 25px; margin: 10px auto; transition: 0.3s; max-width: 170px; border-radius: 0; font-family: 'open_sansregular', sans-serif;} button.btnpc:hover {color: #535353; background: #EBEBEB; border: 0; transition: 0.3s;} /*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;}