@charset "utf-8";
/* CSS Document */
/*clear float*/

.flechaSiguiente {
    width: 68px;
    height: 64px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 584px;
    top: 94.5%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasVerde.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 64px;
    height: 64px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 42px;
    top: 50%;
}
/*AUTHOR: CARLOS MENCO*/
/*DATE: 06/08/2015*/

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

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

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

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

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

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

.Siguiente {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 47.5%;
    top: 89%;
}

.Atras {
    width: 65px;
    height: 65px;
    position: absolute;
    left: 41.5%;
    top: 89%;
}

.home {
    width: 68px;
    height: 63px;
    position: absolute;
    left: 90.7%;
    top: 7.4%;
}

.nav {
    width: 450px;
    height: 88px;
    position: absolute;
    left: 2.3%;
    top: 89%;
}


.popN1 {
    margin: 0px;
    margin-left: 18%;
    margin-top: 19%;
    width: 521.62px;
    height: 233.94px;
    border-radius: 7px;
}

.popN1 .btnCerrar1 {
    width: 45px;
    height: 45px;
    position: absolute;
    top: 0;
    right: 0px;
    border: 0;
    font-size: 0;
    margin-top: 0px;
    margin-right: 0px;
    z-index: 2;
}

.popN1 .contenido {
    background-image: url(../img/S_G07_U03_L06_03_03/imgAct3-pop1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 521.62px;
    height: 233.94px;
    text-align: center;
    border-radius: 7px;
    margin: 0 auto 0 auto;
    position: relative;
}

.btnN1 {
        position: absolute;
    width: 66.38px;
    height: 62.38px;
}


.completa1 {
    position: absolute;
    top: 32%;
    left: 81.5%;
    font-size: 60px;
    z-index: 2;
    width: 97px;
    height: 85px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 45.9%;
    left: 81.5%;
    font-size: 60px;
    z-index: 2;
    width: 97px;
    height: 78px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa2:focus {
    outline: none;
}

.completa3 {
    position: absolute;
    top: 58.6%;
    left: 81.5%;
    font-size: 60px;
    z-index: 2;
    width: 97px;
    height: 89px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa3:focus {
    outline: none;
}

.completa4 {
    position: absolute;
    top: 72.6%;
    left: 81.5%;
    font-size: 60px;
    z-index: 2;
    width: 97px;
    height: 75px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
    text-transform: uppercase;
}

.completa4:focus {
    outline: none;
}