body {
	background: #15326a;
}

.cabecera {
	font-family: 'futura_xblkcn_btextra_black';
	color: #f0eee2;
	margin-top: 100px;
}
h1 {
	color: #f0eee2;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 10vw;
	line-height: 0.9em;
	text-transform: uppercase;
}

h2 {
	color: #3ba2dc;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 6vw;
	line-height: 0.9em;
	
}

p {
	color: #40a4e0;
	font-family: 'sf_pro_displayregular';
	font-size: 1.5em;
    margin: 50px 0;
	text-align: justify;
}
.p2 {
	color:#1d2474;
	text-align: justify;

}
.p3 {
	color:#1d2474;
	text-align: justify;
}

.contexto {
	
}
.data1 {

}

.data2 {
	background: #00a5db;
	padding: 40px 0;
}

.data3 {
	background: #f5f1e8;
	padding: 40px 0;
}

.titulo-data {
	color: #fff;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 3.5em;
	margin-top: 100px;
	text-transform: uppercase;
	line-height: 0.9em;
}

.subtitulo-data {
	color: #00a5db;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 0.9em;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 0.9em;
	display: inline-block;
}

.titulo-data2 {
	color: #15326a;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 3.5em;
	margin-top: 100px;
	text-transform: uppercase;
	line-height: 0.9em;

}

.subtitulo-data2 {
	color: #006aa8;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 0.9em;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 0.9em;
	display: inline-block;
}

.titulo-data3 {
	color: #0168aa;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 3.5em;
	margin-top: 100px;
	text-transform: uppercase;
	line-height: 0.9em;

}

.subtitulo-data3 {
	color: #00a5db;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 0.8em;
	margin-top: 10px;
	text-transform: normal !important;
	line-height: 0.9em;
	display: inline-block;
}

.grafica-data {
	padding: 50px 0 20px 0;
	
}
.cita-data {
	color: #399cdd;
	font-family: 'Times New Roman';
	font-size: 1.5em;
	font-style: italic;
	text-align: justify;
}
.cita-data2 {
	color: #1c2574;
	font-family: 'Times New Roman';
	font-size: 1.5em;
	font-style: italic;
	text-align: justify;
}

.cita-data3 {
	color: #00a5db;
	font-family: 'Times New Roman';
	font-size: 1.5em;
	font-style: italic;
	text-align: justify;
}


.data-data {
	padding:75px 0 50px 0;
	
}

.data-titulo {
	font-family: 'sf_pro_displayregular';
	color: #3aa1dc;
	font-size: 1.2em;
	margin-bottom: 12px;
	display: inline-block;
	line-height: 1.2em;
}

.data-titulo2 {
	font-family: 'sf_pro_displayregular';
	color: #006aa8;
	font-size: 1.2em;
}

.data-titulo3 {
	font-family: 'sf_pro_displayregular';
	color: #016aab;
	font-size: 1.2em;
}


.data-interp {
	color: #fff;
	font-family: 'sf_pro_displayregular';
	font-size: 1.5em;
	padding-bottom: 20px;
	text-align: justify;
	
}

.data-interp2 {
	color: #f6f2e7;
	font-family: 'sf_pro_displayregular';
	font-size: 1.5em;
	padding-bottom: 20px;
	text-align: justify;
	
}

.data-interp3 {
	color: #016aab;
	font-family: 'sf_pro_displayregular';
	font-size: 1.5em;
	padding-bottom: 20px;
	text-align: justify;
	
}

.data-abierta {
	
}
.data-abierta-info a {
	color: #fff;
	font-family: 'sf_pro_displayregular';
	font-size: 1.2em;
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	text-decoration: none;
}

.data-abierta-info3 a {
	color: #f2c811;
	font-family: 'sf_pro_displayregular';
	font-size: 1.2em;
	display: inline-block;
	line-height: 22px;
	vertical-align: middle;
	text-decoration: none;
}


.conclusiones {
	color: #fff;
	font-family: 'sf_pro_displaymedium';
	font-size: 1em;
}

.notas {
	color: #106db3;
	font-family: 'sf_pro_displayregular';
	font-size: 1em;
	text-align: left;
	padding: 10px 0;
}

.xela {
	background: #161b52;
	padding: 60px 0;
	
}

.metodo {
	background: #1b80c6;
	padding: 60px 0 80px 0;
	
	
}

.recomen {
	background: #efede1;
	padding: 60px 0;
}

.numeral {

	color: #15326a;
	font-family: 'futura_xblkcn_btextra_black';
	font-size: 40px;
	line-height: 0.9em;
	text-transform: uppercase;
	display: inline-block;
	float: left;
	margin-right: 12px;
}
.footer {
	color: #016aab;
	background: #fff;
	font-family: 'sf_pro_displayregular';
	text-align: center;
	font-size: 0.93em;
	padding: 14px 0 15px 0;
}

.footer-content {
	
}

/*-----------Graficas circulares--------------*/


.circle {
  width: 170px;
  margin: 6px 6px 20px;
  display: inline-block;
  position: relative;
  text-align: center;
  line-height: 1.2;
}

.circle canvas {
  vertical-align: top;
}

.circle strong {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color:#3aa1dc;	
}

.etiqueta2 strong {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color:#006aa8;	
}

.etiqueta3 strong {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color:#016aab !important;	
}

.etiqueta2 strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
  color:#006aa8 !important;	
}

.etiqueta3 strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
  color:#016aab !important;	
}

.circle strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
  color:#3aa1dc;	
}

.circle span {
  display: block;
  color: #aaa !important;
  margin-top: 12px;
	
}


/*------------Graficas de Barras--------------*/

.barfiller {
  width: 25%;
  height: 20px;
  position: relative;
  margin-bottom: 20px;
  
}

.barfiller .fill {
  display: block;
  position: relative;
  width: 0px;
  height: 100%;
  background: #333;
  z-index: 1;
}

.barfiller .tipWrap { display: none; }

.barfiller .tip {
  margin-top: -7px;
  margin-left: 60px;	
  padding: 2px 4px;
  font-size: 18px;
  color: #1b80c6;
  left: 0px;
  position: absolute;
  z-index: 2;
}

.barfiller .tip2 {
  margin-top: -7px;
  margin-left: 60px;	
  padding: 2px 4px;
  font-size: 18px;
  color: #f00;
  left: 0px;
  position: absolute;
  z-index: 2;
}


.barfiller .tip:after {
  border: solid;
  border-color: rgba(0,0,0,.8) transparent;
  border-width: 6px 6px 0 6px;
  display: block;
  position: absolute;
  left: 9px;
  top: 100%;
  z-index: 9
}


@media (max-width:350px){
   	
	p {
	color: #40a4e0;
	font-family: 'sf_pro_displayregular';
	font-size: 1.1em;
    margin: 50px 0;
	line-height: 1.4em;	
	text-align: left !important;

}
	
.data-interp, .data-interp2, .data-interp3, .cita-data, .cita-data2, .cita-data3 {
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left !important;
	}

}

@media screen and (min-width: 350px) and (max-width: 500px){
   	
	p {
	color: #40a4e0;
	font-family: 'sf_pro_displayregular';
	font-size: 1.1em;
    margin: 50px 0;
	line-height: 1.4em;	
	text-align: left !important;

}
	
.data-interp, .data-interp2, .data-interp3, .cita-data, .cita-data2, .cita-data3 {
	font-size: 1.1em;
	line-height: 1.4em;
	text-align: left !important;
	}

}