body{
font-family: 'Montserrat', sans-serif;
font-size:15px;
line-height: 23px;
background: #f5f5f5;
}

html{
    box-sizing: border-box;
}

*, 
*:before,
*:after{
   box-sizing: inherit; 
}

img { width: 100%;
height: auto;}
body {
    margin: 0;
    padding: 0;
}
.contenedor-general {
    width: 100%;
    position: relative;
}
.fontsize h1, .fontsize h2, .fontsize h3, .fontsize h4, .fontsize h5, .fontsize h6 {
    font-size: 150% !important;
    line-height: 112% !important;
}
a.masinfo {
    padding: 3px 15px;
    font-size: 14px;
    font-weight: 700;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    display: block;
    width: fit-content;
    margin-top: 30px;
    color:#fff;
}
a.masinfo.color-rojo.posi {
    position: absolute;
    right: 10%;
    bottom: 0px;
}
.color-azul{
    background:#2D96D3;
    color:#FFF;
}
.color-verde{
    background:#2BBCAC;
    color:#FFF;
}
.color-rojo{
    background: #E76456;
    color:#FFF;
}
.color-gris{
    background: #e4e4e4;
    color:#000;
}

.nada {
    background: #eee;
    padding: 20px;
    text-align: center;
    min-height: 400px;
    display: grid;
    align-items: center;
}
.nada.dos {
    background: transparent;
    color: #fff;
}
/*HEADER*/
.header {
    position: absolute;
    z-index: 2;
    /* margin: 0 auto; */
    width: 100%;
    top:60px;
}
.contenedor-header {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .logo {
    width: 100px;
    height: 100px;
}


@media(max-width:812px){
    .header .logo {
    width: 100px;
    height: 82px;
}
}

.logos-gobierno {
    display: flex;
}
.log.-gob {
    margin-left: 10PX;
    max-width: 152px;
}

.mobil {
    display: none;
}

a.abrir {
    display: none;
}

@media(max-width:812px){
    .contenedor-header {
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
    .header {
    position: relative;
    z-index: 2;
    /* margin: 0 auto; */
    width: 100%;
    top: 37px;
    background: #2e97d3;
    padding-bottom: 0px;
    padding-top: 0px;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.37);
}
    .header .logo {
    width: 196px;
    max-width: 83px;
}
    .mobil{
        display: block;
    }
    .contenedor-logos-gob {
    position: absolute;
    z-index: 10;
    max-width: 100%;
    top: 162px;
    width: 100%;
    display: block;
}
    .logos-gobierno {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin: 0 auto;
    max-width: 90%;
    grid-gap: 5px;
}
    a.abrir {
    border-radius: 50px;
    line-height: 40px;
    width: 40px;
    height: 40px;
    background: #e76455;
    font-size: 23px;
    text-align: center;
    align-items: ;
    color: #fff;
    display: block;
}
    .log.-gob {
    margin-left: 0px;
    max-width: 152px;
}
    .logos-gobierno.pc {
    display: none;
}
    
}

/*BARRA ICONOS*/
.barra-iconos {
    position: fixed;
    z-index: 3;
    right: -10px;
    top: 60px;
    background: #2e97d3;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
    color: #fff;
}
.barra-iconos ul li a {
    color: #fff;
    display: block;
    padding-bottom: 10px;
    font-size: 19px;
        transition: .2s all ease;
}
.barra-iconos ul li a:hover {

    transform: scale(1.2);
    color: #fff;
}

.barra-iconos ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
@media(max-width:812px){
   .barra-iconos ul {
    display: flex;
    justify-content: space-between;
    max-width: 85%;
    margin: 0 auto;
}
   .barra-iconos {
    position: absolute;
    z-index: 3;
    right: 0px;
    top: inherit;
    background: #1a6fa0;
    padding-right: 20px;
    padding-left: 10px;
    padding-top: 8px;
    padding-bottom: 0px;
    border-radius: 0px;
    color: #fff;
    width: 100%;
}
}
/*BOTONERA*/
.botonera {
    position: fixed;
    width: 100%;
    background: #2D96D3;
    z-index: 10;
        box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.37);
}
ul.botones {
    display: flex;
    list-style: none;
    width: fit-content;
    margin: 0 auto;
}
ul.botones li a.boton {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
    transition: .2s all ease;
    font-size: 16px;
    font-weight: 700;
}
ul.botones li a.boton2 {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: block;
    transition: .2s all ease;
    font-size: 16px;
    font-weight: 700;
}
ul.botones li a.boton2:hover {
    color: #fff;
    background: #64C1F7;
}
ul.botones li a.boton:hover {
    color: #fff;
    background: #64C1F7;
}

ul.botones li a.boton.activo {
    color: #fff;
    background: #004075;
}
.nivel-botones {
    background: rgb(14,94,141);
    background: linear-gradient(
101deg
, rgba(14,94,141,1) 0%, rgba(52,177,252,1) 100%);
    width: 100%;
    min-height: 300px;
    display: none;
    padding-top: 50px;
    position: absolute;
    width: 100%;
    left: 0px;
    top: 37px;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.37);
}
.tit-botonera {
    font-size: 36px;
    padding-bottom: 17px;
    line-height: 35px;
    padding-top: 21px;
    font-weight: 300;
}
.contenedor-botonera {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 30% 65%;
    color: #fff;
    grid-gap: 30px;
}
.iten-botonera {
    border-right: solid 1px #ffffff36;
    padding-right: 20px;
}
.item-botonera-menu li a i {
    float: left;
    margin-right: 10px;
}
.item-botonera-menu ul {
    list-style: none;
    padding: 0px;
    
}
.item-botonera-menu li {
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    transition: .2s all ease;
}
.item-botonera-menu li:hover {
    background:#007DC9;
    transform: scale(1.05);
}

.item-botonera-menu ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
    grid-row-gap: 0px;
}
.item-botonera-menu li a {
    color: #fff;
    text-decoration: none;
    font-size: 15px;
    line-height: 26px;
    padding-left: 30px;
    position: relative;
    display: block;
}
.item-botonera-menu li a i {
    float: left;
    margin-right: 10px;
    line-height: 24px;
    transition: .2s all ease;
    font-size: 21px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.mostrar{
    display: block !Important;
}

a.flot {
    color: #fff;
    text-decoration: none;
    padding: 10px;
    display: none;
    transition: .2s all ease;
    background: #004075;
    position: absolute;
    width: 100%;
    top: -39px;
}

@media (max-width:812px){
    .contenedor-botonera {
    max-width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 100%;
    color: #fff;
    grid-gap: 30px;
}
    .item-botonera-menu ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
    .iten-botonera {
    border-right: solid 1px transparent;
    padding-right: 0px;
}
    ul.botones {
    flex-direction: column;
    width: 100%;
    padding: 0px;
}
    .nivel-botones {
    position: relative;
    width: 100%;
    left: 0px;
    top: inherit;
    padding-bottom: 40px;
}
    .tit-botonera {
    font-size: 23px;
    padding-bottom: 17px;
    line-height: 35px;
    padding-top: 0px;
    font-weight: 300;
}
.botonera {
    position: fixed;
    width: 100%;
    background: #2D96D3;
    z-index: 100000;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.37);
    top: 0px;
    height: 100%;
    overflow: auto;
    right: -100%;
}
    ul.botones li a.boton {
    border-bottom: solid 1px #ffffff4d;
}
    ul.botones li a.boton {
    color: #fff;
    text-decoration: none;
    padding: 18px;
    display: block;
    transition: .2s all ease;
    font-size: 16px;
    font-weight: 700;
}
    
a.flot {
    color: #fff;
    text-decoration: none;
    padding: 18px;
    display: block;
    transition: .2s all ease;
    background: #004075;
    position: absolute;
    width: 100%;
    top: -56px;
    font-weight: 700;
    font-size: 18px;
}
    .contenedor-head {
    display: flex;
    justify-content: space-between;
    max-width: 90%;
    margin: 0 auto;
    font-size: 20px;
    padding: 20px 0px;
    color: #fff;
    font-weight: 700;
}
    .head-notonera.mobil {
    background: #1a82bd;
}
    
    .cerrar {
    color: #fff;
    font-size: 28px;
}
    .correo {
    color: #fff;
    padding-top: 5px;
}
    
}
/*BANNEE*/

/*Regla para versiones*/

.imagen-banner.banner {
    background-size: cover !important;
    background-position: center !important;
}

#pc {
    display: block;
}

#mobile {
    display: none;
}
@media(max-width:812px){
    #pc {
        display: none;
    }

    #mobile {
        display: block;
    }

}

/*fin de reglas*/
.carousel {
    background: transparent;
    margin-bottom: 0px;
    counter-reset: carousel-cell;
}

.contenedor {
    display: grid;
    align-items: center;
    height: 600px;
    grid-template-columns: repeat(2, 1fr);
    max-width: 1100px;
    margin: 0 auto;
    color: #fff;
}

.contenedor-banner {
    grid-column: 2;
    text-align: right;
}

.uno .carousel-cell {
    width: 100%;
    height: 600px;
    margin-right: 10px;
    margin-bottom: 0px;
    background: transparent;
    border-radius: 0px;
    counter-increment: carousel-cell;
    background-size: cover !important;
    background-position: bottom !important;
}

.uno .carousel-cell {
      opacity: 0 !important;
      transition: opacity 1s ease !important;
    }
.uno .carousel-cell.is-selected {
        opacity: 1 !important;
      }

.uno .flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: 30px;
    /* display: flex; */
    /* flex-direction: column; */
    align-items: center;
     
}

.uno li.dot {
    width: 15px;
    height: 15px;
    background: #fff;
    border: solid 1px #999;
    transition: .2s all ease;
}
.uno li.dot:hover {
    transform: scale(1.2);
    opacity: 1;
}
.uno li.dot.is-selected {
    width: 18px;
    height: 18px;
    background: #7ad817;
 
}
h2.wow.fadeInLeft.animated {
    font-size: 36px;
    font-weight: 300;
}

h2 strong {
    font-size: 36px;
    font-weight: 700;
}
.ban-desc {
    padding-bottom: 20px;
    font-size: 18px;
}
a.boton-banner {
    background: #E76456;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 14px;
    border-radius: 50px;
    transition: .2s all ease;
    display: block;
    width: fit-content;
    float: right;
}
a.boton-banner:hover {
    background: #FBB452;
    transform: scale(1.1);
}
@media(max-width:812px){
    .contenedor {
    display: grid;
    align-items: end;
    height: 600px;
    grid-template-columns: repeat(1, 1fr);
    max-width: 90%;
    margin: 0 auto;
    color: #fff;
}
    h2.wow.fadeInLeft.animated {
    font-size: 22px;
    font-weight: 700;
}
    h2 strong {
    font-size: 28px;
    font-weight: 700;
}
    h2.wow.fadeInLeft.animated p {
    padding: 0px;
    margin: 0px;
}
.contenedor-banner {
    grid-column: 1;
    text-align: left;
    padding-bottom: 63px;
}
    .ban-desc {
    padding-bottom: 20px;
    font-size: 15px;
    background: #333;
    padding-bottom: 0px;
    padding: 5px;
    border-radius: 5px;
    margin-bottom: 19px;
}
    
    a.boton-banner {
    background: #E76456;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 14px;
    border-radius: 50px;
    transition: .2s all ease;
    display: block;
    width: fit-content;
    float: left;
    margin: 0 auto;
}
    .flickity-prev-next-button {
    top: inherit;
    width: 30px;
    height: 30px;
    border-radius: 0%;
    transform: translateY(-50%);
    bottom: -15px;
}
    .flickity-prev-next-button.next {
    right: 0px;
}
    .flickity-prev-next-button.previous {
    left: inherit;
    right: 33px;
}
    .ban-desc p {
    margin: 0px;
}
}

a.btn-chico {
    display: block;
    width: fit-content;
    color: #fff;
    font-size: 13px;
    padding: 0px 10px;
    border-radius: 5px;
}

/*PRIMER CARRUCEL*/

.pestana {
    width: fit-content;
    background: rgb(252,195,118);
    background: linear-gradient(
101deg
, rgba(252,195,118,1) 0%, rgba(255,162,33,1) 100%);
    position: absolute;
    z-index: 0;
    top: -46px;
    padding: 13px;
    font-size: 18px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    right: 10%;
}
.primer-carrucel {
    position: relative;
    z-index: 1;
    box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -webkit-box-shadow: 1px 1px 5px 0px rgb(0 0 0 / 37%);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.37);
}
.dos .carousel-cell {
    width: 25%;
    height: 180px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #8C8;
    border-radius: 0px;
    counter-increment: carousel-cell;
    
    
}

.dos .flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%;
}

.dos .is-selected{
    transform: scale(1.03);
    box-shadow: 0 0 5px 0 rgb(0 0 0 / 60%);
    z-index: 3;
}

.items {
    padding: 20px;
    height: 180px;
    transition: .2s all ease;
    
}
.items:hover {
    box-shadow:  0 0 5px 0 rgb(0 0 0 / 60%);
    z-index: 4;
}
.items h3 {
    font-weight: 300;
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    color: #fff;
    padding-top: 15px;
}
.items h3 p {
    padding: 0px;
    margin: 0px;
}
.items h3 strong {
    font-weight: 700;
}
a.vermas {
    color: #fff;
    display: block;
    margin-top: 10px;
    transition: .2s all ease;
    width: fit-content; 
}
.items:hover a.vermas {
    color: #fff;
    padding: 5px;
    background: #FBB452;
    transform: scale(1.03);
}

@media(max-width:812px){
    .pestana {
    display: none;
}
    .dos .carousel-cell {
    width: 50%;
    height: 180px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #8C8;
    border-radius: 0px;
    counter-increment: carousel-cell;
}
    .items h3 {
    font-weight: 300;
    font-size: 16px;
    margin: 0px;
    padding: 0px;
    color: #fff;
    padding-top: 15px;
}
    
}

/*SEGUNDO CONTENIDO*/
.segunda-seccion {
    height: 460px;
    display: grid;
    grid-template-columns: 40% 60%;

}
.espacio-covid {
    position: relative;
    background: #e76455;
    background-size: contain !important;
}
.hora {
    color: #000;
    padding-top: 0px;
    font-size: 11PX;
}

.caja-covid {
    position: relative;
    padding: 30px 0px 0px;
    max-width: 400px;
    /* float: right; */
    width: 100%;
    /* margin-right: 70px; */
    /* background: #eee; */
    margin: 0 auto;
}
.contenedor-noticia-covid {
    max-width: 100%;
    display: grid;
    grid-template-columns: 30% 70%;
    /* background: #ccc; */
}
.tres .carousel-cell {
    width: 100%;
    height: auto;
    margin-right: 10px;
    margin-bottom: 10px;
    background: transparent;
    border-radius: 5px;
    counter-increment: carousel-cell;
}
.carousel-cell .fecha {
    background: #fff;
    border-radius: 5px;
    padding: 17px;
    text-align: center;
    max-height: 97px;
    min-width: 89px;
}

.fecha {
    background: #fff;
    border-radius: 5px;
    padding: 17px;
    text-align: center;
    max-height: 97px;
}
.contenedor-noticia-covid {
    max-width: 100%;
    display: grid;
    grid-template-columns: 30% 65%;
    /* background: #ccc; */
    grid-gap: 20px;
    color: #fff;
}
.caja-covid h3 {
    color: #fff;
    padding-bottom: 20px;
}
.tres .flickity-prev-next-button.previous {
    left: inherit;
    right: 36px;
    top: -45px;
    z-index: 2;
}

.tres .flickity-prev-next-button.next {
    right: -30px;
    top: -45px;
    z-index: 2;
}
a.mas {
    color: #fff;
    display: block;
    padding: 5px;
    margin: 5px 0px 0px;
    border-radius: 5px;
}

.contenedor-noticia-covid:hover a.mas {
    display: block;
    background: #000;
    width: fit-content;
    margin: 5px 0px 0px;
    padding: 5px;
    border-radius: 5px;
}

a.mas:hover {
    display: block;
    background: #000;
    width: fit-content;
    margin: 5px 0px 0px;
    padding: 5px;
    border-radius: 5px;
}
.tres .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}
.dia {
    font-size: 47px;
    font-weight: 700;
    color: #e76455;
}
.mes {
    text-transform: uppercase;
    font-weight: 700;
    color: #e76455;
    margin-top: 10px;
}
.contenido-actualizacion-covid h2 {
    margin: 0px;
    padding-bottom: 10px;
    color: #fff;
    font-size: 18px;
}
.descripcion-not {
    line-height: 18px;
    font-size: 14px;
}
.iconos-covid {
    background: #000;
    color: #fff;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    margin-top: 44px;
}
.icon-cov {
    padding: 40px 20px;
    transition: .2s all ease;
}
.icon-cov:hover {
    background: #e76455 !important;
    
}
.icon-cov a {
   color:#fff;
}
.ic {
    font-size: 36px;
    padding-bottom: 15px;
}
.tex {
    font-weight: 700;
    text-transform: uppercase;
}
/*VER MAS COVID*/
.notificaion-covid {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #cc5244;
    z-index: 2;
}
.contenedor-mas-covid {
    max-width: 80%;
    margin: 30px auto;
}
.mas-titulo {
    display: grid;
    grid-template-columns: 18% 78%;
    align-items: center;
    grid-gap: 20px;
}
.mas-titulo h2 {
    font-size: 24px;
    margin: 0px;
    padding: 0px;
    color: #fff;
}
a.sierra {
    position: absolute;
    right: 20px;
    top: 20px;
    color: #fff;
    font-size: 20px;
}
.mas-titulo .dia {
    font-size: 26px;
}
.mas-titulo .mes {
    margin: 0px;
}
.mas-titulo .hora {
    font-size: 11px;
    margin: 0px;
}

.mas-titulo .fecha {
    /* color: #fff !important; */
    max-height: 95px;
    padding: 10px;
}
.descripcion {
    /* font-size: 14px; */
    padding: 0px 0px 0px;
    overflow: auto;
    max-height: 243px;
    color: #fff;
    margin: 20px 0px;
}
.notificaion-covid h3 {
    color: #fff;
    margin: 0 auto;
    max-width: 79%;
    margin-top: 32px;
}
@media(max-width:812px){
    .caja-covid h3 {
    color: #fff;
    padding-bottom: 20px;
    padding-left: 27px;
}
    .segunda-seccion {
    height: auto;
    display: grid;
    grid-template-columns: 100%;
}
    .contenedor-noticia-covid {
    max-width: 90%;
    display: grid;
    grid-template-columns: 30% 65%;
    /* background: #ccc; */
    grid-gap: 20px;
    color: #fff;
    margin: 0 auto;
}
    .espacio-covid {
    position: relative;
    background: #e76455;
    background-size: cover !important;
}
    .fecha {
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    max-height: 129px;
}
 .icon-cov {
    padding: 15px 0px;
    transition: .2s all ease;
}
    .tres .flickity-prev-next-button.previous {
    left: inherit;
    right: 60px;
}
    .tres .flickity-prev-next-button.next {
    right: 12px;
    top: -45px;
    z-index: 2;
}
}

/*SECCION TRAMITES HOME*/

.tramites-destacados {
    background: #ccc;
    display: grid;
    align-items: center;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
}
.contendor-tramits {
    max-width: 730px;
    /* background: #000; */
    margin: 0 auto;
    width: 100%;
}
.contendor-tramits .item-botonera-menu ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
}
@media(max-width:812px){
   .contendor-tramits .item-botonera-menu ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-column-gap: 20px;
}
}
.contendor-tramits .item-botonera-menu li a {
    color: #014175;
    text-decoration: none;
    font-size: 15px;
    line-height: 26px;
}
.contendor-tramits .item-botonera-menu li:hover {
    background:#E3E3E3;
    transform: scale(1.05);
}
.contendor-tramits h2 {
    color: #e76455;
}
.contendor-tramits span {
    color: #014175;
}
.contendor-tramits .item-botonera-menu {
    margin-top: 41px;
}
@media(max-width:812px){
    .contendor-tramits {
    max-width: 90%;
    /* background: #000; */
    margin: 0 auto;
    width: 100%;
    padding: 40px 0px;
}

}
/*FOOTER*/
.footer {
    padding: 50px 0px;
}
.contenedor-footer {
    max-width: 1100px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
}
.item-footer h3 {
    font-size: 13px;
    padding: 0px;
    margin: 0px 0px 10px;
    color: #fff;
    padding-top: 30px;
}
.menufoot ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}
.menufoot li {
    transition: .2s all ease;
    cursor: pointer;
    margin-bottom: 9px;
    border-bottom: transparent;
}
.menufoot li a {
    color: #fff;
    line-height: 15px;
    font-weight: 300;
    /* padding: 5px; */
    text-align: left;
    font-size: 13px;
}

.logo-footer {
    width: 117px;
    margin-top: 33px;
}

ul.cementerio {
    list-style: none;
    margin: 0px;
    padding: 0px;
    color: #fff;
    line-height: 24px;
    font-size: 13px;
}

@media(max-width:812px){
    .logo-footer {
    width: 117px;
    margin-top: 33px;
    max-height: 117px;
}
    
    .item-footer.log {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
}

.logo-medioambiente {
    max-width: 172px;
    margin-top: 20px;
    margin-left: -10px;
}
.menufoot li:hover a {
    background: #00000059;
    cursor: pointer;
}
.menufoot li:hover {
    transform: scale(1.03);
}
.icono-item.pdi {
    font-size: 16px;
}
.tit-item {
    color: #fff;
    padding: 5px 0px 5px;
    font-weight: 700;
    border-bottom: solid 1px #cccccc3d;
    margin-bottom: 5px;
}
.icono-item {
    font-size: 20px;
    font-weight: 700;
}
.dato-item {
    display: grid;
    grid-template-columns: 14% 65%;
    color: #eb7255;
    align-items: center;
}
.tex-item {
    font-weight: 700;
    font-size: 20px;
    text-align: left;
}

@media(max-width:812px){
    .contenedor-footer {
    max-width:85%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 30px;
}
    .dato-item {
    display: grid;
    grid-template-columns: 10% 65%;
    color: #eb7255;
    align-items: center;
}
}

/*ITEM PRE FOOTER*/
.item-inferior {
    padding: 20px;
    background-size: cover !important;
    background-position: center !important;
    min-height: 150px;
    display: grid;
    align-items: center;
    position: relative;
    transition: .2s all ease;
}
.velo-caja {
    min-height: 150px;
    position: absolute;
    background: rgb(0,64,117);
    background: linear-gradient(
180deg
, rgba(0,64,117,0.7) 0%, rgba(0,64,117,0.7) 100%);
    bottom: 0px;
    left: 0px;
    width: 100%;
    transition: .2s all ease;
}

.item-inferior:hover {
    background-size: 700px !important;
    background-position: center !important;
    
}
.informacion-item-interior {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding-top: 10px;
    max-width: 70%;
}
.categoria {
    background: #fbb452;
    color: #000;
    width: fit-content;
    padding: 3px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 10px;
}
.texto-item-inferior {
    position: relative;
    z-index: 1;
    transition: .2s all ease;
}
@media(min-width:812px){
    .contenedor-inferior {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    min-height: 350px;
}
    
    .item-inferior {
    padding: 40px;
    align-items: end;
    transition: .2s all ease;

}
    
    .item-inferior:hover .texto-item-inferior {
        transform: scale(1.1);

}
    .item-inferior:hover .velo-caja {
    background: rgb(0,64,117);
background: linear-gradient(180deg, rgba(0,64,117,0.5) 0%, rgba(231,100,86,0.5) 100%);
        transition: .2s all ease;

}
    .velo-caja {
    min-height: 350px;
    position: absolute;
    background: rgb(0,64,117);
    background: linear-gradient(
180deg
, rgba(0,64,117,0.7) 0%, rgba(0,64,117,0.7) 100%);
    bottom: 0px;
    left: 0px;
    width: 100%;
    transition: .2s all ease;
}
    
    .informacion-item-interior {
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    padding-top: 10px;
    max-width: 70%;
        transition: .2s all ease;
}
    
}
/*NOTICIAS DESTACADAS*/
.noticias-destacadas {
    max-width: 1200px;
    margin: 0 auto;
    padding: 100px 0px;
}
.contenedor-noticias-destacadas {
    display: grid;
    grid-template-columns: 30% 65%;
    grid-gap: 40px;
}
.contenedor-otras-noticias {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;
}
.item-noticia h3 {
    color: #014175;
}
.fecha-pulicacion {
    color: #000;
    font-size: 12px;
}
h3.titulo-pequeno-azul {
    font-size: 16px;
    color: #014175;
    border-bottom: solid 1px #ccc;
    margin-bottom: 26px;
    padding-bottom: 10px;
}

.noticia-grandes {
    border-radius: 5px;
    position: relative;
}
.not-item-list.grande {
    padding-bottom: 5px;
    background: #fff;
}
.posi2 {
    position: absolute;
    bottom: 0px;
    left:20px;
}

h3.importante {
    position: absolute;
    background: #e76455;
    color: #fff;
    top: 0px;
    right: 20px;
    padding: 6px;
    z-index: 1;
}

.descripcion-corta-noticia {
    font-size: 14px;
    padding-bottom: 21px;
}

/*.item-noticia-grande {
    max-width: 90%;
    margin: 0 auto;
    padding: 30px 10px;
    transition: .2s all ease;
}*/
.item-noticia-grande {
    max-width: 100%;
    margin: 20px auto 0px;
    padding: 0px 0px;
    transition: .2s all ease;
}

.item-noticia-grande h2 {
    color: #014175;
    font-size: 27px;
    margin: 0px;
    padding-bottom: 10px;
}
.cuerpo-noticia {
    transition: .2s all ease;
    padding: 5px;
}
.cuerpo-noticia:hover {
    transition: .2s all ease;
    transform: scale(1.06);
    padding: 5px;

}

.item-noticia {
    transition: .2s all ease;
    padding: 5px;
}
.item-noticia:hover {
    padding: 0px;
    background: #eee;
    transform: scale(1.04);
    padding: 5px;
    transition: .2s all ease;
    border-radius: 5px;
}
.descripcion-ntg {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    
}

@media(max-width:812px){
    .contenedor-noticias-destacadas {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 40px;
    margin: 0 auto;
    max-width: 90%;
}
    .fecha.float {
    top: 0px;
}
    .item-noticia h3 {
    font-size: 14px;
}
    a.masinfo.color-rojo.posi {
    position: absolute;
    right: inherit;
    bottom: 0px;
    left: 8%;
}
    .noticia-grandes {
    background: transparent;
    border-radius: 5px;
    position: relative;
    /* padding-bottom: 41px; */
}
}
/*SECCION NOTICIAS*/
.banner-seccion {
    min-height: 480px;
    display: grid;
    align-items: end;
    background: #1c7db5;
    transition: .2s all ease;
    padding-top: 200px;
}
.banner-seccion-single {
    min-height: 400px;
    display: grid;
    align-items: end;
    background: rgb(28,125,181);
    background: linear-gradient(
103deg
, rgba(28,125,181,1) 0%, rgba(43,188,172,1) 100%);
    transition: .2s all ease;
}
.down{
    
}
a.up {
    font-size: 19px;
    background: #2f98d3;
    position: absolute;
    right: 0px;
    bottom: -20px;
    padding: 10px 10px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
}
a.down {
    font-size: 19px;
    position: absolute;
    right: 0px;
    bottom: -20px;
    padding: 10px 10px 5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    display: none;
    z-index: 1;
}
.esdonder-cosas .seccion-titulo {
    padding-bottom: 33px;
}
.esdonder-cosas .bajada-banner-seccion {
    font-size: 15px;
}
.esdonder-cosas .up {
    display: none;
}
.esdonder-cosas .down {
    display: block;
}

.esdonder-cosas .seccion-titulo h1 {
    font-size: 35px;
    margin: 0px;
    margin-bottom: 12px;
}
.esdonder-cosas .seccion-botones {
    padding-left: 50px;
    border-left: solid 1px #cccccc4d;
    display: none;
}

.esdonder-cosas.banner-seccion {
    min-height: 370px;
}
@media(max-width:812px){
    .esdonder-cosas.banner-seccion{min-height: auto !Important;}
     
}
.esdonder-cosas a.volver {
    position: absolute;
    right: 0px;
    top: 30px;
    z-index: 10000000000;
    color: #fff;
    font-size: 30px;
}
.contenedor-banner-seccion {
    max-width: 1100px;
    display: grid;
    grid-template-columns: 40% 57%;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 20px;
    color: #fff;
    align-items: initial;
    grid-gap: 30px;
    position: relative;
}
a.volver {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 10000000000;
    color: #fff;
    font-size: 30px;
}
a.volver:hover {
    transform: scale(1.1);
}
.seccion-botones {
    padding-left: 50px;
    border-left: solid 1px #cccccc4d;
}
.contendor-menu-paginas h2 {
    margin: 0px;
    font-size: 18px;
    padding-bottom: 10px;
}
.seccion-botones .bajada-general {
    border-bottom: solid 1px #ffffff29;
    padding-bottom: 10px;
}
.seccion-titulo h1 {
    font-size: 35px;
    margin: 0px;
    margin-bottom: 20px;
     transition: .2s all ease;
}
.bajada-banner-seccion {
    font-size: 18px;
}
.noticia-destacada-seccion {
    background: #2dbcac;
    position: relative;
    padding: 30px 0px;
}
.pestana-2 {
    position: absolute;
    background: #2f98d3;
    color: #fff;
    padding: 9px 15px 9px;
    font-size: 18px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    top: -71px;
    right: 51px;
}
@media(max-width:812px){
    .seccion-botones {
    padding-left: 0px;
    border-left: none;
    max-width: 90%;
    margin: 30px auto;
    width: 100%;
}
    .seccion-titulo {
    max-width: 90%;
    margin: 0 auto;
        padding-top: 100px;

}
    a.volver {
    position: absolute;
    right: 24px;
    top: 123px;
    z-index: 10000000000;
    color: #fff;
    font-size: 30px;
    display: none;
}
    .seccion-titulo h1 {
    font-size: 25px;
    margin: 0px;
    margin-bottom: 8px;
    transition: .2s all ease;
}
}
/*NOTICAS CARRUCEL SECCION*/
.cel-carru-dos .carousel-cell {
    width: 33.34%;
    height: 280px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #30bcac;
    border-radius: 0px;
    counter-increment: carousel-cell;
}
.cel-carru-dos .flickity-prev-next-button.previous {
    left: 30px;
}
.cel-carru-dos .flickity-prev-next-button.next {
    right: 30px;
}
.item-dest {
    position: relative;
}

.item-dest .fecha {
    background: #2f98d3;
}
.item-dest .dia, .item-dest .mes{
    color: #fff;
}
.item-dest .fecha.float {
    position: absolute;
    font-size: 16px !important;
}
.item-dest .fecha.float .dia {
    font-size: 41px;
    margin: 10px 0px;
}

.info-item-dest {
    position: absolute;
    z-index: 100;
    top: 130px;
    opacity: 0;
    color: #fff;
    max-width: 80%;
    left: 44px;
    min-height: 150px;
    transition: .3s all ease;
    cursor: pointer;
    
}
.vel {
    width: 100%;
    height: 280px;
    background: #000000a3;
    position: absolute;
    top: 0px;
    opacity: 0;
}

.item-dest:hover .info-item-dest {
    position: absolute;
    z-index: 100;
    top: 130px;
    opacity: 1;
    color: #fff;
    max-width: 80%;
    left: 44px;
    min-height: 150px;
    cursor: pointer !important;
    
}

.item-dest:hover .vel {
    width: 100%;
    height: 300px;
    background: #000000a3;
    position: absolute;
    top: 0px;
    transition: .3s all ease;
    opacity: 0.7;
    cursor: pointer !important;
}


.cel-carru .carousel-cell {
    width: 33%;
    height: 230px;
    margin-right: 0px;
    margin-bottom: 0px;
    background: #30bcac;
    border-radius: 5px;
    counter-increment: carousel-cell;
}
.cel-carru .flickity-prev-next-button.previous {
    left: -30px;
}
.cel-carru .flickity-prev-next-button.next {
    right: -30px;
}
.contenedor-noticia-destacada {
    padding: 20px 30px 0px;

}
.contenedor-noticia-destacada .grid {
    padding: 20px 0px;
}
.contenido-noticia-destacada h2 {
    margin: 0px;
    color: #fff;
    margin-bottom: 10px;
    font-size: 15px;
    min-height: 56px;
}
.contenido-noticia-destacada  {
    color: #fff;
}
@media(max-width:812px){
    .cel-carru .carousel-cell {
    width: 100%;
    height: 200px;
    background: #30bcac;
    border-radius: 5px;
    counter-increment: carousel-cell;
}
.cel-carru .flickity-prev-next-button.previous {
    left: 0px;
}
.cel-carru .flickity-prev-next-button.next {
    right: 0px;
}
}
/*LISTADO DE NOTICIAS*/
.not-item-list {
    border-radius: 5px;
    position: relative;
}
.not-item-list {
    background: #fff;
}
.not-item-list:hover{
    transform: scale(1.05);
    }
.not-item-list:hover .imagen-not-list img {
    transform: scale(1.1);
    }
.imagen-not-list  {
    height: 220px;
    overflow: hidden;
}

.imagen-not-list img {
    height: 220px;
    transition: .3s all ease;
}

.fecha.float {
    position: absolute;
    font-size: 11px !important;
    border-radius: 0px;
    padding: 10px;
    z-index: 1;
}

.fecha.float .dia {
    font-size: 21px;
}
.fecha.float .mes {
    margin: 0px;
}
.info-item-list {
    margin: 20px;
}
.info-item-list  .categoria {
    background: #fbb452;
    color: #000;
    width: fit-content;
    padding: 0px 10px;
    border-radius: 3px;
    font-weight: 700;
    font-size: 10px;
}

.not-item-list.grid-center {
    align-items: inherit;
}

@media(max-width:812px){
  .imagen-not-list {
    height: 170px;
    overflow: hidden;
}
    .not-item-list{
        background: #fff;
        overflow: hidden;
        border-radius: 5px;
    }
.not-item-list.grid-center {
    align-items: center;
}
    .imagen-not-list img {
    height: 170px;
    transition: .3s all ease;
}
    .not-item-list h3 {
    font-size: 14px;
}
}
/*NOTICIAS HOME*/
.not-item-list-home{
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}
.not-item-list-home .info-item-list {
    margin: 0px 20px;
    padding-top: 15px;
}
.not-item-list-home {
    grid-gap: 0 !important;
    margin-bottom: 0px !important;
}
.not-item-list-home .imagen-not-list {
    height: 152px;
    overflow: hidden;
}
.not-item-list-home h3 {
    font-size: 14px;
}
.not-item-list-home:hover{
    transform: scale(1.05);
    position: relative;
   
}
/*BREAD CRUMP*/
.bread ul {
    list-style: none;
    display: flex;
    padding: 0px;
}
.bread li a {
    color: #fff;
    margin: 0px 10px;
    font-weight: 700;
}
.datos-meta {
    width: fit-content;
    float: right;
    display: flex;
    align-items: center;
}
.compartir ul {
    display: flex;
    list-style: none;
    margin: 0px;
}
.compartir ul li a {
    color: #fff;
    font-size: 29px;
    margin-left: 16px;
}
/*SINGLE NOTICIA*/

.sin .contenedor-seccion {
    max-width: 100%;
    margin-bottom: 0px !important;
}
.styck-single {
    position: sticky;
    top: 100px;
}
.single-title {
    padding-bottom:30px;
}

.single-title .fecha {
    
}
.single-title .dia, .single-title .mes, .single-title .hora{
    color: #fff !important;
}
.single-title h1 {
    font-size: 24px;
    margin: 0px;
    margin-bottom: 15px;
}
.single-title .bajada-banner-seccion {
    font-size: 15px;
}
.single h1, .single h2, .single h3, .single h4, .single h5, .single h6{
    margin: 0px;
    margin-bottom: 20px;
    color: #004075;
    border-bottom: solid 1px #ccc;
    padding-bottom: 20px;
}
.imagen-texto {
    margin-bottom: 18px;
}
.single {
    font-size: 14px;
    line-height: 24px;
}
.list-dest-single {
    position: relative;
    background: #fff;
}
.list-dest-single a.grid {
    margin-bottom: 0px !important;
}
.texto-not {
    padding: 15px 15px 15px 0px;
}
.texto-not h3 {
    font-size: 18px;
    border: none;
}
.texto-not h3 {
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 0px;
}
.imagen-not {
    background-size: cover !important;
    background-position: center !important;
}

@media(max-width:812px){
    .single-title {
    padding: 76px 30px 20px;
}
}

/*GALERIA DE IMAGENES*/
.album-fotos{
    position: relative;
    width: 100%;
}

.foto-album{
    max-width: 24%;
margin: 0px 8px 0px 0px;
overflow: hidden;
    border-radius: 5px;
}
/*
.grid-sistem {
    margin-bottom: 200px;
}



.grid-sistem:after {
  content: '';
  display: block;
  clear: both;
} 



.grid-sizer,
.grid-item {
  width: 24%;
margin: 0px 5px 5px 0px;
}

@media(max-width:812px){
   .grid-sizer,
.grid-item {
  width: 31%;
margin: 0px 5px 5px 0px;
}
}

.grid-item {
  float: left;
 position: relative;
}

.grid-item img {
  display: block;
  max-width: 100%;
}
*/

.grid-sistem {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.grid-item{
    height: 250px;
    position: relative;
    overflow: hidden;
}

.grid-item img{
    height: 300px;
}

.galery .carousel-cell:hover .velo-foto{
    opacity: 1;
    
}
 .galery .carousel-cell .velo-foto {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000085;
    top: 0px;
    left: 0px;
     text-align: center;
     opacity: 0;
     transition: .3s all ease;
}

.galery .carousel-cell .velo-foto a{
    display: grid;
    height: 100%;
    align-items: center;
}


.grid-item:hover .velo-foto{
    opacity: 1;
    
}
 .velo-foto {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000085;
    top: 0px;
    left: 0px;
     text-align: center;
     opacity: 0;
     transition: .3s all ease;
}
.velo-foto a{
    display: grid;
    height: 100%;
    align-items: center;
}
.lightbox .lb-image {
    border: 0px solid black !important;
}
.lb-outerContainer {
    background-color: #0e0e0e !important;
}
.velo-foto i.far.fa-plus-circle {
    color: #fff;
    font-size: 33px;
    /* margin: 0 auto; */
}
.album h1 {
    font-size: 41px;
    margin: 0px;
    line-height: 47px;
}
.galeria-post {
    padding: 0px 0px;
}
.grid p {
    margin: 0px;
    padding-bottom: 20px;
}
.galery .carousel-cell {
    width: 100%;
    height: 500px!important;
    background-size: cover !important;
    background-position: center!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent !important;
}
@media(max-width:812px){
    .grid-sistem {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
    .grid-item {
    height: 170px;
    position: relative;
    overflow: hidden;
}
    .galery .carousel-cell {
    width: 100%;
    height: 360px !important;
    background-size: cover !important;
    background-position: center !important;
}
    .album h1 {
    font-size: 26px;
    margin: 0px;
    line-height: 28px;
}
    .single-title .fecha {
    max-width: 92px;
}
}
/*BUSCADOR*/
#ajaxsearchprores1_1, #ajaxsearchprores1_2, div.asp_r.asp_r_1 {
    position: absolute;
    z-index: 11000;
    width: auto;
    margin: 0px 0 0 0 !important;
}
.buscador {
    position: fixed;
    top: 0px;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 100;
    display: none;
}
.contenedor-buscador {
    max-width: 900px;
    margin: 0 auto;
    padding-top: 100px;
    width: 90%;
    position: relative;
}
.close_buscador {
    position: absolute;
    top: 105px;
    font-size: 22px;
    right: 7px;
    color: #0097d8;
}

.indica {
    padding-bottom: 20px;
}

/*SECCION ESPECIAL*/
.tit-seccion-especial {
    font-size: 54px;
    font-weight: 700;
    line-height: 56px;
    color: #004075;
}

.especial .not-item-list img {
    height: 300px !important;
}

.tit-seccion-especial span {
    color: #0098d8;
    font-size: 60px;
}
@media(max-width:812px){
  .span-1.tit-seccion-especial {
    font-size: 40px;
    font-weight: 700;
    line-height: 43px;
    color: #004075;
}
.span-1.tit-seccion-especial span {
    color: #0098d8;
    font-size: 40px;
}  
}
.parte-blanca {
    padding-bottom: 100px;
    position: relative;
    background-image: url(../imagenes/triangulos.svg);
    background-size: 400px;
    background-repeat: no-repeat;
    background-position: right top;
}
.mulchen {
    position: absolute;
    left: 0px;
    bottom: -8px;
    max-width: 900px;
}
/*PESTAÑAS*/
.pestanas {
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 50px;
    background: #fff;
}
.item-pestana ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    border: solid 1px #ccc;
    border-radius: 5px;
}
.item-pestana ul li {
    padding: 10px;
    border-bottom: solid 1px #ccc;
}
.item-pestana ul li:last-child {
    padding: 10px;
    border-bottom:none;
}
.item-pestana ul li:nth-of-type(odd){
  background-color: #eee;
}
.item-pestana {
    padding: 30px;
}
.item-pestana h3, .item-pestana h2, .item-pestana h4, .item-pestana h1 {
    color: #004075;
    padding-bottom: 20px;
    border-bottom: solid 1px #e0e0e0;
}
/*LATERAL*/
.lateral{
    background: #eee;
}
.lateral ul {
    list-style: none;
    padding: 0px;
}
.lateral ul li {
    
    /* background: #ccc; */
    font-size: 13px;
}
.lateral ul li a.prendido {
    background: #fff;
}
.tit-latelar {
    padding: 30px 30px 0px;
    font-weight: 700;
    color: #004079;
}
.lateral ul li a {
    padding: 10px 30px;
    color:#000;
    display: block;
}
.info-item-list h3 {
    color: #004079;
    font-size: 15px;
}
/*DOCUMENTOS*/
.documento {
    background: #eee;
    border-radius: 5px;
    text-align: center;
    /* color: #000; */
}
.documento a {

    padding: 20px;
}

.documento i {
    font-size: 48px;
}

.nombre-documento {
    font-size: 14px;
    line-height: 18px;
    padding-top: 10px;
    font-weight: 700;
    
}
.compartir{
    display: none;
}

.salto {
    height: 37px;
    display: none;
}

@media(max-width:1024px){
    .salto {
    height: 37px;
        display: block;
}
    .contenedor-header {
    max-width: 86%;
    margin: 0px auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    ul.botones li a.boton {
    font-size: 13px;

}
    ul.botones {
padding: 0px;
}
    .uno .carousel-cell {
height: 500px;
}
.contenedor {
    display: grid;
    align-items: end;
    height: 500px;
    grid-template-columns: repeat(3, 1fr);
    max-width: 86%;
    margin: 0 auto;
    color: #fff;
    padding-bottom: 88px;
}
    .contenedor-banner {
grid-column: 2/ 4;
text-align: right;
}
    .items h3 {
font-weight: 300;
font-size: 17px;
}
    .pestana {
width: auto;
}
    h2.wow.fadeInLeft.animated {
    font-size: 27px;
    font-weight: 300;
}
    a.boton-banner {
    background: #E76456;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 15px;
    border-radius: 50px;
    transition: .2s all ease;
    display: block;
    width: fit-content;
    float: right;
}
    h2 strong {
    font-size: 27px;
    font-weight: 700;
}
    .contenedor-botonera {
    max-width: 90%;
}
    
    .icon-cov {
padding: 19px 0px;
transition: .2s all ease;
}
    .ic {
font-size: 25px;
padding-bottom: 15px;
}
    .tex {
font-weight: 700;
font-size: 12px;
line-height: 12px;
}
.caja-covid {
position: relative;
padding: 30px 0px 0px;
max-width: 400px;
/* float: right; */
width: 87%;
/* margin-right: 70px; */
/* background: #eee; */
margin: 0 auto;
}
    .tres .flickity-prev-next-button.next {
right: -15px;
top: -45px;
z-index: 2;
}
    .tres .flickity-prev-next-button.previous {
left: inherit;
right: 21px;
top: -45px;
z-index: 2;
}
    .contendor-tramits {
max-width: 90%;
/* background: #000; */
margin: 0 auto;
width: 100%;
}
    .contendor-tramits .item-botonera-menu ul {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-column-gap: 20px;
}
    .espacio-covid {
position: relative;
background: #e76455;
background-size: contain !important;
background-image: none !Important;
}
}

/*TARJETAS*/
.not-item-list-boton {
    height: 300px;
    overflow: hidden;
    position: relative;
    border-radius: 5px;
}

.not-item-list-boton:hover .imagen-not-list-boton img  {
    transform: scale(1.1);
}

.not-item-list-boton:hover .info-item-list-float {
    background: #004079a8;
}

.imagen-not-list-boton {
    height: 300px;
    overflow: hidden;
}

.imagen-not-list-boton img {
    height: 300px;
    object-fit: cover;
    transition: .3s all ease;
}

.info-item-list-float {
    position: absolute;
    width: 100%;
    padding: 30px;
    background: #0097d8a3;
    color: #fff;
    top: 0px;
    height: 306px;
    border-radius: 5px;
    transition: .3s all ease;
}
.info-item-list-float h3 {
    font-size: 32px;
    font-weight: 300;
}
.info-item-list-float h3 strong {
    font-size: 32px;
    font-weight: 900;
}

.contenedor-banner-int {
    height: 355px;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 201px;
    position: relative;
}
.contenedor-banner-int h1 {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
}

.contenedor-banner-int h1 strong {
    font-size: 40px;
    font-weight: 900;
    color: #fff;
}

.contenedor-banner-int a.volver {
    position: absolute;
    right: 0px;
    bottom: 23%;
    z-index: 10000000000;
    color: #fff;
    font-size: 30px;
    top: inherit;
}


.contenedor-banner-int .bajada {
    color: #fff;
    padding-bottom: 20px !important;
}

.listas-con-estilo ul {
    list-style: none;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
}

.listas-con-estilo li {
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
}

.listas-con-estilo li:last-child{
    border-bottom: solid 1px transparent;
    padding-bottom: 10px;
}


@media(max-width:812px){
    .contenedor-banner-int {
    height: auto;
    max-width: 1100px;
    margin: 0 auto;
    padding-top: 0px;
}
    .contenedor-banner-int h1 {
    font-size: 44px;
    margin: 0px;
    line-height: 48px;
    font-weight: 300;
}
    .contenedor-banner-int h1 strong {
    font-weight: 900;
}
}
/*COMPOSER*/
.texto-column h1, .texto-column h2, .texto-column h3, .texto-column h4 {
    margin: 0px;
    margin-bottom: 15px;
    border-bottom: solid 1px #ccc;
    padding-bottom: 10px;
    color: #004079;
}

.texto-column iframe {
    width: 100%;
    border: none;
}
.proyect p {
    margin: 0px !important;
    padding-bottom: 0px;
}
.tabla-seccion {
    border: solid 1px #ccc;
}
.fila-tabla div {
    padding: 3px;
}
.fila-tabla {
    border-bottom: solid 1px #ccc;
}
.fila-tabla:first-child div {
    font-weight: 700;
}
.fila-tabla {
    margin-bottom: 0px !Important;
}
.proyect {
    padding-bottom: 10px !important;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px !important;
}
.tabla-seccion .fila-tabla:nth-child(even) {
    background: #e8e8e8;
}
.fila-tabla .col-6.grid {
    margin-bottom: 0px !important;}
.texto-column{
    overflow: hidden;
    border-radius: 10px;
    
}

.nsa {
    width: fit-content;
    background: #0097d8;
    color: #fff;
    /* padding: 10px !important; */
    font-size: 30px;
    height: 73px;
    width: 70px;
    text-align: center;
    line-height: 70px;
    font-weight: 700;
    border-radius: 5px;
}

.tit-documentos {
    font-size: 30px;
    max-width: 70%;
    text-align: center;
    margin: 0 auto;
    padding-bottom: 40px;
    font-weight: 400;
}

.fontsize h1, .fontsize h2, .fontsize h3, .fontsize h4, .fontsize h5, .fontsize h6 {
    font-size: 150% !important;
    line-height: 112%;
}