/*--------------------------------------------------------------- ---------------------------- Comunes ---------------------------- ---------------------------------------------------------------*/ html > body {background: #e9e9e9; font-family:'Gob';} a {text-decoration:none; color:#2d67a6;} a:hover {text-decoration:none;} strong {font-weight: bold;} em {font-style: italic;} .ayuda {color: #797979; font-size: .95em; font-style: italic;} .embed {position: relative;} .embed {height: 200px;} .embed iframe {position: absolute; left: 0; top: 0; width: 100% !important; height:100% !important;} .jcarousel { position: relative; overflow: hidden; max-height: 31em; overflow: hidden;} .jcarousel ul { height: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .iconos-redes {} .iconos-redes ul {list-style: none;margin: 0;padding: 0;text-align: right;} .iconos-redes ul li {display: inline-block;padding: 0;} .iconos-multimedia {} .iconos-multimedia ul {list-style: none; margin: 0; padding: 0; text-align: right;} .iconos-multimedia ul li {margin-left: .5em; display: inline-block; padding: 0px 3px;} .iconos-multimedia ul li:nth-child(1) {margin-left: 0;} /* FIN Comunes */ /*-------------------------------------------------------------- ---------------------------- Header ---------------------------- --------------------------------------------------------------*/ #header {} #header .container {position: relative; z-index: 1; background: #ffffff;} #header .content1 {background: none repeat scroll 0 0 #f2f2f2;} #header .content1 .container-fluid .row.row-common.row-1 {display: flex; align-items: center;} #header .abrir_menu {font-size: 1.2em; display: none; text-align: center;} #header .abrir_menu a {padding: .5em 1em; display: block; color: #f0f0f0;} #header .row-1 .opciones-superior ul {list-style: outside none none; margin: 0; padding: 0; display: flex;} #header .row-1 .opciones-superior ul li {display: inline-block; height: 40px; padding: 9px 2%; } #header .row-1 .opciones-superior ul li:nth-child(1) { border-left: none; padding-left:0; } #header .row-1 .opciones-superior ul li:last-child { border-right: none; } #header .row-1 .banners-superior ul { margin: 0; padding: 0;} #header .row-1 .banners-superior ul li { display: inline-block; padding:.5em 0; max-width: 49%;} #header .row-1 .banners-superior ul li img {max-width: 110px;} #header .row-1 .redes-superior ul { margin: 0; padding: 0;} #header .row-1 .redes-superior ul li { display: inline-block; padding:.2em 0; } #header .row-1 .redes-superior ul li a img {max-width: 20px; height: auto;} #header .row-1 .buscador {position: relative;} #header .row-1 .buscador #search_texto { border: 2px solid #0e6cb6; border-radius: 20px; padding: .1em 26px .1em 10px; background-color:transparent; height: 30px; width: 100%; max-width: 14.5em;} #header .row-1 .buscador #search_texto:focus { box-shadow: 0 0 2px #0265A8;} #header .row-1 .buscador .form-group { margin: 0; margin-top: .3em;} #header .row-1 .buscador .ico-buscar { position: absolute; top: 0; right: .65em; } #header .row-2 {position: relative; max-height:250px; overflow:hidden;} #header .row-2 .bg {} #header .row-1 .busqueda {display: flex; gap: 15px; align-items: center; justify-content: center;} #header .row-1 .busqueda .ico-contraste {margin-top: 4px;} #header .row-2 .logotipo { position: absolute; z-index: 10; top: 0; left: 0; height:100%; max-width:300px;} #header .row-2 .logotipo img {height: 100%; width: auto; max-width:100%; margin-left: 1.5em;} #header .row-3 .navegacion-principal { margin-top: 2px; position: relative; background: #0174B5;} #header .row-3 .navegacion-principal ul {margin: 0 -15px; padding: 0;} #header .row-3 .navegacion-principal ul li {display: inline-block; font-size: 1.2em; } #header .row-3 .navegacion-principal ul li a {display: block; border-left: 1px solid #E1F0FD; color: #ffffff; padding: 0.6em 1.3em 0.4em; text-decoration: none;} #header .row-3 .navegacion-principal ul li a:hover { color:#FDD20F; } #header .row-3 .navegacion-principal ul li:nth-child(1) a { border: none; } #header .row-3 .navegacion-principal > ul > li > ul {} #header .row-3 .navegacion-principal > ul > li > ul > li {display: block; color: #393939; font-size: 1em;} #header .row-3 .navegacion-principal > ul > li > ul > li a {color: #393939;} #header .row-3 .navegacion-principal > ul > li > ul > li a:hover {color: #393939;} #header .row-3 .navegacion-principal .dropdown-hover:hover .dropdown-menu {display: block;} /*--------------------------------------------------------------- ---------------------------- Sidebar ---------------------------- ---------------------------------------------------------------*/ #sidebar {padding-left: 0; padding-right: 35px;} #sidebar .rotulo { color: #0e6cb6; font-family: "GobL"; font-size: 2em; margin:0; } #sidebar .rotulo.twitter { background-image: url("../img/bg/back_twitter.png"); background-position: left top; background-repeat: no-repeat; margin-bottom: 10px !important; padding-bottom: 10px; padding-left: 60px; margin-top: 5px; } #sidebar .rotulo.youtube { background-image: url("../img/bg/back_youtube.png"); background-position: right bottom; background-repeat: no-repeat; letter-spacing: -0.5px; margin-bottom: 10px !important; margin-top: 20px; padding-right: 40px; padding-top: 30px;} #sidebar .noticias-recientes {margin-bottom: 2em;} #sidebar .noticias-recientes .articulo {margin-top: 1em; margin-bottom: 1em;} #sidebar .noticias-recientes .articulo:nth-child(1) {margin-top: 0;} #sidebar .noticias-recientes .articulo .titular {font-size: 1.3em; font-weight: normal; text-align: justify; margin: 0;} #sidebar .noticias-recientes .articulo .titular a {color: #03264C;} #sidebar .noticias-recientes .articulo .fecha {color: #898989; font-size: .9em;} #sidebar .listado-comun {margin-bottom: 2em;} #sidebar .listado-comun li {font-size: 1em; margin-bottom: .5em;} #sidebar .listado-comun li a {display: block; padding: .5em; background: #f0f0f0; border: 1px #c9c9c9 solid;} #sidebar .listado-comun li a:hover {background: #e9e9e9; text-decoration: none; border: 1px #898989 solid;} #sidebar .listado-comun li.rotulo {font-size: 1.5em; margin: 1em 0 0;} #sidebar .listado-comun li.rotulo:nth-child(1) {margin: 0;} #sidebar .acciones {border: none; border-top: 1px #0E6CB6 solid; background: none;} #sidebar .acciones ul {} #sidebar .acciones ul li {} #sidebar .acciones ul li a {} #sidebar .jcarousel-wrapper {position: relative;} #sidebar .jcarousel-control-prev, #sidebar .jcarousel-control-next {background:url(../img/sprite.png) no-repeat; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; width:35px; height: 35px; position: absolute; left: 42%; z-index: 10;} #sidebar .jcarousel-control-prev {background-position: 0 -220px; top: 0em;} #sidebar .jcarousel-control-next {background-position: -83px -220px; bottom: .5em;} /*--------------------------------------------------------------- ---------------------------- Footer ---------------------------- ---------------------------------------------------------------*/ #footer { background: url("../img/bg/bg-footer-1600x420_3.png") no-repeat scroll center bottom #019BDB; background-size: 100% auto; position: relative; text-align: center;} #footer .row .redes-pie { padding-bottom: 3em; padding-top: 1em; } #footer .row .redes-pie ul { margin: 0; padding: 0;} #footer .row .redes-pie ul li { display: inline-block; padding:6px 0; } #footer .menu-principal { padding-bottom:10em; } #footer .menu-principal .menu-item { float: left; margin: 0 1%; width: 18%; } #footer .menu-principal .menu-item .rotulo { color: #fff; font-family: "GobB"; font-size: 1.2em; font-weight: normal; text-align: left; } #footer .menu-principal .menu-item ul { padding-left: 15px; text-align: left; } #footer .menu-principal .menu-item ul li { color: #005baa; } #footer .menu-principal .menu-item ul li .icono-bullet {width: 5px; height: 5px; background-position: -109px -55px; margin-bottom: .3em; left: -.8em; position: relative; margin-right: -.5em;} #footer .menu-principal .menu-item ul li a { color: #fff; font-size: 1.1em;} #footer .direccion { color: #fff; padding-bottom: 5px; text-align: left;} /* Cambios por precaución */ /*#footer {background: #019BDB;} #footer .row .redes-pie { padding-bottom: 0; }*/ #pie-pagina { width:100%; background-color:#fff;} #pie-pagina .container {position: relative;} #pie-pagina .foto-logo { top: -19px; position: relative; } #pie-pagina .list-links { padding-top: 5px;} #pie-pagina .list-links li:nth-child(1) { margin-left: 1em;} #pie-pagina .list-links li { color: #666; font-size: .8em; margin-right: 20px; float: left;} #pie-pagina .list-links li a { color: #666; } #pie-pagina .list-w3c { padding-top: 5px; margin-left:0px; } #pie-pagina .list-w3c li { margin-left: 10px; list-style:none; margin-right:0px } #promulgacion-pri-elqui .link { margin-top: 25px; } #planos-detalle-pri-elqui .link { margin-top: 25px; } #promulgacion-pri-limari .link { margin-top: 25px; } #guia-planes-detalle-pri .link { margin-top: 25px; } #promulgacion-pri-elqui { margin-bottom: 25px;} #planos-detalle-pri-elqui { margin-bottom: 25px;} h1.titular-planes-reguladores { margin-top: 0px; color: #428bca; } /*-------------------------------------------------------------- --------------------- Carrusel de Banners --------------------- --------------------------------------------------------------*/ .carrusel-banners { position: relative; } .carrusel-banners .articulo {margin: .5em; text-align: center;} .carrusel-banners .articulo img { max-width: 100%; height: auto; } .carrusel-banners .owl-buttons {} .carrusel-banners .owl-buttons div {position: absolute; top: 2.3em; background:url(../img/sprite.png) no-repeat; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left; width: 35px; height: 35px;} .carrusel-banners .owl-buttons .owl-prev { background-position: 0 -135px; left: 0; } .carrusel-banners .owl-buttons .owl-next { background-position: -83px -135px; right: 0; } /*--------------------------------------------------------------- ----------------------------- Otros ----------------------------- ---------------------------------------------------------------*/ .ico {text-indent: -9999px;} .ico a {display: block; height: 100%;} .icono {background:url(../img/sprite.png) no-repeat; display: inline-block; overflow: hidden; text-indent: -9999px; text-align: left;} .icono.icono-videocamara {background-position: -114px 0; width: 18px; height: 13px;} .icono.icono-camara {background-position: -182px 0; width: 17px; height: 15px;} @font-face { font-family: 'Gob'; font-weight: normal; font-style: normal; src: url('../fonts/gobCL_Regular.eot'); src: local('☺'), url('../fonts/gobCL_Regular.woff') format('woff'), url('../fonts/gobCL_Regular.ttf') format('truetype'), url('../fonts/gobCL_Regular.svg#webfont3jnenQ5S') format('svg'); } @font-face { font-family: 'GobL'; font-weight: normal; font-style: normal; src: url('../fonts/gobCL_Light.eot'); src: local('☺'), url('../fonts/gobCL_Light.woff') format('woff'), url('../fonts/gobCL_Light.ttf') format('truetype'), url('../fonts/gobCL_Light.svg#webfont3jnenQ5S') format('svg'); } @font-face { font-family: 'GobB'; font-weight: normal; font-style: normal; src: url('../fonts/gobCL_Bold.eot'); src: local('☺'), url('../fonts/gobCL_Bold.woff') format('woff'), url('../fonts/gobCL_Bold.ttf') format('truetype'), url('../fonts/gobCL_Bold.svg#webfont3jnenQ5S') format('svg'); } /*--------------------------------------------------------------------------- --------------------------- Global - Responsive ---------------------------- -------------------------------------------------------------------------*/ @media only screen and (min-width: 1600px) { } @media only screen and (min-width: 1720px) { } @media only screen and (max-width: 1199px) { #header .row-1 .buscador #search_texto { max-width: none;} #header .content1 .container-fluid .row.row-common.row-1 {display: inherit; } #pie-pagina .foto-logo {top: 0; text-align: center; } #pie-pagina .list-links {list-style: none;} #pie-pagina .list-links li {float: none; display: inline-block;} #pie-pagina .list-links, #pie-pagina .list-w3c {text-align: center;} } @media only screen and (max-width: 991px) { #header .abrir_menu {display: block;} #header .row-1 {margin-bottom: 1.5em;} #header .row-1 .opciones-superior ul {text-align: center;} #header .row-1 .opciones-superior ul li { border: none; padding:.5em 1em;} #header .row-1 .opciones-superior ul li:nth-child(1) { padding:.5em 1em; } #header .row-1 .banners-superior ul {text-align: center;} #header .row-1 .redes-superior ul {text-align:center;} #header .row-3 .navegacion-principal ul {display: none; position: static; float: none;} #header .row-3 .navegacion-principal ul li {display: block; text-align: center;} #header .row-3 .navegacion-principal ul li a {border: none;} #sidebar {padding-left: 15px; padding-right: 15px;} .embed {height: 300px;} #footer .row .redes-pie {padding-bottom: 10em;} } @media only screen and (max-width: 767px) { #footer {padding-top: 2em; background-size: contain;} #footer .row .redes-pie {margin: 0; padding: 10em 0 0;} #footer .row .redes-pie ul {text-align: center !important;} #footer .menu-principal .menu-item {float: none; width:auto; margin-bottom: 3em;} #footer .menu-principal .menu-item .rotulo {text-align: center;} #footer .menu-principal .menu-item ul {text-align: center; padding: 0; list-style: none;} #footer .menu-principal .menu-item ul li a {} #footer .direccion {text-align: center;} /* Cambios por precaución */ #footer .row .redes-pie {padding: 0;} } @media only screen and (max-width: 480px) { #header .content1 .container-fluid .row.row-common.row-1 {display: inherit; margin-bottom: 5px;} #header .row-1 .redes-superior ul li a img {max-width: 100%;} #header .row-1 .redes-superior ul {display:none;} } /*--------------- Buscador avanzado ---------------*/ .ui-datepicker { background: #fff; padding: 10px 15px; border: 1px solid #ccc; border-radius: 10px; box-shadow: 0 0 20px #ccc; font-size: 13px; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker-next {padding: 0 10px;} .ui-datepicker .ui-datepicker-title {text-align: center;} .ui-datepicker-calendar tr td {text-align: center; padding: 3px;} /*------------------------Contraste -------------------------*/ body.contraste {background: #000000 !important; color: #fff !important;} body.contraste *, body.contraste { background-color: #000000 !important; color: #ffffff !important; }