.fondo {
     background-image: url(../img/S_G06_U01_L04_03_02/imgAct2fondo.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1247px;
     height: auto;
     position: absolute;
 }
 
 .marco {
     background-image: url(../img/S_G06_U01_L04_03_02/imgAct2marco.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1247px;
     height: 677.02px;
     position: absolute;
     top: 6px;
     left: 3px;
 }
 
 .contentMapa {
     width: 447.833px;
     height: 588.959px;
     position: absolute !important;
     overflow: hidden;
     background-color: transparent !important;
     top: 54px;
     left: 505px;
 }
 
 .contentMapa2 {
     width: 447.833px;
     height: 588.959px;
     position: absolute !important;
     overflow: hidden;
     background-color: transparent !important;
     top: 54px;
     left: 505px;
 }
 
 .mapa {
     background-image: url(../img/S_G06_U01_L04_03_02/MapaColombia.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1247px;
     height: 677.02px;
     position: absolute;
     top: 6px;
     left: 3px;
 }
 
 .mapaSolo {
     background-image: url(../img/S_G06_U01_L04_03_02/MapaColombiaSolo.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 447.51px;
     height: 589.79px;
     position: absolute;
     top: 60px;
     left: 643px;
 }
 
 .btnMapas {
     cursor: pointer;
     position: absolute;
     width: 322.699px;
     height: 67.47px;
     top: 110px;
     left: 57px;
     border-radius: 8px;
 }
 
 .infoRegion {
     position: absolute;
     top: 242px;
     left: 1008px;
 }
 
 .infoRegion2 {
     position: absolute;
     top: 242px;
     left: 1008px;
 }
 
 .tamaño {
     width: 156.5px;
     height: 86.478px;
     border: 1px solid #EAEBEB;
 }
 
 .textoDep {
     font-family: 'cabinregular';
     font-size: 35px;
     text-align: center;
     position: absolute;
     width: 235px;
     left: -37px;
     line-height: 40px;
     color: #515151;
 }
 
 .mapaDistritos {
     background-image: url(../img/S_G06_U01_L04_03_02/imgMapaDistritos.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 447.51px;
     height: 589.79px;
     position: absolute;
     left: 649px;
     top: 53px;
 }
 
 .imgBtnSound {
     background-image: url(../img/S_G06_U01_L04_03_02/imgBtnSound.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 86.88px;
     height: 92.27px;
     position: absolute;
     left: 1039px;
     top: 560px;
 }
 
 .mapaVacio {
     background-image: url(../img/S_G06_U01_L04_03_02/imgMarcoVacio.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1247px;
     height: 677.02px;
     position: absolute;
     top: 6px;
     left: 3px;
 }
 
 .imgMarcoMapa {
     background-image: url(../img/S_G06_U01_L04_03_02/imgMarcoMapa.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 447.51px;
     height: 589.79px;
     position: absolute;
     top: 53px;
     left: 506px;
 }
 
 .imgMapaTindigena {
     background-image: url(../img/S_G06_U01_L04_03_02/imgMapaTindigena.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 447.51px;
     height: 588.86px;
     position: absolute;
     top: 59px;
     left: 664px;
 }
 
 .btnSound {
     position: absolute;
     width: 78px;
     height: 75px;
     left: 1040px;
     top: 574px;
     transform: rotate(64deg);
     border-radius: 18px;
     cursor: pointer;
 }
 
 .bordeVerde {
     border: 3px solid #4EC7F2;
 }
 
 .bordeAzul {
     border: 3px solid #66C60A;
 }
 
 .bordeMorado {
     border: 3px solid #A108B2;
 }
 
 .bordeRojo {
     border: 3px solid #FF003D;
 }
 
 .bordeAmarrillo {
     border: 3px solid #EFCE0A;
 }
 
 .sinBorde {
     border: 0px;
 }
 
 .imgMenu {
     width: 1134.44px;
     height: 601.86px;
     position: absolute;
     top: 39px;
     left: 57px;
 }
 
 .btnCerrar {
     position: absolute;
     width: 74px;
     height: 73px;
     left: 1171px;
     top: 16px;
     transform: rotate(69deg);
     border-radius: 18px;
     cursor: pointer;
     z-index: 2;
 }
 
 .imgDiagramafPOT {
     background-image: url(../img/S_G06_U01_L04_03_02/imgD.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1241.15px;
     height: 654.72px;
     position: absolute;
     top: 8px;
     left: 8px;
 }
 
 .imgActoresPOT {
     background-image: url(../img/S_G06_U01_L04_03_02/imgActoresPOT.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1087.45px;
     height: 651.27px;
     position: absolute;
     top: 45px;
     left: 47px;
 }
 
 .flechaS {
     background-image: url(../img/S_G06_U01_L04_03_02/flechaSiguiente.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 79.33px;
     height: 79.33px;
     position: absolute;
     top: 83%;
     left: 91%;
     z-index: 2;
 }
 
 .flechaA {
     background-image: url(../img/S_G06_U01_L04_03_02/flechaAtras.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 79.33px;
     height: 79.33px;
     position: absolute;
     top: 83%;
     left: 2.5%;
     z-index: 2;
 }
 
 .imgClickN {
     background-image: url(../img/S_G06_U01_L04_03_02/imgClikN.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 70.77px;
     height: 89.71px;
 }
 
 .imgClickB {
     background-image: url(../img/S_G06_U01_L04_03_02/imgClickB.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 70.77px;
     height: 89.71px;
 }
 
 .posicionBPopup {
     position: absolute;
     top: 147px;
     left: 873px;
     z-index: 2;
     width: 70.77px;
     height: 89.71px;
 }
 
 .popup1 {
     background-image: url(../img/S_G06_U01_L04_03_02/imgPopup1.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 620.01px;
     height: 240.67px;
 }
 
 .popup1 .closePopup {
     background-image: url(../img/S_G06_U01_L04_03_02/btnCerrarP.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 64.96px;
     height: 67.06px;
     position: absolute;
     left: 577px;
     top: -19px;
 }
 
 .popup2 {
     background-image: url(../img/S_G06_U01_L04_03_02/imgPopup2.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 620.01px;
     height: 446.1px;
 }
 
 .popup2 .closePopup {
     background-image: url(../img/S_G06_U01_L04_03_02/btnCerrarP.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 64.96px;
     height: 67.06px;
     position: absolute;
     left: 582px;
     top: -19px;
 }
 
 .popup3 {
     background-image: url(../img/S_G06_U01_L04_03_02/imgPopup3.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 450.91px;
     height: 301.32px;
 }
 
 .popup3 .closePopup {
     background-image: url(../img/S_G06_U01_L04_03_02/btnCerrarP.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 64.96px;
     height: 67.06px;
     position: absolute;
     left: 417px;
     top: -19px;
 }
 
 .popup4 {
     background-image: url(../img/S_G06_U01_L04_03_02/imgPopup4.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 653.15px;
     height: 423.58px;
 }
 
 .popup4 .closePopup {
     background-image: url(../img/S_G06_U01_L04_03_02/btnCerrarP.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 64.96px;
     height: 67.06px;
     position: absolute;
     left: 613px;
     top: -19px;
 }
 
 .imgMfondo {
     background-image: url(../img/S_G06_U01_L04_03_02/imgMarcoFondo.png);
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 1240.16px;
     height: 645.23px;
     position: absolute;
     top: 27px;
     left: 8px;
 }
 
 .nav {
     width: 1247px;
     height: 37.18px;
     background-color: #FFFFFF;
     position: absolute;
     top: 0px;
 }