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

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguienteNaranja.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: 1172px;
    top: 50%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasNaranja.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: 43px;
    top: 50%;
}

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}
/*fondoSol*/

.imgFondo {
    background-image: url(../img/S_G07_U05_L04_04/imgFondo.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1247px;
    height: 679px;
}

.imgIlustracion1 {
    background-image: url(../img/S_G07_U05_L04_04/imgIlustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1178.29px;
    height: 594.09px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.imgIlustracion2 {
    background-image: url(../img/S_G07_U05_L04_04/imgIlustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1178.29px;
    height: 594.09px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.imgIlustracion3 {
    background-image: url(../img/S_G07_U05_L04_04/imgIlustracion3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1178.29px;
    height: 594.09px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.imgIlustracion4 {
    background-image: url(../img/S_G07_U05_L04_04/imgIlustracion4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1178.29px;
    height: 594.09px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.popCC {
    margin: 0px;
    margin-left: 0%;
    margin-top: 0%;
}

.sonido {
    width: 84.27px;
    height: 84.27px;
    position: absolute;
    border-radius: 50%;

    left: 165px;
    top: 75px;
    cursor: pointer;
}