/*PLANA-1695 Calendario BOAM - Limitar fechas*/
/* Estilo para el padre cuando el hijo (el enlace) tiene la clase "disabled" */
.prev:has(a.disabled), .prev-year:has(a.disabled), .next:has(a.disabled), .next-year:has(a.disabled) {
background-color: #FFF !important; /* Cambia el color de fondo del padre */
cursor: default !important;
}
a.disabled:after{
color: #e3e1e1 !important;
}
/*FIN PLANA-1695 Calendario BOAM - Limitar fechas*/
/* Esto es para portales framework con cabecera movil para no superponer*/
.col-md-12.reducida.visible-md-block.visible-lg-block ~ .col-md-12 div#readspeaker_button1{
z-index: 1 !important;
}
div#readspeaker_button1 {
width: 50%;
z-index: 11 !important;
}
div#readspeaker_button1.rsexpanded {
width: auto;
}
/* PLANA-1406 Buscador de oposiciones. No se visualiza la sección en movil */
@media screen and (max-width: 991px) {
#nxc .summary {
display: block !important;
}
.nxc-nav .menuVertical {
display: block;
}
}
/* FIN PLANA-1406 Buscador de oposiciones. No se visualiza la sección en movil */
/* PLANA-327 [SUSCRIPCIONES] - Actualizar modelo actual */
.menuVertical.normal .popupMenuSocial, .menuVertical.normal .popupMenuSocialSeguir{
z-index: 1 !important;
}
.col-md-3.visible-md-block.visible-lg-block .menuVertical.social.hidden-print.nocontent .formMenuVerticalMas{
top: -45px;
display: block;
float: right;
position: relative;
}
.menuVertical .formMenuVerticalMas{
display: block;
float: right;
}
.menuVertical.normal .botonesCompartir .text{
display: none;
}
.menuVertical.normal .btnMenuVerticalCompartir:hover .text, .menuVertical.normal .btnMenuVerticalFavoritos:hover .text, .menuVertical.normal .btnMenuVerticalRss:hover .text, .menuVertical.normal .btnMenuVerticalCSV:hover .text {
display: inline-block !important;
}
.menuVertical.normal .botonesCompartir #listTareas .text{
display: none;
}
.menuVerticalMovil.normal.hidden-print.nocontent.menuSocialFooter {
display: none!important;
}
.button.buttonNuevo {
background-color: #003df6;
font-size: 1.25em;
text-align: center;
line-height: 30px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
color: #fff;
width: 115px;
margin: 0px 0px 0px 0px;
font-size: 18px;
padding-right: 0px;
}
.menuSocialFooter.social .botonesCompartir .btnMenuVerticalMas::before, .menuSocialFooter.social .botonesCompartir{
font-size: 1.6875em;
}
.col-md-3.nxc-nav .menuVertical.normal .botonesCompartir,.col-md-3.visible-md-block.visible-lg-block .botonesCompartir{
margin-top: 8px;
}
.col-md-3.visible-md-block.visible-lg-block .menuVertical .separadorIzq {
padding: 1px;
top: -6px;
position: relative;
}
.col-md-3.nxc-nav .menuVertical.normal .botonesFuenteImprimir, .col-md-12.visible-md-block.visible-lg-block .botonesFuenteImprimir{
position: relative;
top: 5px !important;
}
.menuVerticalMovil.normal.hidden-print.nocontent .botonesFuenteImprimir,.col-md-3.visible-md-block.visible-lg-block .botonesFuenteImprimir,.col-md-12.visible-md-block.visible-lg-block .botonesCompartir {
top: 10px;
position: relative;
}
.col-md-12.visible-md-block.visible-lg-block .menuVertical.normal.hidden-print.nocontent{
position:relative;
z-index:10;
}
@media screen and (max-width: 993px) {
#nxc .menuVerticalMovil.social.hidden-print.nocontent.menuSocialFooter{
display: none!important;
}
.menuVertical.normal.hidden-print.nocontent.menuSocialFooter{
display:flex;
justify-content:center;
}
.col-md-3.visible-md-block.visible-lg-block:has(.formMenuVerticalMas.bottonAdaptado){
display:block!important;
}
.col-md-3 .menuVertical.social.hidden-print.nocontent .btnMenuVerticalFavoritos,
.col-md-3 .menuVertical.social.hidden-print.nocontent .btnMenuVerticalCompartir,
.col-md-3 .menuVertical.social.hidden-print.nocontent .btnMenuVerticalRss,
.col-md-3 .menuVertical.social.hidden-print.nocontent .popupMenuSocial{
display: none !important;
}
.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalCSV::before,.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalCompartir::before,.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalFavoritos::before,.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalHelp::before,.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalInstagram::before,.col-md-3.visible-md-block.visible-lg-block
.menuVertical.social .btnMenuVerticalMas::before,.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalRss::before,.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalSeguir::before,
.col-md-3.visible-md-block.visible-lg-block .menuVertical.social .btnMenuVerticalSpeaker::before{
top: auto;
}
.col-md-3.visible-md-block.visible-lg-block .menuVertical.social.hidden-print.nocontent .enlacesMenuVertical{
flex-wrap: wrap;
}
.col-md-3.visible-md-block.visible-lg-block .menuVertical.social.hidden-print.nocontent .botonesCompartir{
display:block !important;
}
.col-md-3.visible-md-block.visible-lg-block .social .formMenuVerticalMas .listaCompartirEn{
display:flex;
justify-content: space-between;
}
.col-md-3.visible-md-block.visible-lg-block .enlacesMenuVertical .compartir-link:before{
left: 7px;
}
.listaCompartirEn>li:first-child{
margin-top:25px;
}
.listaCompartirEn>li{
margin: 25px 10px 0px 0px;
}
/* ?
.col-md-3.visible-md-block.visible-lg-block:has(.formMenuVerticalMas),.col-md-3.visible-md-block.visible-lg-block:has(.social){
display:block!important;
}*/
.menuVertical .enlacesMenuVertical {
position: static;
}
.col-md-12.visible-md-block.visible-lg-block #menuVertical{
display:flex;
justify-content: center;
}
/*intento poner la banda gris*/
.nxc-nav .enlacesMenuVertical:has(+ .menu.menu-active), .col-md-3.visible-md-block.visible-lg-block .enlacesMenuVertical:has(+ .menu.menu-active) {
display: none!important;
}
.col-md-3.visible-md-block.visible-lg-block .menuVertical .nxc-toggle-link {
background: #e9e8e8;
margin: 30px 30px 0;
}
.col-md-3.visible-md-block.visible-lg-block .menuVertical .menu{
margin: 0px 30px 0px;
}
.nxc-nav .menuVertical.social .btnMenuVerticalCSV::before,.nxc-nav .menuVertical.social .btnMenuVerticalCompartir::before,.nxc-nav .menuVertical.social .btnMenuVerticalFavoritos::before,.nxc-nav .menuVertical.social .btnMenuVerticalHelp::before,.nxc-nav .menuVertical.social .btnMenuVerticalInstagram::before,.nxc-nav
.menuVertical.social .btnMenuVerticalMas::before,.nxc-nav .menuVertical.social .btnMenuVerticalRss::before,.nxc-nav .menuVertical.social .btnMenuVerticalSeguir::before,
.nxc-nav .menuVertical.social .btnMenuVerticalSpeaker::before{
top: auto;
}
.nxc-nav .enlacesMenuVertical {
display: flex;
justify-content: center;
background: white;
flex-wrap: wrap;
}
.nxc-nav .enlacesMenuVertical .button.buttonNuevo.button-icon.reducida {
top: 5px;
}
.botonesFuenteImprimir{
display:none;
}
.menuVerticalMovil.social.hidden-print.nocontent.menuSocialFooter{
display: block;
}
.col-md-3.visible-md-block.visible-lg-block .enlacesMenuVertical{
display: flex;
justify-content: center;
}
#listTareas .btnMenuVerticalRss {
margin-right: 0px;
}
.menuVertical.normal .botonesCompartir {
justify-content: center;
}
.menuVertical.normal .botonesCompartir .buttonNuevo {
left: -20px;
}
.col-md-3.visible-md-block.visible-lg-block:has(.menuVertical.normal.hidden-print.nocontent) {
display: block !important;
top: 5px;
}
.col-md-12.reducida.visible-md-block.visible-lg-block{
display: block !important;
float: inherit;
top: 0%;
margin-bottom: 40px;
}
.col-md-3.visible-md-block.visible-lg-block .botonesCompartir{
margin-top: 0px;
float: none;
display: flex;
justify-content: center;
}
.mainContent{
margin-top: 0px !important;
}
.menuVertical .menu > li > a{
top: 0px !important;
}
.formMenuVerticalMas.bottonAdaptado {
order: 2;
}
.separadorIzq{
display: none;
}
.menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalCSV:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalCompartir:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalFavoritos:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalHelp:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalInstagram:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalMas:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalRss:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalSeguir:hover .text, .menuSocialFooter .enlacesMenuVertical .botonesCompartir .btnMenuVerticalSpeaker:hover .text{
font-size: 15px;
top: 30px;
}
.menuVerticalMovil {
display: flex;
padding: 10px 0px 20px 0px;
}
.menuVertical.social div#listTareas,
.menuVertical.social .botonesCompartir .botonesFuenteImprimir {
position: relative;
top: 0px;
}
}
/* FIN PLANA-327 [SUSCRIPCIONES] - Actualizar modelo actual */
/* FIX POR-24-0901 */
@media screen and (max-width: 992px) {
.visible-md-block.visible-lg-block .menuVertical .menu {
background: #f4f3f3;
display: none;
}
.visible-md-block.visible-lg-block .menuVertical .menu.menu-active {
display: block;
}
.menuVertical .formMenuVerticalMas {
top: 25px!important;
}
.menuVertical.social.menuSocialFooter .botonesCompartir {
font-size: 1em;
}
.menuVertical.social.menuSocialFooter .botonesCompartir > a {
border-top: none !important;
}
.menuVertical.social.menuSocialFooter .btnMenuVerticalFavoritos {
font-size: 1.08em;
}
}
.menuVertical.social .enlacesMenuVertical {
margin-top: 35px;
}
.menuVertical.social div#listTareas,
.menuVertical.social .botonesCompartir .botonesFuenteImprimir {
position: absolute;
top: -35px;
}
.col-md-3.nxc-nav .menuVertical.normal .enlacesMenuVertical .botonesCompartir,
.col-md-3.visible-md-block.visible-lg-block .enlacesMenuVertical .botonesCompartir {
margin-top: 3px;
}
/* FIN FIX POR-24-0901 */
/* PLANA-1277 [Bibliotecas] - Visualización de buscadores de actividades y bibliotecas */
.pagination > li {
z-index: 1;
position: relative;
}
/*FIN PLANA-1277 [Bibliotecas] - Visualización de buscadores de actividades y bibliotecas */
/* PLANA-1273 [Calidad Aire] - Rellenar hueco de Twitter (X) */
@media (min-width: 768px) {
.miIframe {
top: -25px;
}
.ampliarImagen > img {
height: 235px;
}
.col-sm-3.destacados{
top: 45px;
}
.title2.ayunAreasGobiernoTitle.TituloDestacados{
top: 43px;
position: relative;
}
}
/* PLANA-1112 Segundo informe AENOR (Dic-2023) */
.tiny-text a,.info-actividad a, .summary-intro a, .modal-alert a,.accordion-content a {
text-decoration: underline;
}
/* FIN PLANA-1112 Segundo informe AENOR (Dic-2023) */
/* PLANA-327 [SUSCRIPCIONES] - Actualizar modelo actual */
@media (min-width: 768px) {
.button.button4.reducida {
margin-left: -182px;
top: -6px;
width: 150px;
z-index: 2;
}
}
.menuVertical .formMenuVerticalMas .reducida .text {
color: #fff;
opacity: 1 !important;
font: inherit !important;
position: relative;
display: block;
}
/* FIN PLANA-327 [SUSCRIPCIONES] - Actualizar modelo actual */
/* PLANA-1053 [Contribuyente] - Salto de página indeseado al hacer scroll */
span#EspacioReducido {
display: block;
padding-top: 90px;
}
/* FIN PLANA-1053 [Contribuyente] - Salto de página indeseado al hacer scroll */
/* El buscador se queda bloqueado sin poder clickar*/
.navigation-bar .search-toggle-cont{
position: relative;
z-index:2;
}
/* FIN El buscador se queda bloqueado sin poder clickar*/
/*PLANA-816 [Contribuyente] No se puede imprimir toda la información de un trámite*/
@media print {
.accordion-item {
display: block !important;
}
}
/*FIN PLANA-816 [Contribuyente] No se puede imprimir toda la información de un trámite*/
@media (min-width: 992px){
.searcher-form .searcher-link {
margin-right: 300px;
}
}
/*ultimo estilos distritos*/
@media screen and (min-width: 992px){
#cabecera23 .navigation-bar.navigation-bar-toggle.navigation-bar-active .searcher-form .col-xs-2 {
margin-right: 105px;
margin-top: 10px !important;
}
#cabecera23 .navigation-bar-ico.nb-search {
margin-top: 15px;
right: 17%;
}
}
@media screen and (max-width: 767px) {
#cabecera23 .searcher-form .searcher-link:after{
top: 10px;
}
#cabecera23 .navigation-bar.navigation-bar-toggle.navigation-bar-active .searcher-form .col-xs-2 .button {
left: 30px;
}
#cabecera23 .navigation-bar.navigation-bar-toggle.navigation-bar-active .searcher-form .row {
margin-top: 8px;
}
}
#cabecera23 .navigation-bar.navigation-bar-toggle.navigation-bar-active .search-toggle-cont {
padding: 0px 15%;
}
@media (min-width: 767px){
#cabecera23 .brand {
padding: 0px 16%;
}
#cabecera23 .navigation-bar.navigation-bar-toggle.navigation-bar-active .searcher-form .col-xs-2 {
margin-top: 30px;
}
}
/* FIN ultimo estilos distritos */
/* Estilo para eliminar Twitter */
.twitter #tweetsDiv{
display:none !important;
}
/* FIN Estilo para eliminar Twitter */
/*PLANA-317: Ajuste de dropdown del menu de calidad aire*/
.simple li:last-child ul.reducida ul.bisnieto {
left: -100%;
}
/* Estilo para que aparezca el chatbot delante*/
#root{
z-index: 501;
position: relative;
}
/* FIN estilo para que aparezca el chatbot delante*/
/* Estilos para la nueva cabecera reducida, nuevo buscador y elementos fixed */
.datepicker table.table-condensed tbody tr td.active{
z-index:1 !important;
}
.reducida .menuVertical.normal .popupMenuSocial{
width: 100%;
}
@media (min-width: 767px) and (max-width: 991px){
.reducida .searcher-form label,.reducida .searcher-form .searcher-link:after,.reducida .navigation-bar-active .searcher-toggle:after{
top: -10px;
}
.modal-alert{
top: 31px;
}
.reducida .header-logo {
top: -10px;
position: relative;
}
.reducida .breadcrumbs{
position:relative !important;
top: 0px !important;
z-index: 4;
}
}
@media (max-width: 991px){
.modal-alert{
top: 24px;
}
.reducida .navigation-bar.navigation-bar-toggle{
width: inherit;
position: relative !important;
}
.brand.reducida {
position: relative !important;
width: 100% !important;
display: block !important;
min-height: 79px;
}
.brand.reducida .logo, .brand .nombrePortal, .brand .multiIdioma{
display: none;
}
}
@media (min-width: 992px){
.idioma {
top: 10px;
left: 0px !important;
}
.reducida .navigation-bar.navigation-bar-toggle.navigation-bar-active .search-toggle-cont {
background-color: black;
}
.brand.reducida .logo {
margin-left: 0px;
right: -5px;
padding: 18px 0px 0 0;
top: 10px;
}
.reducida .searcher-form label .placeholder {
font-size: 1.2em;
}
.reducida .navigation-bar .search-toggle-cont {
background: 0 black;
outline: 1px solid white;
outline-offset: -15px;
}
.navigation-bar .search-toggle-cont {
height: 40px !important;
display: flex !important;
}
.reducida .navigation-bar .search-toggle-cont .searcher-form label .placeholder {
color: #FFF;
}
.reducida .searcher-form .searcher-link:after {
color: #fff !important;
top: 5px;
font-size: 28px;
right: 10px;
}
.brand.reducida h1 {
margin: 25px 0 0 10px;
padding-left: 10px;
border-left: 1px solid white;
top: 10px;
position: relative;
}
.brand.reducida {
min-height: 79px;
}
.reducida .searcher-item {
height: 32px;
color: #FFF!important;
font-size: 1.2em;
}
.reducida .searcher-form label {
margin-left: 25px;
border-right: 1px solid white;
margin-right: 15px;
}
.reducida .searcher-form .searcher-link {
margin-right: 25px;
}
.reducida .searcher-form .searcher-link {
margin-right: 19px;
width: 28px;
height: 28px;
}
.reducida .searcher-form {
padding: 0px 0 0;
top: 20px;
position: relative;
}
.reducida .searcher-form label {
margin-left: 40px;
border-right: 1px solid white;
}
.reducida .navigation-bar .search-toggle-cont .searcher-form label .placeholder {
top: 8px;
}
}
@media (max-width: 991px){
.modal-alert{
top: 24px;
}
.reducida .navigation-bar.navigation-bar-toggle{
width: inherit;
position: relative !important;
}
.idioma select {
background-position: 35px -5px !important;
height: 30px !important;
right: 180px !important;
top: -45px !important;
}
.brand.reducida {
position: relative !important;
width: 100% !important;
display: block !important;
}
.brand.reducida .logo, .brand .nombrePortal, .brand .multiIdioma{
display: none;
}
}
@media (min-width: 767px) and (max-width: 991px){
.reducida .searcher-form label,.reducida .searcher-form .searcher-link:after,.reducida .navigation-bar-active .searcher-toggle:after{
top: -10px;
}
.modal-alert{
top: 31px;
}
.reducida .header-logo {
top: -10px;
position: relative;
}
.idioma select {
background-size: 45px 45px !important;
height: 70px !important;
position: absolute !important;
top: -73px !important;
right: 200px !important;
background-position: 20px 14px !important;
}
}
@media (min-width: 992px){
.idioma {
top: 10px;
left: 0px !important;
}
.reducida .navigation-bar.navigation-bar-toggle.navigation-bar-active .search-toggle-cont {
background-color: black;
}
.brand.reducida .logo {
margin-left: 0px;
right: -5px;
padding: 18px 0px 0 0;
top: 10px;
}
.reducida .searcher-form label .placeholder {
font-size: 1.2em;
}
.reducida .navigation-bar .search-toggle-cont {
background: 0 black;
outline: 1px solid white;
outline-offset: -15px;
}
.reducida .navigation-bar .search-toggle-cont .searcher-form label .placeholder {
color: #FFF;
}
.reducida .searcher-form .searcher-link:after {
color: #fff !important;
top: 5px;
font-size: 28px;
right: 10px;
}
.brand.reducida h1 {
margin: 25px 0 0 10px;
padding-left: 10px;
border-left: 1px solid white;
top: 10px;
position: relative;
}
.reducida .searcher-item {
height: 32px;
color: #FFF!important;
font-size: 1.2em;
}
.reducida .searcher-form label {
margin-left: 25px;
border-right: 1px solid white;
margin-right: 15px;
}
.reducida .searcher-form .searcher-link {
margin-right: 25px;
}
.reducida .searcher-form .searcher-link {
margin-right: 19px;
width: 28px;
height: 28px;
}
.reducida .searcher-form {
padding: 0px 0 0;
top: 20px;
position: relative;
}
.reducida .searcher-form label {
margin-left: 40px;
border-right: 1px solid white;
}
.reducida .navigation-bar .search-toggle-cont .searcher-form label .placeholder {
top: 8px;
}
}
/* FIN Estilos para la nueva cabecera reducida, nuevo buscador y elementos fixed */
/*PLANA-317 buscador en la barra superior de portal madrid*/
.searcher-link-2 {
color: #fff !important;
background-color: transparent;
border: none;
}
.searcher-link-2:after {
line-height: 100%;
position: inherit;
content: "b";
font-family: AytMadIcons;
color: #fff;
text-indent: 0;
text-transform: none;
font-size: 24px;
margin-right: -5px;
margin-left: 0px;
}
@media (max-width: 991px) {
.searcher-link-2 {
color: #fff !important;
background-color: transparent;
border: none;
}
.searcher-link-2:after {
line-height: 100%;
position: inherit;
content: "b";
font-family: AytMadIcons;
color: #fff;
text-indent: 0;
text-transform: none;
font-size: 24px;
margin-right: -5px;
margin-left: 0px;
}
.sidebar-ico:after {
line-height: 100%;
position: absolute;
content: "a";
font-family: AytMadIcons;
color: #fff;
text-indent: 0;
font-size: 22px;
top: 0;
right: auto;
bottom: auto;
left: 0;
text-transform: none;
top: -15px !important;
}
.searcher-form {
display:none;
}
.search-field .searcher-item{
display:none;
}
}
@media (max-width: 991px) {
.searcher-link {
position: relative;
width: 28px;
height: 28px;
display: inline-block;
margin: 12px 0 0;
top: -15px;
}
.searcher-link:after {
line-height: 100%;
position: absolute;
content: "b";
font-family: AytMadIcons;
color: #fff;
text-indent: 0;
top: 0;
right: 0;
bottom: auto;
left: auto;
text-transform: none;
font-size: 25px
}
.searcher-link span {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize;
display: block
}
.navigation-bar-active .searcher-toggle:after {
content: "c"!important;
color: #fff
}
.navigation-bar {
position: relative;
height: 55px;
display: block !important
}
.navigation-bar.navigation-bar-toggle.navigation-bar-active .main-menu,.navigation-bar.navigation-bar-toggle.navigation-bar-active .main-menu-ico {
display: none
}
.navigation-bar.navigation-bar-toggle.navigation-bar-active .searcher-form {
display: block
}
.navigation-bar.navigation-bar-toggle.navigation-bar-active .nb-search {
border-left: 1px solid rgba(255,255,255,.2)
}
.navigation-bar.navigation-bar-toggle .searcher-form {
display: none
}
.navigation-bar-ico {
position: absolute;
top: 0;
z-index: 10;
width: 55px;
height: 55px;
text-align: center
}
.navigation-bar-ico.nb-menu {
left: 0
}
.navigation-bar-ico.nb-search {
right: 0
}
.navigation-bar-ico.nb-search .searcher-link.searcher-toggle:focus {
border: 1px dotted #fff
}
.search-toggle-cont {
padding-right: 55px
}
.sidebar-ico {
position: relative;
width: 22px;
height: 22px;
display: inline-block;
cursor: pointer;
margin: 17px 17px 0;
}
.sidebar-ico:after {
line-height: 100%;
position: absolute;
content: "a";
font-family: AytMadIcons;
color: #fff;
text-indent: 0;
font-size: 22px;
top: 0;
right: auto;
bottom: auto;
left: 0;
text-transform: none
}
.sidebar-ico>span {
text-indent: -119988px;
overflow: hidden;
text-align: left;
text-transform: capitalize
}
.header-logo .text-tm {
margin-top: 3px;
}
}
/*Nuevo posicionamiento compartir*/
@media (max-width: 991px){
.reducida .breadcrumbs{
position: relative !important;
top: 0px !important;
}
}
.col-md-12.reducida.visible-md-block {
float: right;
width: 100%;
top: -45px;
}
/* FIN nuevo posicionamiento compartir*/
/* Se agrega flecha en MMD Submenu*/
.reducida .flecha:after {
font-family: AytMadIcons;
content: "d";
float: right;
position: relative;
top: -25px;
right: 5px;
}
/* estilo que pone menú despegable de cabecera reducida efecto relieve */
.nav5 li ul.reducida{
top: 100%;
box-shadow: 0px 0px 5px black;
width: 210px;
}
/* estilo que hace desaparecer el mapa de OAC */
#nuevoMapa{
display: block;
}
/* FIN estilo que hace desaparecer el mapa de OAC */
/* cambios del portal de internacionalización*/
.contenedor.inter .buscador{
margin-bottom: -50px;
}
.nav5 li ul.reducida {
top: 100%;
}
.header.reducida{
background-color: white !important;
}
/*FIN cambios del portal de internacionalización*/
/* INICIO Nueva Home de PORTAL TRANSPARENCIA */
.reducida #menuVertical{
padding-top: 0px;
top: 15px;
position: relative;
margin-bottom: -10px;
z-index: 2;
}
.bg-fluid1.reducida {
background-color:white;
}
.contenedor.inter .buscador .imgBuscador{
margin-left: 20px;
width: 92%;
}
.contenedor.inter .buscador .saberMas{
padding-left: 15px;
}
.contenedor.inter .buscador div:first-child{
padding-right: 24px;
}
.contenedor.inter .categorias.transparencia.loMas {
position: relative;
bottom: 30px;
}
.otrosSitios .contenedor.inter .categorias{
padding: 0px 20px 0px 20px;
}
.contenedor.inter .submenu .verMas {
position: absolute;
right: 35%;
top: 130px;
}
.contenedor.inter .transparencia a{
text-decoration: none;
}
.contenedor.inter .categorias.puedeinteresar a{
text-decoration: none;
color: black;
}
.contenedor.inter .categorias.puedeinteresar a:hover{
text-decoration: underline;
color: #003df6;
}
.contenedor.inter .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}
.contenedor.inter .active, .dot:hover {
background-color: blue;
}
.contenedor.inter .publicidadActiva .categorias.card{
width: 430px;
float: left;
margin-left: 24px;
right: 24px;
position: relative;
}
.contenedor .categorias.gris{
background-color: #F8F9F9;
}
.contenedor.inter h2{
color: black;
font-size: 1.76em;
padding: 0px 10px 20px 20px;
}
.contenedor.inter .categorias img.m-autolr{
margin-left: auto;
margin-right: auto;
}
.otrosSitios .contenedor.inter {
padding: 10px 0px 20px 0px;
margin-bottom: 30px;
}
.contenedor.inter .text-center button{
border: 0px;
background-color: transparent;
padding-top: 20px;
}
.contenedor.inter .encabezadoNegro img{
position:relative;
top: 13px;
left: 13px;
}
.contenedor.inter .buscadorTransparencia input{
border-color: blue;
border-radius:25px;
height: 50px;
padding: 20px;
}
.contenedor.inter .buscadorTransparencia button {
left: 88%;
bottom: 36px;
position: relative;
border: none;
cursor: pointer;
appearance: none;
background-color: inherit;
}
.contenedor.inter .categorias.card .submenu p{
text-align: left;
font-size: 14px;
font-weight: 300;
margin-bottom: 6px;
}
.contenedor.inter .categorias.card .submenu a{
font-size: 12px;
}
.contenedor.inter .categorias.card .submenu.moviles a{
bottom: 25px;
right: 5px;
}
.contenedor.inter .categorias.card .submenu .cerrar:after {
content: "c";
font-family: AytMadIcons;
position: absolute;
right: 17px;
}
.contenedor.inter .categorias.card .submenu{
display: flex;
flex-wrap: wrap;
position: relative;
text-align: center;
}
.contenedor.inter .categorias.card .submenu.moviles {
background-color: #F8F9F9;
box-shadow: 0px 0px 5px black;
top: 30% !important;
z-index: 1;
width: 105%;
height: 120%;
border-radius: 10px;
padding: 20px;
right: 16px;
}
.contenedor.inter .prevNextImagenes.col-xs-1 {
width: 5%;
height: 100%;
align-items: center;
display: flex;
}
.contenedor.inter .prevNextImagenes.col-xs-1 button{
border: 0px;
background-color: white;
}
.contenedor.inter .imagenesTransparencia {
width: 120%;
}
.contenedor.inter .tituloImagen {
background-color: black;
color: white;
font-weight: bold;
width: 100%;
bottom: 5px;
position: relative;
height: 60px;
padding: 10px 10px 10px 10px;
font-size: 18px;
}
.contenedor.inter .selectImagen{
width: 23%;
overflow: hidden;
padding: 0px;
margin: 1%;
}
.contenedor.inter .imagenesTransparencia img {
height: 140px;
}
.contenedor.inter .selectImagen:hover .tituloImagen{
background-color: blue;
transition: .9s;
}
.contenedor.inter .selectImagen:hover >img{
transform: scale(1.1);
transition: .7s;
}
.contenedor.inter .categorias.card img{
float: left;
position: relative;
bottom: 35px;
height: 70px;
}
.contenedor.inter .categorias.card a{
bottom: 42px;
position: relative;
font-size: 20px;
text-align: center;
}
.contenedor.inter .categorias.card .menu p {
font-size: 22px;
text-align: left;
padding-left: 100px;
}
.contenedor.inter .categorias.card .menu {
display: block;
position: relative;
top: 25%;
}
.contenedor.inter .categorias.card{
border: 1px blue solid;
border-radius: 10px;
margin:5px;
font-weight: bold;
font-size: 16px;
background-color: #F8F9F9;
height: 125px;
}
.contenedor.inter .categorias.separador {
border-right: 2px solid blue;
}
.contenedor.inter .categorias.mySlides h3{
font-weight: bold;
font-size: 18px;
color: black;
}
@media (max-width: 769px){
.contenedor.inter .categorias.separador{
border-right:none;
}
}
.text-white{
color: white !important;
left: 65px;
position: relative;
bottom: 25px;
}
.encabezadoNegro{
background-color: black;
border-radius: 5px 5px 0px 0px;
height: 64px;
position: relative;
bottom: 10px;
}
.iconoMenu{
margin-right: 2px
}
/* FIN Nueva home TRANSPARENCIA*/
/* PLANA-198: toogle password/text */
@import url("./bootstrap-icons.css");
::-ms-reveal {
display: none; /* deshabilitamos la funcionalidad del ojito en Edge porque ya la implementamos para todos los navegadores */
}
input.pwdEye {
display: inline !important;
}
form i.bi {
margin-left: -30px;
cursor: pointer;
}
/* Maquetación viñetas del home de internacionalizacion */
.contenedorFlex.inter .tituloVineta {
z-index:1;
padding-left: 5px;
padding-right: 60px;
padding-top: 10px;
padding-bottom: 4%;
display: block;
width: 100%;
position: relative;
margin-top: -5px;
color: white;
font-size: 1em;
font-weight: bold;
background-color: blue;
}
.contenedorFlex.inter .fechaVineta {
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
display: block;
width: 20%;
left: 35px;
bottom: 99%;
background-color: white;
text-align: center;
font-size: 1em;
}
.contenedorFlex.inter .textoVineta {
position: relative;
padding-left: 6%;
padding-right: 6%;
}
.contenedorFlex.inter .fechaVineta span.diaVineta {
color: black;
font-size: 1.8em;
font-weight: 900;
}
.contenedorFlex.inter .fechaVineta span.mesVineta {
color: black;
font-size: 0.8em;
font-weight: bold;
}
.contenedorFlex.inter .col-md-4 .fechaVineta {
width: 28%;
}
.contenedorFlex.inter .fechaVineta span.diaVineta {
font-size: 1.8em;
font-weight: 900;
display: block;
}
.contenedorFlex.inter .fechaVineta span.mesVineta {
font-size: 0.8em;
font-weight: bold;
display: block;
}
.contenedorFlex.inter .tituloVineta span.iconVineta {
padding: 2%;
border: 1px solid blue;
position: relative;
display: block;
float: right;
margin-right: -59px;
bottom: 8px;
text-align: center;
color: blue;
background-color: white;
}
.contenedorFlex.inter .textoVineta span.leermasVineta {
text-align: right;
text-decoration: underline;
text-decoration-color: blue;
}
.contenedorFlex.inter .cargarMasNoticias {
width: 100%;
text-align: center;
text-decoration: underline;
text-decoration-color: blue;
}
.contenedorFlex.inter .modinfInterIzq{
z-index: 1;
position: absolute;
left: 10%;
width: 30%;
bottom: 20%;
}
.contenedorFlex.inter .modinfInterIzq .white{
white-space: nowrap;
font-size: 1.2vw;
background-color: white;
width: 22vw;
margin: 10% 0px 10% 0px;
padding: 10px;
}
.contenedorFlex.inter .modinfInterIzq .titular2{
margin: 0px;
z-index: 1;
position: relative;
width: 30%;
font-size: 1.5vw;
}
.contenedorFlex.inter .modinfInterIzq .textoModinfInter{
font-size: 0.9vw;
width: 100%;
margin-bottom: 13px;
}
.contenedorFlex.inter .modinfInterIzq .vinculoModinfInter {
padding: 4% 0px 4% 0px;
position: relative;
z-index: 1;
background-color: blue;
font-weight: bold;
text-align: center;
white-space: nowrap;
font-size: 0.8vw;
width: 10vw;
}
.contenedorFlex.inter .modinfInterDer{
z-index: 1;
position: absolute;
right: 10%;
width: 30%;
bottom: 20%;
}
.contenedorFlex.inter .modinfInterDer .white{
white-space: nowrap;
font-size: 1.2vw;
background-color: white;
width: 22vw;
text-align: right;
margin: 10% 0px 10% 0px;
padding: 10px;
float: right;
}
.contenedorFlex.inter .modinfInterDer .titular2{
margin: 0px;
z-index: 1;
position: relative;
float:right;
text-align:right;
font-size: 1.5vw;
}
.contenedorFlex.inter .modinfInterDer .textoModinfInter{
text-align: right;
font-size: 0.9vw;
width: 100%;
margin-bottom: 13px;
float: right;
}
.contenedorFlex.inter .modinfInterDer .vinculoModinfInter {
float: right;
padding: 4% 0px 4% 0px;
position: relative;
z-index: 1;
background-color: blue;
font-weight: bold;
text-align: center;
white-space: nowrap;
font-size: 0.8vw;
width: 10vw;
}
.contenedorFlex.inter .modinfInterDer .vinculoModinfInter a{
color: white;
text-decoration: none;
}
.contenedorFlex.inter .modinfInterIzq .vinculoModinfInter a{
color: white;
text-decoration: none;
}
@media (min-width:1400px) {
.contenedorFlex.inter .modinfInterIzq .white {
font-size: 1.2em;
width:110%;
}
.contenedorFlex.inter .modinfInterIzq .titular2{
font-size: 1.6em;
white-space: nowrap;
}
.contenedorFlex.inter .modinfInterIzq .textoModinfInter{
font-size: 0.9em;
}
.contenedorFlex.inter .modinfInterIzq .vinculoModinfInter{
font-size: 1em;
width: 70%;
}
}
@media (min-width:1400px) {
.contenedorFlex.inter .modinfInterDer .white {
font-size: 1.2em;
width:110%;
}
.contenedorFlex.inter .modinfInterDer .titular2{
font-size: 1.6em;
white-space: nowrap;
}
.contenedorFlex.inter .modinfInterDer .textoModinfInter{
font-size: 0.9em;
}
.contenedorFlex.inter .modinfInterDer .vinculoModinfInter{
font-size: 1em;
width: 70%;
}
}
/* Fin Maquetación viñetas del home de internacionalizacion */
/* Cambios para que se vea el titulo y subtitulo del banner de internacionalización mas claro */
/* fin Cambios para que se vea el titulo y subtitulo del banner de internacionalización mas claro */
/* Cambios para hacer la cabecera de forma mas simple */
.sub-menu > li .sub-menu-item.simple{
color: #003df6;
}
.sub-menu > li ul{
background-color: #fff !important;
}
.sub-menu.simple > li {
box-shadow: inset 0 -3px 0 0 #003df6;
color: #003df6;
background-color: #fff;
-ms-filter: none;
height: 92px;
}
.sub-menu.simple > li.active, .sub-menu.simple > li:hover{
background-color: #003df6;
-ms-filter: none;
}
.section-name-title.simple,.section-name-title.simple >small{
color: black;
text-shadow: none;
}
.section-name-title.simple >small{
padding-left: 0px;
font-size: 20px;
}
/*FIN Cambios para hacer la cabecera de forma mas simple sin imagen y texto a la izquierda*/
/* Cambios de elementos en los detalles de tramites y avisos */
.mainContent.tramites {
margin-top: -40px;
}
.notice .notice__tag.icon::after {
content: '';
width: 24px;
height: 24px;
top: -5px;
left: 5px;
background-image: url('img/icon-aviso.svg');
background-repeat: no-repeat;
position: relative;
}
.notice .notice__tag.icon{
padding-bottom: 0px;
}
/* FIN Cambios de elementos en los detalles de tramites y avisos */
/*Nuevo portal internalizacion*/
.contenedorFlex.inter img.blue {
background-color: #003DF6;
padding: 12px;
margin: -14px;
}
.idioma img{
padding-right: 10px;
width: 30px;
height: 30px;
}
.idioma select {
font-size: 14px;
width: 66px;
background-color: black;
border: none;
background: url("/FwFront/portal_inter/img/flechaIdioma.svg") #000 75px no-repeat ;
appearance: none;
padding-left: 8px;
}
.idioma select option {
color: white;
}
.idioma {
color: white;
font-size: 14px;
height: 30px;
display: flex;
position: relative;
left: 140px;
z-index: 6;
}
@media (max-width: 991px){
.idioma select {
background: url("/FwFront/portal_inter/img/idioma.svg") #000 no-repeat;
background-size: 30px 40px;
background-position: 35px 5px;
height: 50px;
right: 120px;
top: -30px;
position: absolute;
text-indent: -9999px;
}
}
@media (min-width: 770px){
.categorias.centrada.flecha:before{
content: url('/FWProjects/inter/contenidos/iconos/Arrow1.svg');
float: right;
margin: 25px 20px 0px 0px;
}
}
.titular2.blue{
background-color: #003DF6;
color: white !important;
padding: 10px;
margin-bottom: 0px;
}
.contenedorFlex.inter.blue {
background-color: #003DF6;
}
.contenedorFlex.inter.blue p {
color: white;
font-size: 1.2em;
}
.contenedor.gris, .contenedorFlex.gris{
background-color: #F8F9F9;
}
.categorias .titulo {
font-size: 16px;
}
.contenedorFlex.inter .categorias .separator.white{
margin: 0px 0px 14px 0px;
padding: 20px 0px 0px 10px;
background-color: white;
width: 100%;
}
.contenedorFlex.inter {
display: flex;
padding: 1em;
flex-wrap: wrap;
margin-bottom: 10px;
}
.contenedorFlex.inter .categorias {
display: flex;
padding: 1em;
}
.contenedorFlex.inter .categorias .separator{
margin: 10px 10px;
}
@media (max-width: 990px){
.contenedorFlex.inter{
display: block;
}
}
.conImagen {
padding: 20px 10px 10px 30px;
}
@media (max-width: 769px){
.conImagen{
padding: 10px 0px 0px 0px;
}
}
.contenedor.inter {
display: flex;
flex-wrap: wrap;
padding: 20px 10px 30px 20px;
}
.contenedor.inter.centrada {
justify-content: center;
}
.contenedor.inter .categorias {
padding: 10px 20px 10px 20px;
}
@media (max-width: 769px){
.contenedor.inter .categorias {
width: 100% !important;
}
}
.contenedor.inter .categorias p{
margin: 10px 0px 20px 0px;
}
.contenedor.inter .categorias img{
margin: 10px 0px 0px 0px
}
.contenedor.inter ul li {
list-style-type: none;
counter-increment: item;
margin: 0px 0px 10px 0px !important;
}
.contenedor.inter a {
text-decoration:underline;
}
.contenedor.inter ul li:before{
content: counter(item);
margin-right: 5px;
font-size: 80%;
background-color: #003DF6;
color: white;
font-weight: bold;
padding: 3px 8px;
}
.contenedor.inter .titulo {
color: #003DF6;
margin: 0px 0px 10px 0px !important;
}
/* FIN Nuevo portal internalizacion*/
/* Cambio de orden de los botones en el registro de sede para (user/pass)*/
.tramites-mc #user-pass .mc-acceso-item .buttons .button4 {
position: relative;
left: 100%;
z-index: 1;
}
.tramites-mc #user-pass .mc-acceso-item .buttons .button3 {
position: relative;
right: 110%;
}
.tramites-mc #user-pass .mc-acceso-item .buttons .button3 .button-icon-arrowright{
transform: rotateY(180deg);
position: absolute;
left: 2%;
}
@media (max-width: 768px){
.tramites-mc #user-pass .mc-acceso-item .buttons .button4 {
left: 0%;
}
.tramites-mc #user-pass .mc-acceso-item .buttons .button3 {
right: 0%;
}
.tramites-mc #user-pass .mc-acceso-item .buttons .button3 .button-icon-arrowright:after{
top: 12px;
font-size: 18px;
}
.tramites-mc #user-pass .mc-acceso-item .buttons .button3 .button-icon-arrowright{
width: 30px;
height: 30px;
top: 5px;
right: 7px;
}
}
/* FIN Cambio de orden de los botones en el registro de sede para (user/pass)*/
/*tablas de tramites*/
.info-tab .accordion .table {
margin-bottom: 0;
}
.info-tab .accordion .table .table__row {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #E2E2E2;
display: flex;
flex-direction: column;
}
.info-tab .accordion .table .table__row:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.info-tab .accordion .table .table__row .table__row-heading,
.info-tab .accordion .table .table__row .table__row-content {
padding: 0;
}
.info-tab .accordion .table .table__row .table__row-heading {
flex: 0 0 19%;
}
.info-tab .accordion .table .table__row .table__row-heading h2 {
width: 100%;
padding: 0 0 16px;
font-family: "Lato-Bold";
font-weight: 700;
font-size: 18px;
line-height: 19px;
letter-spacing: 0.0312px;
color: #333333;
}
.info-tab .accordion .table .table__row .table__row-content {
font-family: Arial;
font-weight: 400;
font-size: 14px;
}
.info-tab .accordion .table .table__row:first-child .table__row-heading h2,
.info-tab .accordion .table .table__row:first-child .table__row-content {
border-top: 0;
}
.info-tab .accordion .table p {
font-size: 14px;
line-height: 20px;
}
.info-tab .accordion .table ul li {
font-size: 14px;
line-height: 20px;
}
@media all and (min-width: 767px) {
/* table */
.info-tab .accordion .table .table__row {
margin-bottom: 0;
padding-bottom: 0;
flex-direction: row;
}
.info-tab .accordion .table .table__row .table__row-heading {
padding: 20px 0;
flex: 0 0 34%;
}
.info-tab .accordion .table .table__row .table__row-heading h2 {
font-size: 16px;
}
.info-tab .accordion .table .table__row .table__row-content {
padding: 20px 0;
}
}
/*Fin tablas de tramites*/
/* Hacer el iframe responsive */
.contenedor-responsivo {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.contenedor-responsivo embed,
.contenedor-responsivo iframe,
.contenedor-responsivo object,
.contenedor-responsivo video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.contenedor-responsivo::before {
display: block;
content: "";
padding-top: 56.25%;
}
/* FIN Hacer iframe responsive */
/* cambio para texto ANM de busqueda avanzada en normativa */
.ANMnormativa {
height: 60px;
display: block;
top: 30px;
position: absolute;
font-weight: 1000;
}
@media all and (max-width: 768px) {
.ANMnormativa {
height: 40px;
display: block;
font-weight: 1000;
position: static;
}
}
/* cambio para colocar el icono de faqs del buscador de normativa */
#searcher-diary .ico-ayuda{
display:flex;
margin-bottom: 3px;
}
/* nuevo estilos tramites */
@media (min-width: 767px){
.notice .notice__content p strong {
margin-bottom: 0px !important;
margin-right: 0px !important;
padding-left: 0px !important;
}
}
.info-tab .accordion .table > tbody > tr > td {
padding: 20px 0px 20px 20px !important;
}
.accordion-item__container ul {
padding: 0px !important;
}
.accordion-item__container ul li {
margin: 0px 0 10px 17px !important;
}
.notice .notice__content p strong {
margin-bottom: 8px;
font-family: "Lato-Bold";
font-weight: 700;
font-size: 16px !important;
position: relative;
}
.notice .notice__content p {
padding-left: 36px;
display: block !important;
position: relative;
}
.notice .notice__content::before {
display: flex !important;
}
.notice .notice__content::before {
content: '';
width: 24px;
height: 24px;
background-image: url('img/icon-aviso.svg');
background-repeat: no-repeat;
position: absolute;
}
.notice .notice__content p strong::before {
display: none !important;
}
.seleccionado{
border:2px solid #003DF6;
padding-bottom: 10px;
}
.accordion-item__container th {
padding-left: 21px !important;
}
.info-related__list li{
margin-top: 20px;
font-size: 16px;
font-weight: bold;
}
.info-related__list li p{
margin-top: 8px;
font-weight: normal;
font-size: 14px;
}
.info-related__list li ul li p{
margin-top: 8px;
font-weight: normal;
font-size: 14px;
}
.accordion-item__container ul {
list-style-type: disc;
font-size: 1em;
padding: 5px 0;
}
.accordion-item__container ul li {
margin: 10px 0 10px 17px;
font-size: 1em;
}
.accordion-item__container li {
list-style: inherit;
}
.accordion-item__container ol {
list-style-type: decimal;
padding: 5px 0;
}
.accordion-item__container ol li {
margin: 10px 0 10px 17px;
}
/* FIN nuevo estilos tramites */
/* NUEVOS ESTILOS ASISTENTE */
.button.button4.button-icon.boton-abajo{
top: 30px;
}
@media (max-width: 767px){
.asistente .button-separador{
display: block;
width: 95%;
}
.button.button4.button-icon.boton-abajo{
top: 0px;
}
.asistente .button-separador #lnkSiguiente{
transform: translateY(-100px);
margin: 0px -10px 0px 0px;
}
.asistente .button-separador .button.button4.button-icon{
transform: translateY(80px);
padding: 0px !important;
}
.asistente .button-separador #buttonPrev{
transform: translateY(60px);
font-size: 1.15em;
background-color: #003df6;
color: white;
border-radius: 20px;
margin-left: 10px;
padding-right: 40px;
}
.asistente .button-separador .button.button5.button-icon .button-icon-arrowleft{
background-color: white;
position: relative;
float: left;
right: -8px;
width: 30px;
height: 30px;
top: 5px;
}
.asistente .button-separador .button.button5.button-icon .button-icon-arrowleft::after{
color: #003df6;
font-size: 18px;
margin-top: -9px;
left: 7px;
}
}
.padron {
background-color: #003DF6;
width: 327px;
text-align: center;
padding: 5px 0px 5px 0px;
border-radius: 5px;
}
.padron p{
color: white;
margin-left: 40px;
margin-right: 40px;
}
.padron img{
margin-top: 15px;
}
.padron a{
border-radius: 20px;
color: #003DF6 !important;
}
.padron .button.button4{
background-color: white;
}
.asistente .tiny-text ul{
padding: 0px;
}
.text-input .tipo-text{
width: 300px;
}
@media all and (max-width: 992px) {
.menuAsistente .menuVertical{
display: none !important;
}
}
.asistente p.titular2{
color: black;
font-size: 1.76em;
}
.menuAsistente .menuVertical.normal .popupMenuSocial{
width: 25%;
position: relative;
top: 20px;
float: right;
}
.menuAsistente .menuVertical .enlacesMenuVertical{
height: 0px;
margin-bottom: 0px;
}
.asistente .text-dark{
color: black;
}
.asistente .button.button3 {
background-color: white;
color: #003df6;
top: -8px;
position: relative;
}
.asistente .enlace{
position: relative;
vertical-align: super;
}
.asistente .modal-alert{
position: relative !important;
/* top: 0px !important; */
top: 0px;
}
.pop .pop-works {
display: none;
position: relative;
width: 350px;
z-index: 10;
}
.pop{
height: 20px;
width: 0px;
top: -220px;
position: relative;
right: 60px;
}
.pop a{
content: url("/assets/css/img/icon/Ayuda.png");
}
.pop-works .navigation-up-arrow {
text-align: left;
background-position: -55px -694px;
display: block;
height: 12px;
left: 9.5%;
position: absolute;
text-indent: -9999px;
top: -12px;
width: 39px;
}
.pop:hover .pop-works {
display: block;
}
.pop .pop-works.bubble-outer {
background: #fff;
border: 3px solid #D8D8D8;
border-radius: 5px;
font-size: 0.9375em; /* 18px/19.2 */
padding: 15px;
box-shadow: 2px 2px 0 #ACACAC;
text-align: left;
right: 290px;
}
.pop .pop-works .bubble-inner {
background: #f7f7f7;
border-color: #dbdbdb #e9e9e9 #f2f2f2;
border-bottom-width: 3px;
font-size: 0.9375em; /* 18px/19.2 */
padding: 15px 5px 15px 30px;
}
.pop .pop-works li {
font-size: 12px;
margin-top: 8px;
list-style-type: initial;
}
#buttonPrev{
cursor: pointer;
}
input[type="number"] {
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
}
.number-input {
border: 1px solid #ddd;
display: flex;
width: 120px;
height: 40px;
}
.number-input,
.number-input * {
box-sizing: border-box;
border-radius: 6px;
background-color: #F8F8F8;
}
.number-input button {
outline:none;
-webkit-appearance: none;
background-color: transparent;
border: none;
align-items: center;
justify-content: center;
width: 3rem;
height: 3rem;
cursor: pointer;
margin: 0;
position: relative;
}
.number-input button:before,
.number-input button:after {
display: inline-block;
position: absolute;
content: '';
width: .5rem;
height: 1.2px;
background-color: #212121;
transform: translate(-50%, -6px);
}
.number-input button.plus:after {
transform: translate(-50%, -6px) rotate(90deg);
}
.number-input input[type=number] {
font-family: sans-serif;
max-width: 5rem;
padding: .5rem;
border: solid #F8F8F8;
border-width: 0 2px;
height: 36px;
font-weight: bold;
text-align: center;
}
div .text-input, div .number-input {
margin-top: 10px;
}
.tramite-detalles .panel.no-background {
margin-top: 2px !important;
}
.tramite-detalles .panel-header-tramites a.collapsed::after, .tramite-detalles .panel-header-tramites a::after{
background-image: none;
top: 15px !important;
left: 15px;
background-color: white;
}
.tramite-detalles .panel-header-tramites a::after{
width: 25px !important;
height: 25px !important;
border: groove;
border-color: #003df6;
border-radius: 50%;
}
.tramite-detalles .panel-header-tramites a{
color: black;
}
.tramite-detalles .panel-header-tramites a[aria-expanded="true"]::after {
border: 8px solid #003df6;
background-color: white;
}
.tramite-detalles .panel-header-tramites{
background-color: white;
}
/* FIN NUEVOS ESTILOS ASISTENTE */
/* AÑADIDO ICONO CVS*/
.btnMenuCSV::before{
font-family: AytMadIcons;
color: #003df6;
content: "`";
font-size: 30px;
}
/* FIN AÑADIDO ICONO CVS*/
/*Clases para el rediseño de la pagina de detalle de tramites*/
/* Avisos que contienen span se visualizan mal */
.info-seccion .modal-alert div {
color: #fff;
margin-bottom: 10px;
font-size: 14px
}
/* FIN Avisos que contienen span se visualizan mal */
/*Clases para el rediseño de la pagina de detalle de tramites*/
.bg-mob {
background-color: #F4F3F3;
}
@media all and (min-width: 767px) {
.bg-mob {
background-color: #ffffff;
}
}
/* procedure-search */
.procedure-search {
margin-top: 12px;
padding: 16px 8px;
position: relative;
z-index: 2;
}
.procedure-search input {
width: 100%;
padding: 6px 40px 6px 22px;
background: #FFFFFF;
border: 1px solid #003DF6;
border-radius: 27px;
font-family: "Lato-Regular";
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.0312px;
color: #333333;
background-image: url('img/icon-buscador.svg');
background-repeat: no-repeat;
background-size: 24px;
background-position: calc(100% - 11px) center;
}
.procedure-search input::-webkit-input-placeholder,
.procedure-search input:-ms-input-placeholder,
.procedure-search input::placeholder {
font-family: "Lato-Regular";
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.0312px;
color: #333333;
}
@media all and (min-width: 767px) {
.procedure-search {
padding: 40px 30px;
}
}
@media all and (min-width: 991px) {
.procedure-search {
padding: 0;
}
.procedure-search input {
width: 284px;
}
}
/* taxes */
.taxes {
width: calc(100% - 16px);
margin: 0 auto 16px;
padding: 0 16px 24px;
background-color: #ffffff;
display: flex;
flex-direction: column;
}
.taxes .taxes__col--left {
width: 100%;
padding-top: 16px;
}
.taxes .taxes__col--right {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
margin-top: 20px;
}
.taxes .taxes__title {
margin-bottom: 32px;
font-family: "Lato-Regular";
font-weight: 400;
font-size: 24px;
line-height: 36px;
letter-spacing: 0.0312px;
color: #333333;
}
.taxes .taxes__tag {
margin-bottom: 8px;
font-family: "Lato-Bold";
font-weight: 700;
font-size: 17px;
line-height: 129.2%;
text-align: center;
letter-spacing: 0.0312px;
color: #003DF6;
}
.taxes .taxes__date {
margin-bottom: 12px;
font-family: "Lato-Regular";
font-weight: 400;
font-size: 16px;
line-height: 129.2%;
text-align: center;
letter-spacing: 0.0312px;
color: #333333;
}
.taxes .taxes__date strong {
font-family: "Lato-Bold";
font-weight: 700;
}
.disabled-button {
pointer-events: none;
background-color: #cccccc;
cursor: not-allowed;
}
.enlace_desactivado {
pointer-events: none;
cursor: default;
color: black;
}
.disabled-button .button-text {
color: black;
}
.taxes .btn {
width: 100%;
margin-bottom: 14px;
padding: 16px 10px;
font-family: "Lato-Regular";
font-weight: 600;
font-size: 18px;
line-height: 22px;
letter-spacing: 0.0312px;
text-align: center;
color: #F8F9F9;
display: inline-flex;
justify-content: center;
}
.taxes a:not(.btn) {
font-family: "Lato-Regular";
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-align: center;
letter-spacing: 0.0312px;
text-decoration-line: underline;
color: #003DF6;
}
.taxes .btn-primary:hover span {
color: #ffffff;
text-decoration: none;
}
.taxes .btn-primary--icon span {
padding-left: 34px;
position: relative;
}
.taxes .btn-primary--icon span::before {
content: '';
width: 24px;
height: 24px;
background-image: url('img/icon-online.svg');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
display: flex;
position: absolute;
top: 0;
left: 0;
}
@media all and (min-width: 767px) {
.taxes {
width: 100%;
margin-bottom: 40px;
padding: 0 30px;
background-color: transparent;
flex-direction: row;
align-items: center;
}
.taxes .taxes__col--left {
width: calc(100% - 300px);
padding-top: 0;
padding-right: 40px;
}
.taxes .taxes__col--right {
width: 300px;
}
.taxes .taxes__title {
margin-bottom: 0;
font-size: 30px;
line-height: 36px;
}
}
@media all and (min-width: 991px) {
.taxes {
width: 100%;
margin-top: -25px;
margin-bottom: 33px;
padding: 0;
}
.taxes .taxes__col--left {
width: calc(100% - 300px);
padding-top: 50px;
padding-right: 40px;
}
.taxes .taxes__col--right {
width: 300px;
}
}
/* notice */
.notice {
width: calc(100% - 16px);
margin: 0 auto 15px;
}
.notice .notice__tag {
padding: 11px 20px;
background-color: #FFC702;
font-family: "Lato-Bold";
font-weight: 700;
font-size: 14px;
line-height: 12px;
text-transform: uppercase;
color: #333333;
display: flex;
}
.notice .notice__content {
padding: 14px 20px;
background-color: #F8F9F9;
}
.notice .notice__content p {
font-family: "Lato-Regular";
font-weight: 400;
font-size: 15px;
line-height: 19px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
letter-spacing: 0.0312px;
color: #333333;
}
.notice .notice__content p strong {
margin-bottom: 8px;
font-family: "Lato-Bold";
font-weight: 700;
font-size: 18px;
position: relative;
}
.notice .notice__content p strong::before {
content: '';
width: 24px;
height: 24px;
background-image: url('img/icon-aviso.svg');
background-repeat: no-repeat;
background-size: contain;
position: relative;
display: flex;
margin: 0 auto 8px;
}
@media all and (min-width: 767px) {
.notice {
width: calc(100% - 60px);
margin: 0 auto 40px;
}
.notice .notice__tag {
font-size: 10px;
}
.notice .notice__content {
padding: 16px 20px;
}
.notice .notice__content p {
flex-direction: row;
font-size: 16px;
text-align: left;
}
.notice .notice__content p strong {
margin-bottom: 0;
margin-right: 20px;
padding-left: 40px;
font-size: 16px;
}
.notice .notice__content p strong::before {
margin: 0;
position: absolute;
top: -2px;
left: 0;
}
}
@media all and (min-width: 991px) {
.notice {
width: 100%;
margin: 0 auto 24px;
}
}
/* accordion */
.info-tab .accordion {
width: calc(100% - 16px);
margin: 0 auto 20px;
}
.info-tab .accordion .accordion-tabs {
display: none;
}
.info-tab .accordion .accordion-tab {
background: none;
}
.info-tab .accordion .accordion-item {
padding-bottom: 16px;
}
.info-tab .accordion .accordion-item.accordion-active .accordion-item__label {
color: #003DF6;
}
.info-tab .accordion .accordion-item:last-child {
padding-bottom: 0;
border: none;
}
.info-tab .accordion .accordion-item__container {
margin-top: 16px;
padding: 24px 16px;
background-color: #ffffff;
}
.info-tab .accordion .accordion-item__label {
padding: 14px 8px;
background-color: #ffffff;
font-family: "Lato-Regular";
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 19px;
position: relative;
}
.info-tab .accordion .accordion-item__label::after {
content: '';
width: 24px;
height: 24px;
background-image: url('img/icon-flecha-abajo.svg');
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 50%;
right: 8px;
transform: translate(0, -50%);
transition: all 0.3s ease;
color: #333333;
}
.info-tab .accordion-active .accordion-item__label::after {
transform: translate(0, -50%) rotate(180deg);
}
/* table */
.info-tab .accordion .table {
margin-bottom: 0;
}
.info-tab .accordion .table > tbody > tr {
margin-bottom: 16px;
padding-bottom: 16px;
border-bottom: 1px solid #E2E2E2;
display: flex;
flex-direction: column;
}
.info-tab .accordion .table > tbody > tr:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.info-tab .accordion .table > tbody > tr > th,
.info-tab .accordion .table > tbody > tr > td {
border: 0;
}
.info-tab .accordion .table > tbody > tr > th {
width: 100%;
padding: 0 0 16px;
font-family: "Lato-Bold";
font-weight: 700;
font-size: 18px;
line-height: 19px;
letter-spacing: 0.0312px;
color: #333333;
}
.info-tab .accordion .table > tbody > tr > td {
padding: 0;
font-size: 14px;
}
.info-tab .accordion .table > tbody > tr:first-child > th,
.info-tab .accordion .table > tbody > tr:first-child > td {
border-top: 0;
}
.info-tab .accordion .table > tbody > tr:last-child > td {
padding: 0;
}
.info-tab .accordion .table .btn {
min-width: 147px;
margin-bottom: 30px;
padding: 9px 12px;
}
.info-tab .accordion .table p {
margin-bottom: 22px;
}
.info-tab .accordion .table p:last-child {
margin-bottom: 10px;
}
@media all and (min-width: 767px) {
.info-tab .accordion {
width: calc(100% - 60px);
margin: 0 auto 36px;
}
.info-tab .accordion .accordion-tabs {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #CCCCCC;
background-color: #ffffff;
position: sticky;
}
.info-tab .accordion-tab {
height: 100%;
padding: 14px 21px;
border: none;
border-bottom: 2px solid transparent;
transition: all 0.3s ease;
}
.info-tab .accordion-tab.accordion-active {
border-color: #003DF6;
color: #003DF6;
}
.info-tab .accordion .accordion-item {
padding: 0;
display: none;
border: none;
background: #ffffff;
}
.info-tab .accordion-item__label,
.info-tab .accordion-item__container {
padding: 0;
transition: inherit;
}
.info-tab .accordion-item__label {
display: none;
}
.info-tab .accordion-active {
display: block;
}
.info-tab .accordion-active .accordion-item__container {
padding: 0;
}
/* table */
.info-tab .accordion .table > tbody > tr {
width: 100%;
display: table;
}
.info-tab .accordion .table > tbody > tr > th {
width: 240px;
padding: 20px 0;
font-size: 16px;
}
.info-tab .accordion .table > tbody > tr > td {
padding: 20px 0;
}
}
@media (min-width: 991px) {
.info-tab .accordion {
width: 100%;
}
.info-tab .accordion-tab:hover {
border-color: #003DF6;
}
}
/* info-procedure */
.info-procedure {
width: calc(100% - 16px);
margin: 0 auto 20px;
padding: 24px 16px;
background-color: #f8f9f9;
}
.info-procedure__content {
display: grid;
grid-template-columns: 1fr;
grid-gap: 22px;
}
.info-procedure .title6 {
margin-bottom: 30px;
padding-bottom: 0;
font-size: 24px;
}
.info-procedure__title {
margin-bottom: 24px;
font-family: "Lato-Regular";
font-weight: 600;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.0312px;
color: #333333;
position: relative;
}
.info-procedure__title::before {
content: '';
width: 42px;
height: 42px;
background-color: #003DF6;
background-repeat: no-repeat;
background-size: 20px;
background-position: center;
display: flex;
position: absolute;
top: -12px;
left: -52px;
}
.info-procedure__title.online::before {
background-image: url('img/icon-online.svg');
}
.info-procedure__title.face::before {
background-image: url('img/icon-presencial.svg');
}
.info-procedure__title.phone::before {
background-image: url('img/icon-phone.svg');
}
.info-procedure__title.mail::before {
background-image: url('img/icon-mail.svg');
}
.info-procedure__title.post::before {
background-image: url('img/icon-post.svg');
}
.info-procedure__title.rrss::before {
background-image: url('img/icon-rrss.svg');
}
.info-procedure__col {
padding-top: 12px;
padding-left: 52px;
}
.info-procedure__col p {
margin-bottom: 18px;
font-family: "Lato-Regular";
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.0312px;
color: #333333;
}
.info-procedure__col p:last-child {
margin-bottom: 0;
}
.info-procedure__col p strong {
font-weight: 600;
}
.info-procedure__col p strong.big {
font-size: 24px;
line-height: 30px;
padding-top: 5px;
display: flex;
}
@media all and (min-width: 767px) {
.info-procedure {
width: calc(100% - 60px);
margin: 0 auto 32px;
padding: 20px 26px;
}
.info-procedure__content {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 32px;
}
.info-procedure__title {
margin-bottom: 30px;
}
}
@media all and (min-width: 991px) {
.info-procedure {
width: 100%;
margin: 0 auto 60px;
}
.info-procedure .title6 {
font-size: 30px;
}
.info-procedure__title {
margin-bottom: 20px;
}
}
/* info related */
.info-related {
width: calc(100% - 16px);
margin: 0 auto 36px;
}
.info-related .title6 {
padding-bottom: 30px;
font-size: 24px;
}
.info-related__title {
margin-bottom: 14px;
font-family: "Lato-Regular";
font-weight: 600;
font-size: 16px;
line-height: 19px;
letter-spacing: 0.0312px;
color: #000000;
}
.info-related__list {
margin-bottom: 24px;
}
.info-related__list:last-child {
margin-bottom: 0;
}
.info-related__list li {
margin-bottom: 18px;
}
.info-related__list li:last-child {
margin-bottom: 0;
}
.info-related__list li a {
font-family: "Lato-Regular";
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.0312px;
text-decoration-line: underline;
color: #003df6;
}
@media all and (min-width: 767px) {
.info-related {
width: calc(100% - 60px);
margin: 0 auto 60px;
}
.info-related .title6 {
font-size: 24px;
}
.info-related__list {
margin-bottom: 40px;
}
}
@media all and (min-width: 991px) {
.info-related {
width: 100%;
margin: 0 auto 60px;
}
.info-related .title6 {
padding-bottom: 22px;
font-size: 30px;
}
}
/* reducidos los márgenes del pie */
.footer .footer-menu{
padding: 0;
}
.footer .fql-title{
margin-bottom: 10px;
}
.footer .footer-quick-links{
padding: 19px 0 0;
}
.footer .footer-other-sites{
padding: 19px 0 24px;
}
/* cambio de colores de fondo, el azul oscuro del pie se pone gris fluid3g, y en el pie en móvil al seleccionar se pasa a negro */
.bg-fluid3g {
background-color: #292929;
}
@media screen and (max-width: 767px) {
.footer-menu .collapse-item-active {
background-color: #000;
}
}
/* unas clases genérica de margen inferior y superior */
.margin-top {
margin-top: 20px;
}
.margin-bottom {
margin-bottom: 20px;
}
/* nuevo background gris medio fluid8, en él los títulos y los enlaces tienen que ser o negros o grises oscuros */
.bg-fluid8 {
background-color: #f1f1f1;
}
@media (min-width: 768px) {
.ayunAreasGobiernoSeccion .withImage img {
float: right;
margin: 0 0px 5px 10px;
width: auto;
}
}
.bg-fluid8 .bg-triangle::after {
border-style: solid;
border-color: transparent;
border-right-color: transparent;
position: absolute;
z-index: 1;
border-width: 0 136px 24px 0;
border-right-color: #f1f1f1;
left: 50%;
margin-left: -136px;
}
.bg-fluid8 .formasParte-title, .bg-fluid8 .formasParte-link, .bg-fluid8 .gobierno-abierto__link_title {
color: #333;
}
.bg-fluid8 .title5, .bg-fluid8 .formasParte-text, .bg-fluid8 .gobierno-abierto__title, .bg-fluid8 .gobierno-abierto__text {
color: black;
}
.bg-fluid8 .carouselFormasParte .formasParte-text a {
color: #003df6;
border-bottom:2px solid #003df6;
}
/* hacemos un class general para que los enlaces visitados dentro de esa capa sean diferentes, se usa el color estándar
en el calendario en lugar de purple se ponen más claros para que se distingan mejor, y en la portada del publicaciones también que asociar al span */
.visited-color a:visited, .visited-color a:visited span.info-link-text {
color: purple;
}
.visited-color .datepicker.datepicker-server table.table-condensed tbody td.today a:visited {
color: darkviolet !important;
}
/* para que quepan 12 etiquetas en el gráfico */
.canvas-outer-container {
width: 65%;
}
/* en las pordadillas fwk en el módulo central los p negros de directorio pensados para agenda se juntan si ocupan 2 lineas */
.contacto-central .directorio-municipal li p {
line-height: 15px;
}
/* poner el logo de clave en la pagina de login de sede */
.mc-acceso-item .legend-cert::after {
content: "";
color: #fff;
width: 61px;
height: 61px;
background: #fff;
background-image: url('../../images/clave.png');
}
/* distritos, módulo de actividades en la zona mainContent */
.actividades.actividades_interior.nofluid {
background: #f2f2f2;
padding-top:5px;
display: flex;
flex-wrap: wrap;
}
.actividades.actividades_interior.nofluid .row {
display: flex;
flex-wrap: wrap;
}
.actividades.actividades_interior.nofluid .row li {
padding: 10px;
}
.actividades_interior .info_relevant {
width: 105%;
}
.actividades_interior .calendario {
min-height: 230px;
}
/* el mapa de google en direcciones hace ahora cosas raras y se sale de su capa, se limita por css */
.info-actividad .mapa {
max-width: 100%;
overflow: hidden;
}
/* AMMPG-330 la altura fija de este bloque no tiene sentido, lo pone cada plantilla */
.newsCentralBlock .videoplayer object, .newsCentralBlock .videoplayer video {
height: auto;
}
/* poner icono por defecto a flv y mp4 */
.ico-mp4::before, .ico-flv::before {
content: "";
left: -6px;
}
/* AMPP-331: Accesibilidad 07-2017 hacer más grande el subtexto de las cabeceras, pasar a 28px */
.section-name-title > small {
font-size: 0.6223em;
padding: 0 105px;
}
/* AMMPG-258: botones subir y bajar */
/* hay que rebajar el z-index del carrusel y de los modal para que no quede por delante */
.header-carousel .owl-controls, .modal-alert {
z-index: 1 !important;
}
#nav_up, #nav_down {
width:70px;
height:70px;
border-radius: 70px 70px;
padding:0;
text-align:center;
background: whiteSmoke;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
bottom:30px;
display:none;
opacity: 0.5;
box-shadow: -4px 4px 4px whiteSmoke;
z-index:10;
}
#nav_up {
right:90px;
background: url('/new/img/arrow_up-gris.png') no-repeat 0px 5px;
}
#nav_down {
right:20px;
background: url('/new/img/arrow_down-gris.png') no-repeat 0px 5px;
}
#nav_up:hover, #nav_down:hover{
text-decoration:none;
opacity: 1 !important;
}
/* AMMPG-240: soporte parcial de elementos del tiny-text en los paneles de notificación */
.info-seccion .modal-alert p {
margin-bottom: 10px;
}
.info-seccion .modal-alert em {
font-style: italic !important;
}
.info-seccion .modal-alert ul {
list-style-type: disc;
padding: 5px 0;
}
.info-seccion .modal-alert ol {
list-style-type: decimal;
padding: 5px 0;
}
.info-seccion .modal-alert ul ol ul, .info-seccion .modal-alert ul ul, .info-seccion .modal-alert ul ul ol ul, .info-seccion .modal-alert ul ul ul {
list-style-type: disc;
}
.info-seccion .modal-alert ul li, .info-seccion .modal-alert ol li {
margin: 10px 0 10px 17px;
list-style: inherit;
font-size: 14px;
}
/* para que quepan 5 iconos en el listado del catálogo */
.global-results .events-results > li.withtable .event-info.min ul li {
width: 32px;
}
/* al atom de PLACSP se pone el mismo icono que el RSS */
.ico-atom::before {
content: "~";
}
/* Arrows CarouselHome */
/*
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page span, .carouselHome.owl-theme .owl-controls .owl-pagination .owl-page.active span { background: none; border: 0;}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page span:after{
color: white;
content:"g";
font-family: "AytMadIcons2";
font-size: 27px;
font-weight: bold;
position: relative;
text-shadow: 0px 0px 4px #666;
}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page + .owl-page span:after{ content: "f";}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page.active span:after{ color: #0077b9;}
*/
/* WEM CLOUD */
/* en el cloud el wordwrap del ice.css afecta a la paginacion */
.container {word-wrap:normal; }
.pagination > li.prev , .pagination > li.next { word-wrap:normal; }
/* quitamos cosas del templating */
.vgn-ext-region, .vgn-ext-component { min-height:0px !important;}
strong{font-weight: 700 !important;}
/* FIN: Clases para el rediseño de la pagina de detalle de tramites*/
/* Quitar + y - del acordeon de procedimientos*/
.info-detalles .header-panel-detalle a.procedimiento:after {
content: none;
}
/* FIN: Quitar + y - del acordeon de procedimientos*/
/* iconos de redes sociales al final de pagina */
a.fc-item.youtube{
position: relative;
content: url("/assets/css/img/icon/youtube.png");
top: -8px;
}
a.fc-item.twitter{
position: relative;
content: url("/assets/css/img/icon/twitter.png");
top: -8px;
}
a.fc-item.facebook{
position: relative;
content: url("/assets/css/img/icon/facebook.png");
top: -8px;
}
a.fc-item.instagram{
position: relative;
content: url("/assets/css/img/icon/instagram.png");
top: -8px;
}
@media screen and (max-width: 767px){
a.fc-item.youtube{
top: -40px;
}
a.fc-item.twitter{
top: -40px;
}
a.fc-item.facebook{
top: -40px;
}
a.fc-item.instagram{
top: -40px;
}
}
/* FIN iconos de redes sociales al final de pagina */
/* menu nuevo*/
.sub-menu>li{
height: 110px;
position: relative;
}
.sub-menu>li{
height: 110px;
position: relative;
}
.nav5 li a {
display:block;
padding:10px 12px;
}
.nav5 li ul.reducida {
top: 100%;
}
.nav5 li ul {
background-color:inherit;
display:none;
position: absolute;
z-index: 100;
top: 110px;
}
.nav5 li:hover > ul {
display:block;
text-align:left;
border-style: solid solid none solid;
}
.nav5 li:focus-within > ul {
display:block;
text-align:left;
border-style: solid solid none solid;
}
.nav5 li ul li {
margin-top:10px;
}
/*FIN menu nuevo*/
/* Añadir nuevo icono DWG */
@media (min-width: 768px){
.asociada-list a.ico-dwg {
padding-left: 40px;
}
.asociada-list a.ico-dwg:after {
top: 0;
}
}
.ico-dwg {
position: relative;
}
.ico-dwg:after {
background-position: 0 -143px;
position: absolute;
content: url("/assets/css/img/icon/cad.png");
width: 35px;
height: 35px;
left: 0;
top: 6px;
bottom: auto;
right: auto;
}
/* FIN Añadir nuevo icono DWG */
/* para div con opciones de login en sede en formato caja tablet */
@media screen and (min-width: 768px) and (max-width: 849px){
.login-sede-btn{
font-size: 1.15em !important;
line-height: 45px !important;
width: 100%;
margin: 0px 10px 10px 10px !important;
}
.login-sede-opt>.col-sm-3{
width: 100%;
}
.login-sede-opt>.col-sm-9{
width: 100%;
}
#medios-acceso>.panel-type1 {
border: none;
}
#medios-acceso.nofluid {
margin: 0 -42px;
}
.login-sede-opt {
text-align: center;
}
#medios-acceso>.panel-type1>.panel-heading {
text-align: left;
background: 0 0;
padding: 16px 14px 10px;
}
.panel.panel-type1 .panel-title {
font-size: 1.875em;
}
.tramites-mc>.summary {
display: none;
}
.button-icon-arrowright{
width: 30px !important;
height: 30px !important;
top: 7px !important;
right: 7px !important;
}
.button-icon-arrowright:after{
margin-top: -9px !important;
left: 7px !important;
font-size: 18px !important;
}
}
/* FIN para div con opciones de login en sede en formato caja tablet */
/* Red social TikTok*/
.follow-icon.tiktok:after {
content: url("/assets/css/img/icon/ico_tiktok.svg");
}
/* Mi carpeta */
#volver_identificacion{
line-height: 38px;
margin-bottom: 15px;
width: 100%;
}
@media (min-width: 768px){
#volver_identificacion>i.button-icon-arrowright{
width: 26px;
height: 25px;
top: 6px;
right: 6px;
}
#volver_identificacion>i.button-icon-arrowright:after {
font-size: 16px;
margin-top: -8px;
left: 6px;
}
}
@media screen and (max-width: 767px){
#volver_identificacion.button.button3 {
margin-left: 10px;
margin-right: 10px;
font-size: 1.15em;
padding-left: 0px;
line-height:45px;
}
#volver_identificacion>.button-icon-arrowright {
width: 30px;
height: 30px;
top: 7px;
right: 7px;
}
#volver_identificacion>.button-icon-arrowright:after {
font-size: 18px;
margin-top: -9px;
left: 7px;
}
}
/* CABECERA MINIMA */
.section-cont-min {
height: 25px;
min-height: auto;
}
.headMin { /*va en el layout*/
position: relative;
}
/* MIMADRID */
.menuVertical .menu > li > .btnSubmenu, .menuVertical .menu > li > a.desactivado {
padding-right: 15px !important;
}
.button.button4.login-sede-btn {
padding-left: 15px !important;
padding-right: 30px !important;
}
/** nuevos formatos datasets */
/* hacemos que no recoja las imagenes recortando del png*/
.ico-csv:after, .ico-json:after, .ico-xml:after{
background-image: none !important;
}
.event-info .ico-ics{
top: 20px;
}
.event-info .ico-csv{
top: 20px;
}
.event-info .ico-json{
top: 20px;
}
.event-info .ico-json-ld{
top: 20px;
width: 40px !important;
}
.event-info .ico-n3{
top: 20px;
}
.event-info .ico-ttl{
top: 20px;
}
.event-info .ico-xml{
top: 20px;
}
.ico-ics {
background: url(/assets/css/img/icon/ico_ICS.svg) bottom no-repeat;
position: relative;
}
.ico-csv {
background: url(/assets/css/img/icon/ico_CSV.svg) bottom no-repeat;
position: relative;
}
.ico-json {
background: url(/assets/css/img/icon/ico_JSON.svg) bottom no-repeat;
position: relative;
}
.ico-json-ld {
background: url(/assets/css/img/icon/ico_JSON-LD.svg) bottom no-repeat;
position: relative;
}
.ico-n3 {
background: url(/assets/css/img/icon/ico_N3.svg) bottom no-repeat;
position: relative;
}
.ico-ttl {
background: url(/assets/css/img/icon/ico_TTL.svg) bottom no-repeat;
position: relative;
}
.ico-xml {
background: url(/assets/css/img/icon/ico_XML.svg) bottom no-repeat;
position: relative;
}
.asociada-link.ico-ics {
background: url(/assets/css/img/icon/ico_ICS.svg) center left no-repeat;
background-size: 36px 36px;
}
.asociada-link.ico-csv {
background: url(/assets/css/img/icon/ico_CSV.svg) center left no-repeat;
background-size: 36px 36px;
}
.asociada-link.ico-json {
background: url(/assets/css/img/icon/ico_JSON.svg) center left no-repeat;
background-size: 36px 36px;
}
.asociada-link.ico-json-ld {
background: url(/assets/css/img/icon/ico_JSON-LD.svg) center left no-repeat;
background-size: 50px 50px;
}
.asociada-link.ico-n3 {
background: url(/assets/css/img/icon/ico_N3.svg) center left no-repeat;
background-size: 36px 36px;
}
.asociada-link.ico-ttl {
background: url(/assets/css/img/icon/ico_TTL.svg) center left no-repeat;
background-size: 36px 36px;
}
.asociada-link.ico-xml {
background: url(/assets/css/img/icon/ico_XML.svg) center left no-repeat;
background-size: 36px 36px;
}
/** FIN nuevos formatos datasets */
/* Añadimos padding para los titulos de tercer nivel en los indices de las normativas*/
.asociada-link.titleThirdLevel{
padding-left: 80px !important;
}
/* ACCESIBILIDAD */
/*Creamos un estilo que no oculte el encabezado h2 para screen reader y no lo muestre a usuarios normales*/
@media (min-width: 768px){
.sr-only-md{
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
}
/* Agregamos los estilos del icono de redes sociales al listado de tramites*/
.lista-tramites .tramites.redesSociales .icon {
position: relative;
}
.lista-tramites .tramites.redesSociales .icon:after {
line-height: 100%;
position: absolute;
content: "T";
font-family: AytMadIcons;
color: #003df6;
text-indent: 0;
font-size: 27px;
top: 0;
right: 0;
bottom: 0;
left: 0;
text-transform: none;
}
/* Añadido estilos para contextualizar el calendario */
.actividades .calendario{
height: 100%;
}
/* Para el calendario eliminamos margenes inferiores, al espaciarse mediante em se descolocaba*/
.actividades .calendario p{
margin-bottom: 0px !important;
}
/*Fin para los cambios para contextualizar el calendario*/
/* Añadido estilos para mejorar el espaciado de textos del catálogo de trámites*/
@media screen and (min-width: 767px) {
/* Damos espacio al texto al lado de la imagen para que no aparezca cada palabra por separado*/
.tramites-ciudadano .tramite .titulo{
width:100%;
}
/* Añadido flex para los elementos del catálogo de trámites*/
.tramites-ciudadano div.row ul.row{
display: flex;
flex-flow: row wrap;
}
/* añadido flex para el conjunto de catálogo de trámites*/
.tramites-ciudadano .tramite{
display: flex;
flex-flow: row wrap;
height: 100%;
}
/* Se cambia a relativo y se muestra desde el final el boton*/
.tramites-ciudadano .tramite .button{
margin: 23px 0px 30px;
position: relative;
align-self: flex-end;
width: 90%;
}
}
/* Fin estilos del catálogo de trámites*/
/* Se modifica el jumbotron para que el contraste en egob llegue a 4.5 */
.tiny-text .jumbotron, .tiny-text.entradilla p.jumbotron{
background-color: #f2f2f2
}
/* Se cambia el contraste de todos los errores de los formularios */
.hint{
color:#EF0000;
}
@-moz-document url-prefix() {
/* Se le añade foco al botón que despliega el menú de navegación en dispositivos móviles*/
#sidebar-toggle-button:focus{
border-style: dotted;
border-color: white;
border-width: 1px;
}
/* Se añade foco al botón retroceder y cerrar del menú en modo movil*/
#menu .mm-header .mm-prev:focus, #menu .mm-header .mm-close:focus{
border-style: dotted;
border-color: white;
border-width:1px;
}
}
/* Quita la linea inferior al hacer foco al icono de añadir favoritos*/
.btnMenuVerticalFavoritos:focus, .btnMenuVerticalRss:focus,
.btnMenuVerticalCSV:focus{
text-decoration: none;
}
/* Estos elementos se ponen con border para visualizar el foco en IE correctamente (cuando el outline no funciona) */
.pagination>li.prev .pagination-text:focus, .pagination>li.next .pagination-text:focus,
.carouselHome .item a:focus, .owl-theme .owl-controls .owl-page span:focus,
.item a:focus, .owl-theme .owl-controls .owl-page.active span:focus{
border-style: solid;
border-color: black;
border-width:1px;
}
/* Se agregan elementos que no tienen el foco en alguno de los navegadores */
.enlacesMenuVertical a:focus, .enlacesMenuVertical button:focus,
.menuVertical .menu > li > a:focus, .close-info:focus-within::after,
.menuVertical .menu > li .submenu li a:focus{
outline: 1px dotted #003df6;
}
/* Se añade underline cuando el curso está sobre el elemento "X" de aviso*/
.close-info:hover::after{
border-bottom: 1px solid #003df6;
}
/* Se sube el pop up de compartir, etc para que se pueda realizar el hover correctamente*/
.menuVertical.normal .btnMenuVerticalCompartir:hover .text, .menuVertical.normal .btnMenuVerticalFavoritos:hover .text,
.menuVertical.normal .btnMenuVerticalRss:hover .text, .menuVertical.normal .btnMenuVerticalCSV:hover .text{
top: 16px;
}
/* para que esté simetrico a los demás iconos el botón de suscribirse*/
.menuVertical.normal .btnMenuVerticalMas .text{
top: 28px;
}
/* Ajustado el contraste de los textos inactivos en listados de sede */
.lista-tramites .tramites.muted span {
color: #707070
}
/* Se aumenta el contraste de las fechas desactivadas del calendario */
.datepicker table tr td.disabled, .datepicker table tr td.new,
.datepicker table.table-condensed tbody tr td.day.new a, .datepicker table tr td.disabled:hover,
.datepicker table.table-condensed tbody tr td.day.old a{
color: #696969;
}
/* Se arregla el contraste de la fecha actual si aparece en el proximo mes*/
.datepicker table.table-condensed tbody tr td.day.old.active a{
color: #999;
}
/*FIN ACCESIBILIDAD*/
/* Ponemos en rojo las normativas no vigentes*/
.red{
color: #af0c43;
}
/* formularios: que los textarea se vean amarillos al no validar*/
.form.form-electronic textarea.errorField {
background: #ffffa0;
}
.menuVertical .menu{
padding-top:30px;
}
/* se aumenta el padding a la derecha para que los textos del menú lateral no solapen con el > */
.menuVertical .menu > li > .btnSubmenu, .menuVertical .menu > li > a, .menuVertical .menu > li > ul li a{
padding-right: 32px;
}
/* los botones de tipo 4 salen muy pegados en móvil, p.e. continuar en pag inicio wfors */
@media screen and (max-width: 767px) {
.button.button4 {
margin-left: 10px;
margin-right: 10px;
}
}
/* CAMBIOS PARA NORMATIVA TIPO BOE */
/* Añadimos sangria de primera linea */
.normativa .tx-sangria{
text-indent: 20px;
}
/* ajustamos las listas en normativa para que se vean similar a li-nivel-0 y en el PDF */
.tiny-text-byn.normativa li {
line-height: 1.3em;
margin: 10px 0 0px 40px !important;
}
/* En los tiny añadimos sangría tabulada al blockquote */
.tiny-text-byn blockquote, .tiny-text blockquote, .table__row blockquote {
padding: 0 0 0 16px;
}
/* quitamos el estilo versal para las normativas */
.normativa .tx-versal, .normativa .tx-versal-al-centrada, .normativa .tx-versal-al-derecha,
.normativa .tx-versal-al-izquierda, .normativa .tx-versal-al-justificada{
font-variant: normal;
}
/* A los titulos de la normativa se las pone con un wight de fuente normal*/
/* para los titulos-1 y titulos-2 se le añade separacion entre las lineas */
.normativa p.tx-titulo-1, .normativa td.tx-titulo-1,
.normativa p.tx-titulo-1-al-izquierda, .normativa td.tx-titulo-1-al-izquierda,
.normativa p.tx-titulo-1-al-centrada, .normativa td.tx-titulo-1-al-centrada,
.normativa p.tx-titulo-1-al-derecha, .normativa td.tx-titulo-1-al-derecha,
.normativa p.tx-titulo-1-al-justificada, .normativa td.tx-titulo-1-al-justificada,
.normativa p.tx-titulo-2, .normativa td.tx-titulo-2,
.normativa p.tx-titulo-2-al-izquierda, .normativa td.tx-titulo-2-al-izquierda,
.normativa p.tx-titulo-2-al-centrada , .normativa td.tx-titulo-2-al-centrada,
.normativa p.tx-titulo-2-al-derecha , .normativa td.tx-titulo-2-al-derecha,
.normativa p.tx-titulo-2-al-justificada, .normativa td.tx-titulo-2-al-justificada {
font-weight: normal;
line-height: 2.0em;
}
/* Adaptamos pading y margin para adaptar el texto como si tuviera line-height de los titulos-1 y 2*/
.normativa p.tx-titulo-3, .normativa td.tx-titulo-3,
.normativa p.tx-titulo-3-al-izquierda, .normativa td.tx-titulo-3-al-izquierda,
.normativa p.tx-titulo-3-al-centrada , .normativa td.tx-titulo-3-al-centrada,
.normativa p.tx-titulo-3-al-derecha , .normativa td.tx-titulo-3-al-derecha,
.normativa p.tx-titulo-3-al-justificada, .normativa td.tx-titulo-3-al-justificada {
font-weight: normal;
}
/* detalle de normativa párrafos separados y sin sangría de primera línea*/
.normativa p {
margin-top: 12px;
margin-bottom: 0px;
text-indent:0px;
}
/* marcar todos los bordes en las tablas de byn */
.tiny-text-byn table tr, .tiny-text-byn table td {
border: 1px solid #f2f2f2;
}
/* fin normativa */
/* para imagenes de las opciones de login en sede en formato caja */
.login-sede-img {
padding-top:5px;
height: 77px;
}
/* para texto "Conectar con.." en botones login sede */
span.login-sede-btn {
vertical-align: middle;
position: relative;
display: inline-block;
margin-right: 7px;
margin-left: -10px;
}
/* para div con opciones de login en sede en formato caja */
.login-sede-opt {
margin-bottom: 8px;
border: 0.5px solid #d7d7d7;
}
@media screen and (min-width: 850px) {
.login-sede-opt .login-sede-btn{
width:87%;
margin-left:15px;
}
}
@media screen and (min-width: 992px) {
.login-sede-opt .login-sede-btn{
width:82%;
margin-left:25px;
}
}
@media screen and (max-width: 767px) {
.login-sede-opt {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.login-sede-btn {
margin-top: 22px;
}
}
/* reducir el tamaño de letra de los botones en móvil */
@media screen and (max-width: 767px) {
.button.button4 {
font-size: 1.15em;
}
}
/* no flotar el panel de relaciones debajo del detalle, si la imagen era más larga que el texto se podía montar */
.nofluid .asociada {
clear: both;
}
/* los titulos de los avisos pueden tener correos y al ser largos no se cortaban */
.info-seccion .modal-alert p.title-modal {
word-wrap: break-word;
}
/* para poder usar p y div en la vista de comentarios */
.panel.panel-type1 .panel-body .form p.label-group, .panel.panel-type1 .panel-body .form div.label-group {
font-size: .8em;
line-height: 16px;
color: #666;
margin-bottom: 13px;
}
/* el texto en el pie de los portales fwk se ocultaba */
footer .footer-logo p.fm-text {
display: block;
color: white;
}
/* poner icono deshabilitado en campos de formulario de solo lectura */
.form.form-electronic input[readonly] {
cursor: not-allowed;
}
/* tramites a un clic, altura 9 elementos */
@media screen and (min-width: 768px) {
.featured_clic-links {
min-height: 392px; /* 152px para 6 elementos */
}
}
/* te interesa 6 elementos */
.te_interesa a.texto1 {
font-size: 1.25em;
}
/*Asistente de navegación*/
/* Adaptamos la ul para que se vea como una lista*/
ul.with-style {
list-style: inherit;
margin-left: 20px;
margin-bottom: 10px;
line-height: 1.3;
font-size: .875em;
}
/* No mostramos el elemento de las respuesta cuando se hace click*/
.noshow.collapse.in{
display: none;
}
/* No mostramos el elemento de las respuesta cuando se hace click*/
.noshow.collapsing{
display: none;
}
/* Muestra la información de las respuestas*/
.info-answer{
margin: 20px 25px 30px 50px;
line-height: 1.3;
font-size: .875em;
}
/* Muestra el color de letra y fondo de las respuesta y añade algo de separacion */
.no-background .collapsed{
color: black !important;
background-color: white;
/*border-top: 1px dotted lightgray;*/
}
/* para que no se descuadre si las respuestas ocupan 2 líneas */
.tramite-detalles .panel-header-tramites a::after {
top: 0;
background-color: black;
}
.no-background a{
padding-left: 60px;
text-indent: 0 !important;
}
/* añadido margen inferior para los botones*/
.button-separador{
margin-bottom: 30px;
}
/* Añadido margen inferior al separador*/
hr.separador {
margin-top: 0px;
margin-bottom: 10px;
}
/* Quita los bordes de la caja de respuestas*/
.tramite-detalles .panel.no-background{
box-shadow:none;
border-style: none
}
/* Quita los bordes de la caja de respuestas (responsive)*/
@media (min-width:768px) {
.tramite-detalles .panel.no-background{
box-shadow:none;
border-style: none
}
}
/* Fin asistentes de navegación*/
/* el enlace de registrarse de mi madrid no tiene el hover correcto */
.panel-registrate-mimadrid a:hover h3 {
color:white;
}
/* los +/- del árbol han aumentado cuandos se cambió la fuente con icono whatsapp */
.tree .tree-header .tree-toggle {
font-size:2.25em;
padding:7px;
}
.tree .tree-header .tree-toggle.plus {
font-size:1.65em;
padding:12px;
}
.info-detalles .header-panel-detalle a.collapsed::after {
font-size: 16px;
top: 60%;
right:16px;
}
/* el enlace trámites y gestiones en la home hacía un hover azul */
.featured_clic a .texto2:hover {
color:
white;
}
/* para añadir p en las p de las noticas de la home: hay que centrarlo en vertical,
además hay que repetir el hover que tiene el a a toda la capa para que cambie todo el bloque
y quitar el color de fondo al a y ponerselo a p, porque quedaría una banda de color en el a */
.vertical-middle {
vertical-align: middle;
display: table-cell;
}
.info_relevant-content.info_relevant-img_text.info_relevant-text.info_relevant-bg:hover {
background: #0000e1 !important;
}
.info_relevant-content.info_relevant-img_text.info_relevant-text.info_relevant-bg p a {
background: none !important;
}
/* si en lugar de h4 los modales son p, se juntan las letras si ocupa más de una línea */
.info-seccion .modal-alert .title-modal {
line-height:24px
}
/* el cerrar de cookies salia muy pequeño */
.panel-cookies a.eliminar:after {
font-size: 24px;
}
/* para listados paginados con ajax y persianas de sede y calendarios */
.ajax-error { color:red; }
#ajaxLoading, .ajaxLoadingDiv{
height: 100%;
min-height: 130px;
width: 100%;
background-color: white;
opacity: 0.9;
background-image: url(img/icon/loading.gif);
background-repeat: no-repeat;
background-position-x:center;
background-position-y:center;
}
#ajaxLoading, .zindex {
z-index: 1000;
position: absolute;
}
#ajaxLoading.top {
background-position:top;
}
#ajaxLoading.bottom {
background-position:bottom;
}
/* cambiar el icono de igualdad */
.carouselHome .igualdad a::before, .listadoHome .igualdad a::before {
font-size: 1px;
content: "-";
background-image: url(img/icon/igualdad.png);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: center;
}
.carouselHome .item a {
padding: 22px 4px 16px;
}
/* dar soporte a enlaces y listas en avisos */
.info-seccion .modal-alert a {
color: #333;
text-decoration: underline;
}
.info-seccion .modal-alert.modal-info a, .info-seccion .modal-alert.modal-info li {
color: white;
}
/* quitar inclusite logo */
ul.tabinclusite>li {
max-height: 150px !important;
overflow: hidden;
background: #fff none !important;
border: 1px solid #CCC !important;
border-left: 0px!important;
border-top-right-radius: 10px !important;
border-bottom-right-radius: 10px !important;
height: 90px !important;
}
ul.tabinclusite > li #inclu_arrow {
top: 35px;
}
ul.tabinclusite > li a img.logo_inclusite {
top: -17px;
position: relative;
}
/* bootstrap styles */
.m0 { margin:0 !important;}
.p0 { padding:0 !important;}
.mb-1 { margin-bottom:1em;}
.mb-2 { margin-bottom:2em;}
.mb-3 { margin-bottom:3em;}
.mt-1 { margin-top:1em;}
.mt-2 { margin-top:2em;}
.mt-3 { margin-top:3em;}
.pb-1 { padding-bottom:1em;}
.pb-2 { padding-bottom:2em;}
.pb-3 { padding-bottom:3em;}
.pt-1 { padding-top:1em;}
.pt-2 { padding-top:2em;}
.pt-3 { padding-top:3em;}
.pl-1 { padding-left:1em;}
.pl-2 { padding-left:2em;}
.pl-3 { padding-left:3em;}
.w100 { width:100% !important;}
.d-block { display: block !important;}
.d-none {display: none !important; }
.clear-left {clear:left;}
/* popups de OpenStreetMaps, letra más grande y Arial */
.leaflet-popup {
font-size: 14px;
font-family: Arial;
}
/* reajustamos el icono de lo más visto a -173px 0 en los min.css y creamos el modo aviso naranja y el modo span*/
.mw-title.orange > span {
color: white;
}
.mw-title.orange > span::after {
background-position: -199px 2px;
}
.mw-title.orange {
background-image: inherit;
background-color: #003df6;
}
@media screen and (max-width: 768px) {
.mw-title.orange::after {
border-top: 7px solid #003df6;
}
}
@media screen and (min-width: 768px) {
.mw-title.orange::after {
border-left: 7px solid #003df6;
}
}
@media screen and (min-width: 992px) {
.mw-content.orange {
height: 59px;
font-size: 18px;
}
}
span.mw-item:hover {
color: #333;
text-decoration: none;
}
/* poner icono wsdl y recolocar persona carpeta */
.ico-wsdl::after {
background-position: 0px -476px;
position: absolute;
content: '';
width: 40px;
height: 40px;
left: 0;
background-image: url(img/spr-sbb4ae8566a.png);
background-repeat: no-repeat;
}
.mc-motivos::after {
background-position: 0 -516px;
}
/* ajustamos el ancho de las imágenes en el tiny para que se adapten a responsive */
.tiny-text > p > img {
max-width: 100%;
}
/* reducimos el padding del texto citado en el tiny */
.tiny-text q {
padding: 0 4px;
}
/* en WFORS que no tiene menú hay que ocultar el menu pie que saca los botones de subir y bajar fuente, además quitamos padding */
@media screen and (max-width: 992px) {
.col-md-12.visible-md-block.visible-lg-block{
display: block !important;
}
.menuVertical{
padding-top: 0;
display: block;
padding-bottom: 20px;
}
#menuVerticalFooter{
display: flex;
justify-content: center;
}
.botonesFuenteImprimir {
display: none;
}
}
/* icono inscripcion detalle de actividad, se hace diferente al resto a no usar fuente, el icono se pone en el item no al title9
estos cambios deben también ir en cada hoja de color cuando se integren los cambios */
.info-actividad .inscripcion::after {
line-height: 100%;
position: absolute;
content: "\e012";
font-family: AytMadIcons;
color: #003df6;
text-indent: 0;
font-size: 36px;
top: -10px;
right: auto;
bottom: auto;
left: -47px;
text-transform: none;
}
.info-actividad .inscripcion {
position:relative;
}
/* revista digital, reducir el padding para que el texto de intro quepa aun con 3 lineas */
.magazine {
padding-top: 15px;
}
/* separar más los párrafos de la leyenda lopd de comentarios para mejorar legibilidad */
#commentEditForm .label-group p { padding-bottom:0.5em}
/* en el listado queda mucho espacio debajo del icono o info de accesibilidad */
ul.events-results .actividades-info li {
margin-bottom: 0px;
}
/* en el listado como accesibilidad noadaptado y parcial no tienen icono se mueven a la izquierda, si se supiera icono hay que quitar este margen*/
ul .actividades-info li p.noadaptado, ul.events-results .actividades-info li p.parcial{
margin-left: -2.4em;
}
/* nuevos iconos de accesibilidad detalle entidades */
.actividades-info .induccion::after, .actividades-info .podotactil::after, .actividades-info .signos::after {
position: absolute;
width: 40px;
height: 40px;
left: -42px;
background-image: url(img/icon/induccion.png);
background-repeat: no-repeat;
content: "";
}
.actividades-info .podotactil::after {
background-image: url(img/icon/podotactil.png);
}
.actividades-info .signos::after {
background-image: url(img/icon/signos.png);
}
.actividades-info .adicional {
line-height: 20px;
padding: 0px 25px 0px 25px;
font-size: 0.875em;
}
/* los iconos de accesibilidad que están en line queda el texto muy pegado a la izquierda se les pone el padding 5 que tienen los inline */
.detalle .actividades-info ul.list-line li {
padding-left: 5px;
}
/* los indicadores cuadrados no caben bien en detalles de contenido si tienen margen izquierdo, lo reducimos si están en mainContent */
main .indicador-rectangular {
margin-left: 2px;
}
/* las tablas de datos en el módulo de gráficos pueden ser muy largas, se deja scroll automático */
.grafico-container .showOnlyInIE8 {
overflow:auto;
}
/* reducidos los márgenes del pie */
.footer .footer-menu{
padding: 0;
}
.footer .fql-title{
margin-bottom: 10px;
}
.footer .footer-quick-links{
padding: 19px 0 0;
}
.footer .footer-other-sites{
padding: 19px 0 24px;
}
/* cambio de colores de fondo, el azul oscuro del pie se pone gris fluid3g, y en el pie en móvil al seleccionar se pasa a negro */
.bg-fluid3g {
background-color: #292929;
}
@media screen and (max-width: 767px) {
.footer-menu .collapse-item-active {
background-color: #000;
}
}
/* unas clases genérica de margen inferior y superior */
.margin-top {
margin-top: 20px;
}
.margin-bottom {
margin-bottom: 20px;
}
/* nuevo background gris medio fluid8, en él los títulos y los enlaces tienen que ser o negros o grises oscuros */
.bg-fluid8 {
background-color: #f1f1f1;
}
.bg-fluid8 .bg-triangle::after {
border-style: solid;
border-color: transparent;
border-right-color: transparent;
position: absolute;
z-index: 1;
border-width: 0 136px 24px 0;
border-right-color: #f1f1f1;
left: 50%;
margin-left: -136px;
}
.bg-fluid8 .formasParte-title, .bg-fluid8 .formasParte-link, .bg-fluid8 .gobierno-abierto__link_title {
color: #333;
}
.bg-fluid8 .title5, .bg-fluid8 .formasParte-text, .bg-fluid8 .gobierno-abierto__title, .bg-fluid8 .gobierno-abierto__text {
color: black;
}
.bg-fluid8 .carouselFormasParte .formasParte-text a {
color: #003df6;
border-bottom:2px solid #003df6;
}
/* hacemos un class general para que los enlaces visitados dentro de esa capa sean diferentes, se usa el color estándar
en el calendario en lugar de purple se ponen más claros para que se distingan mejor, y en la portada del publicaciones también que asociar al span */
.visited-color a:visited, .visited-color a:visited span.info-link-text {
color: purple;
}
.visited-color .datepicker.datepicker-server table.table-condensed tbody td.today a:visited {
color: darkviolet !important;
}
/* para que quepan 12 etiquetas en el gráfico */
.canvas-outer-container {
width: 100%;
}
/* en las pordadillas fwk en el módulo central los p negros de directorio pensados para agenda se juntan si ocupan 2 lineas */
.contacto-central .directorio-municipal li p {
line-height: 15px;
}
/* poner el logo de clave en la pagina de login de sede */
.mc-acceso-item .legend-cert::after {
content: "";
color: #fff;
width: 61px;
height: 61px;
background: #fff;
background-image: url('/FwFront/new/img/clave.png');
}
/* poner el logo del ayto en la pagina de login de sede */
.mc-acceso-item .legend-user.madrid::after {
content: "" !important;
color: #fff;
width: 61px;
height: 61px;
background: #fff;
border-radius: unset;
content: "";
background-image: url('/FwFront/new/img/logo-ayto.png');
}
/* ajustar la página de login de sede */
@media screen and (min-width: 768px) {
.mc-acceso .mc-acceso-item .form-group {
margin-bottom: 20px;
}
}
.mc-acceso .mc-acceso-item .legend.legend-cert {
max-width:61%
}
.mc-acceso .mc-acceso-item .legend.legend-user {
max-width:93%
}
.mc-acceso .buttons {
text-align:center
}
.mc-acceso-item ul.lista {
list-style:disc
}
.mc-acceso-item ul.lista li {
list-style:inherit;
margin: 0px 0 0px 17px
}
.seccion-titulo.miCarpeta,.section-name-title.miCarpeta{
text-shadow: none;
color:#000;
}
/* distritos, módulo de actividades en la zona mainContent */
.actividades.actividades_interior.nofluid {
background: #f2f2f2;
padding-top:5px;
}
.actividades_interior .info_relevant {
width: 105%;
}
.actividades_interior .calendario {
min-height: 230px;
}
/* el mapa de google en direcciones hace ahora cosas raras y se sale de su capa, se limita por css */
.info-actividad .mapa {
max-width: 100%;
overflow: hidden;
}
/* AMMPG-330 la altura fija de este bloque no tiene sentido, lo pone cada plantilla */
.newsCentralBlock .videoplayer object, .newsCentralBlock .videoplayer video {
height: auto;
}
/* poner icono por defecto a flv, mp3, mp4 y a mov*/
.ico-mov::before, .ico-mp3::before, .ico-mp4::before, .ico-flv::before {
content: "";
left: -6px;
}
/* poner icono zip a gz */
.ico-gz::after {
background-position: -160px -296px;
position: absolute;
content: '';
width: 40px;
height: 40px;
left: 0;
background-image: url(img/spr-sbb4ae8566a.png);
background-repeat: no-repeat;
}
/* AMPP-331: Accesibilidad 07-2017 hacer más grande el subtexto de las cabeceras, pasar a 28px */
.section-name-title > small {
font-size: 0.6223em;
padding: 0 105px;
}
/* AMMPG-258: botones subir y bajar */
/* hay que rebajar el z-index del carrusel y de los modal para que no quede por delante */
.header-carousel .owl-controls, .modal-alert {
z-index: 1 !important;
}
#nav_up, #nav_down {
width:70px;
height:70px;
border-radius: 70px 70px;
padding:0;
text-align:center;
background: whiteSmoke;
font-weight: bold;
color: #444;
text-decoration: none;
position:fixed;
bottom:30px;
display:none;
opacity: 0.7;
box-shadow: -4px 4px 4px whiteSmoke;
z-index:500;
}
#nav_up {
right:90px;
background: url('/new/img/arrow_up-gris.png') no-repeat 0px 5px;
}
#nav_down {
right:20px;
background: url('/new/img/arrow_down-gris.png') no-repeat 0px 5px;
}
#nav_up:hover, #nav_down:hover{
text-decoration:none;
opacity: 1 !important;
}
/* AMMPG-240: soporte parcial de elementos del tiny-text en los paneles de notificación */
.info-seccion .modal-alert p {
margin-bottom: 10px;
}
.info-seccion .modal-alert em {
font-style: italic !important;
}
.info-seccion .modal-alert ul {
list-style-type: disc;
padding: 5px 0;
}
.info-seccion .modal-alert ol {
list-style-type: decimal;
padding: 5px 0;
}
.info-seccion .modal-alert ul ol ul, .info-seccion .modal-alert ul ul, .info-seccion .modal-alert ul ul ol ul, .info-seccion .modal-alert ul ul ul {
list-style-type: disc;
}
.info-seccion .modal-alert ul li, .info-seccion .modal-alert ol li {
margin: 10px 0 10px 17px;
list-style: inherit;
font-size: 14px;
}
/* para que quepan 5 iconos en el listado del catálogo */
.global-results .events-results > li.withtable .event-info.min ul li {
width: 32px;
}
/* al atom de PLACSP se pone el mismo icono que el RSS */
.ico-atom::before {
content: "~";
}
/* Arrows CarouselHome */
/*
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page span, .carouselHome.owl-theme .owl-controls .owl-pagination .owl-page.active span { background: none; border: 0;}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page span:after{
color: white;
content:"g";
font-family: "AytMadIcons2";
font-size: 27px;
font-weight: bold;
position: relative;
text-shadow: 0px 0px 4px #666;
}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page + .owl-page span:after{ content: "f";}
.carouselHome.owl-theme .owl-controls .owl-pagination .owl-page.active span:after{ color: #0077b9;}
*/
/* WEM CLOUD */
/* en el cloud el wordwrap del ice.css afecta a la paginacion */
.container {word-wrap:normal; }
.pagination > li.prev , .pagination > li.next { word-wrap:normal; }
/* quitamos cosas del templating */
.vgn-ext-region, .vgn-ext-component { min-height:0px !important;}
strong{font-weight: 700 !important;}
/* el vext.css lo capa en preview */
.tiny-text em {
font-style: italic !important;
}
.mt-06 {
margin-top: 0.6em;
}
/* PLANA-265: trámites en contribuyente */
.info-detalles .header-panel-detalle a.no-content:after {
content: "" !important;
}
.footer-logo .fl-image .fl-link:hover {
text-decoration: none;
}
/*Plana 293: recuperacion de mail*/
.withimage .event-email {
display: table;
}
.event-email {
color: #666;
font-size: .9375em;
margin: 20px 0;
padding-top: 2px;
position: relative;
display: block;
clear: right;
padding-left: 36px;
line-height: 18px;
}
.event-email>span {
display: block;
}
.event-email:after {
line-height: 100%;
position: absolute;
/*
content: '\0031';
font-family: AytMadIcons;
*/
display: block;
content: ' ';
background-image: url(/assets/images/mail.svg);
background-size: 23px 23px;
height: 23px;
width: 23px;
color: #000;
text-indent: 0;
font-size: 23px;
top: 2px;
right: auto;
bottom: auto;
left: 0;
text-transform: none;
}
ul.reducida ul.bisnieto {
box-shadow: 0px 0px 5px black;
left: 100%;
width: 100%;
top: auto;
margin-top: -30%;
}
/*PLANA-312: añadir chat a listado y detalle tramite*/
.tramites.chat .icon {
position: relative;
background-image: url('/assets/images/chat/chat-38_38.png');
}
.tramites.chat.muted .icon {
position: relative;
background-image: url('/assets/images/chat/chat-38_38_g.png');
}
.tramites.chat .icon:after {
line-height: 100%;
position: absolute;
/*
content: "7";
font-family: AytMadIcons;
*/
display: block;
color: #003df6;
text-indent: 0;
font-size: 20px;
top: 2px;
right: 0;
bottom: 0;
left: 0;
text-transform: none;
}
.lista-tramites .tramites{
padding: 5px;
margin-left: 0px;
}
/*Ajustes de texto del listado*/
.lista-tramites .tramites .text {
display: grid;
font-size: 0.875em;
line-height: 14px;
margin-left: 40px;
position: relative;
margin-top: 8px;
align-content: center;
align-items: center;
}
/*Inclusion de imagen en detalle*/
.info-procedure__title.chat::before {
background-image: url('/assets/images/chat/chat-1.svg');
}
/*PLANA-166*/
.cssHide{
display: none;
}
/*PLANA-166*/
.modal-alert.modal-info {
top: 10px !important;
position: relative;
}
/*PLANA-318*/
.show-disc {
list-style: disc;
}
.show-disc ul {
list-style: disc;
}
.image-tooltip-access {
position: relative;
display: none;
height: auto;
line-height:0;
}
.image-tooltip-access + .tooltiptext2 {
visibility: hidden;
width: 400px;
height: auto;
background-color: white;
color: black;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity 0.3s;
border: 2px solid black;
display: none;
}
.image-tooltip-access:hover + .tooltiptext2 {
visibility: visible;
opacity: 1;
text-align: justify;
padding: 6px;
word-spacing: 4px;
}
.section-access-background{
background-color:#F8F9F9;
}
.color-background-access{
background-color:#F8F9F9;
margin-top: -22px;
}
.zero-section-access{
position: absolute;
width: 1128px;
height: 60px;
background-color: white;
}
.third-section-access{
position: relative;
top: 80px;
left: -50px;
background-color: transparent;
margin-bottom: 100px;
margin-top: -60px;
}
.options-access{
margin-top: 30px;
}
.position-image-access-zero{
background-color: black;
padding: 10px;
position: absolute;
height: 60px;
}
.zero-section-text{
position: absolute;
top: 15px;
left: 202px;
font-size: 28px;
color: #003DF6;
font-family: 'Lato', sans-serif;
}
.title-section-blue{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 54px;
line-height: 65px;
color: #003DF6;
margin-top: 58px;
}
.description-section-black{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 34px;
line-height: 41px;
margin-top: -18px;
}
.description-section-black2{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 41px;
}
.medium-access{
margin-top:50px;
margin-botton: 20px;
}
.blue_button_access1{
color: white;
padding: 5px;
margin-bottom: 47px;
}
.blue_button_access2{
color: white;
padding: 5px;
margin-bottom: 47px;
}
.blue_button_access3{
color: white;
padding: 5px;
margin-bottom: 47px;
}
.blue_button_access4{
color: white;
padding: 5px;
}
.button_access{
border: none;
background-color: #003DF6;
border-radius: 3px;
display:flex;
}
.select_blue_buttons{
margin-top:10px;
margin-bottom:10px;
}
#fit-image-content{
position: relative;
top: -100px;
height: 284px;
width: 131%;
}
.certificado .text-info-link-font{
font-size: 12px;
}
.certificado{
float: right;
top: 69px;
position: relative;
}
.third-section-access .fit-image-content {
position: relative;
width: 10%;
left: 100%;
min-width: 50px;
max-width: 50px;
margin-left: 15px;
}
.menuVertical.normal .btnMenuVerticalFavoritos,.menuVertical.normal .btnMenuVerticalCompartir,.btnMenuVerticalAumentarFuente,.btnMenuVerticalReducirFuente,.menuVertical .botonesFuenteImprimir a{
position: relative;
}
.medium-access{
margin-top: 60px;
margin-bottom: 10px;
font-size: 20px;
}
.info_icon_access{
top: 15px;
left: 10px;
}
.top-access{
margin-top:5px;
}
#arrow_but{
position: absolute;
left: 10px;
margin-top: 14px;
}
#text_button {
font-weight: 600;
font-style: normal;
padding: 16px;
font-size: 18px;
color: white;
position: relative;
text-align: center;
font-family: "Lato-Regular";
flex: 1;
text-align: center;
}
.text-info-link{
margin-top: 60px;
font-size: 16px;
color: blue;
}
.text-title-access{
font-size:20px;
font-family: 'Lato-Regular';
}
.below-access{
position:relative;
}
.content-row-2{
margin-top: 130px;
position: relative;
}
.content-row-3{
position: relative;
margin-top: 40px;
}
.content-row-footer{
height: 65px;
background-color: #003DF6;
position: relative;
margin-top: 75px;
}
.row-2{
position: absolute;
}
.row-3{
margin-top: 160px;
}
.access-sections{
padding:5px;
}
.options-access li{
list-style-type: disc;
margin-bottom: 11px;
margin-left: 17px !important;
font-family: 'Lato-Regular';
}
.text-title-access{
margin-top: 21px;
margin-bottom: 25px;
}
#bottom-content-access{
margin-top: 70px;
}
#first-section-access{
background-color: #F8F9F9;
margin-right: 125px;
height: 410px;
}
#footer-access{
background-color: #003DF6;
height: 80px;
position: relative;
top: 570px;
}
.position-image-access{
position: absolute;
padding: 10px;
left: 5%;
top: 10px;
}
.position-text-access{
color: white;
position: absolute;
top: 21px;
left: 200px;
font-family: "Lato-Regular";
font-style: normal;
font-weight: 600;
font-size: 22px;
}
.position-text-access2{
color: white;
position: absolute;
top: 25px;
right: -87%;
font-size: 14px;
}
.image-access-madrid-header{
position: absolute;
margin-top: 7px;
margin-left: 10px;
}
.image-footer-position{
position: absolute;
left: 0px;
}
.zero-section-text-title{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 20px;
color: #003DF6;
position: absolute;
top: 3px;
}
.medium-section-text-title{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 20px;
margin-bottom: 40px;
}
.text-info-link-font{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 600;
font-size: 18px;
margin-bottom: 10px;
}
.description-section-black2-text{
font-family: "Lato-Regular";
font-style: normal;
font-size: 17px;
}
.text-title-access-1{
font-family: 'Lato';
font-style: normal;
font-weight: 500;
font-size: 20px;
}
@media (min-width: 768px) and (max-width: 992px){
.image-tooltip-access {
position: relative;
display: none;
height: auto;
}
.image-tooltip-access + .tooltiptext2 {
visibility: hidden;
width: 400px;
height: auto;
background-color: white;
color: black;
text-align: center;
border-radius: 6px;
padding: 5px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 0%;
margin-left: -375px;
opacity: 0;
transition: opacity 0.3s;
border: 2px solid black;
display: none;
}
.image-tooltip-access:hover + .tooltiptext2 {
visibility: visible;
opacity: 1;
text-align: justify;
padding: 6px;
word-spacing: 4px;
}
.color-background-access{
background-color:white;
}
.title-section-blue{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 54px;
line-height: 65px;
color: #003DF6;
margin-top: 80px;
}
.position-image-access-zero{
background-color: black;
padding: 10px;
width: 188px;
position: absolute;
height: 60px;
left: -20px;
}
.position-text-access2{
color: white;
position: absolute;
top: 25px;
right: 4%;
}
.third-section-access{
position: relative;
top: 60px;
left: 35px;
}
.zero-section-text {
position: absolute;
top: 15px;
left: 180px;
font-size: 28px;
color: #003DF6;
font-family: "Lato-Regular";
}
.zero-section-text-title{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 600;
font-size: 28px;
line-height: 21px;
color: #003DF6;
margin-top: 3px;
position: relative;
}
.description-section-black{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 34px;
line-height: 41px;
margin-top: -18px;
}
.description-section-black2{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 41px;
margin-top: -55px;
}
.medium-access{
margin-top:60px;
margin-botton: 20px;
}
.blue_button_access1{
color: white;
padding: 5px;
margin-bottom: -20px;
}
.blue_button_access2{
color: white;
padding: 5px;
margin-bottom: -20px;
}
.blue_button_access3{
color: white;
padding: 5px;
margin-bottom: -20px;
}
.blue_button_access4{
color: white;
padding: 5px;
}
.info_icon_access {
top: -33px;
left: 98%;
}
.button_access{
border: none;
background-color: #003DF6;
border-radius: 3px;
width: 97%;
}
.select_blue_buttons > div{
margin-top:10px;
margin-bottom:10px;
}
#fit-image-content{
display: none;
}
.medium-access{
margin-top: 60px;
margin-bottom: 10px;
font-size:20px;
}
.top-access{
margin-top:30px;
}
#arrow_but{
position: absolute;
left: 10px;
margin-top: 14px;
}
#text_button{
padding: 16px;
font-family: "Lato-Regular";
}
.text-info-link{
margin-top: 7px;
font-size: 16px;
color: #003DF6;
}
.text-title-access{
font-size:20px;
}
.row-2{
margin-top: 60px;
}
.row-3{
margin-top: 90px;
}
.access-sections{
padding:5px;
}
.access-list-info{
list-style-type: disc;
}
.access-list-info-item{
margin-bottom: 11px;
margin-left: 17px !important;
}
.text-title-access{
margin-top: 21px;
margin-bottom: 25px;
}
#bottom-content-access{
margin-top: 80px;
}
#first-section-access{
margin-left: 25px;
margin-right: 25px;
background-color: white;
}
}
@media (min-width: 767px) and (max-width: 996px) {
.certificado {
top: 43px;
left: -18%;
}
}
@media (max-width: 767px){
.certificado{
float: right;
top: 0px;
}
.third-section-access .fit-image-content {
top: 3px;
margin-top: 15px;
left: 25%;
}
}
@media (max-width: 767px){
.image-tooltip-access + .tooltiptext2 {
left: 0%;
margin-left: -375px;
display: none;
}
.color-background-access{
background-color:white;
}
.zero-section-access{
display:none;
}
.position-image-access-zero{
display:none;
}
.zero-section-text{
display:none;
}
.title-section-blue{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 54px;
line-height: 65px;
color: #003DF6;
margin-top: 30px;
}
.description-section-black{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 34px;
line-height: 41px;
margin-top: -18px;
}
.description-section-black2{
font-family: "Lato-Regular";
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 41px;
margin-top: 39px;
}
.third-section-access {
position: relative;
top: 0px;
left: auto;
margin: 45px 25px;
}
.position-text-access {
color: white;
position: absolute;
top: 21px;
left: 172px;
}
.position-text-access2 {
color: white;
position: absolute;
top: 25px;
right: 4%;
}
.medium-access{
margin-top:60px;
margin-botton: 20px;
}
.blue_button_access1{
color: white;
padding: 5px;
margin-bottom: -25px;
}
.blue_button_access2{
color: white;
padding: 5px;
margin-bottom: -25px;
}
.blue_button_access3{
color: white;
padding: 5px;
margin-bottom: -25px;
}
.blue_button_access4{
color: white;
padding: 5px;
}
.button_access{
border: none;
background-color: #003DF6;
border-radius: 3px;
width: 97%;
}
.select_blue_buttons > div {
margin-top:10px;
margin-bottom:10px;
}
#fit-image-content{
display: none;
}
.medium-access{
margin-top: 60px;
margin-bottom: 10px;
font-size:20px;
}
.info_icon_access{
top: -35px;
left: 10px;
left: 98%;
}
.top-access{
margin-top:30px;
}
#arrow_but{
position: absolute;
left: 10px;
margin-top: 14px;
}
#text_button{
padding: 16px;
font-family: "Lato-Regular";
}
.text-info-link{
margin-top: 2px;
font-size: 16px;
color: #003DF6;
}
.text-title-access{
font-size:20px;
}
.row-2{
margin-top: 60px;
}
.row-3{
margin-top: 100px;
}
.access-sections{
padding:5px;
}
.access-list-info{
list-style-type: disc;
}
.access-list-info-item{
margin-bottom: 11px;
margin-left: 17px !important;
}
.text-title-access{
margin-top: 21px;
margin-bottom: 25px;
}
#bottom-content-access{
margin-top: 30px;
}
#first-section-access{
margin-left: 25px;
margin-right: 25px;
background-color: white;
height: auto;
margin-bottom: -55px;
}
.content-row-footer {
height: 65px;
background-color: #003DF6;
position: relative;
}
}
/*PLANA-305*/
#mapa_distritos .section-1{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 20px;
width: 100%;
height: 544px;
}
#mapa_distritos .title-section-1{
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
padding: 10px;
gap: 10px;
width: 100%;
height: 56px;
}
#mapa_distritos .text-section-1{
width: 325px;
height: 36px;
display: contents;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 30px;
line-height: 36px;
text-align: center;
letter-spacing: 0.0312px;
color: #000000;
}
#mapa_distritos .distritos-map-container{
margin-bottom: 30px;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 40px 30px;
gap: 30px;
width: 100%;
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/madrid.png) no-repeat right;
background-size: cover;
background-repeat: no-repeat;
flex-wrap: wrap;
}
#mapa_distritos .distritos-map{
display: flex;
flex-direction: row;
align-items: center;
padding: 0px;
width: 617px;
height: 388px;
}
#mapa_distritos .distritos{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 24px;
width: 339px;
height: 388px;
}
#mapa_distritos .title-distritos{
width: 239px;
height: 24px;
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 20px;
line-height: 24px;
letter-spacing: 0.0312px;
color: #000000;
}
#mapa_distritos .columns-distrito{
display: flex;
flex-direction: row;
align-items: flex-start;
padding: 0px;
gap: 37px;
width: 339px;
height: 340px;
}
#mapa_distritos .column-distrito{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
gap: 12px;
width: 155px;
height: 340px;
}
#mapa_distritos .cell-distrito{
width: 147px;
height: 20px;
-webkit-user-select: none; /* Chrome all / Safari all */
-moz-user-select: none; /* Firefox all */
-ms-user-select: none; /* IE 10+ */
user-select: none;
}
#mapa_distritos .text-cell-distrito{
padding-top: 10px;
text-align: left;
padding-left: 15px;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
color: #000000;
width:170px;
}
#mapa_distritos .card-distrito{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
width: 297px;
height: 215px;
}
#mapa_distritos .container-card{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
padding: 0px;
width: 297px;
height: 40px;
}
#mapa_distritos .title-card{
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 16px;
gap: 11px;
width: 225px;
height: 40px;
background: #003DF6;
}
#mapa_distritos .text-card{
width: 170px;
height: 22px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 22px;
display: flex;
align-items: center;
color: #F8F9F9;
}
span.subtitulo {
display: flex;
align-items: center;
white-space: nowrap;
}
#mapa_distritos .container-content-card{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 16px;
gap: 72px;
width: 318px;
height: 185px;
background: #FFFFFF;
border-radius: 0px;
}
#mapa_distritos .content-card{
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 0px;
width: 265px;
height: 67px;
gap: 4px;
}
#mapa_distritos .text-content-card{
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 17px;
color: #000000;
position: relative;
top: -8px;
}
#mapa_distritos .container-iconos{
display: none;
flex-direction: row;
align-items: center;
padding: 0px;
width: 291px;
height: 34px;}
#mapa_distritos .container-icono{
display: flex;
flex-direction: row;
align-items: center;
padding: 5px;
gap: 2px;
width: 148px;
height: 37px;
}
#mapa_distritos .img-icono{
width: 24px;
height: 24px;
}
#mapa_distritos .text-icono{
height: 34px;
font-family: 'Lato';
font-style: normal;
font-size: 13px;
line-height: 17px;
}
#mapa_distritos .footer-card{
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
padding: 0px;
gap: 8px;
display: none;
width: 265px;
height: 60px;
}
#mapa_distritos .link-footer-card{
width: auto;
height: 17px;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 17px;
display: flex;
align-items: flex-end;
text-decoration-line: underline;
color: #003DF6;
}
#mapa_distritos .text-cell-distrito.resaltado{
color: #003DF6;
font-weight: bold;
}
#mapa_distritos .text-cell-distrito.noresaltado{
color: #000000;
font-weight: normal;
}
#mapa_distritos .content-card.distrito{
display: none;
}
#mapa_distritos .distritos-map-container.Arganzuela{
object-fit: cover;
width:100%;
height:100%;
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/arganzuela.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Barajas{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/barajas.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Carabanchel{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/carabanchel.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Centro{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img//modulo1/centro.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Chamartín{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img//modulo1/chamartin.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Chamberí{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img//modulo1/chamberi.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Ciudad{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img//modulo1/ciudad_lineal.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Fuencarral{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img//modulo1/fuencarral.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Hortaleza{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/hortaleza.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Latina{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/latina.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Moncloa{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/moncloa.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Moratalaz{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/moratalaz.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Puente{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/vallecas.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Retiro{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/retiro.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Salamanca{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/salamanca.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Canillejas{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/san_blas.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Tetuán{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/tetuan.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Usera{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/usera.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Vicálvaro{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/vicalvaro.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Villa{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/villa_vallecas.png) no-repeat right;
}
#mapa_distritos .distritos-map-container.Villaverde{
background: linear-gradient(93.06deg, #FFFFFF 53.71%, rgba(255, 255, 255, 0.75) 67.91%, rgba(255, 255, 255, 0) 83.48%), url(/assets/css/img/modulo1/villaverde.png) no-repeat right;
}
/* Cabecera 2023 */
/* *********************************** */
/* Contenedores del contenido */
/* *********************************** */
#cabecera23 .container {
width: 100%;
}
#cabecera23 .contenedor-centrado {
width: 100%;
display: flex;
justify-content: center;
}
#cabecera23 .contenedor-contenido {
width: 950px;
}
/* ********************************** */
/* Estilos de la banda superior negra */
/* ********************************** */
#cabecera23 .banda-superior {
width: 100%;
display: block;
background-color: black;
}
#cabecera23 .contenedor-logo-busqueda {
height: 80px;
display: flex;
justify-content: space-around;
align-items: center; /* Centra verticalmente los elementos */
}
#cabecera23 .banda-superior-menu-hamburguesa {
display: none;
}
#cabecera23 .banda-superior-logo {
display: flex;
align-items: center;
}
#cabecera23 .banda-superior-logo > h1 {
margin-left: 20px;
border-left: 1px solid white;
padding-left: 20px;
padding-right: 20px;
text-decoration: none;
font-family: 'Lato';
font-style: normal;
font-weight: 700;
font-size: 17px;
line-height: 17px;
}
#cabecera23 .banda-superior-logo > h1 > a {
color: #FFFFFF;
}
/* ********************************** */
/* Estilos de la barra de búsqueda */
/* ********************************** */
#cabecera23 .contenedor-formulario-busqueda {
border: 1px solid white; /* Grosor del borde y color blanco */
border-radius: 5px; /* Curvatura de las esquinas */
}
#cabecera23 .formulario-busqueda {
width: 290px;
height: 40px;
display: flex;
align-items: center;
justify-content: space-between;
}
#cabecera23 .boton-buscar {
background-color: transparent;
border: none;
margin-right: 10px;
}
#cabecera23 .boton-buscar img {
width: 30px;
height: fit-content;
}
#cabecera23 .input-busqueda {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 19px;
border: none;
color: #FFFFFF;
background: transparent;
margin-left: 15px;
}
#cabecera23 .input-busqueda::placeholder {
color: #FFFFFF;
}
#cabecera23 .input-busqueda:focus {
outline: none;
}
#cabecera23 .contenedor-formulario-lupa-responsive {
display: none;
}
/* ****************************************** */
/* Estilos de la banda de búsqueda responsive */
/* ****************************************** */
#cabecera23 .banda-busqueda {
height: 80px;
display: none;
align-items: center;
justify-content: center;
background-color: #003df6;
}
#cabecera23 .contenedor-formulario-busqueda-responsive {
border: 1px solid white; /* Grosor del borde y color blanco */
border-radius: 5px; /* Curvatura de las esquinas */
width: 95%;
}
#cabecera23 .boton-buscar-responsive {
border-right: 1px solid white;
}
#cabecera23 .boton-cancelar-responsive {
margin-right: 5px;
margin-top: 3px;
}
#cabecera23 .banda-busqueda-botones {
display: flex;
justify-content: space-around;
}
/* ************************* */
/* Estilos del menu superior */
/* ************************* */
#cabecera23 .menu-superior {
width: 100%;
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
background-color: white;
margin-bottom: 1px;
}
#cabecera23 .menu-superior-lista {
display: flex; /* Utilizamos flexbox para alinear los elementos */
list-style-type: none;
height: 51px;
}
#cabecera23 .menu-superior-lista > li {
width: 100%;
display: flex; /* Aplicamos flexbox en cada elemento li */
justify-content: center; /* Centramos horizontalmente el contenido */
align-items: center; /* Centramos verticalmente el contenido */
position: relative; /* Necesario para posicionar la línea */
}
#cabecera23 .menu-superior-texto {
text-decoration: none;
font-family: 'Gill Sans';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
color: #333333;
align-items: center; /* Centramos verticalmente el contenido del enlace */
text-align: center; /* Centramos horizontalmente el texto del enlace */
}
#cabecera23 .menu-superior-texto:hover {
text-decoration: none;
color: #003df6 !important;
}
#cabecera23 .menu-superior-activo a {
color: #003df6; /* Cambiamos el color del texto del elemento con la línea a azul */
}
#cabecera23 .menu-superior-activo::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px; /* Altura de la línea */
background-color: #003df6; /* Color de la línea (azul en este caso) */
}
/* ************************************************* */
/* Estilos de la zona de sección y del menu inferior */
/* ************************************************* */
#cabecera23 .menu-seccion {
background: white;
}
#cabecera23 .contenedor-seccion-nombre-iconos {
padding-top: 30px;
padding-bottom: 30px;
display: flex;
justify-content: space-between;
}
#cabecera23 .seccion-nombre-texto h1 {
font-family: 'Lato';
font-style: normal;
font-weight: 600;
font-size: 40px;
line-height: 48px;
letter-spacing: 0.0312px;
text-transform: uppercase;
color: #000000;
margin-bottom: 15px;
}
#cabecera23 .seccion-nombre-texto p {
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 19px;
color: #000000;
}
#cabecera23 .seccion-nombre-iconos {
text-align: right; /* Alinea el contenido a la derecha */
padding-right: 20px;
padding-top: 20px;
}
#cabecera23 .seccion-nombre-iconos img {
width: 30px; /* Ancho de la imagen */
height: 30px; /* Alto de la imagen */
margin-left: 10px;
}
/* ************************* */
/* Estilos del menu inferior */
/* ************************* */
#cabecera23 .menu-inferior {
width: 100%;
background-color: white;
}
#cabecera23 .menu-inferior-lista {
display: flex; /* Utilizamos flexbox para alinear los elementos */
list-style-type: none;
height: 65px;
position: relative; /* Necesario para posicionar la línea */
}
/* Pone la línea azul */
#cabecera23 .menu-inferior-lista::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px; /* Altura de la línea */
background-color: #003df6; /* Color de la línea (azul en este caso) */
}
#cabecera23 .menu-inferior-lista > li {
width: 100%;
display: flex; /* Aplicamos flexbox en cada elemento li */
justify-content: center; /* Centramos horizontalmente el contenido */
align-items: center; /* Centramos verticalmente el contenido */
}
#cabecera23 .menu-inferior-lista > li:hover {
background-color: #003df6;
color: white !important;
}
#cabecera23 .menu-inferior-lista > li:hover a{
color: white !important;
text-decoration: none;
}
#cabecera23 .menu-inferior-texto {
text-decoration: none;
font-family: 'Lato';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 22px;
text-align: center;
color: #000000;
align-items: center; /* Centramos verticalmente el contenido del enlace */
text-align: center; /* Centramos horizontalmente el texto del enlace */
}
#cabecera23 .menu-inferior-activo {
background-color: #003df6; /* Cambiamos el color del texto del elemento con la línea a azul */
}
#cabecera23 .menu-inferior-activo a {
color: white; /* Cambiamos el color del texto del elemento con la línea a azul */
}
/*PLANA-306*/
/*Tramites*/
/* *********************************** */
/* Contenedor del catálogo de trámites */
/* *********************************** */
#tramites_distritos .contenedor-centrado {
width: 100%;
display: flex;
justify-content: center;
}
/* ******************** */
/* Título de la sección */
/* ******************** */
#tramites_distritos .catalogo-tramites-titulo {
width: fit-content;
height: fit-content;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 36px;
letter-spacing: 0.0312px;
color: #000000;
/* margin-bottom: 30px; */
}
#tramites_distritos .contenedor-modulos-tramite {
margin-bottom: 30px;
}
#tramites_distritos .contenedor-modulos-tramite-fit-content a {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 14px;
text-decoration-line: underline;
color: #003DF6;
margin-top: 10px;
position: inherit !important;
display: block !important;
}
/* ********************* */
/* Contenedor de módulos */
/* ********************* */
#tramites_distritos .contenedor-modulos-tramite-fit-content {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
margin-bottom: 30px;
}
#tramites_distritos .fila-modulos {
display: flex;
flex-wrap: wrap;
width: 1000px;
gap: 10px;
justify-content: center;
}
/* *************** */
/* Caja del módulo */
/* *************** */
#tramites_distritos .modulo-tramite {
display: flex;
flex-direction: column;
align-items: flex-start;
padding: 28px 22px 28px 24px;
gap: 17px;
width: 400px;
height: auto;
min-height: 320px;
background: #FFFFFF;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.05);
border-radius: 8px;
flex: none;
order: 0;
flex-grow: 0;
}
/* ************************ */
/* Título del módulo y icon */
/* ************************ */
#tramites_distritos .modulo-tramite-titulo {
display: flex;
align-items: center;
width: 100%;
}
#tramites_distritos .modulo-tramite-titulo img {
width: 30px;
height: 30px;
}
#tramites_distritos .modulo-tramite-titulo h3 {
width: 70%;
margin-left: 10px;
font-size: 20px;
}
#tramites_distritos .modulo-tramite-titulo span {
width: 30%;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 15px;
line-height: 16px;
text-align: right;
letter-spacing: 0.0312px;
color: #003DF6;
}
/* ******************* */
/* Trámites del módulo */
/* ******************* */
#tramites_distritos .modulo-tramite-tramites {
width: 100%;
height: 100%;
}
#tramites_distritos .modulo-tramite-texto-gestion {
width: 100%;
position: relative;
margin-bottom: 40px;
}
#tramites_distritos .modulo-tramite-texto-gestion span {
position: absolute;
top: 0;
right: 0;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 15px;
text-align: right;
letter-spacing: 0.0312px;
color: #000000;
}
#tramites_distritos .modulo-tramite-elemento {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 30px;
position: relative;
}
#tramites_distritos .modulo-tramite-elemento span {
width: 70%;
text-align: left;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 300;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.0312px;
color: #000000;
}
#tramites_distritos .modulo-tramite-elemento img {
height: 20px;
width: 20px;
/* filter: grayscale(100%); */
}
#tramites_distritos .modulo-tramite-texto-todos {
width: 100%;
}
#tramites_distritos .modulo-tramite-texto-todos span {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20px;
letter-spacing: 0.0312px;
text-decoration-line: underline;
color: #003DF6;
}
/*Info Destacada*/
/* *********************************** */
/* Contenedores del contenido */
/* *********************************** */
#info_destacada_distritos .contenedor-centrado {
width: 100%;
display: flex;
justify-content: center;
}
#info_destacada_distritos .contenedor-contenido {
width: 800px;
}
/* ******************** */
/* Título de la sección */
/* ******************** */
#info_destacada_distritos .titulo-seccion {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
letter-spacing: 0.0312px;
color: #000000;
margin-bottom: 20px;
}
/* ******************************** */
/* Contenedor información destacada */
/* ******************************** */
#info_destacada_distritos .contenedor-informacion-destacada {
display: flex;
}
/* ****** */
/* Imagen */
/* ****** */
#info_destacada_distritos .contenedor-imagen-presupuestos {
width: 100%;
margin-right: 20px;
}
#info_destacada_distritos .contenedor-imagen-presupuestos img {
width: 100%;
height: fit-content;
}
/* ************ */
/* Presupuestos */
/* ************ */
#info_destacada_distritos .contenedor-presupuestos {
margin-top: 25px;
}
#info_destacada_distritos .contenedor-presupuestos h3 {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 29px;
color: #000000;
margin-bottom: 15px;
}
#info_destacada_distritos .contenedor-presupuestos span {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #000000;
}
#info_destacada_distritos .presupuestos-categorias {
margin-top: 20px;
display: flex;
}
#info_destacada_distritos .presupuestos-categorias a {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 25px;
text-decoration-line: underline;
color: #003DF6;
margin-right: 20px;
}
#info_destacada_distritos .presupuestos-categorias span {
padding: 6px 16px;
width: 117px;
height: 30px;
background: #D9E2FF;
border-radius: 40px;
text-align: center;
margin-left: 15px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 18px;
color: #003DF6;
}
/* ****************** */
/* Módulo información */
/* ****************** */
#info_destacada_distritos .modulo-informacion {
display: flex;
margin-bottom: 30px;
}
#info_destacada_distritos .modulo-informacion img {
width: 50px;
height: fit-content;
}
#info_destacada_distritos .modulo-informacion-texto {
margin-left: 20px;
align-items: center;
}
#info_destacada_distritos .modulo-informacion-texto h3 {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 23px;
color: #000000;
margin-bottom: 5px;
}
#info_destacada_distritos .modulo-informacion-texto span {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #000000;
}
#info_destacada_distritos .modulo-informacion-texto a {
margin-top: 5px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20px;
text-decoration-line: underline;
color: #003DF6;
display: block;
}
@media (max-width: 820px) {
#info_destacada_distritos .contenedor-informacion-destacada {
display: block;
}
#info_destacada_distritos .contenedor-imagen-presupuestos {
width: 500px;
margin-bottom: 10px;
}
}
@media (max-width: 520px) {
#info_destacada_distritos .contenedor-imagen-presupuestos {
width: 100%;
}
}
/*PLANA-308*/
/*composicion*/
/* *********************************** */
/* Contenedores del contenido */
/* *********************************** */
#composicion_distritos .contenedor-centrado {
width: 100%;
display: flex;
justify-content: center;
}
#composicion_distritos .contenedor-contenido {
width: 800px;
}
/* ******************** */
/* Título de la sección */
/* ******************** */
#composicion_distritos .titulo-seccion {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
color: #000000;
margin-bottom: 20px;
}
#composicion_distritos .titulo-seccion h2 {
font-size: 30px;
line-height: 36px;
letter-spacing: 0.0312px;
margin-bottom: 15px;
}
#composicion_distritos .titulo-seccion span {
font-size: 15px;
line-height: 19px;
width: 100%;
}
/* ********************* */
/* Contenedor de módulos */
/* ********************* */
#composicion_distritos .contenedor-filas-imagen {
display: flex;
}
#composicion_distritos .contenedor-filas-imagen > img {
width: 320px;
height: 470px;
position: relative;
right: 50px;
}
#composicion_distritos .fila-modulos {
width: fit-content;
display: flex;
}
#composicion_distritos .contenedor-servicios {
width: 100%;
}
#composicion_distritos .modulo-servicio {
width: fit-content;
display: flex;
margin-right: 20px;
margin-bottom: 20px;
}
/* ***************** */
/* Título del módulo */
/* ***************** */
#composicion_distritos .modulo-servicio-titulo {
width: 123px;
height: 132px;
background-color: #003DF6;
margin-right: 7px;
display: flex;
flex-direction: column;
justify-content: center;
}
#composicion_distritos .modulo-servicio-titulo h3 {
margin-left: 10px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 17px;
line-height: 20px;
letter-spacing: 0.0312px;
color: #FFFFFF;
}
#composicion_distritos .modulo-servicio-titulo img {
width: 20px;
height: 20px;
margin-left: 10px;
order: -1;
margin-bottom: 5px;
}
/* ***************** */
/* Cuerpo del módulo */
/* ***************** */
#composicion_distritos .modulo-servicio-cuerpo {
width: 166px;
height: 132px;
background-color: #F8F9F9;
display: flex;
flex-direction: column;
justify-content: center;
}
#composicion_distritos .modulo-servicio-cuerpo span {
margin-left: 20px;
margin-bottom: 15px;
width: 118px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 18px;
letter-spacing: 0.0312px;
color: #000000;
}
#composicion_distritos .modulo-servicio-cuerpo a {
text-decoration: none;
margin-left: 20px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 24px;
letter-spacing: 0.0312px;
text-decoration-line: underline;
color: #003DF6;
}
/*datos*/
/* *********************************** */
/* Contenedores del contenido */
/* *********************************** */
#datos_distritos .contenedor-centrado {
width: 100%;
display: flex;
justify-content: center;
}
#datos_distritos .contenedor-contenido {
width: 800px;
}
/* ******************** */
/* Título de la sección */
/* ******************** */
#datos_distritos .titulo-seccion {
width: 100%;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 500;
margin-bottom: 20px;
font-size: 30px;
line-height: 36px;
letter-spacing: 0.0312px;
margin-bottom: 15px;
text-align: center;
}
#datos_distritos .titulo-seccion .texto-azul {
color: #003DF6;
}
/* ******************* */
/* Modulos 'en Cifras' */
/* ******************* */
#datos_distritos .fila-modulos-cifras {
display: flex;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
}
#datos_distritos .modulo-cifras {
text-align: center;
}
#datos_distritos .modulo-cifras img {
width: 200px;
height: auto;
}
#datos_distritos .modulo-cifras h3 {
margin-top: 20px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 600;
font-size: 18px;
line-height: 20px;
letter-spacing: 0.0312px;
color: #003DF6;
}
/* ****************************** */
/* Transparencia y Datos Abiertos */
/* ****************************** */
#datos_distritos .fila-transparencia {
margin-top: 80px;
display: flex;
justify-content: space-between;
}
#datos_distritos .imagen-titulo-transparencia {
width: 48%;
display: flex;
}
#datos_distritos .imagen-titulo-transparencia img {
width: 150px;
height: fit-content;
}
#datos_distritos .imagen-titulo-transparencia h3 {
margin-top: 30px;
margin-left: 30px;
width: 220px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
color: #000000;
}
#datos_distritos .contenedor-listado-transparencia {
width: 48%;
background: #F8F9F9;
}
#datos_distritos .listado-transparencia {
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
}
#datos_distritos .item-listado-transparencia {
display: flex;
align-items: center;
margin-bottom: 20px;
}
#datos_distritos .item-listado-transparencia img {
width: 28px;
height: auto;
margin-right: 10px;
}
#datos_distritos .item-listado-transparencia span {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 18px;
color: #000000;
}
/*PLANA-307*/
/* *********************************** */
/* Contenedores del contenido */
/* *********************************** */
#equipamiento_distritos .contenedor-centrado {
width: 100%;
display: flex;
justify-content: center;
}
/* ******************** */
/* Título de la sección */
/* ******************** */
#equipamiento_distritos .titulo-seccion{
position: relative;
left: -23px;
}
#equipamiento_distritos .titulo-seccion h2 {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 30px;
line-height: 36px;
letter-spacing: 0.0312px;
color: #000000;
margin-bottom: 10px;
}
#equipamiento_distritos .titulo-seccion p {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 19px;
color: #000000;
}
/* ******************************** */
/* Contenedor información destacada */
/* ******************************** */
#equipamiento_distritos .contenedor-mapa-servicios {
display: flex;
margin-top: 30px;
}
#equipamiento_distritos .contenedor-contenido {
width: fit-content;
}
/* *********** */
/* Mapa ciudad */
/* *********** */
#equipamiento_distritos .mapa-ciudad {
width: 80%;
}
#equipamiento_distritos .mapa-ciudad iframe {
width: 800px;
height: 500px;
}
/* ****************** */
/* Módulo servicios */
/* ****************** */
#equipamiento_distritos .modulo-servicio {
display: flex;
margin-bottom: 30px;
}
#equipamiento_distritos .modulo-servicio img {
width: 50px;
height: fit-content;
}
#equipamiento_distritos .modulo-servicio-texto {
margin-left: 20px;
align-items: center;
}
#equipamiento_distritos .modulo-servicio-texto h3 {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 700;
font-size: 19px;
line-height: 23px;
color: #000000;
margin-bottom: 5px;
}
#equipamiento_distritos .modulo-servicio-texto span {
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
color: #000000;
}
#equipamiento_distritos .modulo-servicio-texto a {
margin-top: 5px;
font-family: 'Lato', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 20px;
text-decoration-line: underline;
color: #003DF6;
display: block;
}
@media (max-width: 1320px) {
#equipamiento_distritos .contenedor-mapa-servicios {
display: block;
}
#equipamiento_distritos .contenedor-mapa-servicios {
width: 100%;
}
#equipamiento_distritos .mapa-ciudad {
width: 100%;
}
#equipamiento_distritos .mapa-ciudad iframe {
width: 100%;
height: 500px;
}
#equipamiento_distritos .contenedor-servicios {
margin-left: 60px;
margin-top: 30px;
}
}
@media (max-width: 980px) {
#info_destacada_distritos .contenedor-contenido {
width: 800px;
margin-top: 207px;
}
}
@media (max-width: 980px) {
#composicion_distritos .contenedor-contenido {
width: 800px;
margin-top: -3px;
}
}
@media (max-width: 900px) {
#equipamiento_distritos .mapa-ciudad iframe {
height: 400px;
}
}
@media (max-width: 800px) {
#equipamiento_distritos .contenedor-servicios {
margin-left: 0px;
}
}
/************************/
/* DISTRITOS RESPONSIVE */
/************************/
/* CABECERA */
@media (max-width: 660px) {
#cabecera23 .contenedor-contenido {
width: 100%;
}
#cabecera23 .banda-superior-menu-hamburguesa {
display: flex;
}
#cabecera23 .banda-superior-logo > h1 {
display: none;
}
#cabecera23 .formulario-busqueda {
width: 100%;
}
#cabecera23 .formulario-busqueda label {
width: 90%;
}
#cabecera23 .menu-superior {
display: none;
}
#cabecera23 .menu-inferior-lista {
display: block;
height: auto;
margin-bottom: 20px;
}
#cabecera23 .menu-inferior-lista::before {
background-color: white; /* Color de la línea (azul en este caso) */
}
#cabecera23 .menu-inferior-lista > li {
height: 30px;
}
}
@media (max-width: 540px) {
#cabecera23 .contenedor-formulario-busqueda {
display: none
}
#cabecera23 .contenedor-formulario-lupa-responsive {
display: flex
}
}
/* Mapa distritos */
@media (max-width: 1000px) {
#mapa_distritos .distritos-map-draw {
display: none
}
/* #mapa_distritos .card-distrito {
display: none;
} */
}
/* Tramites distritos */
@media (max-width: 1840px) {
#tramites_distritos .fila-modulos {
width: 100%;
}
}
@media (max-width: 1100px) {
#tramites_distritos .modulo-tramite {
height: 315px;
}
}
@media (max-width: 420px) {
#tramites_distritos .modulo-tramite {
width: 100%;
height: fit-content;
}
}
/* Composicion distritos */
@media (max-width: 1120px) {
#composicion_distritos .contenedor-filas-imagen > img {
display: none; /* Cambiar a display block cuando la pantalla sea menor a 700px */
}
}
@media (max-width: 750px) {
#composicion_distritos .contenedor-filas-modulos {
width: 100%;
}
#composicion_distritos .fila-modulos {
display: block;
width: 100%;
}
#composicion_distritos .modulo-servicio {
width: 100%;
}
#composicion_distritos .modulo-servicio-titulo {
width: 40%;
}
#composicion_distritos .modulo-servicio-cuerpo {
width: 60%;
}
#composicion_distritos .modulo-servicio-cuerpo span {
width: auto;
}
}
/* Datos distritos */
@media (max-width: 1050px) {
#datos_distritos .imagen-titulo-transparencia img {
display: none;
}
#datos_distritos .imagen-titulo-transparencia {
width: 30%;
}
#datos_distritos .contenedor-listado-transparencia {
width: 60%;
}
}
@media (max-width: 980px) {
#datos_distritos .fila-modulos-cifras {
justify-content: center;
}
#datos_distritos .modulo-cifras {
margin-bottom: 15px;
margin-right: 30px;
}
#datos_distritos .fila-transparencia {
display: block;
margin-top: 14px;
}
#datos_distritos .imagen-titulo-transparencia {
width: 100%;
margin-bottom: 10px;
}
#datos_distritos .imagen-titulo-transparencia h3 {
width: 100%;
text-align: center;
}
#datos_distritos .contenedor-listado-transparencia {
width: 100%;
padding-top: 5px;
padding-bottom: 5px;
}
}
@media (max-width: 435px) {
#datos_distritos .modulo-cifras {
margin-right: 0px;
}
}
/*Iconocs de favoritos, imprimir y compartir*/
#popupMenuSocialDistritos {
display: none;
background-color: #ffffff;
padding: 20px;
border-color: blue;
border-style: solid;
border-width: 3px;
position: absolute;
right: 160px;
top: 88px;
z-index: 100;
}
.listaCompartirEn{
position: relative;
text-align: left;
padding-bottom: 10px;
}
@media (max-width: 978px) {
#popupMenuSocialDistritos{
background-color: rgb(255, 255, 255);
padding: 20px;
border-color: #003df6;
border-style: solid;
border-width: 3px;
position: absolute;
right: 65px;
top: 88px;
z-index: 100;
}
}
@media (max-width: 1572px) {
#popupMenuSocialDistritos{
background-color: #fffffffa;
padding: 20px;
border-color: #003df6;
border-style: solid;
border-width: 3px;
position: absolute;
right: 65px;
top: 88px;
z-index: 100;
}
}
#titulo-seccion-actividades-distritos-combo{
margin-bottom: 30px;
}
.titulo-seccion-actividades-distritos{
margin-top: 25px;
}
.title-subtipo-subseccion-actividades{
background-color: #D9E2FF;
font-size: 15px;
padding: 6px 11px 6px 11px;
border-radius: 25px;
}
.texto-descripcion-seccion-actividades-distritos{
margin-top: 25px;
font-family: 'Lato', sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 19px;
letter-spacing: 0em;
text-align: left;
}
.titulo-subseccion-actividades{
margin-top: 25px;
}
.texto-titulo-seccion-actividades-distritos{
font-family: 'Lato', sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 29px;
letter-spacing: 0em;
text-align: left;
}
@media (max-width: 994px) {
.opcion-actividades-round{
margin-top: 20px;
}
#info_destacada_distritos .modulo-informacion {
display: flex;
margin-bottom: 30px;
margin-top:20px;
}
}
@media (max-width: 810px) {
#info_destacada_distritos .modulo-informacion {
margin-top:30px;
}
}