.charts {
  
  text-align: center;
}

.amcharts-chart-div a {
  opacity:.1 !important;}


.chartdiv {
  width: 100%;
  height: 210px;
  display:block;
  position: relative;
  top: 3px;
  max-width: 600px;
  z-index: 5;
}

.colornegro .chartdiv {
  /*! position: absolute; */
  bottom: 1px;
  /*! background: rgba(0,255,0,.5); */
  height: 170px;
  display: block;
}

.charts li{
  border-top: 1px dashed white;
  padding: 0 10px;
  margin: 0 0 20px 0;
  min-height: 250px;
  background: rgba(0,0,0,.5);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  position: relative;
}

.charts h3{
  text-align: center;
  position: relative;
  margin: 20px 0;
  z-index: 3;
  font-weight: 110;
  height:auto;
  
  flex-direction: column;
  display: flex;
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
.charts h3 span{
  font-weight: 400;
  font-size: 1.5em;
}
.charts h2{
  /* display: flex; */
  /* flex-direction: column; */
  width: 100%;
  text-align: center;
  /* position: absolute; */
  margin: 20px 0;
  z-index: 3;
  font-weight: 110;
}
.charts p{
  width: 100%;
  text-align: center;
  margin: 20px 0;
  z-index: 3;
  height:auto;
  /* flex: 1; */
  position: relative;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}

.charts li img{
     width: 100%;
     height: 100%;
     position: absolute;
     margin-left: -10px;
}
.charts li:before{
	content:"";
	position:absolute;
	background:rgba(21, 37, 60, 0.75);
	width: 100%;
	height: 100%;
	z-index: 1;
	margin-left: -10px;
}
.charts > li > a {
  color: white;
  padding: 6px 10px;
  text-decoration: none;
  z-index: 4;
  display: block;
  /* margin-left: 50%; */
  /* position: absolute; */
  /* bottom: 1em; */
  /* width: 140px; */
  /* height: 30px; */
  /* left: -70px; */
  background: #edf21c;
  color: black;
  border-radius: 10px;
  /* text-align: center; */
  font-weight: initial;
  align-items: flex-end;
  position: relative;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 0 10px 0;
}
.charts > li > a:hover {
  background:#fdffaf;
  }



svg text{
  font-family: 'Raleway', sans-serif !important;}
div  div  svg  g  g:nth-child(2)  text {
  font-size: 14px !important;}
div  div  svg  g  g:nth-child(1)  text {
  font-size: 10px !important;}

#bog {
	width:90%;
	margin:20px auto;		    
}

.ciu, .ciu li{
  margin: 0 !important;
  margin-left: 0% !important;
  /*! width: 90% !important; */
  -webkit-padding-start: 0px;
  -moz-padding-start: 0px;
}

.mapasciudades{
  padding: 10px 0;
  margin: 0px 0 0 0;
  border-bottom: 1px solid white;
  background: rgba(255,255,255,.3);
	flex: 1 350px;
  justify-content: center;
  position: relative;
  height: 80vh;
background: rgba(0,0,0,.5);
}

.mapasciudades div{
  position: absolute;
    height: auto;
    width: calc(92vh/2);
    margin-left: calc(-47.2vh/2);
    left: 50%;
}
.mapasciudades div img{
  position: relative;
  width: 100% !important;
  height: 100% !important;
}



#mapacapa1 {
}
#convenciones {flex: 1 100%;padding: 10px;margin: 0;border-top: 1px dashed white;text-align: center;color: #3c638a;background: rgba(0,0,0,.5);justify-content:   space-around;flex-flow: row wrap;justify-items:   flex-start;position: relative;/* display: flex; */align-content: start;align-items: flex-start;}

#convenciones div{
  margin: 0 0px 10px 0;
  background: #FFAA0C;
  border-radius: 20px;
  box-shadow: 0px 0px 5px 0px #333;
  text-align: center;
  padding: 0.2em 1em;  
  height: 25px;
  width: 200px;
  position:relative;
  cursor: hand;
}

@media (min-width:830px){
  #bog {
	max-width:600px;
	margin:20px auto;		    
}  
  #convenciones {
	flex: 1 100px;
  height: 80vh;  
  border-bottom: 1px solid white;
/*! background: -moz-linear-gradient(top,  rgba(255,255,255,0.56) 0%, rgba(255,255,255,0) 100%); */
/*! background: -webkit-linear-gradient(top,  rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%); */
/*! background: linear-gradient(to bottom,  rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%); */
/*! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fffffff', endColorstr='#00ffffff',GradientType=0 ); */

  }
  .mapasciudades{
    flex: 1 auto;
    width: calc(100vh/2);
    border-top: 1px dashed white;
/*! background: -moz-linear-gradient(top,  rgba(255,255,255,0.56) 0%, rgba(255,255,255,0) 100%); */
/*! background: -webkit-linear-gradient(top,  rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%); */
/*! background: linear-gradient(to bottom,  rgba(255,255,255,0.56) 0%,rgba(255,255,255,0) 100%); */
/*! filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fffffff', endColorstr='#00ffffff',GradientType=0 ); */

  }
  .mapasciudades div{
    /*height: auto;*/
    /*width: calc(92vh/2);*/
    /*margin-left: calc(-47.2vh/2);*/
    /*left: 50%;*/
}
}