/*linea de tiempo*/

#linea-tiempo-100{
	float:left;
	width:100%;
	background-image:url(../img/linea-regla.svg);
	background-repeat:repeat-x;
	background-position:bottom;
	height:550px;
}

		#wrapper-linea-tiempo{
			margin:0 auto;
			width:100%;
			max-width:900px;
		}
		
				#linea-tiempo-bg{
					float:left;
					width:100%;
					background-image:url(../img/linea-regla.svg);
					background-repeat:repeat-x;
					background-position:bottom;	
				}
				
						#cont-linea-tiempo{
							margin:0 auto;
							width:100%;
						}
						
								#linea-tiempo{
									float:left;
									width:100%;
									height:400px;
									position:relative;
								}
								
										#cont-hitos{
											position:absolute;
											width:100%;
											bottom:20px;
											z-index:10;
											height:460px;									
											}
										
												#hito{
													position:absolute;
													width:30px;
													z-index:39;
													bottom:0;
													background-image:url(../img/hitos/linea.svg);
													background-repeat:repeat-y;
													background-position:center center;
												}
												
														#hito.h340{
															height:340px !important;
															z-index:41;
														}
														
														#hito.h290{
															height:290px;
															z-index:43;
														}
														
														#hito.h240{
															height:240px;
															z-index:45;
														}
														
														#hito.h190{
															height:190px;
															z-index:47;
														}
														
														#hito.h365{
															height:365px !important;
															z-index:40;
														}
														
														#hito.h415{
															height:415px !important;
															z-index:39;
														}
														
														#hito.h315{
															height:315px !important;
															z-index:42;
														}
														
														#hito.h265{
															height:265px;
															z-index:44;
														}
														
														#hito.h215{
															height:215px;
															z-index:46;
														}
														
														#hito.h165{
															height:165px;
															z-index:48;
														}
												
														#hito a{
															background-image:url(../img/hitos/gris.svg);
															width:30px;
															height:30px;
															float:left;
															background-size:100%;
															text-decoration:none;
															display:inline-block;
														}
														
														#hito a.green{
															background-image:url(../img/hitos/verde.svg);
														}
														
														#hito a.naranj{
															background-image:url(../img/hitos/nara.svg);
														}
														
														#hito a.red{
															background-image:url(../img/hitos/rojo.svg);
														}
														
														#hito a.acciones{
															background-image:url(../img/hitos/acu.svg);
															background-repeat:no-repeat;
															background-size:80%;
															background-position:center center;
															border-radius:5px;
															background-color:#ffff00;
														}
														
														.linea-t{
															font-size:0.8em;
														}
														
												#fase{
													position:absolute;
													height:2em;
													padding:0.5em 0.1em;
													bottom:0.5em;
													z-index:50;
													box-sizing:border-box;
												}
												
														#fase p{
															line-height:0.7em;
															margin-top:0.3em;
															font-size:0.8em;
														}
												
														.pastrana{
															background-color:#fba533;
															width:135px;
														
														}
														
														.samper{
															background-color:#9ac93b;
															width:95px;
														}
														
														.uribe{
															background-color:#ef4e23;
															width:360px;
															color:#fff;
															font-size:1em !important;
														}
														
														.santos{
															background-color:#2c3e50;
															width:270px;
															color:#fff;
															font-size:1em !important;
														}
																
												
										#cont-regla{
											position:absolute;
											width:100%;
											background-image:url(../img/marcadores.svg);
											background-repeat:repeat-x;
											height:20px;
											background-color:#fff;
											bottom:0;
											z-index:40;
											background-size:45px auto;
										}
										
										#titulo{
											position:absolute;
											z-index:1;
											top:30px;
											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:80px;
										}
										
												#mes{
													position:absolute;
													transform:rotate(-90deg);
													top:60px;
													left:0;
													line-height:1em;
													width:120px;
													text-align:right;	
												}