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

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

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

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

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

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

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

.popup1 {
    background-image: url(../img/S_G07_U03_L06_03_02/imgPopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1200.79px;
    height: 620.64px;
}

.popup1 .btnCerrarP {
    background-image: url(../img/S_G07_U03_L06_03_01/BtnCPopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 44.82px;
    height: 44.82px;
    position: absolute;
    left: 1174px;
    top: -10px;
}

.popup2 {
    background-image: url(../img/S_G07_U03_L06_03_02/imgPopup2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1200.63px;
    height: 620.81px;
}

.popup2 .btnCerrarP {
    background-image: url(../img/S_G07_U03_L06_03_01/BtnCPopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 44.82px;
    height: 44.82px;
    position: absolute;
    left: 1174px;
    top: -10px;
}

.btnAreproductor {
    position: absolute;
    left: 146px;
    top: 572px;
    width: 212.38px;
    height: 45.38px;
    /* background-image: url(../common/img/btnCC.png); */
    
    background-size: 100% 100%;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    border: 1px solid;
}

.btnCirculo {
    cursor: pointer;
    width: 76px;
    height: 76px;
   
    position: absolute;
    top: 437px;
    left: 295px;
    border-radius: 50%;
}