*{
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}
/* Estilos Generales menu */
header {
    background-color: rgb(60, 78, 114);
    height: 70px;
    width: 100%;
}
.menu-icon{display: none;}
#check{display: none;}
.menu{
    float: right;
    margin: 0 10px 0 0;
    top: 25px;
    right: 100px;
    position: absolute;
}
.menu a{
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    margin-right: 20px;
}
.marca {
    color: #fff;
    font-size: 18px;
    display: block;
    position: absolute;
    top: 22px;
    left: 100px;
}
/*----HEADER TERMINA HASTA AQUI----*/
#main{
    margin: auto;
    max-width: 1250px;
}
.contenido {float: left;}
.noticia2{
    border: 1px solid #ccc;
    background: rgb(243, 243, 243);
    float: left;
    height: 350px;
    margin: .7%;
    width: 24%;
}
.noticia2 img{
    height: 150px;
    width: 100%; 
}
.noticia2 h3{
    font-size: 15px;
    padding: 10px;
}
.titular{font-size: 12px;}
.titular:after{
    background: rgb(167, 167, 167);
    content: '';
    display: flex;
    position: relative;
    margin: 10px 0;
    height: 1px;
    width: 100%;
}
.noticia_cuadro{padding: 10px;}
/*  ANUNCIO  */
aside {
    display: inline-block;
    margin: 10px;
    margin-top: 10px;
    max-width: 250px;
}
.divisa{
    background-color: aquamarine;
    margin-bottom: 30px;
}


.divisa > p:after{
    background: rgb(23, 165, 137);
    content: '';
    display: block;
    position: relative;
    margin: 10px 0;
    height: 3px;
    width: 22%;
}
.divisa a{
    color: #000;
    display: block;
    text-decoration: none;
}
.divisa a:hover{background-color: #ededed;}
.divisa p{
    font-size: 20px;
    padding: 10px;
}
.divisa ul li{
    border-bottom: 0.5px solid #a8a7a4;

    list-style: none;
    padding: 12px;
}


.container{
    float: left;
    margin-bottom: 60%;
}



.lbl-menu{
    background: #234;
    width: 250px;
}
.lbl-menu label{
    display: inline-block;
    padding: 10px;
    color: #fff;
    cursor: pointer;
    transition: all 400ms ease;
}
.lbl-menu label:hover{background: #28435d;}
.content{position: relative;}
.content div{
    position: absolute;
    transition: all 600ms ease;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.90);
    padding: 10px;
    width: 250px;
}

.content .tab1 ul a{padding: 7px;}
.content .tab2 a{padding: 7px;}

#radio1, #radio2{display: none;}
#radio1:checked ~ .tab1, #radio2:checked ~ .tab2{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}
.content div:after{
    position: absolute;
    content: '';
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-bottom: 10px solid #fff;
    bottom: 100%;
    left: 48px;
}
.content .tab2:after{left: 170px;}
/* FINAL ASIDE*/
@media screen and (max-width: 800px) {
    #check:checked ~ .menu{left: 0;}
    .marca{left: 34%;}      
    .menu{
        background: #fff;
        top: 69px;
        left: -100%;
        transition: all 0.8s ease;
        overflow-y: scroll;
        overflow: -moz-scrollbars-vertical;
        width: 100%;
        height: 100vh;
        z-index: 200;
    }
    .menu a{
        color: #000;
        display: block;
        border-bottom: 1px solid #000;
        box-sizing: border-box;
        text-transform: uppercase;
        font-size: 0.8rem;
        padding: 2px 0 0 0;
        padding-left: 30px;
        line-height: 65px;
        height: 70px;
        width: 100%;
    } 
    .menu-icon{
        cursor: pointer;
        display: block;
        float: left;
        left: 5%;
        margin: 20px 5px; 
        position: absolute;
    }
    .columna2, .columna3{
        margin-top: 40px;
        width: 100%;
    }
    .contacto{flex-wrap: wrap;}
}