.block_11_materias_banner_conteiner {
    margin-top: 20px;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.block_11_materias_conteiner {
    padding-right: 0px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.block_11_materias_conteiner hr {
    width: 100%;
    height: 1px;
    margin-top: 0px;
    margin-bottom: 40px;
}

.block_11_materias_divider {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.block_11_materia {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    width: 630px;
    height: 137px;
    margin-bottom: 20px;
}

.block_11_materia img{
    width: 270px;
    height: 100%;
    margin-right: 10px;
	overflow: hidden;
}

.block_11_materia-clave-titulo-fecha { 
    width: 500px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.block_11_materia-titulo {
    color: black;
    font-weight: 700;
    font-size: 20px;
}

.block_11_materia-subtitulo {
    font-weight: 500;
    font-size: 15px;
    height: 340px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.block_11_materia-fecha-cont {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}

.block_11_materia-fecha {
    font-size: 12px;
    color: gray;
}

.block_11_divider {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid gray;
    border-bottom: 1px solid gray;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

/***** BANNERS AREA */

.block_11_banner_sticky {
    top: 140px;
    bottom: 0;
    position:sticky;
    width: 300px;
    height: 567px;
}

.block_11_banner {
    width: 300px;
    height: 100%;
}    

.block_11_banner_1 {
    margin-bottom: 20px;
    height: 265px;
}

.block_11_banner_2 {
    height: 265px;
}

.block_11_banner_1 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

.block_11_banner_2 img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
}

@media only screen and (max-width: 590px) {  

    .block_11_materias_banner_conteiner {
        flex-direction: column;
    }

    .block_11_banner {
        width: 100%;
    }

    .block_11_banner_1 {
        margin-bottom: 20px;
        height: auto;
        width: 100%;
    }
    
    .block_11_banner_2 {
        width: 100%;
        height: auto;
    }
    
    .block_11_banner_1 img{
        width: 100%;
        height: auto;
        object-fit: cover;
        overflow: hidden;
    }
    
    .block_11_banner_2 img{
        width: 100%;
        height: auto;
        object-fit: cover;
        overflow: hidden;
    }

    .block_11_banner_sticky {
        top: 0px;
        bottom: 0;
        position:relative;
        width: 100%;
        height: auto;
    }

    .block_11_materia {
        width: 100%;
        height: auto;
    }

    .block_11_materia-titulo {
        font-size: 13px;
        font-weight: bold;
    }
    
    .block_11_materia img {
        height: 100px;
        width: 450px;
    }

    .block_11_materias_conteiner {
        width: 100%;
    }

    .block_11_materias_conteiner hr {
        margin-bottom: 20px;
    }

    .block_11_divider {
        margin-bottom: 20px;
    }

}