ÿØÿàJFIFÿþ ÿÛC       ÿÛC ÿÀÿÄÿÄ"#QrÿÄÿÄ&1!A"2qQaáÿÚ ?Øy,æ/3JæÝ¹È߲؋5êXw²±ÉyˆR”¾I0ó2—PI¾IÌÚiMö¯–þrìN&"KgX:Šíµ•nTJnLK„…@!‰-ý ùúmë;ºgµŒ&ó±hw’¯Õ@”Ü— 9ñ-ë.²1<yà‚¹ïQÐU„ہ?.’¦èûbß±©Ö«Âw*VŒ) `$‰bØÔŸ’ëXÖ-ËTÜíGÚ3ð«g Ÿ§¯—Jx„–’U/ÂÅv_s(Hÿ@TñJÑãõçn­‚!ÈgfbÓc­:él[ðQe 9ÀPLbÃãCµm[5¿ç'ªjglå‡Ûí_§Úõl-;"PkÞÞÁQâ¼_Ñ^¢SŸx?"¸¦ùY騐ÒOÈ q’`~~ÚtËU¹CڒêV  I1Áß_ÿÙ/* --------------------------------- ESTILOS IMPORTADOS DE REDEFINIDO ---------------------------------- */ /* ----- Estilo básico de Bootstrap + Redefinido ----- */ @import url("redefinido.css"); /* ------------------------------------------ ESTILOS PROPIOS ------------------------------------------ */ div.row { float:left; width:100%; padding:0; margin:0; background:white; /*margin-right: 0 !important; margin-left: 0 !important;*/ } /* ------------------------------ ETIQUETAS ------------------------------ */ html { background-color: white; } html a { text-decoration: none !important; color:#007caf; } html a:hover { text-decoration: none !important; color:#000; } body { width: 90%; min-width: 570px; max-width: 1500px; min-height: 100vh; margin: 0 auto; font-family: 'Fira Sans', sans-serif; font-family: 'Encode Sans Condensed', sans-serif; font-family: 'Roboto Slab', sans-serif; } header { min-height: 8em; height: auto; padding: 0 15px; } header figure { float:left; display: inline-block; width: 13em; } header figure img { display: block; width: 100%; vertical-align:bottom; } header a.enlace_logo { display: inline-block; height: 100%; width: 13em; } header h1 { display: none; color: white; font-weight: 300; padding: 2%; margin-bottom: 0; background: #6d6d6d; } /* ----- FONDO OSCURECIDO ------ */ header #fondo_oscurecido { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:910; } main { clear: both; margin: 0 !important; padding: 0; background-color: white; } main section { margin: auto; padding: 0 !important; } main section article { margin: 0 auto; padding: 1em; width: 100%; overflow: hidden; border-bottom: 1px solid #c5c5c5; } main section article.fichaespecial { max-height:33%; padding: 0em; /*margin: .1em;*/ margin-bottom:1em; border-bottom: none; position:relative; } main section article figure { /*width: 33%;*/ width: 10em; padding: 0 !important; } main section article.fichaespecial figure { float:left; position:relative; width: 98%; padding: 0 !important; margin-right:2%; overflow: hidden; text-align:center; /*background:#e31119;*/ background:#fff; } main section article.fichaespecial figure:before{ content:""; display:block; height:0; padding-top:92.7%; float: left; } main section article figure img { float: left; width: 100%; margin:0 auto; margin-right: 1em; margin-bottom: .5em; } main section article.fichaespecial figure img { /*-o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 100%; height: 100%;*/ position: absolute; left: 49.9%; top: 49.8%; height: 100%; width: auto; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition:all .9s ease; -moz-transition:all .9s ease; -o-transition:all .9s ease; -ms-transition:all .9s ease; opacity:1; } main section article.fichaespecial figure img.img_vertical { width: 100%; height: auto; } /*main section article.fichaespecial figure img.img_horizontal { min-height: 100%; width: auto; }*/ main section article.fichaespecial:hover figure img { -webkit-transform:translate(-50%,-50%) scale(1.25); -moz-transform:translate(-50%,-50%) scale(1.25); -ms-transform:translate(-50%,-50%) scale(1.25); -o-transform:translate(-50%,-50%) scale(1.25); transform:translate(-50%,-50%) scale(1.25); opacity:.5; } main section a article:hover { background: rgba(0,0,0,0.05); } main section a article.fichaespecial:hover { background: none; } main section article.fichaespecial h3.titulo { position:absolute; bottom:0em; text-align:right; width:98%; min-height:1em; height:auto; padding: .4em !important; font-size:90%; color:#fff; background: rgba(0,0,0,0.5); z-index:20; } main section article.fichaespecial .fichaespecial_cuadrada { position:absolute; bottom:0em; text-align:right; width:98%; min-height:1em; height:auto; padding: .4em !important; font-size:65%; color:#fff; background: rgba(0,0,0,0.6); z-index:20; } main section article.fichaespecial .fichaespecial_cuadrada p.antetitulo { font-size:70%; color:#fe6569; } main section article.fichaespecial:hover .fichaespecial_cuadrada p.antetitulo { color:#feaaac; } main section article.fichaespecial .fichaespecial_cuadrada h3.titulo_galeria { padding: 0 !important; margin:0; } main section article.fichaespecial .fichaespecial_cuadrada h3.titulo_persona { padding: .3em .4em !important; margin:0; font-size: 140% !important; font-weight: 600 !important; } main section#zonaContenidos { float: right; padding-right: 2em; padding-right: 30px; } #zonaContenidos .fecha_agenda { float:left; width:2.2em; height: inherit; margin-right:1em; text-align:center; color:#fff; } #zonaContenidos .mes_agenda { font-size:80%; /*background:#e31119;*/ background:#007caf; margin-bottom:1px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; /*border:0px solid #e31119;*/ border: 0px solid #007caf; } #zonaContenidos .dia_agenda { font-size:150%; /*background:#e31119;*/ background:#007caf; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; /*border:0px solid #e31119;*/ border: 0px solid #007caf; width:100%; padding:.5em; margin:0; line-height:1.2em; } #zonaContenidos .contenido_agenda { height: inherit; overflow: hidden; } #zonaContenidos .contenido_agenda .antetitulo { width:100%; margin-top:.1em; } #zonaContenidos .contenido_agenda h3.titulo { width:100%; /*font-size: 100%; font-style: italic; font-weight: 400; line-height:1.3em;*/ padding: 0; margin: 0; } div { padding: 0 !important; } div#eventosdest { float: left; width: 100%; margin-left: 0px; } div#eventosdest .resumen ul { display: inline-block; } div#noticias { padding-right: 0px !important; min-height:100px; height:auto; } div#noticias .primeraactualidad { height:auto; } div#noticias figure, div#noticias p.resumenvideo { float:left; width:100%; padding-right: 0px !important; margin-bottom:1em !important; } div#agenda { padding-left: 0px !important; min-height:10px; height:auto; } .columna_gris_home { background-color:#eeeeee; margin-top: 1em; border-top: 2px solid #273583; } .columna_gris_lateral { background-color:#eeeeee; margin-top: 1em; border-top: 2px solid #273583; padding: 0 !important; } footer { float:left; width: 100%; bottom: 0px; padding: 2em 1em; margin: 2em 0 0 0; color: #ffffff; /*background: #007caf;*/ background: #004588; font-size:90%; text-align: center; text-decoration: none; } footer #logo_pie { margin-bottom:1em; } footer ul { width: 100%; padding: 0; } footer ul.menu_legal { float:right; list-style:disc; } footer ul lh { list-style: none; display: block; text-align: left; font-weight:700; } footer ul li { list-style: disc; display: block; text-align: center; font-size:90%; font-weight:100; font-style:italic; } footer ul.menu_legal li, footer ul.menu_provincias li { display: block; font-size: 90%; font-weight: 400; font-style: normal; margin: 1em .5em; } footer ul.menu_provincias li { font-weight:300; } footer ul lh a, footer ul.menu_legal li a, footer ul.menu_provincias li a { width: 100%; color: #fff; } footer ul li a { width: 100%; color: #fff; } footer ul lh a:hover, footer ul li a:hover { color: rgba(255,255,255,.8); } footer address { font-size:75%; width: 100%; margin-top: 1em; padding-bottom: 2em; padding: 0 1em 2em 1em; color: #ffffff; } footer address strong { font-size: 100%; } form fieldset { padding: 1em; } form legend { width: 100%; text-align: center; padding: 0 1em; margin: 0 !important; display: none; } form .aviso { color: red; display: block; text-align: right; width: 100%; margin: 1em 0 -3em 0; /*font-family: 'Fira Sans', sans-serif;*/ font-size:75%; font-weight:400; font-style:italic; } form .aviso span { /*font-family: 'Fira Sans', sans-serif;*/ font-size: 1.3em; font-style:normal; font-weight:700; } form span.error { color: red; /*font-family: 'Fira Sans', sans-serif;*/ font-size:90%; font-weight:100; font-style:italic; } form span.ajax_error1, form span.ajax_error2 { display:none !important; } form span.ajax_error1.visible, form span.ajax_error2.visible { display:block !important; } form textarea { width: 100%; max-width: 100%; padding: .5em 1em; } form label { width: 100%; font-weight: 400; } form label span { color: red; } form input { width: 100%; height: 1.7em; margin-bottom: 1em; padding: 0 .5em; } form select { height: 1.7em; padding: 0 .5em; width: 100%; margin-bottom: 1em; } form input[type="submit"], form [type="reset"] { width: auto; margin-top: 1em; padding: 0 .5em !important; } form input[type="submit"]:focus { border: 1px solid #007caf; color: #007caf; padding: 0 .53em !important; /*background:#eaeaea;*/ background: #f0f0f0; /* Old browsers */ background: -moz-linear-gradient(top, #f0f0f0 1%, #ffffff 60%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f0f0f0 1%,#ffffff 60%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f0f0f0 1%,#ffffff 60%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } form img+input[type="text"]{ width: 75%; } form input:focus { outline: none !important; border:none; box-shadow:none; } form input[type="text"]:focus, form input[type="password"]:focus, form input[type="email"]:focus, form input[type="tel"]:focus, form input[type="search"]:focus, form textarea:focus, form select:focus { outline: none !important; /*border:1px solid #e31119;*/ border: 1px solid #007caf; box-shadow: 0 0 10px rgba(0, 0, 0, 0.30); color: black; } form input:required:valid { color: green; } form input:required:invalid { color: red; } form input[type='checkbox'],form input[type='radio'] { width: 1.75em; height: 1.75em; } form input[type="checkbox"] + span { display: block; margin-top: -2em; margin-bottom: 1em; margin-left: 2em; } form input[type="radio"] + span { display: block; margin-top: -2em; margin-bottom: 1em; margin-left: 2em; } form datalist { font-size: 1em; } form datalist option { font-size: 1em; color: green; } .autor { color:#000; font-size:110%; } form[name="busqueda"]{ display: none; float:left; margin-right:0; font-size:80%; } input#termino { margin-top:.2em; margin-bottom:.4em; } form[name="busqueda"] > input[type="submit"] { display: block; width: 1.7em; height: 1.7em; margin:0; margin-left: .5em; /*margin-right: 3em;*/ margin-top: 3px; padding: 0 0 0 .10em; border: none; background: url('images_css/lupa.png') no-repeat left bottom; } form[name="busqueda"] > input#termino { width:8.6em; } form[name="busqueda"] > input[type="submit"]:selector { outline: none !important; border:none; box-shadow:none; color: black; } form[name="busqueda"] > input[type="submit"]:hover { background: url('images_css/lupa_over.png') no-repeat left bottom; } form#zona_privada { margin-bottom:0; font-size:80%; } form#zona_privada fieldset { padding:0; margin:0; } form#zona_privada label { float:left; width:40%; } form#zona_privada input { float:left; width:60%; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:active, input:-webkit-autofill:focus { background-color: #fff !important; color: #008000 !important; outline: none !important; border:1px solid #a9a9a9; -moz-box-shadow: 0 0 0 1000px #fff inset !important; -webkit-box-shadow: 0 0 0 1000px #fff inset !important; box-shadow: 0 0 0 1000px #fff inset !important; -webkit-text-fill-color: #008000 !important; } input:-webkit-autofill:focus { /*border:1px solid #e31119;*/ border: 1px solid #007caf; background:white; -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.30), 0 0 0 1000px #fff inset !important; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.30), 0 0 0 1000px #fff inset !important; box-shadow: 0 0 10px rgba(0, 0, 0, 0.30), 0 0 0 1000px #fff inset !important; /*-webkit-box-shadow: 0 0 0 1000px #fff inset !important;*/ } form#zona_privada input { margin-bottom:.5em; } form#zona_privada input[type="submit"] { width: auto; margin-top:.5em !important; margin-bottom:.5em !important; margin-left: 40%; color: #000 } form[name="buscador_general"] { clear:both; /*display:none;*/ display:block; width:100%; padding:0; margin:0; background:#f3f3f3; position:relative; top:-1em; z-index:5; border-top: 2px solid #273583; } form[name="buscador_general"] fieldset { width:100%; height:auto; padding:0 1em; padding-top:.8em; margin:0; } form[name="buscador_general"] label { width:auto; } form[name="buscador_general"] input { width:12em; height:1.7em; font-weight:300; padding: 0 .3em; margin-right:.5em; margin-bottom:.3em; color:#6d6d6d; } form[name="buscador_general"] input[type="submit"] { clear:both; width: auto; margin-top: .5em; margin-bottom:.5em; font-weight:300; } form[name="buscador_general"] select { height: 1.7em; padding: 0 .3em; margin-right:.5em; margin-bottom:.3em; font-weight:300; } form[name="buscador_general"] select#Provincias, form[name="buscador_general"] select#Probintziak, form[name="buscador_general"] select#ComarcasdeAlava, form[name="buscador_general"] select#Arabakoeskualdeak, form[name="buscador_general"] select#ComarcasdeVizcaya, form[name="buscador_general"] select#Bizkaikoeskualdeak, form[name="buscador_general"] select#ComarcasdeGuipuzcoa, form[name="buscador_general"] select#Gipuzkoakoeskualdeak, form[name="buscador_general"] select#MunicipiosdeAlava, form[name="buscador_general"] select#Arabakoudalerriak, form[name="buscador_general"] select#MunicipiosdeVizcaya, form[name="buscador_general"] select#Bizkaikoudalerriak, form[name="buscador_general"] select#MunicipiosdeGuipuzcoa, form[name="buscador_general"] select#Gipuzkoakoudalerriak { display:none; } #boton_busqueda { display:none; float:right; width:auto; height:auto; padding:0; margin:0; margin-top:-1.15em; margin-bottom:1em; font-size:85%; font-weight:400; color:#007caf; background:#f3f3f3; -moz-border-radius: 0px 0px 0px 20px; -webkit-border-radius: 0px 0px 0px 20px; border-radius: 0px 0px 0px 20px; border: 0px solid #000000; cursor:pointer; z-index:6; } #boton_busqueda p { padding: .3em 1em 0 1em; margin: 5px 0; } #boton_busqueda:hover p { /*color:#e31119;*/ color:#000000; } #boton_busqueda p img { margin-left:.5em; margin-top: -.2em; } #boton_busqueda p img.volteado { -webkit-transform: scale(1,-1); -moz-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1); } /* ---------------------------- FIN ETIQUETAS ---------------------------- */ /* --------------------------- MENÚ PRINCIPAL ---------------------------- */ .navegacion { display: none; } .navegacion_movil { display: block; } .ocultable { display: none; } .ocultable2 { display: list-item; } .navegacion_movil { position: fixed; top: 0; right: 0; color:#666; background: #fff; width: 25em; height: 100%; padding: 0; margin: 0; margin-right: -25em; z-index: 995; overflow: hidden; overflow: auto; float: right; font-size: 1em; font-weight:400; text-transform:capitalize; list-style:none; } .navegacion_movil li { float:left; position:relative; width:100%; height:auto; /*text-align:center;*/ } .navegacion_movil li a { display:block; padding:0; padding:.5em 1.5em .5em 1.5em; margin:0px; font-size:1.4em; text-decoration:none; color:#666; background:#fff; text-transform:none; border-bottom:1px solid rgba(0,0,0,0.2); border-left:1px solid rgba(0,0,0,0.2); border-right:1px solid rgba(0,0,0,0.2); } .navegacion_movil li.menu_azul a { color:#007caf; /*border-bottom:2px solid #007caf;*/ border-bottom:1px solid rgba(0,124,175,0.2); border-left:1px solid rgba(0,124,175,0.2); border-right:1px solid rgba(0,124,175,0.2); } .navegacion_movil li.menu_morado a { color:#273583; /*border-bottom:2px solid #273583; border-bottom:1px solid rgba(39,53,131,0.2); border-left:1px solid rgba(39,53,131,0.2); border-right:1px solid rgba(39,53,131,0.2);*/ border-bottom:1px solid rgba(0,124,175,0.2); border-left:1px solid rgba(0,124,175,0.2); border-right:1px solid rgba(0,124,175,0.2); } .navegacion_movil li.menu_verde a { color:#3fa535; /*border-bottom:2px solid #3fa535; border-bottom:1px solid rgba(63,165,53,0.2); border-left:1px solid rgba(63,165,53,0.2); border-right:1px solid rgba(63,165,53,0.2);*/ border-bottom:1px solid rgba(0,124,175,0.2); border-left:1px solid rgba(0,124,175,0.2); border-right:1px solid rgba(0,124,175,0.2); } .navegacion_movil li.menu_rosa a { color:#a42368; /*border-bottom:2px solid #a42368; border-bottom:1px solid rgba(164,35,104,0.2); border-left:1px solid rgba(164,35,10,0.2); border-right:1px solid rgba(164,35,10,0.2);*/ border-bottom:1px solid rgba(0,124,175,0.2); border-left:1px solid rgba(0,124,175,0.2); border-right:1px solid rgba(0,124,175,0.2); } .navegacion_movil li.menu_verdeoscuro a { color:#107007; /*border-bottom:2px solid #107007; border-bottom:1px solid rgba(16,112,7,0.2); border-left:1px solid rgba(16,112,7,0.2); border-right:1px solid rgba(16,112,7,0.2);*/ border-bottom:1px solid rgba(16,112,7,0.2); border-left:1px solid rgba(16,112,7,0.2); border-right:1px solid rgba(16,112,7,0.2); } .navegacion_movil li:hover a { /*color:#e31119 !important; color: #007caf !important;*/ color: #000000 !important; background:rgba(0,0,0,0.05); } .navegacion_movil ul.submenumovil { float:left; position:relative; top:0; left:0; display:none; /*oculto por defecto */ width:100%; height:auto; margin:0; padding:0; list-style:none; background:#fff; z-index:30; /*font-family: 'Fira Sans', sans-serif;*/ font-style:italic; font-weight:300; } .navegacion_movil ul.submenumovil li { width:100%; /*text-align:center;*/ } .navegacion_movil ul.submenumovil li a { display:block; padding:0px; padding:.7em 1.5em .7em 3em; margin:0px; font-size:1.2em; color:#666 !important; background:#fff; text-decoration:none; border-top:none; width:100%; } .navegacion_movil li.menu_azul ul.submenumovil li a { color:#007caf !important; } .navegacion_movil li.menu_morado ul.submenumovil li a { color:#273583 !important; } .navegacion_movil li.menu_verde ul.submenumovil li a { color:#3fa535 !important; } .navegacion_movil li.menu_rosa ul.submenumovil li a { color:#a42368 !important; } .navegacion_movil li.menu_verdeoscuro ul.submenumovil li a { color:#107007 !important; } .navegacion_movil ul.submenumovil li a:hover, .navegacion_movil li.menu_azul ul.submenumovil li a:hover, .navegacion_movil li.menu_morado ul.submenumovil li a:hover, .navegacion_movil li.menu_verde ul.submenumovil li a:hover, .navegacion_movil li.menu_rosa ul.submenumovil li a:hover, .navegacion_movil li.menu_verdeoscuro ul.submenumovil li a:hover { /*color:#e31119 !important; color: #007caf !important;*/ color: #000000 !important; background: rgba(0,0,0,0.015); } #boton_desplegable { float:left; position: absolute; top: -3em; right: -.4em; width: 50px; height: auto; text-align: center; display: block; vertical-align: middle; } #boton_desplegable a { float: left; width: 50px; height: auto; padding: .2em; margin: 0px; background:#fff; color:#004588; /*border: 3px solid #afafae; border-radius: .3em;*/ } #boton_desplegable a:hover { color: #afafae; /*border: 3px solid #004588; border-radius: .3em;*/ } #boton_desplegable a span.icono_raya { display: block; clear: both; width: 1.5em; height: .2em; padding: 0; margin: .28em auto; border-radius: .1em; background: #004588; } #boton_desplegable a:hover span.icono_raya { background: #afafae; } .txt_mostrar { display:none; width:100%; height:0; } #boton_cerrar_desplegable { float:left; display: block; width: 50px; height: auto; margin-top: .5em; margin-bottom: .5em; margin-left: 0em; text-align: center; vertical-align: middle; } #boton_cerrar_desplegable a { float: left; width: 50px; height: auto; padding: .2em; margin: 0px; background:#fff; color:#004588; } #boton_cerrar_desplegable a:hover { color: #afafae; } #boton_cerrar_desplegable a span.icono_raya { display: block; clear: both; width: 1.8em; height: .2em; padding: 0; margin: .28em auto; border-radius: .1em; background: #004588; } #boton_cerrar_desplegable a span.icono_raya:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); position: relative; top: 4px; left: 9px; } #boton_cerrar_desplegable a span.icono_raya:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: relative; top: -5px; left: 9px; } #boton_cerrar_desplegable a:hover span.icono_raya { background: #afafae; } /* ------------------------- FIN MENÚ PRINCIPAL -------------------------- */ /* --------------------------------- IDs --------------------------------- */ /* ---------- COOKIES ---------- */ #cookies { position: fixed; left: 0; bottom: 0; z-index: 200; width: 100%; text-align: center; font-size:80%; font-weight:300; letter-spacing:.05em; color:#fff; background-color: rgba(100, 100, 100, 0.95); /*border: outset; border-color:red; border:5px solid red;*/ padding:1em !important; } #cookies a { font-weight: 600; color: #ffffff !important; } #cookies a:hover { color: #62d0fe !important; } #cookies .boton_cookies { clear: both; color: #333; font-weight: 400; padding: .2em !important; margin: .3em auto 0em auto; min-width: 2em; width: 10em; background: rgba(255,255,255,1); background: -moz-linear-gradient(rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), color-stop(0.47, rgba(246,246,246,1)), to(rgba(237,237,237,1))); background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background: linear-gradient(rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 ); border: 1px solid #a6a6a6; cursor:pointer; } #cookies .boton_cookies:hover { background: rgba(255,255,255,1); background: -moz-linear-gradient(rgba(255,255,255,1) 0%, rgba(225,225,225,1) 47%, rgba(200,200,200,1) 100%); background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(225,225,225,.9) 47%, rgba(200,200,200,1) 100%); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255,255,255,1)), color-stop(0.47, rgba(225,225,225,1)), to(rgba(200,200,200,1))); background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(225,225,225,1) 47%, rgba(200,200,200,1) 100%); background: linear-gradient(rgba(255,255,255,1) 0%, rgba(225,225,225,1) 47%, rgba(200,200,200,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0 ); border: 1px solid #666; cursor:pointer; } /* ---------- BARRA SUPERIOR (HEADER) ---------- */ #header_barra_sup { float: right; /*overflow: hidden;*/ width: 100%; height: auto; font-size: 1em; padding-right: 1em; margin-top:1em; } #header_barra_sup a { color: #ccc; } /* ---------- IDIOMAS ---------- */ #header_barra_sup nav#idiomas ul li.elegido a { color: #fff; background-color: #034387; } #header_barra_sup a img { width: 1em; } #header_barra_sup nav#idiomas { float: left; display: inline-block; color: #999; } #header_barra_sup nav#idiomas ul { padding: 0; margin: 0; margin-right: 1.0em; } #header_barra_sup nav#idiomas ul li { display: inline-block; margin-left: 0; margin-right: .5em; } #header_barra_sup nav#idiomas ul li a { color: #000; font-size: .70em; background-color: #ddd; display: block; width: 29px; height: 29px; margin-top: 4px; padding: .4em .5em .5em .3em; border-radius:15%; } #header_barra_sup nav#idiomas ul li a:hover { background-color: #aaa; } /* ---------- ZONA PRIVADA ---------- */ #header_barra_sup #zonaprivada { float:right; position:relative; padding:0; margin:0; } #header_barra_sup #acceso_zonaprivada, #header_barra_sup #acceso_zonaprivada_conectado { float:right; display: inline-block; min-width:1.8em; width:auto; height:1.8em; padding:0; margin:0; margin-left:.5em; cursor:pointer; } #header_barra_sup #acceso_zonaprivada img, #header_barra_sup #acceso_zonaprivada_conectado img { float:left; display: inline-block; padding:.3em; width:inherit; } #header_barra_sup #acceso_zonaprivada span, #header_barra_sup #acceso_zonaprivada_conectado span { float: right; padding: .5em 0em .5em .2em; margin: 0; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 85%; font-weight: 500; color: #007caf; } #header_barra_sup #zonaprivada #ventana_zonaprivada, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado { display:block; position:absolute; top:1.8em; right:0; float:left; width:16em; min-height:5em; height:auto; padding: 0 1em .5em 1em !important; margin: 0; /*border-top: 5px solid #e31119;*/ border-top: 5px solid #007caf; color: #969799; background: #f3f3f4; -webkit-box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.5); -moz-box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.5); box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.5); z-index:100; } #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado p.txt_zonapriv { clear:both; width:100%; height:1.7em; font-weight:100; font-size:75%; } #header_barra_sup #zonaprivada #ventana_zonaprivada h3, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado h3 { /*color:#e31119;*/ text-align:center; color:#007caf; font-size:110%; font-weight:400 !important; margin-bottom: 1em; margin-top: .5em; } #header_barra_sup #zonaprivada #ventana_zonaprivada h3 span.txt_txiki, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado h3 span.txt_txiki { font-size:80%; } #header_barra_sup #zonaprivada #ventana_zonaprivada h4, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado h4 { /*font-family: 'Fira Sans', sans-serif;*/ font-size:110%; font-weight:500 !important; font-style:italic; color:#333; padding-top:0; margin-top:-.4em; text-align: center; } #header_barra_sup #zonaprivada #ventana_zonaprivada p, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado p { float:left; padding:.5em .9em .5em .2em; margin:0; /*font-family: 'Fira Sans', sans-serif;*/ font-size:80%; font-weight:300; font-style:italic; color:#969799; } #header_barra_sup #zonaprivada #ventana_zonaprivada p.txt_txiki, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado p.txt_txiki { font-size:70%; } #header_barra_sup #zonaprivada #ventana_zonaprivada p a, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado p a { color:#969799; } #header_barra_sup #zonaprivada #ventana_zonaprivada p a:hover, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado p a:hover { color:#666666; } #header_barra_sup #zonaprivada #ventana_zonaprivada p a .txt_rojo, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado p a .txt_rojo { color:#e31119; } #header_barra_sup #zonaprivada #ventana_zonaprivada p a .txt_rojo:hover, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado p a .txt_rojo:hover { /*color:#b2040b;*/ color:#016994; } #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado ul#opciones_zonaprivada { /*font-family: 'Fira Sans', sans-serif;*/ font-size:80%; font-weight:300; font-style:italic; color:#666; list-style:none; padding:0; margin:0; margin-top:1.2em; margin-bottom:.8em; margin-left:.7em; } #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado ul#opciones_zonaprivada li { width:100%; min-height:1.6em; height:auto; background: url('images_css/flecha_opzonaprivada.png') no-repeat left .4em top .3em; margin-bottom:.1em; } #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado ul#opciones_zonaprivada li a { display:block; width:100%; min-height:1.6em; height:auto; padding-left:1.7em; color: #666; } #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado ul#opciones_zonaprivada li a:hover { /*color:#e31119;*/ color:#007caf; background:rgba(0,0,0,0.07); } /* ---------- NO TE LO PIERDAS ---------- */ #header_barra_sup #notelopierdas { /*float:right; position:relative; padding:0; margin:0;*/ clear:both; float:right; position:relative; padding:0; margin:0; z-index:99; } #header_barra_sup #notelopierdas #acceso_notelopierdas { float:left; display:inline-block; width:auto; height:1.8em; padding:0; margin:0 .5em .5em .5em; cursor:pointer; /*background:#e31119;*/ background:#007caf; } #header_barra_sup #notelopierdas #acceso_notelopierdas img { float:left; display: inline-block; padding:.18em .2em .18em .6em; width:inherit; } @keyframes blink { 50% { opacity: 0.0; } } @-webkit-keyframes blink { 50% { opacity: 0.0; } } @-moz-keyframes blink { 50% { opacity: 0.0; } } @-o-keyframes blink { 50% { opacity: 0.0; } } .blink { -webkit-animation: blink 1s step-start infinite; -moz-animation: blink 1s step-start infinite; -ms-animation: blink 1s step-start infinite; -o-animation: blink 1s step-start infinite; animation: blink 1s step-start infinite; padding:0; margin:0; } #header_barra_sup #notelopierdas #acceso_notelopierdas span { float:left; padding:.5em .9em .5em .2em; margin:0; /*font-family: 'Fira Sans', sans-serif;*/ font-size:80%; font-weight:300; font-style:italic; color:#fff; } #header_barra_sup #notelopierdas #ventana_notelopierdas { display:block; position:absolute; top:1.8em; right:0; float:left; width:27.2em; min-height:5em; height:auto; padding:1em; margin:0; /*border-top:5px solid #e31119;*/ border-top:5px solid #007caf; color:#969799; background:#f3f3f4; -webkit-box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.7); -moz-box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.7); box-shadow: 0px 10px 25px -5px rgba(0,0,0,0.7); z-index:100; } #ventana_notelopierdas #ventana_notelopierdas_izq { float:left; width:50%; height:auto; padding:0 .5em .5em .5em !important; text-align:center; color:#969799; font-size:100%; font-weight:bold !important; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenatras { position:relative; top:0; left:0; width:10%; width:35px; height:27px; padding:0; margin:0; margin-top:20px; text-align:center; z-index:110; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenatras a { display:block; width:35px; height:27px; padding:0; margin:0; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenatras a span { position:relative; right:0; width:10%; width:35px; height:27px; line-height:27px; padding:0; margin:0; font-size:120%; font-weight:600; color:#969799; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenatras a:hover span { color:#e2001a; text-decoration:none; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenadelante { position:relative; top:-45px; left:90%; width:10%; width:35px; height:27px; padding:0; margin:0; margin-top:20px; text-align:left; z-index:110; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenadelante a { display:block; width:35px; height:27px; padding:0; margin:0; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenadelante a span { /*display:block;*/ position:relative; /*top:-27px;*/ right:0; width:auto; height:27px; line-height:27px; padding:0; margin:0; font-size:120%; font-weight:600; color:#969799; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenadelante a:hover span { color:#e2001a; text-decoration:none; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario { position:relative; top:-90px; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario h3 { float:left; width:100%; color:#969799; font-size:100%; font-weight:bold !important; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table { margin:0 auto; text-align:center; font-weight:bold !important; font-size:85%; border-collapse:separate; border-spacing:1px; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table th, #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table td { text-align:center; color:#969799; width:30px; height:22px; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table td { position:relative; color:#969799; padding:0; width:2.2em; height:1.69em; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table td.dia_rojo { /*color:#e31119;*/ color:#007caf; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table td.dia_activo a { position:absolute; top:0; left:0; color:#fff; /*background:#e31119;*/ background:#007caf; width:100%; height:1.69em; padding-top:.14em; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table td.dia_activo a:hover { color:#fff; background:#b2040b; } #ventana_notelopierdas #ventana_notelopierdas_izq #calendario table th { background:#969799; font-size:70%; color:#fff; } #ventana_notelopierdas #ventana_notelopierdas_dcha { float:left; width:47.5%; height:auto; margin-top:.5em; margin-bottom:.5em; margin-right:2.5%; font-size:80%; } #ventana_notelopierdas #ventana_notelopierdas_dcha article { float:left; width:100%; height:auto; padding-top:.8em; padding-bottom:.8em; /*padding:.8em;*/ border-bottom: 1px solid #969799; } #ventana_notelopierdas #ventana_notelopierdas_dcha a article { color:#969799; } #ventana_notelopierdas #ventana_notelopierdas_dcha a article:hover { background:rgba(0,0,0,0.08); } #ventana_notelopierdas #ventana_notelopierdas_dcha a article h3 { color:#969799; } #ventana_notelopierdas #ventana_notelopierdas_dcha a article:hover h3 { color:#666; } /* ------------ WEB ANTERIOR ------------ */ #header_barra_sup #webanterior { float: right; position: relative; height: 1.8em; padding: 0; margin: 0; margin-top: .2em; margin-right: 1em; margin-bottom: 1em; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 80%; font-weight: 300; font-style: italic; color: #666; } #header_barra_sup #webanterior a { color: #666; } #header_barra_sup #webanterior a span { display: inline-block; margin-top: .2em; } #header_barra_sup #webanterior img { float: left; display: inline-block; padding: .18em .3em .18em .3em; width: inherit; height: auto; vertical-align: middle; } /* ---------- REDES SOCIALES (HEADER) ---------- */ #header_barra_sup nav#redes_header { float: left; margin-left:1em; display:none; } #header_barra_sup nav#redes_header ul { padding: 0; margin: 0; } #header_barra_sup nav#redes_header ul li { display: inline-block; margin-left: .5em; } #header_barra_sup nav#redes_header ul li a img { height: 1.2em; width: auto; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #header_barra_sup nav#redes_header ul li a:hover img { -webkit-transform: translate(0,-.2em); -moz-transform: translate(0,-.2em); -ms-transform: translate(0,-.2em); -o-transform: translate(0,-.2em); transform: translate(0,-.2em); } /* ----------- LOGOTIPO AYUNTAMIENTO ----------- */ #header_barra_sup #logo_cabecera { display:none; } #header_barra_inf #logo_cabecera_movil { display: inline-block; float: right; margin-top: 1.9em; width: 12.7em; } header #header_barra_inf #logo_cabecera_movil figure { float:right !important; width:100%; height:auto; } header #header_barra_inf #logo_cabecera_movil figure img { float: right; width: 80%; margin-top: 0; } /* ---------- BARRA INFERIOR (HEADER) ---------- */ #header_barra_inf { position:relative; top:0em; margin-bottom:-2em; float: left; width: 100%; min-height: 2em; margin-top: 1em; } #header_barra_inf.fixed { /* En MOVIL no pasa nada!! */ } header #header_barra_inf figure, header #header_barra_inf figure img { -webkit-transition: all .1s linear; -moz-transition: all .1s linear; -ms-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; transition-property: left top; } #header_barra_inf nav#redes_header_movil { position:relative; /*top:4.5em;*/ top:3.7em; float: right; display:inline-block; width:auto; padding: 0; margin: 0; color: #ccc; } #header_barra_inf nav#redes_header_movil ul { padding: 0; margin: 0; } #header_barra_inf nav#redes_header_movil ul li { display: inline-block; margin-left: .5em; } #header_barra_inf nav#redes_header_movil ul li a img { height: 1.2em; width: auto; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #header_barra_inf nav#redes_header_movil ul li a:hover img { -webkit-transform: translate(0,-.2em); -moz-transform: translate(0,-.2em); -ms-transform: translate(0,-.2em); -o-transform: translate(0,-.2em); transform: translate(0,-.2em); } /* ---------- SLIDER DESTACADOS ---------- */ #slider { float:left; width: 100%; height:auto; margin-top:1em; padding: 0 !important; padding-bottom:12px !important; background-size:100% 12px; } #slider img { width: 100%; } .imgsola_destacado { display:block; position:relative; width: 100%; height:auto; overflow: hidden; /*padding-bottom: 45.95% !important;*/ padding-bottom: 41.3% !important; } .imgsola_destacado figure { float:left; position:absolute; width:100%; height:100%; text-align:center; overflow:hidden; } .imgtxt_destacado { display:block; position: relative; width:100%; overflow: hidden; /*padding-bottom: 45.95% !important;*/ padding-bottom: 41.3% !important; /*background:#e31119;*/ background:#007caf; } .imgtxt_destacado .imagendestacado { float:left; position:absolute; width:75%; height:100%; text-align:center; overflow:hidden; } .imgtxt_destacado .imagendestacado figure { float:left; width:100%; height:100%; text-align:center; overflow:hidden; } .imgtxt_destacado .imagendestacado figure img { float:left; width:auto !important; height:100% !important; margin:0; margin-left:-4%; } .imgtxt_destacado .textodestacado { float:right; position:absolute; right:0; width:25%; height:100%; padding:1rem 1.5rem 1.5rem 1.5rem !important; /*font-family: 'Fira Sans', sans-serif;*/ font-size:1.8rem !important; font-weight:100 !important; font-style:italic; line-height:1.2em; color:#fff; } .imgtxt_destacado a .textodestacado { color:rgba(255,255,255,1); } .imgtxt_destacado a:hover .textodestacado { color:rgba(255,255,255,0.8); } #slider iframe { display:block; margin:auto; max-width:100%; width: 100% !important; height: 100% !important; margin-left:0%; z-index: 1; } .video_responsive { display:block; position: relative; width:100%; height:0; overflow: hidden; padding-bottom: 56.5% !important; } .video_responsive_home { display:block; position: relative; width:100%; height:0; overflow: hidden; /*padding-bottom: 45.95% !important;*/ padding-bottom: 41.3% !important; /*background:#e31119;*/ background:#007caf; } .video_responsive iframe, .video_responsive_home iframe { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } .video_responsive .iframedestacadovideo, .video_responsive_home .iframedestacadovideo, .video_responsive .sobrevideo, .video_responsive_home .sobrevideo { float:left; position:absolute; width:75%; height:100%; text-align:center; overflow:hidden; } .video_responsive .iframedestacadovideo iframe, .video_responsive_home .iframedestacadovideo iframe { float:left; min-width:100% !important; width:auto !important; height:100% !important; } .video_responsive .textodestacadovideo, .video_responsive_home .textodestacadovideo { float:right; position:absolute; right:0; width:25%; height:100%; padding:1rem 1.5rem 1.5rem 1.5rem !important; /*font-family: 'Fira Sans', sans-serif;*/ font-size:1.8rem !important; font-weight:100 !important; font-style:italic; line-height:1.2em; } .video_responsive a .textodestacadovideo, .video_responsive_home a .textodestacadovideo { color:rgba(255,255,255,1); } .video_responsive a:hover .textodestacadovideo, .video_responsive_home a:hover .textodestacadovideo { color:rgba(255,255,255,0.8); } #botonera_slider { clear: both; float: left; margin-left: 2.7em; position: relative; margin-top: -2.5em; width: 100%; text-align: center; max-width: 90%; background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 39%, rgba(0,0,0,0.5) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(39%, rgba(0,0,0,0.5)), color-stop(100%, rgba(0,0,0,0.5))); background: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 39%, rgba(0,0,0,0.5) 100%); background: -ms-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 39%, rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=1 ); z-index: 25; } #botonera_slider a img { width: inherit !important; padding:4px 0 4px 0; margin: 0 2px 0 2px; margin: 0; } /* ---------- SECCIONES ---------- */ #seccion1, #seccion2 { display:block; padding-top: 1em !important; } #seccion1 { position: relative; overflow: hidden; /*border: 1px solid rgba(0,0,0,.1);*/ padding: 1em 0 !important; } #seccion1:before { content: ""; position:absolute; width: 200%; height: 200%; top: -50%; left: -50%; /*background: url('images_css/fondo_actualidad_home.png') top left repeat; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -o-transform: rotate(-15deg); transform: rotate(-15deg);*/ } #seccion1 .row { width:100%; margin-bottom: 0em !important; background:none; } #seccion2 { width:102.8%; } #seccion2 .row { width:100%; } #seccion2 article { padding:0; padding-right:1em; margin:0; margin-bottom:1em; border-bottom:none !important; } #seccion2 article a { width:100%; padding: 0; margin: 0; margin-bottom:2em; border: none; color: #666; overflow:hidden; } #seccion2 article:hover a { color: #000; background:none; } #seccion2 article a figure { padding: 0 !important; margin: 0 !important; } main section#seccion2 article figure { width: 100% !important; } #seccion2 article a figure img { width: 100% !important; padding: 0; margin: 0; } #seccion3 { width:100%; margin-top: 2em !important; } #seccion3 .row { float:left; margin:0 auto; text-align:center; } #seccion3 .row article { /*display:inline-block; width:28%; min-width:154px; padding:0; margin: 0 .5em 1.5em .5em; border-bottom:none !important; text-align:center;*/ display: inline-block; width: 35%; min-width: 154px; padding: 0; margin: 0 .5em 2.5em .5em; border-bottom: none !important; text-align: center; } #seccion3 article a { width:100%; padding: 0; margin: 0; margin-bottom:2em; border: none; color: #666; overflow:hidden !important; text-align:center !important; } #seccion3 article a:hover { width:100%; padding: 0; margin: 0; margin-bottom:2em; border: none; color: #000; background:none; overflow:hidden !important; text-align:center !important; } #seccion3 .row article .encabezadohome { position:relative; float:left; width:100%; /*height:4em;*/ padding:0; margin:0; color:#000; background:#fff; text-align:center; } #seccion3 .row article .encabezadohome .tituhome_linea_gris { position:absolute; bottom:2.2em; width:100%; height: 2px; text-align:center; background:#ccc; padding:0; margin:0; z-index:1; } #seccion3 .row article:hover a .encabezadohome .tituhome_linea_gris { /*background:#e31119;*/ background:#007caf; } #seccion3 .row article .encabezadohome h3 { float: none; display: inline-block; min-width: 1em; width: auto; height: inherit; padding: 0; padding-top: 10%; margin: 0 auto !important; background: #fff; color: #273583; font-size: 80%; font-weight: 400; z-index: 2; } #seccion3 .row article:hover a .encabezadohome h3 { color:#000; } #seccion3 article a figure { padding: 0 !important; margin: 0 !important; position:relative; z-index:3; } main section#seccion3 article figure, main section#seccion3 article a figure { width: 100% !important; margin: 0 auto !important; text-align:center; } main section#seccion3 article figure img, main section#seccion3 article a figure img { clear:both; width: 60% !important; padding: 0; margin: 0 20%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } main section#seccion3 article:hover figure img, main section#seccion3 article:hover a figure img { clear:both; width: 60% !important; padding: 0; margin: 0 20%; /*-webkit-transform: rotate(-360deg); -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); transform: rotate(-360deg);*/ } #seccion3 article:hover a figure img.no_rotar { clear:both; width: 100% !important; padding: 0; margin: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } /* --------- BOTÓN "REALIZAR APORTACIÓN" ------- */ #boton_aportacion { clear: both; width: 100%; min-height: 1em; height: auto; background: #007caf; color: #fff; text-align: center; font-size: 150%; font-weight: 300; padding: .3em !important; margin-bottom: .7em; cursor: pointer; } #boton_aportacion:hover { background: #016994; } /* -------- BÚSQUEDAS: TÍTULO TAXONOMÍAS ------- */ h3.titu_taxos { float:left; clear:both; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 140%; font-style:italic; color:#007caf; margin-top:0em; margin-bottom:.5em; } /* --- AVISO LEGAL, PRIVACIDAD, ACCESIBILIDAD -- */ h4.titu_item { width:100%; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 130%; font-style:italic; color:#007caf; margin-top:1.2em; margin-bottom:.8em; } h4.titu_item.titu_txiki { font-size:105%; } #navegador_horizontal { width:100%; text-align:center; padding:0; margin:0; margin-top:2em; } #navegador_horizontal ul { padding:0; margin:0; list-style:none; } #navegador_horizontal ul li { display:inline-block; padding:0; margin:0; padding-left:1em; padding-right:1em; } #navegador_horizontal ul li.conbordes { border-left:1px solid rgba(0,0,0,0.1); border-right:1px solid rgba(0,0,0,0.1); } /* ---------- NAVEGADOR GALERÍA FOTOS ---------- */ #numerofotos { text-align: center; padding-right: 0 !important; width: 4em; margin:0 3em; color:#fff; position:relative; z-index:90; } div#numerofotos { float:right; margin-top: -1.5em !important; } #ant-sig { float:right; width: 100%; height:1.6em; margin:0; background:#004588; overflow: hidden; position:relative; z-index:10; } #botones_centrados { /*width: 22%;*/ float:right; width: 10em; height:1.6em; margin: 0 auto; padding:0 .5em !important; } .bot_ant { display: block; background-image:url(images_css/foto_anterior.png); background-repeat:no-repeat; background-position-y:-.3em; height:45px; width:45px; float:left; } .bot_ant_des { display:block; margin-right: 2em; background-image:url(images_css/foto_anterior_des.png); background-position-y:-.3em; } .bot_sig { display:block; background-image:url(images_css/foto_siguiente.png); background-repeat:no-repeat; background-position-y:-.3em; height:45px; width:45px; float:right; } a.bot_ant, a.bot_sig { -webkit-transition: background-image 0.3s ease-in-out; -moz-transition: background-image 0.3s ease-in-out; -ms-transition: background-image 0.3s ease-in-out; -o-transition: background-image 0.3s ease-in-out; transition: background-image 0.3s ease-in-out; } a.bot_ant:hover, a.bot_sig:hover { background-size:95%; background-position-y:-.23em; } .bot_sig_des { display:block; margin-left: 2em; background-image:url(images_css/foto_siguiente_des.png); background-position-y:-.3em; } /* ---------- Estilos NODOS: PÁGINAS ----------- */ #pagina { margin-top: 2em; /*box-shadow: inset -8px 0 14px -5px #cccccc;*/ } #pagina h2 { margin-top: 0em; margin-bottom: 0em; padding: .75em 3em .75em 25px; background-color: #f3f3f3; color: #333; /*box-shadow: inset -8px 0 14px -5px #cccccc;*/ } #pagina p { color: #6d6d6d; } #pagina ol { margin-bottom: 1em; } #pagina ul { margin-bottom: 1em; } #pagina li { margin-bottom:.5em; } #pagina table { margin-bottom: 1em; } #pagina table th,td { padding:.5em; } /* ---- Estilos NODOS: NOTICIAS, DOCUMENTOS ---- */ #listado { /*box-shadow: inset -8px 0 14px -5px #cccccc;*/ color: #6d6d6d; margin-top: 1.5em; } #listado h2 { margin-top: 0; /*box-shadow: inset -8px 0 14px -5px #cccccc;*/ } #nodo { /*box-shadow: inset -8px 0 14px -5px #cccccc;*/ color: #6d6d6d; color: #333; margin-top: 1.5em; } #nodo h2, #listado h2 { margin-top: 1em !important; /*box-shadow: inset -8px 0 14px -5px #cccccc;*/ } #nodo h4 .total_comentarios { float:right; font-size:75%; font-weight:600; margin-right:.2em; padding-top:2px; color:#000; } #nodo article { height:auto; border-bottom: 0; } #nodo section article { width: 100%; padding: 1em; margin: 0 auto; margin-bottom:.5em; overflow: hidden; background:#f3f3f3; /*border-bottom: 1px solid #c5c5c5;*/ } #nodo section article .resumen { font-style:normal !important; color:#000 !important; } #nodo .fecha_agenda { float:left; width:2.2em; height: inherit; margin-right:1em; text-align:center; color:#fff; cursor:context-menu; cursor:help; } #nodo .mes_agenda { font-size:80%; /*background:#e31119;*/ background:#007caf; margin-bottom:1px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; /*border: 0px solid #e31119;*/ border: 0px solid #007caf; } #nodo .dia_agenda { font-size:150%; /*background: #e31119;*/ background: #007caf; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; /*border: 0px solid #e31119;*/ border: 0px solid #007caf; width:100%; padding:.5em; margin:0; line-height:1.2em; } #nodo .contenido_agenda { height: inherit; overflow: hidden; margin-bottom:1.5em; } #nodo .contenido_agenda .antetitulo { width:100%; margin-top:.1em; } #nodo .contenido_agenda h3.titulo { width:100%; /*font-family: 'Fira Sans', sans-serif; font-size: 90%; font-style: italic; font-weight: 400; line-height:1.3em;*/ padding: 0; margin: 0; } #contenido { padding-left: 10px !important; /*font-family: 'Fira Sans', sans-serif;*/ font-size:80%; font-weight:400; color:#000; } #contenido embed { width:100%; } #contenido iframe { display:block; width:100%; padding:0; margin:0; border:1px solid rgba(0,0,0,0.2); } #mas h2 { margin-top: .7em; margin-bottom: 0 !important; padding: 0em; padding-bottom: .07em; font-size: 130%; font-weight: 300; color: #273583; /* background: rgba(0,0,0,0.2); */ border-bottom: 2px solid #273583; } #mas article { padding: 1em; } #mas article figure { /*clear:both; width: 100%; margin-top:0; margin-bottom:.3em;*/ float:left; width: 25%; margin-top:0; margin-right:.8em; } #mas article figure img { width: 100%; padding: 0; margin: 0 !important; } #lista_documentos { /*font-family: 'Fira Sans', sans-serif;*/ font-size:90%; font-weight:500; font-style:italic; } a[data-flickr-embed='true'] img { width:100% !important; height:auto !important; } ul.ul_botones { width: auto; padding: 0px; margin: auto; text-align: center; } ul.ul_botones li { display: inline; text-decoration: none; padding: 0px; margin: 0px; margin-right: .5em; } ul.ul_botones li a { display: inline-block; padding: 5px 10px; color: #fff; background: #969799; text-decoration: none; margin: 0px; margin-right: .5em; } ul.ul_botones li a.boton_rojo { background: #b2040b; } ul.ul_botones li a:hover { background: #007caf; } /* -------- Estilos NODOS: PERSONAS -------- */ #fotografias { float:left; width:100%; min-height:.1em; height: inherit; margin-right:1em; color:#fff; } #fotografias_persona { float:left; width:10em; min-height:.1em; height: inherit; margin-right:1em; text-align:center; color:#fff; } .ilustracion_persona { float:left; width:10em; height: inherit; margin-right:1em; text-align:center; color:#fff; } .contenido_persona { height: inherit; overflow: hidden; } .contenido_persona #contenido { padding-left:0 !important; } #redes_sigueme_persona { clear:both; width:100%; text-align:right; margin-top: 0; margin-bottom: 1em; height: 2em; color:#999; font-style:italic; } #redes_sigueme_persona ul { list-style:none; padding: 0; margin: 0; } #redes_sigueme_persona ul li { display: inline-block; margin-left: .7em; } #redes_sigueme_persona ul li a img { height: 1.6em; width: auto; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } #redes_sigueme_persona ul li:hover img { -webkit-transform: translate(0,-.2em); -moz-transform: translate(0,-.2em); -ms-transform: translate(0,-.2em); -o-transform: translate(0,-.2em); transform: translate(0,-.2em); } .boton_compartir { float:left; width:auto; height:1em; } .boton_compartir p { float:left; margin-top:-.4em; /*font-family: 'Fira Sans', sans-serif;*/ font-size:90%; font-weight:400; font-style:italic; letter-spacing:.03em; color:#007caf; cursor:pointer; /*-webkit-transition:all .5s ease, display 0s .4s; /* Safari y Chrome */ /*-moz-transition:all .5s ease, display 0s .4s; /* Firefox */ /*-o-transition:all .5s ease, display 0s .4s; /* IE 9 */ /*-ms-transition:all .5s ease, display 0s .4s; /* Opera */ /*visibility:visible; opacity:1;*/ } /*.boton_compartir:hover p { visibility:hidden; opacity:0; }*/ .boton_compartir p img { width:1.1em; margin-top: -.2em; } .cabecera_persona { padding-top: 1em !important; border-top:2px solid #ccc; padding-bottom: 1em !important; border-bottom:2px solid #ccc; } .contenido_persona h3 { font-size:150%; padding-bottom: 0 !important; } .contenido_persona p.resumen { padding-top: .5em !important; } /* -------- Estilos NODOS: DOCUMENTOS -------- */ .ilustracion_documento { float:left; display:block; width:10em; height: inherit; margin-right:1em; margin-bottom:1em; text-align:center; color:#fff; } /* -------- Estilos NODOS: COMENTARIOS -------- */ #total_comentarios { width:100%; min-height:15px; height:auto; padding:0; padding-top:.5em !important; margin:0; margin-top:1em; } #total_comentarios .titucomentarios { float:left; width:100%; padding-bottom:1em; margin-right:.5em; border-bottom:3px solid #000; } #total_comentarios .titucomentarios img { float:left; margin-right:.5em; margin-bottom:.2em; } #total_comentarios .titucomentarios h3 { float:left; padding-top:.4em; margin:0; } #total_comentarios .titucomentarios h3 span { display:inline-block; font-size:90%; min-height:25px; cursor:pointer; color:#666; width:auto; margin-left:.7em; padding-left:1em; border-left:1px solid #919191; } #total_comentarios .titucomentarios h3 span:hover, #total_comentarios .titucomentarios h3 span:hover span.txt_txiki { color:#000; } #total_comentarios .titucomentarios h3 span.vercomentarios span.txt_txiki { font-size:75%; border-left:0; margin-left:0em; padding-left:0em; } #total_comentarios .titucomentarios h3 span img { float:right; padding:0; margin:0; margin-top:.35em; } #total_comentarios .titucomentarios h3 span.vercomentarios img.volteado { -webkit-transform: scale(1,-1); -moz-transform: scale(1,-1); -ms-transform: scale(1,-1); -o-transform: scale(1,-1); transform: scale(1,-1); } .verde, a .enlaceemail { color:#3f6bb5; } a:hover .enlaceemail { color:#000000; } #comentarios { float:left; display:none; width:100%; height:auto; padding:0; margin:0; padding-bottom:10px; } #comentarios h3 { width:100%; padding-top:1em; margin-top:0; border-bottom:3px solid #000; } .comentario_item { float:left; width:100%; padding:.7em 1em .5em 1em !important; margin:0; margin-top:10px; font-size:90%; border:1px solid rgba(0,0,0,0.08); background:rgba(0,0,0,0.05); } .comentario_item .fecha { padding:0; margin:0; font-size:85% !important; font-weight:500; line-height:1.2em; margin-bottom:.4em; /*color: #e31119;*/ color: #007caf; } .nombre_comentario { color:#000; font-weight:700; font-size:90%; } .nombre_comentario_admin { color:red; font-weight:700; font-size:90%; } .estado_pendiente { color:red; font-weight:500; } .estado_desactivado { color:red; font-weight:500; } .comentario_item p { clear:both; padding:0; padding-top:.5em; margin:0; color:#666666; color:#333333; /*font-family: 'Fira Sans', sans-serif;*/ font-size:80%; font-weight:200; } /*.....FORMULARIO COMENTARIOS.....*/ .mensaje_ok { display: inline-block; width: 100%; color: #fff; background: green; padding: 1em; margin-top: .5em; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 90%; font-weight: 500; font-style: italic; text-decoration: blink; } .mensaje_errorea { display: inline-block; width: 100%; color: #fff; background: #e31119; padding: 1em; margin-top: .5em; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 90%; font-weight: 500; font-style: italic; text-decoration: blink; } /* -------------- ZONA NAVEGACIÓN -------------- */ #zona_navegacion { clear:both; color: #000; text-align: center; position:relative; top:1em; margin-bottom:2em; margin-top: 1.5em; } #navegacion_listado { display: inline-block; width:auto; height:auto; margin:0 auto; padding:0 !important; padding-top:0.5em; } #navegacion_listado a { display: inline-block; width: 45px; height: 45px; } #navegacion_listado a span { font-size: 110%; position: relative; top: 5px; margin: 0 .5em; } #navegacion_listado a.enlace_primera span, #navegacion_listado a.enlace_ultima span { font-size: 200%; position: relative; top: -12px; margin: 0; } #navegacion_listado a.enlace_primera span { position: relative; top: -13px; } .enlace_primera { float:left; background-image:url(images_css/bot_navegador.png); background-repeat:no-repeat; height:45px; width:45px; margin-right: .5em; } .enlace_ultima { float:right; background-image:url(images_css/bot_navegador.png); background-repeat:no-repeat; height:45px; width:45px; margin-left: .5em; } .enlace_pagina { background-image:url(images_css/bot_navegador.png); background-repeat:no-repeat; height:45px; width:45px; margin: 0 .5em; } #navegacion_listado a:hover { background-image:url(images_css/bot_navegador_over.png); background-repeat:no-repeat; } #navegacion_listado a.pag_activa { background-image:url(images_css/bot_navegador_activo.png); background-repeat:no-repeat; color: #fff; font-weight: bold; } #navegacion_listado span.puntos-suspensivos { display: inline-block; font-size: 200%; color: #999; margin: 0; margin-top: -20px; } .enlace_anteriores { float:left; background-image:url(images_css/anterior.png); background-repeat:no-repeat; height:45px; width:45px; } a.enlace_anteriores { opacity: 1.0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.enlace_anteriores:hover { -webkit-transform: translate(-.5em,0); -moz-transform: translate(-.5em,0); -ms-transform: translate(-.5em,0); -o-transform: translate(-.5em,0); transform: translate(-.5em,0); } .enlace_anteriores_desac { float:left; background-image:url(images_css/anterior_des.png); background-repeat:no-repeat; height:45px; width:45px; } .enlace_siguientes { float:right; background-image:url(images_css/siguiente.png); background-repeat:no-repeat; height:45px; width:45px; } a.enlace_siguientes { opacity: 1.0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.enlace_siguientes:hover { -webkit-transform: translate(.5em,0); -moz-transform: translate(.5em,0); -ms-transform: translate(.5em,0); -o-transform: translate(.5em,0); transform: translate(.5em,0); } .enlace_siguientes_desac { float:right; background-image:url(images_css/siguiente_des.png); background-repeat:no-repeat; height:45px; width:45px; } .totalpag { font-weight:bolder; font-size:110%; padding:0.2em 0.2em 0.2em 0em; color: #007caf; } /* ------------------------------- FIN IDs ------------------------------- */ /* ------------------------------- CLASES -------------------------------- */ .extras { clear:both; border-top: 1px dotted #004588; border-bottom: 1px dotted #004588; padding: .5em 0 .3em 0 !important; margin: 2em 0; } #eventosdest figure { float: left; width: 100%; } #eventodest_columna_dcha { float: left; width: 100%; } #eventosdest .extras { width: 100%; border-top: 1px dotted #004588; border-bottom: 1px dotted #004588; padding: .3em 0 .3em 0 !important; margin: .5em 0 0 0; } .extras_listado { float:left; background:#f3f3f3; width:63%; padding: .5em .5em .3em .5em !important; margin: 0; margin-top: .2em; } .extras a, .extras_listado a { color: #0007caf; } .extras ul, .extras_listado ul { list-style: none !important; padding: 0; margin-bottom: 0; } .extras ul li, .extras_listado ul li { margin-bottom: .5em; } #eventosdest .extras ul { text-align: center; } #eventosdest .extras ul li { display: inline-block; margin-right:1em; margin-left:1em; font-size:80%; } .extras ul li a img, .extras_listado ul li a img { vertical-align:central; margin-right:.5em; padding-left:.5em; } #eventosdest .extras ul li a img { width: 1.7em; height: auto; } .extras ul li a span, .extras_listado ul li a span { position:relative; top:.2em; } .extras ul li a img, .extras_listado ul li a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .extras ul li a:hover img, .extras_listado ul li a:hover img { -webkit-transform: translate(-.5em,0); -moz-transform: translate(-.5em,0); -ms-transform: translate(-.5em,0); -o-transform: translate(-.5em,0); transform: translate(-.5em,0); } .volver { clear:both; /*padding: .5em 0 1em !important;*/ margin:1em; margin-top:0; display:none; } .volver_margenizq { margin-left:0; } .imprimir { clear:both; /*padding: .5em 0 1em !important;*/ margin:1em; margin-top:0; } .volver a, .imprimir a { color: #007caf; } .volver a img { /*vertical-align:middle;*/ height:31px; padding:0; margin:0; } .imprimir a img { /*vertical-align:middle; height:40px;*/ padding:0; margin:0; } .volver a img, .imprimir a img { opacity: 1.0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .volver a:hover img, .imprimir a:hover img { -webkit-transform: translate(-.5em,0); -moz-transform: translate(-.5em,0); -ms-transform: translate(-.5em,0); -o-transform: translate(-.5em,0); transform: translate(-.5em,0); } .volver a span, .imprimir a span { display:inline-block; float:none; height:45px; padding-left: .3em !important; position:relative; top: .05em !important; } .elegido { /*border-bottom: 1px solid #007caf;*/ } .encabezadohome { float:left; width:100%; min-height:.5em; height:auto; padding:.5em .8em 0 .8em; margin-bottom:.5em; color:#000; /*background:#fff;*/ text-align:center; } .encabezadohome h2 { clear: both; min-width: 1em; width: auto; padding: 0 .45em 0 .45em; margin: 0 auto !important; font-size: 300%; font-weight: 200; letter-spacing: .05em; color: #273583; } .encabezadohome h2 a { color: #273583; } .encabezadohome .tituhome_linea img { float:none; display:inline-block; position:relative; top:-1.2em; padding:0 .45em; width:auto; margin:0 auto !important; min-width:1em; z-index:2; } .encabezadohome .tituhome_linea { float:left; width:100%; height: 2px; text-align: center; /*background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); background-image: linear-gradient(to right, #fff, #e31119, #fff); background-image: linear-gradient(to right, #fff, #007caf, #fff);*/ /*background:#e31119;*/ background: #007caf; padding:0; margin:0; margin-top:1.2em; z-index:1; } .piehome { clear:both; width:100%; height:4.5em; /*padding:.5em; margin-top:1em; margin-bottom:2em;*/ /*font-family: 'Fira Sans', sans-serif;*/ font-weight:500; font-style:italic; text-align:center; display:none; } .piehome p.boton_leermas { float: right; margin: 1em auto; margin-right: .5em; -webkit-transition: background-image 0.3s ease-in-out; -moz-transition: background-image 0.3s ease-in-out; -ms-transition: background-image 0.3s ease-in-out; -o-transition: background-image 0.3s ease-in-out; transition: background-image 0.3s ease-in-out; } .piehome p.boton_leermas a { /* display: inline-block; */ /* width: 10%; */ /* height: 2em; */ padding-left: 3em; /* padding-top: .4em; */ /* margin-top: 1.5em; */ color: #007caf; background: url(images_css/icono_home_mas.png) no-repeat; background-size: auto 100%; background-position: 1em 0em; position: relative; /* left: -1.6em; */ font-size: 120%; font-weight: 400; } .piehome p.boton_leermas a:hover { color:#016994; background:url("images_css/icono_home_mas_over.png") no-repeat; background-size:auto 100%; background-position: 1.5em 0em; } .encabezado { float:left; width:100%; min-height:.5em; height:auto; padding:0.5em 0.8em; margin-bottom: 1.5em; margin-top: .5em; color: #273583; font-weight:300; text-align:center; border-bottom:2px solid #273583; } .encabezado h2 { float:none; display:inline-block; padding:0 .45em; width:auto; margin:0 auto !important; min-width:1em; z-index:2; font-size: 180%; font-weight: 300; } .encabezado .titu_linea { float:left; width:100%; height: 2px; text-align: center; background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0)); /*background-image: linear-gradient(to right, #e31119, #fff, #e31119);*/ background-image: linear-gradient(to right, #007caf, #fff, #007caf); padding:0; margin:0; margin-top:1.5em; z-index:1; } .encabezado ul.submenu_galeria { clear:both; list-style:none; /*font-family: 'Fira Sans', sans-serif;*/ font-size:90%; font-weight:600; font-style:normal; letter-spacing:.1em; width:auto; max-width:100%; padding:0; margin:0 auto; margin-top:-1em; margin-bottom:.2em; text-align:center; } .encabezado ul.submenu_galeria li { display:inline; margin:0 1em; padding:0; line-height:3.5em; padding-bottom:.3em; } .encabezado ul.submenu_galeria li a { color:#fff; height:3.5em; padding-bottom:.15em; border-bottom:3px solid #fff; } .encabezado ul.submenu_galeria li:hover a, .encabezado ul.submenu_galeria li a:hover { color:rgba(255,255,255,.8); border-bottom:none; cursor:pointer; } .encabezado ul.submenu_galeria li:hover { cursor:pointer; } /* ICONOS DEL SUBMENÚ DE "GALERÍA MULTIMEDIA" */ .encabezado ul.submenu_galeria li.ico_fototeca { height:3em; padding-left:2em; /*background: url("images_css/ico_fototeca.png") no-repeat top .1em left #e31119;*/ background: url("images_css/ico_fototeca.png") no-repeat top .1em left #007caf; } .encabezado ul.submenu_galeria li.ico_videoteca { height:3em; padding-left:2em; background:url("images_css/ico_videoteca.png") no-repeat top .1em left #e31119; } .encabezado ul.submenu_galeria li.ico_audioteca { height:3em; padding-left:2em; /*background: url("images_css/ico_audioteca.png") no-repeat top .1em left #e31119;*/ background: url("images_css/ico_audioteca.png") no-repeat top .1em left #007caf; } ul.submenu_activparlam { clear:both; list-style:none; /*font-family: 'Fira Sans', sans-serif;*/ font-size:80%; font-weight:600; font-style:normal; letter-spacing:.05em; width:auto; max-width:100%; padding:.5em; margin:0 auto; margin-bottom:2px; float:left; position:relative; top:-1.2em; text-align:center; background:#f3f3f3; } ul.submenu_activparlam li { display:inline-block; margin:0 1em; padding:0; line-height:2.0em; padding-bottom:.3em; } ul.submenu_activparlam li a { /*color:#fff;*/ color:#999; height:3.5em; padding-bottom:.15em; border-bottom:3px solid #dedede; } ul.submenu_activparlam li:hover a, ul.submenu_activparlam li a:hover { color:rgba(0,0,0,.8); border-bottom:none; cursor:pointer; } ul.submenu_activparlam li:hover { cursor:pointer; } p.antetitulo { font-size:70% !important; font-weight:900; line-height:1.2em; margin-bottom:.4em; /*color: #e31119; color: #007caf;*/ color: #000; text-transform:uppercase; } p.antetitulo time { font-size:100%; } span.desactivado { display:inline-block; font-size:75% !important; font-weight:600; letter-spacing:.1em; padding:.1em 1em; margin:0; margin-right:.4em; margin-bottom:.2em; color:#fff; background: #e31119; /*text-decoration:blink;*/ } span.margenizq { margin-right:0; margin-bottom:0; margin-left:.4em; } .titulo { font-weight:400; font-size:110%; /*letter-spacing:.05em;*/ /*color: #333;*/ color: #273583; margin: 0; } .titular { padding-bottom: 1em; font-size:150%; } .descripcion { /*font-family: 'Fira Sans', sans-serif;*/ font-size:90%; font-weight:400; font-style:italic; padding:0; margin:0; margin-bottom:1.5em; color: #333; } .resumen { /*font-family: 'Fira Sans', sans-serif;*/ font-size:75%; font-weight:400; font-style:italic; padding:0; margin:0; margin-top:1em; color:#6d6d6d; } .resumenvideo { float:left; width:32.6%; margin-right:1.23em; color:#6d6d6d; } a .resumen, a .resumenvideo { color:#6d6d6d; } a:hover .resumen, a:hover .resumenvideo { color:#000; } .resumenvideo iframe { border:1px solid rgba(0,0,0,0.2); } .clear { clear:both; } .clear0_5em { clear:both; height:.5em; } .clear1_5em { clear:both; height:1.5em; } /* ----------- AGENDA ----------- */ #agenda { float:left; width:100%; } #agenda article { padding:1em .5em; } #agenda .fecha_agenda { float:left; width:2.2em; height: inherit; margin-right:1em; text-align:center; color:#fff; } #agenda .mes_agenda { font-size:80%; /*background: #e31119;*/ background: #007caf; margin-bottom:1px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; /*border: 0px solid #e31119;*/ border: 0px solid #007caf; } #agenda .dia_agenda { font-size:150%; background:#e31119; /*background: #e31119;*/ background: #007caf; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; /*border: 0px solid #e31119;*/ border: 0px solid #007caf; width:100%; padding:.5em; margin:0; line-height:1.2em; } #agenda .contenido_agenda { height: inherit; overflow: hidden; } #agenda .contenido_agenda .antetitulo { width:100%; margin-top:.1em; } #agenda .contenido_agenda h3.titulo { width:100%; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 90%; font-weight: 400; font-style: italic; padding: 0; margin: 0; line-height:1.3em; } #agenda a .contenido_agenda h3.titulo { color:#6d6d6d; } #agenda a:hover .contenido_agenda h3.titulo { color:#000; } /* ---------- NOTICIAS ---------- */ /*.encabezado_noticias { background-image: url("images_css/noticias.png"); background-position: 12px 5px; padding-left:2.5em; }*/ /* --------- DOCUMENTOS --------- */ /*.encabezado_documentos { background-image: url("images_css/documentos.png"); background-position: 10px 7px; padding-left:2.5em; }*/ /* ----------- AGENDA ----------- */ /*.encabezado_agenda { background-image: url("images_css/agenda.png"); background-position: 12px 9px; padding-left:2.5em; }*/ /* ---------- GALERIA ----------- */ /*.encabezado_galeria { background-image: url("images_css/galeria.png"); background-position: 14px 2px; padding-left:2.5em; }*/ /* ------------ BLOG ------------ */ /*.encabezado_blog { background-image: url("images_css/blog.png"); background-position: 17px 10px; padding-left:2.5em; }*/ /* ------------ BLOG ------------ */ /*.encabezado_personas { background-image: url("images_css/personas.png"); background-position: 12px 10px; padding-left:2.5em; }*/ /* ---------- BÚSQUEDA ---------- */ /*.encabezado_busqueda { background-image: url("images_css/busqueda.png"); background-position: 16px 9px; padding-left:2.5em; }*/ /* --------- FORMULARIO --------- */ /*.encabezado_formulario { background-color: #6d6d6d; background-image: url("images_css/formulario.png"); background-position-y: 5px; padding-left:2.5em; }*/ p.formulario_txt { background-color: rgba(0,0,0,0.05); color:#000; margin-top:0.5em; padding:0.7em 1em 0.9em 1em; } .mensaje_error { color:red; /*font-family: 'Fira Sans', sans-serif;*/ font-size:90%; font-weight:100; font-style:italic; } .img_contacto { float:left; width:50%; height:auto; vertical-align: middle; } span.contacto_direccion { float:left; width:50%; margin-top:7%; /*font-family: 'Fira Sans', sans-serif;*/ font-size:85%; font-style:italic; } .mensaje { background: #eeeeee; padding: 1em !important; } /* -------- APORTACIONES -------- */ .txt_autor { color:#007caf; font-weight:700; } .txt_autor_admin { color:#a2c614; font-weight:700; } /* --- FORMULARIO APORTACIÓN ---- */ #datos_aportacion { font-size:80%; background:#f3f3f3; padding:1em 1.5em !important; } form label.label_floatizq { float:left; display:inline-block; min-width:5em; width:auto; } input#foto_aportacion.selectvent { float:left; min-width:5em; width:auto; min-height:1.5em; height:auto; padding:0; padding-right:.5em; color:#a9a9b1; border:1px solid #a9a9a9; } select#tema_aportacion.selectvent { float:left; min-width:5em; width:auto; min-height:1.6em; height:auto; padding:0; padding-right:.5em; padding-left:.5em; } .aportacion_foto_miniatura { float: left; clear: both; width: 100% !important; height: auto; } .aportacion_foto_miniatura img { width: 15em; margin-right: 1em; vertical-align: middle; } /* ----------- LATERAL ---------- */ .lateral { width:100%; padding: 0; margin: auto; margin-top:1.5em; } .lateral h3 { padding-right:.3em; } .lateral figure { float:left; width: 50%; padding-right: .5em; padding-left: .5em; } .lateral figure img { float:left; width: 98.2%; margin: 0 0 .5em 0 !important; } .lateral .resumenvideo { float:left; width: 99.2% !important; width: 99% !important; margin: 0 0 .5em 0 !important; color:#6d6d6d; } .lateral .resumenvideo iframe { float:left; border:1px solid rgba(0,0,0,0.2); margin:0; } aside.lateral { float:left; width:100%; width:101.8%; margin: 3em 0 1em 0; } .lateral article { font-size:80%; } /* ----------- Calendario AGENDA (índice LATERAL) ----------- */ #calendario_agenda { float:none; display:block; width:100% !important; height:auto !important; padding:0 !important; padding-top:.3em !important; padding-bottom:.3em !important; margin:2em auto 0em auto !important; border:1px solid #ccc; } #calendario_agenda #calenatrasagenda { float:left; position:relative; /*width:35px; height:25px;*/ width:70px; height:50px; padding:0; margin:0; text-align:right; z-index:9; } #calendario_agenda #calenatrasagenda a { /*width:35px; height:25px;*/ width:70px; height:50px; padding:0; margin:0; } #calendario_agenda #calenatrasagenda a span { /*width:35px; height:25px; line-height:25px;*/ width:70px; height:50px; line-height:60px; padding:0; margin:0; /*font-size:120%;*/ font-size:240%; font-weight:600; color:#969799; } #calendario_agenda #calenatrasagenda a:hover span { color:#e2001a; text-decoration:none; } #calendario_agenda #calenadelanteagenda { float:right; position:relative; /*width:35px; height:25px;*/ width:70px; height:50px; padding:0; margin:0; text-align:left; z-index:9; } #calendario_agenda #calenadelanteagenda a { /*width:35px; height:25px;*/ width:70px; height:50px; padding:0; margin:0; } #calendario_agenda #calenadelanteagenda a span { /*width:35px; height:25px; line-height:25px;*/ width:70px; height:50px; line-height:60px; padding:0; margin:0; /*font-size:120%;*/ font-size:240%; font-weight:600; color:#969799; } #calendario_agenda #calenadelanteagenda a:hover span { color:#e2001a; text-decoration:none; } #calendario_agenda #calendarioagenda { padding:0; margin:0; } #calendario_agenda #calendarioagenda h3 { float:left; width:100%; height:50px; padding:0; margin:0; margin-top:-1em; margin-bottom:.5em; color:#969799; font-size:150%; font-weight:bold !important; text-align:center; z-index:8; } #calendario_agenda #calendarioagenda table { margin:0 auto; text-align:center; font-weight:bold !important; /*font-size:85%; font-size:170%;*/ font-size:130%; border-collapse:separate; border-spacing:1px; width: calc(100% - .6em); } #calendario_agenda #calendarioagenda table th, #calendario_agenda #calendarioagenda table td { text-align:center; color:#969799; /*width:30px; height:22px;*/ width:60px; height:22px; } #calendario_agenda #calendarioagenda table td { position:relative; color:#969799; padding:0; /*width:2.2em; height:1.7em;*/ width:4.4em; height:1.69em; } #calendario_agenda #calendarioagenda table td.dia_rojo { /*color: #e31119;*/ color: #007caf; } #calendario_agenda #calendarioagenda table td.dia_activo a { position:absolute; top:0; left:0; color:#fff; /*background-color: #e31119;*/ background-color: #007caf; width:100%; height:1.69em; padding-top:.14em; } #calendario_agenda #calendarioagenda table td.dia_activo a:hover { color:#fff; background-color:#b2040b; } #calendario_agenda #calendarioagenda table td.es_hoy, #calendario_agenda #calendarioagenda table td.dia_activo.es_hoy a { box-shadow: inset 0 0 0 4px #034387; } #calendario_agenda #calendarioagenda table td.dia_activo.es_hoy a:hover { box-shadow: inset 0 0 0 4px #680e12; } #calendario_agenda #calendarioagenda table th { background-color:#969799; font-size:70%; color:#fff; } #listado article p.resumenvideo { float:left; margin-bottom:0 !important; } #seccion1 article p.resumenvideo iframe, #listado article p.resumenvideo iframe { float:left; margin:0; } .foto_cabecera { width: 100%; } .foto_cabecera img { width: 100%; } .redes { float:right; text-align: right; margin-bottom: 1em; margin-left: 2em; } nav#redes_contenido { float: right; display: inline-block; display:none; width:auto; height:1.5em; padding: 0; margin: 0; margin-top:-.5em; margin-left:.5em; color: #ccc; } nav#redes_contenido ul { padding: 0; margin: 0; width:105%; height:1.5em; } nav#redes_contenido ul li { display: inline-block; margin-left: .5em; } nav#redes_contenido ul li a img { height: 1.2em; width: auto; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } nav#redes_contenido ul li a:hover img { -webkit-transform: translate(0,-.2em); -moz-transform: translate(0,-.2em); -ms-transform: translate(0,-.2em); -o-transform: translate(0,-.2em); transform: translate(0,-.2em); } nav#redes_footer { float:none; display: inline-block; width:100%; padding: 0; margin: 0; margin-top:1em; color: #ccc; } nav#redes_footer ul { padding: 0; margin: 0; } nav#redes_footer ul li { display: inline-block; margin-left: 1em; } nav#redes_footer ul li a img { /*height: 1.2em;*/ width: auto; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } nav#redes_footer ul li a:hover img { -webkit-transform: translate(0,-.2em); -moz-transform: translate(0,-.2em); -ms-transform: translate(0,-.2em); -o-transform: translate(0,-.2em); transform: translate(0,-.2em); } .ilustracion { display:inline-block; width: 100%; height:auto; margin-bottom: 1em; overflow: hidden; position: relative; } .ilustracion img { width: 100%; /*margin-bottom: -2.85em;*/ padding: 0; } .ilustracion figcaption { position:absolute; bottom:0; width:100%; color: white; background-color: rgba(0,0,0,0.5); /*font-family: 'Fira Sans', sans-serif;*/ font-size:70%; font-weight:300; font-style:italic; padding: .5em 1em; } .no_mostrar { display:none !important; } .aviso_rojo { display:block; clear:both; background: #e31119; /*background: #007caf;*/ color:#fff; width:100%; height:auto; padding:.5em !important; margin:0; font-size:80%; font-weight:700; } .txt_aviso { float:left; font-size:75%; font-weight:400; line-height:100%; color:rgba(0,0,0,0.5); } .txt_rojo { color:red; } .txt_verde { color:#00801f; } .txt_azul { color:#007caf; } .txt_morado { color:#273583; } .boton_cerrar { float:right; width:11px; height:11px; padding:0; margin:0; position:absolute; top:0em; right:.4em; cursor:pointer; } .txt_frasedestacada { /*font-family: 'Fira Sans', sans-serif;*/ font-size:120%; font-weight:300; font-style:italic; color:#999; text-align:center; margin-top:1.5em; margin-bottom:1em; } .txt_frasedestacada span.txt_txiki { font-size:70%; color:#000; } /* ----------- ENLACES ---------- */ ul.enlaces_cont { list-style:none; padding:0; margin:0; margin-top:1em; overflow: hidden; } ul.enlaces_cont li { width:100%; padding:0; margin-bottom:.5em; background:rgba(0,0,0,0.02); font-style:italic; } ul.enlaces_cont li:hover { background:rgba(0,0,0,0.05); } ul.enlaces_cont li a { display:block; line-height:2.8em; width:100%; padding:.5em 1em .2em 1em; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } ul.enlaces_cont li a:hover { -webkit-transform: translate(-.2em,0); -moz-transform: translate(-.2em,0); -ms-transform: translate(-.2em,0); -o-transform: translate(-.2em,0); transform: translate(-.2em,0); } ul.enlaces_cont li a img { margin-right:.5em; } .invisible { display:none; } /* ------------------------------ EDICIÓN EN WEB PÚBLICA ------------------------------ */ .botpub_anadir { min-width:20px; width:auto; min-height:28px; height:auto; padding:.3em .7em .3em 2em; margin:0; margin-bottom:.5em; font-size:70%; font-weight:700; letter-spacing:.1em; color:#fff; background:url("../images/botpub_anadir.png") no-repeat left .2em top .1em #ff1a26; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 0px solid #ff1a26; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); } .botpub_editar { min-width:20px; width:auto; min-height:28px; height:auto; padding:.3em .7em .3em 2em; margin:0; margin-bottom:.5em; font-size:70%; font-weight:700; letter-spacing:.1em; color:#fff; background:url("../images/botpub_editar.png") no-repeat left .2em top .1em #ff1a26; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 0px solid #ff1a26; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); } .botpub_eliminar { min-width:20px; width:auto; min-height:28px; height:auto; padding:.3em .7em .3em 2em; margin:0; margin-bottom:.5em; font-size:70%; font-weight:700; letter-spacing:.1em; color:#fff; background:url("../images/botpub_eliminar.png") no-repeat left .2em top .1em #ff1a26; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 0px solid #ff1a26; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); } .botpub_cerrar { min-width:20px; width:auto; min-height:28px; height:auto; padding:.3em .7em .3em 2em; margin:0; margin-bottom:.5em; font-size:70%; font-weight:700; letter-spacing:.1em; color:#fff !important; background:url("../images/botpub_cerrar.png") no-repeat left .2em top .1em #ff1a26; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; border: 0px solid #ff1a26; -webkit-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); -moz-box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); box-shadow: 3px 2px 5px 0px rgba(0,0,0,0.3); } .botpub_solo { padding:.3em !important; padding-right:2.2em !important; margin-top:-2px; } .botpub_listado, .botpub_listado:hover { margin-top:1em; margin-right:.7em; margin-bottom:-3em; position:relative; z-index:20; } .botonera_cadaslider { float:left; max-width:80%; width:auto; height:auto; margin-top:-1.3em; } .botonera_cadaslider p { float:left; width:auto; } .botpub_listado_slider, .botpub_listado_slider:hover { z-index:20; margin-right:.5em; /*margin-top:1em; margin-left:1em; margin-bottom:-3em; position:relative; z-index:20;*/ } #slider p.desactivado { z-index:20; /*float:left; margin-top:0; margin-left:1em; margin-bottom:-3em; position:relative; top:3.5em; z-index:20;*/ } p.slider_botanadir { float:right; width:auto; margin-top:.3em; margin-bottom:-.2em; } .botpub_anadir:hover, .botpub_editar:hover, .botpub_eliminar:hover, .botpub_cerrar:hover { color:#fae6e5; position:relative; top:2px; left:2px; -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.5); } .botpub_anadir:visited, .botpub_editar:visited, .botpub_eliminar:visited, .botpub_cerrar:visited, .botpub_anadir:active, .botpub_editar:active, .botpub_eliminar:active, .botpub_cerrar:active, .botpub_anadir:focus, .botpub_editar:focus, .botpub_eliminar:focus, .botpub_cerrar:focus { color:#fff !important; } .contenido_agenda .botpub_editar { margin-right:.4em; } #ventana_metadatos { clear:both; width:100%; min-height:10em; height:auto; padding:.8em 1em !important; margin:0; margin-top:1em; margin-bottom:1em; background:#f3f3f3; } #ventana_metadatos ul { width:100%; padding:0; margin:0; list-style:none; font-size:90%; } #ventana_metadatos ul li { width:100%; min-height:.5em; height:auto; } #ventana_metadatos ul li input { width:90%; padding:0; padding-left:.2em; padding-right:.2em; margin:0; margin-bottom:.2em; font-size:75%; } .fiz { float:left; } .fdc { float:right; } #ventana_metadatos ul.datoscreacionnodo { float:left; font-size:75%; font-weight:700; color:#e2001a; list-style:none; width:auto; padding:0; margin:0; margin-bottom:1em; } #ventana_metadatos ul.datoscreacionnodo li { margin-bottom:0; } .desactivado { display:inline-block; font-size:75% !important; font-weight:600; letter-spacing:.1em; padding:.1em 1em; margin:0; margin-right:.4em; margin-bottom:.2em; color:#fff; /*background: #e31119;*/ background: #007caf; /*text-decoration:blink;*/ } .desactivado img { padding:0; margin:0; margin-right:.2em; width:1.2em; height:auto; vertical-align: middle; position:relative; top:-2px; } .cabecera_persona span.desactivado { font-size:none !important; font-size:62% !important; padding-top:.2em !important; padding-bottom:.2em !important; } .alerta { display:inline-block; font-size:75% !important; font-weight:600; letter-spacing:.1em; padding:.1em 1em; margin:0; margin-right:.4em; margin-bottom:.2em; color:#fff; /*background: #e31119;*/ background: #007caf; } .destacado, .pendiente { display:inline-block; font-size:75% !important; font-weight:600; letter-spacing:.1em; padding:.1em 1em; margin:0; margin-right:.4em; margin-bottom:.2em; color:#fff; background:#079907; } .ennotelopierdas { padding:.1em .5em .1em .5em !important; /*font-family: 'Fira Sans', sans-serif !important;*/ font-weight:300 !important; font-style:italic !important; letter-spacing:0 !important; } #ventana_metadatos h4 { font-weight:600; padding-top:.3em; margin-top:1em !important; width:100%; border-top: 1px solid #ccc; } .bot_tituadmin { float:right; display:block; margin-top:-1.5em; } #ventana_metadatos ul.bot_listaadmin, #fotografias ul.bot_listaadmin, #fotografias_persona ul.bot_listaadmin, #lista_documentos ul.bot_listaadmin, #comentarios ul.bot_listaadmin { float:right; width:auto; list-style:none; } #ventana_metadatos ul.bot_listaadmin li, #fotografias ul.bot_listaadmin li, #fotografias_persona ul.bot_listaadmin li, #lista_documentos ul.bot_listaadmin li, #comentarios ul.bot_listaadmin li { float:left; width:auto; min-height:.5em; height:auto; } #fotografias ul.bot_listaadmin, #fotografias_persona ul.bot_listaadmin { float:right; width:auto; padding:.3em .5em !important; padding-bottom:.08em !important; margin:0 !important; margin-bottom:-2.5em !important; background:rgba(0,0,0,0.4); position:relative; z-index:10 !important; -moz-border-radius: 0px 0px 0px 10px; -webkit-border-radius: 0px 0px 0px 10px; border-radius: 0px 0px 0px 10px; /*border: 0px solid #e31119;*/ border: 0px solid #007caf; } #lista_documentos ul.bot_listaadmin, #comentarios ul.bot_listaadmin { float:right; width:auto; padding:.3em .5em !important; padding-bottom:.08em !important; margin:0 !important; margin-bottom:-2.5em !important; position:relative; z-index:10 !important; } #comentarios ul.bot_listaadmin { position:relative; top:-.7em; right:-1em; } #fotografias ul.bot_listaadmin li, #fotografias_persona ul.bot_listaadmin li, #lista_documentos ul.bot_listaadmin li, #comentarios ul.bot_listaadmin li { margin-left:.3em; } .botpub_fotos { padding:.3em; padding-right:1.8em; padding-bottom:1em ; } .botpub_margendocus { margin-right:.3em; } .botpub_margencomentarios { margin-top:.8em; margin-right:.3em; } .botpub_docus { padding:.3em; padding-right:1.8em; padding-bottom:1em ; } .ficha_metadatos { clear:both; width:100%; height:auto; padding:.3em .5em !important; margin:0 0 .2em 0 !important; background:rgba(0,0,0,0.08); font-size:90%; } .ficha_metadatos p { width:auto; margin:0 !important; } .ficha_metadatos a { color:#333; } .ficha_metadatos a:hover { color:#777; } .txt_site { font-size:105%; font-weight:bold; } /* ------------------------ MAPA CAV ------------------------ */ #MapaCAV { clear:both; display:none; width:100%; padding:0; margin:0; margin-top:-.95em; margin-bottom:1em; background:#f3f3f3; position:relative; vertical-align:middle; z-index:5; } #MapaCAV_texto { float:right; text-align:left; padding:1em 2em 0 2em !important; z-index:6; } #MapaCAV_texto h3 { position:relative; font-size:120%; font-weight:700; color:#404040; margin:0; margin-bottom:1.5em; z-index:6; } #MapaCAV_texto h3 span { position:absolute; top:0; /*font-family: 'Fira Sans', sans-serif;*/ font-size:190%; font-weight:300; font-style:Italic; /*color: #e31119;*/ color: #007caf; z-index:6; } #MapaCAV_img { float:right; text-align:center } #MapaCAV_img img { margin:1em auto; } #MapaCAV_img area:hover shape { background:rgba(255,255,255,.5); } .visible { display:block !important; } .movil_visibilidad { display:block !important; } .escritorio_visibilidad { display:none !important; } /* ----------------------------- FIN CLASES ------------------------------ */ /* ---------------------------- MEDIA QUERYS ----------------------------- */ /* ----- col-xs ----- DISPOSITIVOS MUY PEQUEÑOS (móviles anchura menor o igual a 767px) ----- */ @media (max-width: 767px) { } /* ----- col-sm ----- DISPOSITIVOS PEQUEÑOS (tablets, anchura mayor o igual a 768px) -------- */ @media (min-width: 768px) { } /* ----- col-md ----- DISPOSITIVOS MEDIANOS (ordenadores, anchura mayor o igual a 992px) ---- */ @media (min-width: 992px) { /** { font-size: 16px; } h1 { font-size: 37px; } h2 { font-size: 26.1px; } h3 { font-size: 23.4px; font-weight:700; } footer { font-size: .85em; }*/ /* CABECERA ELEMTOS NO VISIBLES EN MOVIL */ form[name="busqueda"]{ display: flex; } .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 { float: right; } footer #logo_pie { margin-bottom:0em; } footer ul { width: 100%; text-align: center; padding: 0; margin-top: 2em; /*margin-right: 2em;*/ } footer ul.menu_legal { float:right; } footer ul.menu_legal li, footer ul.menu_provincias li { display: inline-block; /*font-family: 'Fira Sans', sans-serif;*/ font-size: 90%; font-weight: 400; font-style: normal; } #navegador { width: calc(100% - 14em); text-align: right; display: inline-block; float: right; margin-top: 2em; } .navegacion_movil { display:none; } .navegacion { display:block; } .navegacion { float:right; padding:0; margin:0; /*width:80%;*/ min-height:30px; text-transform:capitalize; color:#666; list-style:none; /*position:absolute; bottom:.4em; right:0;*/ } .navegacion li { float:left; position:relative; width:auto; height:auto; text-align:center; } .navegacion li a { display: block; font-size: .75em; font-weight: 400; letter-spacing: .02em; padding: 0; padding: .3em 0 .1em 0; margin: 0px; margin-left: 1.4em; text-decoration: none; color: #333; text-transform: none; /*border-bottom: 2px solid #333;*/ } .navegacion li.menu_azul a { color: #034488; border-bottom: 2px solid #ffffff; } .navegacion li.menu_morado a { color: #273583; border-bottom: 2px solid #273583; } .navegacion li.menu_verde a { color: #3fa535; border-bottom: 2px solid #3fa535; } .navegacion li.menu_rosa a { color: #a42368; border-bottom: 2px solid #a42368; } .navegacion li.menu_verdeoscuro a { color: #107007; border-bottom: 2px solid #107007; } .navegacion li:hover a { /*color: #e31119;*/ color: #000; border-bottom: 3px solid rgba(0,0,0,0); } .navegacion li:hover { display: inline-block; margin-bottom: -1px; } .navegacion ul.submenuprincipal li:hover { display: inline-block; margin-bottom: 0px; } .navegacion ul.submenuprincipal { position: absolute; left: 1em; display: none; /*oculto por defecto */ min-width: 12em; width: auto; height: auto; margin: 0; padding: 0; list-style: none; background: rgba(255,255,255,0.9); background: #fff; -webkit-box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.3); -moz-box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.3); box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.3); z-index:30; /*font-family: 'Fira Sans', sans-serif;*/ /* font-style: italic; */ text-transform: uppercase; border: 1px solid rgba(0,0,0,0.1); border-bottom: none; } .navegacion ul.submenuprincipal.submenu_dcha { left:auto !important; right:0 !important; } .navegacion ul.submenuprincipal li { width:100%; text-align:left; } .navegacion ul.submenuprincipal li a { font-size:.8em; font-weight:400; line-height:1em; padding:0px; padding:.8em 1em; margin:0px; color:#333 !important; text-decoration:none; border-top:none; width:auto; border-bottom:1px solid rgba(0,0,0,0.1); } .navegacion li.menu_azul ul.submenuprincipal li a { color:#007caf !important; } .navegacion li.menu_morado ul.submenuprincipal li a { color:#273583 !important; } .navegacion li.menu_verde ul.submenuprincipal li a { color:#3fa535 !important; } .navegacion li.menu_rosa ul.submenuprincipal li a { color:#a42368 !important; } .navegacion li.menu_verdeoscuro ul.submenuprincipal li a { color:#107007 !important; } .navegacion ul.submenuprincipal li a:hover, .navegacion li.menu_azul ul.submenuprincipal li a:hover, .navegacion li.menu_morado ul.submenuprincipal li a:hover, .navegacion li.menu_verde ul.submenuprincipal li a:hover, .navegacion li.menu_rosa ul.submenuprincipal li a:hover, .navegacion li.menu_verdeoscuro ul.submenuprincipal li a:hover { /*color: #e31119 !important; color: #007caf !important;*/ color: #000000 !important; background:rgba(0,0,0,0.02); border-bottom:1px solid rgba(0,0,0,0.1); } form[name="busqueda"] { float:left; margin-right:.75em; margin-left:0; } form[name="busqueda"] > input { width: 12em; } form[name="busqueda"] > input#termino { width:12em; } header { padding: 0px; } header a.enlace_logo { display: inline-block; height: 100%; width: 12em; } header figure { position:relative; bottom:0; left:0; display: inline-block; width: 100%; } header figure img { width: 100%; margin-top: .5em; vertical-align: text-bottom; } #header_barra_sup { width: 100%; min-height: 1em; } #header_barra_sup nav#idiomas ul { padding: 0; margin: 0; margin-right: 1.0em; } #header_barra_sup nav#idiomas { float: left; } #header_barra_sup nav#idiomas ul li { display: inline-block; margin-right: .5em; } #header_barra_sup nav#idiomas ul li { position: relative; bottom: .05em; margin-left: 0; margin-right: .5em; } #header_barra_sup nav#idiomas ul li a { /*padding: .5em 0 .1em 0;*/ } #header_barra_sup #zonaprivada { clear:none; float:left; } #header_barra_sup #zonaprivada #acceso_zonaprivada, #header_barra_sup #zonaprivada #acceso_zonaprivada_conectado { float:right; display: inline-block; } #header_barra_sup #zonaprivada #ventana_zonaprivada, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado { display:block; position:absolute; top:1.8em; right:0; float:left; width:16em; min-height:5em; height:auto; padding:0; margin:0; background:#f3f3f4; /*border-top: 5px solid #e31119;*/ border-top: 5px solid #007caf; z-index:100; } #header_barra_sup #notelopierdas { clear:none; float:left; } #header_barra_sup #notelopierdas #acceso_notelopierdas { float:left; display:inline-block; margin-right:0; } #header_barra_sup #notelopierdas #ventana_notelopierdas { display:block; position:absolute; top:1.8em; right:-12em; float:left; width:40em; min-height:5em; height:auto; padding:1em; margin:0; background:#f3f3f4; /*border-top: 5px solid #e31119;*/ border-top: 5px solid #007caf; z-index:100; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenatras { position:relative; top:0; left:10%; width:10%; height:27px; padding:0; margin:0; margin-top:20px; text-align:center; z-index:90; } #ventana_notelopierdas #ventana_notelopierdas_izq #calenadelante { position:relative; top:-45px; left:80%; width:10%; height:27px; padding:0; margin:0; margin-top:20px; text-align:center; z-index:90; } #ventana_notelopierdas #ventana_notelopierdas_izq { font-size:110%; } #ventana_notelopierdas #ventana_notelopierdas_izq h3 { font-size:110%; } #ventana_notelopierdas #ventana_notelopierdas_izq table { font-size:95%; } #header_barra_sup #webanterior { float:left; margin-right:.5em; margin-bottom:0em; } #header_barra_sup nav#redes_header { position:relative; top:0; float: left; display: inline-block; padding: 0; margin: 0; color: #ccc; } /* ---------- LOGOTIPO GOBIERNO VASCO ---------- */ #header_barra_inf #logo_cabecera_movil { display:none; } #header_barra_sup #logo_cabecera { display:block; float:right; margin-top:-.5em; } header #header_barra_sup #logo_cabecera figure { float:right !important; width:100%; height:auto; } header #header_barra_sup #logo_cabecera figure img { float: right; width: 70%; margin-top: .5em; } #header_barra_inf { position:relative; top:0em; margin-bottom:1em; margin-top: 0em; } #header_barra_inf.fixed { position: fixed; top: 0; left: 0; width: 100%; max-width: 100%; z-index: 900; padding: .5em 2em !important; margin-bottom: 0; background: #fff; border-bottom: 1px solid #f3f3f3; -webkit-box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.3); -moz-box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.3); box-shadow: -1px 5px 20px -5px rgba(0,0,0,0.3); } #header_barra_inf.fixed .anchura_fixed { float: none; max-width: 1280px; margin: 0 auto !important; } #header_barra_inf.fixed figure { max-height: 2.5em; } #header_barra_inf.fixed figure img { /*height: 2.5em;*/ zoom: 0.75; /* Old IE only */ -moz-transform: scale(0.75); -webkit-transform: scale(0.75); transform: scale(0.75); transform-origin: top left; margin-top: 0; margin-bottom: 0; } #header_barra_inf.fixed #navegador { max-width: 1200px; margin-top: .5em; margin-bottom: .5em; z-index: 910; } #header_barra_inf #boton_desplegable { display: none !important; } #header_barra_inf nav#redes_header_movil { display:none; } #slider { margin-top: 0em; } .encabezado ul.submenu_galeria li { margin:0 1.7em; } /*.imagensoladestacado { max-height: 30.9vw; }*/ .video_responsive .textodestacadovideo, .video_responsive_home .textodestacadovideo { /*font-size:150% !important;*/ font-size:2.5rem !important; padding:2rem 2.5rem 2.5rem 2.5rem !important; } .imgtxt_destacado .textodestacado { /*font-size:150% !important;*/ font-size:2.5rem !important; padding:2rem 2.5rem 2.5rem 2.5rem !important; } .botonera_cadaslider { margin-top:-2em; } p.slider_botanadir { margin-top:.2em; margin-bottom:-.1em; } main.fixed { padding-top: .5em; } main section article.fichaespecial figure { /*max-height:10em;*/ } div.row { overflow:hidden; } #seccion1 { padding: 0em 0 !important; } #seccion2 { width:101.8%; } #seccion2 article { margin-bottom:0; } #seccion2 article a { float:left; padding: 0; margin: 0; margin-bottom:1em; } #seccion3 .row article { display:inline-block; width:20%; /*width:9em;*/ padding:0; /*margin: 0 1.2em 1.5em 1.2em;*/ margin: 0 .5em 1.5em .5em; border-bottom:none !important; } main section#seccion3 article figure img, main section#seccion3 article a figure img { clear:both; width: 50% !important; padding: 0; margin: 0 25%; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } main section#seccion3 article:hover figure img, main section#seccion3 article:hover a figure img { clear:both; width: 50% !important; padding: 0; margin: 0 25%; } div#eventosdest { width: 97.5%; margin-left: 2.5%; } #eventosdest figure { float: left; width: 12em; } #eventodest_columna_dcha { float: right; width: calc(100% - 13em); } div#noticias { margin-left: 0px; padding-left: 0 !important; } div#noticias_principales { margin-left: 2.5%; width: 53%; float: left; } div#noticias .primeraactualidad { height:auto; border-bottom:none; padding-left:0px; padding-right:0px; } div#agenda { padding-left: 1em !important; min-height:300px; } .piehome { margin-bottom:0; } .piehome p.boton_leermas { margin-right: 0em; float:left; } #pagina section { padding-right: 15px !important; } #mas { /*margin-top: .5em; margin-bottom: 1.5em;*/ } #mas h2 { margin-left: 0; margin-bottom: .5em; } #nodo, #pagina, #listado { padding-right: 0 !important; margin-left: 30px; } #nodo { margin-top:0; min-height: 300px; } #nodo h2, #listado h2 { margin-top: 0em !important; } #contenido { padding-left: 0 !important; } #zona_navegacion { padding-right: 0 !important; margin-top: 1.5em; } #zona_navegacion span.paginacion { float:right; margin-top:-1em; font-size: 80%; font-style: italic; } /*#navegacion_listado { display:block !important; margin-top: 1em; }*/ .lateral { width:100%; margin-top:.5em; } .lateral figure { clear: both; width: 100%; padding-right: 0; padding-left: 0; } .lateral figure img { margin: 0 0 .5em 0 !important; } .lateral .resumenvideo { margin: 0 0 .8em 0; } aside.lateral { margin: 1em 0 1em 0; } aside.lateral figure img { margin: 0 0 1em 0 !important; } .no_mostrar { display:none !important; } .extras_listado { clear:none; float:left; background:#f3f3f3; width:63.5%; padding: .5em .5em .3em .5em !important; margin: 0; margin-top: .3em; } /* ----------- Calendario AGENDA (índice LATERAL) ----------- */ #calendario_agenda { float:left; display:block; width:100% !important; height:auto !important; padding:0 !important; padding-top:.3em !important; padding-bottom:.3em !important; margin:.5em auto .5em auto !important; border:1px solid #ccc; } #calendario_agenda #calenatrasagenda { float:left; position:relative; width:35px; height:25px; padding:0; margin:0; text-align:right; z-index:9; } #calendario_agenda #calenatrasagenda a { width:35px; height:25px; padding:0; margin:0; } #calendario_agenda #calenatrasagenda a span { width:35px; height:25px; line-height:25px; padding:0; margin:0; font-size:120%; font-weight:600; color:#969799; } #calendario_agenda #calenatrasagenda a:hover span { color:#e2001a; text-decoration:none; } #calendario_agenda #calenadelanteagenda { float:right; position:relative; width:35px; height:25px; padding:0; margin:0; text-align:left; z-index:9; } #calendario_agenda #calenadelanteagenda a { width:35px; height:25px; padding:0; margin:0; } #calendario_agenda #calenadelanteagenda a span { width:35px; height:25px; line-height:25px; padding:0; margin:0; font-size:120%; font-weight:600; color:#969799; } #calendario_agenda #calenadelanteagenda a:hover span { color:#e2001a; text-decoration:none; } #calendario_agenda #calendarioagenda { padding:0; margin:0; } #calendario_agenda #calendarioagenda h3 { float:left; width:100%; height:25px; padding:0; margin:0; margin-top:-1em; margin-bottom:.5em; color:#969799; font-size:100%; font-weight:bold !important; text-align:center; z-index:8; } #calendario_agenda #calendarioagenda table { margin:0 auto; text-align:center; font-weight:bold !important; font-size:85%; border-collapse:separate; border-spacing:1px; width: calc(100% - .8em); } #calendario_agenda #calendarioagenda table th, #calendario_agenda #calendarioagenda table td { text-align:center; color:#969799; width:30px; height:22px; } #calendario_agenda #calendarioagenda table td { position:relative; color:#969799; padding:0; width:2.2em; height:1.69em; } #calendario_agenda #calendarioagenda table td.dia_rojo { /*color: #e31119;*/ color: #007caf; } #calendario_agenda #calendarioagenda table td.dia_activo a { position:absolute; top:0; left:0; color:#fff; /*background-color: #e31119;*/ background-color: #007caf; width:100%; height:1.69em; padding-top:.14em; } #calendario_agenda #calendarioagenda table td.dia_activo a:hover { color:#fff; background-color:#b2040b; } #calendario_agenda #calendarioagenda table th { background-color:#969799; font-size:70%; color:#fff; } .movil_visibilidad { display:none !important; } .escritorio_visibilidad { display:block !important; } } /* ----- Para ZONA PRIVADA (en 1135px) ---- */ @media (min-width: 1135px) { #header_barra_sup #zonaprivada #acceso_zonaprivada, #header_barra_sup #zonaprivada #acceso_zonaprivada_conectado { float:left; display: inline-block; } #header_barra_sup #zonaprivada #ventana_zonaprivada, #header_barra_sup #zonaprivada #ventana_zonaprivada_conectado { display:block; position:absolute; top:1.8em; left:0; float:left; width:16em; min-height:5em; height:auto; padding-bottom: .5em !important; margin:0; background:#f3f3f4; /*border-top: 5px solid #e31119;*/ border-top: 5px solid #007caf; z-index:100; } } /* ----- col-lg ----- DISPOSITIVOS GRANDES (ordenadores, anchura mayor o igual a 1200px) ---- */ @media (min-width: 1200px) { /* ------------------------ MAPA CAV ------------------------ */ #MapaCAV_texto { float:right; text-align:left; padding:4em 2em 2em 2em !important; } footer ul { width: 100%; text-align: right; padding: 0; margin-top: 2em; margin-right: 2em; } }