@charset "utf-8";
/* CSS Document */
/*clear float*/

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguienteVerde.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 55.75px;
    height: 55.75px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 98%;
    left: 50%;
}

.flechaAtras {
    background-image: url(../img/nav/flechaAtrasVerde.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 55.75px;
    height: 55.75px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    top: 98%;
    left: 50%;
}

.imgFondo {
    background-image: url(../img/S_G06_U05_L02_01/imgFondoIntro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1248px;
    height: 679px;
}

.ajuste {
    width: 100%;
    height: 1px;
    clear: both;
}

.imgContent {
    background-image: url(../img/S_G06_U05_L02_03_01/imgContent.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1217.32px;
    height: 628.02px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 51.2%;
}

.imgIlustracion1 {
    background-image: url(../img/S_G06_U05_L02_03_02/imgIlustracion1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1217.32px;
    height: 581px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 49%;
}

.imgIlustracion2 {
    background-image: url(../img/S_G06_U05_L02_03_02/imgIlustracion2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1212.32px;
    height: 628.02px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 52%;
}

.contentDrag {
    position: absolute;
    top: 515px;
    left: 67px;
}

.contentDrag > div {
    position: absolute;
}

.drag {
    background-color: #DB408A;
    /* position: absolute; */
    
    border-radius: 10px;
    height: 38.012px;
}

.drag > div {
    font-family: 'cabinregular';
    font-size: 28px;
    color: #FFFFFF;
    padding: 0px 5px 0px 5px;
    position: relative;
    top: -1px;
    letter-spacing: normal
}

.contentDrag > div:nth-child(1) {
    left: 31px;
}

.contentDrag > div:nth-child(2) {
    left: 134px;
}

.contentDrag > div:nth-child(3) {
    left: 258px;
}

.contentDrag > div:nth-child(4) {
    left: 329px;
}

.contentDrag > div:nth-child(5) {
    left: 445px;
}

.contentDrag > div:nth-child(6) {
    left: 517px;
}

.contentDrag > div:nth-child(7) {
    left: 590px;
}

.contentDrag > div:nth-child(8) {
    left: 713px;
}

.contentDrag > div:nth-child(9) {
    left: 809px;
}

.contentDrag > div:nth-child(10) {
    left: 984px;
}

.contentDrag > div:nth-child(11) {
    left: 144px;
    top: 52px;
}

.contentDrag > div:nth-child(12) {
    left: 272px;
    top: 52px;
}

.contentDrag > div:nth-child(13) {
    left: 353px;
    top: 52px;
}

.contentDrag > div:nth-child(14) {
    left: 443px;
    top: 52px;
}

.contentDrag > div:nth-child(15) {
    left: 603px;
    top: 52px;
}

.contentDrag > div:nth-child(16) {
    left: 755px;
    top: 52px;
}

.contentDrag > div:nth-child(17) {
    left: 384px;
    top: 103px;
}

.contentDrag > div:nth-child(18) {
    left: 490px;
    top: 103px;
}

.contentDrag > div:nth-child(19) {
    left: 612px;
    top: 103px;
}

.contentDrag > div:nth-child(20) {
    left: 563px;
    top: 52px;
}

.contentDrop {
    position: absolute;
}

.contentDrop > div {
    position: absolute;

}

.contentDrop > div:nth-child(1) {
    left: 180px;
    top: 48px;
    width: 120px;
    height: 38px;
}

.contentDrop > div:nth-child(2) {
    left: 360px;
    top: 48px;
    width: 95px;
    height: 38px;
}

.contentDrop > div:nth-child(3) {
    left: 1093px;
    top: 50px;
    width: 120px;
    height: 38px;
}

.contentDrop > div:nth-child(4) {
    left: 113px;
    top: 94px;
    width: 108px;
    height: 38px;
}

.contentDrop > div:nth-child(5) {
    left: 193px;
    top: 168px;
    width: 69px;
    height: 38px;
}

.contentDrop > div:nth-child(6) {
    left: 404px;
    top: 168px;
    width: 70px;
    height: 38px;
}

.contentDrop > div:nth-child(7) {
    left: 718px;
    top: 168px;
    width: 80px;
    height: 38px;
}

.contentDrop > div:nth-child(8) {
    left: 100px;
    top: 217px;
    width: 113px;
    height: 38px;
}

.contentDrop > div:nth-child(9) {
    left: 685px;
    top: 218px;
    width: 70px;
    height: 38px;
}

.contentDrop > div:nth-child(10) {
    left: 225px;
    top: 291px;
    width: 250px;
    height: 38px;
}

.contentDrop > div:nth-child(11) {
    left: 693px;
    top: 291px;
    width: 94px;
    height: 38px;
}

.contentDrop > div:nth-child(12) {
    left: 201px;
    top: 340px;
    width: 160px;
    height: 38px;
}

.contentDrop > div:nth-child(13) {
    left: 688px;
    top: 339px;
    width: 80px;
    height: 38px;
}

.contentDrop > div:nth-child(14) {
    left: 798px;
    top: 340px;
    width: 126px;
    height: 38px;
}

.contentDrop > div:nth-child(15) {
    left: 191px;
    top: 413px;
    width: 70px;
    height: 38px;
}

.contentDrop > div:nth-child(16) {
    left: 328px;
    top: 413px;
    width: 71px;
    height: 38px;
}

.contentDrop > div:nth-child(17) {
    left: 825px;
    top: 413px;
    width: 140px;
    height: 38px;
}

.contentDrop > div:nth-child(18) {
    left: 999px;
    top: 413px;
    width: 117px;
    height: 38px;
}

.contentDrop > div:nth-child(19) {
    left: 169px;
    top: 455px;
    width: 170px;
    height: 38px;
}

