*{
    margin:0;
    padding:0; 
}
.conte_main
{
    width:100%;
    height:1000px;
    background: white;
}
.contenido
{
    display: block;
    float: left;
    width: 100%;
    height: 50%;
    background: white;
        
}
.notia
{
    display: block;
    float: left;
    margin-left:4%;
    width: 40%;
    height: 68%;
    border: 1px solid gray;
    background: #A9D0F5;
}
.notia img
{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.notib
{
    display: block;
    float: left;
    margin-left:0.5%;
    width: 30%;
    height: 68%;
    border: 1px solid gray;
    background: yellowgreen;
}
.notib img
{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.notic
{
    display: block;
    float: left;
    margin-left:0.5%;
    width: 20%;
    height: 68%;
    border: 1px solid gray;
    background: greenyellow;
}
.notic img
{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    
}
.notid
{
    display: block;
    float: left;
    margin-left:4%;
    margin-top: 0.5%;
    width: 45%;
    height: 30%;
    border: 1px solid gray;
    background: white;
}
.notid img
{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    
}
.notie
{
    display: block;
    float: left;
    margin-left:0.5%;
    margin-top: 0.5%;
    width: 45.5%;
    height: 30%;
    border: 1px solid gray;
    background: pink;
}
.notie img
{
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    cursor: pointer;
}


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

.notia
{
    display: block;
    float: left;
    margin-left:0.5%;
    width: 40%;
    height: 30%;
    background: #A9D0F5;
}    

.notib
{
    display: block;
    float: left;
    margin-left:0.5%;
    width: 35%;
    height: 30%;
    background: yellowgreen;
}
.notic
{
    display: block;
    float: left;
    margin-left:0.5%;
    width: 23%;
    height: 30%;
    background: greenyellow;
}
.notid
{
    display: block;
    float: left;
    margin-left:0.5%;
    width: 99%;
    height: 30%;
    background: white;
}
.notie
{
    display: block;
    float: left;
    margin-left:0.5%;
    width: 99%;
    height: 30%;
    background: white;
}

}