*{
 margin:0;
 padding:0; 
}
.conte_main
{
 width:100%;
 height:100%;
 background: white;
}

.contenido
{
 display: block;
 float: left;
 width: 100%;
 height: 100%;
 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;
    cursor: pointer;
}
.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;
}

}