@charset "utf-8"; /* CSS Document Style Guide from style_theme INTERNET SS with AULA & Rich text */ /***********************************************/ /* FECHA CREACION: 24/02/2016 */ /* ULTIMA MODIFICACION: 05/06/2025 */ /***********************************************/ /*clases creadas para html Test*/ .containerImgTest {border: 3px solid #006f93; padding: 15px; margin: 10px 0; background-color:#FFFFFF; overflow:hidden; width:auto;} .encabezadoTest {color:#006f93 !important;} .radio label input {background-color:red;} .botoneraTest a span{ display: inline-block; } .botonTest { border: 2px solid #006f93; background-color:#006f93; color:#FFFFFF; box-shadow:none; padding:5px; border-radius:4px; margin:5% 1% 5% 1%; } .botonTest:hover {background-color:#FFFFFF; border:2px solid #006f93; color: #006f93; } /*fin clases creadas para html Test*/ /******************************/ /* PARAMETROS RESET CSS */ /******************************/ body{ color:#333333; font-size:100%; font-family:Roboto, Arial, Helvetica, sans-serif; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; } table{ border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; } fieldset,img{border:0;} address,caption,cite,code,dfn,strong,th,var{ font-style:normal; font-weight:normal; } /* li{list-style:none;} */ caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; } q:before,q:after{content:'';} abbr,acronym{ border:0; font-variant:normal; } sup,sub{ line-height:0px; vertical-align:text-top;} sub{vertical-align:text-bottom;} input, textarea, select{ font-family:inherit; font-size:inherit; font-weight:inherit;} /***********************************/ /* FIN PARAMETROS RESET CSS */ /***********************************/ /**************************************************************/ /* INICIO ESTILOS INTERNET SS / PANTALLA */ /**************************************************************/ /*********************************** ELEMENTS CSS **********************************/ /*** Print styles ***/ /** not suported by safari **/ /*@page { /* size: auto; /* auto es el valor inicial */ /* size: 0.3in 9in; /*8.5in 11in;*/ /* margin: 10mm; /* afecta el margen en la configuración de impresión */ /* @top-center { font-family: sans-serif; font-weight: bold; font-size: 2em; content: counter(page); }*/ /**@page:left {margin-left:3cm; margin-right:4cm;} @page:right {margin-left:4cm; margin-right:3cm;}*/ /* } */ /* Reference Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/icon/main.css */ @media print { *, *:before, *:after { /*color: #000 !important;*/ text-shadow: none !important; background: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } a, a:visited { text-decoration: underline;color: #006f93!important; } /* Se suprime la vista de la ruta de los enlaces./ Enlace después de su texto (:before->antes) */ a[href]:after {content:none !important; /* content: " (" attr(href) ")"; */ word-break:break-all; } abbr[title]:after { content: " (" attr(title) ")"; } /* Se suprime la vista de la ruta de los enlaces.*/ a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre{background-color: #f5f5f5 !important;} pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .input-group form{display:table;} /* suprimir */ select { background: #fff !important; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } div, pre { display: block; } /*** Consideraciones utilizadas para generar los estilos de impresión ***/ /* # 1. Uso de una tipografía lo más legible posible. Colores y tipos de letra. */ body {overflow-x: visible; font-family: Roboto, Arial, Helvetica, sans-serif, serif; /*background: none;color: black;*/ } /* # 2. Uso de la mayor cantidad posible de la página. Corregir la estructura de la página. */ #page,#content {width: 100%;margin: 0; padding: 0;} body { float: none !important; width:auto !important; margin: 0 !important; padding:0 !important; } /* # 3. Estilo predeterminado adecuado para imprimir. Uso del marcado de calidad predeterminado. Título como

, subtítulos como

, párrafos

, etc. Esto da como resultado una buena jerarquía de tamaños de fuente en la página impresa sin ningún estilo necesario. # 3. Eliminar las cosas extra. Elementos que no se van a imprimir. */ header .main-menu-mobile, .navbar-header, .top-menu, .main-menu, #postcomment,#x-insuit-shadow-container, #btn-valuation, #Satisfaction_survey{display: none !important;} h2#postcomment, .slick-cloned{display: none !important;} .table-responsive { overflow-x: visible; } /* # 4. Mostrar las URL en el contenido del cuerpo. IE no lo admite. */ /* Se suprime vista de ruta de los enlaces por gedeon expreso. .entry a:after { content: " [" attr(href) "] ";} */ /* Los enlaces que tienen una url que empieza con http / a[href^=http]:after { content: " (" attr(href) ")"; word-break: break-all; } /* Enlaces que se abren en nueva pagina / a[target=_blank]:after { content: " (" attr(href) ")"; word-break: break-all; } /* # 5. Inclusión de fecha de actualización al final del contenido. Esta área se oculta en la web, pero se muestra al imprimir el artículo a modo recordatorio. */ #printed-article { display: block; border: 1px solid #666; padding: 10px;margin: 10pt 15px 30pt 15px; } /* # 6. Opcional: saltos de página. Para textos muy largos con encabezados secundarios, se colocan saltos de página antes de cada uno. */ .page-break { display: none; }.panel-rel{page-break-after: always;} /* # 7. Inclusión de modelo encabezado y pie de página. Para textos muy largos con encabezados secundarios, se colocan saltos de página antes de cada uno. */ #headpage,#footpage,#pie ,#footer {display:block;} #headpage span{ height:70px;position:relative; } #headpage img{ max-height: 70px; float: inherit; display:inline-block;position:absolute;bottom:0px;right:0; vertical-align: text-bottom; padding-right:15px; margin: 0px auto; max-width: fit-content; text-align: center; } #contenido .bloques, #contenido div.capa_contenido_bloques h3.bloques, .mark_content .bloques, .mark_content div.capa_contenido_bloques h3.bloques { background-color: #eeeeee !important; padding: 0.5em !important; } #contenido .irlinkBoton a:link, .mark_content .irlinkBoton a:link, #contenido .irlinkBoton a:link[href]:after, .mark_content .irlinkBoton a:link[href]:after { color: #fff !important; } #contenido .irlinkBoton, .mark_content .irlinkBoton { display: block; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border-radius: 2px; font-family: Roboto, Arial, Helvetica, sans-serif; color: #fff !important; background-color: #006f93 !important; border-color: transparent;white-space: normal !important; } #contenido .irlinkBoton a, .mark_content .irlinkBoton a, #contenido .irlinkBoton a:link[href]:after, .mark_content .irlinkBoton a:link[href]:after { color: #fff !important; background-color: #006f93 !important; } #contenido .irtramite > tbody > tr > th, #contenido .irtabladatos > tbody > tr > th, #contenido .irtabladatos40 > tbody > tr > th, #contenido .irtabladatos50 > tbody > tr > th, #contenido .irtabladatos60 > tbody > tr > th, #contenido .irtabladatos75 > tbody > tr > th, #contenido .irtabladatos80 > tbody > tr > th, #contenido .irtabladatos90 > tbody > tr > th, .mark_content .irtramite > tbody > tr > th, .mark_content .irtabladatos > tbody > tr > th, .mark_content .irtabladatos40 > tbody > tr > th, .mark_content .irtabladatos50 > tbody > tr > th, .mark_content .irtabladatos60 > tbody > tr > th, .mark_content .irtabladatos75 > tbody > tr > th, .mark_content .irtabladatos80 > tbody > tr > th, .mark_content .irtabladatos90 > tbody > tr > th { background-color: #ddd !important; } #footpage p{ margin:15px; padding:5px !important; /*Prueba para que el navegador no quite el fondo de forma automática - no estándar*/ /*-webkit-print-color-adjust: exact; /*economy | exact*/ /* color-adjust: exact;*/ background-color: #006f93 !important; color: #fff !important; } #footpage img{ clear:both; height: 70px;display:inline-block; vertical-align: text-bottom; float: inherit; padding-right:15px; margin: 0px auto; max-width: fit-content; text-align: center; } #myOffices{float: none !important;} /*** Page context test ***/ .subheader .main-menu .first-menu li.active > a{display: inline-table;} .header .only-lrg .logo a{display: inline-grid;} .subheader .main-menu .first-menu li{ text-align: center; float: none !important; width: auto !important; margin: 0 !important; padding: 0 !important; height: auto; } .panel-rel .EnlacesBlancos+.panel-rel-footer img{max-height:80px;} .panel-services { border: 1px solid #ddd !important; background-color: #f9F9F9 !important; } .panel-services-body-portal {background-color: #f4f4f4 !important;} .panel-services-body{background-color: #ffffff !important;} .logo.h1{font-size:1em;} .h1.title { color: #006f93 !important; } .row-home .home-big-bg>div>div { width: auto; float: none; } .home-links div.component-control ul li a, .home-links div.component-control>div >div a, .home-links ul li div img.icon, .home-links div.component-control >div>div div img.icon, .irtablabanderas > tbody > tr > td:nth-child(n) { min-width: 48px; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0) !important; -moz-transform: translate3d(0, 0, 0) !important; -ms-transform: translate3d(0, 0, 0) !important; -o-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; width: 100% !important; word-break: break-all; left: 0 !important; display: table; } .slick-slider .slick-track .slick-slide, .slick-slider .slick-track .slick-slide a[href]:after{word-break: break-all; display: inline-block; width: 100% !important;vertical-align:middle !important;} .slick-slider .slick-track .slick-slide img{width: auto !important; display: inline-block; } #home-servicios-tramites button.fa.fa-eye{ background-color: #006f93;} #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="true"]~ div#elemento1-tab, #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="true"]~ div#elemento2-tab, #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="true"]~ div#elemento3-tab, #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="false"] span[aria-selected="true"]~ div#elemento1-tab, #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="false"] span[aria-selected="true"]~ div#elemento2-tab, #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="false"] span[aria-selected="true"]~ div#elemento3-tab { width: 300%; word-break: break-all; } div.niv-content>div { width: auto; } .leyenda.panel-group .area-title-type {background: #006f93 !important;} /* Botones de impresión */ .boton.pushpin-right{ -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg) !important; } /** gráficos de fondo deben estar habilitados para verse. Imprimir colores y gráficos de fondo **/ .info-box{ position: relative; background: #006f93 url(../img/info-pequeno.png) no-repeat 50px center !important; padding: 35px 100px 35px 140px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff !important; font-size: 0.9em; } .info-box>p, .info-box a, .info-box strong{color: #ffffff !important;} .carousel-control,.fa-chevron-left:before,.fa-chevron-right:before{color: #ffffff !important;} .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%)!important; background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%)!important; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))) !important; background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1)!important; background-repeat: repeat-x !important; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%) !important; background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%) !important; background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))) !important; background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%) !important; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1) !important; error sintactico*/ /*background-repeat: repeat-x !important;*/ } ol.carousel-indicators li,.pauseplay-carousel > .boton-reduced{background-color: #ffffff !important;} ol.carousel-indicators .active {background-color: #444c4f !important;} .home-big-bg>div>div { width: auto; } #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="true"]~ div#elemento1-tab, #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="true"]~ div#elemento2-tab, #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="true"]~ div#elemento3-tab, #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="false"] span[aria-selected="true"]~ div#elemento1-tab, #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="false"] span[aria-selected="true"]~ div#elemento2-tab, #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="false"] span[aria-selected="true"]~ div#elemento3-tab { display: inline-block; } #home-servicios-tramites #elemento1-tab ul.nodisc li a { word-break: break-all; } .home-clic ul li { word-break: break-all; width: 100%; } #home-servicios-tramites [role="tab"][aria-selected="true"] ,#home-servicios-tramites [role="tab"][aria-selected="true"].fa:before {background-color: #ffffff !important;color: #006f93 !important;} #home-servicios-tramites [role="tab"][aria-selected="false"] ,#home-servicios-tramites [role="tab"][aria-selected="false"].fa:before {background-color: #006f93 !important;color: #ffffff !important;} #home-servicios-tramites div.destacado { background-color: #006f93 !important;} #home-servicios-tramites [role="tabpanel"] {background-color: #ffffff !important;} .home-clic.box-home.BlueThree {background-color: #e2edf7 !important;} .home-clic ul li {color: #999999 !important;} .texto-galeria {background-color:rgba(255,255,255, 0.8) !important;} #home-servicios-tramites ul.nodisc + a.mas:after,#home-servicios-tramites #elemento1-tab ul.nodisc li a>i:before, .texto-galeria h3,.home-clic.box-home .fa:before {color: #006f93 !important;} .text-block ul.triangle.simple { width: 100%; } .home-links ul li div.tit-estadis, .home-links div.component-control>div >div div.tit-estadis, .home-links ul li div.tit-pub, .home-links div.component-control>div >div div.tit-pub, .home-links ul li div.tit-estadis, .home-links div.component-control>div >div div.tit-estadis{background-color: #f4f4f4 !important;} .panel-rel > .panel-rel-head,.panel-rel-title,.panel-rel-body.BlueSide, .EnlacesBlancos, .EnlacesBlancos a,.EnlacesBlancos a > small,.EnlacesBlancos a[href]:after{background: #006f93 !important;color: #ffffff !important;} .panel-rel-body.BlueSide ul li{color: #ffffff !important;} .panel-default > .panel-heading { color: #333333 !important; background-color: #F9F9F9 !important; border-color: #ddd !important; } .work-calendar{ page-break-inside: avoid; } .leyenda.panel-group .area-title-type {background: #006f93 !important; color: #f4f4f4 !important;} table.work-calendar caption { display: table-caption !important; color: #333333 !important; background-color: #F9F9F9 !important; border-color: #ddd !important; } .work-calendar > thead > tr > th.dow span{ color: #F9F9F9 !important;background-color: #666666 !important; } .work-calendar > tbody > tr > td.datepicker-day.public-holiday-auto span{ background-color: #6c548d !important; color: #FFFFFF !important; } .work-calendar > tbody > tr > td.datepicker-day.public-holiday-nac span{ background-color: #787A3E !important; color: #FFFFFF !important; } .work-calendar > tbody > tr > td.datepicker-day.public-holiday-loc span { background-color: #AF6228 !important; color: #FFFFFF !important; } .EnlacesBlancos a[href]:after{word-break: break-all !important;} .EnlacesBlancos ul li { width: 100%; } #Normativa h5, #content > section article h2 a, #content > section article h3.first, #content > section article h2 a>span:before{ color: #006f93 !important; background-color: #f4f4f4 !important;} #Normativa1 .table-responsive h4, #Normativa1 .table-responsive div[role="heading"][aria-level="4"] { padding: 0.5em !important; background-color: #eeeeee !important; } #Oficinas h5 {background-color: #e2edf7 !important;color: #333333 !important;} ul.paginacion2 {} ul.paginacion2 li:not(a) {background-color: #006f93 !important; color: white !important;} ul.paginacion2 li a {color: black !important; background-color: white !important;} ul.paginacion2 li { display: inline !important; float: left !important; padding: 8px 16px !important; vertical-align: middle !important; overflow: hidden !important; max-width: 46px !important; max-height: 40px !important; } ul.paginacion2 li img{ max-width: none !important; } ul.paginacion2 li a { color: black !important; background-color: white !important; display: inline-block; line-height: 1em; top: 0; left: 0; position: relative; } .bg-primary-alt { background: #006f93 !important;} .bg-white{background-color: #ffffff !important;} .footer-main-links ul li a,.footer-main-links ul li:after, .footer-main-links ul li a[href]:after {color: #ffffff !important;} .table-responsive, #contenido table{ width:100% !important; } table.datos{max-width: none !important;width:99.60% !important;} table.datos > thead > tr, table.download > thead > tr { background-color: #fff !important; color: #006f93 !important; } table.datos > thead > tr > th { background-color: #F9FBF4 !important; border-color: #006f93 !important; } table > tbody > tr > td a[href]:after{display: inline !important;white-space: normal !important;word-break: break-all !important;clear:both !important;} .info table.datos > tbody > tr > td.download > img, .info table.datos > tbody > tr > td.download, .info table.download > tbody > tr > td.download > img, .info table.download > tbody > tr > td.download { background: url(../img/download.png) center no-repeat !important; background-size: 25px !important; background-position: 5px 5px !important; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_boe > img, .info table.datos > tbody > tr > td.download_boe { background: url(../img/boe-custom.svg)top left no-repeat !important; -webkit-background-size: 50px !important; /* Safari 3.0 */ -moz-background-size: 50px !important; /* Gecko 1.9.2 (Firefox 3.6) */ -o-background-size: 50px !important; /* Opera 9.5 */ background-size: 50px !important; background-position: 5px 5px !important; background-origin: border-box ; vertical-align: middle; background-image:url("../img/boe-custom.gif"), url("../img/boe-custom.svg") !important; } .info table.datos > tbody > tr > td.download_bop > img, .info table.datos > tbody > tr > td.download_bop { background: url(../img/bop-custom.svg) center no-repeat !important; background-size: 50px !important; background-position: 5px !important; background-origin: border-box; vertical-align: middle; background-image:url("../img/bop-custom.gif"), url("../img/bop-custom.svg") !important; } .info table.datos > tbody > tr > td.download_doue > img, .info table.datos > tbody > tr > td.download_doue { background: url(../img/eurlex_simple.svg) center no-repeat !important; background-size: 50px !important; background-position: 5px !important; background-origin: border-box; vertical-align: middle; background-image:url("../img/eurlex_simple.svg") !important; } .info table.datos > tbody > tr > td > span.phone { font-size: 98% !important; background: url(../img/icons/tel.png) left no-repeat !important; } .info table.datos > tbody > tr > td > span.fax { font-size: 98% !important; background: url(../img/icons/fax3.png) left no-repeat !important; } .info table.datos > tbody > tr > td.registros_digitales > a.registro_clave { background: url(../img/icons/clave.png) center no-repeat !important; background-size: inherit !important; background-position: 5px 0px !important; background-origin: border-box !important; vertical-align: middle !important; } .info table.datos > tbody > tr > td.registros_digitales > a.registro_certificados { background: url(../img/icons/fnmt.png) center no-repeat !important; background-size: inherit !important; background-position: 5px 0px !important; background-origin: border-box !important; vertical-align: middle !important; } .info table.datos > tbody > tr > td.registros_digitales > a.bucle_magnetico { background: url(../img/icons/bm16.png) center no-repeat !important; background-size: inherit !important; background-position: 5px 0px !important; background-origin: border-box !important; vertical-align: middle !important; } .info table.datos > thead > tr > th.calendar > span > a > img { background: url(../img/icons/cal4.png) center no-repeat !important; } .info table.datos > thead > tr > th.street > span > img { background: url(../img/icons/map4.png) center no-repeat !important; } p.no-page, p.no-page-mini { background: #e2edf7 url(../img/aviso-nopag-pequeno.png) no-repeat 50px center !important; } p.no-results, p.no-results-mini { background: #e2edf7 url(../img/aviso-pequeno.png) no-repeat 50px center !important; } div.no-page-avaliable { background: #e2edf7 url(../img/aviso-nopag-pequeno.png) no-repeat 50px 50px !important; } .accordion.myMapaWeb h3 a.intro_plus>span:before{ color: #006f93 !important; } .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box { background: #f4f4f4 !important; } .nav-tabs.binary > li.active > a, .nav-tabs.binary > li.active > a:hover, .nav-tabs.binary > li.active > a:focus { background-color: transparent !important;color: #555 !important; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit !important;padding: 0px 10px !important; } .boton-special { color:#444444 !important; background-color: #fff !important; } .boton-icon,.boton-icon:before { color: #fff !important; background-color: #006f93 !important; } a.top-link i:before{ color: #006f93 !important; } .well { background-color: #f9F9F9 !important; } .warning-box { padding:15px 40px !important; background-color: #FFEED9 !important; color: #333333 !important; font-size: 0.9em !important; border: 1px solid #F7D2A5 !important; } .panel-rel-footer{background-color: #f4F4F4 !important;} .panel-rel-footer a{width: 100% !important; float: left !important;} /* customizar variables de impresión - print */ .work-calendar > tbody > tr > td.datepicker-day.no-month { color: #FFFFFF !important; } #cookies { position: relative !important; z-index: 51 !important; background: #e4e4e4 !important; font-size: 1.0666em !important; color: #5e5e5e !important; } #cookies .boton-default { color: #fff !important; background-color: #006f93 !important; } #cookies button.cookies_close img { background: url(../img/btn-close-bold.png) no-repeat center !important; background-color: transparent !important; } .home-news.box-home.bg-Four { background-color: #FFE699 !important; } .bg-Four.home-news ul li a, .bg-Four.home-news ul.nodisc + a.mas { color: #333333 !important; font-weight: 700 !important; } /** Predefinido sin graficos de fondo visibles **/ #accordionfilter-sup.panel-group .panel-body {padding: 15px 0px;} .panel-rel > .panel-rel-head, .panel-rel-title, .panel-rel-body.BlueSide, .EnlacesBlancos, .EnlacesBlancos a, .EnlacesBlancos a > small, .EnlacesBlancos a[href]:after, .footer-main-links ul li a, .footer-main-links ul li:after, .footer-main-links ul li a[href]:after, .breadcrumb a{ color: #000 !important; background-color: #ffffff !important; } /* Accesibility */ /* * { line-height: 1.25em !important; } p { margin-bottom: 1.5em !important; } * { letter-spacing: 0.1em !important; } * { word-spacing: 0.12em !important; }*/ /** Detalles en media queries **/ @media (min-width: 1px) and (max-width: 991px) { } @media (min-width: 793px){} } @media screen { #headpage,#footpage,#printed-article {display:none;} } /***********************************/ /* ESTRUCTURA Y NAVEGACIÓN */ /**********************************/ /* Scaffolding & Navigation*/ html { font-family: Roboto, Arial, Helvetica, Sans-serif; -ms-text-size-adjust: 100%; /* IE11 Experimental */ -webkit-text-size-adjust: 100%; /* Safari & Chrome for iOS Experimental */ font-size:1em; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { /*outline: 0;*/ } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } select:focus, select.focus, input:focus, input.focus, textarea:focus, textarea.focus, a:focus, a.focus, button:focus, button.focus, label:focus, label.focus, li:focus, li.focus { /* outline: none !important;*/ } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; /*opacity: 0;*/ float: left; display: inline-block; margin: 4px 0 0 0; height: 13px; } input[type="checkbox"] + label, input[type="radio"] + label { margin: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** Radio HACK **/ input[type=radio]:not(.old), input[type=checkbox]:not(.old){ width : 2em; margin : 0; padding : 0; font-size : 1em; opacity : 0; position: absolute; z-index: -1; font-size: 0.85em; } .form-group label > input[type=radio]:not(.old),.form-group label > input[type=checkbox]:not(.old){ position: inherit !important; opacity: 1.0 !important; } input[type=radio]:not(.old) + label, input[type=checkbox]:not(.old) + label{ display : inline-block; margin-left : 0em; line-height : 1.5em; } input[type=radio]:not(.old) + label > span, input[type=checkbox]:not(.old) + label > span{ display : inline-block; width : 1.175em; height : 1.175em; margin : 0.25em 0.5em 0.25em 0.25em; border : 1px solid #ddd; border-radius : 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; background-color : #ffffff; vertical-align : bottom; float:left; /* new for input position */ cursor:pointer; } input[type=checkbox]:not(.old) + label > span{ border-radius : 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } input[type=radio]:not(.old) + label.errorField > span, input[type=checkbox]:not(.old) + label.errorField > span { border: 1px #c55638 solid; } input[type=radio]:not(.old):checked + label > span > span, input[type=checkbox]:not(.old):checked + label > span > span{ display : block; width : 0.7em; height : 0.7em; border : 0.0625em solid #006f93; border-radius : 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; background-color : #006f93; margin: 0.17em 0 0 0.17em; } input[type=checkbox]:not(.old):checked + label > span > span{ border-radius : 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } input[type=checkbox].lrpCheckbox { /* config. WCM*/ opacity: 1; position: relative; z-index:1;margin:3px 0px 3px 3px; vertical-align:middle;margin: 6px 0px !important; } input[type=checkbox].lrpCheckbox:checked { /* config. WCM */ /*outline: 0em solid transparent; */ } label.lrpCheckbox { /* config. WCM*/ display: inline-block; margin-left: 0em; line-height: 1.5em; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } p { font-size: 1em; margin: 0 0 10px 0; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } table{ padding:0 15px; display:table; border-spacing:2px;border-color:#ddd;border-collapse:collapse; width:auto; margin-bottom:1em; } table caption { text-indent: -9999px; height: 0; line-height: 0; display: block; background: transparent; color: transparent; } table.work-calendar caption { text-indent: inherit; height: auto; font-size: 1.4em; display: table-caption; padding: 10px 0px; color: #333333; background-color: #F9F9F9; border-color: #ddd; font-family: inherit; font-weight: 500; line-height: 0.785em; text-align: center; border-bottom: 2px solid #ddd; border-top: 0; } table caption:empty { display: none; } table thead tr { border-bottom: 1px solid #b2b2b2; } table tbody tr { border-bottom: 1px dashed #b2b2b2; } table tbody tr.last{ border-bottom: none; } table th,table td { text-align: left; width: AUTO; font-size: 1.4em; } table>thead>tr>th:nth-child(1){padding-left:20px;} table>tbody>tr>td:nth-child(1){padding-left:20px;} table>thead>tr>th:nth-child(2){padding-right:20px;} /* AMPLIF. */ table>tbody>tr>td:nth-child(2){padding-right:20px;} /* AMPLIF. */ table td p{ font-size:1em; } table th a, table td a { text-decoration: none; } table th a:hover, table td a:hover { text-decoration: underline; } table th a.disabled, table td a.disabled{ cursor: not-allowed; opacity: 0.65; } table th { color: #333333; font-family:Arial, Helvetica, sans-serif; font-weight: 700; padding: 10px; /* MOD 0; */ } table th.th1{ padding-left: 20px; } table td{ font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; padding: 10px 0; } table td.td1 { padding-left: 20px; padding-right: 20px; } a:focus { overflow: hidden; } a:focus, .slide:focus { outline: #cc0000 solid 2px; } /* Menú móvil */ .mm-hidden { display: none !important; } .mm-menu { font-family: "Roboto", Arial, Helvetica, sans-serif; font-weight: 300; } .mm-menu .mm-navbar { position: relative; top: -30px; border: none; padding-right: 0px; height: auto; } /** Page headers **/ /*** IDIOMAS **** SELECCION IDIOMAS -----------------------------------------------*/ /** Masthead **/ /** Main menu **/ #top{color:#000000;} /** Header **/ .header {min-height:65px; margin:0px -15px 30px; position: relative; margin-bottom: 30px; } @media (max-width: 950px){ .header {margin:0px 0px 30px -15px;} .header div+div{padding-right: 0;} } @media (min-width: 939px){ #myAula .header {margin:0px 0px 30px -15px;} #myAula .header div+div{padding-right: 0;} } .header .logo { margin: 1px 0 0 0; line-height: 1em; padding-bottom: 10px; z-index: 10000; position: relative; } .header .logo-u23,.header .logo-u23+div { width:auto; } .header .logo:before, .header .logo:after { content: " "; display: table; } .header .logo:after { clear: both; } .header .only-lrg .logo a{ display: table; float: left;} .header .logo .logInternet { display: inline-block; width: 160px; height: inherit; margin: 20px 10px 0px 20px; position: relative; bottom: -8px; } img.logSS { max-height: 89px; } img.logu23,.header .logo img.logu23 { margin-left: 0.5rem; margin-right: 0.5rem; height: 59px; width: 50px; } .header .logo .logInternetmob { display: none; } .header .top-menu { float: right; padding: 31px 0 0 0; z-index: 10000; position: relative; } .header .top-menu-u23{ float: right; padding: 15px 0 0 0; } .header .top-menu .first-menu > li { float: left; border-left: 1px solid #e5e5e5; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; padding: 0 10px; font-size: 0.9em; line-height: 1.71429em; height: 24px; } .header .top-menu .first-menu > li a { color: #333333; text-decoration: none; } .header .top-menu .first-menu > li a:hover { color: #03709b; text-decoration: underline; } .header .top-menu .first-menu > li.first { border: none; padding-left: 0; } .header .top-menu .first-menu > li.last { padding-right: 0; } .header .top-menu .first-menu > li.lang-selector { position: relative; padding-left: 0; } .header .top-menu .first-menu > li.lang-selector > a { display: block;/*combo lang*/ padding-left: 33px; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; cursor: pointer; color: #333333; padding:2px 15px 2px 15px; } .header .top-menu .first-menu > li.lang-selector > a:first-child {/*combo lang*/ position: relative; z-index: 1000; } .header .top-menu .first-menu > li.lang-selector > a:after { content:" \02C5"; } /* Menú Idiomas */ .lang-menu{ display: none; } #lang-menu{ z-index: 998; /* combo lang */ position: absolute;top: 0;left: auto;padding-top:87px; margin-top:-47px; } li.lang-selector ul.lang-menu{ display: none; position: absolute; z-index: 300; top: 37px; left: -1px; padding: 10px 15px; } li.lang-selector ul.lang-menu:before { padding-top:87px; content: " "; position: absolute; top: -13px; left: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0px 13px 49px; border-color: transparent transparent #ededed transparent; } li.lang-selector .lang-menu li.first{ padding-top:15px; } li.lang-selector .lang-menu li { border: none; margin: 0 -15px; padding: 0; padding:5px 15px 0px; font-size: 0.92857em; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; background: #ededed; position: relative; width: 100px; padding: 10px 15px; line-height: 1.2em; } li.lang-selector .lang-menu li.last{padding-bottom:15px;} .header .top-menu .first-menu > li.lang-selector .lang-menu li a { color: #006f93; position: absolute; z-index: 999; padding: 5px; margin-top: -15px; } .targetout{ display:block;top: 0; left:0;background:none !important; width: 100%; position: fixed !important;z-index: 998 !important;/*combo lang*/ height: 100%; background-color: #000000; /* mod. funcional para combo idiomas / top: 50px;position: absolute;height: 24px;*/ } ul.lang-menu:target, li.lang-selector ul.lang-menu:target{display:table;} ul.lang-menu:not(:target), li.lang-selector ul.lang-menu:not(:target){display:none;} /** fin del menú de idiomas */ .header .search-box { margin-top: -6px; position: relative; float: right; } /* Menú idiomas dropdown Screen */ .header .top-menu .first-menu > li.last.lang-selector-dropdown,.header .top-menu .first-menu > li.first.lang-selector-dropdown { display: block; padding-left: 33px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; cursor: pointer; color: #333333; padding: 0px 15px 2px 15px; z-index: 1000; } .header .top-menu .first-menu > li.last.lang-selector-dropdown a.dropdown-toggle:after,.header .top-menu .first-menu > li.first.lang-selector-dropdown a.dropdown-toggle:after { content: " \02C5"; } .header .top-menu .first-menu > li.last.lang-selector-dropdown ul.dropdown-menu,.header .top-menu .first-menu > li.first.lang-selector-dropdown ul.dropdown-menu{ padding: 10px 15px; top: 0; min-width: 100px; font-size: inherit; box-shadow: none; -webkit-box-shadow: none; z-index: 1000; position: absolute; top: 0; left: auto; padding-top: 87px; margin-top: -47px; background-color: transparent; border: none; } .header .top-menu .first-menu > li.last.lang-selector-dropdown ul.dropdown-menu.pull-right:before,.header .top-menu .first-menu > li.first.lang-selector-dropdown ul.dropdown-menu.pull-right:before { padding-top: 87px; content: " "; position: absolute; top: -13px; left: 0; display: block; width: 0; height: 0; border-style: solid; border-width: 0 0px 13px 49px; border-color: transparent transparent #ededed transparent; } .header .top-menu .first-menu > li.last.lang-selector-dropdown ul.dropdown-menu.pull-right li,.header .top-menu .first-menu > li.first.lang-selector-dropdown ul.dropdown-menu.pull-right li { border: none; margin: 0 -15px; padding: 0; padding: 5px 15px 0px; font-size: 0.92857em; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; background: #ededed; position: relative; width: 100px; padding: 2px 15px; line-height: 1.2em; } .header .top-menu .first-menu > li.last.lang-selector-dropdown ul.dropdown-menu.pull-right li a,.header .top-menu .first-menu > li.first.lang-selector-dropdown ul.dropdown-menu.pull-right li a{ color: #006f93; position: relative; z-index: 999; padding: 0 5px; margin-top: 0;background-color: transparent; } /* End Menú idiomas dropdown Screen */ .main-menu-mobile .search-box[aria-expanded="true"] {display: block;} .main-menu-mobile .search-box[aria-expanded="false"] {display: block;height:0px;overflow: hidden;} .main-menu-mobile .search-box[aria-expanded="false"] .query:focus +.ico-lens{border:none !important;background-color:transparent;} .header .search-box .ico-lens { font-size: 0em; line-height: 0; background-color: transparent; color: transparent; display: block; border: none !important;border-bottom-right-radius:2px;border-top-right-radius:2px; text-indent: -9999px; width: 15px; height: 30px; position: absolute; right: -4px; bottom: 0; top: 2px;z-index:0; } .header .search-box .query { z-index:1;position:relative; display:block;color:transparent;width: 10px;padding:16px 10px;cursor: pointer; border:none;top:1px; } .header .search-box .query:before{ color:red;content:"Busca"; } .header .search-box .query:focus { width: 268px; /* 290px; MOD */ background: #ededed url("../img/buscar-lupa.png") no-repeat 220px center; /* 280px center; MOD */ border: none; display: block; height: 30px; color: #333333; font-size: 1.1em; margin: 0; padding: 0 15px 0 15px; position: absolute; right:24px;z-index:0;top:2px; } .header .search-box .query:focus +.ico-lens {width: 30px;display: block;position:absolute;z-index: 2;background-color:#ededed;background:#ededed url("../img/buscar-lupa-azul.png") no-repeat 6px center; /*border: #cc0000 solid 1px !important; */ outline: #cc0000 solid 1px !important; border-left: 1px #ededed solid !important;}/*lupa clickable con foco en buscador*/ .header .search-box .query +.ico-lens:active {display:block;width: 30px;display: block;position:absolute;z-index: 2;}/* mantengo activo el submit */ .main-menu-mobile .search-box #search-mm .query + .ico-lens{ right: 20px; top: 2px; display: block; position: absolute; z-index: 3; width: 24px; height: 24px; background-size: 12px; }/*lupa clickable con foco en buscador vista móvil*/ .header .search-box .query:focus, .subheader .search-box .query:hover, .subheader .search-box .query.query-on { background: #ededed url("../img/buscar-lupa-azul.png") no-repeat 266px center; /* 280px center; MOD */ cursor: auto; } .header .search-box .query::-ms-clear { display: none; } /** Principal Main menu **/ .subheader { position: relative; padding-bottom: 11px; /*border-bottom: 10px solid #666666;*/ } .subheader .main-menu .first-menu{width:100%;} .subheader .main-menu .first-menu li { overflow: visible; /*max-height: 24px;*/ float: left; border-left: 1px solid #e5e5e5; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 0.9em; line-height: 1.09091em; padding: 0 7px; width: 20%; height: 60px; text-align: center; } .subheader .main-menu .first-menu .secondary-menu h2,.subheader .main-menu .first-menu .secondary-menu li { text-align:left; } .subheader .main-menu .first-menu li a { display: block; color: #111111; text-decoration: none; } .subheader .main-menu .first-menu li a img{ display:block; margin:0 auto; padding:19px; margin-bottom: 5px; } .subheader .main-menu .first-menu li a.home img,.main-menu-mobile .first-menu li a.home img{ background-image: url("../img/Inicio-casa-menu-grey.png"); background-repeat: no-repeat; background-position: center; } .subheader .main-menu .first-menu li a:hover.home img,.subheader .main-menu .first-menu li.active a.home img, .main-menu-mobile .first-menu li a:hover.home img, .main-menu-mobile .first-menu li.active a.home img{ background: url("../img/Inicio-casa-menu-blue.png") center no-repeat; } .subheader .main-menu .first-menu li a.conocenos img,.main-menu-mobile .first-menu li a.conocenos img{background: url("../img/conocenos-menu-grey.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.conocenos img,.subheader .main-menu .first-menu li.active a.conocenos img, .main-menu-mobile .first-menu li a:hover.conocenos img, .main-menu-mobile .first-menu li.active a.conocenos img{background: url("../img/conocenos-menu-blue.png") center no-repeat;} .subheader .main-menu .first-menu li.active a.conocenos img{background: url("../img/conocenos-menu-white.png") center no-repeat;} .subheader .main-menu .first-menu li a.norma img{background: url("../img/norma-menu-grey.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.norma img{background: url("../img/norma-menu-blue.png") center no-repeat;} .subheader .main-menu .first-menu li.active a.norma img{background: url("../img/norma-menu-white.png") center no-repeat;} .subheader .main-menu .first-menu li a.financiera img{background: url("../img/financiera-menu-grey.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.financiera img{background: url("../img/financiera-menu-blue.png") center no-repeat;} .subheader .main-menu .first-menu li.active a.financiera img{background: url("../img/financiera-menu-white.png") center no-repeat;} .subheader .main-menu .first-menu li a.estudios img{background: url("../img/estudios-menu-grey.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.estudios img{background: url("../img/estudios-menu-blue.png") center no-repeat;} .subheader .main-menu .first-menu li.active a.estudios img{background: url("../img/estudios-menu-white.png") center no-repeat;} .subheader .main-menu .first-menu li a.trabajadores img{background: url("../img/trabajadores-menu-grey.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.trabajadores img{background: url("../img/trabajadores-menu-blue.png") center no-repeat;} .subheader .main-menu .first-menu li.active a.trabajadores img{background: url("../img/trabajadores-menu-white.png") center no-repeat;} .subheader .main-menu .first-menu li a.pensionistas img{background: url("../img/pensionistas-menu-grey.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.pensionistas img{background: url("../img/pensionistas-menu-blue.png") center no-repeat;} .subheader .main-menu .first-menu li.active a.pensionistas img{background: url("../img/pensionistas-menu-white.png") center no-repeat;} .subheader .main-menu .first-menu li a.empresarios img{background: url("../img/empresarios-menu-grey.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.empresarios img{background: url("../img/empresarios-menu-blue.png") center no-repeat;} .subheader .main-menu .first-menu li.active a.empresarios img{background: url("../img/empresarios-menu-white.png") center no-repeat;} /* opciones icónicas menú superior */ .subheader .main-menu .first-menu li a.home1 img, .main-menu-mobile .first-menu li a.home1 img{background: url("../img/home1.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.home1 img, .subheader .main-menu .first-menu li.active a.home1 img, .main-menu-mobile .first-menu li a:hover.home1 img, .main-menu-mobile .first-menu li.active a.home1 img{background: url("../img/home1_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.conocenos1 img, .main-menu-mobile .first-menu li a.conocenos1 img{background: url("../img/conocenos1.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.conocenos1 img, .subheader .main-menu .first-menu li.active a.conocenos1 img, .main-menu-mobile .first-menu li a:hover.conocenos1 img, .main-menu-mobile .first-menu li.active a.conocenos1 img{background: url("../img/conocenos1_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.trabajadores1 img, .main-menu-mobile .first-menu li a.trabajadores1 img{background: url("../img/trabajadores1.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.trabajadores1 img, .subheader .main-menu .first-menu li.active a.trabajadores1 img, .main-menu-mobile .first-menu li a:hover.trabajadores1 img, .main-menu-mobile .first-menu li.active a.trabajadores1 img{background: url("../img/trabajadores1_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.pensionistas1 img, .main-menu-mobile .first-menu li a.pensionistas1 img{background: url("../img/pensionistas1.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.pensionistas1 img, .subheader .main-menu .first-menu li.active a.pensionistas1 img, .main-menu-mobile .first-menu li a:hover.pensionistas1 img, .main-menu-mobile .first-menu li.active a.pensionistas1 img{background: url("../img/pensionistas1_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.empresarios1 img, .main-menu-mobile .first-menu li a.empresarios1 img{background: url("../img/empresarios1.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.empresarios1 img, .subheader .main-menu .first-menu li.active a.empresarios1 img, .main-menu-mobile .first-menu li a:hover.empresarios1 img, .main-menu-mobile .first-menu li.active a.empresarios1 img{background: url("../img/empresarios1_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.trabajadores2 img, .main-menu-mobile .first-menu li a.trabajadores2 img{background: url("../img/trabajadores2.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.trabajadores2 img, .subheader .main-menu .first-menu li.active a.trabajadores2 img, .main-menu-mobile .first-menu li a:hover.trabajadores2 img, .main-menu-mobile .first-menu li.active a.trabajadores2 img{background: url("../img/trabajadores2_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.pensionistas2 img, .main-menu-mobile .first-menu li a.pensionistas2 img{background: url("../img/pensionistas2.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.pensionistas2 img, .subheader .main-menu .first-menu li.active a.pensionistas2 img, .main-menu-mobile .first-menu li a:hover.pensionistas2 img, .main-menu-mobile .first-menu li.active a.pensionistas2 img{background: url("../img/pensionistas2_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.empresarios2 img, .main-menu-mobile .first-menu li a.empresarios2 img{background: url("../img/empresarios2.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.empresarios2 img, .subheader .main-menu .first-menu li.active a.empresarios2 img, .main-menu-mobile .first-menu li a:hover.empresarios2 img, .main-menu-mobile .first-menu li.active a.empresarios2 img{background: url("../img/empresarios2_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.home3 img, .main-menu-mobile .first-menu li a.home3 img{background: url("../img/home3.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.home3 img, .subheader .main-menu .first-menu li.active a.home3 img, .main-menu-mobile .first-menu li a:hover.home3 img, .main-menu-mobile .first-menu li.active a.home3 img{background: url("../img/home1.png") center no-repeat;} .subheader .main-menu .first-menu li a.conocenos3 img, .main-menu-mobile .first-menu li a.conocenos3 img{background: url("../img/conocenos3.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.conocenos3 img, .subheader .main-menu .first-menu li.active a.conocenos3 img, .main-menu-mobile .first-menu li a:hover.conocenos3 img, .main-menu-mobile .first-menu li.active a.conocenos3 img{background: url("../img/conocenos3_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.trabajadores3 img, .main-menu-mobile .first-menu li a.trabajadores3 img{background: url("../img/trabajadores3.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.trabajadores3 img, .subheader .main-menu .first-menu li.active a.trabajadores3 img, .main-menu-mobile .first-menu li a:hover.trabajadores3 img, .main-menu-mobile .first-menu li.active a.trabajadores3 img{background: url("../img/trabajadores3_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.pensionistas3 img, .main-menu-mobile .first-menu li a.pensionistas3 img{background: url("../img/pensionistas3.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.pensionistas3 img, .subheader .main-menu .first-menu li.active a.pensionistas3 img, .main-menu-mobile .first-menu li a:hover.pensionistas3 img, .main-menu-mobile .first-menu li.active a.pensionistas3 img{background: url("../img/pensionistas3_active.png") center no-repeat;} .subheader .main-menu .first-menu li a.empresarios3 img, .main-menu-mobile .first-menu li a.empresarios3 img{background: url("../img/empresarios3.png") center no-repeat;} .subheader .main-menu .first-menu li a:hover.empresarios3 img, .subheader .main-menu .first-menu li.active a.empresarios3 img, .main-menu-mobile .first-menu li a:hover.empresarios3 img, .main-menu-mobile .first-menu li.active a.empresarios3 img{background: url("../img/empresarios3_active.png") center no-repeat;} /** iconos elegidos Superior **/ .subheader .main-menu .first-menu li a.homeICO img, .main-menu-mobile .first-menu li a.homeICO img{ background: url("../img/historicoNov/InicialesIconos_I-LineaINSS.png") center no-repeat;background-size: contain; } .subheader .main-menu .first-menu li a:hover.homeICO img, .subheader .main-menu .first-menu li.active a.homeICO img, .main-menu-mobile .first-menu li a:hover.homeICO img, .main-menu-mobile .first-menu li.active a.homeICO img{ background: url("../img/historicoNov/InicialesIconos_I-LineaINSS_active.png") center no-repeat;background-size: contain; } .subheader .main-menu .first-menu li a.conocenosICO img, .main-menu-mobile .first-menu li a.conocenosICO img{background: url("../img/historicoNov/InicialesIconos_C-LineaINSS.png") center no-repeat;background-size: contain;} .subheader .main-menu .first-menu li a:hover.conocenosICO img, .subheader .main-menu .first-menu li.active a.conocenosICO img, .main-menu-mobile .first-menu li a:hover.conocenosICO img, .main-menu-mobile .first-menu li.active a.conocenosICO img{background: url("../img/historicoNov/InicialesIconos_C-LineaINSS_active.png") center no-repeat;background-size: contain;} .subheader .main-menu .first-menu li a.trabajadoresICO img, .main-menu-mobile .first-menu li a.trabajadoresICO img{background: url("../img/historicoNov/InicialesIconos_T-LineaINSS.png") center no-repeat;background-size: contain;} .subheader .main-menu .first-menu li a:hover.trabajadoresICO img, .subheader .main-menu .first-menu li.active a.trabajadoresICO img, .main-menu-mobile .first-menu li a:hover.trabajadoresICO img, .main-menu-mobile .first-menu li.active a.trabajadoresICO img{background: url("../img/historicoNov/InicialesIconos_T-LineaINSS_active.png") center no-repeat;background-size: contain;} .subheader .main-menu .first-menu li a.pensionistasICO img, .main-menu-mobile .first-menu li a.pensionistasICO img{background: url("../img/historicoNov/InicialesIconos_P-LineaINSS.png") center no-repeat;background-size: contain;} .subheader .main-menu .first-menu li a:hover.pensionistasICO img, .subheader .main-menu .first-menu li.active a.pensionistasICO img, .main-menu-mobile .first-menu li a:hover.pensionistasICO img, .main-menu-mobile .first-menu li.active a.pensionistasICO img{background: url("../img/historicoNov/InicialesIconos_P-LineaINSS_active.png") center no-repeat;background-size: contain;} .subheader .main-menu .first-menu li a.empresariosICO img, .main-menu-mobile .first-menu li a.empresariosICO img{background: url("../img/historicoNov/InicialesIconos_E-LineaINSS.png") center no-repeat;background-size: contain;} .subheader .main-menu .first-menu li a:hover.empresariosICO img, .subheader .main-menu .first-menu li.active a.empresariosICO img, .main-menu-mobile .first-menu li a:hover.empresariosICO img, .main-menu-mobile .first-menu li.active a.empresariosICO img{background: url("../img/historicoNov/InicialesIconos_E-LineaINSS_active.png") center no-repeat;background-size: contain;} /* opciones icónicas menú superior móvil*/ .main-menu-mobile .first-menu li a img, .main-menu-mobile .first-menu li a.home1 img, .main-menu-mobile .first-menu li a:hover.home1 img, .main-menu-mobile .first-menu li.active a.home1 img, .main-menu-mobile .first-menu li a.conocenos1 img, .main-menu-mobile .first-menu li a:hover.conocenos1 img, .main-menu-mobile .first-menu li.active a.conocenos1 img, .main-menu-mobile .first-menu li a.home img, .main-menu-mobile .first-menu li a:hover.home img, .main-menu-mobile .first-menu li.active a.home img, .main-menu-mobile .first-menu li a.conocenos img, .main-menu-mobile .first-menu li a:hover.conocenos img, .main-menu-mobile .first-menu li.active a.conocenos img, .main-menu-mobile .first-menu li a.home3 img, .main-menu-mobile .first-menu li a:hover.home3 img, .main-menu-mobile .first-menu li.active a.home3 img, .main-menu-mobile .first-menu li a.conocenos3 img, .main-menu-mobile .first-menu li a:hover.conocenos3 img, .main-menu-mobile .first-menu li.active a.conocenos3 img, .main-menu-mobile .first-menu li a.trabajadores1 img, .main-menu-mobile .first-menu li a:hover.trabajadores1 img, .main-menu-mobile .first-menu li.active a.trabajadores1 img, .main-menu-mobile .first-menu li a.pensionistas1 img, .main-menu-mobile .first-menu li a:hover.pensionistas1 img, .main-menu-mobile .first-menu li.active a.pensionistas1 img, .main-menu-mobile .first-menu li a.empresarios1 img, .main-menu-mobile .first-menu li a:hover.empresarios1 img, .main-menu-mobile .first-menu li.active a.empresarios1 img, .main-menu-mobile .first-menu li a.trabajadores2 img, .main-menu-mobile .first-menu li a:hover.trabajadores2 img, .main-menu-mobile .first-menu li.active a.trabajadores2 img, .main-menu-mobile .first-menu li a.pensionistas2 img, .main-menu-mobile .first-menu li a:hover.pensionistas2 img, .main-menu-mobile .first-menu li.active a.pensionistas2 img, .main-menu-mobile .first-menu li a.empresarios2 img, .main-menu-mobile .first-menu li a:hover.empresarios2 img, .main-menu-mobile .first-menu li.active a.empresarios2 img, .main-menu-mobile .first-menu li a.trabajadores3 img, .main-menu-mobile .first-menu li a:hover.trabajadores3 img, .main-menu-mobile .first-menu li.active a.trabajadores3 img, .main-menu-mobile .first-menu li a.pensionistas3 img, .main-menu-mobile .first-menu li a:hover.pensionistas3 img, .main-menu-mobile .first-menu li.active a.pensionistas3 img, .main-menu-mobile .first-menu li a.empresarios3 img, .main-menu-mobile .first-menu li a:hover.empresarios3 img, .main-menu-mobile .first-menu li.active a.empresarios3 img{ display: inline-block; float: left; padding: 12px; margin: -3px auto; background-size: 17px; } /* opciones Iniciales menú superior */ .subheader .main-menu .first-menu li a.homeIniciales img, .main-menu-mobile .first-menu li a.homeIniciales img{background: url("../img/MenuI-01.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a:hover.homeIniciales img, .subheader .main-menu .first-menu li.active a.homeIniciales img, .main-menu-mobile .first-menu li a:hover.homeIniciales img, .main-menu-mobile .first-menu li.active a.homeIniciales img{background: url("../img/MenuI-01_active.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a.conocenosIniciales img, .main-menu-mobile .first-menu li a.conocenosIniciales img{background: url("../img/MenuI-02.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a:hover.conocenosIniciales img, .subheader .main-menu .first-menu li.active a.conocenosIniciales img, .main-menu-mobile .first-menu li a:hover.conocenosIniciales img, .main-menu-mobile .first-menu li.active a.conocenosIniciales img{background: url("../img/MenuI-02_active.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a.trabajadoresIniciales img, .main-menu-mobile .first-menu li a.trabajadoresIniciales img{background: url("../img/MenuI-03.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a:hover.trabajadoresIniciales img, .subheader .main-menu .first-menu li.active a.trabajadoresIniciales img, .main-menu-mobile .first-menu li a:hover.trabajadoresIniciales img, .main-menu-mobile .first-menu li.active a.trabajadoresIniciales img{background: url("../img/MenuI-03_active.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a.pensionistasIniciales img, .main-menu-mobile .first-menu li a.pensionistasIniciales img{background: url("../img/MenuI-04.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a:hover.pensionistasIniciales img, .subheader .main-menu .first-menu li.active a.pensionistasIniciales img, .main-menu-mobile .first-menu li a:hover.pensionistasIniciales img, .main-menu-mobile .first-menu li.active a.pensionistasIniciales img{background: url("../img/MenuI-04_active.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a.empresariosIniciales img, .main-menu-mobile .first-menu li a.empresariosIniciales img{background: url("../img/MenuI-05.png") center no-repeat; background-size: contain;} .subheader .main-menu .first-menu li a:hover.empresariosIniciales img, .subheader .main-menu .first-menu li.active a.empresariosIniciales img, .main-menu-mobile .first-menu li a:hover.empresariosIniciales img, .main-menu-mobile .first-menu li.active a.empresariosIniciales img{background: url("../img/MenuI-05_active.png") center no-repeat; background-size: contain;} /* opciones Iniciales menú superior móvil*/ .main-menu-mobile .first-menu li a.homeIniciales img, .main-menu-mobile .first-menu li a:hover.homeIniciales img, .main-menu-mobile .first-menu li.active a.homeIniciales img, .main-menu-mobile .first-menu li a.conocenosIniciales img, .main-menu-mobile .first-menu li a:hover.conocenosIniciales img, .main-menu-mobile .first-menu li.active a.conocenosIniciales img, .main-menu-mobile .first-menu li a.trabajadoresIniciales img, .main-menu-mobile .first-menu li a:hover.trabajadoresIniciales img, .main-menu-mobile .first-menu li.active a.trabajadoresIniciales img, .main-menu-mobile .first-menu li a.pensionistasIniciales img, .main-menu-mobile .first-menu li a:hover.pensionistasIniciales img, .main-menu-mobile .first-menu li.active a.pensionistasIniciales img, .main-menu-mobile .first-menu li a.empresariosIniciales img, .main-menu-mobile .first-menu li a:hover.empresariosIniciales img, .main-menu-mobile .first-menu li.active a.empresariosIniciales img, .main-menu-mobile .first-menu li a.homeICO img, .main-menu-mobile .first-menu li a:hover.homeICO img, .main-menu-mobile .first-menu li.active a.homeICO img, .main-menu-mobile .first-menu li a.homeICO img, .main-menu-mobile .first-menu li a:hover.homeICO img, .main-menu-mobile .first-menu li.active a.homeICO img, .main-menu-mobile .first-menu li a.homeICO img, .main-menu-mobile .first-menu li a:hover.homeICO img, .main-menu-mobile .first-menu li.active a.homeICO img, .main-menu-mobile .first-menu li a.homeICO img, .main-menu-mobile .first-menu li a:hover.homeICO img, .main-menu-mobile .first-menu li.active a.homeICO img, .main-menu-mobile .first-menu li a.homeICO img, .main-menu-mobile .first-menu li a:hover.homeICO img, .main-menu-mobile .first-menu li.active a.homeICO img, .main-menu-mobile .first-menu li a.conocenosICO img, .main-menu-mobile .first-menu li a:hover.conocenosICO img, .main-menu-mobile .first-menu li.active a.conocenosICO img, .main-menu-mobile .first-menu li a.trabajadoresICO img, .main-menu-mobile .first-menu li a:hover.trabajadoresICO img, .main-menu-mobile .first-menu li.active a.trabajadoresICO img, .main-menu-mobile .first-menu li a.pensionistasICO img, .main-menu-mobile .first-menu li a:hover.pensionistasICO img, .main-menu-mobile .first-menu li.active a.pensionistasICO img, .main-menu-mobile .first-menu li a.empresariosICO img, .main-menu-mobile .first-menu li a:hover.empresariosICO img, .main-menu-mobile .first-menu li.active a.empresariosICO img{ display: inline-block; float: left; padding: 12px; margin: -3px auto; background-size: 17px; } /** fin opciones icónicas menú **/ .subheader .main-menu .first-menu li a:hover { color: #03709b; text-decoration:underline; } /*.subheader .main-menu .first-menu li a.home { padding-left: 4px; }*/ .subheader .main-menu .first-menu li.parent a { color: #03709b; font-weight:700; } .subheader .main-menu .first-menu li.parent .secondary-menu a { font-weight:300; } .subheader .main-menu .first-menu li.parent a:hover{ text-decoration:underline; } .subheader .main-menu .first-menu li.parent a.home img{ display: block;margin: 0 auto; background-image: url("../img/Inicio-casa-menu-blue.png"); } .subheader .main-menu .first-menu li.parent a.empresarios img{ display: block;margin: 0 auto; background-image: url("../img/empresarios-menu-blue.png"); } .subheader .main-menu .first-menu li.first { border-left: 0; padding-left: 8px; } .subheader .main-menu .first-menu li.last { padding-right: 0; } .subheader .main-menu .first-menu li .second-menu { display: none; background: #006f93; height: 273px; width: 940px; position: absolute; top: 60px; /*49px;*/ left: 0; z-index: 100; } .subheader .main-menu .first-menu li .second-menu:before, .subheader .main-menu .first-menu li .second-menu:after { content: " "; display: table; } .subheader .main-menu .first-menu li .second-menu:after { clear: both; } .subheader .main-menu .first-menu li .second-menu h2 { margin: 30px 0 25px 80px; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 600; color: #ffffff; font-size: 1.1em; } .subheader .main-menu .first-menu li .second-menu ul { width: 720px; margin: 0 0 0 60px; } .subheader .main-menu .first-menu li .second-menu ul li { float: left; font-size: 1em; height: 30px; margin: 0 0 20px 20px; width: 220px; padding: 0; border: none; } .subheader .main-menu .first-menu li .second-menu ul li a { display: block; color: #ffffff; line-height: 1.25em; padding: 5px 0; } .subheader .main-menu .first-menu li .second-menu ul li a:hover { background: #ffffff; color: #333333; margin-left: -20px; padding-left: 20px; } .subheader .main-menu .first-menu li.active > a { display: block; margin: 0 -10px; /*-15px;*/ padding: 0 8px 10px 8px; /* 10px 14px 0 14px; */ position: relative; top: 0px; /*-10px;*/ height: 70px; /* 60px; */ text-align: center; } .subheader .main-menu .first-menu li.active > a:before{ content: ''; width: 90%; height: 2px; position: absolute; left: 5%; background: #006f93; bottom: 0px; } .subheader .main-menu .first-menu li.active > a:hover { text-decoration:none; } .subheader .main-menu .first-menu li.active .second-menu { display: block; } /*menu secondary css*/ .subheader .main-menu li .secondary-menu { visibility: hidden; background: #e2edf7; height: auto; width: 940px; position: absolute; top: 55px; left: 15px; z-index: 100; } /*activar para ver submenu: */ .subheader .main-menu li.has-submenu:hover div.secondary-menu { visibility: visible; opacity: 1; } .subheader .main-menu .first-menu li .secondary-menu h2 { margin: 30px 0 25px 80px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 600; color: #006f93; font-size: 1.3em; } .subheader .main-menu .first-menu li .secondary-menu ul { width: 720px; margin: 0 0 0 60px; } .subheader .main-menu .first-menu li .secondary-menu ul li { float: left; font-size: 1em; height: 30px; margin: 0 0 20px 20px; width: 220px; padding: 0; border: none; } .subheader .main-menu .first-menu li .secondary-menu ul li a { display: block; color: #006f93; line-height: 1.25em;font-weight: 400; padding: 5px 0; } /** Buscador Móvil **/ .header .search-box #search-mm{ border-left: 1px solid #e5e5e5; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.9em; padding: 0px 20px 0px 5px; margin: 0 0 0 0; height: 24px; position: relative; float: left; } .main-menu-mobile .search-box #search-mm{ border: none; width: 100%; margin-bottom: 10px; } .header .search-box #search-mm .query { display: block; color: transparent; max-width: 150px; padding: 5px 30px 5px 5px; /* background: #ffffff url(../img/buscar-lupa.png) no-repeat 0px center; */ border: none; height: 24px; color: #333333; font-size: 1em; margin: 0; position: relative; right: 0px; width: inherit; /* background: #ededed url(../img/buscar-lupa.png) no-repeat 126px center; */ border: none; display: block; background: #ededed url(../img/buscar-lupa-azul.png) no-repeat 126px center; background-size: 12px;cursor:auto; } .main-menu-mobile .search-box #search-mm .query { max-width: 100%; width: 100%; margin-bottom: 10px; float: none; background-position: 99%; } .main-menu-mobile h1 + .navbar-toggle, .main-menu-mobile .h1 + .navbar-toggle { top: 0; position: absolute; right: 0; } .header .main-menu-mobile .logo { margin: auto; padding: 0; } /** Content **/ #content { /*outline: none;*/ } .row-home{ width: 940px !important; margin: 0px auto; } section.aviso-home { position:relative; width: 940px !important; margin: 0px auto; z-index: 1; margin-bottom: 5px; } section.aviso-page { position:relative; width: 940px !important; margin: 0px auto; z-index: 1;margin-bottom: 5px; display: table; } /*** CONTENEDORES ***/ #segsocial{margin: 0;} div.niv-content{ padding:inherit; background-color: #fff; border: 1px solid #ddd; border-radius: 2px; } div.niv-content.gloss{ min-height: 20px; padding: 7px; font-size: 1.6em; background-color: #f9F9F9; } div.niv-content.gloss div{display:flex;} div.niv-content.gloss span{border-right: 1px solid #ddd;} div.niv-content.gloss ul{text-align:center;} div.niv-content.gloss ul li{display:inline-block;} div.niv-content.gloss ul li a{padding: 7px;} div.niv-content.gloss ul li a:hover{background-color: #cef3ff;} div.niv-content .well div div.form-group{ padding:0; } div.in-content{ padding:inherit; } p.in-content,h3.title.in-content,.title-plus+div.in-content{ padding:0 15px; } .Intro { font-size: 95%; } h2.intro{margin:0 0 0 15px;padding:0px 10px 0 0;} .info-intro, .tab-content.info #myOffices p { color: #333333; } .info-centro{ color: #333333; background-color: #F9F9F9; border-bottom-color: #ddd; border-bottom-width: 1px; border-bottom-style: solid; margin-bottom: 5px; padding: 5px 10px 5px; } /* Bloque enlaces relacionados */ .panel-rel{ border-color:#ddd; margin-bottom: 20px;margin:0px;display:table; background-color: #ededed; border: 1px solid transparent; width: inherit; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-rel > .panel-rel-head{ color: #333333; background-color: #006f93; border-color: #ddd; padding: 10px 15px; /*border-bottom: 1px solid transparent; border-top-left-radius: 2px; border-top-right-radius: 2px;*/ } .panel-rel-title{ margin-top: 0; margin-bottom: 0; font-size: 1em; color: #ffffff; text-align:center; } .panel-rel-title > a{ color:#006f93; } .panel-rel-title.BlueSide{ border-bottom: 2px solid #ffffff; padding-bottom: 4px; font-weight: 600; line-height: 1.1; color: #ffffff; margin: 0; font-size: 1em; } .panel-rel-body.BlueSide{ background-color: #006F93; width: 100%; } .panel-rel-body.BlueSide ul li{ color: #ffffff; } .panel-rel-body{ display:table; width: inherit; padding: 15px; } .panel-rel-body ul {margin-left: 15px;} .panel-rel-body ul li{ color:#999999; list-style-type: disc; list-style-position: outside; padding-left: 0; line-height: 1.3em; padding-bottom: 6px; } .panel-rel-footer{ border: 1px solid #ededed; margin-bottom: 0px;/* 20*/ background-color: #f4f4f4; padding: 5px; float: left; box-sizing: inherit; width: 100%; display: inline-table; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .panel-rel-footer a { padding: 1px; } .panel-rel-footer a:focus img { display: block; border: #cc0000 solid 1px; } /*PUBLIaCCESS*/ .panel-services{ border: 1px solid #ddd; margin-bottom: 20px; background-color: #f9F9F9; width: inherit; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } .panel-services > .panel-services-head{ font-size: 0.85em; color: #333333; padding: 10px 15px; } .panel-services > .panel-services-head > h1, .panel-services > .panel-services-head > h2, .panel-services > .panel-services-head .component-control h1, .panel-services > .panel-services-head .component-control h2{ margin-top: 0; margin-bottom: 0;overflow: hidden; } .panel-services-body{ display:table; width: inherit; padding: 15px 0 0; background-color: #ffffff; border-top: 1px solid #ddd; } .panel-services-body div.component-control .wpthemeControl .wpthemeControlBody div:nth-child(2), .panel-services-body div.component-control .wpthemeControl .wpthemeControlBody div:nth-child(3), .panel-services-body div.component-control .wpthemeControl .wpthemeControlBody div:nth-child(4), .panel-services-body div.component-control .wpthemeControl .wpthemeControlBody div:nth-child(5){ margin-bottom: 20px; } .panel-services-body-portal div div div div:last-child{ margin:0 0 20px; } .panel-services-body .component-control .wpthemeControl .wpthemeControlBody div.wpthemeClear{ margin-bottom: 0px; } .panel-services-body div a { line-height: 1.2em; font-size: 0.84em; vertical-align: middle; display: table; font-weight: 500; color: #444c4f; } .panel-services-body div a span{ min-height: 32px; display: table-cell; vertical-align: middle; padding: 10px 0; } .panel-services-body div a img.icon{ border: 3px solid #ededed; display: table-cell; padding: 1px; margin-right: 5px; } .panel-services-body div.component-control div a, .panel-services-body div.component-control div a+span{ line-height: 1.2em; font-size: 0.84em; vertical-align: middle; display: table-cell; font-weight: 500; color: #444c4f; } .panel-services-body div.component-control .panel-services-body-portal div a{ display: table; } .panel-services-body div.component-control div a+span{ display: table-cell; vertical-align: middle; } .panel-services-body div.component-control div a img{ border: 3px solid #ededed; display: table-cell; padding: 1px; margin-right: 5px; background-repeat: no-repeat; background-position: center center; width: 48px; height: 48px; -moz-border-radius: 51px; -webkit-border-radius: 51px; border-radius: 51px; } .panel-services-body div.component-control div a.topSect img{ width: auto; border-radius: 0; padding-left: 15px; height: 80px; border: none; } .panel-services-body div.bg-white a{ margin: 0 auto; } .panel-services-body-portal{ /*border: 1px solid #ededed;*/ margin-bottom: 0px ; background-color: #f4f4f4; padding: 0px; float: left; box-sizing: inherit; width: 100%; display: inline-block; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } .panel-services-body-portal > .topSect > img{ /*width: 240px; /*33.33333333%;*/ padding-left:15px; height:80px; } .panel-services-body-portal > .topSect + .BlueThree, .panel-services-body-portal > .topSect + .bg-white{ padding:15px 2px 0; width: inherit; } @media (min-width: 1px) and (max-width: 991px) { .panel-services-body-portal > .topSect + .BlueThree{ padding:15px 0; } } .panel-services-body ul {margin-left: 15px;} .panel-services-body ul li{ color:#999999; list-style-type: disc; list-style-position: outside; padding-left: 0; line-height: 1.3em; padding-bottom: 6px; } .panel-services-footer{ border: 1px solid #ededed; margin-bottom: 20px; background-color: #f4f4f4; padding: 5px; float: left; box-sizing: inherit; width: 100%; display: inline-block; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; } /****/ iframe { width: 100%; } .iframe600x800 > iframe{ width: 100%; height:800px; min-height:600px; } .iframe > iframe{ width: 100%; height:1280px; min-height:1140px; } @media (min-width: 1px) and (max-width: 890px){ .iframe > iframe{ width: 100%; height:800px; min-height:auto; } } /** resultados **/ #Resultados .text-block ul li p strong{ clear:both;display: block; font-size: 0.85em; } #Resultados .text-block ul li{ border-bottom: #dddddd 1px solid; } /* CAPA LOGOTIPOS -----------------------------------------------*/ /* CONTENIDO -------------------------------------------------------*/ .contenido { float: left; height: 490px; width: 940px; } #contenido h2.bloques { font-size: 1.4em; } #contenido div.capa_contenido_bloques,.mark_content div.capa_contenido_bloques{ margin: 0.5em; padding: 0em; clear: both; } #contenido .bloques, #contenido div.capa_contenido_bloques h3.bloques, .mark_content .bloques, .mark_content div.capa_contenido_bloques h3.bloques{ background-color: #eeeeee; padding: 0.5em; } #contenido span.bloques, .mark_content span.bloques{ font-size: 1.4em; font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; margin-top: 20px; margin-bottom: 10px; display:block; } #contenido .address, .mark_content .address{ font-weight: normal; margin-bottom: 20px; font-style: normal; line-height: 1.42857143; display:block; } #contenido ol, .mark_content ol{ margin-left: 2em; padding: 0em; } #contenido ol li, .mark_content ol li{ /* list-style-type: decimal; */ list-style-position: outside; margin: 0 0 10px 0; font-size: inherit; color: #333333; } #contenido ul, .mark_content ul{ margin-left: 2em; padding: 0em; } #contenido ul li, .mark_content ul li{ list-style-position: inside; list-style-type: square; list-style-position: outside; margin: 0 0 10px 0; font-size: inherit; color: #333333; list-style-image:url('../img/triangle-list.gif'); } #contenido ul li ul li, #contenido ol li ul li, .mark_content ul li ul li, .mark_content ol li ul li{ list-style-image:url('../img/triangle2-list.gif'); } #contenido ul li ol li, .mark_content ul li ol li{ list-style-type: decimal; list-style-image: none; } #contenido p, #contenido .irdivizq, .mark_content p, .mark_content .irdivizq{ text-align: left; } #contenido .irdivder, .mark_content .irdivder{ text-align: right; } #contenido .irdivcent, .mark_content caption p, .mark_content .irdivcent{ text-align: center; } #contenido .irdivjust, .mark_content .irdivjust{ text-align: justify; } #contenido .irpuno, .mark_content .irpuno{ text-align: justify; margin-left: 2% !important; } #contenido .irpdos, .mark_content .irpdos{ text-align: justify; margin-left: 5% !important; } #contenido .irptres, .mark_content .irptres{ text-align: justify; margin-left: 10% !important; } #contenido .irlinkBoton, .mark_content .irlinkBoton{ display: block; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border-radius: 2px; font-family: Roboto, Arial, Helvetica, sans-serif; color: #fff; background-color: #006f93; border-color: transparent; font-weight: normal; border: 1px solid; line-height: 1.12em; padding: 10px 15px; font-size: 0.938em; } #contenido .irlinkBoton a:visited, .mark_content .irlinkBoton a:visited{ TEXT-DECORATION: none; FONT-WEIGHT: normal; color: #fff; } #contenido .irlinkBoton a:link, .mark_content .irlinkBoton a:link{ TEXT-DECORATION: none; FONT-WEIGHT: normal; color: #fff; } #contenido .irlinkBoton a:hover, .mark_content .irlinkBoton a:hover, #contenido .irlinkBoton a:focus, .mark_content .irlinkBoton a:focus{ TEXT-DECORATION: underline; color: #d8e9ee; } #contenido .irtramite, .mark_content .irtramite{ /* padding: 0.5em; background-color: #fff; border: 1px solid #ddd; border-radius: 2px;*/ } #contenido .irolalphamin, .mark_content .irolalphamin, #contenido ul li ol.irolalphamin li, .mark_content ol.irolalphamin li{ list-style-type: lower-alpha; } #contenido ul li ol.irolalphamin li li, .mark_content ol.irolalphamin li li { list-style-type: decimal; } #contenido .irolalphamay, .mark_content .irolalphama{ list-style-type: upper-alpha; } #contenido .irolromanmay, .mark_content .irolromanmay{ list-style-type: upper-roman; } #contenido .irolromanmin, .mark_content .irolromanmin{ list-style-type: lower-roman; } #contenido .irnula, .mark_content .irnula{ display:none;} #contenido .disc, .mark_content .disc { list-style-type: disc; list-style-image: none; } #contenido .circle, .mark_content .circle{ list-style-type: circle; list-style-image: none; } #contenido .square, .mark_content .square{ list-style-type: square; list-style-image: none; } #contenido .decimal, .mark_content .decimal { list-style-type: decimal; list-style-image: none; } #contenido .upper-alpha, .mark_content .upper-alpha { list-style-type: upper-alpha; list-style-image: none; } #contenido .lower-alpha, .mark_content .lower-alpha { list-style-type:lower-alpha; list-style-image: none; } #contenido .upper-roman, .mark_content .upper-roman { list-style-type: upper-roman; list-style-image: none; } #contenido .lower-roman, .mark_content .lower-roman { list-style-type: lower-roman; list-style-image: none; } #contenido .lower-greek, .mark_content .lower-greek { list-style-type: lower-greek; list-style-image: none; } #contenido .irimgder , .mark_content .irimgder{ margin: 5px; float: right; } #contenido .irimgizq , .mark_content .irimgizq{ margin: 5px; float: left; } #contenido table, .mark_content table{ min-height: .01%; overflow-x: auto; } .mark_content table th li, .mark_content table td li { text-align:left; } #contenido .irtablabanderas, .mark_content .irtablabanderas, #contenido .irtramite,#contenido .irtabladatos,#contenido .irtabladatos40,#contenido .irtabladatos50,#contenido .irtabladatos60,#contenido .irtabladatos75,#contenido .irtabladatos80,#contenido .irtabladatos90, .mark_content .irtramite,.mark_content .irtabladatos, .mark_content .irtabladatos40,.mark_content .irtabladatos50,.mark_content .irtabladatos60,.mark_content .irtabladatos75,.mark_content .irtabladatos80,.mark_content .irtabladatos90 { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; width: 100%; max-width: 100%; margin-bottom: 20px; color: #333333; display:block;display:inline-table;padding: 0; } #contenido .irtablabanderas tbody, .mark_content .irtablabanderas tbody, #contenido .irtramite tbody,#contenido .irtabladatos tbody,#contenido .irtabladatos40 tbody,#contenido .irtabladatos50 tbody,#contenido .irtabladatos60 tbody,#contenido .irtabladatos75 tbody,#contenido .irtabladatos80 tbody,#contenido .irtabladatos90 tbody, .mark_content .irtramite tbody,.mark_content .irtabladatos tbody, .mark_content .irtabladatos40 tbody,.mark_content .irtabladatos50 tbody,.mark_content .irtabladatos60 tbody,.mark_content .irtabladatos75 tbody,.mark_content .irtabladatos80 tbody,.mark_content .irtabladatos90 tbody{ display:table;width: 100%; } #contenido caption , .mark_content caption { display: table-caption; text-align: center; /* Requerido CCI */ border:1px solid #b2b2b2; color: #333333; text-indent: inherit; height: inherit; line-height: 5px;line-height: normal; } #contenido table caption:empty ,.mark_content table caption:empty {display:none;} #contenido .irtramite > thead > tr,#contenido .irtabladatos > thead > tr,#contenido .irtabladatos40 > thead > tr,#contenido .irtabladatos50 > thead > tr,#contenido .irtabladatos60 > thead > tr,#contenido .irtabladatos75 > thead > tr,#contenido .irtabladatos80 > thead > tr,#contenido .irtabladatos90 > thead > tr, .mark_content .irtramite > thead > tr,.mark_content .irtabladatos > thead > tr, .mark_content .irtabladatos40 > thead > tr,.mark_content .irtabladatos50 > thead > tr,.mark_content .irtabladatos60 > thead > tr,.mark_content .irtabladatos75 > thead > tr,.mark_content .irtabladatos80 > thead > tr,.mark_content .irtabladatos90 > thead > tr{ background-color: #fff; font-size: 0.750em; font-weight: bold; color: #006f93; } #contenido .irtramite > thead > tr> th,#contenido .irtabladatos > thead > tr> th,#contenido .irtabladatos40 > thead > tr> th,#contenido .irtabladatos50 > thead > tr> th,#contenido .irtabladatos60 > thead > tr> th,#contenido .irtabladatos75 > thead > tr> th,#contenido .irtabladatos80 > thead > tr> th,#contenido .irtabladatos90 > thead > tr> th, .mark_content .irtramite > thead > tr> th,.mark_content .irtabladatos > thead > tr> th, .mark_content .irtabladatos40 > thead > tr> th,.mark_content .irtabladatos50 > thead > tr> th,.mark_content .irtabladatos60 > thead > tr> th,.mark_content .irtabladatos75 > thead > tr> th,.mark_content .irtabladatos80 > thead > tr> th,.mark_content .irtabladatos90 > thead > tr> th{ background-color: #F9FBF4; border-color: #006f93; } #contenido tbody tr:last-child, .mark_content tbody tr:last-child{ border-bottom:0; } #contenido .irtramite> tbody > tr > td,#contenido .irtabladatos> tbody > tr > td,#contenido .irtabladatos40> tbody > tr > td,#contenido .irtabladatos50> tbody > tr > td,#contenido .irtabladatos60> tbody > tr > td,#contenido .irtabladatos75> tbody > tr > td,#contenido .irtabladatos80> tbody > tr > td,#contenido .irtabladatos90> tbody > tr > td, .mark_content .irtramite> tbody > tr > td,.mark_content .irtabladatos> tbody > tr > td, .mark_content .irtabladatos40> tbody > tr > td,.mark_content .irtabladatos50> tbody > tr > td,.mark_content .irtabladatos60> tbody > tr > td,.mark_content .irtabladatos75> tbody > tr > td,.mark_content .irtabladatos80> tbody > tr > td,.mark_content .irtabladatos90 > tbody > tr > td{ text-align: left; vertical-align: middle; color: #333333; font-size: 0.9em; /* text-indent: 0.9em; */ } #contenido .irtramite > tbody > tr > th, #contenido .irtabladatos > tbody > tr > th,#contenido .irtabladatos40 > tbody > tr > th,#contenido .irtabladatos50 > tbody > tr > th,#contenido .irtabladatos60 > tbody > tr > th,#contenido .irtabladatos75 > tbody > tr > th,#contenido .irtabladatos80 > tbody > tr > th,#contenido .irtabladatos90 > tbody > tr > th, .mark_content .irtramite > tbody > tr > th,.mark_content .irtabladatos > tbody > tr > th, .mark_content .irtabladatos40 > tbody > tr > th,.mark_content .irtabladatos50 > tbody > tr > th,.mark_content .irtabladatos60 > tbody > tr > th,.mark_content .irtabladatos75 > tbody > tr > th,.mark_content .irtabladatos80 > tbody > tr > th,.mark_content .irtabladatos90 > tbody > tr > th, #contenido .irtramite > tbody > tr > td,#contenido .irtabladatos > tbody > tr > td,#contenido .irtabladatos40 > tbody > tr > td,#contenido .irtabladatos50 > tbody > tr > td,#contenido .irtabladatos60 > tbody > tr > td,#contenido .irtabladatos75 > tbody > tr > td,#contenido .irtabladatos80 > tbody > tr > td,#contenido .irtabladatos90 > tbody > tr > td, .mark_content .irtramite > tbody > tr > td,.mark_content .irtabladatos > tbody > tr > td, .mark_content .irtabladatos40 > tbody > tr > td,.mark_content .irtabladatos50 > tbody > tr > td,.mark_content .irtabladatos60 > tbody > tr > td,.mark_content .irtabladatos75 > tbody > tr > td,.mark_content .irtabladatos80 > tbody > tr > td,.mark_content .irtabladatos90 > tbody > tr > td { border: 1px solid #b2b2b2;padding:5px; } #contenido .irtramite > tbody > tr > th,.mark_content .irtramite > tbody > tr > th{ text-align: right; } #contenido .irtramite > tbody > tr > th,#contenido .irtabladatos > tbody > tr > th,#contenido .irtabladatos40 > tbody > tr > th,#contenido .irtabladatos50 > tbody > tr > th,#contenido .irtabladatos60 > tbody > tr > th,#contenido .irtabladatos75 > tbody > tr > th,#contenido .irtabladatos80 > tbody > tr > th,#contenido .irtabladatos90 > tbody > tr > th, .mark_content .irtramite > tbody > tr > th,.mark_content .irtabladatos > tbody > tr > th, .mark_content .irtabladatos40 > tbody > tr > th,.mark_content .irtabladatos50 > tbody > tr > th,.mark_content .irtabladatos60 > tbody > tr > th,.mark_content .irtabladatos75 > tbody > tr > th,.mark_content .irtabladatos80 > tbody > tr > th,.mark_content .irtabladatos90 > tbody > tr > th { background-color: #ddd; /*ma*/ /* Requerido CCI */ border:1px solid #b2b2b2; border-spacing: 1px; font-size: 0.813em; color: #333333;/*ma*/ min-width: 10%; } #contenido .irtramite.adaptada > tbody > tr > th, #contenido .irtabladatos.adaptada > tbody > tr > th,#contenido .irtabladatos40.adaptada > tbody > tr > th,#contenido .irtabladatos50.adaptada > tbody > tr > th,#contenido .irtabladatos60.adaptada > tbody > tr > th,#contenido .irtabladatos75.adaptada > tbody > tr > th,#contenido .irtabladatos80.adaptada > tbody > tr > th,#contenido .irtabladatos90.adaptada > tbody > tr > th, .mark_content .irtramite.adaptada > tbody > tr > th,.mark_content .irtabladatos.adaptada > tbody > tr > th, .mark_content .irtabladatos40.adaptada > tbody > tr > th,.mark_content .irtabladatos50.adaptada > tbody > tr > th,.mark_content .irtabladatos60.adaptada > tbody > tr > th,.mark_content .irtabladatos75.adaptada > tbody > tr > th,.mark_content .irtabladatos80.adaptada > tbody > tr > th,.mark_content .irtabladatos90.adaptada > tbody > tr > th, #contenido .irtramite.adaptada > tbody > tr > td,#contenido .irtabladatos.adaptada > tbody > tr > td,#contenido .irtabladatos40.adaptada > tbody > tr > td,#contenido .irtabladatos50.adaptada > tbody > tr > td,#contenido .irtabladatos60.adaptada > tbody > tr > td,#contenido .irtabladatos75.adaptada > tbody > tr > td,#contenido .irtabladatos80.adaptada > tbody > tr > td,#contenido .irtabladatos90.adaptada > tbody > tr > td, .mark_content .irtramite.adaptada > tbody > tr > td,.mark_content .irtabladatos.adaptada > tbody > tr > td, .mark_content .irtabladatos40.adaptada > tbody > tr > td,.mark_content .irtabladatos50.adaptada > tbody > tr > td,.mark_content .irtabladatos60.adaptada > tbody > tr > td,.mark_content .irtabladatos75.adaptada > tbody > tr > td,.mark_content .irtabladatos80.adaptada > tbody > tr > td,.mark_content .irtabladatos90.adaptada > tbody > tr > td { width:auto; } #contenido .irtramite>thead>tr>th:nth-child(1), #contenido .irtramite>tbody>tr>td:nth-child(1), #contenido .irtramite>thead>tr>th:nth-child(2), #contenido .irtramite>tbody>tr>td:nth-child(2), #contenido .irtabladatos>thead>tr>th:nth-child(1), #contenido .irtabladatos>tbody>tr>td:nth-child(1), #contenido .irtabladatos>thead>tr>th:nth-child(2), #contenido .irtabladatos>tbody>tr>td:nth-child(2), .mark_content .irtabladatos>thead>tr>th:nth-child(1), .mark_content .irtabladatos>tbody>tr>td:nth-child(1), .mark_content .irtabladatos>thead>tr>th:nth-child(2), .mark_content .irtabladatos>tbody>tr>td:nth-child(2), #contenido .irtabladatos40>thead>tr>th:nth-child(1), #contenido .irtabladatos40>tbody>tr>td:nth-child(1), #contenido .irtabladatos40>thead>tr>th:nth-child(2), #contenido .irtabladatos40>tbody>tr>td:nth-child(2), .mark_content .irtabladatos40>thead>tr>th:nth-child(1), .mark_content .irtabladatos40>tbody>tr>td:nth-child(1), .mark_content .irtabladatos40>thead>tr>th:nth-child(2), .mark_content .irtabladatos40>tbody>tr>td:nth-child(2), #contenido .irtabladatos50>thead>tr>th:nth-child(1), #contenido .irtabladatos50>tbody>tr>td:nth-child(1), #contenido .irtabladatos50>thead>tr>th:nth-child(2), #contenido .irtabladatos50>tbody>tr>td:nth-child(2), .mark_content .irtabladatos50>thead>tr>th:nth-child(1), .mark_content .irtabladatos50>tbody>tr>td:nth-child(1), .mark_content .irtabladatos50>thead>tr>th:nth-child(2), .mark_content .irtabladatos50>tbody>tr>td:nth-child(2), #contenido .irtabladatos60>thead>tr>th:nth-child(1), #contenido .irtabladatos60>tbody>tr>td:nth-child(1), #contenido .irtabladatos60>thead>tr>th:nth-child(2), #contenido .irtabladatos60>tbody>tr>td:nth-child(2), .mark_content .irtabladatos60>thead>tr>th:nth-child(1), .mark_content .irtabladatos60>tbody>tr>td:nth-child(1), .mark_content .irtabladatos60>thead>tr>th:nth-child(2), .mark_content .irtabladatos60>tbody>tr>td:nth-child(2), #contenido .irtabladatos75>thead>tr>th:nth-child(1), #contenido .irtabladatos75>tbody>tr>td:nth-child(1), #contenido .irtabladatos75>thead>tr>th:nth-child(2), #contenido .irtabladatos75>tbody>tr>td:nth-child(2), .mark_content .irtabladatos75>thead>tr>th:nth-child(1), .mark_content .irtabladatos75>tbody>tr>td:nth-child(1), .mark_content .irtabladatos75>thead>tr>th:nth-child(2), .mark_content .irtabladatos75>tbody>tr>td:nth-child(2), #contenido .irtabladatos80>thead>tr>th:nth-child(1), #contenido .irtabladatos80>tbody>tr>td:nth-child(1), #contenido .irtabladatos80>thead>tr>th:nth-child(2), #contenido .irtabladatos80>tbody>tr>td:nth-child(2), .mark_content .irtabladatos80>thead>tr>th:nth-child(1), .mark_content .irtabladatos80>tbody>tr>td:nth-child(1), .mark_content .irtabladatos80>thead>tr>th:nth-child(2), .mark_content .irtabladatos80>tbody>tr>td:nth-child(2), #contenido .irtabladatos90>thead>tr>th:nth-child(1), #contenido .irtabladatos90>tbody>tr>td:nth-child(1), #contenido .irtabladatos90>thead>tr>th:nth-child(2), #contenido .irtabladatos90>tbody>tr>td:nth-child(2), .mark_content .irtabladatos90>thead>tr>th:nth-child(1), .mark_content .irtabladatos90>tbody>tr>td:nth-child(1), .mark_content .irtabladatos90>thead>tr>th:nth-child(2), .mark_content .irtabladatos90>tbody>tr>td:nth-child(2) { padding:5px; } #contenido .irtramite > tbody > tr > td:hover, #contenido .irtramite > tbody > tr > td:focus, #contenido .irtramite > tbody > tr:hover > td, #contenido .irtramite > tbody > tr:focus > td, #contenido .irtramite > tbody > tr > td:hover a, #contenido .irtramite > tbody > tr > td:focus a, #contenido .irtramite > tbody > tr:hover > td a, #contenido .irtramite > tbody > tr:focus > td a , #contenido .irtabladatos > tbody > tr > td:hover, #contenido .irtabladatos > tbody > tr > td:focus, #contenido .irtabladatos > tbody > tr:hover > td, #contenido .irtabladatos > tbody > tr:focus > td, #contenido .irtabladatos > tbody > tr > td:hover a, #contenido .irtabladatos > tbody > tr > td:focus a, #contenido .irtabladatos > tbody > tr:hover > td a, #contenido .irtabladatos > tbody > tr:focus > td a , .mark_content .irtabladatos > tbody > tr > td:hover, .mark_content .irtabladatos > tbody > tr > td:focus, .mark_content .irtabladatos > tbody > tr:hover > td, .mark_content .irtabladatos > tbody > tr:focus > td, .mark_content .irtabladatos > tbody > tr > td:hover a, .mark_content .irtabladatos > tbody > tr > td:focus a, .mark_content .irtabladatos > tbody > tr:hover > td a, .mark_content .irtabladatos > tbody > tr:focus > td a, .mark_content .irtabladatos > tbody > tr > td:hover ul li, .mark_content .irtabladatos > tbody > tr > td:focus ul li , #contenido .irtabladatos40 > tbody > tr > td:hover, #contenido .irtabladatos40 > tbody > tr > td:focus, #contenido .irtabladatos40 > tbody > tr:hover > td, #contenido .irtabladatos40 > tbody > tr:focus > td, #contenido .irtabladatos40 > tbody > tr > td:hover a, #contenido .irtabladatos40 > tbody > tr > td:focus a, #contenido .irtabladatos40 > tbody > tr:hover > td a, #contenido .irtabladatos40 > tbody > tr:focus > td a , .mark_content .irtabladatos40 > tbody > tr > td:hover, .mark_content .irtabladatos40 > tbody > tr > td:focus, .mark_content .irtabladatos40 > tbody > tr:hover > td, .mark_content .irtabladatos40 > tbody > tr:focus > td, .mark_content .irtabladatos40 > tbody > tr > td:hover a, .mark_content .irtabladatos40 > tbody > tr > td:focus a, .mark_content .irtabladatos40 > tbody > tr:hover > td a, .mark_content .irtabladatos40 > tbody > tr:focus > td a, .mark_content .irtabladatos40 > tbody > tr > td:hover ul li, .mark_content .irtabladatos40 > tbody > tr > td:focus ul li , #contenido .irtabladatos50 > tbody > tr > td:hover, #contenido .irtabladatos50 > tbody > tr > td:focus, #contenido .irtabladatos50 > tbody > tr:hover > td, #contenido .irtabladatos50 > tbody > tr:focus > td, #contenido .irtabladatos50 > tbody > tr > td:hover a, #contenido .irtabladatos50 > tbody > tr > td:focus a, #contenido .irtabladatos50 > tbody > tr:hover > td a, #contenido .irtabladatos50 > tbody > tr:focus > td a , .mark_content .irtabladatos50 > tbody > tr > td:hover, .mark_content .irtabladatos50 > tbody > tr > td:focus, .mark_content .irtabladatos50 > tbody > tr:hover > td, .mark_content .irtabladatos50 > tbody > tr:focus > td, .mark_content .irtabladatos50 > tbody > tr > td:hover a, .mark_content .irtabladatos50 > tbody > tr > td:focus a, .mark_content .irtabladatos50 > tbody > tr:hover > td a, .mark_content .irtabladatos50 > tbody > tr:focus > td a, .mark_content .irtabladatos50 > tbody > tr > td:hover ul li, .mark_content .irtabladatos50 > tbody > tr > td:focus ul li , #contenido .irtabladatos60 > tbody > tr > td:hover, #contenido .irtabladatos60 > tbody > tr > td:focus, #contenido .irtabladatos60 > tbody > tr:hover > td, #contenido .irtabladatos60 > tbody > tr:focus > td, #contenido .irtabladatos60 > tbody > tr > td:hover a, #contenido .irtabladatos60 > tbody > tr > td:focus a, #contenido .irtabladatos60 > tbody > tr:hover > td a, #contenido .irtabladatos60 > tbody > tr:focus > td a , .mark_content .irtabladatos60 > tbody > tr > td:hover, .mark_content .irtabladatos60 > tbody > tr > td:focus, .mark_content .irtabladatos60 > tbody > tr:hover > td, .mark_content .irtabladatos60 > tbody > tr:focus > td, .mark_content .irtabladatos60 > tbody > tr > td:hover a, .mark_content .irtabladatos60 > tbody > tr > td:focus a, .mark_content .irtabladatos60 > tbody > tr:hover > td a, .mark_content .irtabladatos60 > tbody > tr:focus > td a, .mark_content .irtabladatos60 > tbody > tr > td:hover ul li, .mark_content .irtabladatos60 > tbody > tr > td:focus ul li , #contenido .irtabladatos75 > tbody > tr > td:hover, #contenido .irtabladatos75 > tbody > tr > td:focus, #contenido .irtabladatos75 > tbody > tr:hover > td, #contenido .irtabladatos75 > tbody > tr:focus > td, #contenido .irtabladatos75 > tbody > tr > td:hover a, #contenido .irtabladatos75 > tbody > tr > td:focus a, #contenido .irtabladatos75 > tbody > tr:hover > td a, #contenido .irtabladatos75 > tbody > tr:focus > td a , .mark_content .irtabladatos75 > tbody > tr > td:hover, .mark_content .irtabladatos75 > tbody > tr > td:focus, .mark_content .irtabladatos75 > tbody > tr:hover > td, .mark_content .irtabladatos75 > tbody > tr:focus > td, .mark_content .irtabladatos75 > tbody > tr > td:hover a, .mark_content .irtabladatos75 > tbody > tr > td:focus a, .mark_content .irtabladatos75 > tbody > tr:hover > td a, .mark_content .irtabladatos75 > tbody > tr:focus > td a, .mark_content .irtabladatos75 > tbody > tr > td:hover ul li, .mark_content .irtabladatos75 > tbody > tr > td:focus ul li , #contenido .irtabladatos80 > tbody > tr > td:hover, #contenido .irtabladatos80 > tbody > tr > td:focus, #contenido .irtabladatos80 > tbody > tr:hover > td, #contenido .irtabladatos80 > tbody > tr:focus > td, #contenido .irtabladatos80 > tbody > tr > td:hover a, #contenido .irtabladatos80 > tbody > tr > td:focus a, #contenido .irtabladatos80 > tbody > tr:hover > td a, #contenido .irtabladatos80 > tbody > tr:focus > td a , .mark_content .irtabladatos80 > tbody > tr > td:hover, .mark_content .irtabladatos80 > tbody > tr > td:focus, .mark_content .irtabladatos80 > tbody > tr:hover > td, .mark_content .irtabladatos80 > tbody > tr:focus > td, .mark_content .irtabladatos80 > tbody > tr > td:hover a, .mark_content .irtabladatos80 > tbody > tr > td:focus a, .mark_content .irtabladatos80 > tbody > tr:hover > td a, .mark_content .irtabladatos80 > tbody > tr:focus > td a, .mark_content .irtabladatos80 > tbody > tr > td:hover ul li, .mark_content .irtabladatos80 > tbody > tr > td:focus ul li , #contenido .irtabladatos90 > tbody > tr > td:hover, #contenido .irtabladatos90 > tbody > tr > td:focus, #contenido .irtabladatos90 > tbody > tr:hover > td, #contenido .irtabladatos90 > tbody > tr:focus > td, #contenido .irtabladatos90 > tbody > tr > td:hover a, #contenido .irtabladatos90 > tbody > tr > td:focus a, #contenido .irtabladatos90 > tbody > tr:hover > td a, #contenido .irtabladatos90 > tbody > tr:focus > td a , .mark_content .irtabladatos90 > tbody > tr > td:hover, .mark_content .irtabladatos90 > tbody > tr > td:focus, .mark_content .irtabladatos90 > tbody > tr:hover > td, .mark_content .irtabladatos90 > tbody > tr:focus > td, .mark_content .irtabladatos90 > tbody > tr > td:hover a, .mark_content .irtabladatos90 > tbody > tr > td:focus a, .mark_content .irtabladatos90 > tbody > tr:hover > td a, .mark_content .irtabladatos90 > tbody > tr:focus > td a, .mark_content .irtabladatos90 > tbody > tr > td:hover ul li, .mark_content .irtabladatos90 > tbody > tr > td:focus ul li { color: #ffffff; background-color: #494949; } #contenido .irtablabanderas , .mark_content .irtablabanderas { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show; width: 100%; max-width: 100%; margin-bottom: 20px; color: #333333; border: none;display:inline-grid; } .mark_content .irtablabanderas td{ text-align: left; padding: 10px;} #contenido .irtablabanderas th , .mark_content .irtablabanderas th{ display: none; } #contenido .irtablabanderas>thead>tr>th:nth-child(1), #contenido .irtablabanderas>tbody>tr>td:nth-child(1), #contenido .irtablabanderas>thead>tr>th:nth-child(2), #contenido .irtablabanderas>tbody>tr>td:nth-child(2) , .mark_content .irtablabanderas>thead>tr>th:nth-child(1), .mark_content .irtablabanderas>tbody>tr>td:nth-child(1), .mark_content .irtablabanderas>thead>tr>th:nth-child(2), .mark_content .irtablabanderas>tbody>tr>td:nth-child(2){ padding:5px; } #contenido .irtablabanderas tbody tr, .mark_content .irtablabanderas tbody tr{ border: none; } .tabla-opciones tr{height: 42px;} .tabla-opciones th:first-child{width: 103px; height: 32px;} .tabla-opciones th:last-child{width: 731px; height: 32px;} .tabla-opciones td:nth-child(1){width: 103px;height: 42px;} .tabla-opciones td:nth-child(2){width: 372px;height: 42px;} .tabla-opciones td:nth-child(3){width: 359px;height: 42px;} /** Tablas migradas sin sentido en un diseño adaptativo / #contenido .irtabladatos40, .mark_content .irtabladatos40 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 40%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #contenido .irtabladatos50, .mark_content .irtabladatos50 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 50%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #contenido .irtabladatos60, .mark_content .irtabladatos60 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 60%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #contenido .irtabladatos75, .mark_content .irtabladatos75 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 75%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #contenido .irtabladatos80, .mark_content .irtabladatos80 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 80%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #contenido .irtabladatos90, .mark_content .irtabladatos90 { BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; WIDTH: 90%; BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid } #contenido .irtabladatos40, .mark_content .irtabladatos40 { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show } #contenido .irtabladatos50, .mark_content .irtabladatos50 { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show } #contenido .irtabladatos60, .mark_content .irtabladatos60 { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show } #contenido .irtabladatos75, .mark_content .irtabladatos75 { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show } #contenido .irtabladatos80, .mark_content .irtabladatos80 { BORDER-COLLAPSE: collapse; EMPTY-CELLS: show } #contenido .irtabladatos90, .mark_content .irtabladatos90{ BORDER-COLLAPSE: collapse; EMPTY-CELLS: show } #contenido .irtabladatos40 TD, .mark_content .irtabladatos40 TD { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 2px; PADDING-RIGHT: 0px } #contenido .irtabladatos50 TD, .mark_content .irtabladatos50 TD { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 2px; PADDING-RIGHT: 0px } #contenido .irtabladatos60 TD, .mark_content .irtabladatos60 TD { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 2px; PADDING-RIGHT: 0px } #contenido .irtabladatos75 TD, .mark_content .irtabladatos75 TD { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 2px; PADDING-RIGHT: 0px } #contenido .irtabladatos80, .mark_content .irtabladatos80 TD { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 2px; PADDING-RIGHT: 0px } #contenido .irtabladatos90, .mark_content .irtabladatos90 TD { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 2px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 0px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 2px; PADDING-RIGHT: 0px } #contenido .irtabladatos40 TH, .mark_content .irtabladatos40 TH { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 0px; BACKGROUND-COLOR: #eeeeee } #contenido .irtabladatos50 TH, .mark_content .irtabladatos50 TH { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 0px; BACKGROUND-COLOR: #eeeeee } #contenido .irtabladatos60 TH, .mark_content .irtabladatos60 TH { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 0px; BACKGROUND-COLOR: #eeeeee } #contenido .irtabladatos75 TH, .mark_content .irtabladatos75 TH { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 0px; BACKGROUND-COLOR: #eeeeee } #contenido .irtabladatos80 TH, .mark_content .irtabladatos80 TH { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 0px; BACKGROUND-COLOR: #eeeeee } #contenido .irtabladatos90 TH, .mark_content .irtabladatos90 TH { MARGIN-BOTTOM: 0px; BORDER-TOP: #ccc 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BORDER-RIGHT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid; PADDING-BOTTOM: 3px; TEXT-ALIGN: center; PADDING-TOP: 2px; PADDING-LEFT: 6px; BORDER-LEFT: #ccc 1px solid; MARGIN-TOP: 0px; BACKGROUND-COLOR: #eeeeee } .irtablabanderas85 { WIDTH: 85% } .irtablabanderas85 TH { DISPLAY: none } .irtablabanderas85 TR { HEIGHT: 2em } .irtablabanderas85 TD { PADDING-BOTTOM: 5px; TEXT-ALIGN: left; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .irtablabanderas35 { WIDTH: 35% } .irtablabanderas35 TH { DISPLAY: none } .irtablabanderas35 TR { HEIGHT: 2em } .irtablabanderas35 TD { PADDING-BOTTOM: 5px; TEXT-ALIGN: left; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } .irtablabanderas { WIDTH: 90% } .irtablabanderas TH { DISPLAY: none } .irtablabanderas TR { HEIGHT: 2em } .irtablabanderas TD { PADDING-BOTTOM: 5px; TEXT-ALIGN: left; PADDING-TOP: 5px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px } /** Footer **/ .contenedorpie1{ width:100%; float:left; background-color:#e4e4e4; bottom:0px; height:125px; padding-top:15px; } .contenedorpie2{ width:100%; float:left; background-color: #444444; } /* PIE DE PAGINA ---------------------------------------*/ .row-footer .footer-sub-links div.validation { margin-top: 0 !important; float:left !important; margin: 0px; } /** Docs sections **/ /* ENCABEZADO INTERIOR ------------------------------*/ /***************************************************************/ /* ESTRUCTURAS */ /***************************************************************/ /*ESTRUCTURAS PAGINA -------------------------------------------------------*/ div.central{width:50%;margin:0px auto;} /*FONDOS ESTRUCTURAS -------------------------------------------------------*/ /*HOME ----------------------------------------*/ .home-servicios-tramites img.total{ width: auto; /*100%;*/ display: block; margin: 0px auto; } .home-servicios-tramites a.total, span.fa.fa-bullhorn, span.fa.fa-eye , span.fa.fa-crosshairs {width: auto; display:block; text-align:center;font-size:1.875em;padding-top:5px; line-height: inherit; color:#006f93;} .home-servicios-tramites a.total:focus{z-index: 999; position: relative; color: inherit; } .home-servicios-tramites button.total{ width: auto; display: block; text-align: center; font-size: 1.875em; padding-top: 5px; line-height: inherit; text-decoration: none; background-color: transparent; color: #ffffff; margin: 0px auto; /*-webkit-appearance: listitem; obsolete */ border: 0; } .home-big-bg {background-color:#ffffff; /* background-image: url("../img/bg-primary-image.png");*/ background-position: 0 0; background-repeat: repeat-x; } .home-links ul li,.home-links div.component-control>div >div { display: inline-block; /*margin: 15px auto auto;*/ min-height: 50px; line-height: 1.2em; padding: 10px; } .home-links ul li.BlueThree a span,.home-links div.component-control >div>div.BlueThree a span { font-size: 0.9em; } .home-links ul li.first,.home-links div.component-control >div>div.first {margin-top:-5px; margin-bottom: -5px;} .home-links ul li.bg-secondary, .home-links ul li.BlueOne, .home-links ul li.BlueTwo, .home-links ul li.BlueThree , .home-links div.component-control>div >div.bg-secondary, .home-links div.component-control>div >div.BlueOne, .home-links div.component-control>div >div.BlueTwo, .home-links div.component-control>div >div.BlueThree {margin-top:5px; margin-bottom:5px;clear:left;} .home-links ul li div.tit-pub, .home-links div.component-control>div >div div.tit-pub{display: block; background-color: #f4f4f4; margin: -10px -10px 5px; padding: 10px 10px 0px;border-bottom: 5px solid #ffffff; } .home-links div.component-control>div >div div.tit-ayuda{display: block; background-color: #f4f4f4; margin: -10px -10px 5px; padding: 10px 10px 0px;border-bottom: 5px solid #ffffff; } .home-links ul li div.tit-estadis, .home-links div.component-control>div >div div.tit-estadis{ background-color: #f4f4f4; display:table; margin: -10px -10px 5px; padding: 10px 8px 0px;border-bottom: 5px solid #ffffff; } .home-links ul li div.bg-base, .home-links div.component-control>div >div div.bg-base{ display: inline-block; margin-bottom: 5px; background-color:#ffffff; padding: 5px; width: inherit; } .home-links ul li div.bg-base a img, .home-links div.component-control>div >div div.bg-base a img{width: 100%; height: auto;border: 0; border-radius: 0;} .home-links ul li a, .home-links div.component-control>div >div a{ line-height: 1.2em; font-size:0.84em; vertical-align: middle; display:table; font-weight:500; color:#444c4f; } .home-links ul li.bg-secondary div.bg-secondary img.icon { /*height: auto; width: 75%; margin: 5px 0px;*/ } .home-links ul li a img.icon,.home-links div.component-control>div >div a img.icon { border: 3px solid #ededed; display: table-cell; padding: 1px; margin-right: 5px; } /* adaptacion a portlet */ .home-links div.component-control div a img,.home-links div.component-control div> img.icon { display: inline-block; background-repeat: no-repeat; background-position: center center; width: 48px; height: 48px; -moz-border-radius: 51px; -webkit-border-radius: 51px; border-radius: 51px; border: 3px solid #ededed; display: table-cell; padding: 1px; margin-right: 5px; } .home-links div.component-control li.first div a img { border-radius: 0; border: none; } .home-links ul li div, .home-links div.component-control >div>div div { display: table; } .home-links div.component-control ul li a, .home-links div.component-control>div >div a, .home-links ul li div img.icon ,.home-links div.component-control >div>div div img.icon { display: table-cell; } /* fin adaptacion a portlet */ .home-links ul li div.tit-ayuda img.icon ,.home-links div.component-control >div>div div.tit-ayuda img.icon { display: inline-block; margin-bottom: 10px; } .home-links ul li div.tit-ayuda img.icon ,.home-links div.component-control >div>div div.tit-ayuda img.icon_web { display: inline-block; background-repeat: no-repeat; background-position: center center; width: 48px; height: 48px; margin-bottom: 10px; padding: 1px; margin-right: 5px; } .home-links ul li a span, .home-links div.component-control >div>div a span{ /*height: 50px;*/ display: table-cell; vertical-align: middle; } .home-links ul li.bg-secondary a, .home-links ul li.BlueOne a, .home-links ul li.BlueTwo a,.home-links ul li.BlueThree a, .home-links div.component-control >div>div.bg-secondary a, .home-links div.component-control >div>div.BlueOne a, .home-links div.component-control >div>div.BlueTwo a,.home-links div.component-control >div>divBlueThree { font-size: 0.81em; font-weight: 500; color: #444c4f; line-height: 1.2em; margin-bottom: 5px; } .home-links ul li.bg-secondary a.last, .home-links ul li.BlueOne a.last, .home-links ul li.BlueTwo a.last,.home-links ul li.BlueThree a.last, .home-links div.component-control >div>div.bg-secondary a.last, .home-links div.component-control >div>div.BlueOne a.last, .home-links div.component-control >div>div.BlueTwo a.last,.home-links div.component-control >div>div.BlueThree a.last{margin-bottom: 0px;} .home-links ul li div h4.publicaciones, .home-links ul li div h4.estadisticas, .home-links div.component-control >div>div div h4.publicaciones, .home-links div.component-control >div>div div h4.estadisticas{ display: inline-table; } .home-links div.component-control >div>div div h4.seccion-ayuda{ display: inline-block; vertical-align: middle; } h4.estadis { /*display: inline-block;*/ display: table-cell; padding: 10px 0; width: 100%; } .home-links ul li div .fa, .home-links div.component-control >div>div div .fa{ color: #444c4f; display: inline-block; font-size: 1.5em; padding: 0px 14px; } .home-links ul li div.tit-estadis .fa, .home-links div.component-control >div>div div.tit-estadis .fa{ display: inline-block; /*table-cell;*/padding: 0px 9px 0px 14px; } /** Slider home **/ .home-slider { width: 940px; overflow-y: hidden; padding: 0; margin: 0; } .home-slider .slick-dots { height: 34px; padding: 16px 0 0 78px; margin: 0; position:absolute; bottom:34px; } .home-slider .slick-dots:before, .home-slider .slick-dots:after { content: " "; display: table; } .home-slider .slick-dots:after { clear: both; } .home-slider .slick-dots li { float: left; width: 18px; height: 18px; margin: 0 12px 0 0; list-style-type: none; list-style-position: outside; } .home-slider .slick-dots li button { color: #ffffff; display: block; height: 16px; width: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; background: #666666; border: 2px solid #ffffff; text-indent: -9999px; cursor: pointer; padding: 1px 6px; } .home-slider .slick-dots .slick-active button { color:#333333; background: #ffffff; border:2px solid #666666; } /** **/ .home-servicios-tramites h2 { font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 3em; color: #000000; text-align: center; margin: 24px 0 30px 0; line-height: 1em; } .home-servicios-tramites ul { width: 100%; } .home-servicios-tramites ul.novedades li{ border-bottom:2px solid #ededed;line-height: 1em; padding-bottom: 5px; } .home-servicios-tramites ul li { float: left; margin:0px 0 15px; padding:0px; } .home-servicios-tramites ul li.first{border: 3px solid #006f93; margin: -3px 0px;} .home-servicios-tramites ul li.last{border-right: 3px solid #006f93; } .home-servicios-tramites ul li.destacado{ background-color: #006f93; } .home-servicios-tramites ul li.destacado-activo{ background-color: white; } .home-servicios-tramites ul li.destacado a, .home-servicios-tramites ul li.destacado label{ color:#ffffff; } .home-servicios-tramites ul li a { display: inline-block; /*width: 100%;*/ text-decoration: none; } .home-servicios-tramites ul li a .icon { margin: 0 48px; } .home-servicios-tramites ul li a span { display: block; width: 100%; text-align: center; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.2em; color: #006f93; margin: 15px 0 21px 0; } .home-servicios-tramites ul li a:hover span { text-decoration: underline; } /** modelo desplegable con CHECK BUTTON **/ .home-servicios-tramites .box-home{ position: relative; /* background: #ffffff url("../img/info-novedades.png") no-repeat right top;*/ } .home-servicios-tramites .box-home-blue,.home-servicios-tramites .box-home-grey,.home-servicios-tramites .box-home-gray,.home-servicios-tramites .box-home-yellow{width:910px;} .home-servicios-tramites .box-home-grey{position:relative;left:-240px;} .home-servicios-tramites .box-home-yellow{position:relative;left:-480px;} .home-servicios-tramites .box-home-gray{position:relative;left:-720px;} .home-servicios-tramites .box-home-blue .btn.blue{bottom:-13px;right:13px; height: 34px; font-size: 1.1em; line-height: 1.88889em; position:absolute;display:block;overflow:visible; } .home-servicios-tramites .box-home-blue .btn-sml{font-size:0.85em;font-weight:600;display:inline;height:auto;padding:0px;} /* dependencias selección*/ .home-servicios-tramites :target div, .home-servicios-tramites :not(:target) div { padding: 0; /*margin: 0 0 0 -10px;*/ height: 0; overflow: hidden; /* -moz-transition: height .5s ease-in-out; -webkit-transition: height .5s ease-in-out; -o-transition: height .5s ease-in-out; transition: height .5s ease-in-out;/*mod. para carga */ } .home-servicios-tramites :target div {border:1px solid blue;} /** adaptacion a portlet **/ .home-servicios-tramites div:not(:target) div { height: 100%; overflow: visible; } .home-servicios-tramites div:not(:target) div div { height: 0; overflow: hidden; } .home-servicios-tramites div:not(:target) div div[class*="lrpConfig"]{ height: 100% !important; } .home-servicios-tramites div:not(:target) div div[class*="lrpConfig"] div{ height: 100% !important; } /** bloques enlaces destacados home **/ .home-clic ul,.home-news ul{display:inline-block; } .home-clic ul li ,.home-news ul li { display:list-item; color:#999999; list-style: disc; list-style-position: outside;/*dots: inside; */ padding:0px 20px 5px 0px; /*dots: text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ } .home-news ul li { font-size: 0.9em; color: #333333; text-decoration: none; font-style: normal; list-style: none; } .home-news ul li a { clear: both; display: block; } .home-news ul li time { font-size: 0.9em; } .home-clic.box-home2 ul li,.home-news.box-home2 ul li { color:#ffffff; } .home-servicios-tramites ul li div.box-home{ padding: 15px; /*min-height: 280px;*/ border: 3px solid #006f93; border-top: 0px; width:100%; background: white; } .home-servicios-tramites ul li div.box-home.active{ z-index: 1; margin: 0px -3px -3px; border-top: 0px; } .home-servicios-tramites ul li div.box-home-yellow, .home-servicios-tramites ul li div.box-home-grey, .home-servicios-tramites ul li div.box-home-gray , .home-servicios-tramites ul li div.box-home-blue { padding: 30px 15px 30px 15px; min-height: 300px; } .home-servicios-tramites ul li div.box-home-blue {overflow:visible;} .home-servicios-tramites ul li div.box-home h3, .home-servicios-tramites ul li div.box-home-yellow h3, .home-servicios-tramites ul li div.box-home-grey h3, .home-servicios-tramites ul li div.box-home-gray h3, .home-servicios-tramites ul li div.box-home-blue h3 { border: none; margin: 0 0 15px 0; padding: 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.4em; } .home-servicios-tramites ul li div.box-home ul.disc{ margin: 0; /*dots:padding: 0 0 0 3px; */padding: 0 0 0 18px; } .home-servicios-tramites ul li div.box-home ul.disc li{ list-style-type: disc; list-style-position:outside; /*dots:inside; */ margin: 0 0 0.2em 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1em; color:#999999; display:list-item; /* line-height:1.8em;*/ padding-right:20px; padding-bottom:6px; /*dots:text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ } .home-servicios-tramites ul li div.box-home ul.square, .home-servicios-tramites ul li div.box-home-yellow ul.square, .home-servicios-tramites ul li div.box-home-grey ul.square, .home-servicios-tramites ul li div.box-home-gray ul.square , .home-servicios-tramites ul li div.box-home-blue ul.square { margin: 0; padding: 0 0 0 18px; } .home-servicios-tramites ul li div.box-home ul.square li, .home-servicios-tramites ul li div.box-home-yellow ul.square li, .home-servicios-tramites ul li div.box-home-grey ul.square li, .home-servicios-tramites ul li div.box-home-gray ul.square li, .home-servicios-tramites ul li div.box-home-blue ul.square li { list-style-type: square; list-style-position: outside; margin: 0 0 15px 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1em; /*width:460px;*/ } .home-clic.box-home, .home-news.box-home { padding:30px; background-color: #e4e4e4; } .home-clic.box-home.BlueTwo{ background-color: #cce2e9; } .home-news.box-home{ background-color: #dae8ec; } .home-clic.box-home.BlueThree,.home-news.box-home.BlueThree{ background-color: #e2edf7; } .home-news.box-home.bg-Four{ background-color: #FFE699; /*#e0a700;*/ } .home-news.box-home.bg-Four ul li{ border-bottom: 1px solid #636969; padding-bottom: 15px; } .home-news.box-home.bg-Four ul li:last-child { margin-bottom: 15px; } .home-clic.box-home2,.home-news.box-home2 { padding:30px; background-color: rgba(0, 111, 147, 0.8); } .home-clic.box-home.bg-white ,.home-news.box-home.bg-white { padding:15px; border:3px solid #006f93; background-color: #ffffff; } .home-clic.box-home .fa,.home-news.box-home .fa{ color: #006f93; display: inline-block; font-size: 1.875em; padding: 5px; } .home-clic.box-home2 .fa,.home-news.box-home2 .fa{ color: #ffffff; display: inline-block; font-size: 1.875em; padding: 5px; } .home-news.box-home .fa-pub { font-size: 0.9em; padding: 0 5px; vertical-align: inherit; } .home-news a.synopsis { font-weight: 400; font-size: 1.2em; } .home-news .notice { text-align: justify;margin: 0; } .home-clic.box-home h3,.home-clic.box-home2 h3, .home-news.box-home h3,.home-news.box-home2 h3{ display: inline-block; margin: 5px; } .home-news.box-home h3,.home-news.box-home2 h3{ color: #333333; } .home-clic.box-home ul.clean li, .home-clic.box-home2 ul.clean li , .home-news.box-home ul.clean li, .home-news.box-home2 ul.clean li { list-style-type: disc; list-style-position: outside; } .bg-Four.home-news ul li a, .bg-Four.home-news.box-home .fa, .bg-Four.home-news ul.nodisc + a.mas{ color: #333333; font-weight: 700; } .home-news ul.nodisc + a.mas { font-weight: 600; font-size: 0.9em; color: #006f93; text-decoration: none; font-style: normal; display: inline; line-height: 1em; } .home-news ul.nodisc + a.mas:after { content: " \02C3"; } .home-servicios-tramites ul li div.box-home a { font-size:0.9em; color: #006f93; text-decoration: none; /*-ms-word-break: break-all; word-break: break-all; /* Non standard for webkit*/ font-style: normal; display: inline;line-height:1em; } .EnlacesBlancos ,.EnlacesBlancos a {color:#ffffff;} .EnlacesBlancos a:hover,.EnlacesBlancos a:focus {color:#D8E9EE;} .home-servicios-tramites ul li div.box-home a.mas { font-weight:600; } .home-servicios-tramites ul li div.box-home a.mas:after { content: " \02C3"; } .home-servicios-tramites ul li div.box-home a:hover { text-decoration: underline; } .home-servicios-tramites ul li div.box-home-yellow { background: #ececec; } .home-servicios-tramites ul li div.box-home-yellow a { color: #006f93; text-decoration: none; } .home-servicios-tramites ul li div.box-home-yellow a:hover { text-decoration: underline; } .home-servicios-tramites ul li div.box-home-grey { background: #ededed; } .home-servicios-tramites ul li div.box-home-grey a { color: #006f93; text-decoration: none; } .home-servicios-tramites ul li div.box-home-grey a:hover { text-decoration: underline; } .home-servicios-tramites ul li div.box-home-gray { background: #ededed; } .home-servicios-tramites ul li div.box-home-gray a { color: #006f93; text-decoration: none; } .home-servicios-tramites ul li div.box-home-gray a:hover { text-decoration: underline; } .home-servicios-tramites ul li div.box-home-blue { position: relative; background: #ededed url("../img/info-novedades.png") no-repeat right top; /*min-height: 570px;*/ padding: 30px 15px 30px 15px; border:1px solid #006f93; } .home-servicios-tramites ul li div.box-home-grey { position: relative; background: #ededed url("../img/info-util.png") no-repeat right top; /*min-height: 570px;*/ padding: 30px 15px 30px 15px; border:1px solid #006f93; } .home-servicios-tramites ul li div.box-home-yellow { position: relative; background: #ededed url("../img/info-visitado.png") no-repeat right top; /*min-height: 570px;*/ padding: 30px 15px 30px 15px; border:1px solid #006f93; } .home-servicios-tramites ul li div.box-home-gray { position: relative; background: #ededed url("../img/info-clic.png") no-repeat right top; /*min-height: 570px;*/ padding: 30px 15px 30px 15px; border:1px solid #006f93; } .home-servicios-tramites ul li div.box-home-blue h3 { color: #333333; padding: 0 0 0 5px; } .home-servicios-tramites ul li div.box-home-blue ul li { padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 2px solid #d0d0d0; } .home-servicios-tramites ul li div.box-home-blue ul li a { font-size: 1em; line-height: 1.06667em; color: #006f93; color: #006f93; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: underline; } .home-servicios-tramites ul li div.box-home ul li strong { display: inline-block; font-size: 0.84em; margin: 0 0 5px 0; color: #333333; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; } .home-servicios-tramites ul li div.box-home-blue ul li strong { display: block; font-size: 0.85em; margin: 0 0 5px 0; color: #333333; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; } .home-servicios-tramites ul li div.box-home-blue ul li.last { border-bottom: none; } .home-servicios-tramites ul li div.box-home-blue .more { display: block; position: absolute; bottom: 15px; right: 10px; color: #ffffff; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.1em; line-height: 1.625em; text-decoration: none; background: url("../img/more-link.png") no-repeat right center; height: 26px; padding: 0 36px 0 0; } .home-servicios-tramites ul li div.box-home-blue .more:hover { text-decoration: underline; } /** **/ .home-main-content { /*margin: 20px 0 30px 0;*/margin:0px; } .home-main-content .box-home-yellow, .home-main-content .box-home-grey, .home-main-content .box-home-blue { padding: 30px 30px 10px 30px; min-height: 330px; } .home-main-content .box-home-yellow h3, .home-main-content .box-home-grey h3, .home-main-content .box-home-blue h3 { border: none; margin: 0 0 30px 0; padding: 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.4em; } .home-main-content .box-home-yellow ul.square, .home-main-content .box-home-grey ul.square, .home-main-content .box-home-blue ul.square { margin: 0; padding: 0 0 0 18px; } .home-main-content .box-home-yellow ul.square li, .home-main-content .box-home-grey ul.square li, .home-main-content .box-home-blue ul.square li { list-style-type: square; list-style-position: outside; margin: 0 0 20px 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.2em; } .home-main-content .box-home-yellow { background: #ececec; } .home-main-content .box-home-yellow a { color: #333333; text-decoration: none; } .home-main-content .box-home-yellow a:hover { text-decoration: underline; } .home-main-content .box-home-grey { background: #ededed; } .home-main-content .box-home-grey a { color: #006f93; text-decoration: none; } .home-main-content .box-home-grey a:hover { text-decoration: underline; } .home-main-content .box-home-blue { position: relative; background: #666666 url("../img/info-novedades.png") no-repeat right top; min-height: 570px; padding: 30px 15px 30px 15px; } .home-main-content .box-home-blue h3 { color: #ffffff; padding: 0 0 0 5px; } .home-main-content .box-home-blue ul li { padding: 0 0 12px 0; margin: 0 0 12px 0; border-bottom: 1px solid #36659c; } .home-main-content .box-home-blue ul li a { font-size: 1.5em; line-height: 1.06667em; color: #ffffff; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; text-decoration: underline; } .home-main-content .box-home-blue ul li strong { display: block; font-size: 1.3em; margin: 0 0 5px 0; color: #ffffff; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; } .home-main-content .box-home-blue ul li.last { border-bottom: none; } .home-main-content .box-home-blue .more { display: block; position: absolute; bottom: 15px; right: 10px; color: #ffffff; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.6em; line-height: 1.625em; text-decoration: none; background: url("../img/more-link.png") no-repeat right center; height: 26px; padding: 0 36px 0 0; } .home-main-content .box-home-blue .more:hover { text-decoration: underline; } .home-main-content .interests h3 { border: none; padding: 0; margin: 0 0 20px 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 1.4em; } .home-main-content .interests ul li { font-size: 0.85em; line-height: 1.14286em; margin: 0 0 11px 0; } .home-main-content .interests ul li strong, .home-main-content .interests ul li img#sede {display:inline-block; font-size: 1em; margin: 3px 0 6px 0; float:none; } .home-main-content .interests ul li a { text-decoration: none; color: #333333; display:inline-block; } .home-main-content .interests ul li a strong {margin: 6px 0px; display:block; color: #006f93; /*#666666;*/ } .home-main-content .interests ul li a:hover { text-decoration: underline; } .home-main-content .interests ul.well {padding:6px;} /*BLOQUES ELEMENTOS*/ .row-home .home-links{ float:right; margin-right:15px; /*position: absolute; top: 0px; right: 0px;*/ } .capa_contenido_bloques{ margin:0.5em; padding:0em; clear:both; } /** Panel Buscador **/ .panel__seeker { position: relative; background-color: #f9F9F9; } .panel__seeker p, .panel-default.panel__seeker > .panel-heading p, .panel-default.panel__seeker > .panel-body p, .panel-default.panel__seeker > .panel-footer p { padding: 0px 0px 0px 0px; padding: 10px 15px } .panel__seeker div[role="heading"]{ background-color: #e2edf7; color: #333333; border: 1px solid #ffffff; margin: 0px; position: relative; display: block; padding: 10px 15px; border-radius: 2px; } .panel__seeker .panel__seeker--flex__container{ display: flex; flex-wrap: wrap; } .panel__seeker .panel__seeker--flex__container label{ margin:0px; font-size: 0.875em; } .panel__seeker .panel__seeker--flex__container input{ padding-left: 3.4%; padding-right: 3.4%; font-size: 0.875em; color: #3A4C64; min-height: 2.572em; border: 1px solid #e5e5e5; border-radius: 0.3125em; width: 100%; } .panel__seeker .panel__seeker--flex__container .panel__seeker--required{ margin:0px; font-size: 0.875em; } .panel__seeker .panel__seeker--flex__container select{ border: 1px solid #e5e5e5; border-radius: 0.3125em; font-size: 0.87rem; padding: 8px 10px; width: 100%; } .panel__seeker .panel__seeker--flex__container .ComboBox{ padding: 4px 15px 10px 15px; } .panel__seeker .panel__seeker--flex__container .panel__seeker--form__group{ padding: 10px 15px; } .panel__seeker .panel__seeker--flex__container .margen .panel__seeker--form__group{ padding: 10px 0px; } @media (max-width: 768px){ .panel__seeker--form__group .panel__seeker--form__group--since, .panel__seeker--form__group .panel__seeker--form__group--until{ padding: 0px 15px 10px; } } /*CAJAS INTERIORES -----------------------------------------------------------*/ /** Main navigation**/ /* Saltar(navegación) a contenido */ .handy-link { position: absolute; top: -99999px; } .handy-link:focus { top: 5px; left: 60px; z-index: 300; background: #444c4f; height: 30px; padding: 0 15px; font-size: 0.9em; line-height: 2.14286em; color: #ffffff; text-decoration: none; } .handy-link:focus:after { content: " \2192"; } .handy-content, .access { position: absolute; left: -9999em; } a.handy-link:active{outline: #cc0000 solid 2px !important;} /** Post **/ .col-xs-12.col-sm-4.col-md-4.col-lg-4.margen.post { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out; transition-delay: .1s; border-radius: 4px; transform: translateZ(0); background-color: #fff; overflow: hidden; height: 100%; } .col-xs-12.col-sm-4.col-md-4.col-lg-4.margen.post:hover, .col-xs-12.col-sm-4.col-md-4.col-lg-4.margen.post:focus { display: block; opacity: 1 !important; box-shadow: rgba(45,45,45,0.15) 0px 2px 2px, rgba(49,49,49,0.15) 0px 4px 4px, rgba(42,42,42,0.15) 0px 8px 8px, rgba(32,32,32,0.15) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.15) 0px 16px 32px; transform: translate(0, -5px); z-index: 999; } .col-xs-12.col-sm-4.col-md-4.col-lg-4.margen.post2 { box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out; transition-delay: .1s; border-radius: 4px; transform: translateZ(0); background-color: #fff; overflow: hidden; height: 100%;width:33%; } .margen.publi { transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out; transition-delay: .1s; border-radius: 4px; background-color: #fff; overflow: hidden; height: 100%; box-shadow: rgba(15,15,15,0.36) 0px 2px 10px; } .margen.publi:hover,.margen.publi:focus { display: block; opacity: 1 !important; box-shadow: rgba(35,35,35,0.36) 0px 6px 30px; z-index: 999; } .prominent{ height: 30px; line-height: 30px; border-top: solid 1px #999999; text-align: left; text-decoration: none; color: #666666; letter-spacing: 2px; font-size: 0.5625em; } .irpag{ margin-bottom: 5px; background-color: #FFF; background-size: 12px; border-top: 1px solid rgba(178,192,200,0.4); } a.irpag:hover,a.irpag:focus { background-color: #03709b;box-sizing: border-box; border-radius: 4px; color: #ffffff; border: 1px solid rgba(178,192,200,0.4); transition: background-color .3s ease-out, color .3s ease-out; transition-delay: .1s; } .irpag > p { display: inline-block; position: relative; margin: 0; padding: 8px 16px; } .box-publi { position: absolute; bottom: -75px; padding: 12px 15px; width: 100%; background-color: #e4e4e4; border: 1px solid #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out; transition-delay: .1s; z-index: 999; } .box-home-img-magazine:hover .box-publi, .box-home-img-magazine:focus .box-publi { bottom: auto; transform: translate(0, -75px); display: block; opacity: 1 !important; z-index: 999; transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out; transition-delay: .1s; } .box-publi .postMeta { color: #B2C0C8; line-height: 26px; text-align: center; font-size: 0.75em; border-radius: 50%; } .box-publi .icon.magazine { border-top: 1px solid #999999; background-color: #f9f9f9; color: #666666; } .box-publi .icon.magazine a.typcn.icon-default.typcn-download{color: #666666;} .col-xs-12.col-sm-4.col-md-4.col-lg-4.margen.post2:hover,.col-xs-12.col-sm-4.col-md-4.col-lg-4.margen.post2:focus { display: block; opacity: 1 !important; box-shadow: rgba(45,45,45,0.15) 0px 2px 2px, rgba(49,49,49,0.15) 0px 4px 4px, rgba(42,42,42,0.15) 0px 8px 8px, rgba(32,32,32,0.15) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.15) 0px 16px 32px; transform: translate(0, -5px); z-index: 999; width: 88%; } .centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } .box-home-img-magazine { position: relative; display: block; background-color: #edf2f6; color: #666666; line-height: 26px; text-align: center; font-size: 0.75em; border-radius: 50%; transition: color 0.35s, border 0.35s; border: 1px solid transparent; box-sizing: border-box; } .box-home-img-magazine:before { width: 90%; height: 90%; content: ""; } .home-clic.box-home { padding: 30px; background-color: #e4e4e4; border: 1px solid #ffffff; } .postMeta { font-size: 0.625em; color: #999; width: 100%; height: 50px; border-top: 1px solid #999999; box-sizing: border-box; padding: 0 30px; /* inclusión info Banner Estático Heeroteca */ } .details.angular-animate { display: inline-block;/* inclusión info Banner Estático Heeroteca */ height: 50px; padding: 12px 0px; box-sizing: border-box; } .icon.magazine { cursor: pointer; display: block; width: 26px; height: 26px; float: left; background-color: #666666; color: #ffffff; /* line-height: 26px; */ text-align: center; font-size: 0.875em; border-radius: 50%; transition: color 0.35s, border 0.35s; border: 1px solid transparent; box-sizing: border-box; margin-bottom: 12px; } .icon.magazine:nth-child(2){ background-color: #f9f9f9; color: #555555; margin-left: 15px;} .magazine-number{ font-size: 0.75em; line-height: normal; color: #555555; clear:both; } a.typcn.icon-default.typcn-download { color: #ffffff; } a.typcn.icon-default.typcn-news { color: #666666; line-height: 26px; } .typcn.icon-default.typcn-info-large { width: auto; font-size: 0.75em; line-height: normal; color: #555555; } .box-area { padding: 12px; background-color: #e4e4e4; min-height: 313px; border: 3px solid #006f93; margin: 0px auto; width: inherit; text-align: center; } .box-area > img { max-width: 100%; height: auto; box-shadow: 1px 2px 4px 1px rgba(72,72,72,0.4); margin-bottom: 15px; margin-top: 15px; } .box-area-text { float: left; padding: 30px; margin: 10px 0; min-height: auto; background-color: #e4e4e4; } /** Side navigation **/ /*MENU PESTAÑAS ARRIBA*/ ul.nav.nav-tabs { padding-right:15px;/* para pestañas laterales -> 0px;*/ padding-left: 15px; padding-bottom: 15px;padding-top:10px; border-bottom: 0px; } ul.nav.nav-tabs.binary { padding-right:0px;border-top-left-radius: 2px; border-top-right-radius: 2px; padding-left: 0px; padding-top:0px; } .nav-tabs > li { float: left; margin-bottom: -1px; padding: 0px; box-sizing: content-box; background: transparent; } .nav-tabs.binary > li { text-align: center; } .nav-tabs > li > a{ background: #006f93; /*#444c4f;*/ color:#ffffff; border: 1px solid #ffffff; margin:0px; } .niv-content > .nav-tabs > li > a, .niv-content .nav-tabs > li > a{/* adaptación a portal */ line-height:1.12em; font-size: 1.4em; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{ color: #555;cursor:pointer; border: 1px solid #ddd; background-color: #ededed; border-bottom: 2px solid #ddd; } .nav-tabs.binary > li.active > a, .nav-tabs.binary > li.active > a:hover, .nav-tabs.binary > li.active > a:focus{ color: #555;cursor:pointer; border: 1px solid #fff; background-color: transparent; } .nav-tabs > li > a:hover { color: #444c4f; } .nav-tabs > li.active > a,.nav-tabs > li.active > a:focus{ text-decoration: none; } .nav > li > a:hover, .nav > li > a:focus { background-color: #cef3ff; color: #444c4f; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #cef3ff; color: #444c4f; } ul.idiomas > li > a:hover{text-decoration: none; background-color: #ededed; } /* MENU PESTAÑAS DERECHA ********************************/ /*MENU PESTAÑAS IZQUIERDA*/ .nav-tabs > li > ul.listado-menu, .nav-tabs > li > ul.listado-menu:hover, .nav-tabs > li > ul.listado-menu:focus { display:none; } .nav-tabs > li.active > ul.listado-menu, .nav-tabs > li.active > ul.listado-menu:hover, .nav-tabs > li.active > ul.listado-menu:focus { display:block; padding-bottom: 15px; } /** vista movil **/ #combomovil, #vistamovil, #menumovilBis{border-radius: 4px;width:99%;margin:auto;display:block; text-align:left;} #menumovilBislista li:not(.active) a{color:rgba(255,255,255,0.6);} #menumovilBislista li:not(.active) a:hover{color:rgba(255,255,255,1);} #vistamovil option{color: #555; cursor: pointer; border: 1px solid #ddd; background-color: #ededed; border-bottom: 2px solid #ddd; } /* Type */ /* Roboto */ @font-face { font-family: 'Roboto'; src: url('../fonts/Roboto-Regular.ttf'); src: url('../fonts/Roboto-Regular.ttf') format('truetype'); } .roboto { position: relative; top: 1px; display: inline-block; font-family: 'Roboto'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* typicons */ /* @FONT-FACE loads font into browser */ @font-face { font-family: 'typicons'; src: url('../fonts/typicons.eot'); src: url('../fonts/typicons.eot?#iefix') format('embedded-opentype'), url('../fonts/typicons.woff') format('woff'), url('../fonts/typicons.ttf') format('truetype'), url('../fonts/typicons.svg#typicons') format('svg'); font-weight: normal; font-style: normal; } /* :before psuedo-selector inserts and styles icon */ .typcn:before { font-family: 'typicons'; font-style: normal; font-weight: normal; /*speak: none;*/ display: inline-block; text-decoration: inherit; width: 1em; height: 1em; font-size: 1em; text-align: center; /*-webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility;*/ } /* FontAwesome */ @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.5.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 1em/1 FontAwesome; font-size: inherit; /*text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } @font-face { font-family: 'OpenSans-SemiBold'; src: url('../fonts/OpenSans-SemiBold.ttf'); src: url('../fonts/OpenSans-SemiBold.ttf') format('truetype'); } .texto31{ font-size:1.938em !important; /*31px*/ } .texto18{ font-size:1.125em !important; /* 18px */ } .texto16{ font-size:1.000em !important; /* 16px */ } .texto15{ font-size:0.938em !important; /* 15px */ } .texto14{ font-size:0.875em !important; /* 14px */ } .texto13{ font-size:0.813em !important; /* 13px */ } /*TITULO PAGINA -----------------------------------------------------------------*/ /** HEADING **/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small { font-weight: normal; line-height: 1; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small, h4 .small, .h4 .small, h5 .small, .h5 .small, h6 .small, .h6 .small { font-size: 75%; } h1, .h1.title{ font-size: 2.250em; /*36px;*/ } h2, .h2.title { font-size:1.938em ; /* 31px */ } h3, .h3.title { font-size: 1.4em; /*22px;*/ } h4, .h4.title { font-size:1.125em ; /* 18px */ } h5, .h5.title { font-size:0.938em ; /* 15px */ } h6, .h6.title { font-size:0.82em ; /* 13px */ } .h1.title{color:#006f93;} /*h1.col-md-12.mb15.h1.title{text-align:center;}*/ /** BODY TEXT **/ .lead { margin-bottom: 20px; font-size:1em ; /* 16px */ font-weight: 300; line-height: 1.4; } /** EMPHASIS & MISC. **/ /*** Alignment ***/ .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } /** PAGE-HEADER **/ /** LIST **/ .text-block { z-index: 1; position: relative; } /* lista numerada*/ .text-block ol{ margin: 20px 0 0 0; margin:0 0 0 15px; padding: 0 0 0 28px; padding: 0 0 0 24px; } .text-block ol li{ /* list-style-type: decimal; */ list-style-position: outside; margin: 0 0 10px 0; font-size:1em;color:#333333; } .text-block ol li.last { margin: 0; } .text-block ol li ol, .text-block ol li ul{ margin:5px 0 0 0; } .text-block ol li li { color: #333333; list-style-type: decimal; list-style-position: outside; font-size: 1em; } /* lista generalizada*/ .text-block ul{ margin: 20px 0 0 0; margin:0 0 0 15px; padding: 0 0 0 28px; padding: 0 0 0 24px; } .text-block ul li{ list-style-type: square; list-style-position: outside; margin: 0 0 10px 0; font-size:inherit; color:#333333; width: 100%; } .text-block.helplist ul li{ padding: 0; list-style-position: inside; margin: 5px 0; } .text-block ul li.last { margin: 0; } .text-block ul li ol, .text-block ol li ul{ margin:5px 0 0 0; } .text-block ul li ul { margin-top:5px; } .text-block ul li li { color: #333333; list-style-type: disc; list-style-position: outside; font-size: 1em; } .unity .text-block ul li ul { margin-left: 0; padding-left: 15px; } .unity .text-block ul li li { padding-left: 10px; } .text-block ul li p{ margin: 0px !important; padding:0px !important; font-size: inherit; } .text-block ul.triangle li{ list-style-image:url('../img/triangle-list.gif'); } .text-block ul.triangle li.pushpin-triangle{ list-style-image:url('../img/icons/chinchetaordenable.png'); margin: 0 0px 10px 10px; } .text-block ul.triangle li.pushpin-triangle div{margin: 0px 0px 0px -10px;} .text-block ul.triangle li ul.garbage { padding: 0; margin: 20px 0; } .text-block ul.triangle li ul.garbage li{ list-style-image:none; list-style-type: none; } .text-block ul.ball li{ list-style-type: circle !important; } .text-block ul.triangle.simple { padding:0px; } .text-block ul.triangle li ul.triangle li{ list-style-image:url('../img/triangle2-list.gif'); } ul.subnivel,.text-block ul.triangle2 { margin: 10px 0px; } ul.subnivel li,.text-block ul.triangle2 li { list-style-image: url(../img/triangle2-list.gif); padding: 0 0 0 10px; } ul.subnivel li:last-child,.text-block ul.triangle2 li:last-child { margin-bottom: 0px; } .box-area-rounded > img{ /* Safari 3-4, iOS 1-3.2, Android 1.6- */ -webkit-border-radius: 15px; /* Firefox 1-3.6 */ -moz-border-radius: 15px; /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */ border-radius: 15px; } .side ul { padding: 10px 0px 0px 0px; } .side ul li { background: url("../img/raya-punteada-side.png") bottom repeat-x; padding: 10px 0px 10px 10px; list-style-type: none; } .side ul li a { font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.5em; color: #333333; text-decoration: none; } .side ul li a:hover { text-decoration: underline; } .side ul li.active a { color: #333333; } .side ul li:last-child { background: none; } /* ** */ ul.clean { margin: 0; padding: 0; } ul.clean li { list-style-type: none; list-style-position: outside; } /* lista nivel 2 */ ul.listado-menu { padding-left: 15px; } ul.listado-menu li{ padding-left: 15px;border-bottom: solid 1px #ededed; /*padding-bottom: 7px;*/ padding-top: 7px; } ul.listado-menu li a span { color: #006f93; font-size: 0.625em; margin-left: -15px; } .listado-menu a[aria-expanded="false"] span { visibility: hidden; } .listado-menu a[aria-expanded="true"] span { visibility: visible; } .listado-menu a[aria-expanded="true"] { color: #006f93;font-weight: 600; } /*TITULOS ------------------------------------------------------------------------*/ h1 { position:relative; } /*SUBTITULOS / TITULOS SECCIONES ---------------------------------------------*/ #Oficinas h4{color:#333333;} #Oficinas h4.panel-title, #ATelefon h4.panel-title{padding-right: 16px;} #Oficinas h4.panel-title>a>span, #ATelefon h4.panel-title>a>span{ top:auto; right: 15px; position: absolute; } #Oficinas h5, #filtrosBusqueda h4{ /* background: #006f93; color: #f4f4f4; */ background-color: #e2edf7; color: #333333; border: 1px solid #ffffff; margin: 0px; position: relative; display: block; padding: 10px 15px; border-radius: 2px; } #Normativa h5, #content > section article h2 a, #content > section article h2 button, #content > section article h3.first{ background: #f4f4f4; color: #006f93; border: 1px solid #ffffff; margin: 0px; position: relative; display: block; padding: 10px 15px; border-radius: 2px; } #Normativa1 .table-responsive h4, #Normativa1 .table-responsive div[role="heading"][aria-level="4"], #Normativa1 .table-responsive h3, #Normativa1 .table-responsive div[role="heading"][aria-level="3"]{ padding: 0.5em; background-color: #eeeeee; } #Normativa1 .table-responsive div[role="heading"][aria-level="4"], #Normativa1 .table-responsive div[role="heading"][aria-level="3"]{ font-size: 1.125em;margin-top: 10px; margin-bottom: 10px; font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit; } /** Sección plegable contenido final **/ /*#content > section article h2 a.collapsed span { background: url(../img/btn-mas-azul.png) no-repeat right center; }*/ #content > section article h2 a, #content > section article h2 button{ padding:10px 30px 10px 15px; width: 100%; text-align: left; } #Normativa h5, #content > section article h2 a:hover, #content > section article h2 a:focus, #content > section article h2 button:hover, #content > section article h2 button:focus{ background-color: #cef3ff; } #content > section article h2 a > span, #content > section article h2 button > span{ position: absolute; right: 10px; font-size: 0.85em; } #content > section article h2 a > span:before, #content > section h2 a > span:before, #content > section article h2 button > span:before{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2212"; } #content > section article h2 a.collapsed > span:before, #content > section h2 a.collapsed > span:before, #content > section article h2 button.collapsed > span:before{ content: "\002b"; } #content > section a.intro_plus > span:before, #content > section button.intro_plus > span:before { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E260"; color: #006f93; } #content > section a.intro_plus.collapsed > span:before, #content > section button.intro_plus.collapsed > span:before { content: "\E259"; color: #006f93; } div#myResults { padding: 0; } .title-plus { font-size: 1.4em; /*22px;*/ } #content > section article .title-plus a ~ span:before { content: "\2212"; } #content > section article .title-plus a.collapsed ~ span:before { content: "\002b"; } /*COLORES Y TIPOS DE TEXTO -----------------------------------------------------*/ .primary{background-color:#006f93;} .secondary{background-color:#444c4f;} /* -----------------*/ .bg-primary { background-color: #666666; } .bg-secondary { background-color: #e4e4e4; } .bg-tertiary { background-color: #006f93; } .bg-quaternary { background-color: #03709b; } .bg-primary-alt { background: #006f93; } .bg-footer-poin { background: #022633; } .bg-page { background: url("../img/bg-page-image.png") repeat-x center 48px; } .bg-white { background-color: #ffffff; } .BlueOne { background-color: #90c2d4; /*border-radius:3px;*/ } .BlueOne06 { background-color: rgba(0, 111, 147, 0.6); /*border-radius:3px;*/ } .BlueOne08 { background-color: rgba(0, 111, 147, 0.8); } .BlueTwo { background-color: #cce2e9; } .BlueThree { background-color: #e2edf7; } /* Images */ .img-rounded { border-radius: 2px; } .img-thumbnail { display: inline-block; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .img-circle { border-radius: 50%; } .utility-box{ position: relative; padding: 15px 60px 15px 15px; margin: 0px 15px; background-color: #006f93; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; text-align: center; color: #ffffff !important; font-size: 0.9em; -webkit-box-shadow: inset 0 3px 5px rgb(225, 244, 249); box-shadow: inset 0 3px 5px rgb(225, 244, 249); /* background-image: url(../img/settings.png) !important; background-size: 15px; background-repeat: no-repeat; background-position: 15px center !important; */ } .icon { /*background: $blue;*/ display: inline-block; background-repeat: no-repeat; background-position: center center; width:48px; height:48px; -moz-border-radius: 51px; -webkit-border-radius: 51px; border-radius: 51px; } .icon.icon-tablon { background-image: url("../img/icons/icon-tablon-big.png"); } .icon.icon-notificaciones { background-image: url("../img/icons/icon-notificaciones-big.png"); } .icon.icon-expedientes { background-image: url("../img/icons/icon-expedientes-big.png"); } .icon.icon-clave { background-image: url("../img/icons/icon-clave-big.png"); } .icon.icon-registro { background-image: url("../img/icons/icon-registro-big.png"); } .icon-procedure { background: #ededed; display: inline-block; background-repeat: no-repeat; background-position: center center; width: 35px; height: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px; } .icon-procedure.icon-nocert { background-image: url("../img/icons/icon-p-nocert.png"); } .icon-procedure.icon-digitalcert { background-image: url("../img/icons/icon-p-digitalcert.png"); } .icon-procedure.icon-silconcert { background-image: url("../img/icons/icon-p-silconcert.png"); } .icon-procedure.icon-sms { background-image: url("../img/icons/icon-p-sms.png"); } .icon-procedure.icon-clave { background-image: url("../img/icons/icon-p-clave.png"); } /** Iconos 24x24 **/ /** Iconos 30x30 **/ /** Iconos 90x90 **/ /* Code */ code{display:block;} /** Code snippets **/ /* Grid */ .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row15 { margin-right: -15px; margin-left: -15px; } .m-xs-0 legend { display: block !important; } /* max-width_939*/ .row-container { width: 100%; } .row-container .row { margin-left: auto; margin-right: auto; min-width: 320px !important; width: 100%; } .row-container .row:before, .row-container .row:after { content: " "; display: table; } .row-container .row:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } .max-w440 { max-width: 440px; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } .carousel-control .typcn-chevron-left, .carousel-control .typcn-chevron-right, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right{ width: 30px; height: 30px; margin-top: -15px; font-size: 1.875em; } .carousel-control .typcn-chevron-left, .carousel-control .fa-chevron-left{ margin-left: -15px; } .carousel-control .typcn-chevron-right, .carousel-control .fa-chevron-right { margin-right: -15px; } .home-links ul li.bg-secondary, .home-links ul li.BlueOne, .home-links ul li.BlueTwo, .home-links ul li.BlueThree{ position:relative; float:right; } /* vista oculta menu sup .navbar-collapse.collapse {display:none;}*/ } @media (min-width: 940px) { .row-container { width: 100%; } .row-container .row { position:relative; margin-left: auto; margin-right: auto; width: 100%; /* 940px; */ } .row-container .row:before, .row-container .row:after { content: " "; display: table; } .row-container .row:after { clear: both; } .row-container .row .col1 { width: 60px; } .row-container .row .col2 { width: 140px; } .row-container .row .col3 { width: 220px; } .row-container .row .col4 { width: 300px; } .row-container .row .col5 { width: 380px; } .row-container .row .col6 { width: 460px; } .row-container .row .col7 { width: 540px; } .row-container .row .col8 { width: 620px; } .row-container .row .col9 { width: 700px; } .row-container .row .col10 { width: 780px; } .row-container .row .col11 { width: 860px; } .row-container .row .col12 { width: 940px; } /* Bloque contenido home */ .row-home .home-links{ height: 100%; /*margin-top: 15px;*/ /*margin:0px -15px;*/ margin-right:15px; } .home-links ul li{position:relative; /*float:none;*/} .home-links ul li.bg-secondary, .home-links ul li.BlueOne, .home-links ul li.BlueTwo,.home-links ul li.BlueThree{position:relative; float:right; /*clear:both;box-sizing: content-box;*/ } } @media (min-width: 992px) { .container { width: 970px; } .row-container .row { position:relative; margin-left: auto; margin-right: auto; width: 940px; } .row-container .row.full-container { width: 100%; } } @media (min-width: 1200px) { .container { width: 1170px; } } /*** ***/ .top-search-box{ outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; color: #222222; overflow: hidden; position: static; margin: 0; width: 100%; border: 0; border-bottom: 2px solid #006f93 ; border-radius: 0; background-color: #338ca9; z-index: 9999; margin-bottom: 11px; background: #ededed; opacity: 0.8; position: relative; width: 100%; display: table; overflow: visible; } .blockSearch { display: block; } .blockSearch .frmSearch{ display: inline-block; width: 75%;} .blockSearch .contentSearch { position: relative; margin: auto; margin-top: 1.375em; margin-bottom: 1.375em; /* width: 70%;*/ font-size: 100%; padding: 0; border: none; font-weight: normal; font-style: normal; vertical-align: baseline; text-decoration: none; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .blockSearch .advanceSearch { margin-left: 15px; margin-top: 1.375em; margin-bottom: 1.375em; display: inline; position: relative; margin: auto; /*width: 20%;*/ font-weight: normal; font-style: normal; vertical-align: baseline; text-decoration: none; padding-left: 3.4%; padding-right: 3.4%; font-size: 0.875em; border: 1px solid; border-radius: 0.3125em; color: #fff; background-color: #006f93; line-height: 1.12em; padding: 12px 15px; min-height: 2.5em; } .blockSearch .field-search { padding-left: 3.4%; padding-right: 3.4%; font-size: 0.875em; color: #3A4C64; min-height: 3em; border: 1px solid #e5e5e5; border-radius: 0.3125em; width: 100%; } .blockSearch .btn-send { position: absolute; top: 0; right: 0; display: block; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border-radius: 2px; font-family: Roboto, Arial, Helvetica, sans-serif; color: #fff; background-color: #006f93; border-color: transparent; font-weight: normal; border: 1px solid; line-height: 1.12em; border-top-right-radius: 0.3125em; border-bottom-right-radius: 0.3125em; text-indent: 0; max-width: 4.0625em; width: 100%; min-height: 2.5em; height: 100%; font-size: 0.875em; } .btn-send:hover, .advanceSearch:hover, .btn-send:focus, .advanceSearch:focus, .btn-send.focus, .advanceSearch.focus { color: #03709b; background-color: #fff; } .top-search-box.collapse.in{ overflow: visible; z-index: 999; text-align: center; -webkit-animation: fadeInTop 1s 1 cubic-bezier(.77,0,.175,1); -moz-animation: fadeInTop 1s 1 cubic-bezier(.77,0,.175,1); -o-animation: fadeInTop 1s 1 cubic-bezier(.77,0,.175,1); animation: fadeInTop 1s 1 cubic-bezier(.77,0,.175,1); opacity: 1; height: 88px; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: flex; justify-content: space-around; align-items: center; } .top-search-box.collapse{ position: relative; height: 1px; opacity: 0; text-align: center; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: flex; justify-content: space-around; align-items: center; z-index: -1; } .top-search-box.collapsing{ display: flex; justify-content: space-around; align-items: center; } @keyframes top-search-box{ 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes top-search-box { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes top-search-box { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes top-search-box { 0% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes top-search-box { 0% { opacity:0; } 100% { opacity:1; } } @media screen and (max-width: 1024px) and (min-width: 768px){ .blockSearch .contentSearch .field-search { padding-left: 3.4%; padding-right: 3.4%; font-size: 0.875em; color: #3A4C64; min-height: 2.929em; border: 1px solid #e5e5e5; border-radius: 0.3125em; } .blockSearch .btn-send { text-indent: 0; max-width: 6em; width: 100%; min-height: 2.5em; height: 100%; font-size: 0.875em; display: block; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; background-image: none; border-radius: 2px; font-family: Roboto, Arial, Helvetica, sans-serif; color: #fff; background-color: #006f93; border-color: transparent; font-weight: normal; /* border: 1px solid; */ line-height: 1.12em; border-top-right-radius: 0.3125em; border-bottom-right-radius: 0.3125em; } } @media (min-width: 940px){ /* .blockSearch { display: none; } */ } /* custom Blocks*/ .row-container.bg-tertiary {height:34px; bottom:0px; position:absolute;} .row-container.bg-quaternary {height:34px;bottom:-34px; position:absolute;} .interests{padding:15px 5px 30px 5px;} .interests:before, .interests:after { content: " "; display: table; } .interests:after { clear: both; } .interests ul { margin: 0; padding: 0; list-style-type: none; list-style-position: outside; width: 100%; } .interests ul li { font-weight: 400; /*float: left;*/display:inline; margin: 0 0 20px 0; padding: 0; height: 78px; color: #333333; width: 50%; font-size: 1.5em; } .interests ul li img { float: left; margin: 0 18px 18px 0; } .interests ul li strong { display: block; margin: 15px 0 8px 0; color: #333333; font-weight: 700; font-size: 1.06667em; } .proceso-destacado{ margin:0px; padding:0px; } #boton1,#boton2,#boton3,#boton4{ opacity:0; } #elemento1,#elemento2,#elemento3,#elemento4{ display:none; } input#boton1:checked ~ div#elemento1 ,input#boton2:checked ~ div#elemento2,input#boton3:checked ~ div#elemento3,input#boton4:checked ~ div#elemento4{ display: block; width: 675px; height:100%; } #buttonOne:focus +input#boton1:checked ~ div#des1 >span:before,#buttonTwo:focus+input#boton2:checked ~ div#des2>span:before,#buttonThree:focus +input#boton3:checked ~ div#des3>span:before{ outline: #cc0000 solid 1px !important; } #elemento1{} #elemento2{left:-101.2%;/*-100%;*/} #elemento3{left:-204%;/*-202.5%;*/} #des1,#des2,#des3{background:#006f93;/*#444c4f;*/} input#boton1:checked ~ div#des1, input#boton2:checked ~ div#des2 , input#boton3:checked ~ div#des3 { background:white; position: absolute; height: 100%; /*max-height:29%;/*mod. para carga */ width: 100%; top: 0px; z-index:0; } input#boton1:checked ~ label.botondestacado, input#boton2:checked ~ label.botondestacado , input#boton3:checked ~ label.botondestacado, input#boton1:checked ~ #prueba { color:#006f93;z-index:2;position:relative; } .home-servicios-tramites ul li.destacado input:focus+label{ outline: #cc0000 solid 1px !important; } /*div.ejemplo2 { display: none; } div.ejemplo2:target { display: table; }*/ input[type="radio"]+label.botondestacado{margin:10px 0px;text-align:center; /*padding:0px 0px 5px; */ cursor:pointer; width: 100%; font-weight: 600; font-size: 1em; color: #006f93; } input[type="radio"]+label.botondestacado:hover{ text-decoration:underline; } /** check css desplegable válido **/ div.gallery-fullsize {display:none;} input.gallery-selector:checked ~ div.gallery-fullsize { display: block; } /** **/ .footer-big-bg { /*background-image: url("../img/bg-primary-footer-image.png");*/ background-position: 0 top; background-repeat: repeat-x; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff; max-height: 115px; } .footer-big-bg a { color: #ffffff; text-decoration: none; } .footer-big-bg li a:hover {color:#ededed; text-decoration: underline; } .footer-big-bg .footer-main-links a:focus ,.footer-big-bg .footer-main-links a:hover { color:#ededed; } .footer-big-bg .footer-slider { width: 940px; position: relative; height: 100px; overflow-y: hidden; padding: 10px 0; margin: 0; } .footer-big-bg .footer-slider a { color: #000000; } .footer-big-bg .footer-slider a > img { border: solid 1px transparent; } .footer-big-bg .footer-slider a:focus { /* outline: none !important;*/ } .footer-big-bg .footer-slider .slick-arrow { color: transparent; background: transparent; position: absolute; top: 0; display: block; width: 18px; height: 100px; font-size: 0em; text-indent: -9999px; line-height: 0; cursor: pointer; border: 0; z-index: 50; border: solid 1px transparent; } .footer-big-bg .footer-slider .slick-arrow:focus { border: solid 1px #cc0000; } .footer-big-bg .footer-slider .slick-arrow.slick-next { right: 0; } .footer-big-bg .footer-slider .slick-arrow.slick-prev { left: 0; } .footer-big-bg .footer-slider-container { position: relative; } .footer-big-bg .footer-slider-container .arrow { position: absolute; top: -2px; height: 30px; padding: 35px 0; z-index: 40; } .footer-big-bg .footer-slider-container .arrow.arrow-prev { left: -1px; } .footer-big-bg .footer-slider-container .arrow.arrow-next { right: -1px; } .footer-big-bg .footer-main-menu { height: 22px; border-radius: 2px; padding: 30px 25px 28px 25px; } .footer-big-bg .footer-main-menu:before, .footer-big-bg .footer-main-menu:after { content: " "; display: table; } .footer-big-bg .footer-main-menu:after { clear: both; } .footer-big-bg .footer-main-menu ul li { float: left; font-size: 1.6em; margin: 0 0 0 5px; } .footer-big-bg .footer-main-menu ul li:after { content: " /"; } .footer-big-bg .footer-main-menu ul li.first { position: relative; padding: 0 40px 0 0; } .footer-big-bg .footer-main-menu ul li.last:after { content: ""; } .footer-big-bg .footer-submenu { margin-top: 15px; border-radius: 2px; } .carruselpie { width: 97%; margin: 0px auto; } /** Extrass - modelo 2 carrusel pie **/ .pauseplay-carousel > #pauseButtonfooter.boton-reduced,.pauseplay-carousel > #playButtonfooter.boton-reduced{ background-color: #666666; border-radius: 15px; font-size: .6em; height: 20px; width: 20px; } #carousel-footer{overflow: hidden;} #carousel-footer-generic .carousel-inner {overflow: visible;} #carousel-footer-generic .pauseplay-carousel{ top: 36px; bottom: 0; right: -20px; margin: 4px; display: inline-table; } #carousel-footer-generic .carousel-control { width: 2.3em;/*4%; */ top: 20px; opacity: 1; background-image: none; display: inline-table; font-size: inherit; } #carousel-footer-generic .carousel-control.left { margin-left: 0; } #carousel-footer-generic .carousel-control.left:before { font-size: 1.25em;content: "←"; line-height: 1;color: #006f93; font-family: 'slick'; } #carousel-footer-generic .carousel-control.right { margin-right: 0; } #carousel-footer-generic .carousel-control.right:before { font-size: 1.25em;content: '→'; line-height: 1;color: #006f93; font-family: 'slick'; } #carousel-footer-generic .cloneditem-1, #carousel-footer-generic .cloneditem-2, #carousel-footer-generic .cloneditem-3 , #carousel-footer-generic .cloneditem-4{ display: none; } .carousel .item div[role='option'] { padding: 0; } /** Banner Aviso Cookie **/ /* == POIN Sitio Web - Notificación de cookies == */ .row-banner { margin: 0px auto; display: grid; } #cookies{ position: relative; z-index: 51; background: #e4e4e4; font-size: 1.0666em; color: #5e5e5e; border: 0; border-bottom: 2px solid #006f93; margin: 0px auto; } #cookies.fix-cookies{ position: fixed; top: 0; width: 100% !important; } #cookies a { color: #03709b; } #cookies a:hover { color: #03709b;text-decoration: underline; } #cookies a { color: #000000; } #cookies p { line-height: 1.42857143em; } #cookies .cookies_inner { position: relative; box-sizing: content-box; max-width: 960px; padding: 25px 35px 25px 35px; margin: 0 auto; } #cookies .cookies_text { position: relative; padding: 0 3% 0 0; font-size: 1em; } #cookies .cookies_text .cookies_close span { display: none; } .noTouchDevice #cookies .cookies_text .cookies_close:hover { color: #E2A30A;background: url(../img/btn-close-bold.png) no-repeat 0px center; } #cookies a.cookies_close { display: block; position: absolute; width: 12px; height: 13px; top: 0px; right: -13px; border: none; background-color: transparent; } #cookies button.cookies_close{ display: block; position: absolute; top: -15px; right: -20px; border: none; opacity: 0.9; padding: 5px 5px; border-radius: 15px;font-size: 0.5em; transition: border-radius 1s; -moz-transition: border-radius 1s; -webkit-transition: border-radius 1s; -o-transition: border-radius 1s; } .cookies .btn:hover , .cookies .btn:focus{ background-color: #ffdb99; } #cookies button.cookies_close img{ background: url(../img/btn-close-bold.png) no-repeat center; background-color: transparent; width: 14px; height: 15px; padding: 5px; } #cookies button.cookies_close:hover img, #cookies button.cookies_close:focus img{ background: url(../img/btn-close-bold.png) no-repeat center; background-color: #006f93; } #cookies button.cookies_close:focus, #cookies button.cookies_close:hover{ background-color: #006f93; padding: 5px; border-radius: 5px; transition: all 2s; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; } /* == POIN Sitio Web - Notificación de cookies - RWD == */ @media screen and (min-width: 970px) { #cookies{ width:940px; } #cookies .cookies_inner{ /* max-width: 100%; */ } } @media screen and (max-width: 970px) { #cookies .cookies_inner { padding-right: 25px; padding-left: 35px; } #cookies a.cookies_close { display: block; position: absolute; width: 12px; height: 13px; top: 0px; right: 0px; } #cookies button.cookies_close { right: -10px; } } @media screen and (max-width: 670px) { #cookies { font-size: 0.9333em; } #cookies .cookies_inner { padding-right: 16px; padding-left: 20px; border-bottom: 1px solid #3e74b4; padding-top: 25px; padding-bottom: 25px; } #cookies .cookies_text { padding-right: 8%; font-size: 1.1em; } #cookies .cookies_text .cookies_close:before { font-size: 0.8571em; top: -7px; } } /* Medium Devices, Desktops */ /*@media only screen and (max-width: 992px) {*/ @media only screen and (max-width: 768px) { .carousel .item .col-xs-12:nth-last-child(-n+2) { display: none; } } @media all and (min-width: 768px) { #carousel-footer-generic .carousel-inner > .active.left, #carousel-footer-generic .carousel-inner > .prev { left: -50%; } #carousel-footer-generic .carousel-inner > .active.right, #carousel-footer-generic .carousel-inner > .next { left: 50%; } #carousel-footer-generic .carousel-inner > .left, #carousel-footer-generic .carousel-inner > .prev.right, #carousel-footer-generic .carousel-inner > .active { left: 0; } #carousel-footer-generic .carousel-inner .cloneditem-1,#carousel-footer-generic .carousel-inner .cloneditem-2,#carousel-footer-generic .carousel-inner .cloneditem-3 { display: block; } } @media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) { #carousel-footer-generic .carousel-inner > .item.active.right, #carousel-footer-generic .carousel-inner > .item.next { -webkit-transform: translate3d(50%, 0, 0); transform: translate3d(50%, 0, 0); left: 0; } #carousel-footer-generic .carousel-inner > .item.active.left, #carousel-footer-generic .carousel-inner > .item.prev { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); left: 0; } #carousel-footer-generic .carousel-inner > .item.left, #carousel-footer-generic .carousel-inner > .item.prev.right, #carousel-footer-generic .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media all and (min-width: 992px) { #carousel-footer-generic .carousel-inner > .active.left, #carousel-footer-generic .carousel-inner > .prev { left: -16.6%; } #carousel-footer-generic .carousel-inner > .active.right, #carousel-footer-generic .carousel-inner > .next { left: 16.6%; } #carousel-footer-generic .carousel-inner > .left, #carousel-footer-generic .carousel-inner > .prev.right, #carousel-footer-generic .carousel-inner > .active { left: 0; } #carousel-footer-generic .carousel-inner .cloneditem-2, #carousel-footer-generic .carousel-inner .cloneditem-3 { display: block; } #carousel-footer-generic .carousel-inner > .left{left:-23px;} #carousel-footer-generic .carousel-inner > .right{right:-23px;} #carousel-footer-generic .carousel-inner .cloneditem-1,#carousel-footer-generic .carousel-inner .cloneditem-2,#carousel-footer-generic .carousel-inner .cloneditem-3 ,#carousel-footer-generic .carousel-inner .cloneditem-4{ display: block; } } @media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) { #carousel-footer-generic .carousel-inner > .item.active.right, #carousel-footer-generic .carousel-inner > .item.next { -webkit-transform: translate3d(16.6%, 0, 0); transform: translate3d(16.6%, 0, 0); left: 0; } #carousel-footer-generic .carousel-inner > .item.active.left, #carousel-footer-generic .carousel-inner > .item.prev { -webkit-transform: translate3d(-16.6%, 0, 0); transform: translate3d(-16.6%, 0, 0); left: 0; } #carousel-footer-generic .carousel-inner > .item.left, #carousel-footer-generic .carousel-inner > .item.prev.right, #carousel-footer-generic .carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } /** fin del modelo 2 **/ .footer-main-links { position: relative; padding: 6px 10px 5px 0px; color: #ffffff; } .footer-main-links:before, .footer-main-links:after { content: " "; display: table; } .footer-main-links:after { clear: both; } .footer-main-links nav ul li.last img { width: 14px; height: auto; } .footer-main-links ul li { float: left; font-size: 0.9em; margin: 0 0 0 5px; line-height: 2.4em; } .footer-main-links ul li:after { content: " |"; } .footer-main-links ul li.last:after { content: ""; } .footer-main-links ul li a { color: #ffffff; text-decoration: none; } .footer-main-links ul li a:hover { text-decoration: underline; } .footer-main-links.down { border-top: 1px solid #5981b6; } .footer-main-links .top-link { position: absolute; /*bottom: 10px;*/ right: 10px; display: block; /* width: 22px; */ /* height: 22px; */ /* padding: 13px 9px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px;*/ background-color: #006f93; z-index:1; border-radius: 4px; } .footer-main-links .top-link i{padding:4px;} .footer-main-links .top-link img{ display: inline-block;padding:1.6px;} .footer-sub-links { height: 56px; } .footer-sub-links div { float: left; margin: 0 17px 0 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 3em; font-weight: 400; color: #666666; } .footer-sub-links div ul li { float: left; } .footer-sub-links div ul li:after { display: inline-block; margin: 0 8px; content: " /"; } .footer-sub-links div ul li.last:after { margin: 0; content: ""; } .footer-sub-links div a { color: #666666; text-decoration: none; } .footer-sub-links div.legal a { text-decoration: underline; } .footer-sub-links div a:hover { text-decoration: underline;color:#006f93; } .footer-sub-links div.legal a+*:before{ content: " | "; } /****/ /** NEW TABPANEL **/ #home-servicios-tramites {margin:0 -15px;} #home-servicios-tramites .tabs{width:100%;} #home-servicios-tramites [role="tablist"] { margin: 0 0 -.1em; overflow: visible; } #home-servicios-tramites [role="tab"] { position: relative; margin: 0; width:100%; padding: .3em .5em .4em; border: 3px solid #006f93; border-radius: .2em .2em 0 0; box-shadow: 0 0 .2em #006f93; overflow: visible; font-family: inherit; font-size: inherit; background: #006f93;color:#ffffff; border-bottom: 1px solid transparent; box-shadow: none; } #home-servicios-tramites [role="tab"]:hover::after, #home-servicios-tramites [role="tab"]:focus::after, #home-servicios-tramites [role="tab"][aria-selected="true"]::after { position: absolute; bottom: 100%; right: -1px; left: -1px; border-radius: 0.2em 0.2em 0 0; border-top: 3px solid #e2edf7; content: ''; } #home-servicios-tramites [role="tab"][aria-selected="true"] { border-radius: 0; font-weight: 600; background: #ffffff; color: #006f93; /* outline: 0;*/ } #home-servicios-tramites [role="tab"][aria-selected="true"]:not(:focus):not(:hover)::after { border-top: 5px solid #006f93; } #home-servicios-tramites button.fa-bullhorn,#home-servicios-tramites button.fa.fa-eye,#home-servicios-tramites button.fa.fa-crosshairs { font-family: Roboto, Arial, Helvetica, sans-serif, FontAwesome; } #home-servicios-tramites button.fa-bullhorn:before,#home-servicios-tramites button.fa.fa-eye:before,#home-servicios-tramites button.fa.fa-crosshairs:before { position: static; width: auto; display: block; padding: 8px 0px 10px; font-size: 1.875em;font-weight: normal; line-height: inherit; } #home-servicios-tramites span.fa.fa-bullhorn,#home-servicios-tramites span.fa.fa-eye,#home-servicios-tramites span.fa.fa-crosshairs{ color:#ffffff; } #home-servicios-tramites [role="tab"][aria-selected="true"] span.fa.fa-bullhorn,#home-servicios-tramites [role="tab"][aria-selected="true"] span.fa.fa-eye,#home-servicios-tramites [role="tab"][aria-selected="true"] span.fa.fa-crosshairs{ color: #006f93; } /* #home-servicios-tramites [role="tab"][aria-selected="true"]::after { position: absolute; z-index: 3; bottom: -1px; right: 0; left: 0; height: .3em; background: #006f93; box-shadow: none; content: ''; } */ #home-servicios-tramites [role="tab"]:hover, #home-servicios-tramites [role="tab"]:focus, #home-servicios-tramites [role="tab"]:active { /*outline: 0;*/ border-radius: 0; } #home-servicios-tramites [role="tab"]:hover::after, #home-servicios-tramites [role="tab"]:focus::after { border-color: #e2edf7; } #home-servicios-tramites [role="tabpanel"] { position: relative; z-index: 2; padding: 15px; /*.5em .5em .7em;*/ border: 3px solid #006f93; border-radius: 0 .2em .2em .2em; box-shadow: 0 0 .2em #006f93; background: #ffffff; border-top: 0; box-shadow: none; width: 675px; height: 100%; } #home-servicios-tramites [role="tabpanel"]:focus { border-color: #cc0000; box-shadow: 0 0 .2em #e2edf7; /* outline: 0;*/ } #home-servicios-tramites [role="tabpanel"]:focus::after { position: absolute; bottom: 0; right: -1px; left: -1px; border-bottom: 3px solid #e2edf7; border-radius: 0 0 0.2em 0.2em; content: ''; } #home-servicios-tramites [role="tabpanel"] p { margin: 0; } #home-servicios-tramites [role="tabpanel"] * + p { margin-top: 1em; } #home-servicios-tramites div.destacado { background-color: #006f93; border-top: none; padding: 0;margin: 0;display:inline-block; } #home-servicios-tramites div.first { } #home-servicios-tramites h3,#home-servicios-tramites .h3{ border: none; margin: 0 0 15px 0; padding: 0; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.4em; } #home-servicios-tramites ul.nodisc li { border-bottom: 2px solid #ededed; line-height: 1em; padding-bottom: 5px; list-style: none; float: left; margin: 0px 0 15px; padding: 0px; width: 100%; background-color: #ffffff; } #home-servicios-tramites ul.nodisc li strong { display: inline-block; font-size: 0.84em; margin: 0 0 5px 0; color: #333333; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; } #home-servicios-tramites ul.nodisc li a { font-size: 0.9em; color: #006f93; text-decoration: none; font-style: normal; display: inline; line-height: 1em; } #home-servicios-tramites #elemento1-tab ul.nodisc li a{ display: inline-block; vertical-align: middle; } #home-servicios-tramites ul.nodisc + a.mas{font-weight: 600; font-size: 0.9em; color: #006f93; text-decoration: none; font-style: normal; display: inline; line-height: 1em; } #home-servicios-tramites ul.nodisc li a:hover ,#home-servicios-tramites ul.nodisc + a.mas:hover{ text-decoration: underline;color:#006f93; } #home-servicios-tramites ul.nodisc + a.mas:after { content: " \02C3"; } #home-servicios-tramites ul.disc{ margin: 0; padding: 0 0 0 18px; } #home-servicios-tramites ul.disc li{ list-style-type: disc; list-style-position:outside; margin: 0 0 0.2em 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.9em; color:#999999; display:list-item; padding-right:20px; padding-bottom:6px; } #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="false"], #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="false"], #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="false"]{ width:100%; } #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="true"]~ div#elemento1-tab, #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="true"]~ div#elemento2-tab, #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="true"]~ div#elemento3-tab, #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="false"] span[aria-selected="true"]~ div#elemento1-tab, #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="false"] span[aria-selected="true"]~ div#elemento2-tab, #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="false"] span[aria-selected="true"]~ div#elemento3-tab{ display: table; width: 675px; height: 100%; } #home-servicios-tramites .tabs #elemento1-tab{} #home-servicios-tramites .tabs #elemento2-tab{left:-100%;} #home-servicios-tramites .tabs #elemento3-tab{left:-200%;} #home-servicios-tramites .tabs #elemento4-tab{left:-302%;} #home-servicios-tramites .tabs button[role="tab"]:focus,#home-servicios-tramites .tabs button[role="tab"]:focus::after{ border:1px solid #cc0000; } #home-servicios-tramites .tabs .destacado:first-child button[role="tab"][aria-selected="true"]:focus{border-left: 3px solid #cc0000;border-top: 3px solid #cc0000;} #home-servicios-tramites .tabs .destacado button[role="tab"][aria-selected="true"]:focus{border-top: 3px solid #cc0000;} #home-servicios-tramites .tabs .destacado:last-child button[role="tab"][aria-selected="true"]:focus{border-right: 3px solid #cc0000;border-top: 3px solid #cc0000;} #home-servicios-tramites .tabs button[role="tab"][aria-selected="true"]:focus{ /*padding-bottom:.3em;*/ } #home-servicios-tramites .tabs button[role="tab"][aria-selected="true"]:focus+div{ /*margin-top:-1px;*/ } @media(max-width:991px){ #home-servicios-tramites .tabs #elemento1-tab, #home-servicios-tramites .tabs #elemento2-tab, #home-servicios-tramites .tabs #elemento3-tab, #home-servicios-tramites .tabs #elemento4-tab{ width:100% !important; } #home-servicios-tramites .tabs #elemento1-tab, #home-servicios-tramites .tabs #elemento2-tab, #home-servicios-tramites .tabs #elemento3-tab, #home-servicios-tramites .tabs #elemento4-tab{left:0;} } @media(min-width:768px){ #home-servicios-tramites .tabs button#elemento1-novedades, #home-servicios-tramites .tabs button#elemento2-infoutil, #home-servicios-tramites .tabs button#elemento3-masvistas, #home-servicios-tramites .tabs button#elemento4-ciberseguridad { width:100%; height: 100px; } } @media(max-width:768px){ #home-servicios-tramites{ margin: 0 5px; } #home-servicios-tramites .tabs button[role="tab"]{ width:100%; } #home-servicios-tramites .tabs button#elemento1-novedades[aria-selected="true"]~ div#elemento1-tab, #home-servicios-tramites .tabs button#elemento2-infoutil[aria-selected="true"]~ div#elemento2-tab, #home-servicios-tramites .tabs button#elemento3-masvistas[aria-selected="true"]~ div#elemento3-tab{ width: inherit; } } /** End new tabpanel **/ @media (min-width: 1px) and (max-width: 939px) { section.aviso-home{ width: 100% !important; margin: 0px auto; } section.aviso-page { width: 100% !important; margin: 0px auto;margin-bottom: 5px; display: table; } .row-home{ width: 100% !important; margin: 0px auto; } .row-container .row .omega{ display:block;float:none; } .row-home .home-links{ margin: 0px auto; padding: 0px; } /*p { margin: 0 10px 10px 10px; }*/ input#boton1:checked ~ div#elemento1 ,input#boton2:checked ~ div#elemento2,input#boton3:checked ~ div#elemento3,input#boton4:checked ~ div#elemento4{ width: 100%; margin:0px; } .home-servicios-tramites ul li div.box-home.active{ margin:0px; border:none; } .home-servicios-tramites ul li div.box-home{ border:none; } .home-servicios-tramites ul li div.box-home#elemento2, .home-servicios-tramites ul li div.box-home#elemento3{ left:0px; } .home-servicios-tramites ul li.destacado { background-color: #006f93; /*#444c4f;*/ margin: 0px; border: 3px solid #006f93; /*#444c4f;*/ } } @media (min-width: 768px) and (max-width: 991px) { .home-servicios-tramites ul li div.box-home{ width:100% !important; } input#boton1:checked ~ div#elemento1 ,input#boton2:checked ~ div#elemento2,input#boton3:checked ~ div#elemento3,input#boton4:checked ~ div#elemento4{ width: 100%; } .home-servicios-tramites ul li div.box-home.active{ margin:0px; border:none; } .home-servicios-tramites ul li div.box-home{ border:none; } .home-servicios-tramites ul li div.box-home#elemento2, .home-servicios-tramites ul li div.box-home#elemento3{ left:0px; } .home-servicios-tramites ul li.destacado { background-color: #006f93; /*#444c4f;*/ margin: 0px; border: 3px solid #006f93; /*#444c4f;*/ } } @media (max-width: 992px) { .row15 { margin: 0px;padding:0px; } .row-home .home-links{ margin: 10px 0px 10px; padding-right: inherit; } } /* max-width */ @media (max-width: 939px) { .only-lrg, .only-xsml { display: none !important; } .only-sml, .only-md { display: block !important; } .hidden-sm{display:block !important;} .hidden-sm .first-menu li a{color:#111111;} .hidden-sm .first-menu li.active a,.hidden-sm .first-menu li a:hover, .hidden-sm .first-menu ul.idiomas li a:hover{color:#006f93;} .hidden-sm .first-menu li li a:hover, .hidden-sm .first-menu ul.idiomas li li a:hover{color:#ffffff;} .hidden-sm .first-menu ul#a-prof li.dropdown-submenu.open a:hover{color:#444c4f;} .mobile-menu { position: absolute; top: 0; left: 15px; display: block; width: 39px; height: 80px; background: url("../img/mobile-menu.png") no-repeat center center; text-indent: -9999px; } .mobile-menu:focus { /*outline: none;*/ } .mobile-search { position: absolute; top: 0; right: 15px; display: block; width: 31px; height: 80px; background: url("../img/mobile-search.png") no-repeat center center; text-indent: -99999px; } .mobile-search:focus { /*outline: none;*/ } header#top .navbar-toggle { display: inline-block; } header#top .navbar-header { float:none; } header#top .navbar-collapse.collapse { padding-bottom: 0; /*overflow: auto !important;*/ } .row-header { background: transparent; } .row-header .header { margin: 0; } .row-header .header h1, .row-header .header .h1 { color: #ffffff; text-align: center; } .row-header .header h1.logo, .row-header .header .h1.logo { background: none; padding: 10px 0 0 0; font-size: 3.4em; height: 70px; margin: 0 20%; } .row-header .home-big-bg { background-image: none; } /** Slider HOME preview**/ .row-header .slider-container { padding: 0 15px; } .row-header .slider-container .home-slider { max-width: 100%; } .row-header .slider-container .home-slider .slide { max-width: 100%; overflow-y: hidden !important; overflow-x: hidden !important; background-size: cover; background-repeat: no-repeat; background-position: 70%; } .row-header .slider-container .home-slider .slide .slide-content { left: 20px; } .row-header .slider-container .home-slider .slick-dots { padding: 16px 0 0 16px; } .row-home .slider-container { padding: 0 15px; } .row-home .slider-container .home-slider { max-width: 100%; } .row-home .slider-container .home-slider .slide { max-width: 100%; overflow-y: hidden !important; overflow-x: hidden !important; background-size: cover; background-repeat: no-repeat; background-position: 70%; } .row-home .slider-container .home-slider .slide .slide-content { left: 20px; } .row-home .slider-container .home-slider .slick-dots { padding: 16px 0 0 16px; } /** **/ .row-home .carousel { margin: 0 20px; } .row-home .home-servicios-tramites{ padding: 0 20px; } .row-home .home-servicios-tramites ul li a { text-align: center; } .row-home .home-servicios-tramites ul li a .icon { margin: 0 auto; width: 82px; height: 82px; } .row-home .home-servicios-tramites ul li a span { font-size: 1.4em; } /* adaptacion*/ .home-servicios-tramites .box-home-blue,.home-servicios-tramites .box-home-grey,.home-servicios-tramites .box-home-gray,.home-servicios-tramites .box-home-yellow{width:auto;} .home-servicios-tramites .box-home-grey{position:relative;left:0px;} .home-servicios-tramites .box-home-yellow{position:relative;left:0px;} .home-servicios-tramites .box-home-gray{position:relative;left:0px;} .bg-secondary{max-height:none;} .row-footer .footer-slider-container { padding: 0; margin: 0 35px; } .row-footer .footer-slider-container .footer-slider { max-width: 100%; } .row-footer .footer-main-links { font-size: 0.92857em; } .row-footer .footer-mainmenu, .row-footer .footer-submenu, .row-footer .footer-sub-links { /*margin: 0 35px;*/ } /*.row-footer .footer-big-bg { margin-bottom: 95px; }*/ .row-footer .footer-submenu { margin-top: 15px; } .bg-page { background: #ffffff; background: url("../img/bg-page-image-mobile.png") repeat-x center top; } /** Slider Home **/ #content .slider-container { padding: 0 15px; } #content .slider-container .home-slider { max-width: 100%; } #content .slider-container .home-slider .slide { max-width: 100%; overflow-y: hidden !important; overflow-x: hidden !important; background-size: cover; background-repeat: no-repeat; background-position: 70%; } #content .slider-container .home-slider .slide .slide-content { left: 20px; } #content .slider-container .home-slider .slick-dots { padding: 16px 0 0 16px; } .row-slider-container { background-image: none; } /** **/ .info-box { padding: 35px 45px 35px 105px; background-position: 25px center; border-top: solid 4px #FFFFFF; } } @media (max-width:864px){ .row-footer .footer-sub-links div.validation { line-height: 2em; padding-bottom: 20px; } } @media (max-width: 639px) { .only-md { display: none !important; } .only-xsml { display: block !important; } .row-home .home-main-content .interests ul li { float: left; width: 100%; } .col-sm-12.col-md-12.col-lg-12.subheader{padding:0px;} /*PUBLIaCCESS*/ .row-header .header h1.logo, .row-header .header .h1.logo{ display: inline-block; } /****/ .breadcrumb li{display:none;} .row-footer .footer-big-bg { position: relative; /*margin-bottom: 330px;*/ } .row-footer .footer-big-bg .footer-main-menu { height: auto; padding: 20px 10px; } .row-footer .footer-big-bg .footer-main-menu ul li { display: block; float: none; border-bottom: 1px solid #1b4187; padding: 7px 15px; font-size: 2em; min-height: 27px; } .row-footer .footer-big-bg .footer-main-menu ul li:after { content: none; } .row-footer .footer-big-bg .footer-main-menu ul li.first { padding: 0 0 0 15px; } .row-footer .footer-big-bg .footer-main-menu ul li.first a { display: block; height: 40px; } .row-footer .footer-big-bg .footer-main-menu ul li.first:after { content: none; display: none; background: none; } .row-footer .footer-big-bg .footer-main-menu ul li.last { border-bottom: none; } .row-footer .footer-big-bg .footer-submenu { /* margin-top: 15px;*/ } .row-footer .footer-big-bg .top-link { /*top: 86px;*/ } .row-footer .footer-sub-links div.legal { margin-top: 0 !important; } .footer-main-links { position: static; padding: 10px; color: #ffffff; } .footer-main-links ul li { display: block; float: none; font-size: 1em; margin: 0; padding: 0 15px; min-height: 38px; border-bottom: 1px solid #ededed; } .footer-main-links ul li:after { content: none; } .footer-main-links ul li.last { border-bottom: none; } .footer-main-links ul li a { color: #ffffff; text-decoration: none; } .footer-main-links ul li a:hover { text-decoration: underline; } .footer-main-links .top-link { position: absolute; /*top: 15px;*/bottom:-20px; right: 20px; } } @media (max-width: 520px) { .only-md { display: none !important; } .only-xsml { display: block !important; } .row-header .header h1.logo , .row-header .header .h1.logo { font-size: 2.8em; position:absolute; top:6px; margin:0px auto; } .documents .th { display: none; } .documents .td { display: block; width: 100%; } .documents .td.td1 { padding: 10px 0 5px 0 !important; } .documents .td.td2 { padding: 5px 0 10px 0 !important; } .info-box { padding: 85px 30px 35px 30px; background-position: 25px 20px; } .mm-menu .mm-navbar .mm-title { font-size: 3.2em; } .mm-menu .mm-listview { font-size: 2em; } /* custom outsiders */ .row-footer .carruselpie{width:80%;} .row-footer .carruselpie div.SLICK-LIST{left:-25px;} .slick-slide img{margin:0px auto;} } @media (min-width: 1px) and (max-width: 719px) { .only-md { display: none !important; } .only-xsml { display: block !important; } /* Slider Home */ .row-header .slider-container { padding: 0 10px; } .row-header .slider-container .home-slider { max-width: 100%; } .row-header .slider-container .home-slider .slide { position: relative; background-position: left; } .row-header .slider-container .home-slider .slide .slide-content { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 20; } .row-header .slider-container .home-slider .slide .slide-content p { width: 100%; position: absolute; top: 0; } .row-header .slider-container .home-slider .slide .slide-content .slide-action { position: absolute; left: 0; bottom: 0; width: 100%; padding: 20px 0; text-align: center; background: #ffffff; } .row-header .slider-container .home-slider .slide .slide-content .slide-action a { display: inline-block; } .row-header .slider-container .home-slider .slick-dots { display: inline-block; padding: 16px 0 0 16px; } .row-home .slider-container { padding: 0 10px; } .row-home .slider-container .home-slider { max-width: 100%; } .row-home .slider-container .home-slider .slide { position: relative; background-position: left; } .row-home .slider-container .home-slider .slide .slide-content { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 20; } .row-home .slider-container .home-slider .slide .slide-content p { width: 100%; position: absolute; top: 0; } .row-home .slider-container .home-slider .slide .slide-content .slide-action { position: absolute; left: 0; /*bottom: 0;*/ width: 100%; padding: 20px 0; text-align: center; /*background: #ffffff;*/ } .row-home .slider-container .home-slider .slide .slide-content .slide-action a { display: inline-block; } .row-home .slider-container .home-slider .slick-dots { display: inline-block; padding: 16px 0 0 16px; } /** **/ .row-home .home-servicios-tramites { padding: 0 30px; } .row-home .home-servicios-tramites ul li { float: left; /* margin: 0 0 15px 0;*/margin:5px 0; width: 100%; } /* .row-home .home-servicios-tramites ul li a { float: left; }*/ .row-home .home-servicios-tramites ul li a .icon { margin: 0 25px 0 0; width: 65px; height: 65px; float: left; display: inline-block; background-size: 100%; } .row-home .home-servicios-tramites ul li a span { text-align: left; width: auto; font-size: 1.8em; } .row-footer .footer-slider-container { padding: 0; margin: 0 10px; } .row-footer .footer-main-links { font-size: 0.92857em; } .row-footer .footer-mainmenu, .row-footer .footer-submenu, .row-footer .footer-sub-links { /*margin: 0 10px;*/ } .row-footer .footer-sub-links { padding: 20px 0; } .row-footer .footer-sub-links:before, .row-footer .footer-sub-links:after { content: " "; display: table; } .row-footer .footer-sub-links:after { clear: both; } .row-footer /*.footer-sub-links div { float: left; width: 100%; font-size: 1.6em; margin: 0 0 10px 0; line-height: 1.125em; }*/ .footer-sub-links div { float: left; margin: 0 17px 0 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 4.66667em; font-weight: 400; color: #666666; } .row-footer .footer-sub-links div.legal { margin: -5px 0 10px 0; } .footer-sub-links { height: auto; } /* Slider Home */ #content .slider-container { padding: 0 10px; } #content .slider-container .home-slider { max-width: 100%; } #content .slider-container .home-slider .slide { position: relative; background-position: left; } #content .slider-container .home-slider .slide .slide-content { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 20; } #content .slider-container .home-slider .slide .slide-content p { width: 100%; position: relative; /*absolute;*/ top: 0; } #content .slider-container .home-slider .slide .slide-content .slide-action { position: absolute; left: 0; /*bottom: 0;*/ width: 100%; padding: 20px 0; text-align: center; /*background: #ffffff;*/ } #content .slider-container .home-slider .slide .slide-content .slide-action a { display: inline-block; } #content .slider-container .home-slider .slick-dots { display: inline-block; padding: 16px 0 0 16px; } /** **/ input[type="radio"]+label.botondestacado{ display:inline-block; padding:0px 15px; margin:0px;vertical-align:middle;} .row-container .row .col3{ float: left; } .row-container .row .col3 ul li{ width:100%; } .row-container .row .col3 ul li a{ text-align: left; } #elemento1,#elemento2,#elemento3,#elemento4{width:auto;} #elemento1{bottom:0px;margin:0 15px 0 -15px;} #elemento2,#elemento3,#elemento4{bottom:0px;} .row-container.bg-secondary { max-height: none; min-height: 820px; position:relative; } .footer-big-bg{max-height:100px;} .row-footer .footer-sub-links div{line-height:1.8em; clear: both;} } @media (max-width: 639px) { .row-footer .footer-sub-links { padding: 0; } } @media (max-width: 430px) { body { overflow-x: hidden; } .only-md { display: none !important; } .only-xsml { display: block !important; } .mobile-menu { margin: 10px 0 0 0; width: 39px; height: 40px; background-size: 27px 27px; } .mobile-search { margin: 10px 0 0 0; width: 31px; height: 40px; background-size: 23px 23px; } .row-header .header h1.logo, .row-header .header .h1.logo { font-size: 2em; height: 40px; } /* Slider Home */ .row-header .home-slider .slide-content p, .row-home .home-slider .slide-content p { margin: 0 15px; font-size: 2em; } .row-header .home-slider .slide-content p strong, .row-home .home-slider .slide-content p strong { font-size: 2em; } /** **/ .mm-menu .mm-navbar .mm-title { font-size: 2.3em; } .mm-menu .mm-listview { font-size: 1.8em; } } @media (min-width: 720px) and (max-width: 939px) { .only-md { display: block !important; } .only-xsml { display: none !important; } .row-home .home-main-content .row .two-col:before, .row-home .home-main-content .row .two-col:after { content: " "; display: table; } .row-home .home-main-content .row .two-col:after { clear: both; } .row-home .home-main-content .row .interests h3 { margin: 20px 0; } .row-home .home-main-content .row .box-home-blue { float: left; min-height: 100px; padding: 30px 30px 0 30px; } .row-home .home-main-content .row .box-home-blue h3 { padding: 0; } .row-home .home-main-content .row .box-home-blue ul { float: left; width: 100%; margin-bottom: 46px; background: url("../img/novedades-borde-central.png") repeat-y center top; } .row-home .home-main-content .row .box-home-blue ul li { float: left; width: 47%; border-bottom: none; } .row-home .home-main-content .row .box-home-blue ul li:nth-child(odd) { margin-right: 6%; } /* home destacados */ input[type="radio"] + label.botondestacado{margin:6px 0px;} /* menu mm-*/ .mm-menu .mm-panel { top:0px; background-color:#ededed; padding:15px; color:#444c4f; } } @media (min-width: 640px) { .only-md { display: block !important; } .only-xsml { display: none !important; } .footer-big-bg .footer-main-menu ul li.first:after { content: " "; position: absolute; top: 0; right: 10px; display: block; width: 10px; height: 19px; background: url("../img/flecha-derecha-blanca-pie.png") no-repeat center center; } .results-mini, .no-results-mini,p.no-page-mini{display:none;} .results,.no-results,p.no-page{display:block;} h5+div > .results,h5+div > .no-results{padding: 10px 20px;} } p.no-results,p.no-results-mini { /*background-color: #e2edf7; padding: 30px;*/ position: relative; background: #e2edf7 url(../img/aviso-pequeno.png) no-repeat 50px center; padding: 35px 100px 35px 140px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #484848; font-weight: bold; } p.no-page,p.no-page-mini { position: relative; background: #e2edf7 url(../img/aviso-nopag-pequeno.png) no-repeat 50px center; padding: 35px 100px 35px 140px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #484848; font-weight: bold; } div.no-page-avaliable{ margin: 0 0 10px 0; position: relative; background: #e2edf7 url(../img/aviso-nopag-pequeno.png) no-repeat 50px 50px; padding: 35px 100px 35px 140px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #484848; font-weight: bold; } @media (max-width: 767px) and (min-width: 1px){ div.no-page-avaliable{ background: #e2edf7 url(../img/aviso-nopag-pequeno.png) no-repeat 35px 35px; padding: 100px 35px 35px 35px; } } @media (min-width: 640px) and (max-width: 719px) { } @media (min-width: 768px) and (max-width: 939px) { } @media (min-width: 1px) and (max-width: 767px) { .filter-board { margin: 0 -10px; } .side.filter { border: 0; border-bottom: 2px solid #ededed; } .side.filter .side-activator { display: block; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 300; font-size: 1.8em; line-height: 3.05556em; height: 55px; background: #ededed url("../img/flecha-abajo-azul-padded.png") no-repeat right center; color: #111111; text-decoration: none; padding: 0 0 0 30px; } .side.filter .side-activator.activado { background-image: url("../img/flecha-arriba-azul-padded.png"); } .side.filter .side-container { padding: 0 10px; margin-top: 20px; display: none; } .side.filter legend { display: none; } .side.filter .filter-buttons { margin: 20px; } .side.filter .filter-buttons .btn { margin: 0 !important; padding: 0; width: 100%; } .datepicker .active.day:after { width: 80%; height: 80%; top: 0; left: 7%; } .board .edicts { width: 100%; } .board .edicts thead { display: none; } .board .edicts .td { float: left; } .board .edicts .td.td1, .board .edicts .td.td2 { padding: 20px 0 5px 0; display: inline-block; width: auto; } .board .edicts .td.td1:after { content: "\2022"; display: inline-block; width: 20px; text-align: center; } .board .edicts .td.td3 { display: block; width: 100%; padding: 0 0 20px 0; } .board .pagination { display: none; } h1.col-md-12.mb15.h1.title{text-align:left;} /* .home-slider .slide img.icons-slider { display: none; }*/ .home-links ul li {padding-left: 30px;} .home-links ul li div.tit-pub, .home-links ul li div.tit-estadis { margin: -10px -30px 5px; padding: 10px 30px 0px; } .results-mini, .no-results-mini,p.no-page-mini{display:block;} .results,.no-results,p.no-page{display:none;} h5+div > .results-mini,h5+div > .no-results-mini{padding:10px;}.limpiarfiltros,.aplicarfiltros{width:100% !important;margin:0 !important;} } @media (min-width: 940px) { .only-sml, .only-xsml { display: none !important; } .only-lrg { display: block !important; } /** mAIN mENU **/ .header .logo img, .header .logo span { /*height: 65px;*/ float: left; } .header .logo img { width: 262px; } .header .logo span { width: 268px; padding: 10px 0 0 10px; } .simple .procedure li { width: 19%; margin: 0; } .simple .procedure li .icon-procedure { margin-right: 6px; width: 35px; height: 35px; } .simple .procedure li span { padding: 0; height: 35px; } .simple .procedure li.pr1, .simple .procedure li.pr2, .simple .procedure li.pr3 { width: 20%; } .simple .procedure li.pr4, .simple .procedure li.pr5 { width: 18%; } .simple .procedure li.pr4 span, .simple .procedure li.pr5 span { padding-top: 8px; height: 27px; } } /** Bloques & Columnas (Ver col- en Responsive Utilities) **/ /* Tables */ table td { text-align:center; color:#747474; font-size:0.875em; } table td.primero { border-top:#f7d2a5 1px solid; background:#ffeed9; border-right:#f7d2a5 1px solid; border-left:#f7d2a5 1px solid; } table td.central{background:#ffeed9; border-right:#f7d2a5 1px solid; border-left:#f7d2a5 1px solid;} table td.ultimo { border-bottom:#f7d2a5 1px solid; background:#ffeed9; border-right:#f7d2a5 1px solid; border-left:#f7d2a5 1px solid; } #myResults table.datos>tbody>tr>td:nth-child(2){padding-right:8px;} /* new. */ table.datos,table.download{ /* tabla 1 de datos */ width: 100%; width: 99.99%; max-width: 100%; margin-bottom: 20px; margin-top: 0.5em; } table.datos > thead > tr, table.download > thead > tr{ background-color: #fff; font-size:0.750em; font-weight:bold; color:#006f93; } table.datos > thead > tr > th{ background-color:#F9FBF4; border-color:#006f93; width:40%; } table.datos.mix > thead > tr > th{ width:25%; } table.datos.mixboe > thead > tr > th{ width:19%; } table.datos.mailboxes > thead > tr > th{ width:16.66%; } table.datos.mixdoue > thead > tr > th{ width:19%; } table.datos.mix > thead > tr > th.doc,table.datos.mixboe > thead > tr > th.doc{ width:40%; } table.datos.mix > thead > tr > th.date,table.datos.mixboe > thead > tr > th.date{ width:15%; } table.datos.mixdoue > thead > tr > th.doc { width: 30%; } table.datos.mixdoue > thead > tr > th.date{ width:15%; } table.datos.mixdoue > thead > tr > th.doue{ width:25%; } table.download > thead > tr > th{ background-color:#e2edf7; border:1px solid #e5e5e5; width:40%; } table.datos > tbody > tr > th, table.datos > tbody > tr > td{ /* Regularizamos fondo tabla por defecto */ background-color:#fff; border: 2px solid #ddd; border-spacing:1px; font-size:0.813em; color:#B5B5B5; } table.download > tbody > tr > td{ background-color:#fff; border: 1px solid #ddd; border-spacing:1px; font-size:0.813em; color:#B5B5B5; } table.datos span.orderDown{ /*background-image:url(../../images/tuss_img/iconos/9x9/flechaDown.gif);*/ background-repeat:no-repeat; cursor:pointer; padding: 0px 0px 0px 9px; margin: 0px -9px 0px 3px; } table.datos span.orderUp{ /*background-image:url(../../images/tuss_img/iconos/9x9/flechaUp.gif);*/ background-repeat:no-repeat; cursor:pointer; padding: 0px 0px 0px 9px; margin: 0px -9px 0px 3px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } /*.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; }*/ .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-bordered > tfoot > tr > th, .table-bordered > tfoot> tr > td { border-top-width: 2px; } .table-striped > tbody > tr:nth-child(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #494949; } table col[class*="col-"] { position: static; display: table-column; float: none; } table.datos td[class*="col-"], table.datos th[class*="col-"] { position: static; display: table-cell; float: none; } .table > thead > tr > td.data, .table > tbody > tr > td.data, .table > tfoot > tr > td.data, .table > thead > tr > th.data, .table > tbody > tr > th.data, .table > tfoot > tr > th.data, .table > thead > tr.data > td, .table > tbody > tr.data > td, .table > tfoot > tr.data > td, .table > thead > tr.data > th, .table > tbody > tr.data > th, .table > tfoot > tr.data > th { background-color: #F9F9F9; } .table > thead > tr > td.number, .table > tbody > tr > td.number, .table > tfoot > tr > td.number, .table > thead > tr > th.number, .table > tbody > tr > th.number, .table > tfoot > tr > th.number, .table > thead > tr.number > td, .table > tbody > tr.number > td, .table > tfoot > tr.number > td, .table > thead > tr.number > th, .table > tbody > tr.number > th, .table > tfoot > tr.number > th { font-size:0.938em; color: #333333; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #AAAAAA; color:#fff; } .table-hover > tbody > tr > td.data:hover, .table-hover > tbody > tr > th.data:hover, .table-hover > tbody > tr.data:hover > td, .table-hover > tbody > tr:hover > .data, .table-hover > tbody > tr.data:hover > th, .table-hover > tbody > tr > td:hover, .table-hover > tbody > tr > th:hover, .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #494949; color:#ffffff; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #666666; } /** paginación tabla **/ table.datos > tfoot > tr > th, table.datos > tfoot > tr > td { padding: 15px; line-height: 1.42857143; vertical-align: middle; border: 1px solid #006f93; border-top: 2px solid #006f93; background-color:#F9FBF4; font-size:0.938em; text-align: center; } table.datos > tfoot > tr > th > span.info, table.datos > tfoot > tr > td > span.info{ top: 15px; position:relative; } table.datos > tfoot > tr > th > span.boxIzq, table.datos > tfoot > tr > td > span.boxIzq{ background-color: #F9FBF4; /*background-image:url(../../images/tuss_img/iconos/10x10/atras.gif);*/ background-repeat:no-repeat; background-position:center; background-origin:content-box; cursor:pointer; height: 20px; width: 20px; padding: 10px; border: 1px solid #006f93; /*para Firefox*/ -moz-border-radius: 5px; /*para Safari y Chrome*/ -webkit-border-radius: 5px; /* para Opera */ border-radius: 5px; float:left; } table.datos > tfoot > tr > th > span.boxDcha, table.datos > tfoot > tr > td > span.boxDcha{ background-color: #F9FBF4; /*background-image:url(../../images/tuss_img/iconos/10x10/adelante.gif);*/ background-repeat:no-repeat; background-position:center; background-origin:content-box; cursor:pointer; height: 20px; width: 20px; padding: 10px; border: 1px solid #006f93; /*para Firefox*/ -moz-border-radius: 5px; /*para Safari y Chrome*/ -webkit-border-radius: 5px; /* para Opera */ border-radius: 5px; float:right; } table.datos > tfoot > tr > th > span.boxIzq:hover, table.datos > tfoot > tr > td > span.boxIzq:hover, table.datos > tfoot > tr > th > span.boxDcha:hover, table.datos > tfoot > tr > td > span.boxDcha:hover{ /*box-shadow: 0px 10px 10px -7px #587404 inset*/ color: #03709b; background-color: #fff; } table.datos > tfoot > tr > th > span.boxIzq:active, table.datos > tfoot > tr > td > span.boxIzq:active, table.datos > tfoot > tr > th > span.boxDcha:active, table.datos > tfoot > tr > td > span.boxDcha:active{ background-color: #587404; } /** Table files **/ /** Nuevos estilos dependientes de multilenguaje **/ @media only screen and (max-width:767px){ /*** muestra buzones ***/ table.Mod6Col_NIUPFI thead { border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.Mod6Col_NIUPFI tbody tr { border: 4px solid #ffffff; } table.Mod6Col_NIUPFI tr td { min-height: 2rem; /*border-top: 0!important;*/ display: block; text-align: inherit!important; word-break: break-all; } table.Mod6Col_NIUPFI>tbody>tr>td:nth-child(n) { padding:8px 20px; } table.Mod6Col_NIUPFI tr:hover> td:before, table.Mod6Col_NIUPFI tr:focus> td:before{ color: #ffffff; } table.Mod6Col_NIUPFI td:before { font-weight: 700; text-transform: uppercase; color: #333333; padding-right: 15px; } .Mod6Col_NIUPFI td:nth-of-type(1):before { content: 'Nombre contenido';} .Mod6Col_NIUPFI td:nth-of-type(2):before { content: 'Idioma';} .Mod6Col_NIUPFI td:nth-of-type(3):before { content: 'Usuario';} .Mod6Col_NIUPFI td:nth-of-type(4):before { content: 'Prioridad';} .Mod6Col_NIUPFI td:nth-of-type(5):before { content: 'Fecha de envío';} .Mod6Col_NIUPFI td:nth-of-type(6):before { content: 'Incidencia';} /*** muestra MODELO SOLICITUD - DESCARGA GRAL.***/ table.Mod2Col_FB thead ,table.Mod2Col_FD thead,table.Mod3Col_DFD thead,table.Mod3Col_DDF thead,table.Mod3Col_FDB thead,table.Mod4Col_DDDF thead ,table.Mod5Col_DFTFD thead ,table.Mod6Col_DFTFDB thead ,table.Mod7Col_PNTCDOO thead{ border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } table.Mod2Col_FB tbody tr ,table.Mod2Col_FD tbody tr,table.Mod3Col_DFD tbody tr,table.Mod3Col_DDF tbody tr,table.Mod3Col_FDB tbody tr,table.Mod4Col_DDDF tbody tr ,table.Mod6Col_DFTFDB tbody tr ,table.Mod5Col_DFTFD tbody tr,table.Mod7Col_PNTCDOO tbody tr { border: 4px solid #ffffff; } .info table.datos.Mod2Col_FB tbody tr:hover> td.download > img, .info table.datos.Mod2Col_FB tbody tr:focus> td.download > img, .info table.datos.Mod2Col_FB tbody tr:hover> td.download , .info table.datos.Mod2Col_FB tbody tr:focus> td.download, .info table.datos.Mod2Col_FB tbody tr:hover> td.download_bop > img, .info table.datos.Mod2Col_FB tbody tr:focus> td.download_bop > img, .info table.datos.Mod2Col_FB tbody tr:hover> td.download_bop , .info table.datos.Mod2Col_FB tbody tr:focus> td.download_bop, .info table.datos.Mod2Col_FB tbody tr:hover> td.download_boe > img, .info table.datos.Mod2Col_FB tbody tr:focus> td.download_boe > img, .info table.datos.Mod2Col_FB tbody tr:hover> td.download_boe , .info table.datos.Mod2Col_FB tbody tr:focus> td.download_boe, .info table.datos.Mod2Col_FD tbody tr:hover> td.download , .info table.datos.Mod2Col_FD tbody tr:focus> td.download, .info table.datos.Mod2Col_FB tbody tr:hover> td.download_doue > img, .info table.datos.Mod2Col_FB tbody tr:focus> td.download_doue > img, .info table.datos.Mod2Col_FB tbody tr:hover> td.download_doue , .info table.datos.Mod2Col_FB tbody tr:focus> td.download_doue, .info table.datos.Mod3Col_DFD tbody tr:hover> td.download > img, .info table.datos.Mod3Col_DFD tbody tr:focus> td.download > img, .info table.datos.Mod3Col_DFD tbody tr:hover> td.download , .info table.datos.Mod3Col_DFD tbody tr:focus> td.download , .info table.datos.Mod3Col_DDF tbody tr:hover> td.download > img, .info table.datos.Mod3Col_DDF tbody tr:focus> td.download > img, .info table.datos.Mod3Col_DDF tbody tr:hover> td.download , .info table.datos.Mod3Col_DDF tbody tr:focus> td.download , .info table.datos.Mod3Col_FDB tbody tr:hover> td.download > img, .info table.datos.Mod3Col_FDB tbody tr:focus> td.download > img, .info table.datos.Mod3Col_FDB tbody tr:hover> td.download , .info table.datos.Mod3Col_FDB tbody tr:focus> td.download, .info table.datos.Mod3Col_FDB tbody tr:hover> td.download_boe > img, .info table.datos.Mod3Col_FDB tbody tr:focus> td.download_boe > img, .info table.datos.Mod3Col_FDB tbody tr:hover> td.download_boe , .info table.datos.Mod3Col_FDB tbody tr:focus> td.download_boe, .info table.datos.Mod3Col_FDB tbody tr:hover> td.download_doue > img, .info table.datos.Mod3Col_FDB tbody tr:focus> td.download_doue > img, .info table.datos.Mod3Col_FDB tbody tr:hover> td.download_doue , .info table.datos.Mod3Col_FDB tbody tr:focus> td.download_doue, .info table.datos.Mod2Col_FD tbody tr:hover> td.download > img, .info table.datos.Mod2Col_FD tbody tr:focus> td.download > img, .info table.datos.Mod4Col_DDDF tbody tr:hover> td.download > img, .info table.datos.Mod4Col_DDDF tbody tr:focus> td.download > img, .info table.datos.Mod4Col_DDDF tbody tr:hover> td.download , .info table.datos.Mod4Col_DDDF tbody tr:focus> td.download , .info table.datos.Mod5Col_DFTFD tbody tr:hover> td.download > img, .info table.datos.Mod5Col_DFTFD tbody tr:focus> td.download > img, .info table.datos.Mod5Col_DFTFD tbody tr:hover> td.download , .info table.datos.Mod5Col_DFTFD tbody tr:focus> td.download, .info table.datos.Mod6Col_DFTFDB tbody tr:hover> td.download > img, .info table.datos.Mod6Col_DFTFDB tbody tr:focus> td.download > img, .info table.datos.Mod6Col_DFTFDB tbody tr:hover> td.download , .info table.datos.Mod6Col_DFTFDB tbody tr:focus> td.download, .info table.datos.Mod7Col_PNTCDOO tbody tr:hover> td.download > img, .info table.datos.Mod7Col_PNTCDOO tbody tr:focus> td.download > img, .info table.datos.Mod7Col_PNTCDOO tbody tr:hover> td.download , .info table.datos.Mod7Col_PNTCDOO tbody tr:focus> td.download { background-position: 98%; } table.Mod2Col_FB tr td,table.Mod2Col_FD tr td,table.Mod3Col_DFD tr td,table.Mod3Col_DDF tr td,table.Mod3Col_FDB tr td,table.Mod4Col_DDDF tr td ,table.Mod5Col_DFTFD tr td,table.Mod6Col_DFTFDB tr td ,table.Mod7Col_PNTCDOO tr td{ min-height: 2rem; display: block; text-align: inherit!important; word-break: break-all; } .info table.Mod2Col_FB.datos > tbody > tr > td.download > img, .info table.Mod2Col_FB.datos > tbody > tr > td.download, .info table.Mod2Col_FB.download > tbody > tr > td.download > img, .info table.Mod2Col_FB.download > tbody > tr > td.download , .info table.Mod2Col_FB.datos > tbody > tr > td.download_bop > img, .info table.Mod2Col_FB.datos > tbody > tr > td.download_bop, .info table.Mod2Col_FB.download > tbody > tr > td.download_bop > img, .info table.Mod2Col_FB.download > tbody > tr > td.download_bop, .info table.Mod2Col_FB.datos > tbody > tr > td.download_boe > img, .info table.Mod2Col_FB.datos > tbody > tr > td.download_boe, .info table.Mod2Col_FB.download > tbody > tr > td.download_boe > img, .info table.Mod2Col_FB.download > tbody > tr > td.download_boe, .info table.Mod2Col_FB.datos > tbody > tr > td.download_doue > img, .info table.Mod2Col_FB.datos > tbody > tr > td.download_doue, .info table.Mod2Col_FB.download > tbody > tr > td.download_doue > img, .info table.Mod2Col_FB.download > tbody > tr > td.download_doue, .info table.Mod2Col_FD.datos > tbody > tr > td.download > img, .info table.Mod2Col_FD.datos > tbody > tr > td.download, .info table.Mod2Col_FD.download > tbody > tr > td.download > img, .info table.Mod2Col_FD.download > tbody > tr > td.download , .info table.Mod3Col_DFD.datos > tbody > tr > td.download > img, .info table.Mod3Col_DFD.datos > tbody > tr > td.download, .info table.Mod3Col_DFD.download > tbody > tr > td.download > img, .info table.Mod3Col_DFD.download > tbody > tr > td.download , .info table.Mod3Col_DDF.datos > tbody > tr > td.download > img, .info table.Mod3Col_DDF.datos > tbody > tr > td.download, .info table.Mod3Col_DDF.download > tbody > tr > td.download > img, .info table.Mod3Col_DDF.download > tbody > tr > td.download , .info table.Mod3Col_FDB.datos > tbody > tr > td.download > img, .info table.Mod3Col_FDB.datos > tbody > tr > td.download, .info table.Mod3Col_FDB.download > tbody > tr > td.download > img, .info table.Mod3Col_FDB.download > tbody > tr > td.download , .info table.Mod3Col_FDB.datos > tbody > tr > td.download_boe > img, .info table.Mod3Col_FDB.datos > tbody > tr > td.download_boe, .info table.Mod3Col_FDB.download > tbody > tr > td.download_boe > img, .info table.Mod3Col_FDB.download > tbody > tr > td.download_boe, .info table.Mod3Col_FDB.datos > tbody > tr > td.download_doue > img, .info table.Mod3Col_FDB.datos > tbody > tr > td.download_doue, .info table.Mod3Col_FDB.download > tbody > tr > td.download_doue > img, .info table.Mod3Col_FDB.download > tbody > tr > td.download_doue, .info table.Mod4Col_DDDF.datos > tbody > tr > td.download > img, .info table.Mod4Col_DDDF.datos > tbody > tr > td.download, .info table.Mod4Col_DDDF.download > tbody > tr > td.download > img, .info table.Mod4Col_DDDF.download > tbody > tr > td.download, .info table.Mod5Col_DFTFD.datos > tbody > tr > td.download > img, .info table.Mod5Col_DFTFD.datos > tbody > tr > td.download, .info table.Mod5Col_DFTFD.download > tbody > tr > td.download > img, .info table.Mod5Col_DFTFD.download > tbody > tr > td.download, .info table.Mod6Col_DFTFDB.datos > tbody > tr > td.download > img, .info table.Mod6Col_DFTFDB.datos > tbody > tr > td.download, .info table.Mod6Col_DFTFDB.download > tbody > tr > td.download > img, .info table.Mod6Col_DFTFDB.download > tbody > tr > td.download, .info table.Mod7Col_PNTCDOO.datos > tbody > tr > td.download > img, .info table.Mod7Col_PNTCDOO.datos > tbody > tr > td.download, .info table.Mod7Col_PNTCDOO.download > tbody > tr > td.download > img, .info table.Mod7Col_PNTCDOO.download > tbody > tr > td.download { background-position: 98%; } .info table.Mod2Col_FB.datos > tbody > tr > td.download > a, .info table.Mod2Col_FD.datos > tbody > tr > td.download > a, .info table.Mod3Col_DFD.datos > tbody > tr > td.download > a, .info table.Mod3Col_DDF.datos > tbody > tr > td.download > a, .info table.Mod3Col_FDB.datos > tbody > tr > td.download > a, .info table.Mod4Col_DDDF.datos > tbody > tr > td.download > a, .info table.Mod7Col_PNTCDOO.datos > tbody > tr > td.download > a{ padding-left: 0px; } .info table.Mod2Col_FB.datos > tbody > tr > td.download_bop > a,.info table.Mod2Col_FB.datos > tbody > tr > td.download_boe > a,.info table.Mod2Col_FB.datos > tbody > tr > td.download_doue > a, .info table.Mod3Col_FDB.datos > tbody > tr > td.download_boe > a, .info table.Mod5Col_DFTFD.datos > tbody > tr > td.download > a, .info table.Mod6Col_DFTFDB.datos > tbody > tr > td.download > a{ float: right; margin: -4px -10px; } .info table.Mod2Col_FD.datos > tbody > tr > td.download > a >img, .info table.Mod6Col_DFTFDB.datos > tbody > tr > td.download > a >img{ padding:0px; } table.Mod2Col_FB>tbody>tr>td:nth-child(n) ,table.Mod2Col_FD>tbody>tr>td:nth-child(n),table.Mod3Col_DFD>tbody>tr>td:nth-child(n),table.Mod3Col_DDF>tbody>tr>td:nth-child(n),table.Mod3Col_FDB>tbody>tr>td:nth-child(n) ,table.Mod4Col_DDDF>tbody>tr>td:nth-child(n) ,table.Mod5Col_DFTFD>tbody>tr>td:nth-child(n),table.Mod6Col_DFTFDB>tbody>tr>td:nth-child(n),table.Mod7Col_PNTCDOO>tbody>tr>td:nth-child(n) { padding:8px 20px; } table.Mod2Col_FB tr:hover> td:before, table.Mod2Col_FB tr:focus> td:before, table.Mod2Col_FD tr:hover> td:before, table.Mod2Col_FD tr:focus> td:before, table.Mod3Col_DFD tr:hover> td:before, table.Mod3Col_DFD tr:focus> td:before, table.Mod3Col_DDF tr:hover> td:before, table.Mod3Col_DDF tr:focus> td:before, table.Mod3Col_FDB tr:hover> td:before, table.Mod3Col_FDB tr:focus> td:before, table.Mod4Col_DDDF tr:hover> td:before, table.Mod4Col_DDDF tr:focus> td:before, table.Mod5Col_DFTFD tr:hover> td:before, table.Mod5Col_DFTFD tr:focus> td:before, table.Mod6Col_DFTFDB tr:hover> td:before, table.Mod6Col_DFTFDB tr:focus> td:before, table.Mod7Col_PNTCDOO tr:hover> td:before, table.Mod7Col_PNTCDOO tr:focus> td:before{ color: #ffffff; } table.Mod2Col_FB td:before,table.Mod2Col_FD td:before ,table.Mod3Col_DFD td:before,table.Mod3Col_DDF td:before,table.Mod3Col_FDB td:before,table.Mod4Col_DDDF td:before ,table.Mod5Col_DFTFD td:before,table.Mod6Col_DFTFDB td:before,table.Mod7Col_PNTCDOO td:before { font-weight: 700; text-transform: uppercase; color: #333333; padding-right: 15px; } .Mod3Col_DDF td:nth-of-type(1):before { content: 'Documento';} .Mod3Col_DDF td:nth-of-type(2):before { content: 'Descarga';} .Mod3Col_DDF td:nth-of-type(3):before { content: 'Fecha';} /*** muestra DIRECTORIO ***/ .Mod3Col_DFD td:nth-of-type(1):before { content: 'Documento';} .Mod3Col_DFD td:nth-of-type(2):before { content: 'Fecha';} .Mod3Col_DFD td:nth-of-type(3):before { content: 'Descarga';} /*** muestra MODELO DESCARGA ***/ .Mod4Col_DDDF td:nth-of-type(1):before { content: 'Documento';} .Mod4Col_DDDF td:nth-of-type(2):before { content: 'Descarga PDF';} .Mod4Col_DDDF td:nth-of-type(3):before { content: 'Descarga XLS';} .Mod4Col_DDDF td:nth-of-type(4):before { content: 'Fecha';} /*** muestra MODELO BOE ***/ .Mod3Col_FDB td:nth-of-type(1):before { content: 'Fecha';} .Mod3Col_FDB td:nth-of-type(2):before { content: 'Descarga';} .Mod3Col_FDB td:nth-of-type(3):before { content: 'B.O.E.';} /*** muestra MODELO DOUE ***/ .mixdoue.Mod3Col_FDB td:nth-of-type(1):before { content: 'Fecha';} .mixdoue.Mod3Col_FDB td:nth-of-type(2):before { content: 'Descarga';} .mixdoue.Mod3Col_FDB td:nth-of-type(3):before { content: 'D.O.U.E';} /*** muestra MODELO DESCARGA ***/ .Mod2Col_FD td:nth-of-type(1):before { content: 'Fecha';} .Mod2Col_FD td.download:nth-of-type(2):before { content: 'Descarga';} /*** muestra MODELO BP ***/ .Mod2Col_FB td:nth-of-type(1):before { content: 'Fecha';} .Mod2Col_FB td.download_bop:nth-of-type(2):before { content: 'B.P.';} .Mod2Col_FB td.download_boe:nth-of-type(2):before { content: 'B.O.E.';} .Mod2Col_FB td.download_doue:nth-of-type(2):before { content: 'D.O.U.E.';} /*** muestra MODELO SOLICITUD ***/ .Mod6Col_DFTFDB td:nth-of-type(1):before { content: 'Documento';} .Mod6Col_DFTFDB td:nth-of-type(2):before { content: 'Formato';} .Mod6Col_DFTFDB td:nth-of-type(3):before { content: 'Tamaño';} .Mod6Col_DFTFDB td:nth-of-type(4):before { content: 'Fecha';} .Mod6Col_DFTFDB td:nth-of-type(5):before { content: 'Descarga';} .Mod6Col_DFTFDB td:nth-of-type(6):before { content: 'B.O.E.';} /*** muestra MODELO RESULTADOS ***/ .Mod7Col_PNTCDOO td:nth-of-type(1):before { content: 'Provincia';} .Mod7Col_PNTCDOO td:nth-of-type(2):before { content: 'Nº';} .Mod7Col_PNTCDOO td:nth-of-type(3):before { content: 'Teléfono/ Fax';} .Mod7Col_PNTCDOO td:nth-of-type(4):before { content: 'Cita Previa';} .Mod7Col_PNTCDOO td:nth-of-type(5):before { content: 'Dirección';} .Mod7Col_PNTCDOO td:nth-of-type(6):before { content: 'Oficinas de Registro';} .Mod7Col_PNTCDOO td:nth-of-type(7):before { content: 'Observaciones';} /*** muestra MODELO DESCARGA FORMATO DOCUMENTO ***/ .Mod5Col_DFTFD td:nth-of-type(1):before { content: 'Documento';} .Mod5Col_DFTFD td:nth-of-type(2):before { content: 'Formato';} .Mod5Col_DFTFD td:nth-of-type(3):before { content: 'Tamaño';} .Mod5Col_DFTFD td:nth-of-type(4):before { content: 'Fecha';} .Mod5Col_DFTFD td:nth-of-type(5):before { content: 'Descarga';} } @media only screen and (max-width: 767px){ table.Mod7Col_PNTCDOO tbody > tr > td > a.calendar > img{ background: url(../img/icons/cal4.png) center no-repeat; background-position: 5px 0px; padding: 8px 6px 8px 18px; } table.Mod7Col_PNTCDOO tbody > tr:hover > td > a.calendar > img{ background: url(../img/icons/cal4-hover.png) center no-repeat; } table.Mod7Col_PNTCDOO tbody > tr > td > a.street > img{ background: url(../img/icons/map4.png) center no-repeat; background-position: 5px 0px; padding: 8px 6px 8px 18px; } table.Mod7Col_PNTCDOO tbody > tr:hover > td > a.street > img{ background: url(../img/icons/map4-hover.png) center no-repeat; } } @media screen and (max-width: 767px){ .table-responsive { display: inline-grid; margin-top: 10px; padding: 10px; } } #myResults table.datos th{font-size:1.2em; vertical-align: middle;} #myResults table>thead>tr>th:nth-child(1) {width: 15%;} #myResults table>thead>tr>th:nth-child(2) {width: 5%;} #myResults table>thead>tr>th:nth-child(3) {width: 10%;} #myResults table>thead>tr>th:nth-child(4) {width: 10%;} #myResults table>thead>tr>th:nth-child(5) {width: 14%;} #myResults table>thead>tr>th:nth-child(6) {width: 15%;} #myResults table>thead>tr>th:nth-child(7) {width: 15%;} #myResults table>thead>tr>th:nth-child(8) {width: 10%;} #myResults table>thead>tr>th:nth-child(9) {width: 5%;} /*** localizados ***/ #myResults table.datos>thead>tr>th:nth-child(1) {width: 15%;} #myResults table.datos>thead>tr>th:nth-child(2) {width: 5%;} #myResults table.datos>thead>tr>th:nth-child(3) {width: 20%;} #myResults table.datos>thead>tr>th:nth-child(4) {width: 25%;} #myResults table.datos>thead>tr>th:nth-child(5) {width: 25%;} #myResults table.datos>thead>tr>th:nth-child(6) {width: 10%;} #myResults table.datos>thead>tr>th:nth-child(7) {width: 15%;} /* Forms */ .form-separator { position: relative; width: 100%; float: left; height: 1px; margin-bottom: 20px; height: auto; border-bottom: 1px solid #d1d1d1; } .form-border { border-top: solid 2px #ededed !important; border-bottom: solid 2px #ededed !important; border-left: solid 2px #ededed !important; border-right: solid 2px #ededed !important; } #myAula form .cuestionario_ok{ color: #6B8017; font-weight: bold; } #myAula form .cuestionario_error{ color: #D15637; font-weight: bold; } #myAula form .resultado.verde{ color: #6B8017; } #myAula form .resultado.rojo{ color: #D15637; } #myAula form .resultado > img{padding:0 10px 0 20px;} /* LINEA FORMULARIO ---------------------------------------------------------*/ .lineaFormulario { overflow:hidden; margin-top:17px;} /* DATOS SALIDA FORMULARIO ---------------------------------------------*/ /** Elementos formulario general **/ fieldset { min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 1.313em; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } label { /* font-family: Arial, Verdana,sans-serif !important;*/ /*font-size:13pt !important;*/ color:#AAAAAA; /*!important; suprimido para mantener herencia de diseño */ display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } label.rojo { color:#D15637 !important; font-weight: bold; } input[type="text"].rojo, textarea.rojo, input[type="search"].rojo, input[type="radio"].rojo, input[type="checkbox"].rojo, input[type="file"].rojo { color:#D15637 !important; border:1px solid #D15637 !important; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin-top:1px; /*1px \ 9;*/ line-height: normal; /*border: 1px solid #dddddd !important;*/ box-sizing: border-box; padding:0px !important; /*10px !important;*/ /** actualización:bloqueada / appearance: none; -moz-appearance: none; -webkit-appearance: none; display:none;*/ } .lineaFormulario input[type="radio"], .lineaFormulario input[type="checkbox"] {margin: 1px 6px 4px 1px;opacity:1; } input[type="checkbox"]:checked{ background: #FFF; /*background-image: url("../../images/tuss_img/tick_cuadrado.png");*/ background-repeat:no-repeat; outline:1px solid #dddddd; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } /** Colorear radio,checkbox y textarea **/ /** Estilos descartados : input[type="radio"].rojo, input[type="checkbox"].rojo{ appearance: none; -moz-appearance: none; -webkit-appearance: none; display:none; } input[type="radio"].rojo + label:before{ display:inline-block; font-family:Arial, verdana, sans-serif; background:transparent; border:1px solid #D15637; border-radius:6px; content:""; width:11px;height:11px; margin:1px 6px -1px 1px; } input[type="radio"].rojo:checked + label:before{ display:inline-block; font-family:"Open-Sans",arial, verdana, sans-serif; border:1px solid #D15637; border-radius:6px; content:""; width:11px;height:11px; margin:1px 6px -1px 1px; background:url("../../images/tuss_img/iconos/9x9/erroraceptado.png") no-repeat center; } input[type="checkbox"].rojo+ label:before{ display:inline-block; font-family:"Open-Sans",arial, verdana, sans-serif; background:transparent; border:1px solid #D15637; content:""; width:11px;height:11px; margin:1px 6px -1px 1px; } input[type="checkbox"].rojo:checked + label:before{ display:inline-block; font-family:"Open-Sans",arial, verdana, sans-serif; border:1px solid #D15637; content:""; width:11px;height:11px; margin:1px 6px -1px 1px; background:url("../../images/tuss_img/iconos/9x9/erroraceptado.png") no-repeat center; } /* Actualización inputs: / input[type=radio ].izq:not(old) { width : 15px; margin : 1px 6px 4px 1px; padding : 0; opacity : 0; } input[type=radio ]:not(old) + label{ display : inline-block; margin-left : -19px; padding-left : 20px; background : url('../../images/tuss_img/radio.png') no-repeat 0 0; line-height : 12px; } input[type=radio]:not(old):checked + label{ background-position : 0 -12px; } input[type=checkbox].izq:not(old) { width : 15px; margin : 1px 6px 4px 1px; padding : 0; opacity : 0; } input[type=checkbox]:not(old) + label{ display : inline-block; margin-left : -19px; padding-left : 20px; background : url('../../images/tuss_img/checkbox.png') no-repeat 0 0; line-height : 12px; } input[type=checkbox]:not(old):checked + label{ background-position : 0 -17px; } /* AMPLIACION .ROJO ERROR / input[type=radio ].rojo:not(old) + label{ display : inline-block; margin-left : -19px; padding-left : 20px; background : url('../../images/tuss_img/radio_error.png') no-repeat 0 0; line-height : 12px; } input[type=radio].rojo:not(old):checked + label{ background-position : 0 -12px; } input[type=checkbox].rojo:not(old) + label{ display : inline-block; margin-left : -19px; padding-left : 20px; background : url('../../images/tuss_img/checkbox_error.png') no-repeat 0 0; line-height : 12px; } input[type=checkbox].rojo:not(old):checked + label{ background-position : 0 -17px; } /** **/ select[multiple], select[size] { height: auto; } select.rojo, select[size].rojo { color:#D15637 !important; border:1px solid #D15637 !important; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input[type="checkbox"]:focus+label { outline: #cc0000 solid 1px !important;padding: 1px; } output { display: block; padding-top: 7px; font-size: 0.875em; line-height: 1.42857143; color: #555; } /*** More: ***/ label.open{ font-family: Arial, Verdana,sans-serif !important; font-size:1.063em !important; color:#AAAAAA !important;} input[type="text"]{ /*font-family:"Open-Sans", Arial, Verdana,sans-serif !important; font-size:16pt !important;*/ color: #555; /** color claro suprimido #D4D4D4 ; /*margin: 5px 0px 10px;*/ padding: 9px; display: inline; /*display: block;*/ /*background-image: url("img/fondo_campo.gif");*/ border: 1px solid #DDDDDD; font-size: 1em; font-weight: normal; /*para Firefox*/ -moz-border-radius: 2px; /*para Safari y Chrome*/ -webkit-border-radius: 2px; /* para Opera */ border-radius: 2px; height:19px; /* iguala altos */ } input[type="text"].movil{ padding-left:25px; /*background-image:url(../../images/tuss_img/iconos/19x19/movil.png);*/ background-repeat:no-repeat; background-position:left; background-origin:padding-box; } input[type="text"].number{ width:30px; } input[type="number"]{ color: #555; padding: 9px; display: inline; /*display: block;*/ /*background-image: url("../../images/tuss_img/fondo_campo.gif");*/ border: 1px solid #DDDDDD; font-size: 1em; font-weight: normal; /*para Firefox*/ -moz-border-radius: 2px; /*para Safari y Chrome*/ -webkit-border-radius: 2px; /* para Opera */ border-radius: 2px; } input[type="text"].disabled, input[disabled].disabled, input[type="search"].disabled, input[type="radio"].disabled, input[type="checkbox"].disabled, input[type="file"].disabled, input[type="number"].disabled { /*pointer-events: none; [css4] */ cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;background:#E4E4E4; /*background:#E4E4E4; color:#DDDDDD; color:#D15637 !important; border:1px solid #D15637 !important;*/ } span.selectLabelCommon_text { padding: 8px 15px; position: relative; display: block; font-size: 1.16em; } select.seleccion-tipo { font-size: 1.16em; font-size: 0.87rem; padding: 8px 10px; } select[disabled="disabled"], select[disabled="disabled"].disabled, select[disabled].disabled{ /*pointer-events: none; [css4] */ cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65;background:#E4E4E4;} .boton.disabled, .boton[disabled], fieldset[disabled] .boton { } form div span.mandatory{ font-size:0.750em;} form div a{ position:relative; } form div a .izq{ position:static;} textarea{ /*background-image:url(../../images/tuss_img/fondo_campo.gif);*/ background-repeat:repeat-x; background-position:top; border: 1px solid #dddddd; } /* Buttons & Links */ .btn { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; border: none; width: 300px; text-align: center; height: auto; /*43px;*/ font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1.8em; background: #ececec; color: #006f93; text-decoration: none; line-height: 2.38889em; } .btn.btn-alt { background: #ffffff; border: 2px solid #666666; color: #666666; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 700; width: 260px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .btn.btn-sml { background: #ededed; color: #666666; padding: 0 18px; width: 90px; height: 25px; font-size: 1.4em; line-height: 1.78571em; } .btn.blue { background: #006f93; color: #ffffff; padding: 0 18px; width: 140px; height: 25px; font-size: 1.4em; line-height: 1.78571em; } .btn-ghost{ color: #006f93; text-decoration: none; background-color: transparent; padding: 10px 30px 10px 15px; width: 100%; text-align: left; } .btn-ghost:hover,.btn-ghost:focus,.btn-ghost:active{ background-color: #cef3ff; } .boton { display: inline-block; /*padding: 17px 27px; suprimido para mantener herencia de integración*/ margin-bottom: 0; font-size: 0.750em; font-weight: normal; /*line-height: 1.42857143; suprimido para mantener herencia de integración*/ text-align: center; white-space: nowrap; vertical-align: middle; /*-ms-touch-action: manipulation; touch-action: manipulation;*/ cursor: pointer; /*-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;*/ background-image: none; /*border: 1px solid transparent; suprimido para mantener herencia de integración*/ border-radius: 2px; font-family:Roboto, Arial, Helvetica, sans-serif; } .boton.pushpin{display:inline-block;line-height: 1em;} .boton.pushpin-left { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); border: 1px solid #333333;opacity: .5; } .boton.pushpin-right { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); border: 1px solid transparent; } .pushpin > .fa_custom,.pushpin-left > .fa_custom,.pushpin-right > .fa_custom{ color: #333333; opacity: .5; } .pushpin.boton-reduced:active,.pushpin.boton-reduced.active, .pushpin-left.boton-reduced:active,.pushpin-left.boton-reduced.active, .pushpin-right.boton-reduced:active,.pushpin-right.boton-reduced.active{ padding: 5px 8px !important; } .boton:focus, .boton:active:focus, .boton.active:focus, .boton.focus, .boton:active.focus, .boton.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .boton:hover, .boton:focus, .boton.focus { text-decoration: none; } .boton:active, .boton.active { background-image: none; /*outline: 0;*/ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); } .boton.disabled, .boton[disabled], fieldset[disabled] .boton { /* pointer-events: none; [css4] */ cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; opacity: .65; background-color:#E4E4E4; } .boton-default { color: #fff; background-color: #006f93; border-color: transparent; font-weight:normal; border: 1px solid ; line-height: 1.12em; padding: 10px 15px; font-size: 0.938em; } .boton-default:hover, .boton-default:focus, .boton-default.focus { color: #fff; background-color: #03709b; } .boton-default:active, .boton-default.active { /*padding:19px 27px 15px;*/ padding: 10px 15px; } .boton-secundary { color: #006f93; background-color: #fff; border-color: #006f93; font-weight:normal; border: 1px solid ; line-height: 1.12em; padding: 10px 15px; font-size: 0.938em; } .boton-secundary:hover, .boton-secundary:focus, .boton-secundary.focus { color: #03709b; background-color: #fff; } .boton-secundary:active, .boton-secundary.active { /*padding:19px 27px 15px;*/ padding: 10px 15px; } .boton-secundary.disabled{ background-color:#fff; color:#E4E4E4; border-color:#E4E4E4; } .boton.boton-secundary.typcn-arrow-forward.typcn:before{float:right;} .boton-reduced { padding:5px 8px !important; border: 1px solid ; /*padding: 17px 27px;*/ line-height: 1.12em; } .boton-reduced:active, .boton-reduced.active{ padding:12px 15px 8px !important; } .boton-special { color: #fff; background-color: #444444; border-color: transparent; font-weight:normal; border: 1px solid ; line-height: 1.12em; padding: 10px 15px; font-size: 0.938em; } .boton-special:hover, .boton-special:focus, .boton-special.focus { color: #fff; background-color: #333333; } .boton-special:active, .boton-special.active { /*padding:19px 27px 15px;*/ padding: 10px 15px; } .boton-icon { color: #fff; background-color: #006f93; border-color: transparent; font-weight:bold; border: 1px solid ; line-height: 1.12em; padding: 10px 15px; } .boton-icon span{ padding:17px 0px 17px 37px; } /*** iconos de boton disponibles ***/ .boton-icon span.print{ /*background-image: url(../../images/tuss_img/iconos/24x24/imprimir_on.png);*/ background-repeat: no-repeat; background-attachment:inherit; background-origin:padding-box; background-position:left; } .boton-icon:hover, .boton-icon:focus, .boton-icon.focus { color: #fff; background-color: #03709b; } .boton-icon:active, .boton-icon.active { /*padding:19px 27px 15px;*/ padding: 10px 15px; } .boton-pagination { color: #006f93; background-color: #fff; border-color: #006f93; font-weight:bold; margin:5px; border: 1px solid ; padding: 20px 30px; line-height: 1.42857143; font-size: 0.938em; } .boton-pagination:hover, .boton-pagination:focus, .boton-pagination.focus { color: #03709b; background-color: #fff; } .boton-pagination:active, .boton-pagination.active { padding:19px 27px 15px; } .boton-pagination span.Dcha{ /*background-image: url(../../images/tuss_img/iconos/10x10/adelante.gif);*/ background-repeat: no-repeat; background-attachment:inherit; background-origin:padding-box; background-position:right; padding:10px 9px 9px 8px; } .boton-pagination span.Izq{ /*background-image: url(../../images/tuss_img/iconos/10x10/atras.gif);*/ background-repeat: no-repeat; background-attachment:inherit; background-origin:padding-box; background-position:left; padding:10px 9px 9px 8px; } .boton-pagination.disabled, .boton-pagination.disabled span{ background-color:#fff; color:#E4E4E4; border-color:#E4E4E4; } .boton-pagination.disabled span{ /*background-image:url(../../images/tuss_img/bullet_grisclaro.gif);*/ } /*** - ***/ .boton-cancel{ /** excepción historico **/ color:#006f93; background-color: #fff; font-weight:bold; border: 1px solid transparent; } .boton-cancel.disabled, input[disabled].boton-cancel{background-color:transparent;color:#E4E4E4;} .boton a.Principal:hover, ventana_blanca a.Principal:focus{background-color:#03709b; color:#fff; text-decoration:none !important;} .boton a.Secundario:hover, ventana_blanca a.Principal:focus{color: #03709b; background-color: #fff; text-decoration:none !important;} .aplicarfiltros{ margin-right: 15px; width: calc(50% - 15px);white-space: normal; } .limpiarfiltros{ margin-left: 15px; width: calc(50% - 15px);white-space: normal; } .pauseplay-carousel{position: absolute; /*top: 0;right: 0;*/ bottom: 10px; text-align: left; margin: 5px; right: 15%; z-index: 1; } #carousel-banner-magazine .pauseplay-carousel{ right: 1%; bottom: 65px; z-index: 999; } .pauseplay-carousel > .boton-reduced{ padding: 0px 4px !important; /* discretito action */ background-color: #ffffff; vertical-align: middle; display: inline-block; width: auto; margin: 1px; cursor: pointer; border: 1px solid #fff; width: 26px; height: 26px; border-radius: 50%; } .pauseplay-carousel .glyphicon-pause{ } /* BOTONES ------------------------------------------------------------------*/ #boton1{ display:none; } #boton2{ display:none; } #boton3{ display:none; } #boton4{ display:none; } .boton:active{ border:2px inset #fff; } #elemento{ width:100px; height:100px; background-color:#333; color:#fff; margin-top:50px; } #boton1:checked ~ #elemento{ margin-left:0; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } #boton2:checked ~ #elemento{ margin-left:370px; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } #boton3:checked ~ #elemento{ border-radius:100px; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } #boton4:checked ~ #elemento{ opacity:0; transition: all 2s; -moz-transition: all 2s; -webkit-transition: all 2s; -o-transition: all 2s; } /* ENLACES CON APARIENCIA DE BOTON ------------------------------------*/ a { color: #006f93; text-decoration: none; } a:hover, a:focus { color: #03709b; text-decoration: underline; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -3px; } a.grey { color: #444444 !important; text-decoration: underline; font-size:0.875em; } a.grey:hover, a.grey:focus { color: #03709b !important; text-decoration: underline; } a.tool { color: #444444; border-bottom: 1px dotted #444444; } a.tool:hover, a.tool:focus { color: #03709b; border-bottom: 1px solid #03709b; text-decoration:none; } a.secundary { color: #9B9B9B; text-decoration: underline; font-size:0.875em; } a.secundary:hover, a.secundary:focus { color: #444444; text-decoration: underline; } /*Mod. Edición */ .item a[title~=Borrar] , .item a[title~=Editar] , .item a[title~=Abrir] { z-index: 1; } /* end Mod. Edición */ .listado-menu a { /*color: #666666;*/ text-decoration: none; } .listado-menu a:hover, .listado-menu a:focus { color: #006f93; text-decoration: underline; } /* propuesta blue 1 */ .home-clic.box-home2 ul li a:hover, .home-clic.box-home2 ul li a:focus { color: #ffffff; font-weight:600; text-decoration: underline; } /** Social buttons **/ /* Color swatches */ .color-swatches{padding: 15px 20px;} /** Principales **/ .grey{color:#555555 !important;} .greySecundary{color:#747474 !important;} /*** Color color ***/ .mandatory{color:#AAAAAA !important;} /*** Backgrounds colors ***/ .color-swatches .green { background-color: #006f93; color: #FFFFFF; } .color-swatches .darkgreen { background-color: #6B8017; color: #FFFFFF; } .color-swatches .white { background-color: #FFFFFF; } .color-swatches .softgray { background-color: #F9F9F9; } .color-swatches .gray { background-color: #CCCCCC; } .color-swatches .gray1 { background-color: #AAAAAA; color: #FFFFFF; } .color-swatches .gray2 { background-color: #999999; color: #FFFFFF; } .color-swatches .highgray { background-color: #5C5C5C; color: #FFFFFF; } .headboardgreen{ background-color: #8ca824; } .greyHighContrast{ background-color: #666666; } /** Secundarias **/ .color-swatches .orange { background-color: #FF9617; color: #FFFFFF; } .color-swatches .salmon { background-color: #F7D2A4; } .color-swatches .skin { background-color: #FFEED9; } .color-swatches .warmskin { background-color: #FFE8CD; } .color-swatches .red { background-color: #D15637; color: #FFFFFF; } .color-swatches .redcardinal { background-color: #9E270A; color: #FFFFFF; } /*** Optional Backgrounds colors ***/ .color-swatches .softgreen { background-color: #fbfdf8; /*Verde ténue en uso*/ } .color-swatches .greenref { background-color: #F9FBF4; } .color-swatches .headboardgreen{ background-color: #8ca824; color:#ffffff; } .color-swatches .headboardgreen2{ background-color: #87A11C; color:#ffffff; } .color-swatches .gray3 { background-color: #747474; color: #FFFFFF; } .color-swatches .gray4 { background-color: #494949; color: #FFFFFF; } .color-swatches .gray5 { background-color: #7F7F7F; } .color-swatches .gray6 { background-color: #A5A5A5; color: #FFFFFF; } .color-swatches .warm1{ background-color: #CB3F27; color:#ffffff; } .color-swatches .warm2{ background-color: #CC0404; color:#ffffff; } /*** Versión alto contraste ***/ .color-swatches .greyHighContrast { background-color: #666666; color: #FFFFFF; } .color-swatches .greenHighContrast { background-color: #587404; color: #FFFFFF; } /* Contextual background colors */ .color-swatches .greenOVER { background-color: #03709b; color: #FFFFFF; } .color-swatches .grayOVER { background-color: #E4E4E4; } /*********************************** COMPONENTS CSS **********************************/ /* Alerts */ .info-box { position: relative; background: #006f93 url("../img/info-pequeno.png") no-repeat 50px center; padding: 35px 100px 35px 140px; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff; font-size:0.9em; border-top: 1px solid #eee; } .info-box-filtered{ background: #006f93 url("../img/info-pequeno.png") no-repeat 16px center; padding: 16px 16px 16px 84px; } .info-box p{ font-size: 1.2em; } .info-box p:last-child{ margin: 0px; } .info-box a, .alert-box a, .utility-box a{ color: #ffffff; text-decoration: underline; padding: 0px ; } .info-box a:hover, .alert-box a:hover, .info-box a:focus, .alert-box a:focus{ color: #eeeeee; } .info-box a.close, .warning-box a.close{ display: block; position: absolute; width: 12px; height: 13px; top: 15px; right: 20px; opacity: 0.9; } .info-box a.close:hover, .warning-box a.close:hover, .info-box a.close:focus, .warning-box a.close:focus{ opacity: 0.5; } .info-box a.close img, .warning-box a.close img{ vertical-align: top; } #avisos-consecutivos { display: block; position: relative; background-color: #006f93; padding: 0; /*12px 20px 13px 140px;*/ font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff; font-size: 0.9em; } #avisos-consecutivos .info-box{ border-top: 1px solid #eee; } .info-advice { position: relative; padding: 35px 100px 35px 140px; font-family: "Helvetica Neue", "Open Sans", Arial, Sans-Serif; font-weight: 400; color: #ffffff; border-bottom: 4px solid #fff; background-color: #e7f1f7; /*rgba(62, 116, 180, 0.10);*/ display: flex; padding: 16px; align-items: flex-start; gap: 16px; align-self: stretch; } .info-advice p { font-size: 0.9375rem; /*overflow: hidden;*/ color: #000; text-overflow: ellipsis; font-style: normal; font-weight: 400; line-height: 22px; flex: 1 0 0; } .info-advice a { display: inline; position: relative; color:#fff; text-decoration:underline; color: #000; font-style: normal; font-weight: 700; line-height: 22px; text-decoration-line: underline; } .info-advice .info-advice-btn-group { display: inline-flex; justify-content: flex-end; flex: auto; } .info-advice .close-advice, .info-advice .collapse-advice { display: block; position: relative; width: 24px; height: 24px; box-sizing: content-box; font-size: inherit; margin: 1px; border: 1px solid #eee; background-color: transparent; color: #ffffff; } .info-advice .collapse-advice img{ -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: rotate(180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .info-advice .collapse-advice.collapsed img{ -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .info-advice .fade { opacity: 1; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear } .info-advice .fade.collapsing { opacity: 0.5; -webkit-transition: opacity .15s linear; -o-transition: opacity .15s linear; transition: opacity .15s linear; } .info-advice .fade.in { opacity: 1; } .info-advice .collapse { height: 24px !important; overflow: hidden; } .info-advice .collapse p{ white-space: nowrap; text-overflow: ellipsis; } .info-advice .collapse.in { height: 100% !important; transition:height linear 1s; } .info-advice .panel-collapse[aria-expanded="false"] { height: 24px !important; } .info-advice .collapsing,.info-advice .collapse { width: 100%; display: block; } .info-advice .collapse.in p{ white-space: normal; text-overflow: ellipsis; } .info-advice .collapse:not(.in) p{ overflow: hidden; } @media (max-width: 940px){ .info-advice { display: flex; flex-wrap: wrap; } .info-advice-first { border-top: 8px solid #fff; } .info-advice-last { border-bottom: 8px solid #fff; } .info-advice .close-advice, .info-advice .collapse-advice { position: absolute; } .info-advice .close-advice { top: 16px; right: 16px; } .info-advice .collapse-advice { top: 16px; right: 48px; } } .oneline{ text-align: justify; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding-right: 32px; transition:0.3s; } button.collapse_notice { display: block; position: absolute; background-color: #006f93; padding: 12px 20px 13px 0px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff; font-size: 0.9em; width: 12px; height: 13px; top: 15px; right: 20px; opacity: 0.9; text-decoration: underline; padding: 0px; float: right; font-size: 1rem; line-height: 1; text-shadow: 0 1px 0 #fff; } button.collapse_notice > img{ background: white; width: 14px; } button.close, button.closeAll{ display: block; position: relative; background-color: #006f93; padding: 12px 20px 13px 140px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff; font-size: 0.9rem; opacity: 1; text-shadow: 0 0 #333333; } button.close:hover, button.close:focus, button.closeAll:hover, button.closeAll:focus{ opacity: 0.5; color: #ffffff; text-decoration: underline; color: #d8e9ee; opacity: 1; } button.close img{ vertical-align: top; } button.close_notice{ display: block; position: absolute; background-color: #006f93; padding: 12px 20px 13px 140px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff; font-size: 0.9em; width: 12px; height: 13px; top: 15px; right: 20px; opacity: 0.9; text-decoration: underline; padding: 0px; float: right; font-size: 1rem; line-height: 1; text-shadow: 0 1px 0 #fff; transition: 0.4s; } button.close_notice:hover, button.close_notice:focus{ opacity: 0.5; } #avisos-home .info-box:not(.active){ background: #006f93 url(../img/info-pequeno.png) no-repeat 50px center; background-size: 20px; padding: 12px 20px 13px 140px; } button.close_notice img{ vertical-align: top; } .alert-box { position: relative; background: #cc0000 url("../img/alert-pequeno.png") no-repeat 50px center; padding: 35px 100px 35px 140px; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #ffffff;font-size: 0.9em; } .alert-box p { font-size: 1.2em; } .alert-box a.close { display: block; position: absolute; width: 12px; height: 13px; top: 15px; right: 15px; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 2px; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-success { color: #fff; background-color: #8ca824; border-color: #6e831b; } .alert-success hr { border-top-color: #6e831b; } .alert-success .alert-link { color: #587404; } .alert-info { color: #4473b0; background-color: #c5d6eb; border-color: #4473b0; } .alert-info hr { border-top-color: #4473b0; } .alert-info .alert-link { color: #4473b0; } .alert-warning { color: #7F766C; background-color: #FFEED9; border-color: #F7D2A5; } .alert-warning hr { border-top-color: #F7D2A5; } .alert-warning .alert-link { color: #ff9617; } .alert-danger { color: #fff; background-color: #D15637; border-color: #9E270A; } .alert-danger hr { border-top-color: #9E270A; } .alert-danger .alert-link { color: #9E270A; } .warning-box { position: relative; background: #FFEED9 url("../img/aviso-pequeno.png") no-repeat 50px center; padding: 15px 100px 15px 140px; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; color: #333333; font-size: 0.9em; BORDER: 1PX SOLID #F7D2A5; MARGIN-BOTTOM: 5PX; } .warning-box p{ font-size: 1em; } .warning-box a.warning-text{position: static; display: inline;} .warning-box.warning-box-max { /*background-color: #F9F9F9 !important; */ color: #333333 !important; font-size: 0.9em !important; border: 1px solid #9E270A !important; background: rgb(255, 238, 217,0.4) url(../img/aviso-rombo-red.svg) no-repeat 50px center; background-size: 50px; margin: 0 0 1rem; width: 100%; } .warning-box.warning-box-mix { padding: 0px !important; background-color: transparent!important; color: #333333 !important; font-size: 0.9em !important; border: aliceblue!important; margin: 0 0 1rem; background-image: none; width: 100%; box-shadow: none; } .warning-box.warning-box-mix > span{ padding: 15px 40px 5px !important; background-color: #FFEED9 !important; color: #333333 !important; font-size: 0.9em !important; /* border: 1px solid #F7D2A5 !important; */ border-bottom: 1px solid #9E270A !important; /* background: #FFEED9 url(../img/aviso-pequeno.png) no-repeat; */ position: relative; width: 100% !important; background-color: transparent !important; display: block; } .warning-box.warning-box-mix > span + p{ padding: 15px 27px 15px !important; background-color: transparent!important; color: #333333 !important; font-size: 0.9em !important; /* border: 1px solid #F7D2A5 !important; */ margin: 0 0 0 0.75rem !important; border-bottom: 1px solid #9E270A !important; } .warning-box.warning-box-mix > span:before { content: ""; padding: 0.75rem; position: absolute; left: 0px; top: 27px; border-radius: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #FFEED9; width: 3px; height: 3px; border: 1px solid #9E270A; } .warning-box.warning-box-mix > span:after { content: "!"; font-size: 1.1rem; color: #9E270A; padding: 10px; vertical-align: text-bottom; font-weight: 400; position: absolute; left: 1px; top: 17px; } .warning-box.warning-box-min { background-color: transparent !important; color: #333333 !important; font-size: 0.9em !important; border: 1px solid #9E270A !important; margin: 0 0 1rem 1.75rem; position: relative; background-image: none; padding: 15px 50px 15px 50px; width: 100%; } .warning-box.warning-box-min:before { content:""; /*background: #FFEED9 url(../img/aviso-rombo-red.svg) no-repeat 50px center;*/ padding: 1.15rem; /* width: 5px; */ /* height: 5px; */ position: absolute; left: -20px; top: 30px; /* border-radius: 62px; */ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #FFEED9; /* width: 40px; */ /* height: 40px; */ border: 1px solid #9E270A; } .warning-box.warning-box-min:after { content: "!"; font-size: 1.25rem; color: #9E270A; padding: 10px; vertical-align: text-bottom; font-weight: 400; position: absolute; left: -13px; top: 25px; /* border: 2px solid #9E270A;*/ } .warning-box.warning-box-explanation { font-size: .8rem; position: relative; margin: 0 0 1rem; border: 1px solid #FFEED9; background-repeat: no-repeat; background-position: 0 0; background: var(--light-red); border-radius: 8px; overflow: hidden; padding: 1rem 1rem 1rem 5rem; width: 100%; } .warning-box.warning-box-explanation:before { content: "!"; content: "⚠"; font-size: 1.75rem; font-weight: 700; font-weight: 400; background: #9E270A; background-color: #FFEED9; color: #fff; color: #666666; color: #9E270A; padding: 0.88rem 1rem; margin-right: 1rem; position: absolute; left: 0; top: 0; height: 100%; display: flex; place-items: center; z-index: 2; } .warning-box.warning-box-explanation:after { content: ""; padding: 0.75rem; position: absolute; left: 40px; top: 15px; border-radius: 4px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); background-color: #FFEED9; /* width: 40px; */ /* height: 40px; */ /* border: 1px solid #9E270A; */ z-index: 1; display: grid; place-items: center; } .warning-box.warning-box-explanation--low { font-size: .8rem; position: relative; margin: 0 0 1rem; border: 1rem solid #F9F9F9; background-repeat: no-repeat; background-position: 0 0; background: #F9F9F9; border-radius: 8px; overflow: hidden; padding: 1rem 1rem 1rem 5rem; background-color: white; width: 100%; } .warning-box.warning-box-explanation--low:before { content: "!"; content: "⚠"; font-size: 1.75rem; font-weight: 700; font-weight: 400; background: white; /* background-color: #FFEED9; */ color: #fff; color: #9E270A; color: #666666; padding: 0.88rem 1rem; margin-right: 1rem; position: absolute; left: 0; top: 0; height: 100%; display: grid; place-items: center; } .warning-box.warning-box-explanation--medium { font-size: .8rem; position: relative; margin: 0 0 1rem; border: 1px solid #F9F9F9; background-repeat: no-repeat; background-position: 0 0; background: transparent; /* var(--light-red); */ border-radius: 8px; overflow: hidden; padding: 1rem 1rem 1rem 5rem; width: 100%; } .warning-box.warning-box-explanation--medium:before { content: "!"; content:"⚠"; font-size: 1.75rem; font-weight: 700;font-weight: 400; background: #f4f4f4 ; color: #fff;color: #9E270A; color:#666666; padding: 0.88rem 1rem; margin-right: 1rem; position: absolute; left: 0; top: 0; height: 100%; display: grid; place-items: center; } .warning-box.warning-box-explanation--high { font-size: .8rem; position: relative; margin: 0 0 1rem; border: 1rem solid #F9F9F9; background-repeat: no-repeat; background-position: 0 0; background: #F4F4F4 0% 0% no-repeat padding-box; border-radius: 8px; overflow: hidden; padding: 1rem 1rem 1rem 5rem; border: 1px solid #f4f4f4; background-color: white; width: 100%; min-height: 84px; } .warning-box.warning-box-explanation--high:before { content: "!"; content: "⚠"; font-size: 1.75rem; font-weight: 700; font-weight: 400; background: #F4F4F4 0% 0% no-repeat padding-box; /* background-color: #FFEED9; */ color: #fff; /* color: #9E270A; */ color: #666666; /* padding: 0.88rem 1rem; */ margin: 1rem 0 1rem 0; position: absolute; left: 1rem; top: 0; padding: 5px; bottom: 0; place-items: center; /* background-color: #6E6E6E; */ display: flex; width: 50px; height: 50px; margin: 1rem auto; border-radius: 4px; justify-content: center; align-items: center; } .warning-box.warning-box-min p:last-child, .warning-box.warning-box-mix p:last-child, .warning-box.warning-box-max p:last-child, .warning-box.warning-box-explanation p:last-child, .warning-box.warning-box-explanation-low p:last-child, .warning-box.warning-box-explanation--high p:last-child, .warning-box.warning-box-explanation-medium p:last-child{ margin:0; } /* Badges */ /* Breadcrumbs */ .migas{ font-size:0.750em; color:#747474; } .migas a{ color:#006f93; } .breadcrumb { margin: 0; font-family:Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 1em; color: #ffffff; /*#666666;*/ padding: 10px 0 8px 0;background: #006f93;border-radius: 2px; } .breadcrumb:before, .breadcrumb:after { content: " "; display: table; } .breadcrumb:after { clear: both; } .breadcrumb li { position: relative; list-style-type: none; list-style-position: outside; float: none; display: inline; height: 20px; line-height:inherit; /* 1.53846em; */ } .breadcrumb li:after { position: absolute; top: 0; right: 0; content: "/"; display: block; float: left; width: 20px; height: 20px; text-align: center; } .breadcrumb li.last:after, .breadcrumb li.single:after { content: none; padding: 0; } .breadcrumb li.last { padding: 0; } .breadcrumb a { color: #ffffff; /* #666666; */ text-decoration: underline; line-height: 0em; font-stretch: extra-expanded; word-break: break-word; } .breadcrumb a:hover {color:#D8E9EE;} /* Button-dropdowns */ /*button.dropdown-toggle{ -moz-appearance:normal; appearance:normal;-webkit-appearance: normal;cursor:pointer; }*/ .boton.boton-dropdown { /*color: #FFF;*/ background-color: transparent; /*#FFEED9;*/ font-weight: bold; border: none; /*1px solid;*/ padding: 20px 30px; line-height: 1.42857; } /* Button-groups */ .control-subir { display: none; position: fixed; /* bottom: 70px; right: -3px; left: 95%; */ bottom:-3px; /*left: 94%; */ right: 25px; padding: 10px 10px; z-index: 1000; background: #006f93; border: 1px solid #ffffff; color: #bdb9b4; border-radius: 3px; -webkit-transition: background-color 200ms ease-out 200ms; -moz-transition: background-color 200ms ease-out 200ms; -o-transition: background-color 200ms ease-out 200ms; transition: background-color 200ms ease-out 200ms; opacity: .8; } .control-subir-higher{bottom: 46px;} .control-bajar { display: none; position: fixed; bottom:-3px; left: 94%; padding: 10px 10px; z-index: 999; background: #006f93; border: 1px solid #ffffff; color: #bdb9b4; border-radius: 3px; -webkit-transition: background-color 200ms ease-out 200ms; -moz-transition: background-color 200ms ease-out 200ms; -o-transition: background-color 200ms ease-out 200ms; transition: background-color 200ms ease-out 200ms; opacity: .8; } .control-bajar > a > img{ transform: rotate(180deg); } /* .control-chatbot { display: block; position: fixed; bottom: 46px; right: 25px; padding: 10px 10px; z-index: 999; color: #bdb9b4; opacity: .8; padding: 1px; height: 48px; -moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px; background-color: white; } .btn_chatbot { background-color: transparent; color: #000000; text-align: left; font-size: 1em; padding: 10px; font-weight: bold; cursor: pointer; position: relative; overflow: visible; width: 100%; height: 46px; -moz-border-radius: 48px; -webkit-border-radius: 48px; border-radius: 48px; -webkit-box-shadow: -4px 0px 5px 0px rgba(204, 204, 204, 1); box-shadow: -4px 0px 5px 0px rgba(204, 204, 204, 1); } .btn_chatbot span { min-width: 152px; cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .btn_chatbot span:before { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -10px; transition: 0.5s; } .btn_chatbot:hover span { padding-right: 30px; } .btn_chatbot:hover span:before { opacity: 1; right: 0; } .btn_chatbot img { position: absolute; right: -16px; top: -16px; height: auto; } .btn_chatbot span:after { content: ''; background: transparent url(../img/icons/avatar.svg) no-repeat center center; position: absolute; opacity: 1; bottom: -13px; right: -20px; padding: 1px; width: 50px; height: 50px } .control-subir:hover, .control-subir:focus, .control-subir:focus-within , .control-bajar:hover, .control-bajar:focus, .control-bajar:focus-within , .control-chatbot:hover, .control-chatbot:focus, .control-chatbot:focus-within { opacity: 1; } #boton-chatBot { display: block; position:fixed; bottom: 10px; left: 10px; height: 45px; border-radius:23px; box-shadow: 2px 2px 4px #999; padding-left: 10px; background-color: white; vertical-align: middle; z-index: 999; text-decoration: none; font-family: "Helvetica Neue", "Open Sans", Arial, sans-serif; font-size: 0.875em; font-weight: bold; } #boton-chatBot img { display: inline-block; margin-left: auto; margin-right: -14px; margin-top: -14px; vertical-align: middle; } #chatBot { width: 754px; height: 100vh; max-height: 754px; position: fixed; right: 0; bottom: 0; z-index: 99999; border-style: solid; border-width:thin; border-color: #ccc; box-shadow: -4px 0px 5px 0px rgba(204, 204, 204, 1); } #chatBot iframe { border: none; width: 100%; height: 100%; max-height: 720px; } @media only screen and (max-width: 767px) { #chatBot{ max-width: inherit; max-height: inherit; width: 100vw; height: 100vh; } #chatBot iframe { max-height: inherit; } } */ /* chatbot */ /*.control-chatbot { display: block; position: fixed; bottom: 46px; right: 25px; margin: 0px; padding: 0px; z-index: 999; height: 90px; border: none; background-color: transparent; } .btn_chatbot { cursor: pointer; margin: 0px; padding: 0px; border: none; background-color: transparent; }*/ .control-chatbot { display: block; position: fixed; bottom: 30px; right: 25px; margin: 0px; padding: 0px; z-index: 999; height: 90px; width: auto; /* 297px; */ border: none; background-color: transparent; } .btn_chatbot { cursor: pointer; margin: 0px; padding: 0px; border: none; height: 110px; width: 80px; background: transparent url(../img/icons/ISSA_FACE.svg) no-repeat center center; background-size: 80px 90px; /*-webkit-transition: all 0.3s ease-out; */-moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; /* transition: all 0.3s ease-out; */} .btn_chatbot:hover { transform: scale(1.02); } .btn_chatbot:hover { transform: scale(1.02); background: transparent url(../img/icons/ISSA.svg) no-repeat center center; /*background-size: 297px 90px;*/ background-size: 340px 300px; /*width: 297px;*/ width: 355px; /* -webkit-transition: all 0.3s ease-out; */ -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; /* transition: all 0.3s ease-out; */} /* animacion logo flow */ .btn_chatbot:hover { /* animation: fadeIn ease 0.3s; -webkit-animation: fadeIn ease 0.3s; */ -moz-animation: fadeIn ease 0.3s; -o-animation: fadeIn ease 0.3s; -ms-animation: fadeIn ease 0.3s; } @keyframes fadeIn{ 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-ms-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } .btn_chatbot:active { transform: scale(1.02); filter:brightness(1.05); } .btn_chatbot img { height: 90px; width: auto; } .control-subir:hover, .control-subir:focus, .control-subir:focus-within , .control-bajar:hover, .control-bajar:focus, .control-bajar:focus-within , .control-chatbot:hover, .control-chatbot:focus, .control-chatbot:focus-within { opacity: 1; } #boton-chatBot { display: block; position:fixed; bottom: 10px; left: 10px; height: 45px; border-radius:23px; box-shadow: 2px 2px 4px #999; padding-left: 10px; background-color: white; vertical-align: middle; z-index: 999; text-decoration: none; font-family: "Helvetica Neue", "Open Sans", Arial, sans-serif; font-size: 0.875em; font-weight: bold; } #boton-chatBot img { display: inline-block; margin-left: auto; margin-right: -14px; margin-top: -14px; vertical-align: middle; } #chatBot { width: 754px; height: 100vh; max-height: 754px; position: fixed; right: 0; bottom: 0; z-index: 99999; border-style: solid; border-width:thin; border-color: #ccc; box-shadow: -4px 0px 5px 0px rgba(204, 204, 204, 1); } #chatBot iframe { border: none; width: 100%; height: 100%; max-height: 720px; } @media only screen and (max-width: 767px) { #chatBot{ max-width: inherit; max-height: inherit; width: 95dvw; height: 95dvh; top: 2.5dvh; left:2.5dvw; } #chatBot iframe { max-height: inherit; } } .top-search{ position: relative; padding: 2px 0px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; margin: 0px; } .top-search:hover, .top-search:focus{ color:#006f93; } /* Dropdowns */ .dropdown { position: relative; } .dropdown-toggle:focus { /*outline: 0;*/ } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 0.875em; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .first-menu .idiomas{ float:left; padding:14px 15px; list-style: none; } .nav > li > .idiomas:hover, .nav > li > .idiomas:focus { width:100%; text-decoration: none; background-color: #ededed; } .first-menu .idiomas .dropdown-menu { position: relative; bottom: 100%; top: initial; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: normal; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #ffffff; background-color: #006f93; } .dropdown-menu > .active > a, ul.triangle > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; /*outline: 0;*/ background-color: #006f93; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #999999; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; /* filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); */ cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { /* outline: 0;*/ } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 0.750em; line-height: 1.428571429; color: #999999; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } /* Tabs */ /*PESTAÑAS*/ /** detalle tabla **/ .info h4 + p.info-intro {padding-left:20px;} .info table.datos > tbody > tr > td, .info table.download > tbody > tr > td { text-align:left; vertical-align: middle;color:#333333; font-size: 0.9em; /*text-indent: 0.9em;*/ } /** Medida de Oficinas Telefono/fax **/ @media screen and (max-width: 962px){ .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } } /** fin medida oficinas Telefono/fax **/ #myResults table.datos > tbody > tr > td { vertical-align: middle; word-break: normal; /* break-all ; */ } .info table.datos > tbody > tr > td > a{ color:#006f93; } .info table.datos > tbody > tr > td:hover,.info table.datos > tbody > tr > td:focus, .info table.datos > tbody > tr:hover > td,.info table.datos > tbody > tr:focus > td, .info table.datos > tbody > tr > td:hover > a,.info table.datos > tbody > tr > td:focus > a, .info table.datos > tbody > tr:hover > td > a,.info table.datos > tbody > tr:focus > td > a, .info table.download > tbody > tr > td:hover,.info table.download > tbody > tr > td:focus, .info table.download > tbody > tr:hover > td,.info table.download > tbody > tr:focus > td, .info table.download > tbody > tr > td:hover > a,.info table.download > tbody > tr > td:focus > a, .info table.download > tbody > tr:hover > td > a,.info table.download > tbody > tr:focus > td > a{ color:#ffffff;background-color:transparent; /* #494949; */ } .info table.datos > tbody > tr > td.download > a, .info table.download > tbody > tr > td.download > a{ padding: 6px 12px; white-space: nowrap; } .info table.datos > tbody > tr > td.download > a > img, .info table.download > tbody > tr > td.download > a> img { padding-right: 1em; } .info table.datos > tbody > tr > td.download_boe > a,.info table.datos > tbody > tr > td.download_bop > a,.info table.datos > tbody > tr > td.download_doue > a{ /* padding: 4px 24px; */ } .info table.datos > tbody > tr > td.download > img{ height: 80%; } .info table.datos > tbody > tr > td.download:hover > img, .info table.datos > tbody > tr > td.download:focus > img, .info table.datos > tbody > tr:hover > td.download,.info table.datos > tbody > tr:focus > td.download, .info table.download > tbody > tr > td.download:hover > img, .info table.download > tbody > tr > td.download:focus > img, .info table.download > tbody > tr:hover > td.download,.info table.download > tbody > tr:focus > td.download{ /* background:#494949 url(../img/download-hover.png) left no-repeat; */ background-size: inherit; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.download > img, .info table.datos > tbody > tr > td.download, .info table.download > tbody > tr > td.download > img, .info table.download > tbody > tr > td.download{ /* background: url(../img/download.png) left no-repeat; */ background-size: inherit; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_boe > img, .info table.datos > tbody > tr > td.download_boe{ /* background: url(../img/boe-custom.svg) left no-repeat; */ background-size: 50px; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_boe:hover > img, .info table.datos > tbody > tr > td.download_boe:focus > img, .info table.datos > tbody > tr:hover > td.download_boe, .info table.datos > tbody > tr:focus > td.download_boe{ /* background:#494949 url(../img/boe-custom-white.svg) left no-repeat; */ background-size: 50px; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.download_doue > img, .info table.datos > tbody > tr > td.download_doue{ /* background: url(../img/eurlex_simple.svg) center no-repeat; background-size: 70px; */ background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_doue:hover > img, .info table.datos > tbody > tr > td.download_doue:focus > img, .info table.datos > tbody > tr:hover > td.download_doue, .info table.datos > tbody > tr:focus > td.download_doue{ /* background:#494949 url(../img/eurlex_simple-white.svg) center no-repeat; background-size: 70px; */ background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_bop > img, .info table.datos > tbody > tr > td.download_bop{ background: url(../img/bop-custom.svg) center no-repeat; background-size: 50px; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_bop:hover > img, .info table.datos > tbody > tr > td.download_bop:focus > img, .info table.datos > tbody > tr:hover > td.download_bop, .info table.datos > tbody > tr:focus > td.download_bop{ background:#494949 url(../img/bop-custom-white.svg) center no-repeat; background-size: 50px; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.download_bop2 > img, .info table.datos > tbody > tr > td.download_bop2{ background: url(../img/bop-custom2.svg) center no-repeat; background-size: 50px; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_bop2:hover > img, .info table.datos > tbody > tr > td.download_bop2:focus > img, .info table.datos > tbody > tr:hover > td.download_bop2, .info table.datos > tbody > tr:focus > td.download_bop2{ background:#494949 url(../img/bop-custom2-white.svg) center no-repeat; background-size: 50px; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.download_bop3 > img, .info table.datos > tbody > tr > td.download_bop3{ background: url(../img/bop-custom3.svg) center no-repeat; background-size: 50px; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_bop3:hover > img, .info table.datos > tbody > tr > td.download_bop3:focus > img, .info table.datos > tbody > tr:hover > td.download_bop3, .info table.datos > tbody > tr:focus > td.download_bop3{ background:#494949 url(../img/bop-custom3-white.svg) center no-repeat; background-size: 50px; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.download_bop4 > img, .info table.datos > tbody > tr > td.download_bop4{ background: url(../img/bop-custom4.svg) center no-repeat; background-size: 40px; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.download_bop4:hover > img, .info table.datos > tbody > tr > td.download_bop4:focus > img, .info table.datos > tbody > tr:hover > td.download_bop4, .info table.datos > tbody > tr:focus > td.download_bop4{ background:#494949 url(../img/bop-custom4-white.svg) center no-repeat; background-size: 40px; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.calendario > a{ padding: 6px 20px; } .info table.datos > tbody > tr > td.calendario > img{ height: 80%; } .info table.datos > tbody > tr > td.calendario:hover > a > img, .info table.datos > tbody > tr > td.calendario:focus > a > img, .info table.datos > tbody > tr:hover > td.calendario > a,.info table.datos > tbody > tr:focus > td.calendario > a{ background:#494949 url(../img/calendario-hover.png) center no-repeat; background-size: inherit; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.calendario > a > img, .info table.datos > tbody > tr > td.calendario > a > img, .info table.datos > tbody > tr > td.calendario > a, .info table.datos > tbody > tr > td.calendario > a { background: url(../img/calendario.png) center no-repeat; background-size: inherit; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.callejero > a{ padding: 6px 20px; } .info table.datos > tbody > tr > td.callejero > img{ height: 80%; } .info table.datos > tbody > tr > td.callejero:hover > a > img, .info table.datos > tbody > tr > td.callejero:focus > a > img, .info table.datos > tbody > tr:hover > td.callejero > a,.info table.datos > tbody > tr:focus > td.callejero > a{ background:#494949 url(../img/callejero-hover.png) center no-repeat; background-size: inherit; background-position: 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.callejero > a > img, .info table.datos > tbody > tr > td.callejero > a > img, .info table.datos > tbody > tr > td.callejero > a, .info table.datos > tbody > tr > td.callejero > a { background: url(../img/callejero.png) center no-repeat; background-size: inherit; background-position: 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > thead > tr > th.street > span > img{ background: url(../img/icons/map4.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; vertical-align: middle; } .info table.datos > thead > tr > th.street > span > img{ padding: 8px 6px 8px 18px; } .info table.datos > thead > tr > th.calendar > span > a > img{ padding: 8px 6px 8px 18px; } .info table.datos > thead > tr > th.calendar > img{ height: 80%; } .info table.datos > thead > tr > th.calendar > span > a > img{ background: url(../img/icons/cal4.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; vertical-align: middle;display: inline-block;line-height: 1.3em; } .info table.datos > thead > tr > th.calendar > span > a > img[alt], .info table.datos > thead > tr > th.street > span > img[alt][src*="map4"]{ background-image: none; padding: inherit; } .info table.datos > thead > tr > th.calendar > span > a { vertical-align: text-bottom; } .info table.datos > tbody > tr > td.calendar > a{ padding: 6px 12px; } .info table.datos > tbody > tr > td.calendar > img{ height: 80%; } .info table.datos > tbody > tr > td.calendar:hover > a > img, .info table.datos > tbody > tr > td.calendar:focus > a > img, .info table.datos > tbody > tr:hover > td.calendar > a,.info table.datos > tbody > tr:focus > td.calendar > a{ background:#494949 url(../img/icons/cal4-hover.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.calendar > a > img, .info table.datos > tbody > tr > td.calendar > a > img, .info table.datos > tbody > tr > td.calendar > a, .info table.datos > tbody > tr > td.calendar > a { background: url(../img/icons/cal4.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.street > a{ padding: 6px 20px; } .info table.datos > tbody > tr > td.street > img{ height: 80%; } .info table.datos > tbody > tr > td.street:hover > a > img, .info table.datos > tbody > tr > td.street:focus > a > img, .info table.datos > tbody > tr:hover > td.street > a,.info table.datos > tbody > tr:focus > td.street > a{ background:#494949 url(../img/icons/map4-hover.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.street > a > img, .info table.datos > tbody > tr > td.street > a > img, .info table.datos > tbody > tr > td.street > a, .info table.datos > tbody > tr > td.street > a { background: url(../img/icons/map4.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; vertical-align: middle; } /*.info table.datos > thead > tr > th.phone > span{ padding: 6px 6px 6px 24px; }*/ .info table.datos > thead > tr > th.phone > img{ height: 80%; } .info table.datos > thead > tr > th.phone > span > img { background: url(../img/icons/tel.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; vertical-align: middle;display: inline-block;line-height: 1em;vertical-align: text-bottom; padding: 8px 6px 8px 12px; } .info table.datos > tbody > tr > td.phone > span{ padding: 6px 6px 6px 24px; } .info table.datos > tbody > tr > td.phone > img{ height: 80%; } .info table.datos > tbody > tr > td.phone:hover > span > img, .info table.datos > tbody > tr > td.phone:focus > span > img, .info table.datos > tbody > tr:hover > td.phone > span,.info table.datos > tbody > tr:focus > td.phone > span{ background:#494949 url(../img/icons/tel-hover.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.phone > span > img,.info table.datos > tbody > tr > td.phone > span { background: url(../img/icons/tel.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; vertical-align: middle;display: inline-block;line-height: 1em; } .info table.datos > tbody > tr > td > span.phone { font-size: 98%; background: url(../img/icons/tel.png) left no-repeat; background-size: inherit; background-position: 0; background-origin: border-box; vertical-align: middle;display: inline-block;line-height: 1em; padding: 10px 20px;padding: 10px 2px 10px 20px; line-height: 1em; min-width: max-content; } .info table.datos > tbody > tr > td > span.phone:hover > img, .info table.datos > tbody > tr > td > span.phone:focus > img, .info table.datos > tbody > tr:hover > td > span.phone, .info table.datos > tbody > tr:focus > td > .phone{ background:#494949 url(../img/icons/tel-hover.png) left no-repeat; } /*.info table.datos > thead > tr > th.fax > span{ padding: 6px 6px 6px 24px; }*/ .info table.datos > thead > tr > th.fax > img{ height: 80%; } .info table.datos > thead > tr > th.fax > span > img { background: url(../img/icons/fax3.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; vertical-align: middle;display: inline-block;line-height: 0.85em;vertical-align: text-bottom; padding: 8px 6px 8px 12px; } .info table.datos > tbody > tr > td.fax > span{ padding: 6px 6px 6px 24px; } .info table.datos > tbody > tr > td.fax > img{ height: 80%; } .info table.datos > tbody > tr > td.fax:hover > span > img, .info table.datos > tbody > tr > td.fax:focus > span > img, .info table.datos > tbody > tr:hover > td.fax > span,.info table.datos > tbody > tr:focus > td.fax > span{ background:#494949 url(../img/icons/fax3-hover.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.fax > span > img, .info table.datos > tbody > tr > td.fax > span { background: url(../img/icons/fax3.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; vertical-align: middle;display: inline-block;line-height: 0.85em; } .info table.datos > tbody > tr > td > span.fax { font-size: 98%; background: url(../img/icons/fax3.png) left no-repeat; background-size: inherit; background-position: 0; background-origin: border-box; vertical-align: middle;display: inline-block;line-height: 0.85em; padding: 10px 20px;Padding: 10px 2px 10px 20px; line-height: 1em; min-width: max-content; } .info table.datos > tbody > tr > td > span.fax:hover > img, .info table.datos > tbody > tr > td > span.fax:focus > img, .info table.datos > tbody > tr:hover > td > span.fax, .info table.datos > tbody > tr:focus > td > span.fax{ background:#494949 url(../img/icons/fax3-hover.png) left no-repeat; } .info table.datos > tbody > tr > td.registro_clave > a{ padding: 6px 24px; } .info table.datos > tbody > tr > td.registro_clave > img{ height: 80%; } .info table.datos > tbody > tr > td.registro_clave:hover > a > img, .info table.datos > tbody > tr > td.registro_clave:focus > a > img, .info table.datos > tbody > tr:hover > td.registro_clave > a,.info table.datos > tbody > tr:focus > td.registro_clave > a{ background:#494949 url(../img/icons/clave-hover.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.registro_clave > a > img, .info table.datos > tbody > tr > td.registro_clave > a > img, .info table.datos > tbody > tr > td.registro_clave > a, .info table.datos > tbody > tr > td.registro_clave > a { background: url(../img/icons/clave.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.registro_certificados > a{ padding: 6px 40px; } .info table.datos > tbody > tr > td.registro_certificados > img{ height: 80%; } .info table.datos > tbody > tr > td.registro_certificados:hover > a > img, .info table.datos > tbody > tr > td.registro_certificados:focus > a > img, .info table.datos > tbody > tr:hover > td.registro_certificados > a,.info table.datos > tbody > tr:focus > td.registro_certificados > a{ background:#494949 url(../img/icons/fnmt-hover.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; } .info table.datos > tbody > tr > td.registro_certificados > a > img, .info table.datos > tbody > tr > td.registro_certificados > a > img, .info table.datos > tbody > tr > td.registro_certificados > a, .info table.datos > tbody > tr > td.registro_certificados > a { background: url(../img/icons/fnmt.png) center no-repeat; background-size: inherit; background-position: 5px 5px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr > td.registros_digitales > a.registro_certificados > img { padding:6px 40px; } .info table.datos > tbody > tr > td.registros_digitales > a.registro_certificados{ background: url(../img/icons/fnmt.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr:hover > td.registros_digitales > a.registro_certificados, .info table.datos > tbody > tr:focus > td.registros_digitales > a.registro_certificados{ background:#494949 url(../img/icons/fnmt-hover.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; } .info table.datos > tbody > tr > td.registros_digitales > a.registro_clave > img{ padding:6px 24px; } .info table.datos > tbody > tr > td.registros_digitales > a.registro_clave{ background: url(../img/icons/clave.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr:hover > td.registros_digitales > a.registro_clave, .info table.datos > tbody > tr:focus > td.registros_digitales > a.registro_clave{ background:#494949 url(../img/icons/clave-hover.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; } .info table.datos > tbody > tr > td.registros_digitales > a.bucle_magnetico > img { padding:6px 40px; } .info table.datos > tbody > tr > td.registros_digitales > a.bucle_magnetico{ background: url(../img/icons/bm16.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; vertical-align: middle; } .info table.datos > tbody > tr:hover > td.registros_digitales > a.bucle_magnetico, .info table.datos > tbody > tr:focus > td.registros_digitales > a.bucle_magnetico{ background:#494949 url(../img/icons/bm16-hover.png) center no-repeat; background-size: inherit; background-position: 5px 0px; background-origin: border-box; } @media (max-width:939px) and (min-width:1px){ /*Oficinas*/ .info h4 + p.info-intro { padding-left: 10px; } .info table.datos > tbody > tr > td { vertical-align: middle; white-space: normal; word-break: normal; } .warning-box { padding:15px 40px; background:#FFEED9 ; } .warning-box.warning-box-max { background: rgb(255 238 217 / 40%) !important; background-size: 100% !important; background-image: url(../img/aviso-rombo-red-low.svg) !important; background-repeat: no-repeat !important; background-position: 1rem !important; } /*#myResults.info table.datos > tbody > tr > td , #myResults table.datos > thead > tr > th {font-size:95%;}*/ } /* Glyphicons */ /*@font-face { font-family: 'Glyphicons Halflings'; src: url('../../fonts/glyphicons-halflings-regular.eot'); src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }*/ .search_font{ font-family: FontAwesome; background-color: transparent; line-height: 1.63em; font-size: 1.27rem; color: #555555; max-width: 20px; position: absolute; z-index: 2; right: 0; cursor: pointer; } #search label:before{ content: "\f002";} /* Input-groups */ /* Jumbotron */ /* Labels */ label { color:#333333; font-size:0.750em; font-weight:bold; margin-bottom:5px; display:block; font-weight:100 } label.open { color:#AAAAAA !important; font-family:Arial, Verdana, sans-serif !important; font-size:1.063em !important; font-weight: bold; margin-bottom:5px; display:block; } /* List-group */ /* Media */ .mcontent { /* El espaciado apropiado entre instancias de .media */ margin-top: 15px; } .m-right, .mcontent > .pull-right { padding-left: 10px; } .m-left, .mcontent > .pull-left { padding-right: 10px; } .m-left, .m-right, .m-body { display: table-cell; vertical-align: top; } .m-middle { vertical-align: middle; } .m-bottom { vertical-align: bottom; } /* Cambiar los márgenes de los títulos de más estrecho espaciado por defecto */ .m-heading { margin-top: 0; margin-bottom: 5px; } /** Media list variación **/ .m-list { padding-left: 0; list-style: none; } /* Navs */ .nav-justified { width: 100%; } /* Navbar */ .navbar { display: none; } /* desplazar uso bootstrap */ @media (max-width: 991px) and (min-width: 768px){ /*.hidden-sm { display: block !important; }*/ } .navbar-collapse.collapse {display:none !important;} .navbar-collapse.in {display:block !important;} /* Pagination */ /* PAGINACION --------------------------------------------------------------*/ #paginacion { width:100%} #paginacion p { color:#333333; text-align:center; font-size:0.875em; width:39.5%; /* 51.5%; */ margin-top:18px; } #paginacion div.anterior { width:21.5%; min-width: 136px; } #paginacion div.siguiente { width:20.5%; min-width: 136px; } /**producto**/ ul.paginacion { display: inline-block; padding: 0; margin: 0; float:right; } ul.paginacion li {display: inline;} ul.paginacion li a { color: #333333; float: left; padding: 8px 16px; text-decoration: none;border-radius: 5px; } ul.paginacion li a:focus img{ outline: #cc0000 solid 1px !important; outline-offset: -3px; } ul.paginacion li a.active { background-color: #006f93; color: white;border-radius: 5px; } ul.paginacion li a:hover:not(.active) {background-color: #ddd;} .pagination li.active > a, .pagination li.active > span, .pagination li.active > a:hover, .pagination li.active > span:hover, .pagination li.active > a:focus, .pagination li.active > span:focus { background-color: #f4f4f4; color: #006f93; border-color: #006f93; } /** mar **/ .box-pagination { padding: 0px; background-color: #e4e4e4; } div.box-pagination > p { display: inline-block; position: relative; margin: 0; padding: 8px 16px; } .box-pagination ul.paginacion { display: inline-block; padding: 0; margin: 0; float: right; } .box-pagination ul.paginacion2 li { padding: inherit; min-width: 46px; min-height: 40px; vertical-align: middle; text-align: center;line-height: 2.3em; } .box-pagination ul.paginacion2 li a{ margin: 0; padding: inherit;/* padding: 8px 15px 9px 15px;*/ min-width: 46px; min-height: 40px; float: left; } .box-pagination ul.paginacion2 li a:focus { padding: inherit; /* padding: 8px 15px 9px 15px; */ margin: 0px ; } .box-pagination ul.paginacion2 li img { top: 0px; left: 0px; position: relative; } /** end mar **/ /* caso de uso req. imagen*/ ul.paginacion2 { display: inline-block; padding: 0; margin: 0; } ul.paginacion2 li {display: inline; /*border-radius: 5px;*/ float: left; padding: 8px 16px; vertical-align: middle; overflow: hidden; max-width: 46px; max-height: 40px; } ul.paginacion2 li img{ top: -8px; left: -16px; position: relative; } ul.paginacion2 li a { color: black; background-color: white; padding: 11px 17px; margin: -17px; text-decoration: none; } ul.paginacion2 li a:focus { /* outline: none !important;*/ border: #cc0000 solid 1px !important; padding: 8px 15px 9px 15px; margin: 0px -16px; } ul.paginacion2 li a:focus img{ /*outline: none !important; */ border: #cc0000 solid 1px !important;width:46px;height:40px; } ul.paginacion2 li.active { background-color: #006f93; color: white;border-radius: 5px; } ul.paginacion2 li:hover:not(.active) {background-color: #ddd; color: black;} /* NEW FOR PRODUCT*/ ul.paginacion2 li:not(a) { background-color: #006f93; color: white; } ul.paginacion2 li a:hover { background-color: #ddd; color: black; } @media (max-width: 425px) { ul.paginacion { display: table; float:none; margin: 0 auto;} ul.paginacion li {font-size: 0.9em;display: inline-table;} ul.paginacion li a { padding: 5px 10px; } ul.paginacion li a.active { background-color: #006f93; color: white;border-radius: 5px; } } /* 3 COLUMNAS -----------------------------------------------*/ .columnas{ margin-left:80px; margin-right:50px; } /* Pager */ /* Progress-bars */ /* Panels */ .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 2px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); } #accordion-sup.panel-group { margin-bottom: 0px; } #accordion-sup .panel{ -webkit-box-shadow: none; box-shadow: none;} .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 2px; border-top-right-radius: 2px; } .close.panel-topics--close{ color: #000000; margin: 14px 10px; text-align: right; display: inline-block; opacity: 1; font-size: 1.167rem; background-color: transparent; padding: 0.5rem 1rem; } .close.panel-topics--close:hover,.close.panel-topics--close:focus,.close.panel-topics--close:active{ color: #333333; text-decoration: none; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 1em; color: inherit; } .niv-content .panel-title > a > span:before, .niv-content .panel-title > button > span:before, .unity .panel-title > a > span:before{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2212"; } .niv-content .panel-title > a.collapsed > span:before, .niv-content .panel-title > button.collapsed > span:before, .unity .panel-title > a.collapsed > span:before{ content: "\002b"; } /* duración transición acordeón */ .unity .text-block.collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .95s; -o-transition-duration: .95s; transition-duration: .95s; -webkit-transition-property: height, visibility; -o-transition-property: height, visibility; transition-property: height, visibility; } .panel-footer { padding: 10px 15px; background-color: #FBFDF8; border-top: 1px solid #ddd; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #F9F9F9; border-color: #ddd; } .panel-default > .panel-heading:hover{background-color: #cef3ff;} .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel .panel-title a[aria-expanded] , .panel .panel-title button[aria-expanded] { padding-right: 30px; display: flex; align-items: center; position: relative; font-weight: 500; } .panel .panel-title button[aria-expanded] { width: 100%;} .panel .panel-title a[aria-expanded]>.pull-right, .panel .panel-title button[aria-expanded]>.pull-right{ position: absolute; right: 10px; bottom: 0px; top: 0; } .panel-group .panel .collapse h3, .panel-group .panel .collapse .h3, .panel-group .panel .collapsing h3, .panel-group .panel .collapsing .h3 { padding-left: 0px; padding-right: 0px; } .panel-group .panel .collapse h3 button[aria-expanded],.panel-group .panel .collapse .h3 button[aria-expanded], .panel-group .panel .collapsing h3 button[aria-expanded],.panel-group .panel .collapsing .h3 button[aria-expanded]{ padding: 10px 10px 10px 10px; display: flex; flex-direction: row; justify-content: space-between; } .panel-group .panel .collapse h3 a, .panel-group .panel .collapse .h3 a, .panel-group .panel .collapsing h3 a, .panel-group .panel .collapsing .h3 a { padding-left: 10px; display: block; } /* FAQS */ .panel-topics{display:none; margin-top: 20px; padding-right: 0px; padding-left: 0px; /*position: absolute; z-index: 999; visibility: hidden; padding: 0 15px;*/ } .panel-topics .title{ text-align: left; font-size: 1.875rem; line-height: 1.5rem; letter-spacing: 0px; color: #333333; opacity: 1; padding: 14px 9px; } .panel-topics--alt{ background: #F4F4F4 0% 0% no-repeat padding-box; text-align: left; letter-spacing: 0px; color: #333333; opacity: 1; z-index: 1072; position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; } .panel-topics--alt .panel-footer{ background: #F4F4F4 url(../img/mailbox.svg) no-repeat center right; background-size: 50px; } .panel-topics--alt .panel-footer p{ line-height: 1.5rem; letter-spacing: 0px; color: #333333; opacity: 1; padding: 14px 9px; } .panel-topics--alt .panel-footer p:last-child{ margin:0; } .panel-topics--alt .panel-footer p>a { text-decoration: underline; font-weight: bold; } .panel-topics fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .panel-topics.in { position: relative; z-index: 1000; } .panel-topics.in .panel.panel-topics--alt #tag-topics--accept { display: inline-flex; } .panel-topics.in .panel-topics--alt { position: fixed; z-index: 999; } #Faqs h1 { width: 100%; } .panel-faqs{ padding-right: 15px; padding-left: 15px; position: relative; display: flex; flex-flow: wrap; } .panel-faqs fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } .panel-faqs > div:first-of-type { border-right: 1px solid #B2B2B2; padding-right: 15px; display: flex; flex-direction: column; order: 2; } .panel-faqs > div:nth-child(3) { padding-left: 0px; } .panel-faqs > * { padding: 0px; } .panel-advice { margin-top: 20px; padding-right: 15px; padding-left: 15px; position: relative; display: flex; flex-flow: wrap; } .panel-advice > div { border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); box-shadow: 0 1px 1px rgb(0 0 0 / 5%); margin-bottom: 0px; border: 0px; } .faqs--tag{ align-items: center; background-color: #e0e0e0; border-radius: 4px; color: #393939; cursor: default; display: inline-flex; font-size:.75rem; font-weight: 400; justify-content: center; letter-spacing: .32px; line-height: 1.33333; margin: 0.25rem; max-width: 100%; min-height: 1.5rem; min-width: 2rem; padding: 0.25rem 0.5rem; vertical-align: middle; word-break: break-word; } .faqs--tag:hover,.faqs--tag:focus,.faqs--tag:active{ background: #8D8D8D 0% 0% no-repeat padding-box; } .faqs--tag button[disabled], .faqs--tag input[disabled] { cursor: default; color: #ffffff; opacity: 0.7; } .panel-topics--alt .faqs--tag{ line-height: 1.5rem; margin: 12px 9px 5px; } #tag-topics--accept { display: inline-flex; } .faqs--tag--dark { background-color: #000000; color: #ffffff; } .faqs-custom-checkbox, .faqs-custom-radio{ text-align: left; font-size:.875rem; line-height: 1.25rem; letter-spacing: 0px; color: #333333; opacity: 1; position: relative; display: block; margin-left: 0.575rem; margin-right: 0.575rem; } .panel-faqs .faqs-custom-radio{ margin-left: 0rem; margin-right: 0rem; } .faqs-custom-checkbox--sub { margin-left: 1.5rem; margin-top: 12px; display: flex; justify-content: space-between; flex-wrap: wrap; } .faqs-custom-checkbox--sub > *{ color: #161616; font-weight: 700; } .faqs-custom-checkbox--sub > button.intro_plus > .pull-right::before{ vertical-align: middle; color: #333333 !important; } .faqs-custom-checkbox--subsub { margin-left: 1.25rem; margin-top: 8px; } .faqs-custom-checkbox--subsub > *{ font-weight: normal; } .faqs-custom-group-fold { display: flex; justify-content: space-between; flex-wrap: wrap } .faqs-custom-group-fold button.intro_plus > span:before, .faqs-custom-group-fold button.intro_plus.collapsed > span:before{ color: #333333 !important; } .faqs-custom-group-fold > button.intro_plus.collapsed{ border-bottom: 1px solid #B2B2B2 ; min-width: 10%; } .faqs-custom-group-fold > button.intro_plus{ border:none; } .faqs-custom-group > label{ border-bottom: 1px solid #B2B2B2; opacity: 1; } .faqs-custom-control-input, .faqs-custom-control-input[type="checkbox"]{ position: absolute; width: 15px; height: 15px; line-height: 1.25rem; font-size: .875rem; } .faqs-custom-control-label, .faqs-custom-control-input:focus+.faqs-custom-control-label{ margin-bottom: 0; padding-left: 1.5rem; line-height: 1.25rem; font-size: .875rem; width: 100%; } .faqs_seeker-text{ border-bottom: 1px solid #B2B2B2; margin-bottom: 15px; padding-bottom: 15px; /*display:none;*/ display: flex; flex-direction: column; order: 1; } .faqs_seeker-topics{ display: flex; justify-content: center; align-items: center; position: relative; min-height: 90px; display: flex; order: 3; border: none !important; } .faqs_seeker-subtopics > li{ display: flex; flex-flow: wrap; } .faqs_seeker-subtopics > li > *{ flex: auto; } #faqs_seeker-questions{ position: relative; display: flex; order: 4; } #faqs_seeker-questions ul{ width: 100%; } #faqs_seeker-pages{ display: flex; justify-content: center; order: 5; } #tag-topics--button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /** custom checkbox **/ /* Base for label styling */ .faqs-custom-checkbox input[type="checkbox"]:not(:checked), .faqs-custom-checkbox input[type="checkbox"]:checked { position: absolute; left: 0; opacity: 0.01; } .faqs-custom-checkbox input[type="checkbox"]:not(:checked) + label, .faqs-custom-checkbox input[type="checkbox"]:checked + label { position: relative; padding-left: 1.5em; /*font-size: 1.05em;*/ line-height: 1.25rem; cursor: pointer;max-width: 90%; } .faqs-custom-checkbox input[type="checkbox"]:not(:checked):focus + label, .faqs-custom-checkbox input[type="checkbox"]:checked:focus + label { outline: #cc0000 solid 1px !important; padding-top: 0px; } /* checkbox aspect */ .faqs-custom-checkbox input[type="checkbox"]:not(:checked) + label:before, .faqs-custom-checkbox input[type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0.06rem; top: 0.06rem; width: 0.96rem; height: 0.96rem; border: 1px solid #333333; background: #FFF; border-radius: 4px; box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(51, 51, 51, .2); -webkit-transition: all .275s; transition: all .275s; } /* checked mark aspect */ .faqs-custom-checkbox input[type="checkbox"]:not(:checked) + label:after, .faqs-custom-checkbox input[type="checkbox"]:checked + label:after { content: '✓'; position: absolute; top: 0.56rem; left: 0.26rem; font-size: 0.875em; color: #333333; line-height: 0; -webkit-transition: all .2s; transition: all .2s; } /* checked mark aspect changes */ .faqs-custom-checkbox input[type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); } .faqs-custom-checkbox input[type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } /* Disabled checkbox */ .faqs-custom-checkbox input[type="checkbox"]:disabled:not(:checked) + label:before, .faqs-custom-checkbox input[type="checkbox"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #e9e9e9; } .faqs-custom-checkbox input[type="checkbox"]:disabled:checked + label:after { color: #777; } .faqs-custom-checkbox input[type="checkbox"]:disabled + label { color: #aaa; } /* Accessibility */ .faqs-custom-checkbox input[type="checkbox"]:checked:focus + label:before, .faqs-custom-checkbox input[type="checkbox"]:not(:checked):focus + label:before { box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 3px rgba(51, 51, 51, .2); } /** end custom checkbox **/ /** custom radio **/ /* Base for label styling */ .faqs-custom-radio input[type="radio"]:not(:checked), .faqs-custom-radio input[type="radio"]:checked { position: absolute; left: 0; opacity: 0.01; } .faqs-custom-radio input[type="radio"]:not(:checked) + label, .faqs-custom-radio input[type="radio"]:checked + label { position: relative; padding-left: 1.5rem; line-height: 1.25rem; cursor: pointer; } .faqs-custom-radio input[type="radio"]:not(:checked):focus + label, .faqs-custom-radio input[type="radio"]:checked:focus + label { outline: #cc0000 solid 1px !important; padding-top: 0px; } /* radio aspect */ .faqs-custom-radio input[type="radio"]:not(:checked) + label:before, .faqs-custom-radio input[type="radio"]:checked + label:before { content: ''; position: absolute; left: 0.06rem; top: 0; /*0.06rem;*/ width: 1.063rem; height: 1.063rem; border: 1px solid #333333; background: #FFF; border-radius: 10px; box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(51, 51, 51, .2); -webkit-transition: all .275s; transition: all .275s; } /* checked mark aspect */ .faqs-custom-radio input[type="radio"]:not(:checked) + label:after, .faqs-custom-radio input[type="radio"]:checked + label:after { content: '•'; position: absolute; top: 0.59rem; left: 0.28rem; font-size: 1.875rem; /* top: 0.59rem; left: 0.37rem; font-size: 1.38rem; */ color: #333333; line-height: 0; -webkit-transition: all .2s; transition: all .2s; } /* checked mark aspect changes */ .faqs-custom-radio input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); } .faqs-custom-radio input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } /* Disabled radio */ .faqs-custom-radio input[type="radio"]:disabled:not(:checked) + label:before, .faqs-custom-radio input[type="radio"]:disabled:checked + label:before { box-shadow: none; border-color: #bbb; background-color: #e9e9e9; } .faqs-custom-radio input[type="radio"]:disabled:checked + label:after { color: #777; } .faqs-custom-radio input[type="radio"]:disabled + label { color: #aaa; } /* Accessibility */ .faqs-custom-radio input[type="radio"]:checked:focus + label:before, .faqs-custom-radio input[type="radio"]:not(:checked):focus + label:before { box-shadow: inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 3px rgba(51, 51, 51, .2); } /** end custom radio **/ .faqs_seeker{ position: relative; display: block; flex: 0 1 100%; /*padding-left: 2rem;*/ } .faqs_seeker-answers{ background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #6E6E6E; border-radius: 4px; opacity: 1; margin-top: 16px; position: relative; display: flex; flex-flow: wrap; } .faqs_seeker-answers:first-child{ margin-top: 24px; } .faqs_seeker-subtopics .faqs_seeker-answers:first-child { margin-top: 16px; } .faqs_seeker-input__input{ border: 1px solid #333333 !important; } .faqs_seeker-input__btn:after{ font-size: 1.25rem !important; } .faqs_seeker > input{ margin: 0; overflow: visible; display: block; box-sizing: border-box; width: 100%; padding: 0.6875rem 0.6875rem; border: 1px solid transparent; border-style: solid; border-radius: 4px; border-color: rgba(0, 0, 0, 0.3); border-top-color: #8D8D8D; border-left-color: #8D8D8D; outline: none; background-color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: 0 0 4px 0 transparent; color: rgba(0, 0, 0, 0.9); font-family: "Lato", "Helvetica Neue", Arial, sans-serif; /*font-size: 1.125rem;*/ line-height: 1.5; padding-right: 3.375rem; -webkit-appearance: textfield; outline-offset: -2px; padding-top: 0.4375rem; padding-bottom: 0.4375rem; padding-left: 1rem; font-size: 1rem; /*float: right;*/ max-width: inherit; -webkit-transition: max-width .6s cubic-bezier(.19, 1, .22, 1); transition: max-width .6s cubic-bezier(.19, 1, .22, 1); height: 37px; width: 100%; } .faqs_seeker > button{ -webkit-appearance: button; padding-top: 0; padding-bottom: 0; overflow: visible; text-transform: none; border: none; margin: 0; padding: 0; background-color: transparent; font-size: 1em; cursor: pointer; outline: none; -webkit-appearance: none; position: absolute; top: 0.25rem; right: 0.25rem; box-sizing: border-box; display: block; min-width: 0; padding: 0.5rem 0.625rem 0.4375rem; border: 2px solid transparent; border-radius: 4px; background-color: transparent; font-size: 1rem; line-height: 1em; transition: background-color .15s ease-in-out; cursor: pointer; padding: 0.125rem 0.625rem; border-radius: 16px; } .faqs_seeker > button::after { display: inline-block; font: normal normal normal 14px/1 'FontAwesome'; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; content: "\f002"; display: inline-block; width: 1em; font-size: 1.5rem; font-size: 1.5rem; text-align: center; transition: color .15s ease-in-out; } .faqs_seeker + span{ font-size: 0.75rem; margin:0px; /*display: block;*/ } .faqs_search-result--actions{ text-align: left; font-size: 0.875rem; line-height: 1.5rem; letter-spacing: 0px; color: #525252; opacity: 1; margin-top: 24px; display: flex; flex-direction: column; } .faqs_search-result--connect{ line-height: 1.25rem; display: flex; flex-direction: row; } .faqs-connect__button{ color: #333333; background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #333333; border-radius: 4px; padding: 4px 8px; margin: 8px 16px 16px 0px; } .faqs-connect__button:hover,.faqs-connect__button:focus,.faqs-connect__button:active{ color: #333333; background: #f4f4f4; border: 1px solid #161616; text-decoration: none; } .faqs_search-share,.faqs_search-window { color: #333333; margin: 8px 16px 16px 0px; align-self: center; } .faqs_search-share:hover,.faqs_search-window:hover { color: #006f93; } .faqs-connect__button:focus { box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 3px rgba(51, 51, 51,0.2);; -webkit-transition: all .275s; transition: all .275s; } .faqs_search-window::after { display: inline-block; font-family: 'FontAwesome'; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; content: "\f24d"; display: inline-block; width: 1em; font-size: 1.5rem; font-size: 1.5rem; text-align: center;-webkit-transition: all .275s; transition: all .275s; } .faqs_search-share::after { display: inline-block; font-family: 'FontAwesome'; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; content: "\f1e0"; display: inline-block; width: 1em; font-size: 1.5rem; font-size: 1.5rem; text-align: center; transition: color .15s ease-in-out; } .faqs_search-text { color: #006f93; } .faqs_search-result{ color: #333333; margin: auto; display: flex; flex-flow: wrap-reverse; width: 100%; } .faqs_search-result > a, .faqs_search-result > summary{ padding: 16px; color: #333333; position: relative; width: 100%; font-size: 1.25rem; line-height: 1.75rem; cursor: pointer; display: flex; flex-direction: row; justify-content: space-between; order: 1; font-weight: bold; } .faqs_search-result > a:hover, .faqs_search-result > a:focus, .faqs_search-result > a:active, .faqs_search-result > summary:hover, .faqs_search-result > summary:focus, .faqs_search-result > summary:active{ background: #F4F4F4 0% 0% no-repeat padding-box; /*border: 1px solid #6E6E6E;*/ border-radius: 4px; opacity: 1; text-decoration: none; } .faqs_search-result > a.intro_plus > span:before, .faqs_search-result > button.intro_plus > span:before{ color: #333333 !important; } .faqs_search-result+.collapse, .faqs_search-result+.collapsing { -webkit-transition: all .275s; transition: all .275s; margin-top: 8px; } .faqs_search-result--content { font-size: 1rem; line-height: 1.375rem; } .faqs_seeker-answers> details[open]{ border-color: rgb(0, 111, 147); border-width: 2px; border-style: solid; } details.faqs_search-result > summary > span:before, details.faqs_search-result > summary.faqs_intro > span:before{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: bold; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\E259"; color: #333333;/*color: #006f93;*/ } details[open].faqs_search-result > summary > span:before, details[open].faqs_search-result > summary.faqs_intro > span:before{ content: "\E260"; color: #333333; } .faqs_category { padding: 0 0 16px; display: flex; justify-content: flex-end; font-size: 0.875rem; line-height: 1.5rem; color: #333333; position: relative; order: 1; -webkit-transition: all .275s; transition: all .275s; } .faqs_breadcrumb{ display: flex; text-align: left; font-size: 1rem; letter-spacing: 0px; color: #525252; opacity: 1; font-size: 0.875rem; line-height: 1.5rem; padding: 0px 16px 0px; color: #333333; position: relative; order: 1; -webkit-transition: all .275s; transition: all .275s; } nav.faqs_breadcrumb, .faqs_search-result .faqs_breadcrumb{ padding: 16px 16px 0px; } .collapsed +.faqs_breadcrumb{ height:0px; position: absolute; left: 0; opacity: 0.01; -webkit-transition: all .275s; transition: all .275s; } .faqs_breadcrumb__item{ color: #333333; font-size: 1.25rem; line-height: 1.75rem; opacity: 1; } .faqs_breadcrumb__item:hover{ color: #333333; opacity: 0.52; } .faqs_breadcrumb__item::before { display: inline-block; font-family: 'FontAwesome'; font-size: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; content: "\f060"; display: inline-block; width: 1em; opacity: 1; text-align: center; transition: color .15s ease-in-out; } #Faqs_pensionistas .title { margin-top: 8px; margin-bottom: 0px; } .faqs_subtopic{ text-align: left; font-family: Roboto, Arial, Helvetica, sans-serif; letter-spacing: 0px; color: #006F93; opacity: 1; font-size: 1.5rem; line-height: 1.75rem; margin-bottom: 0px; border-bottom-color: rgb(0, 111, 147); border-bottom-width: 1px; border-bottom-style: solid; padding: 2px; margin-top: 14px; } @media (min-width: 992px){ .panel-topics{ position: relative; z-index: 999; visibility: visible; padding: 0; margin-top: 20px; padding-right: 0px; padding-left: 0px; display: block; } .panel-faqs{ position: relative; z-index: 999; visibility: visible; padding: 0; padding-right: 0px; padding-left: 0px; font-size: 0.875rem; padding-left: 20px; /*36px;*/ } .close.panel-topics--close{ display: none; } #tag-topics--accept { display: none; } .panel-topics--alt{ position: relative; } .panel-faqs > div:first-of-type{ order: 1; display: block; } .panel-faqs > div:nth-child(3) { padding-left: 15px; } .panel-advice { margin-top: 20px !important; padding-left: 20px !important; padding-right: 0px !important; } .faqs_breadcrumb { padding: 16px 16px 0px; } .faqs_seeker-answers { background: #FFFFFF 0% 0% no-repeat padding-box; border: 1px solid #6E6E6E; border-radius: 4px; opacity: 1; margin-top: 16px; position: relative; display: flex; flex-flow: wrap; } .faqs_seeker-answers:first-child{ margin-top: 24px; } .faqs_seeker-subtopics .faqs_seeker-answers:first-child { margin-top: 16px; } .faqs_seeker-text { order: 2; display:block; border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .faqs_seeker-topics{ order: 3; display: none !important; } #faqs_seeker-questions{ order: 4; } #faqs_seeker-pages{ order: 5; } #Faqs_pensionistas .title { margin-top: 20px; margin-bottom: 10px; } } @media (min-width: 768px){ .panel-faqs > div:first-of-type { border-right: 1px solid #B2B2B2; padding-right: 15px; } } /* custom leyenda */ .leyenda.panel-group .panel-default{border-color: transparent;} .panel-default > div#Localidad-plegable.panel-body { border-top: 1px solid #ddd; } .leyenda.panel-group .area-title-type{ background: #006f93; color: #f4f4f4; border: 1px solid #ffffff; margin: 0px; position: relative; display: block; padding: 10px 15px; border-radius: 2px; font-size: 0.938em; } .leyenda.panel-group .area-title-selection-type{ color: #666666; font-size: 0.880em; margin-bottom: 5px; padding: 8px 10px; } .text-block ul.leyenda li:nth-child(1){ list-style-image: url("../img/cua-ver.png"); } .text-block ul.leyenda li:nth-child(2){ list-style-image: url("../img/cua-mor.png"); } .text-block ul.leyenda li:nth-child(3){ list-style-image: url("../img/cua-nar.png"); } /* end custom leyenda */ .accordion.myMapaWeb { font-size: 0.95em; } .accordion.myMapaWeb .h2 { font-weight: bold; } .accordion.myMapaWeb .h3{ font-size: 1.2em; font-weight: bold; margin-bottom: 10px; } .accordion.myMapaWeb h3{ font-size: 1.2em; } .accordion.myMapaWeb h3 a.intro_plus{ position: absolute; right: 0; } .accordion.myMapaWeb .panel .panel-title{ display: flex !important; justify-content: space-between; } .accordion.myMapaWeb .panel .panel-title a[aria-expanded], .accordion.myMapaWeb .panel .panel-title button[aria-expanded] { display: inline; position: relative; min-height: 15px; vertical-align: middle; text-align: right; width: 100%; } .accordion.myMapaWeb .panel-group .panel .collapse h3 >a:not(.intro_plus), .accordion.myMapaWeb .panel-group .panel .collapse .h3 >a:not(.intro_plus), .accordion.myMapaWeb .panel-group .panel .collapsing h3 >a:not(.intro_plus), .accordion.myMapaWeb .panel-group .panel .collapsing .h3 >a:not(.intro_plus){ padding-right: 20px; } .accordion.myMapaWeb .panel-group .panel .collapse .h3:has(a) { display: flex !important; justify-content: space-between; padding: 1px 4px 1px 6px; } /* div[role="tablist"]>div { width: 100%; } */ #MapaWebIzq .tab-pane,#MapaWebDcha .tab-pane{padding:0px;} /*.myMapaWeb .panel-default > .panel-heading + .panel-collapse > .panel-body { max-height: 480px; overflow: auto; }*/ #accordion-sup .panel-default > .panel-heading .h1.title:hover { /*color: #cef3ff;*/color: #006f93; text-decoration: underline; } #accordion-sup .panel-default{border-color: transparent;} #accordion-sup .panel-default > .panel-heading { color: #333333; background-color: #FFFFFF; border-color: transparent; } #accordion-sup .panel-default > .panel-heading h1 a span:before{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e253"; } #accordion-sup .panel-default > .panel-heading h1 a.collapsed span:before{ content: "\e252"; } #accordionfilter-sup.panel-group, #filter-sup.panel-group,#filter-classic.panel-group{margin-bottom: 0px;} #accordionfilter-sup .panel-default > .panel-heading .h1.title:hover { /*color: #cef3ff;*/color: #006f93; text-decoration: underline; } #accordionfilter-sup .panel-default, #filter-sup.panel-default,#filter-classic.panel-default{ /* border-color: transparent; */ /*margin:-19px 0;*/ margin: 0; border-radius: 0; } #accordionfilter-sup .panel-default > .panel-heading, #filter-sup.panel-default> .panel-heading,#filter-classic.panel-default> .panel-heading { color: #333333; font-size: 1.125em; background-color: #f9F9F9; border-color: transparent; } #accordionfilter-sup .panel-default > .panel-heading:hover, #filter-sup.panel-default> .panel-heading:hover,#filter-classic.panel-default> .panel-heading:hover { background-color: #cef3ff; } @media (min-width: 1px) and (max-width: 939px) { #accordionfilter-sup .panel-default > .panel-heading, #filter-sup.panel-default> .panel-heading,#filter-classic.panel-default> .panel-heading { font-size: 1.125em; } } #accordionfilter-sup .panel-default > .panel-heading h1 a span:before{ position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e253"; } #accordionfilter-sup .panel-default > .panel-heading h1 a.collapsed span:before{ content: "\e252"; } #accordionfilter-sup .panel-body , #filter-sup .panel-body,#filter-classic .panel-body { min-height: 20px; background-color: #f9F9F9; } /* supresión de scroll para iframe de oficnas buscador: #oficinas-buscador .panel-body div{ overflow-y:scroll; } */ @media (max-width: 520px) { #oficinas-buscador .panel-body div.size900 iframe{ width:900px; } } .panel-default > .panel-heading .badge { color: #F9F9F9; background-color: #555555; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-default > .panel-footer{ color: #747474; font-size:0.875em; } .panel-default > .panel-heading p, .panel-default > .panel-body p, .panel-default > .panel-footer p{ padding: 15px 0px 0px 40px; } .panel-default > .panel-footer{ padding-bottom: 25px; } /* Responsive-embed */ /* Slider en pruebas */ #content-slider {position:relative; /*display:table-cell;*/ /*width: 650px; overflow: hidden; height: 300px; margin: 30px 0 0 0;*/ border: solid 1px #666; width: 940px;height:269px; overflow-y: hidden; padding: 0; margin: 0 auto; } #content-slider-inside { list-style: none; height: 286px; overflow: scroll; overflow-y: hidden; background-color:#fff; background-image:url("../img/imagen-slider-1.jpg"); background-position:top; background-repeat: no-repeat; } #content-slider-inside ul{height:100%;} #content-slider-inside li#one,#content-slider-inside li#two, #content-slider-inside li#three,#content-slider-inside li#four,#content-slider-inside li#five,#content-slider-inside li#six,#content-slider-inside li#seven{display:none;} #content-slider-inside li { width: 940px; background: #ccc; color: #666; font-family: Arial, Helvetica, sans-serif; text-align: center; /*padding: 36px 0;*/ } #content-slider-inside li#one:target {display:table; padding-top: 145px; margin-top: -145px; } #content-slider-inside li#one:not(:target) {display:none;} #content-slider-inside li#two:target {display:table; padding-top: 145px; margin-top: -145px; } #content-slider-inside li#two:not(:target) {display:none;} #content-slider-inside li#three:target {display:table; padding-top: 145px; margin-top: -145px; } #content-slider-inside li#three:not(:target) {display:none;} #content-slider-inside li#four:target {display:table; padding-top: 145px; margin-top: -145px; } #content-slider-inside li#four:not(:target) {display:none;} #content-slider-inside li#five:target {display:table; padding-top: 145px; margin-top: -145px; } #content-slider-inside li#five:not(:target) {display:none;} #content-slider-inside li#six:target {display:table; padding-top: 145px; margin-top: -145px; } #content-slider-inside li#six:not(:target) {display:none;} #content-slider-inside li#seven:target {display:table; padding-top: 145px; margin-top: -145px; } #content-slider-inside li#seven:not(:target) {display:none;} #navigation { list-style: none; margin: 20px 0 0 50px; float: left; position: absolute; bottom: 0; height: 34px; padding: 16px; } #navigation li { float: left; width: 18px; height: 18px; text-align: center; margin: 0; margin:0 12px 0 0; /*border: solid 1px #ccc;*/ line-height: 30px; font-family: Arial, Helvetica, sans-serif; margin: 0 0 0 5px; } #navigation li a, #navigation li a:link, #navigation li a:visited { color: #ffffff; display: block; height: 16px; width: 16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; background: #666666; border: 2px solid #ffffff; text-indent: -9999px; cursor: pointer; /* padding: 1px 6px; */ } #navigation li a.selected, #navigation li a.selected:link, #navigation li a.selected:visited { color:#333333; background: #ffffff; border:2px solid #666666; } #content-slider:target #navigation li a.bulletselected1 { color:#333333; background: #ffffff; border:2px solid #666666; } #navigation li a:hover, #navigation li a:focus, #navigation li a:active{ color:#333333; background: #ffffff; border:2px solid #666666; } .slide-content{position:absolute; vertical-align:middle;float:left;} #content-slider .slide-content {color:#006f93; position: absolute; top: 43px; left: 68px; width: 350px; text-align: left; z-index: 20; } #content-slider .slide-content p { width: 60%; position: relative; top: 0; } #content-slider .slide-content p strong { display: block; font-family:Roboto, Arial, Helvetica, sans-serif; margin: 0 0 5px 0; font-weight: 700; font-size: 2em; line-height: 1em; /*text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.3);*/ } #content-slider .slide-content .slide-action { position: relative; bottom: 0; } #content-slider .slide-content .slide-action a.btn{ display:block; width:220px; height:34px; font-size:1em; } /* Thumbnails */ img.img-responsive.mb15 { max-height: 256px; } /* Wells */ .well { min-height: 20px; padding: 0px; margin-bottom: 20px; background-color: #f9F9F9; border: 1px solid #DDDDDD; border-radius: 2px;-moz-border-radius: 2px ; -webkit-border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, .15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .well-slider {background-color: #fff; position:relative; min-height: 20px; padding: 19px; margin-bottom: 20px; border: 1px solid #DDDDDD; border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);} .well-new-inside { min-height: 20px; padding: 10px 0px; margin-bottom: 20px; background-color: #ffffff; border: 1px solid #DDDDDD; border-radius: 2px;-moz-border-radius: 2px ; -webkit-border-radius: 2px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05); } /* Close */ /* Components-animations */ /* Modals */ /* Tooltip */ /** Tooltips **/ .tooltip { position: relative; opacity: 1; font-size: inherit; text-align: center; line-height: 1.3em; filter:none;width:inherit;width: fit-content; } span.tooltip{ width: inherit; } /*.work-calendar .tooltip{ pointer-events: none; } .work-calendar .public-holiday-nac .tooltip, .work-calendar .public-holiday-auto .tooltip, .work-calendar .public-holiday-loc .tooltip{ pointer-events: visible; }*/ .tooltip2 { background: #f4f4f4; width:auto; margin: 0 10px 0px; padding:10px 10px; overflow-y:hidden; overflow-x:hidden; z-index:6; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border-bottom:none; } /* custom secondary theme on top of tooltipster-noir: */ .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box { background: #f4f4f4; max-width:230px; border: 2px solid #000; border-radius: 6px; box-shadow: 5px 5px 2px 0 rgba(0,0,0,0.4); } .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-titlecontent{ margin: 0; } .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content { color: #4a4a4a; padding: 10px; } .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content { margin: 0px; padding: 6px 14px; } .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-arrow-background { border-top-color: #f4f4f4; } #tooltip-content { position:absolute; visibility:hidden; } /*.tooltipster-base { pointer-events: visible; }*/ /*.tooltipster-base .tooltipster-box{ visibility: hidden; } .tooltipster-base .tooltipster-box{ visibility: visible; }*/ .tooltip_templates { display: none; } .tooltip_error,.tooltip_error__mm { display: none; /* min-width: 300px; */ /* min-height: 50px; */ position: absolute; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #D24128; color: #ffffff; padding: 15px; opacity: 1; /* -webkit-box-shadow: 0px 1.1px 5px rgb(102, 102, 102); */ /* box-shadow: 0px 1.1px 5px #666666; */ z-index: 999; line-height: 1em; text-align: center !important; /* visibility: hidden; */ color: #fff; width: 250px; height: auto; /* padding: 7px 10px; */ /* opacity: 0; */ box-shadow: 0 2px 5px 0 rgba(102, 102, 102, 0.16), 0 2px 10px 0 rgba(102, 102, 102, 0.12); transition: .2s ease-in; font-size: 0.88em; margin: 10px auto 0; /* box-sizing: content-box; */ word-break: normal; word-wrap: break-word;top: 58%; left: 50%; } .tooltip_error:after,.tooltip_error__mm:after, .top.tooltip_error:after,.top.tooltip_error__mm:after { border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid rgba(210, 65, 40,0.99); /* top: 50%; */ content: " "; height: 0; /* left: -7px; */ position: absolute; width: 0; transform: translateY(-50%); top: -3px; left: 50%; } /* General popup*/ /* Popovers */ .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family:Roboto, Arial, Helvetica, sans-serif; font-size: 0.875em; font-weight: normal; line-height: 1.42857143; text-align: left; white-space: normal; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { padding: 8px 14px; margin: 0; font-size: 0.875em; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { content: ""; border-width: 10px; } .popover.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #999; border-top-color: rgba(0, 0, 0, .25); border-bottom-width: 0; } .popover.top > .arrow:after { bottom: 1px; margin-left: -10px; content: " "; border-top-color: #fff; border-bottom-width: 0; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: #999; border-right-color: rgba(0, 0, 0, .25); border-left-width: 0; } .popover.right > .arrow:after { bottom: -10px; left: 1px; content: " "; border-right-color: #fff; border-left-width: 0; } .popover.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, .25); } .popover.bottom > .arrow:after { top: 1px; margin-left: -10px; content: " "; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, .25); } .popover.left > .arrow:after { right: 1px; bottom: -10px; content: " "; border-right-width: 0; border-left-color: #fff; } /* Carousel */ #carousel-example-generic p{margin:0px;}#carousel-example-generic h3{margin-top:0px;} #carousel-example-generic a:focus h3 { outline: #cc0000 solid 1px !important; } #carousel-example-generic .carousel-inner a:hover h3{ text-decoration: underline;color:#006f93; } #carousel-banner-magazine .carousel-inner .item{ position: relative; display: none; -ms-flex-align: center; align-items: center; width: 100%; -webkit-transform: translate3d(50%, 0px, 0); transform: translate3d(50%, 0px, 0); transition: -webkit-transform .6s ease; transition: transform .6s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } #carousel-banner-magazine .carousel-inner .item.active{ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); transition: -webkit-transform .6s ease; transition: transform .6s ease; /*display: inline-block;*/ } #carousel-banner-magazine .item .media-container-row { -webkit-flex-grow: 1; flex-grow: 1; } article div[role='heading'].title.frame { margin: 0px 0px 10px; } article div[role='heading'].frame:hover>a,article div[role='heading'].frame:focus >a, article #Mar-plegable div[role='heading'].frame:hover > a,article #Mar-plegable div[role='heading'].frame:focus > a, article #Mar-plegable div[role='heading'].h4.frame:hover a,article #Mar-plegable div[role='heading'].h4.frame:focus a{ background-color: #cef3ff; color: #333333; } article div[role='heading'].frame a{ background-color: #f4f4f4; color: #006f93; border: 1px solid #ffffff; margin: 0px; position: relative; display: block; padding: 10px 15px; border-radius: 2px; background-color: #006f93; color: #ffffff; border: 1px solid #ffffff; margin: 0px; font-weight: normal; } article #Mar-plegable div[role='heading'].frame a, article div[role='heading'].h3.title.frame a{ background-color: #e4e4e4;background-color: #f4f4f4; color: #006f93; border: 1px solid #ffffff; } article #Mar-plegable div[role='heading'].h4.frame a, article div[role='heading'].h4.title.frame a{ color: #333333; background-color: #F9F9F9; border-color: #ddd; } article div[role='heading'].frame a > span { position: absolute; right: 10px; font-size: 0.85em; } article div[role='heading'].frame a > span:before { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\2212"; } article div[role='heading'].frame a.collapsed > span:before { content: "\002b"; } #carousel-banner-magazine .item .wrap-img { text-align: center;background-color: #e4e4e4; border: 1px solid #ffffff; box-shadow: 0 2px 20px 0 rgba(0,0,0,0.05); transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out; transition-delay: .1s; transform: translateZ(0); overflow: hidden; height: 100%; } #carousel-banner-magazine .item .wrap-img:hover{ display: block; opacity: 1 !important; box-shadow: rgba(45,45,45,0.15) 0px 2px 2px, rgba(49,49,49,0.15) 0px 4px 4px, rgba(42,42,42,0.15) 0px 8px 8px, rgba(32,32,32,0.15) 0px 16px 16px, rgba(49,49,49,0.05) 0px 32px 32px, rgba(35,35,35,0.15) 0px 16px 32px; transform: translate(0, -5px); z-index: 999; } #carousel-banner-magazine .item .wrap-img a{font-size: 0.875em;} #carousel-banner-magazine .item .wrap-img img { height:auto; min-height: 150px; max-height: 400px; width: auto; max-width: 100%; } #carousel-banner-magazine .col-lg-33 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; width: 100%; } #carousel-banner-magazine .col-lg-33 { -ms-flex: 0 0 33.33%; -webkit-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; width: 33.33%; } .row-home .carousel{border: 3px solid #006f93;} .row-home .carousel .carousel-inner .item img{height:180px;width:100%;} .carousel-inner > .item > a{display:block;} .carousel-control .typcn-chevron-left, .carousel-control .typcn-chevron-right, .carousel-control .fa-chevron-left, .carousel-control .fa-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block; } .carousel-control .typcn-chevron-left, .carousel-control .fa-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .typcn-chevron-right, .carousel-control .fa-chevron-right { right: 50%; margin-right: -10px; } ol.carousel-indicators {bottom:10px; text-align: left; margin: 5px; left: 15%; } ol.carousel-indicators li{background-color: #ffffff;vertical-align: middle;} ol.carousel-indicators .active { width: 14px; height: 14px; margin: 0; background-color: #444c4f; border: 3px solid #fff; } .carousel-inner{z-index: 0;} .carousel-control.left,.carousel-control.right{z-index: 1;} /*Adjust Mod. Edición */ .carousel-control { top: 22px; bottom: 22px; } /* end adjust mod. edición*/ #carousel-banner-magazine .carousel-control { top: 0px; bottom: 0px; width: 5%; font-size: 1.25em; min-width: 46px; } @media only screen and (min-width:992px){ #carousel-banner-magazine .carousel-control .typcn-chevron-left,#carousel-banner-magazine .carousel-control .fa-chevron-left { left: 30%; } } /** Content-slider **/ .texto-galeria{ position:absolute; background-color: rgba(255,255,255, 0.8); top: 20px;color: rgba(51,51,51, 1); /*opacity: 0.6;*/ left: 15%; right: 15%; padding: 15px; } .texto-galeria h3{color:#006f93;} .texto-galeria p{font-size: 0.9em;} /* CALENDARIO */ .work-calendar > thead{ border: 1px solid #F9F9F9;} .work-calendar thead tr > th.datepicker-month:nth-child(1){ padding: 10px 0px; } .work-calendar thead tr > th:nth-child(n){ padding: 0px;text-align:center; } .work-calendar > thead > tr > th.dow{ color: #F9F9F9; vertical-align:middle; background-color:#666666 ; border-color: #ddd; padding:10px 0px; font-size: 1em; text-align:center; border-bottom: 2px solid #666666; } .work-calendar > thead > tr > th.datepicker-month { color: #333333; background-color: #F9F9F9; border-color: #ddd; font-family: inherit; font-weight: 500; line-height: 0.785em;text-align:center; border-bottom: 2px solid #ddd; } .work-calendar > tbody{ border: 1px solid #666666; } .work-calendar > tbody > tr > td{ padding: 0px !important; } .work-calendar > tbody > tr > td.datepicker-day{padding: 0px;} .work-calendar > tbody > tr > td.datepicker-day.public-holiday-nac{background-color: #787A3E;color: #FFFFFF;cursor:pointer;} .work-calendar > tbody > tr > td.datepicker-day.public-holiday-auto{background-color: #6c548d;color: #FFFFFF;cursor:pointer;} .work-calendar > tbody > tr > td.datepicker-day.public-holiday-loc{background-color: #AF6228;color: #FFFFFF;cursor:pointer;} .work-calendar > tbody > tr > td.datepicker-day.no-month{color: #FFFFFF;} #filtroDescarga fieldset { border: none; margin: 0; padding: 0; } #filtroDescarga label { font-size:1em; font-family: Roboto, Arial, Helvetica, sans-serif; text-align: left; line-height: 26px; } #filtroDescarga label > input{ float:none; width: auto; } #filtroDescarga .tooltipstered label:hover{ text-decoration: underline dotted; /*background-color: #cef3ff;*/ cursor: help; } /*** Utility classes ***/ /* Utilities */ .visible{display:block;} .visibleline{display:inline-block;} .visibleinline{display:inline;} .oculto,span.selectLabelCommon_text.oculto {display:none;} .disabled {cursor:default;} .center-block { display: block; margin-right: auto; margin-left: auto; } .center-absolute { position: absolute; z-index:31; top:40%; left:40%; } .center-31{position:relative;z-index:31;} .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .esvisible { visibility: visible; } /*.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; }*/ .hidden { display: none !important; visibility: hidden !important; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .affix { position: fixed; } .has-feedback { position: relative; } .overflow-auto{overflow: auto!important;} .overflow-h{overflow-y: scroll!important;} .overflow-v{overflow-x: scroll!important;} /*MENSAJES INFORMATIVOS ----------------------------------------------*/ /*Mensaje error*/ .error { border:1px solid #911b1a; margin-bottom:25px; padding:20px; background:url(../../images/tuss_img/circulo_error.gif) no-repeat bottom right #cb3f27; color:#ffffff; } .error p {margin-bottom:12px; font-size:0.875em;} .error ul {margin-left:15px;} .error ul li {font-size: 0.9375em; list-style-type: disc;} /*mensaje error2*/ .error2 { font-weight:700; color:#333333; border-bottom:#cccccc 1px solid; font-size:0.875em; padding-top:2px; padding-bottom:15px; padding-left:30px; } /*mensaje aviso problema tecnico*/ /*mensaje detro de la pagina*/ .mensaje { margin-top:10px; border:#006f93 1px solid; padding:40px; padding-top:25px; text-align:center; min-height:100% } .mensaje input, .mensaje a {margin-top:18px;} /************* SEPARACION CON LINEAS ****************************/ /* LINEAS GRISES ---------------------------------------------------------*/ .linea, .linea2, .linea3, .sep, .lineaHome {border-bottom: 1px solid #DDDDDD;} .linea2 { margin-top:20px; margin-bottom:20px; height:1px; } .linea3 { margin-top:20px; margin-bottom:15px; } /** Customizer **/ /** Error handling **/ /* PANTALLAS DE ERROR -----------------------------------------------*/ /* Responsive-Utilities */ @media (max-width: 520px) { .info-box { padding: 90px 30px 35px 30px; background-position: 35px 25px; text-align: justify; } .info-box p { font-size: 1em; } } /** Grid from bootstrap **/ /*********************************** BRAND GUIDELINES **********************************/ /* Extra styles for displaying wordmarks, logos, etc. */ /** LOGOTIPOS **/ /** AULA **/ #myAula{ padding: 0;margin: 0; } #myAula .aviso-home li { list-style: disc; list-style-position: inside; } #myAula .header .logo .logAuladuo span{ font-size: 0.75em; font-weight: normal; font-family: 'Roboto',sans-serif; top: -20px; height: inherit; margin: 0px; padding: 0px; position: absolute; color: #666666; } #myAula .header .logo .logAula{ font-size:1.69em; font-family: 'Roboto',sans-serif; font-weight: bold; float: left; height: inherit; width: inherit; margin: 20px 10px 0px 20px; padding: 10px 0 0 10px; position: relative; color: #666666; } #myAula .header .logo .logAuladuo { font-size:1.69em; font-family: 'Roboto',sans-serif; font-weight: bold; float: left; height: inherit; width: 50%; margin: 30px 10px 0px 20px; padding: 10px 0 0 10px; position: relative; color: #666666; } #myAula .header .search-box { border-left: 1px solid #e5e5e5; font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 400; font-size: 0.9em; padding: 0px 12px 0px 12px; margin: 31px 0 0 0; height: 24px; position: relative; float: left; } #myAula .header .search-box .query { display: block; color: transparent; max-width: 150px; padding: 5px 5px 5px 5px; /*background: #ffffff url(../img/buscar-lupa.png) no-repeat 0px center;*/ border: none; height: 24px; color: #333333; font-size: 1em; margin: 0; position: relative; right: 0px; width: inherit; /*background: #ededed url(../img/buscar-lupa.png) no-repeat 126px center;*/ border: none; display: block; background: #ededed url(../img/buscar-lupa-azul.png) no-repeat 132px center; background-size: 12px; } #myAula .header .search-box .query:focus{max-width: 126px;height: 23px;} #myAula .main-menu-mobile .search-box .query:focus{max-width: 100%;} #myAula .header .search-box .query:focus +.ico-lens{ width: 24px;height: 23px;right:-10px; background: #ededed url(../img/buscar-lupa-azul.png) no-repeat center; background-size: 12px; } #myAula .main-menu-mobile .search-box .query:focus +.ico-lens{right: 12px;} #myAula .main-menu-mobile .search-box { border: none; width: 100%; margin: 0px 0 10px 0; } #myAula .main-menu-mobile .search-box .query{ max-width: 100%;width: 100%; margin-bottom: 10px; float: none; background-position: 99%; } #myAula .main-menu-mobile div + .navbar-toggle { top: 0; position: absolute; right: 0; } #myAula .subheader .main-menu .first-menu li { width:16.666%;padding: 0;height: 50px; } #myAula .subheader.unid7 .main-menu .first-menu li { width: 12.5%; padding: 0; } #myAula .hidden-sm .first-menu li.active li.open li a, #myAula .hidden-sm .first-menu li.active li.open li a:hover, #myAula .hidden-sm .first-menu li.active li.open li a:focus { background-color: #cef3ff; } #myAula .hidden-sm .first-menu li.open li.dropdown-submenu li a{ color: #444c4f; } #myAula .hidden-sm .first-menu li.open li.dropdown-submenu li.active a { background-color: #fee69d; } #myAula .hidden-sm .first-menu li.open li.dropdown-submenu li a:hover, #myAula .hidden-sm .first-menu li.open li.dropdown-submenu li a:focus{ color: #ffffff;background-color: #006f93; } #myAula section.aviso-home{display: grid;} #myAula .subheader{ color: #666666; margin: 0 auto; padding: 0px 15px; } #myAula .subheader .main-menu .first-menu li.active > a { color: #006f93; background-color: #fee69d; font-weight: 500; position: relative; vertical-align: middle; margin: 0; } #myAula .subheader .main-menu .first-menu li.active > a:before{ bottom: 2px; visibility:hidden; } #myAula .subheader .main-menu .first-menu li > a:hover { text-decoration:none; } #myAula .subheader .main-menu .first-menu li > a:hover:before { content: ''; width: 92%; height: 2px; position: absolute; left: 5%; background: #006f93; bottom: 2px; visibility:visible; } #myAula .subheader .main-menu .first-menu li a { color: #666666; background-color:#e2edf7; padding: 10px 5px; display: block; height: 50px; position:relative; font-weight: 400; } /*activar para ver submenu: Sin uso actual en Aula*/ #myAula .subheader .main-menu li.has-submenu:hover div.secondary-menu { visibility: visible; opacity: 1; } #myAula .hidden-sm .first-menu li.active a{ background-color:#fee69d;font-weight: 500; } /** uso para css. Se puede activar mediante js y suprimir la clase **/ #myAula .hidden-sm .first-menu li a[aria-expanded="true"] i.fa-caret-down:before, #myAula .hidden-sm .first-menu li li.dropdown-submenu.open a i.fa-caret-down:before { content: "\f0d8"; } /** caso indice **/ #myAula .box-title-index+ div ul li.dropdown.open a i.fa-caret-down:before, #myAula .box-title-index+ div ul li.dropdown.open li.dropdown.open a i.fa-caret-down:before{ content: "\f0d8"; } #myAula .box-title-index+ div ul li.dropdown.open li a i.fa-caret-down:before{ content: "\f0d7"; } /** **/ #myAula .hidden-sm .first-menu li.active li > a{ background-color: #ffffff; } #myAula .hidden-sm .first-menu li.active li > a:hover, .hidden-sm .first-menu li.active li > a:focus{ background-color: #006f93; } #myAula #a-units.dropdown-menu {width:100%;} #myAula .info-box {margin-top: 5px;} #myAula .box-title h2{ font-size:1.8em;margin: 0; } #myAula .box-title h3{ font-size:1.4em; } #myAula .box-title-index h2{ margin:0px; } /*#myAula .contenedores div:nth-child(n),*/ #myAula .areacontenedores div:nth-child(n){ font-size:92%; } #myAula .areacontenedores div div:nth-child(n){ font-size:100%; } #myAula .areacontenedores div:nth-child(n){ padding-left: 0; } #myAula .areacontenedores div div:nth-child(2){ padding-left:10px; } #myAula .areacontenedores .box-title-index+div:nth-child(2) { border: 2px solid #e4e4e4; } #myAula .areacontenedores .box-title-index~div:nth-child(2) ul[aria-expanded="true"]{ padding:10px; } #myAula .areacontenedores .box-title-index+div ul{ position:relative;float: none; -webkit-box-shadow:none; box-shadow: none; border: none; padding: 1px; font-size: 1em; } #myAula .areacontenedores .box-title-index+div ul li {margin:5px; float: none;} #myAula .areacontenedores .box-title-index+div ul li.dropdown.active { background-color: #006f93;} #myAula .areacontenedores .box-title-index+div ul li a{padding:0 5px; display: inline-table; width: 92%;} #myAula .areacontenedores .box-title-index+div ul li a+a { float: right;position: absolute;width: 20px; right: 0; } #myAula .areacontenedores .box-title-index+div ul li li li{ list-style-image: none; list-style-type: disc; } #myAula .areacontenedores .box-title-index+div ul li a:hover,#myAula .areacontenedores .box-title-index+div ul li a:focus{padding:0 5px;overflow: visible;} /*#myAula .contenedores div div:first-child,*/ /*Ajustes component*/ #myAula .areacontenedores div#accordion-index +div div{ padding:0px; } #myAula .areacontenedores div#accordion-index +div div.box-title, #myAula .areacontenedores div#accordion-index +div div.box-title+div { padding: 10px; } #myAula .areacontenedores div#accordion-index div:first-child{ margin:0px; } #myAula .areacontenedores div#accordion-index div{ padding:0px; } #myAula .areacontenedores div#accordion-index div.box-title, #myAula .areacontenedores div#accordion-index +div div.box-title+div { padding: 10px; } #myAula .areacontenedores div div:first-child{ margin-top: 10px; margin-bottom: 0px; padding: 10px; } #myAula .areacontenedores div > div.box-title{ margin-top: 10px !important; margin-bottom: 0px !important; padding: 10px; } #myAula .areacontenedores div div.box-title:first-child a > div{ padding: 0px; } #myAula .box-title-index a[aria-expanded="true"] div span{ background: url(../img/arrow_up.svg) center no-repeat; background-size: contain; background-position: 0 0; padding: 15px; } #myAula .box-title-index a[aria-expanded="false"] div span{ background: url(../img/arrow_down.svg) center no-repeat; background-size: contain; background-position: 0 -3px; padding: 15px; } #myAula .box-home-img-primaria a{ display: block; padding:30px; margin:0 5px 0 0; background-image: url(../img/home_dani.jpg); background-color: #e4e4e4;background-position: 0px; background-size: cover; background-origin: border-box; min-height: 313px;border:3px solid #006f93; } #myAula .box-home-img-secundaria a{ display: block; padding:30px; margin:0 5px; background-image: url(../img/home_alba.jpg); background-color: #e4e4e4;background-position: 0px; background-size: cover; background-origin: border-box; min-height: 313px;border:3px solid #006f93; } #myAula .box-home-img-profesores a{ display: block; padding:30px; margin:0 0 0 5px; background-image: url(../img/home_profe.jpg); background-color: #e4e4e4;background-position: 0px; background-size: cover; background-origin: border-box; min-height: 313px; border:3px solid #006f93; } #myAula .box-home-img-primaria a:hover, #myAula .box-home-img-primaria a:focus, #myAula .box-home-img-secundaria a:hover, #myAula .box-home-img-secundaria a:focus, #myAula .box-home-img-profesores a:hover, #myAula .box-home-img-profesores a:focus{ -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .5); box-shadow: inset 0 3px 5px rgba(0, 0, 0, .5); } #myAula .home-clic.box-home { padding:30px; margin:10px; min-height: 283px; /* 313px; */ } #myAula div.box-home-img-primaria +div.box-home {margin:10px 5px 0 0;} #myAula div.box-home-img-secundaria +div.box-home {margin:10px 5px 0;} #myAula div.box-home-img-profesores +div.box-home{margin:10px 0 0 5px;} #myAula .box-area { padding: 12px; background-color: #e4e4e4; /*overflow-x: scroll;*/ min-height: 313px; border: 3px solid #006f93; margin: 0px auto; width: inherit; text-align: center; } #myAula .box-area-w { padding: 12px; background-color: #ffffff; border: 3px solid #006f93; margin: 10px auto; width: inherit; text-align: center; } #myAula .keyboard{ float:right; } #myAula .box-area-text {float: left; padding: 30px; margin: 10px 0; min-height: auto; background-color: #e4e4e4; } #myAula .box-title { padding: 10px;background-color: #e4e4e4; color: #006f93; font-weight: 500;margin-top:10px; } #myAula .box-pagination { padding: 10px; background-color: #e4e4e4; } #myAula div.box-pagination > p { display: inline-block; position:relative; margin: 0; padding: 8px 16px; } #myAula .box-pagination ul.paginacion li a img { /*margin: -8px -16px; border-radius: 5px;*/ } #myAula p ~ ul.paginacion { display: inline-block; position:relative; } #myAula .box-pagination ul.paginacion { display: inline-block; padding: 0; margin: 0; float:right; } #myAula .box-pagination ul.paginacion li {display: inline; float: left; padding: 8px 16px; text-decoration: none; vertical-align: middle; overflow: hidden; max-width: 46px; max-height: 40px; } #myAula .box-pagination ul.paginacion li img { top: -8px; left: -16px; position: relative; } #myAula .box-pagination ul.paginacion li a { color: #333333; float: left; padding: 8px 16px; text-decoration: none;/*border-radius: 5px;*/ background-color: #e4e4e4; padding: 16px; margin: -17px; } #myAula .box-pagination ul.paginacion li a.active,#myAula ul.paginacion li:not(a) { background-color: #006f93; color: white;border-radius: 5px; } #myAula table caption{ border-bottom: 1px solid #e5e8e9; padding: 10px; font-weight: normal; font-size: 1em; text-align: left; text-indent: 0.9em; display: table-caption; font-family: Roboto, Arial, Helvetica, sans-serif; background-color: #ffffff; color: #006f93; } #myAula table>caption +thead > tr > th{ background-color: #e2edf7; border: 1px solid #e5e5e5; width: 40%; font-size: 1.05em; } #myAula table>caption+thead + tbody > tr > td{ text-align: left; vertical-align: middle; color: #333333; font-size: 0.9em; background-color: #fff; border: 1px solid #ddd; border-spacing: 1px; padding: 8px; line-height: 1.42857143; } #myAula table>caption+thead + tbody > tr:hover > td{ background-color: #494949;color: #fff; } #myAula .footer-main-links ul li.alone:after { content: ""; } #myAula .footer-utility-links ul li.alone:after { font-size: inherit; color: #444c4f; } #myAula .footer-utility-links ul li { display:inline-block; margin-right: 10px; padding: 5px; } #myAula .footer-utility-links ul li a { font-size: 90%; color: #444c4f; background: url(../img/u-link.svg)center no-repeat; padding: 5px 0px 5px 30px; background-position: 0 50%; background-size: 25px; } #myAula .footer-utility-links ul li a:hover, #myAula .footer-utility-links ul li a:focus { color: #006f93; background: url(../img/u-link-hover.svg)center no-repeat; background-position: 0 50%; background-size: 25px; } /*#myAula .footer-utility-links ul li a img{ background: url(../img/u-link.svg) center no-repeat; display: inline-block; float: left; padding: 12px; margin: -3px auto; background-size: 23px; background-size: contain; }*/ @media (max-width: 939px) { #myAula .row-header .header div.logo { font-size: 98%;line-height: inherit; color: #ffffff; text-align: center;background: none; padding: 10px 0 0 0; height: 70px; margin: 0 20%; } #myAula .row-header .header div.logo a:nth-of-type(2) { font-weight: 500; font-size: 1.1em; } #myAula .row-header .header div.logo a.mthome{ margin-top: 10px;width: inherit;display: inline-block; } #myAula .box-home-img-primaria { margin: 0 5px 0 10px;} #myAula .box-home-img-secundaria {margin: 0 5px; } #myAula .box-home-img-profesores { margin: 0 10px 0 5px;} #myAula div.box-home-img-primaria +div.box-home {margin:10px 5px 0 10px;} /*#myAula div.box-home-img-secundaria +div.box-home {margin:10px 5px 0;}*/ #myAula div.box-home-img-profesores +div.box-home{margin:10px 10px 0 5px;} #myAula .box-home-img-primaria a, #myAula .box-home-img-secundaria a, #myAula .box-home-img-profesores a{ margin:0; } #myAula .box-area, #myAula .box-area-w { overflow-x: scroll; } } @media (max-width: 767px) { #myAula .home-clic.box-home, #myAula div.box-home-img-primaria +div.box-home,#myAula div.box-home-img-secundaria +div.box-home,#myAula div.box-home-img-profesores +div.box-home{ float: right; padding: 15px; width: 47%;/* fallback if needed */ width: calc(47% - 1em); margin: 0 8px; } #myAula .keyboard{ float:none; } #myAula .box-home-img-primaria, #myAula .box-home-img-secundaria, #myAula .box-home-img-profesores{ float: left; margin: 0 0 0 8px; width: 47%; /* fallback if needed */width: calc(58% - 3em); } #myAula .contenedores div{margin-bottom:5px;}#myAula .home-clic.box-home{margin-bottom:5px;min-height: 313px;} #myAula .areacontenedores div:nth-child(2){font-size:90%;} #myAula .areacontenedores div:first-child{padding:0;} } @media (max-width: 640px) and (min-width: 767px){ #myAula .home-clic.box-home {margin:10px;padding:15px;} } @media (max-width: 640px) { #myAula .home-clic.box-home{float: none;width:auto;margin:10px;min-height: auto;} #myAula .box-area-text{ width:auto;margin:10px;min-height: auto; } #myAula .box-pagination ul.paginacion {float:none;} #myAula .box-home-img-primaria, #myAula .box-home-img-secundaria, #myAula .box-home-img-profesores , #myAula .box-area, #myAula .box-area-w{ float: none;width:auto;margin:10px;min-height: 150px; } #myAula .box-home-img-primaria{background-position: 0 -160px;} #myAula .box-home-img-secundaria{background-position: 0 -202px;} #myAula .box-home-img-profesores{background-position: 0 -50px;} #myAula .home-clic.box-home, #myAula div.box-home-img-primaria +div.box-home, #myAula div.box-home-img-secundaria +div.box-home, #myAula div.box-home-img-profesores +div.box-home{width:auto} #myAula .footer-submenu{margin-bottom:10px;margin-top: 10px;} #myAula .footer-main-links ul li.alone {min-height: inherit;border: transparent;} /*#myAula .footer-main-links .top-link {bottom: 20px;}*/ } @media (max-width: 425px) { #myAula div.box-pagination > p { font-size: 0.9em; display: block; text-align: center; } #myAula p + ul.paginacion { display: block; text-align: center; } #myAula .footer-utility-links ul li { display:block; } } /* Miscellaneous ** Odds and ends for optimum docs display. */ .nav-by-keyboard select:focus, .nav-by-keyboard select.focus, .nav-by-keyboard input:focus, .nav-by-keyboard input.focus, .nav-by-keyboard textarea:focus, .nav-by-keyboard textarea.focus, .nav-by-keyboard a:focus, .nav-by-keyboard a.focus, .nav-by-keyboard button:focus, .nav-by-keyboard button.focus, .nav-by-keyboard label:focus, .nav-by-keyboard label.focus, .nav-by-keyboard summary:focus { outline: #cc0000 solid 1px !important; } .nav-by-keyboard .footer-big-bg .footer-slider a:focus > img { outline: solid 1px #cc0000; } .nav-by-keyboard .table-condensed .focused.day > a { outline: #cc0000 solid 1px !important; } .nav-by-keyboard .panel-rel-footer a:focus{ /* outline:none !important;*/ } .nav-by-keyboard .carruselpie a:focus{ /*outline:none !important;*/ border:#cc0000 solid 1px !important; } .ie8 .btn, .ie8 .icon, .ie8 .icon-procedure, .ie8 .rounded, .ie8 .slick-button { position: relative; transform: scale(1); } .ie8 .top-link { transform: scale(1); } .ie8 .langs .rounded { padding: 0 10px !important; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .bs-row { position: relative; width: 100%; margin-left: auto; margin-right: auto; } /** ANCHOS **/ .ancho100{ width:100% !important; } .ancho90{ width:90% !important; } .ancho80{ width:80% !important; } .ancho85{ width:85% !important; } .ancho70{ width:70% !important; } .ancho60{ width:60% !important; } .ancho50{ width:50% !important; } .ancho40{ width:40% !important; } .ancho30{ width:30% !important; } .ancho20{ width:20% !important; } .ancho10{ width:10% !important; } .ancho8{ width:8%; } /**ALTOS**/ /** BORDE ---------------------------------------------------------------------*/ .bordegris {border: #dddddd 1px solid;} .bordeOut, ul.bordeOut li{border:0 !important;} .separador{ border-bottom: 2px solid #ededed;padding: 15px;} .separador-2{ padding: 0px;margin-top:15px;} .separador_texto{ border-bottom: #dddddd 1px solid;padding-bottom: 15px;} /** ESPACIOS PARA ELEMENTOS -----------------------------------------------*/ /*** Espacios interiores ***/ .espacio10{padding:10px;} .espacio15 { padding:15px;} .espacio20 { padding:20px;} .espacio30 { padding:30px;} .espacio40 { padding:40px;} .espacioInf10 { padding-bottom:10px; } .espacioInf20 { padding-bottom:20px; } .espacioSup15 { padding-top:15px; } .espacioSup10 { padding-top:10px; } .espacioSup5 { padding-top:5px; } .espacioSup0 { padding-top:0px !important; } /* MARGENES -----------------------------------------------------------------*/ .margen{margin:0px; padding:0px;} .margenes { margin-right:40px; margin-left:40px; } .mt0 { margin-top: 0px !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt35 { margin-top: 35px !important; } .mt40 { margin-top: 40px !important; } .mb0 { margin-bottom: 0px !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb35 { margin-bottom: 35px !important; } .mb40 { margin-bottom: 40px !important; } .ml0 { margin-left: 0px !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml35 { margin-left: 35px !important; } .ml40 { margin-left: 40px !important; } .mr0 { margin-right: 0px !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr35 { margin-right: 35px !important; } .mr40 { margin-right: 40px !important; } .mr50 { margin-right: 50px !important; } .pl0 { padding-left: 0px !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pr0 { padding-right: 0px !important; } .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .opcion{ padding: 6px 10px; } /***************************************************************/ /* PSEUDO MODALES */ /***************************************************************/ /*ESTILOS PARA TEXTOS PLANOS*/ /* GLOBALES */ /** ELEMENTOS FLOTANTES ---------------------------------------------------*/ .fl, .izqda { float: left; } .fr, .dcha { float: right; } .onlyone{width:100%;}ul.onlyone li{width:100%;} .onlytwo{width:50%;}ul.onlytwo li{width:50%;} .overflow-x-auto { overflow-x: auto !important; } .overflow-x-scroll { overflow-x: scroll !important; } .overflow-y-auto { overflow-y: auto !important; } .overflow-y-scroll { overflow-y: scroll !important; } /** --- **/ .rounded { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .center { text-align: center !important; } .clear{clear:both;} .clear-left{clear:left;} /*estilos slick customizados*/ .slick-prev:before, .slick-next:before{color:#006f93;} /** grey time **/ .slick-slide img { margin: 0px auto;width:60%; } .slick-slide a:hover img { visibility:hidden; } .slick-slide a:hover img[data-over-src] { visibility:visible; } .slick-slide a:hover { background-position: 50%; background-repeat: no-repeat; display: block; visibility: visible; } .slick-slide a{display:block;} @media (max-width: 480px) { .slick-slide img { margin: 0px auto; width: 30%; } } .slick-slide.one a:hover {background-image: url(../img/footer-slider-1.gif); } .slick-slide.two a:hover {background-image: url(../img/footer-slider-2.gif); } .slick-slide.three a:hover {background-image: url(../img/footer-slider-3.gif); } .slick-slide.four a:hover {background-image: url(../img/footer-slider-4.gif); } .slick-slide.five a:hover {background-image: url(../img/footer-slider-5.gif); } .slick-slide.six a:hover {background-image: url(../img/footer-slider-6.gif); } .slick-slide.seven a:hover {background-image: url(../img/footer-slider-7.gif); } .slick-slide.eight a:hover {background-image: url(../img/footer-slider-8.gif); } .slick-slide.nine a:hover {background-image: url(../img/footer-slider-9.gif); } /** **/ /*estilos portal*/ .wpthemeFrame{min-width:auto !important;} .wptheme1Col .wpthemeCol,.wptheme2Col .wpthemeCol,.wpthemeInner{width:auto !important;} .wptheme1Col{background-color:#f9f9f9;} .wpToolbarActionBar{ font: 75%/1.5 Arial, Helvetica, sans-serif; } .wpthemeControl { margin: 0 !important; } .lotusui30dojo.nav-by-keyboard.locale_es.edit-mode.toolbar-opened .home-servicios-tramites div:not(:target) div div{ height:100% !important; } .lotusui30dojo.nav-by-keyboard.locale_es.edit-mode.toolbar-opened .ibmPortalControl div.box-home{ left:-5% !important; } /* pruebas accesibilidad en mapa-web */ .ss-u-is-vishidden { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); border: 0 } .spc-btwn { display: flex; place-content: space-between; } .niv-content .panel-title > button.collapsed > span:before{ content: "\002b"; } button{ background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit; } /* Pruebas accesibilidad en normativa */ tr:hover .icono-boe, tr:hover .icono-doue, tr:hover .descarga, tr:hover .icono-clave, tr:hover .icono-fnmt, tr:hover .icono-bm, .icono-clave-white, .icono-fnmt-white, .icono-bm-white, .descarga-hover, .icono-boe-white, .icono-doue-white { display: none; } tr:hover .icono-boe-white, tr:hover .icono-doue-white, tr:hover .descarga-hover, tr:hover .icono-clave-white, tr:hover .icono-fnmt-white, tr:hover .icono-bm-white { display: inherit; } .icono-boe-white, .icono-boe { width: 49px; height: 26px; } td.download>a>img, .info table.datos>tbody>tr>td.download>a { padding: unset !important; } .table>tbody>tr>td.download { padding-top: 0px; padding-bottom: 0px; } .icono-doue, .icono-doue-white{ width: 76px; height: 22px; } /* Botón pausa carrusel slick */ .slider-pauseplay-carousel { width: 20px; height: 20px; position: absolute; float: right; display: block; bottom: -6px; right: 6px;left: -3px; z-index: 1; } .slider-pauseplay-carousel button { padding: 0px 3px !important; background-color: #ffffff; vertical-align: middle; display: inline-block; width: auto; margin: 2px; cursor: pointer; border: 1px solid #fff; width: 20px; height: 20px; border-radius: 50%; } .slider-pauseplay-carousel #pausaSlick, .slider-pauseplay-carousel #playSlick { background: #006f93; color: white; transition: background .15s ease-in-out; background-size: 80% !important; opacity: .75; display: flex; left: 5px; } #pausaSlick .glyphicon-pause, #playSlick .glyphicon-play { position: relative; font-family: 'Glyphicons Halflings'; font-size: 0.8125em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } article.text-block ol li { list-style-type: inherit; } /* Encuesta de satisfacción */ .btn-valuation { position: fixed; right: -96px; display: flex; flex-direction: row; flex-wrap: nowrap; align-content: stretch; justify-content: center; align-items: center; background-color: #f9cc39; padding: 0px; -webkit-box-shadow: -2px 3px 2px rgb(0 0 0 / 8%); box-shadow: -2px 3px 2px rgb(0 0 0 / 8%); cursor: pointer; -webkit-transition: right 200ms ease-out 300ms; -moz-transition: right 200ms ease-out 300ms; -o-transition: right 200ms ease-out 300ms; transition: right 200ms ease-out 300ms; z-index:1040; } .btn-valuation:hover , .btn-valuation:focus{ right: 0px; } .btn-valuation:focus{ outline: #cc0000 solid 1px !important; } .btn-valuation-300{ top: 300px; } @media (max-width: 600px){ .btn-valuation-300 { top: unset; bottom: 205px; } } .btn-valuation img { padding: 8px; } .box-valuation { background-color: #FFEDCB; max-width: 96px; font-family: 'Roboto'; box-sizing: border-box; line-height: 19px; padding: 11px 8px; } .modal_survey{z-index: 11001;} .modal_survey fieldset, #filtrosBusqueda fieldset{ border: none; margin: 0; padding: 0; } .modal_survey legend { font-size: 1em; border: none; margin-bottom: 20px; } .modal_survey .modal-dialog { position: relative; width: auto; margin: 10px; margin: 0; } .modal_survey .modal-title{ font-size: 1.25rem; font-family: 'OpenSans-SemiBold'; text-align: center; color: #3e74b4; } .modal_survey .modal-content { border-radius: 0rem; top: 0px; } .modal_survey .modal-header{ border: none; padding: 2rem 2rem 1.625rem; text-align: center; } .modal_survey .modal-body{ padding: 0 2rem; } .modal_survey .modal-footer { border: none; padding: 2rem 2rem 1.625rem; text-align: center; } .modal-header button.close { color: rgba(72,72,72,1); opacity: 1; font-size: 1.42857143em; } .star-assessment{ background: url(../img/star.svg) no-repeat; padding: 12px; background-size: contain; } .star-assessment:hover{ background: url(../img/star-assessment.svg) no-repeat; padding: 12px; background-size: contain; } .clasificacion select:focus, .clasificacion select.focus, .clasificacion input:focus, .clasificacion input.focus, .clasificacion input:focus+label, .clasificacion input.focus+label, .modal_survey .modal-body .radio input:focus~label::before, .clasificacion textarea:focus, .clasificacion textarea.focus, .clasificacion a:focus, .clasificacion a.focus, .clasificacion button:focus, .clasificacion button.focus, .clasificacion label:focus, .clasificacion label.focus { outline: #cc0000 solid 1px !important; } .clasificacion{ direction: rtl;/* right to left */ unicode-bidi: bidi-override;/* bidi de bidireccional */ text-align: left; padding-left: 20px; } label:hover ~ label img { background-image: url(../img/star-assessment.svg); background-repeat: no-repeat; } .clasificacion input[type = "radio"]:checked ~ label img{ background-image: url(../img/star-assessment.svg); background-repeat: no-repeat; } .modal_survey .form-group { margin-bottom: 36px; } .modal_survey .form-group:last-child { margin-bottom: 18px; } .modal_survey .modal-body .radio label, .modal_survey .modal-body .form-group label{ font-size:1rem; } .modal_survey .modal-body .radio label:before { padding: 0px; margin: 0px 12px 0px 0px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; height: 1.25rem; display: inline-block; width: 1.25rem; font-size: 1rem; text-align: center; color: rgba(0, 0, 0, 0.3); content: ""; vertical-align: text-bottom; box-sizing: content-box; /* content: "\25cf"; */ /* content: "\25cb"; */ /* background: url(img/circle.svg)top left no-repeat !important; */ background-color: transparent; background-size: contain; background-image: url(../img/circle.svg); background-origin: content-box; background-position: center; background-repeat: no-repeat; } .modal_survey .modal-body .radio input:checked~label::before { background-image: url(../img/circle-check.svg); } .modal_survey .modal-body textarea{ width: 100%; max-width: 100%; min-height: 91px; border-color: #e4e4e4; } .modal_survey .modal-body textarea+p{ font-style: italic; } #gratitude-layer { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); } #gratitude-layer>div:first-child { margin:0; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); height: 100%; vertical-align: middle; text-align: center; width:inherit; border:1px solid #ebebeb; padding:5px; background:rgba(255, 255, 255, 1); display: flex; flex-direction: column; align-content: center; justify-content: center; align-items: stretch; } #gratitude-layer .title { font-size: 1.8125rem; line-height: 38px; color: #3E74B4; margin-bottom: 11px; text-align: center; opacity: 1; } #gratitude-layer .text { font-size: 1rem; line-height: 21px; color: #394249; margin-bottom: 11px; text-align: center; opacity: 1; } #gratitude-layer .buttons { font-size: 1rem; line-height: 21px; color: #394249; margin-bottom: 11px; text-align: center; opacity: 1; padding: 2rem 2rem 1.625rem; text-align: center; } @media all and (min-width: 768px) { .modal_survey .modal-dialog { position: relative; width: 607px; margin: 10px auto; } .modal_survey .modal-content { /* padding: 2rem; */ top: 44px; } } /** themeSimple Public Access # bloque__elemento--modificador # Internet poin-hero__p--modificador**/ @font-face { font-family: "Inter"; src: url(../fonts/Inter/Inter-VariableFont_slnt,wght.ttf); src: url(../fonts/Inter/Inter-VariableFont_slnt,wght.ttf) format("truetype"); } .poin-header__container { margin: 12px 37px; } .poin-hero { display: flex; background: #046080; padding: 40px 52px; flex-direction: column; align-items: flex-start; gap: 32px; color:#ffffff; } .poin-hero__body { font-family: Inter; font-style: normal; } .poin-hero__container { width:100%; } .poin-hero__title { color: #FFF; font-family: Inter; font-size: 3rem; font-style: normal; font-weight: 600; line-height: 60px; letter-spacing: 0.058px; } .poin-hero__p { color: #FCFCFC; font-family: Inter; font-size: 1.1875rem; font-style: normal; font-weight: 400; line-height: 28.5px; letter-spacing: 0.023px; } .poin-hero__p p{ margin: 0; } .poin-services { padding: 40px 32px 40px 52px; } .poin-services__head { color: #000; font-family: Inter; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 34px; letter-spacing: 0.029px; } .poin-services__body { display: flex; flex-direction: column; } .poin-services__container { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; } .poin-services__component { display: flex; align-items: stretch; align-content: flex-start; gap: 32px; align-self: stretch; flex-wrap: wrap; list-style-type: none; display: grid; grid-template-columns: repeat(3, 1fr); /* 25% 25% 25% 25%;*/ } .poin-services:last-child ul.poin-services__component { grid-template-columns: repeat(2, 1fr); /* 50% 50%; */ } .poin-services__card { border-radius: 8px; border: 1px solid var(--primary-50, #E6EFF2); background: var(--basic-white, #FFF); box-shadow: 0px 0px 24px 0px rgba(0, 0, 0, 0.02); padding: 16px; display: inline-flex; justify-content: space-between; align-content: space-between; width: 100%; flex-direction: column; flex-wrap: wrap; } .poin-services__card--title { overflow: hidden; color: #000; text-overflow: ellipsis; font-family: 'Inter'; font-size: 1.1875rem; font-style: normal; font-weight: 700; line-height: 28.5px; letter-spacing: 0.023px; margin: 0 0 4px; } .poin-services__card--procedure { display: -webkit-box; -webkit-box-orient: vertical; /* -webkit-line-clamp: 1;*/ align-self: stretch; max-width: 416px; flex: auto; } .poin-services__card-metadata { display: flex; padding: 2px 8px; justify-content: center; align-items: flex-start; gap: 8px; color: #057399; font-family: 'Inter'; font-size: 0.875rem; font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: 0.017px; border-radius: 4px; background: #E6F9FF; width: fit-content; } .poin-services__title{ color: #000; font-family: 'Inter'; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 34px; letter-spacing: 0.029px; margin: 0 0 32px; } .poin-services__card--procedure-link { display: flex; /*width: 448px; padding: 16px;*/ flex-direction: row; justify-content: center; align-items: center; gap: 16px; margin: 0; } .poin-services__card--link{ color: #046080; font-family: 'Inter'; font-size: 1rem; font-style: normal; font-weight: 700; line-height: 22px; /* 137.5% */ letter-spacing: 0.019px; margin: 0; } .poin-services:first-child + hr { border-top: solid 2px #B3B3B3; display: flex; flex-direction: column; align-items: flex-start; margin: 0px 32px 0px 52px; } .organism-logo { border-radius: 8px; display: flex; justify-content: center; align-items: center; /* background: url(), lightgray 50% / cover no-repeat;*/ } .poin-advice{ display: flex; padding: 40px 52px 40px 16px; flex-direction: column; align-items: flex-start; gap: 24px; flex: 1 0 0; } .poin-advice__box--warning{ border-radius: 16px; background: #FFE9CC; padding: 32px; } .poin-advice__box--warning p{ margin-bottom: 1.5rem; } .poin-advice__box--warning p:last-child{ margin-bottom: 0rem; } .warning-logo { display: inline-block; margin-bottom: 1.5rem; } @media (max-width: 783px) { .warning-logo { display: inline-block; margin-bottom: 1rem; width: 38px; } } .poin-advice__title{ color: #4D2B00; font-family: 'Inter'; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 34px; /* 141.667% */ letter-spacing: 0.029px; display: inline-block; vertical-align: baseline; margin: 0; } section.poin-featured__main-links { margin-bottom: 0; padding: 0; position: relative; padding: 6px 10px 5px 0px; color: #ffffff; } section.poin-featured__main-links nav { margin-bottom: 0; display: grid; /*grid-template-columns: auto auto;*/ grid-column-gap: 32px; grid-row-gap: 40px; padding: 64px 64px 20px; flex-direction: column; align-items: flex-start; align-self: stretch; grid-template-columns: auto auto; padding: 0px 64px 20px; } section.poin-featured__main-links .poin-footer__bottom-items-ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: space-between; padding: 0; margin: 0; list-style: none; gap: 8px 32px; grid-template-columns: auto auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: flex; width: 100%; flex-wrap: nowrap; flex-direction: column; gap: 0px 32px; display: grid; width: auto; } section.poin-featured__main-links .poin-footer__bottom-items-ul li { margin-left: 1rem; margin: 0 0 0.5rem 0; -ms-flex-preferred-size: content; flex-basis: content; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; line-height: 1.625rem; padding-right: 32px !important; padding-left: 0; width: auto; } section.poin-featured__main-links .poin-footer__bottom-items-ul li a { font: normal normal normal 0.85rem/1.125rem "Inter",sans-serif; letter-spacing: 0.01125rem; color: #FFFFFF; opacity: 1; text-decoration: underline; font-weight: 400; line-height: 23px; letter-spacing: 0.017px; text-decoration-line: underline; padding-right: 8px; font-size: 1rem; } @media (max-width: 939px){ section.poin-featured__main-links { font-size: 0.92857em; } } @media (min-width: 768px) and (max-width: 991px){ .poin-links__title{ padding: 32px 64px 0px !important; } section.poin-featured__main-links nav { padding: 0px 64px 20px; /* 32px 64px 20px; */ } } @media (max-width: 767px){ .poin-links__title{ padding: 32px 16px 0 !important; } section.poin-featured__main-links nav { margin-bottom: 0; display: grid; grid-template-columns: auto auto; grid-column-gap: 32px; grid-row-gap: 20px; display: flex; padding: 64px; flex-direction: column; align-items: flex-start; align-self: stretch; grid-template-columns: auto auto; padding: 0px 16px 32px; } } @media (min-width: 1px) and (max-width: 719px){ section.poin-featured__main-links { font-size: 0.92857em; } } footer .poin-footer { background-color: #022633; height: auto; } footer .poin-footer__bottom-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.875rem; } footer .poin-footer__bottom-items ul{ margin-left:0; } footer .poin-footer__bottom-items-ul { display: -webkit-box; display: -ms-flexbox; display: flex; /*align-items: center;*/ /*justify-content: center;*/ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; margin: 0; list-style: none; /*gap: 8px 32px;*/ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin: 0; text-align: left; align-items: flex-start; /* float: left; */ width: 100% !important; flex-direction: row; flex-wrap: nowrap; } footer .poin-footer__bottom-items-ul li { margin-left: 1rem; margin: 0 0 0.5rem 0; -ms-flex-preferred-size: content; flex-basis: content; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; line-height: 1.625rem; padding-right: 32px !important; width: auto; } footer .poin-footer__bottom-items-ul li:first-child { margin-left: 0; } footer .poin-footer__bottom-items-ul li a { font: normal normal normal 0.85rem/1.125rem "Inter",sans-serif; letter-spacing: 0.01125rem; color: #FFFFFF; opacity: 1; text-decoration: underline; font-weight: 400; line-height: 23px; letter-spacing: 0.017px; text-decoration-line: underline; /*padding-right: 8px;*/ font-size: 1rem; } footer .poin-footer__text { color: #FFF; font-size: 0.875rem; font-style: normal; font-weight: 700; line-height: 23px; letter-spacing: 0.017px; margin: 1.5rem 0 0 0; } footer .poin-footer--logo { padding:1rem 0; background: #022633; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 64px 20px ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } footer .poin-footer__main-links + .poin-footer--logo { padding:1rem 0; background: #022633; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px 64px 64px ; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 40px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } footer .poin-footer--copyright { padding:1rem 0; background: #01131A; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 32px 64px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; gap: 16px; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } footer .poin-footer__bottom-copy { margin: 0.5rem 1rem 0 0; font: normal normal normal 0.875rem/1.125rem "Inter",sans-serif;; letter-spacing: 0.01125rem; color: #FFFFFF; opacity: 1; text-align: left; } footer .poin-footer__main-links { margin-bottom: 0; padding: 0; } footer .poin-footer__main-links nav { margin-bottom: 0; display: grid; grid-template-columns: auto auto; grid-column-gap: 32px; grid-row-gap: 40px; /* display: flex; */ padding: 64px 64px 20px; flex-direction: column; align-items: flex-start; align-self: stretch; grid-template-columns: auto auto; } footer .poin-footer__bottom-links .portlet { margin-bottom: 0; } footer .poin-footer__bottom-links .portlet-title-text { display: none; } footer .poin-footer__main-links .poin-footer__bottom-items-ul { display: -webkit-box; display: -ms-flexbox; display: flex; /* align-items: center; */ /* justify-content: center; */ -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0; margin: 0; list-style: none; gap: 8px 32px; grid-template-columns: auto auto; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; display: flex; width: 100%; flex-wrap: nowrap; flex-direction: column; } footer .poin-footer__main-links .poin-footer__bottom-items-ul li:after { line-height: normal; } footer .poin-footer__main-links .poin-footer__bottom-items-ul li:after { content:none; } .poin-links__title { color: #ffffff; font-family: 'Inter'; font-size: 1.5rem; font-style: normal; font-weight: 600; line-height: 34px; letter-spacing: 0.029px; margin-top: 0; padding: 64px 64px 0px; margin-bottom: 8px; } @media (max-width: 639px){ footer .footer-main-links.poin-footer__main-links ul li { border: none; line-height: normal; min-height: auto; } } @media (max-width: 767px) { .poin-services__component { display: flex; align-items: flex-start; align-content: flex-start; gap: 32px; align-self: stretch; flex-wrap: wrap; list-style-type: none; /* display: grid;*/ grid-template-columns: auto ; } .poin-advice, .poin-services,.poin-hero{ padding: 16px; } .poin-services:first-child + hr{ margin: 16px; } footer .poin-footer__main-links nav { margin-bottom: 0; display: grid; grid-template-columns: auto auto; grid-column-gap: 32px; grid-row-gap: 20px; display: flex; padding: 64px; flex-direction: column; align-items: flex-start; align-self: stretch; grid-template-columns: auto auto; padding: 32px 16px; } footer .poin-footer__main-links + .poin-footer--logo{ padding: 32px 16px; } footer .poin-footer__bottom-copy { margin: 1rem 0 1rem 0; } footer .poin-footer__bottom-links .poin-footer__bottom-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; text-align: center; } footer .poin-footer__main-links .poin-footer__bottom-items-ul{ gap: initial; } footer .poin-footer__bottom-links .poin-footer__bottom-items li { margin: 0.5rem 0 0 0; margin: 0 0 0.5rem 0; padding: 0; text-align: left; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin: 0; } footer .poin-footer__bottom-links .poin-footer__bottom-items-ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; /*column; */ -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px 0px; margin: 0 0 0.5rem 0; } footer .poin-footer--logo { padding: 12px 16px; } footer .poin-footer--copyright { padding: 32px 16px; } } @media (min-width: 768px) and (max-width: 991px) { .poin-services__component { display: flex; align-items: stretch; align-content: flex-start; gap: 32px; align-self: stretch; flex-wrap: wrap; list-style-type: none; display: grid; grid-template-columns: auto auto; } footer .poin-footer__bottom-copy { margin: 1rem 0 1rem 0; } footer .poin-footer__bottom-links .poin-footer__bottom-items { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column; flex-flow: column; text-align: center; } footer .poin-footer__bottom-links .poin-footer__bottom-items li { margin: 0.5rem 0 0 0; margin: 0 0 0rem 0; padding: 0; text-align: left; } footer .poin-footer__bottom-links .poin-footer__bottom-items-ul { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; /*column; */ -ms-flex-wrap: wrap; flex-wrap: wrap; } footer .poin-footer__main-links .poin-footer__bottom-items-ul{ gap: initial; } footer .poin-footer--logo, footer .poin-footer__main-links nav, footer .poin-footer__main-links + .poin-footer--logo { padding:12px 64px 20px; /*padding: 64px 16px;*/ } footer .poin-footer--copyright { padding: 32px 64px 16px; } } @media (min-width: 1200px){ .poin-services__component { display: flex; align-items: stretch; align-content: flex-start; gap: 32px; align-self: stretch; flex-wrap: wrap; list-style-type: none; display: grid; grid-template-columns: repeat(4, 1fr) ; } } footer .row { margin-right: 0; margin-left: 0; } footer .row > [class^=col-], footer .row > [class*=" col-"] { padding-right: 10px; padding-left: 10px; } .poin-is-vishidden { position: absolute !important; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); border: 0; } footer .modal-backdrop { background: none; } footer .poin-container { margin-left: auto; margin-right: auto; /*max-width: var(--screen-width-max);*/ width: 100%; } footer .row > [class^=col-].poin-content-container, footer .row > [class*=" col-"].poin-content-container { padding-left: 2rem; padding-right: 4rem; } @media (min-width: 768px) and (max-width: 991px) { footer .row > [class^=col-].poin-content-container, footer .row > [class*=" col-"].poin-content-container { padding-left:1rem; padding-right:1rem; } } @media (max-width: 767px) { footer .row > [class^=col-].poin-content-container, footer .row > [class*=" col-"].poin-content-container { padding-left:1rem; padding-right:1rem; } } @media (max-width: 767px) { footer .row > [class^=col-].poin-content-container > .portlet-content-container, footer .row > [class*=" col-"].poin-content-container > .portlet-content-container { margin-left: -32px; margin-right: -32px; } } @media (min-width: 768px) and (max-width: 991px) { footer .row > [class^=col-].poin-content-container .portlet-column-first#column-1, footer .row > [class*=" col-"].poin-content-container .portlet-column-first#column-1 { padding-right:1rem; } } @media (min-width: 992px) { footer .row > [class^=col-].poin-content-container .portlet-column-first, footer .row > [class*=" col-"].poin-content-container .portlet-column-first { padding-right: 2rem; } } @media screen and (min-width: 1920px) { footer .row > [class^=col-].poin-content-container .portlet-column-first, footer .row > [class*=" col-"].poin-content-container .portlet-column-first { padding-right: 2rem; } } /** clay ref **/ .d-none, .hide { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: flex !important; } .d-inline-flex { display: inline-flex !important; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: flex !important; } .d-sm-inline-flex { display: inline-flex !important; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: flex !important; } .d-md-inline-flex { display: inline-flex !important; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: flex !important; } .d-lg-inline-flex { display: inline-flex !important; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !important; } .d-xl-table { display: table !important; } .d-xl-table-row { display: table-row !important; } .d-xl-table-cell { display: table-cell !important; } .d-xl-flex { display: flex !important; } .d-xl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: flex !important; } .d-print-inline-flex { display: inline-flex !important; } }