* {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: sans-serif;
    box-sizing: border-box;
}

.mapa-cont-gen {
    width: 100%;
    height: 100vh;
    min-width: 1200px;
    background-image: url(https://embed.eltiempo.digital/infografias/2019/05/bicentenario/global-img/fondo.jpg);
    position: relative;
}

@font-face {
    font-family: "Cinzel";
    src: url(../../../../fonts/Cinzel-Regular.ttf);
    font-weight: 100;
}

@font-face {
    font-family: "Cinzel Bold";
    src: url(../../../../fonts/Cinzel-Bold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: "Cinzel Decorative";
    src: url(../../../../fonts/CinzelDecorative-Regular.ttf);
    font-weight: 500;
}

@font-face {
    font-family: "Cinzel Decorative";
    src: url(../../../../fonts/CinzelDecorative-Bold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: "Martel UltraLight";
    src: url(../../../../fonts/Martel-UltraLight.ttf);
    font-weight: 100;
}

@font-face {
    font-family: "Martel";
    src: url(../../../../fonts/Martel-Regular.ttf);
    font-weight: 500;
}

@font-face {
    font-family: "Martel Extra Bold";
    src: url(../../../../fonts/Martel-ExtraBold.ttf);
    font-weight: 800;
}

@font-face {
    font-family: "Montserrat";
    src: url(../../../../fonts/Montserrat-Regular.ttf);
    font-weight: 500;
}

@font-face {
    font-family: "Montserrat Medium";
    src: url(../../../../fonts/Montserrat-Medium.ttf);
    font-weight: 400;
}

@font-face {
    font-family: "Tabac Sans";
    src: url(../../../../fonts/Tabac_Sans_Thin.otf);
    font-weight: 100;
}

@font-face {
    font-family: "Tabac Sans";
    src: url(../../../../fonts/Tabac_Sans_Light.otf);
    font-weight: 200;
}

@font-face {
    font-family: "Tabac Sans";
    src: url(../../../../fonts/Tabac_Sans_Regular.otf);
}

@font-face {
    font-family: "Tabac Sans";
    src: url(../../../../fonts/Tabac_Sans_SemiBold.otf);
    font-weight: 700;
}

@font-face {
    font-family: "Tabac Sans";
    src: url(../../../../fonts/Tabac_Sans_Bold.otf);
    font-weight: 900;
}

@font-face {
    font-family: "TrajanPro Regular";
    src: url(../../../../fonts/TrajanPro-Regular.otf);
    font-weight: 900;
}


.contenedor-infografia-bicentenario {
    width: 1200px;
    height: 80vh;
    margin: auto;
}

.contenedor-infografia {
    width: 65%;
    height: 80vh;
    display: block;
    float: left;
    /* overflow: hidden; */
}

.texto-infografia {
    width: 35%;
    height: 80vh;
    display: block;
    float: left;
    background: url(https://embed.eltiempo.digital/infografias/2019/05/bicentenario/global-img/fondo.jpg);
}

.ingresos-casas-reales {
    position: relative;
    padding: 2% 50px 2% 0px;
}

.ingresos-casas-reales .cabecera-casas-reales {
    display: inline-block;
}

.ingresos-casas-reales .cabecera-casas-reales .titulo {
    width: 382px;
    font-family: "Tabac Sans";
    font-size: 15px;
    color: #FFEDBB;
    text-transform: uppercase;
}

.ingresos-casas-reales .cabecera-casas-reales span {
    font-family: "Tabac Sans";
    font-size: 13px;
    color: #F8F0E1;
}

.ingresos-casas-reales .iconos-casas-reales {
    position: absolute;
    right: 50px;
    top: 50px;
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    margin: 0 4px;
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-1 {
    width: 61px;
    height: 30px;
    background-image: url(../img/economia/ver-cifras.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-2 {
    width: 31px;
    height: 30px;
    background-image: url(../img/economia/tierras.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-3 {
    width: 28px;
    height: 30px;
    background-image: url(../img/economia/salinas.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-4 {
    width: 27px;
    height: 30px;
    background-image: url(../img/economia/mineria.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-5 {
    width: 28px;
    height: 34px;
    background-image: url(../img/economia/aguardiente.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-6 {
    width: 29px;
    height: 30px;
    background-image: url(../img/economia/tabaco.svg);
}


.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-2.icon-activo {

    background-image: url(../img/economia/tierras-hover.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-3.icon-activo {

    background-image: url(../img/economia/salinas-hover.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-4.icon-activo {

    background-image: url(../img/economia/mineria-hover.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-5.icon-activo {

    background-image: url(../img/economia/aguardiente-hover.svg);
}

.ingresos-casas-reales .iconos-casas-reales .icono-casas-reales.icono-6.icon-activo {

    background-image: url(../img/economia/tabaco-hover.svg);
}

.ingresos-casas-reales .barras-ingresos {
    position: relative;
    display: block;
    width: 735px;
    height: 33px;
    margin-top: 20px;
    background: url("../img/barra-ingresos-casas-reales.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.ingresos-casas-reales .barras-ingresos .ingresos-cajas {
    position: absolute;
}

.ingresos-casas-reales .barras-ingresos .ingresos-cajas.ingreso-1 {
    left: -9px;
}

.ingresos-fiscales {
    position: relative;
    height: 70%;
}

.ingresos-fiscales .distribucion-deuda-externa {
    position: absolute;
    bottom: 0;
    left: 0px;
    height: 88.5%;
    max-height: 425px;
}

.ingresos-fiscales .distribucion-deuda-externa .ingresos-cajas {
    position: absolute;
    top: 0px;
    left: 0px;
}

.ingresos-fiscales .base-ingresos-fiscales {
    position: absolute;
    bottom: 0;
    left: 26.9%;
    height: 89.3%;
    max-height: 441px;
}

.ingresos-fiscales .grafico-ingreso {
    position: absolute;
    bottom: 0;
    left: 200px;
}

.ingresos-fiscales .grafico-ingreso.g-ingreso-1 {
    bottom: 0;
    left: 209px;
}

.ingresos-fiscales .grafico-ingreso.g-ingreso-2 {
    bottom: 0;
    left: 231px;
}

.ingresos-fiscales .grafico-ingreso.g-ingreso-3 {
    bottom: 0;
    left: 315px;
}

.ingresos-fiscales .grafico-ingreso.g-ingreso-4 {
    bottom: 0;
    left: 332px;
}

.ingresos-fiscales .grafico-ingreso.g-ingreso-5 {
    bottom: 0;
    left: 353px;
}

.ingresos-fiscales .grafico-ingreso.g-ingreso-6 {
    bottom: 0;
    left: 370px;
}

.ingresos-fiscales .lista-ingresos {
    position: absolute;
    right: 46px;
    bottom: 71px;
    font-family: "Tabac Sans";
    font-size: 12px;
    color: #F8F0E1;
}

.ingresos-wrapper {
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.ingresos-svg {
    height: 90%;
    margin-left: 20%;

}

.ingresos-fiscales .lista-ingresos li {
    position: relative;
    margin-bottom: 35px;
    cursor: pointer;
}

.btn-g-ingreso {
    cursor: pointer;
}

.ingresos-fiscales .lista-ingresos li:nth-child(3) {
    top: -6px;
}

.ingresos-fiscales .lista-ingresos li:nth-child(4) {
    top: -8px;
}

.ingresos-fiscales .lista-ingresos li:nth-child(5) {
    top: -2px;
}

.infografia-territorio {
    position: relative;
    height: 100%;
}

.infografia-territorio .mapa-siluetas {
    position: absolute;
    top: 50%;
    left: 0px;
    margin-top: -32%;
}

.infografia-territorio .mapa-siluetas.mapa-01 {
    left: 61px;
}

.infografia-territorio .mapa-siluetas.mapa-02 {
    left: 0px;
}

.infografia-territorio .mapa-siluetas.mapa-03 {
    left: 19px;
}

.infografia-territorio .mapa-siluetas.mapa-04 {
    left: 18px;
}

.infografia-territorio .mapa-completo {
    display: none;
    position: absolute;
    left: 0px;
    top: 50%;
}

.infografia-territorio .mapa-completo.mapa-01-1 {
    margin-top: -37%;
    left: 30px;
}

.infografia-territorio .mapa-completo.mapa-02-1 {
    margin-top: -41.5%;
    left: -23px;
}

.infografia-territorio .mapa-completo.mapa-03-1 {
    margin-top: -44%;
    left: -4px;
}

.infografia-territorio .mapa-completo.mapa-04-1 {
    margin-top: -36.7%;
    left: 3px;
}

.infografia-territorio .selectores-mapa {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 750px;
}

.infografia-territorio .selectores-mapa .titulo-siluetas {
    position: absolute;
    bottom: 35px;
    left: 7px;
    font-family: "Tabac Sans";
    font-size: 14px;
    color: #997632;
}

.infografia-territorio .selectores-mapa .titulo-mapa-individual {
    position: absolute;
    bottom: 35px;
    right: 2px;
    font-family: "Tabac Sans";
    font-size: 14px;
    color: #997632;
}

.infografia-territorio .selectores-mapa .lista-iconos-siluetas li {
    display: block;
    cursor: pointer;
}

.infografia-territorio .selectores-mapa .icono-siluetas {
    display: block;
    position: absolute;
    bottom: 12px;
    width: 20px;
    height: 20px;
    background: url("../img/selectores-mapa.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.infografia-territorio .selectores-mapa .lista-iconos-siluetas li.activo .icono-siluetas {
    background: url("../img/selectores-mapa-activo.svg");
    background-repeat: no-repeat;
    background-size: cover;
}

.infografia-territorio .selectores-mapa .icono-siluetas-1,
.infografia-territorio .selectores-mapa .lista-iconos-siluetas li.activo .icono-siluetas-1 {
    left: 8px;
    background-position-x: 0px;
}

.infografia-territorio .selectores-mapa .icono-siluetas-2,
.infografia-territorio .selectores-mapa .lista-iconos-siluetas li.activo .icono-siluetas-2 {
    left: 108px;
    background-position-x: -21px;
}

.infografia-territorio .selectores-mapa .icono-siluetas-3,
.infografia-territorio .selectores-mapa .lista-iconos-siluetas li.activo .icono-siluetas-3 {
    left: 212px;
    background-position-x: -41px;
}

.infografia-territorio .selectores-mapa .icono-siluetas-4,
.infografia-territorio .selectores-mapa .lista-iconos-siluetas li.activo .icono-siluetas-4 {
    left: 318px;
    background-position-x: -62px;
}

.infografia-territorio .selectores-mapa .texto-icono-siluetas {
    position: absolute;
    bottom: 11px;
    width: 20px;
    height: 20px;
    font-family: "Tabac Sans";
    font-size: 15px;
    color: #FFF;
}

.infografia-territorio .selectores-mapa .texto-icono-siluetas-1 {
    left: 33px;
}

.infografia-territorio .selectores-mapa .texto-icono-siluetas-2 {
    left: 134px;
}

.infografia-territorio .selectores-mapa .texto-icono-siluetas-3 {
    left: 238px;
}

.infografia-territorio .selectores-mapa .texto-icono-siluetas-4 {
    left: 345px;
}

.infografia-territorio .selectores-mapa .icono-mapa-individual {
    display: block;
    position: absolute;
    bottom: 11px;
    width: 20px;
    height: 20px;
    background: url("../img/selectores-mapa-2.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.infografia-territorio .selectores-mapa .icono-mapa-individual.activo {
    background: url("../img/selectores-mapa-activo-2.svg");
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}

.infografia-territorio .selectores-mapa .icono-mapa-individual-1,
.infografia-territorio .selectores-mapa .icono-mapa-individual-1.activo {
    right: 100px;
    background-position-x: 0px;
}

.infografia-territorio .selectores-mapa .icono-mapa-individual-2,
.infografia-territorio .selectores-mapa .icono-mapa-individual-2.activo {
    right: 67px;
    background-position-x: -21px;
}

.infografia-territorio .selectores-mapa .icono-mapa-individual-3,
.infografia-territorio .selectores-mapa .icono-mapa-individual-3.activo {
    right: 37px;
    background-position-x: -42px;
}

.infografia-territorio .selectores-mapa .icono-mapa-individual-4,
.infografia-territorio .selectores-mapa .icono-mapa-individual-4.activo {
    right: 6px;
    background-position-x: -63px;
}

.texto-infografia {
    padding: 10vh 0px 0px 30px;
    position: relative;
}

.texto-infografia p:nth-child(1) {
    margin-bottom: 10px;
    font-family: "Cinzel";
    font-size: 42px;
    color: #EECB77;
    line-height: 46px;
}

.texto-infografia p:nth-child(2) {
    font-family: "Tabac Sans";
    font-size: 16px;
    color: #F8F0E1;
    line-height: 20px;
}

.texto-infografia .btns-secciones {
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
}

.texto-infografia .btn-secciones {
    display: none;
    width: 129px;
    height: 38px;
    background: url("../img/btns-infigrafia-cap4.png") 0px 0px;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    background-position-x: 0px;
}

.texto-infografia .btn-secciones.btn-secciones-izq {
    position: absolute;
    display: block;
    left: 30px;
    bottom: 0px;
}

.texto-infografia .btn-secciones.btn-secciones-der {
    position: absolute;
    display: block;
    right: 0px;
    bottom: 0px;
}

.texto-infografia .btn-secciones.btn-economia.btn-secciones-izq {
    background-position: -129px;
}

.texto-infografia .btn-secciones.btn-economia.btn-secciones-der {
    background-position: -515px;
}

.texto-infografia .btn-secciones.btn-territorio.btn-secciones-izq {
    background-position: -258px;
}

.texto-infografia .btn-secciones.btn-territorio.btn-secciones-der {
    background-position: -644px;
}

.texto-infografia .btn-secciones.btn-educacion.btn-secciones-izq {
    background-position: 0px;
}

.texto-infografia .btn-secciones.btn-educacion.btn-secciones-der {
    background-position: -387px;
}

.infografia-territorio,
.texto-territorio {
    display: none;
}

.texto-infografia .texto-territorio {
    position: relative;
    top: 150px;
}

.texto-infografia .texto-territorio .texto-detalle-contenedor {
    position: absolute;
    top: -250px;
    left: 0px;
    width: 235px;
    height: 134px;
    padding: 10px;
    background-color: #FAF0DE;
}

.texto-infografia .texto-territorio .texto-detalle-contenedor .borde-contenedor {
    display: block;
    position: absolute;
    top: -10px;
    left: 0px;
    width: 2px;
    height: 154px;
    background-color: #C83032;
}

.texto-infografia .texto-territorio .texto-detalle-contenedor .texto-detalle {
    display: none;
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: unset;
    font-family: "Martel";
    font-size: 12px;
    color: #2B2A27;
    line-height: 16px;
}

.texto-infografia .texto-territorio .texto-detalle-contenedor .texto-detalle.texto-general {
    display: block;
}

.infografia-educacion,
.texto-educacion {
    display: none;
}

#infografia-economia {
    height: 100%;
}

/*---------------------*/

/* .infografia-economia, .texto-economia{
    display: none;
}

.infografia-territorio, .texto-territorio{
    display: block;
} */


/*ESTILOS EDUCACION*/

.imagen_infografia {
    width: 604px;
    margin-left: 12px;
    margin-top: 7px;
    z-index: 3;
    position: relative;
    border-radius: 100%;
}

.contenido_inforgrafia {
    width: 660px;
    display: table;
    float: left;
    height: 761px;
    margin-top: 110px;
    position: relative;
}

.contenido_informacion {
    width: 100%;
    display: table;
    float: left;
    margin-top: 38px;
}

.cursor {
    cursor: pointer;
}

.ciudad {
    color: #F8F0E1;
    position: absolute;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: -webkit-transform 0.2s;
    font-family: 'TabacSans';
}

.text1 {
    left: 39px;
    top: 297px;
}

.text2 {
    left: 42px;
    top: 258px;
    transform: rotate(9deg);
}

.text3 {
    left: 55px;
    top: 218px;
    transform: rotate(20deg);
}

.text4 {
    left: 67px;
    top: 180px;
    transform: rotate(29deg);
}

.text5 {
    left: 98px;
    top: 149px;
    transform: rotate(39deg);
}

.text6 {
    left: 118px;
    top: 115px;
    transform: rotate(48deg);
}

.text7 {
    left: 147px;
    top: 88px;
    transform: rotate(55deg);
}

.text8 {
    left: 203px;
    top: 81px;
    transform: rotate(62deg);
}

.text9 {
    left: 232px;
    top: 63px;
    transform: rotate(74deg);
}

.text10 {
    left: 272px;
    top: 57px;
    transform: rotate(85deg);
}

.text11 {
    left: 309px;
    top: 56px;
    transform: rotate(274deg);
}

.text12 {
    left: 340px;
    top: 56px;
    transform: rotate(283deg);
}

.text13 {
    left: 383px;
    top: 74px;
    transform: rotate(292deg);
}

.text14 {
    left: 423px;
    top: 100px;
    transform: rotate(303deg);
}

.text15 {
    left: 447px;
    top: 101px;
    transform: rotate(312deg);
    width: 70px;
    line-height: 14px;
    font-size: 11px;
}

.text16 {
    left: 480px;
    top: 145px;
    transform: rotate(319deg);
}

.text17 {
    left: 503px;
    top: 181px;
    transform: rotate(329deg);
}

.text18 {
    left: 517px;
    top: 213px;
    transform: rotate(339deg);
}

.text19 {
    left: 528px;
    top: 253px;
    transform: rotate(350deg);
}

.text20 {
    left: 532px;
    top: 294px;
    transform: rotate(360deg);
}

.text21 {
    left: 530px;
    top: 333px;
    transform: rotate(370deg);
}

.text22 {
    left: 519px;
    top: 373px;
    transform: rotate(378deg);
}

.text23 {
    left: 505px;
    top: 406px;
    transform: rotate(391deg);
}

.text24 {
    left: 482px;
    top: 440px;
    transform: rotate(398deg);
}

.text25 {
    left: 455px;
    top: 473px;
    transform: rotate(409deg);
}

.text26 {
    left: 422px;
    top: 501px;
    transform: rotate(417deg);
}

.text27 {
    left: 387px;
    top: 521px;
    transform: rotate(425deg)
}

.text28 {
    left: 357px;
    top: 524px;
    transform: rotate(434deg);
}

.text29 {
    left: 308px;
    top: 540px;
    transform: rotate(263deg);
}

.text30 {
    left: 260px;
    top: 543px;
    transform: rotate(274deg);
}

.text31 {
    left: 227px;
    top: 534px;
    transform: rotate(284deg);
}

.text32 {
    left: 187px;
    top: 523px;
    transform: rotate(292deg);
}

.text33 {
    left: 160px;
    top: 500px;
    transform: rotate(300deg);
}

.text34 {
    left: 126px;
    top: 476px;
    transform: rotate(310deg);
}

.text35 {
    left: 94px;
    top: 449px;
    transform: rotate(321deg);
}

.text36 {
    left: 67px;
    top: 413px;
    transform: rotate(332deg);
}

.text37 {
    left: 55px;
    top: 376px;
    transform: rotate(338deg);
}

.text38 {
    left: 35px;
    top: 338px;
    transform: rotate(349deg);
    font-size: 11px;
}

.ubicacion {
    background-color: #000000;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    top: 160px;
    left: 241px;
    -webkit-transition: -webkit-transform 0.2s;
    z-index: 9;
}

.cartagetaPt {
    top: 201px;
    left: 245px;
}

.santaMartaPt {
    top: 189px;
    left: 266px;
}

.rioachaPt {
    top: 185px;
    left: 283px;
}

.cumanaPt {
    top: 202px;
    left: 417px;
}

.barcelonaPt {
    top: 221px;
    left: 406px;
}

.guayanaPt {
    top: 261px;
    left: 445px;
}

.margaritaPt {
    top: 190px;
    left: 419px;
}

.caracasPt {
    top: 203px;
    left: 366px;
}

.caraboboPt {
    top: 199px;
    left: 329px;
}

.maracaiboPt {
    top: 198px;
    left: 295px;
}

.coroPt {
    top: 186px;
    left: 329px;
}

.meridaPt {
    top: 228px;
    left: 305px;
}

.trujilloPt {
    top: 217px;
    left: 322px;
}

.barinasPt {
    top: 241px;
    left: 329px;
}

.achaguasPt {
    top: 243px;
    left: 357px;
}

.cuencaPt {
    top: 396px;
    left: 191px;
}

.lojaPt {
    top: 414px;
    left: 201px;
}

.bracamorosPt {
    top: 412px;
    left: 275px;
}

.maynasPt {
    top: 401px;
    left: 263px;
}

.tunjaPt {
    top: 271px;
    left: 275px;
}

.casanarePt {
    top: 295px;
    left: 314px;
}

.pamplonaPt {
    top: 252px;
    left: 291px;
}

.socorroPt {
    top: 257px;
    left: 279px;
}

.popayanPt {
    top: 318px;
    left: 225px;
}

.buenaventuraPt {
    top: 295px;
    left: 220px;
}

.chocoPt {
    top: 272px;
    left: 229px;
}

.pastoPt {
    top: 335px;
    left: 211px;
}

.bogotaPt {
    top: 291px;
    left: 265px;
}

.antioquiaPt {
    top: 250px;
    left: 242px;
}

.mariquitaPt {
    top: 275px;
    left: 250px;
}

.neivaPt {
    top: 308px;
    left: 247px;
}

.pichinchaPt {
    top: 378px;
    left: 193px;
}

.chimborazoPt {
    top: 365px;
    left: 231px;
}

.cimbaburraPt {
    top: 345px;
    left: 194px;
}

.guayaquilPt {
    top: 386px;
    left: 179px;
}

.manabiPt {
    top: 358px;
    left: 179px;
}

.panamaPt {
    top: 216px;
    left: 188px;
}

.veraguasPt {
    top: 233px;
    left: 159px;
}

/*-----------graficos----------*/
.imgBarra {
    position: absolute;
    z-index: 1;
}

.Imacumana {
    top: 292px;
    left: 4px;
    width: 39px;
}

.ImaCaracas {
    top: 101px;
    left: 37px;
    width: 63px;
}

.ImaMaracibo {
    width: 63px;
    left: 115px;
    top: 37px;
}

.ImaCoco {
    width: 63px;
    left: 153px;
    top: 15px;
}

.ImaMedrida {
    width: 71px;
    left: 190px;
    top: -64px;
}

.ImaTrujillo {
    width: 50px;
    left: 248px;
    top: -50px;
}

.ImaBarinas {
    width: 51px;
    left: 293px;
    top: -61px;
}

.ImaCuenca {
    width: 86px;
    left: 402px;
    top: -95px;
}

.ImaLoja {
    left: 448px;
    width: 80px;
    top: -36px;
}

.ImaTunja {
    width: 109px;
    top: 81px;
    left: 538px;
}

.ImaCasanare {
    width: 93px;
    top: 162px;
    left: 557px;
}

.ImaPamplona {
    width: 119px;
    top: 207px;
    left: 577px;
}

.ImaSocorro {
    top: 265px;
    width: 155px;
    left: 577px;
}

.ImaPopayan {
    width: 157px;
    left: 569px;
    top: 315px;
}

.ImaBuenaventura {
    width: 84px;
    top: 362px;
    left: 564px;
}

.imgBarra {
    position: absolute;
}

.imaChoco {
    width: 61px;
    top: 406px;
    left: 548px;
}

.imaPasto {
    width: 85px;
    top: 454px;
    left: 523px;
}

.imaBogota {
    left: 493px;
    width: 112px;
    top: 489px;
}

.imaAntioquia {
    width: 131px;
    top: 520px;
    left: 448px;
}

.imaMariquita {
    width: 56px;
    top: 549px;
    left: 421px;
}

.imaNeiva {
    width: 57px;
    top: 568px;
    left: 368px;
}

.imaPichincha {
    width: 59px;
    top: 580px;
    left: 323px;
}

.imaChimbarazo {
    width: 61px;
    top: 580px;
    left: 253px;
}

.imaGuayaquil {
    top: 559px;
    left: 122px;
    width: 90px;
}

.imaInbabura {
    width: 92px;
    top: 572px;
    left: 186px;
}

.imaPanama {
    width: 38px;
    top: 502px;
    left: 98px;
}

.imaVeraguas {
    width: 38px;
    top: 502px;
    left: 98px;
}

.imaVeraguas {
    width: 38px;
    top: 474px;
    left: 71px;
    transform: rotate(9deg);
}

.imaCartagena {
    width: 37px;
    top: 429px;
    left: 43px;
}

.imaSantamarta {
    width: 40px;
    top: 355px;
    left: 9px;
}

.titulo_principal {
    font-family: 'Cinzel-Regular';
    color: #EECB77;
    font-size: 44px;
    font-weight: 100;
    margin: 0px 0px 2px 0px;
}

.parrafo {
    margin: 2px 0px 0px 5px;
    color: #fff;
    font-size: 16px;
    font-family: 'TabacSans';
}

.circulo {
    margin-top: 1px;
    width: 17px;
    height: 17px;
    border-radius: 100%;
    float: left;
}

.rojo {
    background-color: #EF4456;
}

.azul {
    background-color: #88BBAA;
}

.blanco {
    background-color: #DADADA;
}

.amarillo {
    background-color: #EECB77;
}

.border {
    border: 1px solid #fff;
}

.texto_indicador {
    color: #fff;
    padding: 0px 10px;
    float: left;
    margin: 0px;
    font-family: 'TabacSansLight';
    font-size: 14px;
}

.base_indicador {
    width: 100%;
    display: table;
    margin: 9px 0px;
}

.indicadores {
    margin-left: 15%;
    display: block;
    position: unset;
    margin-top: 10%;
    height: 137px;
}