/*animate elements*/
#quehacemos_grafico > g{transition: transform .2s; -webkit-transition: transform .2s;}

/*show the hand pointer*/
area:hover{
  cursor: pointer;
}


/*each box in the organization chart should be repositioned when scaled*/
/*
g#direccion_ign:hover {transform: translate(190px, 0px) scale(1.1); -webkit-transform: translate(190px, 0px) scale(1.1);}

g#SNIT:hover {transform: translate(45px, 15px) scale(1.1)}

g#dept_geodinamica:hover {transform: translate(0px, 160px) scale(1.1)}
g#geodesia:hover {transform: translate(0px, 260px) scale(1.1)}
g#geofisica:hover {transform: translate(0px, 320px) scale(1.1)}

g#dep_topogafico_obv:hover {transform: translate(190px, 160px) scale(1.1)}
g#modelo_topografico:hover {transform: translate(190px, 260px) scale(1.1)}
g#clasificacion_territorial:hover {transform: translate(190px, 320px) scale(1.1)}
g#limites_oficiales:hover {transform: translate(190px, 380px) scale(1.1)}
g#nombres_geograficos:hover {transform: translate(190px, 440px) scale(1.1)}

g#geomatica:hover {transform: translate(420px, 160px) scale(1.1)}
g#geoprocesamiento:hover {transform: translate(420px, 260px) scale(1.1)}
g#normativa_geoespacial:hover {transform: translate(420px, 320px) scale(1.1)}
g#admin_metadatos:hover {transform: translate(420px, 380px) scale(1.1)}*/

.bg{
  background-image: url("/imgs/que_hacemos/arboles_bg.jpg");
}

.info-container{
  height: 100%;
  width: 80%;
  margin: auto;
  overflow: scroll;
  background-color: rgba(255, 255, 255, 0.8);
}

.info-container .row {
  margin: 0;
}

li {
  font-weight: 400;
  font-size: 1.1rem;
}

.close-x {
    position: absolute;
    right: 7px;
    top: -20px;
    font-size: 60;
    font-family: "Open Sans";
    font-weight: 300;
    color: #fff !important;
    cursor: pointer;
  }

#modal{
    z-index: 1100 !important;
}