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

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

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

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

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

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

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

.flechaSiguiente {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 94%;
    top: 88.5%;
}

.completa1 {
    position: absolute;
    top: 64.5%;
    left: 44.5%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 24.5%;
    left: 56%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa2:focus {
    outline: none;
}

.completa3 {
    position: absolute;
    top: 23.5%;
    left: 73%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa3:focus {
    outline: none;
}

.completa4 {
    position: absolute;
    top: 52.3%;
    left: 57%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa4:focus {
    outline: none;
}

.completa5 {
    position: absolute;
    top: 52.3%;
    left: 65%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa5:focus {
    outline: none;
}

.completa6 {
    position: absolute;
    top: 52.3%;
    left: 73%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa6:focus {
    outline: none;
}
.completa7 {
    position: absolute;
    top: 61.1%;
    left: 65%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa7:focus {
    outline: none;
}
.completa8 {
    position: absolute;
    top: 74.1%;
    left: 65%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa8:focus {
    outline: none;
}
.completa9 {
    position: absolute;
    top: 82.9%;
    left: 65%;
    font-size: 25px;
    z-index: 2;
    width: 45px;
    height: 42px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa9:focus {
    outline: none;
}