main .blog .seccion1 .cont-img{
    /*background: red;/***/
    width: 834px;
    height: 250px;
    
    margin: 7px 0;
    
    position: relative;
    
    overflow: hidden;/**/
}
main .blog .seccion1 .cont-img img{
    width: 100%;
    height: 100%;
}

main .blog .seccion1 .cont-img .e-hover0,
.blog .seccion1 .cont-img .e-hover1, 
.blog .seccion1 .cont-img .e-hover2,
.blog .seccion1 .cont-img .e-hover3{
    width: 800px;
    height: 260px;
    /*background: rgba(0,82,111,.9);/*petrole*/
    /*background: rgba(44,41,111,.8);/*blue sea*/
    /*background: rgba(0,183,229,.5);/*blue sky*/
    /*background: rgba(85,165,70,.8);/*green sky*/
    /*background: rgba(0,105,62,.8);/*green*/
    position: absolute;
    top: 0;
    
    left: 0;/*before margin-left: 0*/
    transition: all 1000ms;/*regula el tiempo de retorno*/
}


main .blog .seccion1 .cont-img .e-hover1 polygon, 
.blog .seccion1 .cont-img .e-hover2 polygon,
.blog .seccion1 .cont-img .e-hover3 polygon{
    /*fill: rgba(0,183,229,.7);/**/
    fill: rgba(0,150,0,.5);
}
main .blog .seccion1 .cont-img #hover-purple polygon{
    /*fill: rgba(0,183,229,.7);/**/
    fill: rgba(128,0,255,.4);
}
main .blog .seccion1 .cont-img #hover-blue polygon{
    /*fill: rgba(0,183,229,.7);/**/
    fill: rgba(0,183,229,.5);
}

main .blog .seccion1 .cont-img #hover-oil polygon{
    /*fill: rgba(0,183,229,.7);/**/
    fill: rgba(0,64,64,.5);
}
main .blog .seccion1 .cont-img #hover-sea polygon{
    /*fill: rgba(0,183,229,.7);/**/
    fill: rgba(0,64,128,.5);
}



main .blog .seccion1 .cont-img:hover .e-hover1{
    margin-left: -540px;
    transition: all 1500ms;/*regula el tiempo de extension*/
}
main .blog .seccion1 .cont-img:hover .e-hover2{
    margin-left: -540px;
    transition: all 1000ms;/*regula el tiempo de extension*/
}
main .blog .seccion1 .cont-img:hover .e-hover3{
    margin-left: -540px;
    transition: all 300ms;/*regula el tiempo de extension*/
}