*{
	margin:0;
	padding:0;
}

body{
	color:#333;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
	font-size:1em;
	background-image:url(../images/bg-body.png);
}

/*Generales*/

h1{
	font-size:4em;
	color:#fff;
	font-style:italic;
	line-height:1em;
}

h1, h2, h3, h4{
	font-family:Georgia, "Times New Roman", Times, serif;
}

p{
	margin-bottom:1em;
}

/*Estilos de divs*/

#cabezote-100{
	position:fixed;
	width:100%;
	height:4em;
	background-color:#f04e22;
	z-index:40;
}

		#wrapper-cabezote{
			margin:0 auto;
			width:100%;
			max-width:1000px;
		}
		
				#cabezote{
					float:left;
					width:100%;
				}
				
						#logo{
							float:left;
							background-color:#fff;
							padding: 0.5em;
							box-sizing:border-box;
							height:5.5em;
						}
						
						#logo img{
							width:auto;
							height:100%;
						}
						
				#redes{
					float:right;
					width:140px;
					margin:10px 5px 0 0;
				}
				
						#redes ul li{
							display:block;
							height:40px;
							width:40px;
							padding:0;
							float:right;
						}
						
								#redes ul li a{
									background: transparent url("../images/redes.svg") no-repeat scroll left top / 133px 40px;
									display:block;
									height:40px;
								}
						
								#redes li a.inicio{
									background-position:-80px 0;
								}
								
								#redes li a.twitter{
									background-position:0 0;
								}
								
								
								#redes li a.print{
									background-position:-40px 0;
								}
				
				#compartir{
					float:right;
					width:340px;
					text-align:right;
					margin:18px 10px 0 0;
				}

						
#banner-imagen-100{
	float:left;
	width:100%;
	margin-top:4em;
	height:550px;
	background-image:url(../images/bg-banner.jpg);
	background-size:100% auto;
	background-repeat:no-repeat;
	position:relative;
	z-index:35;
}

		#wrapper-banner{
			width:100%;
			margin:0 auto;
			max-width:1000px;
		}
		
		#titulo{
			float:left;
			margin-top:14em;
			width:45em;
			text-align:left;
		}
		
		#logos-coo{
			float:right;
			width:16em;
			background-color:#fff;
			height:4em;
			padding:0.5em 0.5em 0;
			box-sizing:border-box;
		}
		
		
#wrapper-contenido{
	margin:0 auto;
	width:100%;
	max-width:1000px;
	text-align:left;
}

		#contenido{
			float:left;
			width:100%;
			background-color:#fff;
			padding:2.5em;
			box-sizing:border-box;
			margin-top:-10em;
			border-top:8px solid #1976bc;
			position:relative;
			z-index:39;
		}
		
				p.entradilla{
					font-family:Georgia, "Times New Roman", Times, serif;
					font-weight:400;
					font-size:1.2em;
					font-style:italic;
				}
				
				p.bocadillo{
					font-family:Georgia, "Times New Roman", Times, serif;
					font-weight:bold;
					font-size:2em;
					float:left;
					width:55%;
					margin:1em 1em 1em -3em;
					color:#666;
				}
				
				p.bocadillo:before{
					content: open-quote;
					font-size:5em;
					color:#000;
					line-height:0;
					float:left;
					margin-top:0.2em;
				}
				
				p.bocadillo:after{
					content: close-quote;
					font-size:5em;
					color:#000;
					line-height:0;
					float:right;
					margin-top:0.2em;
				}
				
				#separador{
					float:left;
					width:100%;
					box-sizing:border-box;
					color:#fff;
					background-color:#1976bc;
					font-size:1.5em;
					height:4em;
					margin:1em 0 2em 0;
				}
				
				#separador:before{
					float:left;
					width:5em;
					height:5em;
					border-radius:50%;
					background-color:#e74c3c;
					content:" ";
					margin:-0.5em 1em 0 -2.5em;
				}
				
				#separador-d{
					float:left;
					width:100%;
					box-sizing:border-box;
					color:#fff;
					background-color:#1976bc;
					font-size:1.5em;
					height:3em;
					margin:1em 0 2em 0;
				}
				
				#separador-d:before{
					float:left;
					width:4em;
					height:4em;
					border-radius:50%;
					background-color:#e74c3c;
					content:" ";
					margin:-0.5em 1em 0 -2.5em;
				}
				
				#separador-d h2{
					color:#fff;
					font-size:1em;
					margin-top:0.8em;
					margin-right:1em;
				}
				
				#separador h2{
					color:#fff;
					font-size:1em;
					margin-top:0.8em;
					margin-right:1em;
				}
				
				#grafico{
					float:left;
					width:57.5%;
					margin-right:5%;
				}
				
				#texto-gra{
					float:left;
					width:37.5%;
				}
				
				#grafico2{
					float:left;
					width:57.5%;
					
				}
				
				#texto-gra2{
					float:left;
					width:37.5%;
					margin-right:5%;
				}
				
				#grafico-100-c{
					float:left;
					width:100%;
					
				}
				
				#texto-gra-100{
					float:left;
					width:60%;
					margin-left:20%;
				}
				
				#grafico-30{
					float:left;
					width:30%;
					margin-bottom:2em;
					
				}
				
						#grafico-30 h3{
							height:5em;
							text-align:center;
							padding:0 2em;
							float:left;
							width:100%;
							box-sizing:border-box;
							font-size:1em;
						}
						
	#ficha{
		width:100%;
		padding: 0 2em 2em;
		background-image:url(../images/bg-body.png);
		background-color:#f4f4f4;
		float:left;
		box-sizing:border-box;
	}
						
				#tit-ficha{
					float:left;
					width:100%;
					box-sizing:border-box;
					color:#fff;
					background-color:#f04e22;
					font-size:0.6em;
					padding:0.5em 1em;
					margin:1em 0 2em 0;
				}
				
				
						#tit-ficha h2{
							font-size:2em;
							font-style:italic;
						}
						
				#texto-ficha{
					float:left;
					width:80%;
					padding:1em 10%;
					background-color:rgba(255,255,255,0.5);
				}
				
						#div-50{
							float:left;
							width:50%;
							padding-right:2em;
							box-sizing:border-box;
						}
				
				
						#texto-ficha p{
							font-size:0.7em;
						}