section.posicion-contenedor,
section[data-element="container"]
{
    overflow: hidden;
    box-sizing: border-box;
}

[data-element="content"]{
    position:relative;
}

.connota
{
    padding: 5px;
}

.notas
{
    background-color:  #F2F2F2;
    height: 100%;
}

.nota
{
    padding: 10px 0;
    text-align: left;
}

.nota .volanta
{
    font-size: 12px;
    color: #28578B;
    padding: 4px;
    padding-bottom: 8px;
    border-bottom: 1px solid #A3CEFF;
    border-top: 3px solid #28578B;
    margin-bottom: 2px;
}

.nota .volanta a{
    color: #28578B;
    font-weight: normal;
    text-transform: uppercase;
}

.nota .volanta a:hover{
    color: #477EBE;
}

.nota .titulo
{
    color: #357;
    font-weight: normal;
}

.nota .titulo:hover
{
    color: #2B90B7;
    text-decoration: underline;

}

.nota .bajada
{
    text-align: justify;
    margin-top: 5px;
    color: #111;
    padding-bottom: 5px;
}

.nota .Descripcion {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 428px;
}


.notaContainer
{
    padding: 10px;
}

.notasderecha
{
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
}

.notasizquierda
{
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    padding-top: 10px;
    padding-left: 10px;
}


.nota .Imagen {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 315px;
    max-width: 560px;
}

.imagen-link
{
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.imagen-link img{
    width: 100%;
    height: auto;
}

.Izquierda, .Derecha {
    display: table-cell;
    width: 50%;
    vertical-align: top;
    padding: 5px;
}

.Izquierda .nota,
.Derecha .nota{
    padding-top: 10px;
    padding-bottom: 10px;
}

.nota .Descripcion{
    width: 100%;
}

a.infoNota{
    display: block;
    font-weight: normal;
    text-decoration: none;
    position: relative;
}



article  .nota h1.titulo{
    transition: 0.15s;
}

article:hover .nota h1.titulo{
    color: #42A7F3;
}

@media only screen and (max-width: 980px) {
    .nota .Imagen {
        width: 100%;
        max-height: none;
        max-width: none;
    }
}


.contenedor-bgprincipal{
    padding-top: 2%;
    padding-bottom: 2%;
    border-top:1px solid  #E2E3E7;
    border-bottom:1px solid #E2E3E7;
    background-color: #F9FAFF;
}

.contenedor-bgsecundario{
    padding-top: 2%;
    padding-bottom: 2%;


    border-bottom:1px solid #F7F7F9;
    background-color: #FDFDFF;
}

.contenedor-bgprincipal .seccion-titulo,
.contenedor-bgsecundario .seccion-titulo{
    font-size: 26px;
    font-weight: normal;
    text-decoration: none;
    padding: 4px;
    background-color: #98C7EB;
    color: #FFF;
}

/******************************************************************************/






.nota-contenedor
{
    padding:0;
    margin-bottom: 20px;
    text-align: left;
}

.nota-contenedor .nota-volanta
{
    font-size: 12px;
    color: #28578B;
    padding: 4px;
    padding-bottom: 8px;
    border-bottom: 1px solid #A3CEFF;
    border-top: 3px solid #28578B;
    margin-bottom: 2px;
}

.nota-contenedor .nota-volanta a{
    color: #28578B;
    font-weight: normal;
    text-transform: uppercase;
}

.nota-contenedor .nota-volanta a:hover{
    color: #477EBE;
}

.nota-contenedor .nota-titulo
{
    color: #000;
    font-weight: normal;
}

.nota-contenedor .nota-titulo:hover
{
    color: #464646;
    text-decoration: underline;

}

.nota-contenedor .nota-bajada
{
    text-align: justify;
    margin-top: 5px;
    color: #111;
    padding-bottom: 5px;
}

.nota-contenedor .nota-imagen {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 100%;
    max-height: 315px;
    max-width: 560px;
}

.nota-contenedor .nota-epigrafe {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.69);
    font-size: 10px;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

.nota-contenedor .nota-informacion{
    /*padding-left: 10px;*/
    box-sizing: border-box;
}

.nota-contenedor .nota-link{
    display: block;
    font-weight: normal;
    text-decoration: none;
    position: relative;
}

.nota-contenedor .nota-informacion .nota-link
{
    padding-left: 10px;
}


/**********************************************************************************************
*Estilos generales para poner en el diagramador
*/

/*******************Bordes para titulo********************/
.titulo-border-bottom [data-container="caption"]{
    border-bottom:1px solid black;
    padding-bottom: 2px;
}
.titulo-border-top [data-container="caption"]{
    border-top:1px solid black;
    padding-top: 2px;
}
.titulo-border-left [data-container="caption"]{
    border-left:1px solid black;
    padding-left: 2px;
}
.titulo-border-right [data-container="caption"]{
    border-right:1px solid black;
    padding-right: 2px;
}

.titulo-border [data-container="caption"]{
    border:1px solid black;
    padding: 2px;
}

.titulo-radius0 [data-container="caption"]{
    border-radius: 2px;
}
.titulo-radius1 [data-container="caption"]{
    border-radius: 5px;
}
.titulo-radius3 [data-container="caption"]{
    border-radius: 20%;
}

.titulo-radius4 [data-container="caption"]{
    border-radius: 35%;
}
.titulo-radius5 [data-container="caption"]{
    border-radius: 50%;
}
.titulo-center >[data-container="caption"]{
    text-align: center;
}


/*******************TIPOS DE BORDES***********************/
.border-dotted{
    border-style: dotted!important;
}
.border-dashed{
    border-style: dashed!important;
}

.border-solid{
    border-style: solid!important;
}
.border-double{
    border-style: double!important;
}

/*******************TAMAŅOS DE BORDES***********************/
.border-tam-0{
    border-width: 1px!important;
}

.border-tam-1{
    border-width: 2px!important;
}
.border-tam-2{
    border-width: 4px!important;
}

.border-tam-3{
    border-width: 5px!important;
}
.border-tam-4{
    border-width: 7px!important;
}



/*******************COLORES DE BORDES***********************/
.color-border-red,
.color-separador-red>article>div{
    border-color:red!important;
}
.color-border-green,
.color-separador-green>article>div
{
    border-color:green!important;
}
.color-border-yellow,
.color-separador-yellow>article>div
{
    border-color:yellow!important;
}
.color-border-blue,
.color-separador-blue>article>div
{
    border-color:blue!important;
}
.color-border-gray,
.color-separador-gray>article>div{
    border-color:gray!important;
}
.color-border-white,
.color-separador-white>article>div{
    border-color:white!important;
}
.color-border-lightgray,
.color-separador-lightgray>article>div{
    border-color:lightgray!important;
}
.color-border-lightblue,
.color-separador-lightblue>article>div{
    border-color:lightblue!important;
}



/*******************Bordes para seccion********************/

.border-bottom{
    border-bottom:1px solid black;
}
.border-left{
    border-left:1px solid black;
}
.border-right{
    border-right:1px solid black;
}
.border-top{
    border-top:1px solid black;
}
.border {
    border:1px solid black;

}
.separador-bottom>article{
        border-bottom:1px solid black;
    }
    .separador-top>article{
        border-top:1px solid black;
    }
@media (min-width:992px){
     border-bottom-lg{
        border-bottom:1px solid black;
    }
    .border-left-lg{
        border-left:1px solid black;
    }
    .border-right-lg{
        border-right:1px solid black;
    }
    .border-top-lg{
        border-top:1px solid black;
    }
    .border-lg {
        border:1px solid black;

    } 
    .separador-bottom-lg>article>div{
        border-bottom:1px solid black;
    }
    .separador-top-lg>article>div{
        border-top:1px solid black;
    }
}
@media only screen and (min-width:768px) and(max-width:992px){
     border-bottom-md{
        border-bottom:1px solid black;
    }
    .border-left-md{
        border-left:1px solid black;
    }
    .border-right-md{
        border-right:1px solid black;
    }
    .border-top-md{
        border-top:1px solid black;
    }
    .border-md {
        border:1px solid black;

    } 
    .separador-bottom-md>article>div{
        border-bottom:1px solid black;
    }
    .separador-top-md>article>div{
        border-top:1px solid black;
    }
}
@media only screen and (min-width:480px) and(max-width:768px){
    border-bottom-sm{
        border-bottom:1px solid black;
    }
    .border-left-sm{
        border-left:1px solid black;
    }
    .border-right-sm{
        border-right:1px solid black;
    }
    .border-top-sm{
        border-top:1px solid black;
    }
    .border-sm {
        border:1px solid black;

    } 
    .separador-bottom-sm>article>div{
        border-bottom:1px solid black;
    }
    .separador-top-sm>article>div{
        border-top:1px solid black;
    }
}


@media(max-width:480px){
    border-bottom-xs{
        border-bottom:1px solid black;
    }
    .border-left-xs{
        border-left:1px solid black;
    }
    .border-right-xs{
        border-right:1px solid black;
    }
    .border-top-xs{
        border-top:1px solid black;
    }
    .border-xs {
        border:1px solid black;

    } 
    .separador-bottom-xs>article>div{
        border-bottom:1px solid black;
    }
    .separador-top-xs>article>div{
        border-top:1px solid black;
    }
}

.border-radius0{
    border-radius: 2px;
}
.border-radius1{
    border-radius: 5px;
}
.border-radius3{
    border-radius: 20%;
}

.border-radius4{
    border-radius: 35%;
}
.border-radius5{
    border-radius: 50%;
}


.card-border{
    box-shadow:0px 3px 6px 4px #dedede;
    padding: 2px;
}

.card-border-content>article>div{
    box-shadow:0px 3px 6px 4px #dedede;
    padding: 2px;
}


/**************Color de fuente para los titulos**********************/
.titulo-color-font-red [data-container="caption"]{
    color:red;
}
.titulo-color-font-blue [data-container="caption"]{
    color:blue;
}
.titulo-color-font-green [data-container="caption"]{
    color:green;
}

.titulo-color-font-gray [data-container="caption"]{
    color:gray;
}

.titulo-color-font-gray [data-container="caption"]{
    color:gray;
}

.titulo-color-font-orange [data-container="caption"]{
    color:orange;
}
.titulo-color-font-lightblue [data-container="caption"]{
    color:lightblue;
}
.titulo-color-font-pink [data-container="caption"]{
    color:pink;
}


/**************Color de fondo para los titulos**********************/
.titulo-color-red>[data-container="caption"]{
    background-color:red;
}
.titulo-color-blue>[data-container="caption"]{
    background-color:blue;
}
.titulo-color-green>[data-container="caption"]{
    background-color:green;
}

.titulo-color-gray>[data-container="caption"]{
    background-color:gray;
}

.titulo-color-gray>[data-container="caption"]{
    background-color:gray;
}

.titulo-color-orange>[data-container="caption"]{
    background-color:orange;
}
.titulo-color-lightblue>[data-container="caption"]{
    background-color:lightblue;
}
.titulo-color-pink [data-container="caption"]{
    background-color:pink;
}
.titulo-color-white [data-container="caption"]{
    background-color:white;
}

/*************estilos variados**********************************/



.padding-y-1{
    padding-top: 1px;
    padding-bottom: 1px;  
}
.padding-y-2{
    padding-top: 2px;
    padding-bottom: 2px;  
}
.padding-y-3{
    padding-top: 3px;
    padding-bottom: px;  
}
.padding-y-4{
    padding-top: 4px;
    padding-bottom: 4px;  
}
.padding-y-5{
    padding-top: 5px;
    padding-bottom: 5px;  
}
.padding-y-6{
    padding-top: 6px;
    padding-bottom: 6px;  
}
.padding-y-7{
    padding-top: 7px;
    padding-bottom: 7px;  
}
.padding-y-8{
    padding-top: 8px;
    padding-bottom: 8px;  
}
.padding-y-9{
    padding-top: 9px;
    padding-bottom: 9px;  
}
.padding-y-10{
    padding-top: 10px;
    padding-bottom: 10px;  
}
.padding-y-15{
    padding-top: 15px;
    padding-bottom: 15px;  
}
.padding-y-20{
    padding-top: 20px;
    padding-bottom: 20px;  
}
.padding-top-0{
    padding-top: 0px;
}
.padding-top-1{
    padding-top: 1px;
}
.padding-top-2{
    padding-top: 2px; 
}
.padding-top-3{
    padding-top: 3px;
}
.padding-top-4{
    padding-top: 4px;  
}
.padding-top-5{
    padding-top: 5px;  
}
.padding-top-6{
    padding-top: 6px;  
}
.padding-top-7{
    padding-top: 7px; 
}
.padding-top-8{
    padding-top: 8px; 
}
.padding-top-9{
    padding-top: 9px;  
}
.padding-top-10{
    padding-top: 10px;
}
.padding-top-15{
    padding-top: 15px; 
}
.padding-top-20{
    padding-top: 20px; 
}

.padding-bottom-0{
    padding-bottom: 0px;
}
.padding-bottom-1{
    padding-bottom: 1px;
}
.padding-bottom-2{
    padding-bottom: 2px; 
}
.padding-bottom-3{
    padding-bottom: 3px;
}
.padding-bottom-4{
    padding-bottom: 4px;  
}
.padding-bottom-5{
    padding-bottom: 5px;  
}
.padding-bottom-6{
    padding-bottom: 6px;  
}
.padding-bottom-7{
    padding-bottom: 7px; 
}
.padding-bottom-8{
    padding-bottom: 8px; 
}
.padding-bottom-9{
    padding-bottom: 9px;  
}
.padding-bottom-10{
    padding-bottom: 10px;
}
.padding-bottom-15{
    padding-bottom: 15px; 
}
.padding-bottom-20{
    padding-bottom: 20px; 
}

.padding-x-1{
    padding-left: 1px;
    padding-right: 1px;  
}
.padding-x-2{
    padding-left: 2px;
    padding-right: 2px;  
}
.padding-x-3{
    padding-left: 3px;
    padding-right: px;  
}
.padding-x-4{
    padding-left: 4px;
    padding-right: 4px;  
}
.padding-x-5{
    padding-left: 5px;
    padding-right: 5px;  
}
.padding-x-6{
    padding-left: 6px;
    padding-right: 6px;  
}
.padding-x-7{
    padding-left: 7px;
    padding-right: 7px;  
}
.padding-x-8{
    padding-left: 8px;
    padding-right: 8px;  
}
.padding-x-9{
    padding-left: 9px;
    padding-right: 9px;  
}
.padding-x-10{
    padding-left: 10px;
    padding-right: 10px;  
}
.padding-x-15{
    padding-left: 15px;
    padding-right: 15px;  
}
.padding-x-20{
    padding-left: 20px;
    padding-right: 20px;  
}

.sin-padding-x{
    padding-left: 0;
    padding-right: 0;
}
.sin-padding-y{
    padding-top:0;
    padding-bottom: 0;
}
.sin-padding{
    padding:0;
}



.margin-x-1{
    margin-left: 1px;
    margin-right: 1px;  
}
.margin-x-2{
    margin-left: 2px;
    margin-right: 2px;  
}
.margin-x-3{
    margin-left: 3px;
    margin-right: px;  
}
.margin-x-4{
    margin-left: 4px;
    margin-right: 4px;  
}
.margin-x-5{
    margin-left: 5px;
    margin-right: 5px;  
}
.margin-x-6{
    margin-left: 6px;
    margin-right: 6px;  
}
.margin-x-7{
    margin-left: 7px;
    margin-right: 7px;  
}
.margin-x-8{
    margin-left: 8px;
    margin-right: 8px;  
}
.margin-x-9{
    margin-left: 9px;
    margin-right: 9px;  
}
.margin-x-10{
    margin-left: 10px;
    margin-right: 10px;  
}
.margin-x-15{
    margin-left: 15px;
    margin-right: 15px;  
}
.margin-x-20{
    margin-left: 20px;
    margin-right: 20px;  
}

.margin-y-1{
    margin-top: 1px;
    margin-bottom: 1px;  
}
.margin-y-2{
    margin-top: 2px;
    margin-bottom: 2px;  
}
.margin-y-3{
    margin-top: 3px;
    margin-bottom: px;  
}
.margin-y-4{
    margin-top: 4px;
    margin-bottom: 4px;  
}
.margin-y-5{
    margin-top: 5px;
    margin-bottom: 5px;  
}
.margin-y-6{
    margin-top: 6px;
    margin-bottom: 6px;  
}
.margin-y-7{
    margin-top: 7px;
    margin-bottom: 7px;  
}
.margin-y-8{
    margin-top: 8px;
    margin-bottom: 8px;  
}
.margin-y-9{
    margin-top: 9px;
    margin-bottom: 9px;  
}
.margin-y-10{
    margin-top: 10px;
    margin-bottom: 10px;  
}
.margin-y-15{
    margin-top: 15px;
    margin-bottom: 15px;  
}
.margin-y-20{
    margin-top: 20px;
    margin-bottom: 20px;  
}

.sin-margin-x{
    margin-left: 0;
    margin-right: 0;
}
.sin-margin-y{
    margin-top:0;
    margin-bottom: 0;
}

.margin-bottom-0{
    margin-bottom: 0px;
}
.margin-bottom-1{
    margin-bottom: 1px;
}
.margin-bottom-2{
    margin-bottom: 2px; 
}
.margin-bottom-3{
    margin-bottom: 3px;
}
.margin-bottom-4{
    margin-bottom: 4px;  
}
.margin-bottom-5{
    margin-bottom: 5px;  
}
.margin-bottom-6{
    margin-bottom: 6px;  
}
.margin-bottom-7{
    margin-bottom: 7px; 
}
.margin-bottom-8{
    margin-bottom: 8px; 
}
.margin-bottom-9{
    margin-bottom: 9px;  
}
.margin-bottom-10{
    margin-bottom: 10px;
}
.margin-bottom-15{
    margin-bottom: 15px; 
}
.margin-bottom-20{
    margin-bottom: 20px; 
}
.margin-top-0{
    margin-top: 0px;
}
.margin-top-1{
    margin-top: 1px;
}
.margin-top-2{
    margin-top: 2px; 
}
.margin-top-3{
    margin-top: 3px;
}
.margin-top-4{
    margin-top: 4px;  
}
.margin-top-5{
    margin-top: 5px;  
}
.margin-top-6{
    margin-top: 6px;  
}
.margin-top-7{
    margin-top: 7px; 
}
.margin-top-8{
    margin-top: 8px; 
}
.margin-top-9{
    margin-top: 9px;  
}
.margin-top-10{
    margin-top: 10px;
}
.margin-top-15{
    margin-top: 15px; 
}
.margin-top-20{
    margin-top: 20px; 
}

.margin-x-auto{
    margin-left: auto;
    margin-right: auto;
}
.sin-margin{
    margin:0;
}

.padding-bottom-0  > article{
    padding-bottom:0;
}
.padding-top-0  > article{
    padding-top:0;
}
.padding-left-0  > article{
    padding-left:0;
}
.padding-right-0  > article{
    padding-right:0;
}

.alto-ajustado{

    align-self: self-start;
    height: fit-content;
}
.alto-ajustado-bottom{
    align-self: flex-end;;
    height: fit-content;
}

.no-flex{
    display:inline-block!important;
}
/***************COLORES DE FONDO**********************************/
.bg-red{
    background-color: red;
}
.bg-green{
    background-color: green;
}
.bg-blue{
    background-color: blue;
}
.bg-yellow{
    background-color: yellow;
}
.bg-orange{
    background-color: orange;
}
.bg-pink{
    background-color: pink;
}
.bg-lightgreen{
    background-color: lightgreen;
}
.bg-lightblue{
    background-color: lightblue;
}
.bg-lightyellow{
    background-color: lightyellow;
}
.bg-orangered{
    background-color: orangered;
}


.bg-gray{
    background-color: gray;
}

.bg-black{
    background-color: black;
}
.bg-lightgrey{
    background-color: lightgrey;
}
.bg-whitesmoke{
    background-color: whitesmoke;
}
.bg-white{
    background-color: white;
}

.bg-verdecartelera{
    background-color: #b2e8b0;
}

.bg-naranjashow{
    background-color: #f1ac2f78;
}



/***************COLORES DE FONDO PARA ULTIMAS NOTICIAS ESPECIFICO**********************************/

.bg-red-lastest .lastest-container{
    background-color: red;
}
.bg-green-lastest .lastest-container{
    background-color: green;
}
.bg-blue-lastest .lastest-container{
    background-color: blue;
}
.bg-yellow-lastest .lastest-container{
    background-color: yellow;
}
.bg-orange-lastest .lastest-container{
    background-color: orange;
}
.bg-pink-lastest .lastest-container{
    background-color: pink;
}
.bg-lightgreen-lastest .lastest-container{
    background-color: lightgreen;
}
.bg-lightblue-lastest .lastest-container{
    background-color: lightblue;
}
.bg-lightyellow-lastest .lastest-container{
    background-color: lightyellow;
}
.bg-orangered-lastest .lastest-container{
    background-color: orangered;
}


.bg-gray-lastest .lastest-container {
    background-color: gray;
}

.bg-black-lastest .lastest-container{
    background-color: black;
}
.bg-lightgrey-lastest .lastest-container{
    background-color: lightgrey;
}
.bg-whitesmoke-lastest .lastest-container{
    background-color: whitesmoke;
}
.bg-white-lastest .lastest-container{
    background-color: white;
}

.bg-verdecartelera-lastest .lastest-container{
    background-color: #b2e8b0;
}

.bg-naranjashow-lastest .lastest-container{
    background-color: #f1ac2f78;
}
.bg-white-lastest .lastest-container{
    background-color: white;
}