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

.flechaSiguiente {
    width: 45px;
    height: 45px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 93.7%;
    top: 25.8%;
}

.next {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-nav1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 57.5px;
    height: 57.5px;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    position: absolute;
    left: 51%;
    top: 98%;
}

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

.content {
    width: 1178.293px;
    height: 528.792px;
    /* border: 1px solid rgb(168, 167, 167); */
    
    position: absolute;
    background-color: #FFFFFF;
    box-shadow: 0px 1px 18px 0px rgb(168, 167, 167);
    border-radius: 7px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    z-index: 2;
}

.tabs {
    position: absolute;
    left: 598px;
    z-index: 1;
    top: 28px;
    z-index: 1;
    width: 580px;
}

.tabs > div {
    width: 189.707px;
    height: 73.261px;
    /* border: 1px solid black; */
    
    background-color: #575756;
    border-radius: 9px;
    display: inline-block;
    font-family: 'cabinregular';
    font-size: 26px;
    color: #FFFFFF;
    text-align: center;
    margin: 1px;
}

.tabs > div > div {
    padding-top: 10px;
    width: 100%;
}
/*AUTHOR: CARLOS MENCO*/
/*DATE: 03/08/2015*/

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

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

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

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

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

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

.click1 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-click1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 45.65px;
    height: 45.65px;
    position: absolute;
    left: 56%;
    top: 32%;
}

.text1 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 428.45px;
    height: 210.73px;
    position: absolute;
    left: 52.5%;
    top: 23.5%;
}

.click2 {
    width: 35.65px;
    height: 35.65px;
    position: absolute;
    left: 20.5%;
    top: 33.5%;
    z-index: 10;
    ;
}

.text2 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 936.03px;
    height: 540.35px;
    position: absolute;
    left: 21.8%;
    top: 10.3%;
    z-index: 5;
}

.click3 {
    width: 35.65px;
    height: 35.65px;
    position: absolute;
    left: 23.2%;
    top: 48.5%;
    z-index: 10;
}

.text3 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 866.31px;
    height: 569.79px;
    position: absolute;
    left: 26.8%;
    top: 8.3%;
    z-index: 5;
}

.click4 {
    width: 35.65px;
    height: 35.65px;
    position: absolute;
    left: 19.2%;
    top: 55.5%;
    z-index: 10;
}

.text4 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 936.14px;
    height: 465.91px;
    position: absolute;
    left: 21.8%;
    top: 19.3%;
    z-index: 5;
}

.click5 {
    width: 35.65px;
    height: 35.65px;
    position: absolute;
    left: 17.1%;
    top: 56.5%;
    z-index: 10;
}

.text5 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus5-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 766.06px;
    height: 363.06px;
    position: absolute;
    left: 33.8%;
    top: 37.3%;
    z-index: 5;
}

.click6 {
    width: 35.65px;
    height: 35.65px;
    position: absolute;
    left: 23.4%;
    top: 65%;
    z-index: 10;
}

.text6 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus6-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 766.06px;
    height: 363.06px;
    position: absolute;
    left: 33.8%;
    top: 37.3%;
    z-index: 5;
}

.click7 {
    width: 35.65px;
    height: 35.65px;
    position: absolute;
    left: 20.4%;
    top: 78.2%;
    z-index: 10;
}

.text7 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus7-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 766.06px;
    height: 363.06px;
    position: absolute;
    left: 33.8%;
    top: 37.3%;
    z-index: 5;
}

.click8 {
    width: 35.65px;
    height: 35.65px;
    position: absolute;
    left: 28.4%;
    top: 82.8%;
    z-index: 10;
}

.text8 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus8-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 766.06px;
    height: 363.06px;
    position: absolute;
    left: 33.8%;
    top: 37.3%;
    z-index: 5;
}

.doc {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus9-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 207.11px;
    height: 316.15px;
    position: absolute;
    left: 56.8%;
    top: 22.9%;
    z-index: 5;
}

.home {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 94.2%;
    top: 4%;
}

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

.popN1 .btnCerrar1 {
    width: 40px;
    height: 40px;
    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_U01_L04_03_04/imgAct4-pop1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 580.06px;
    height: 355.52px;
    text-align: center;
    border-radius: 7px;
    margin: 0 auto 0 auto;
    position: relative;
}

.btnN1 {
    position: absolute;
    width: 58.38px;
    height: 55.38px;
}
/*DRAGS*/

.cntMovimientos {
    width: 300px;
    height: 350px;
    background-color: transparent;
    position: absolute;
    top: 17.5%;
    left: 73%;
}

.movimientoDrag {
    width: 156px;
    height: 115px;
    position: relative;
    border-radius: 5px;
}

.movimientoDrop {
    width: 156px;
    height: 115px;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
}

#lstDrags {
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 2;
}

#lstDrags li {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
}

#lstDrops {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0%;
    left: -85%;
    width: 555px;
    height: 355px;
    z-index: 1;
}

.img1 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-drag1-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 155.91px;
    height: 114.54px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.img2 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-drag2-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 155.91px;
    height: 115.11px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.img3 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-drag3-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 159.62px;
    height: 114.96px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.img4 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-drag4-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 96.93px;
    height: 118.3px;
    position: absolute;
    left: 0%;
    top: 0%;
}

.dragBow1 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus10-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 127.27px;
    height: 97.36px;
    position: absolute;
    left: 59.8%;
    top: 33.9%;
}

.dragBow2 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus11-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 128.14px;
    height: 83.48px;
    position: absolute;
    left: 69%;
    top: 25%;
}

.dragBow3 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus12-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 131.83px;
    height: 83.48px;
    position: absolute;
    left: 79.5%;
    top: 25%;
}

.dragBow4 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus14-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 83.48px;
    height: 83.48px;
    position: absolute;
    left: 52.6%;
    top: 25.5%;
}

.final {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus13-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 823.24px;
    height: 340.94px;
    position: absolute;
    left: 30.5%;
    top: 18%;
}

.msg1 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus15-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 349.03px;
    height: 62.26px;
    position: absolute;
    left: 30.5%;
    top: 59%;
}

.msg2 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus16-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 392.01px;
    height: 62.26px;
    position: absolute;
    left: 30.5%;
    top: 59%;
}

.msg3 {
    background-image: url(../img/S_G07_U01_L04_03_04/imgAct4-ilus17-01.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 558.26px;
    height: 62.26px;
    position: absolute;
    left: 30.5%;
    top: 59%;
}

.completa1 {
    position: absolute;
    top: 19.5%;
    left: 64%;
    font-size: 28px;
    z-index: 2;
    width: 168px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa1:focus {
    outline: none;
}

.completa2 {
    position: absolute;
    top: 46%;
    left: 79.8%;
    font-size: 28px;
    z-index: 2;
    width: 115px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa2:focus {
    outline: none;
}

.completa3 {
    position: absolute;
    top: 74.6%;
    left: 41%;
    font-size: 28px;
    z-index: 2;
    width: 226px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa3:focus {
    outline: none;
}

.completa4 {
    position: absolute;
    top: 44.4%;
    left: 46.9%;
    font-size: 28px;
    z-index: 2;
    width: 194px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa4:focus {
    outline: none;
}

.completa5 {
    position: absolute;
    top: 65%;
    left: 77.7%;
    font-size: 28px;
    z-index: 2;
    width: 135px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa5:focus {
    outline: none;
}

.completa6 {
    position: absolute;
    top: 74.5%;
    left: 40.7%;
    font-size: 28px;
    z-index: 2;
    width: 115px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa6:focus {
    outline: none;
}

.completa7 {
    position: absolute;
    top: 24.5%;
    left: 48.2%;
    font-size: 28px;
    z-index: 2;
    width: 99px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa7:focus {
    outline: none;
}

.completa8 {
    position: absolute;
    top: 45.5%;
    left: 60%;
    font-size: 28px;
    z-index: 2;
    width: 99px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa8:focus {
    outline: none;
}

.completa9 {
    position: absolute;
    top: 75.8%;
    left: 71.5%;
    font-size: 28px;
    z-index: 2;
    width: 152px;
    height: 35px;
    border: 0;
    text-align: center;
    color: #575756;
    background-color: transparent;
    padding: 0px!important;
}

.completa9:focus {
    outline: none;
}