#chartdiv{
	height: 400px;
	margin-bottom: 5px;
}
#barra{
	height: 200px;
}
#botones{
	position: absolute;
	bottom: 1%;
	right: 3.5%;
}
.page-header {
    margin: 10px 0 5px;
    padding-bottom: 0px;
    border-bottom: 2px solid #ddd;
}
.texto{
	font-size: 11px;
}
.texto_1{
	font-size: 12px;
	font-weight: bold;
}
.color_tr{
	background: #ddd;
}
.table{
	margin-bottom: 5px;
}
#titulo{
	font-size: 22px; 
	font-weight: bold;
}
#fuente{
	font-size: 10px;
	font-weight: bold;
	color: #848080;
	text-align: right;
}
#referencia{
  font-size: 10px;
  font-weight: bold;
  color: #848080;
  text-align: right;
}
.div_referencia{
  text-align: left;
  padding-left: 0px;
}
.div_fuente{
	text-align: right;
	padding-right: 0px;
}
.div_barra{
	text-align: center;
	margin-top: 10px;
}

@media screen and (max-width: 360px){
	#titulo{
		font-size: 16px;
	}
	#extra{
		font-size: 12px,
	}
	#botones{
		position: absolute;
		bottom: 1%;
		right: 5%;
	}
}