*{
	margin:0;
	padding:0;
}

/*Estilos generales*/

body{
	text-align:center;
	font-family: 'Oswald', sans-serif!important;
	font-size:1em;
	background-color:#f4f4f4;
}

h1{
	color:#0c4f8a;
	font-size:4.8em;
	font-weight:500;
	line-height:1em;
}

h2{
	color:#0c4f8a;
	font-weight:500;
	text-transform:uppercase;
}

h3{
	color:#0c4f8a;
	font-weight:500;
}

p{
	font-size:1em;
	font-weight:300;
	line-height:1.6em;
}

		.entradilla{
			font-weight:500;
			font-size:1.4;
			font-style:italic;
		}

a{
}

/*header*/

#header-100{
	width:100%;
	position:fixed;
	background-color:#1ac6ea;
	height:75px;
	z-index:100;
	background-image:url(../images/bg-lin-blanco.svg);
}

#header{
	width:100%;
	max-width:1300px;
	margin:0 auto;
}

		#id{
			float:left;
			width:18%;
			background-color:#fff;
			padding:0 0;
			text-align:center;
			margin-left:2%;
		}

		#redes{
			position:fixed;
			background-color:rgba(255,255,255,0.3);
			right:0;
			top:2px;
			padding:0.4em 1.5em 0.4em 0.4em;
			box-sizing:border-box;
		}

				#redes ul{
					width:80px;
					float:right;
				}

				#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;
				}

				#compartir{
					float:right;
					margin-top:5px;
				}


/*linea de tiempo*/

#linea-tiempo-100{
	float:left;
	display: block;
	width:100%;
	background-color:#252525;
	margin-top:4.5em;
	background-image:url(../images/linea-regla.svg);
	background-repeat:repeat-x;
	background-position:bottom;
}

		#wrapper-linea-tiempo{
			margin:0 auto;
			width:100%;
			max-width:1500px;
		}

				#linea-tiempo-bg{
					float:left;
					width:100%;
					background-color:#252525;
					background-image:url(../images/linea-regla.svg);
					background-repeat:repeat-x;
					background-position:bottom;
				}

						#cont-linea-tiempo{
							margin:0 auto;
							width:990px;
						}

								#linea-tiempo{
									float:left;
									width:100%;
									height:580px;
									position:relative;
								}

										#cont-hitos{
											position:absolute;
											width:100%;
											bottom:20px;
											z-index:10;
											height:460px;
											}

												#hito{
													position:absolute;
													width:25px;
													z-index:120;
													bottom:0;
													background-image:url(../images/hitos/linea.svg);
													background-repeat:repeat-y;
													background-position:center center;
												}

														#hito.h410{
															height:410px !important;
															z-index:32;
														}

														#hito.h490{
															height:490px !important;
															z-index:34;
														}

														#hito.h440{
															height:440px !important;
															z-index:36;
														}

														#hito.h390{
															height:390px !important;
															z-index:38;
														}

														#hito.h340{
															height:340px !important;
															z-index:41;
														}

														#hito.h290{
															height:290px !important;
															z-index:43;
														}

														#hito.h240{
															height:240px !important;
															z-index:45;
														}

														#hito.h190{
															height:190px !important;
															z-index:47;
														}

														#hito.h415{
															height:415px !important;
															z-index:38;
														}

														#hito.h365{
															height:365px !important;
															z-index:40;
														}

														#hito.h315{
															height:315px !important;
															z-index:42;
														}

														#hito.h265{
															height:265px !important;
															z-index:44;
														}

														#hito.h215{
															height:215px !important;
															z-index:46;
														}

														#hito.h165{
															height:165px !important;
															z-index:48;
														}

														#hito a{
															background-image:url(../images/hitos/gris.svg);
															width:25px;
															height:25px;
															float:left;
															background-size:100%;
															text-decoration:none;
															display:inline-block;
														}

														#hito a.green{
															background-image:url(../images/hitos/verde.svg);
														}

														#hito a.red{
															background-image:url(../images/hitos/rojo.svg);
														}

														#hito a.acuerdo{
															background-image:url(../images/hitos/acu.svg);
															background-repeat:no-repeat;
															background-size:80%;
															background-position:center center;
															border-radius:5px;
															background-color:rgba(255,255,255,0.9);
														}

												#fase{
													position:absolute;
													height:2em;
													padding:0.5em 0.1em;
													bottom:0.5em;
													z-index:56;
													box-sizing:border-box;
												}

														#fase p{
															line-height:0.7em;
															margin-top:0.3em;
															font-size:0.8em;
														}

														.exploratoria{
															background-color:#fba533;
															width:60px;

														}

														.acercamiento{
															background-color:#9ac93b;
															width:60px;
														}

																.acercamiento:after{content:".";
																	float:left;
																	width:0;
																	margin-left:-19px;
																	margin-top:-28px;
																	height:0;
																	border-top: 1em solid transparent;
																	border-right: 18px solid #9ac93b;
																	border-bottom: 1em solid transparent;
																	text-indent:-9999px;
																}

														.dialogos{
															background-color:#ef4e23;
															width:908px;
															color:#fff;
															font-size:1em !important;
														}

																.dialogos:after{
																	content:".";
																	float:right;
																	width:0;
																	margin-right:-20px;
																	margin-top:-20px;
																	height:0;
																	border-top: 1em solid transparent;
																	border-left: 20px solid #ef4e23;
																	border-bottom: 1em solid transparent;
																	text-indent:-9999px;
																}

												#interfase{
													position:absolute;
													height:2em;
													padding:0.5em 0.1em;
													bottom:5.5em;
													z-index:55;
													box-sizing:border-box;
												}

														#interfase p{
															line-height:0.7em;
															margin-top:0.3em;
															font-size:0.8em;
														}

														.desescalamiento{
															background-color:#1976bb;
															width:488px;
															color:#fff;
															font-size:1em !important;
														}

																.desescalamiento:after{
																	content:".";
																	float:right;
																	width:0;
																	margin-right:-20px;
																	margin-top:-36px;
																	height:0;
																	border-top: 1em solid transparent;
																	border-left: 20px solid #1976bb;
																	border-bottom: 1em solid transparent;
																	text-indent:-9999px;
																}

														.alistamiento{
															background-color:#63b5e5;
															width:582px;
															color:#fff;
															font-size:1em !important;
															bottom:3em !important;
														}

																.alistamiento:after{
																	content:".";
																	float:right;
																	width:0;
																	margin-right:-20px;
																	margin-top:-20px;
																	height:0;
																	border-top: 1em solid transparent;
																	border-left: 20px solid #63b5e5;
																	border-bottom: 1em solid transparent;
																	text-indent:-9999px;
																}

												#futuro{
													height:2em;
													width:500px;
													background-color:#63b5e5;
													position:absolute;
													right: -22.5em;
													bottom:234px;
													transform:rotate(-90deg);
												}

														#futuro p{
															width:400px;
															line-height:1em;
															margin-top:0.5em;

														}

														#futuro strong{
															color:#fff;
															font-weight:400;
														}

												.f2{
													right: -25.2em !important;
													background-color:#a6b13e !important;
												}

										#cont-regla{
											position:absolute;
											    width: 1047px;
											background-image:url(../images/marcadores.svg);
											background-repeat:repeat-x;
											height:20px;
											background-color:#fff;
											bottom:0;
											margin-left:15px;
											z-index:40;
										}

										#titulo{
											position:absolute;
											z-index:1;
											top:60px;
											text-align:left;
											color:#fff;
										}

										#titulo h1{
											font-weight:lighter;
											font-size:3em;
											color:#fff;
											line-height:1.1em;
										}

										#cont-meses{
											width:100%;
											position:absolute;
											bottom:-100px;
											height:100px;
										}

												#mes{
													position:absolute;
													transform:rotate(-90deg);
													top:60px;
													left:0;
													line-height:1em;
													width:120px;
													text-align:right;
												}

.linea-mobil{
	display: none;
	padding-top: 70px;
}
.linea-mobil .green{
text-align: center;
    background: #f7ffa7;
    padding: 15px;
        border-top: 1px solid #bfbebe;
            display: block;
    color: #252525;
}

.linea-mobil .black{
text-align: center;
    background: #ccc;
    padding: 15px;
        border-top: 1px solid #bfbebe;
            display: block;
    color: #252525;
}

.linea-mobil .red{
text-align: center;
    background: #fd958e;
    padding: 15px;
    border-top: 1px solid #bfbebe;
        display: block;
    color: #252525;
}
.linea-mobil .acuerdo{
text-align: center;
    background: #00c8ee;
    padding: 15px;
    border-top: 1px solid #bfbebe;
        display: block;
    color: #252525;
}

.linea-mobil .anio-m{
        padding: 24px;
    font-size: 26px;
    text-align: center;
    font-weight: bold;
    background: #e0e0df;
    color: #252525;}
@media (max-width: 736px){
	.linea-mobil{
	display: block;
}

#linea-tiempo-100{
	display: none;
}

#redes ul{
	display: none;
}

#id{
	background: none;
}

#id img{
	width: 70px;
}

}

.titulo-mobil{
    background: #252525;
    width: 100%;
    display: flex;
    height: 50vh;
    padding: 15px;
    align-items: center;

}

.titulo-mobil h1{
	color: #f2f2f2;
	font-size: 70px;
}

.modal.show .modal-dialog {
    top: 50%!important;
    transform: translateY(-50%)!important;
}