.anim1{
    top:0px;
    left: 0px;
    position: fixed;
    background:#FFCF00; 
    z-index: 9999;
}

.anim1 img{
    margin-top: 300px;
}

.anim2 img{
    float: right;
    margin-right: 10px;
}
.anim2{
    top: 0px;
    left: 0px;
    z-index: 9999;
    position: fixed;
    background:#D43F3A; 
}
.img-logo{
    width: 156px;
    height: 80px;
}
.img-preload{
    width: 35px;
    height: 35px;
}

/**/
.presentacion{
    background: #FFCF00;
    position: absolute;
    z-index: 5;
    width: 70px;
    right: 5px;
    top:5px;
    padding: 2px;
}
.presentacion img{
    width: 100%
}
/**/

.img1{
    background-image: url(../images/img_bg_1.jpg);
}
.img2{
    background-image: url(../images/img_bg_2.jpg);
}
.img3{
    background-image: url(../images/img_bg_3.jpg);
}
.img4{
    background-image: url(../images/img_bg_4.jpg);
}
.img5{
    background-image: url(../images/img_bg_5.jpg);
}
.img6{
    background-image: url(../images/img_bg_6.jpg);
}
.img7{
    background-image: url(../images/img_bg_7.jpg);
}
.img8{
    background-image: url(../images/img_bg_8.jpg);
}

@media screen and (max-width:768px) {
    .img1{
        background-image: url(../images/img_bg_1_mobile.jpg);
    }
    .img2{
        background-image: url(../images/img_bg_2_mobile.jpg);
    }
    .img3{
        background-image: url(../images/img_bg_3_mobile.jpg);
    }
    .img4{
        background-image: url(../images/img_bg_4_mobile.jpg);
    }
    .img5{
        background-image: url(../images/img_bg_5_mobile.jpg);
    }
    .img6{
        background-image: url(../images/img_bg_6_mobile.jpg);
    }
    .img7{
        background-image: url(../images/img_bg_7_mobile.jpg);
    }
    .img8{
        background-image: url(../images/img_bg_8_mobile.jpg);
    }
}