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

.flechaAtras {
    background-image: url(../img/nav/flechaAtras1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.67px;
    height: 71.67px;
    position: absolute;
    top: 89.5%;
    left: 45%;
    z-index: 1;
}

.flechaSiguiente {
    background-image: url(../img/nav/flechaSiguiente1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 71.67px;
    height: 71.67px;
    position: absolute;
    top: 89.5%;
    left: 45%;
    z-index: 1;
}

.sugerencia {
    padding-right: 3%;
}

.centrado {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

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

.imgContent1 {
    background-image: url(../img/L_G07_U06_L03_03_01/imgAct1Content1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1170px;
    height: 621.77px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
}

.tituloTexto {
    position: relative;
    top: 65px;
    text-align: center;
    font-family: 'cabinbold';
    font-size: 35px;
}

.texto {
    position: absolute;
    font-family: 'cabinregular';
    font-size: 35px;
    line-height: 42px;
    color: #5B5B5E;
    left: 658px;
    top: 180px;
}

.imgTexto1 {
    background-image: url(../img/L_G07_U06_L03_01/imgAct1Texto1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 440.98px;
    height: 424.48px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 337px;
    left: 319px;
}

.imgTexto2 {
    background-image: url(../img/L_G07_U06_L03_01/imgAct1Texto2.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 664px;
    height: 372px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 237px;
    left: 370px;
}

.imgTexto3 {
    background-image: url(../img/L_G07_U06_L03_01/imgAct1Texto3.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 520px;
    height: 405px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 251px;
    left: 354px;
}

.imgTexto4 {
    background-image: url(../img/L_G07_U06_L03_01/imgAct1Texto4.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 534px;
    height: 405px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 251px;
    left: 309px;
}

.imgTexto5 {
    background-image: url(../img/L_G07_U06_L03_01/imgAct1Texto5.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 608px;
    height: 438px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 252px;
    left: 344px;
}

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

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

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

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

.btnPopup {
    top: 72px;
    left: 664px;
    cursor: pointer;
    width: 218px;
    height: 260px;
    z-index: 2;
    position: absolute;
    border-radius: 9px;
}

.imgPopup1 {
    background-image: url(../img/L_G07_U06_L03_01/imgAct1Popup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1012.47px;
    height: 552.25px;
}

.imgPopup1 .imgBtnCerrarP {
    background-image: url(../img/L_G07_U06_L03_01/BtnCerraPopup1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 81.75px;
    height: 81.75px;
    position: absolute;
    left: 953px;
    top: -27px;
}

.dragD1 {
    position: absolute;
    top: 475px;
    left: 121px;
}

.dragD1 li {
    display: inline-block;
    margin: 4px;
}

.dragD1 li > div {
    width: 219.68px;
    height: 58.016px;
    background-color: #8297A4;
    color: #FFFFFF;
    text-align: center;
    font-family: 'cabinbold';
    font-size: 30px;
    border-radius: 10px;
    letter-spacing: normal;
}

.dragD1Target {
    position: absolute;
    top: 190px;
    left: 900px;
}

.dragD1Target li {
    margin: 10px 0px 17px 0px;
}

.dragD1Target li > div {
    width: 219.68px;
    height: 58.016px;
    background-color: transparent;
    color: #FFFFFF;
    text-align: center;
    font-family: 'cabinbold';
    font-size: 30px;
    border-radius: 10px;
    letter-spacing: normal;
}

.dragD1 li > div > div {
    padding-top: 10px;
}

.imgIlustracionMapa {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionMapa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 417px;
    height: 588px;
    position: absolute;
    left: 26.7%;
    top: 332px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracionCampesinos {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionCampesinos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 588.66px;
    height: 573.37px;
    position: absolute;
    left: 67%;
    top: 357px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracionInstrumentos {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionInstrumentos.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 1064.81px;
    height: 369.54px;
    position: absolute;
    left: 49.8%;
    top: 417px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracionSombrero {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionSombrero.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 272.05px;
    height: 127.33px;
    position: absolute;
    left: 1031px;
    top: 145px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracionMarimba {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionMarimba.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 233.19px;
    height: 233.19px;
    position: absolute;
    left: 1081px;
    top: 375px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

.imgIlustracionCuadroP {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionCuadroP.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 455.56px;
    height: 539.87px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 71.5%;
}

.imgIlustracionPaisa {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionPaisa.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 159.92px;
    height: 494.5px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 49.8%;
    left: 78.5%;
}

.imgIlustracionBogot {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionBogotano.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 178.29px;
    height: 464.46px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 49.8%;
    left: 73.5%;
}

.imgIlustracionNarineneses {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIlustracionNarineneses.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 309.33px;
    height: 489.33px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 49.8%;
    left: 72.5%;
}

.imgIlustracionToro {
    background-image: url(../img/L_G07_U06_L03_03_01/imgIllustracionToro.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 410px;
    height: 390.25px;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    top: 47.8%;
    left: 78.7%;
}