.area1 {
    background-image: url(../img/M_G07_U04_L02_03_01/imgAct-area1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.area2 {
    background-image: url(../img/M_G07_U04_L02_03_01/imgAct-area2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.area3 {
    background-image: url(../img/M_G07_U04_L02_03_01/imgAct-area3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.area4 {
    background-image: url(../img/M_G07_U04_L02_03_01/imgAct-area4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.area5 {
    background-image: url(../img/M_G07_U04_L02_03_01/imgAct-area5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.area6 {
    background-image: url(../img/M_G07_U04_L02_03_01/imgAct-area6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.area7 {
    background-image: url(../img/M_G07_U04_L02_03_01/imgAct-area7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 667px;
    left: 0px;
    top: 0px;
    position: absolute;
}

.flechaAtras {
    width: 75px;
    height: 70px;
    position: absolute;
    left: 2.5%;
    top: 86.5%;
    z-index: 3;
}

.flechaSiguiente {
    width: 75px;
    height: 70px;
    position: absolute;
    left: 91.5%;
    top: 86.5%;
    z-index: 3;
}

.completa1 {
    position: absolute;
    top: 44.6%;
    left: 50.3%;
    font-size: 40px;
    z-index: 2;
    width: 96px;
    height: 49px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 44.5%;
    left: 75.2%;
    font-size: 40px;
    z-index: 2;
    width: 96px;
    height: 49px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa2:focus {
    outline: none;
}

.completa3 {
    position: absolute;
    top: 80.3%;
    left: 49.2%;
    font-size: 40px;
    z-index: 2;
    width: 96px;
    height: 49px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa3:focus {
    outline: none;
}

.completa4 {
    position: absolute;
    top: 80.3%;
    left: 75.4%;
    font-size: 40px;
    z-index: 2;
    width: 96px;
    height: 49px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa4:focus {
    outline: none;
}

.show1 {
    background-color: white;
    width: 990px;
    height: 350px;
    left: 10.5%;
    top: 41%;
    position: absolute;
}

.shower1 {
    width: 218px;
    height: 55px;
    left: 39%;
    top: 32.2%;
    position: absolute;
}

.show2 {
    background-color: white;
    width: 990px;
    height: 350px;
    left: 10.5%;
    top: 41%;
    position: absolute;
}

.shower2 {
    width: 218px;
    height: 55px;
    left: 39%;
    top: 32.2%;
    position: absolute;
}

.show3 {
    background-color: white;
    width: 990px;
    height: 350px;
    left: 10.5%;
    top: 41%;
    position: absolute;
}

.shower3 {
    width: 218px;
    height: 55px;
    left: 51.6%;
    top: 32.2%;
    position: absolute;
}

.show4 {
    background-color: white;
    width: 990px;
    height: 330px;
    left: 10.5%;
    top: 46%;
    position: absolute;
}

.shower4 {
    width: 218px;
    height: 55px;
    left: 11.3%;
    top: 37.3%;
    position: absolute;
}
.show5 {
    background-color: white;
    width: 990px;
    height: 330px;
    left: 10.5%;
    top: 46%;
    position: absolute;
}

.shower5 {
    width: 218px;
    height: 55px;
    left: 11.3%;
    top: 37.3%;
    position: absolute;
}
.show6 {
    background-color: white;
    width: 990px;
    height: 330px;
    left: 10.5%;
    top: 46%;
    position: absolute;
}

.shower6 {
    width: 218px;
    height: 55px;
    left: 11.3%;
    top: 37.3%;
    position: absolute;
}

.videoContenedor video {
    width: 380px;
    height: 195px;
    position: absolute;
    top: 31.5%;
    left: 3.5%;
}

.videoContenedor {
    padding-top: 2%;
    margin: 0 auto;
    width: 380px;
    height: 195px;
}