*{
	margin:0;
	padding:0;
}

/*Estilos globales*/

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

h1, h2, h3, h4, h5, a{
	font-family: 'Roboto', sans-serif;
}

p{
	margin:10px 0;
}

a, a:visited, a:active{
	color:#4570ad;
	text-decoration:none;
	font-weight:bold;
}

#wrapper-global{
	max-width:1500px;
	text-align:left;
	margin:0 auto;
}

/*Estilos*/

#header{
	width:100%;
	height:;
	float:left;
	background-image:url(../images/bg-cabezote.png);
	background-color:#FFF;
}

		#lin-sup-header{
			float:left;
			width:100%;
			background-color:#f4f4f4;
			height:50px;
			padding:5px 0;
			box-sizing:border-box;
		}
		
				#redes{
					float:right;
					width:300px;
					margin:10px 5% 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:400px;
					text-align:right;
					margin:10px 5% 0 0;
				}
				
		#logo{
			float:left;
			width:240px;
			background-color:rgba(255,255,255,0.5);
			padding:20px 30px 10px;
			box-sizing:border-box;
			margin-top:-50px;
			margin-left:5%;
		}

#header-oculto{
	width:100%;
	height:;
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	background-image:url(../images/bg-cabezote.png);
	background-color:#FFF;
	border-bottom:6px solid #fff;
}
		
				#redes-oculto{
					float:right;
					width:120px;
					margin:10px 5% 0 0;
				}
				
						#redes-oculto ul li{
							display:block;
							height:40px;
							width:40px;
							padding:0;
							float:right;
						}
						
								#redes-oculto ul li a{
									background: transparent url("../images/redes.svg") no-repeat scroll left top / 133px 40px;
									display:block;
									height:40px;
								}
						
								#redes-oculto li a.inicio{
									background-position:-80px 0;
								}
								
								#redes-oculto li a.twitter{
									background-position:0 0;
								}
								
								
								#redes-oculto li a.print{
									background-position:-40px 0;
								}
				
				#compartir-oculto{
					float:right;
					width:400px;
					text-align:right;
					margin:20px 50px 0 0;
				}
				
		#logo-oculto{
			float:left;
			background-color:rgba(255,255,255,0.5);
			padding:10px 30px 10px;
			box-sizing:border-box;
			margin-left:2em;
		}
				
#banner{
	float:left;
	width:100%;
	background-image:url(../images/bg-banner-2.jpg);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: top center;
	border-top:10px solid #fff;
}

		#texto-tit-ban{
			width:45%;
			margin:60px 0 20px 5%;
			padding:0 60px 0 0;
			box-sizing:border-box;
			float:left;
		}
		
				#texto-tit-ban h1{
					font-size:3.3em;
					color:#fff;
					line-height:1em;
					text-shadow:4px 4px 5px #333;
					
					font-weight:bold;
					font-style:italic;
				}
				
				#texto-tit-ban p {
					font-size:1em;
					color:#fff;
					line-height:1.3em;
					text-shadow:4px 4px 5px #333;
					font-family: 'Raleway', sans-serif;
					color:#fff;
					text-decoration:none;
					font-weight:bold;
					padding:10px;
					display:block;
				}
				
				.bajar{
					width:60px;
					height:60px;
					opacity:0.5;
				}
				
				a.bajar:hover{
					opacity:1;
				}
				
		
		#texto-intro{
			width:50%;
			margin:30px 0 30px 0;
			padding:30px 8% 30px 60px;
			box-sizing:border-box;
			float:left;
			background-color:rgba(255,255,255,0.9);
		}
		
				#texto-intro p{
					color:#333;
					line-height:1.4em;
					font-weight:lighter;
					font-size:0.9em;
				}				
								.azul1{
									background-color:#426aa1;
									background-image:url(../images/t-1.svg);
									
								}
								.azul2{
									background-color:#5a79ac;
									background-image:url(../images/t-2.svg);
								}
		

						
								.azul7{
									background-color:#bdd5ed;
									background-image:url(../images/t-7.svg);
									
								}

								.azul8{
								    background: #a8c1e0;
								    position: relative;
								}

								.azul8 h3:before{
								content: " ";
								    width: 0;
								    height: 0;
								    border-left: 30px solid transparent;
								    border-right: 31px solid transparent;
								    border-top: 26px solid #bdd5ed;
								    position: absolute;
								    top: 0;
								    left: 50%;
								    transform: translateX(-50%);
								}
																
								.azul6{
									background-color:#a8c1e0;
									background-image:url(../images/t-6.svg);
									
									
								}
								
								.azul5{
									background-color:#94add2;
									background-image:url(../images/t-5.svg);

									
									

								}
								
								.azul4{
									background-color:#819ac5;
									background-image:url(../images/t-4.svg);

									
								}
								
								.azul3{
									background-color:#6e89b8;
									background-image:url(../images/t-3.svg);
									
								}
								
								
								
								.transparente{
									background-color:transparent;
								}
								
								.nara1{
									background-color:#c7522e;
								}
								
								.nara2{
									background-color:#d17457;
									background-image:url(../images/n-2.svg);
								}
								
								.nara3{
									background-color:#e19b85;
									background-image:url(../images/n-3.svg);
								}
								
								.nara4{
									background-color:#da8f77;
									background-image:url(../images/n-4.svg);
								}
								
								.nara5{
									background-color:#e19b85;
									background-image:url(../images/n-5.svg);
								}
								
								.verd1{
									background-color:#628F3E;
								}
								
								.verd2{
									background-color:#779E55;
									background-image:url(../images/v-2.svg);
								}
								
								.verd3{
									background-color:#8BAD6B;
									background-image:url(../images/v-3.svg);
								}
								.verd4{
									background-color:#A0BD82;
									background-image:url(../images/v-4.svg);
								}
								.verd5{
									background-color:#B4CC98;
									background-image:url(../images/v-5.svg);
								}
								.verd6{
									background-color:#C9DBAF;
									background-image:url(../images/v-6.svg);
								}
								
								.neg1{
									background-color:#232323;
								}
								
								.neg2{
									background-color:#454545;
									background-image:url(../images/b-2.svg);
								}
								
								.neg3{
									background-color:#6b6b6b;
									background-image:url(../images/b-3.svg);
								}
								
								.neg4{
									background-color:#8e8d8d;
									background-image:url(../images/b-4.svg);
								}
								
								.neg5{
									background-color:#a9a9a9;
									background-image:url(../images/b-5.svg);
								}

#cont-met{
	float:left;
	width:100%;
	padding:0 50px;
	margin-bottom:30px;
	margin-top:-60px;
	box-sizing:border-box;
}

		#metodología{
			width:140px;
			padding:10px;
			background-color:#f4f4f4;
			text-align:center;
		}
		
				#metodología p{
					margin:0;
				}
				
				#metodología p a{
					color:#a2c04e;
				}
								
								
#pata{
	float:left;
	width:100%;
	padding:30px 5%;
	box-sizing:border-box;
	margin-bottom:30px;
	background-color:#FFF;
	font-size:0.8em;
	border-top:6px solid #86b2e0;
}

		#legal{
			float:right;
			text-align:right;
			width:45%;
		}
		
		#contacto{
			float:left;
			text-align:left;
			width:50%;
			margin-right:5%;
		}

.iniciobtn{
	float: right;
	margin: 20px 100px 0 0;
	border: solid #4570ad 2px;
	border-radius: 10px;
	background-color: white;
	padding: 7px;
}
.inicioPdf{
	float: right;
	margin: 20px 20px 0 0;
	border: solid #4570ad 2px;
	border-radius: 10px;
	background-color: white;
	padding: 7px;
}
.vinetaImagen{
	float:left;
	border-radius: 50%;
	margin: 0 5px;
}
.vinetaImagen2{
	margin: 0 5px;
	float:left;
}