.img-centrada{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 10px 0;
}
.nivel-1 svg{
    fill: #626262;
}
.ctn-noticia-encabezado-titulo{
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
}

.ctn-noticia-txt{
    width: 100%;
    font-size: 16px;
    line-height: 22px;
}

.foto-noticia{
    border: 1px solid #9a9a9a;
    float: right;
    margin: 5px 0 5px 30px;
}
.ctn-noticia-txt p{
    color: #626262 !important;
    text-align: justify;
    margin-bottom: 10px;
    width: 100%;
}
em{
    font-style: italic;
    color: #626262;
}
.ctn-noticia-txt strong{
    color: #626262 !important;
    font-family: 'Roboto-Bold';
}


.noticias-url-enlaces, .ctn-noticia-txt a{
    font-family: Roboto-bold;
    color: #626262;
    text-decoration: underline;
}
.ff-regular, .ff-r{
    font-family: roboto-regular;
    color: #626262;
}
.ff-medium, .ff-m{
    font-family: roboto-medium;
    color: #626262;
}
.ff-bold, .ff-b{
    font-family: roboto-bold;
    color: #626262;
}

.noticias-url-enlaces:hover, .ctn-noticia-txt a:hover{
    color: #E11E00;
}
/* .noticia-publicacion-fecha{

} */
.noticias-publicacion-dia{
    font-size: 16px;
    font-family: roboto-medium;
}
.noticias-publicacion-bn{
    font-size: 17px;
    font-family: roboto-bold;
    color: #E11E00;
}
.noticia-publicacion-fecha{
    width: 100%;
    margin-bottom: 30px;
}

.footer-texto-ley{
    justify-content: start;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 5px;
}

.ff-medium > li{
    font-family: roboto-regular;
    line-height: 24px;
} 

.ff-medium > li::marker{
    font-family: roboto-medium;
}
.ctn-noticia-txt i{
    font-family: roboto-regular;
    color: #626262;
}

.banco-url{
    width: 100%;
    max-width: 1920px;
    padding: 0 5% 35px 5%;
    box-sizing: border-box;
}
.ctn-interno-cuerpo{
    padding: 25px 0 0 0;
}

/*========= PIE DE PAGINA =========*/
.footer-texto-ley img {
    width: auto;
}


.ctn-footer-ley {
    width: 100%;
    max-width: 1920px;
    display: flex;
    align-items: start;
    line-height: 25px;
    justify-content: space-between;
    font-size: 14px;
    box-sizing: border-box;
    padding: 15px 5%;
    color: #000000;
    font-family: Roboto-regular;
}

.footer-texto-ley {
    width: 40%;
    text-align: start;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    color: #323639;
    height: 80px;
    align-items: start;
}

.redes-sociales-ley {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.redes-sociales-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.iconos-redes-sociales {
    height: 30px;
    width: 30px;
    padding: 5px;
    border: 1px solid #8b8b8b;
    border-radius: 50%;
    transition: all 300ms ease-in;
}
ul{
    width: 100%;
}
/*========= FIN DE FOOTER =========*/

@media only screen and (max-width: 820px) {
    .ctn-footer-ley{
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        gap: 15px;
    }
    .footer-texto-ley{
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .footer-texto-ley img{
        height: 70px;
        width: auto;
        size: auto;
    }
}

.footer-texto-url-banco{
    font-size: 20px;
    color: #E11E00;
    font-family: roboto-bold;
}

/* TABLAS */
.tabla-estilo2 {
    padding: 20px 0;
    width: 50%;
    margin: 0 auto;
    border-collapse: collapse;
}

.tabla-estilo2 thead th{
    background-color: #4d4d4d;
    color: white !important;
    padding: 10px;
}
.tabla-estilo2 thead th strong{
    color: white !important;
}

.tabla-estilo2 tbody td {
    background-color: #f2f2f2;
    padding: 10px;
    border: 1px solid #ddd;
}

.tabla-estilo2 tbody tr:nth-child(even) td {
    background-color: #e6e6e6;
}

.cuerpo-style-abajo{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* BICICLETEADA */
.ctn-banner-bici.year2023{
    width: 100%;
}


.ctn-banner-bici{
    width: 100%;
    background: linear-gradient(90deg, var(--red-two) 25%, var(--red-one) 73%);
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-bici{
    display: flex;
    max-width: 1920px;
    width: 100%;
    height: 100%;
}

.ctn-img-banner{
    display: flex;
    height: 100%;
}
.ctn-img-banner img{
    height: 100%;
}
.banner-bici-txt{
    user-select: none; 
    position: relative;
    width: 100%;
    height: 100%;
}
.logo-conexion{
    position: absolute;
    width: 200px;
    right: 5px;
    bottom: 5px;
}
.bici-txt-title-sub{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.bici-txt-title-sub .ctn-title-ubi{
    display: flex;
    flex-direction: column;
}

.bici-txt-title-sub .ctn-title-ubi .title{
    font: 50px Aalto-bold;
    line-height: 35px;
    color: white;
}
.bici-txt-title-sub .ctn-title-ubi .ubicacion{
    font: 50px Aalto-regular;
    line-height: 40px;
    text-align: end;
    color: white;
}

.bici-txt-title-sub .subtitle{
    font: 35px Aalto-regular;
    color: white;
    font-style: italic;
}


.bicicleteada .txt-rojo{
    color: var(--red-one) !important;
}

.bicicleteada span{
    color: #626262 !important;
}

.img-ruta{
    padding: 15px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.img-ruta img{
    max-width: 100%;
}
.bicicleteada .ctn-noticia-txt .enlaces-documentos svg{
    fill: #626262 ;
}
.bicicleteada .ctn-noticia-txt .enlaces-documentos:hover svg{
    fill: var(--red-one) !important;
}

.foto-noticia-2 {
    border: 1px solid #9a9a9a;
    float: left;
    margin: 8px 20px 8px 0;
}
.i{
    font-style: italic !important;
}
ul li {
    margin: 0 0 5px 20px;
    color: #626262 !important;
}

.nivel-1-rojo > li::marker{
    color: var(--red-one) !important;
}
.nivel-1 > li, .nivel-1-rojo > li{
    font-family: roboto-regular;
}

.nivel-1 > li::marker{
    color: #626262 !important;
}
.nivel-1-num > li::marker{
    font-family: roboto-medium;
    color:#626262 !important;
}
.nivel-1-num > li{
    list-style: decimal !important;
    font-family: roboto-medium;
}
.nivel-2 > li{
    list-style: circle !important;
}
.sin-lista > li{
    list-style: none !important;
} 
.sin-lista{
    margin-bottom: 10px;
}