@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_01/imgIlustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1172.94px;
    height: 593.97px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 330px;
}

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

.imgDrop1 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgDrop1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1133.94px;
    height: 625.47px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 49%;
    top: 346px;
}

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

.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: 944px;
    top: -10px;
}

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

.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: 944px;
    top: -10px;
}

.popup3 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 971.51px;
    height: 432.57px;
}

.popup3 .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: 944px;
    top: -10px;
}

.popup4 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 971.51px;
    height: 432.57px;
}

.popup4 .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: 944px;
    top: -10px;
}

.popup5 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1116.67px;
    height: 560.71px;
}

.popup5 .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: 1092px;
    top: -10px;
}

.popup6 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup6.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 996.72px;
    height: 479.32px;
}

.popup6 .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: 972px;
    top: -10px;
}

.popup7 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup7.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 996.72px;
    height: 479.32px;
}

.popup7 .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: 972px;
    top: -10px;
}

.popup9 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup9.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 996.72px;
    height: 393.21px;
}

.popup9 .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: 972px;
    top: -10px;
}

.popup10 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup10.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1057.19px;
    height: 479.32px;
}

.popup10 .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: 1032px;
    top: -10px;
}

.popup11 {
    background-image: url(../img/S_G07_U03_L06_03_01/imgPopup11.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 996.72px;
    height: 479.32px;
}

.popup11 .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: 971px;
    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;
    
}

.drag1 {
    position: absolute;
    top: 210px;
    left: 57px;
    width: 500px;
}
/*pares*/

.drag1 >:nth-child(2n) {
    width: 299.816px;
    height: 47.508px;
}
/*impares*/

.drag1 >:nth-child(2n+1) {
    width: 160.703px;
    height: 47.508px;
}

.drag1 > div {
    background-color: #FF6A4E;
    font-family: 'cabinbold';
    font-size: 31.98px;
    border-radius: 6px;
    margin: 7px;
    color: #FFFFFF;
    text-align: center;
    display: inline-block;
}

.drag1 > div {
    padding-top: 3px;
}

.drop1 {
    position: absolute;
    width: 327px;
    height: 498px;
   
    left: 753px;
    top: 146px;
}

.drop1 > div {
    width: 327px;
    height: 56px;

    margin-top: 10px;
}

.droped {
    /* margin: 15px !important;*/
}