.seccion .tituloCronologia { width:520px;margin:0 auto;text-align:left;padding-top:40px;font-family:proxima-nova;font-size:51px;color:#696969;padding-bottom:32px;font-weight:200; }
.seccion .introCronologia { width:520px;margin:0 auto;font-family:proxima-nova;font-size:16px;padding-bottom:60px;text-align:left; } 
.seccion .leyendaCronologia { width:520px;margin:0 auto; }
.seccion .leyendaCronologia .opcionLeyenda { float:left;padding-right:20px; }
.seccion .leyendaCronologia .opcionLeyenda .icono { float:left;width:25px; }
.seccion .leyendaCronologia .opcionLeyenda .label { float:left;font-family:proxima-nova;font-size:12px;color:#696969;line-height:22px; }


.seccion .timeline { padding-top:250px;width:7620px; }
.seccion .timeline .puntos { position: absolute;z-index:1; }
.seccion .timeline .lineas { height:200px; }
.seccion .timeline .lineas .lineaSuperior { height:4px;background-color:#dccfbd; }
.seccion .timeline .lineas .lineaInferior { height:4px;background-color:#dccfbd; }
.seccion .timeline .lineas .flecha { position:absolute;left:0px; }
.seccion .timeline .lineas .fechasCronologia { height:92px;width:7620px; } 
.seccion .timeline .lineas .fechasCronologia .fecha { float:left;width:50px;text-align:left;font-family:proxima-nova;font-weight:bold;font-size:11px;color:#696969;border-right:1px dashed #ececec;cursor:move;height:300px;margin-top:-205px;
	-webkit-user-select: none; /* Chrome/Safari */        
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	/* Rules below not implemented in browsers yet */
	-o-user-select: none;
	user-select: none;
}

.colorGris { background-color: #ebebeb;width:50px;height:201px;position: absolute;z-index:0;opacity: 0.6; 
	background: -moz-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(405%, #ebebeb), color-stop(100%, #FAF7F2));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#FAF7F2', GradientType='0'); /* for IE */
	background: linear-gradient(0deg, #ebebeb 40%, #FAF7F2 100%);/* W3C */
}
.colorGrisNumeros { background-color: #ebebeb;width:50px;height:92px;position: absolute;z-index:0;margin-top:205px;opacity: 0.6; }
.colorGrisMedio { background-color: #ebebeb;width:25px;height:201px;position: absolute;z-index:0;opacity: 0.6; 
	background: -moz-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(405%, #ebebeb), color-stop(100%, #FAF7F2));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #ebebeb 40%, #FAF7F2 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#FAF7F2', GradientType='0'); /* for IE */
	background: linear-gradient(0deg, #ebebeb 40%, #FAF7F2 100%);/* W3C */
}
.colorGrisNumerosMedio { background-color: #ebebeb;width:25px;height:92px;position: absolute;z-index:0;margin-top:205px;opacity: 0.6; }


.colorBlanco { background-color: #FFF;width:50px;height:201px;position: absolute;z-index:0;opacity: 0.6; 
	background: -moz-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(405%, #ffffff), color-stop(100%, #FAF7F2));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FAF7F2', GradientType='0'); /* for IE */
	background: linear-gradient(0deg, #ffffff 40%, #FAF7F2 100%);/* W3C */
}
.colorBlancoNumeros { background-color: #FFF;width:50px;height:92px;position: absolute;z-index:0;margin-top:205px;opacity: 0.6; }
.colorBlancoMedio { background-color: #FFF;width:25px;height:201px;position: absolute;z-index:0;opacity: 0.6; 
	background: -moz-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 90deg, color-stop(405%, #ffffff), color-stop(100%, #FAF7F2));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(90deg, #ffffff 40%, #FAF7F2 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FAF7F2', GradientType='0'); /* for IE */
	background: linear-gradient(0deg, #ffffff 40%, #FAF7F2 100%);/* W3C */
}
.colorBlancoNumerosMedio { background-color: #FFF;width:25px;height:92px;position: absolute;z-index:0;margin-top:205px;opacity: 0.6; }


.seccion .timeline .lineas .fechasCronologia .puntos { height:204px; }
.seccion .timeline .lineas .fechasCronologia .fecha .label { margin-left:-12px;padding-top: 200px;line-height: 95px;position: absolute;z-index:1;  }
.seccion .timeline .lineas .fechasCronologia .capaOver { position: absolute;z-index:15;height:95px;width:50px;margin-top: 204px; }


/* Iconos cronologia */
.politica { width:12px;height:12px;border-radius: 25px;border:5px solid #68d1fd }
.arte { width:12px;height:12px;border-radius: 25px;border:5px solid #7edbaa }
.mecenaje { width:12px;height:12px;border-radius: 25px;border:5px solid #f74e86 }
.ceremonias { width:12px;height:12px;border-radius: 25px;border:5px solid #ee834f }
.defunciones { width:12px;height:12px;border-radius: 25px;border:5px solid #555b5d }

.politicaGrande { width:149px;height:149px;border-radius: 100px;border:15px solid #68d1fd;position: absolute;z-index:20;background-color: #FFF;margin-left:-65px;margin-top: 65px;display: none;   }
.politicaGrande .interior { text-align: center;font-family:proxima-nova;font-weight: 600px;font-size: 11px;padding-top: 15px;  }
.politicaGrande .interior .fechaInterior { font-family:proxima-nova;font-size: 50px; }

.arteGrande { width:149px;height:149px;border-radius: 100px;border:15px solid #7edbaa;position: absolute;z-index:20;background-color: #FFF;margin-left:-65px;margin-top: 65px;display: none;   }
.arteGrande .interior { text-align: center;font-family:proxima-nova;font-weight: 600px;font-size: 11px;padding-top: 15px;  }
.arteGrande .interior .fechaInterior { font-family:proxima-nova;font-size: 50px; }

.mecenajeGrande { width:149px;height:149px;border-radius: 100px;border:15px solid #f74e86;position: absolute;z-index:20;background-color: #FFF;margin-left:-65px;margin-top: 65px;display: none;   }
.mecenajeGrande .interior { text-align: center;font-family:proxima-nova;font-weight: 600px;font-size: 11px;padding-top: 15px;  }
.mecenajeGrande .interior .fechaInterior { font-family:proxima-nova;font-size: 50px; }

.ceremoniasGrande { width:149px;height:149px;border-radius: 100px;border:15px solid #ee834f;position: absolute;z-index:20;background-color: #FFF;margin-left:-65px;margin-top: 65px;display: none;   }
.ceremoniasGrande .interior { text-align: center;font-family:proxima-nova;font-weight: 600px;font-size: 11px;padding-top: 15px;  }
.ceremoniasGrande .interior .fechaInterior { font-family:proxima-nova;font-size: 50px; }

.defuncionesGrande { width:149px;height:149px;border-radius: 100px;border:15px solid #555b5d;position: absolute;z-index:20;background-color: #FFF;margin-left:-65px;margin-top: 65px;display: none;   }
.defuncionesGrande .interior { text-align: center;font-family:proxima-nova;font-weight: 600px;font-size: 11px;padding-top: 15px;  }
.defuncionesGrande .interior .fechaInterior { font-family:proxima-nova;font-size: 50px; }

.degradadoArriba { height:10px;width:100%;margin-top: 40px;
	background: -moz-linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 0deg, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,0)));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0.1)', endColorstr='rgba(0,0,0,0)', GradientType='0'); /* for IE */
	background: linear-gradient(0deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* W3C */
}
.degradadoAbajo { height:10px;width:100%;margin-bottom: 40px; 
	background: -moz-linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 180deg, color-stop(0%, rgba(0,0,0,0.1)), color-stop(100%, rgba(0,0,0,0)));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0.1)', endColorstr='rgba(0,0,0,0)', GradientType='0'); /* for IE */
	background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);/* W3C */
}

.timelineDispositivo { padding-bottom: 30px;max-height:200px;overflow-y:auto;  }
.timelineDispositivo .linea { padding-top: 10px;background-color:#FFF; 
	background: -moz-linear-gradient(180deg, #ffffff 40%, #FAF7F2 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 180deg, color-stop(405%, #ffffff), color-stop(100%, #FAF7F2));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(180deg, #ffffff 40%, #FAF7F2 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(180deg, #ffffff 40%, #FAF7F2 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(180deg, #ffffff 40%, #FAF7F2 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#FAF7F2', GradientType='0'); /* for IE */
	background: linear-gradient(180deg, #ffffff 40%, #FAF7F2 100%);/* W3C */
}
.timelineDispositivo .linea.gris { background-color: #ebebeb; 
	background: -moz-linear-gradient(180deg, #ebebeb 80%, #FAF7F2 100%);/* FF3.6+ */
	background: -webkit-gradient(linear, 180deg, color-stop(40%, #ebebeb), color-stop(100%, #FAF7F2));/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(180deg, #ebebeb 40%, #FAF7F2 100%);/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(180deg, #ebebeb 40%, #FAF7F2 100%);/* Opera 11.10+ */
	background: -ms-linear-gradient(180deg, #ebebeb 40%, #FAF7F2 100%);/* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebebeb', endColorstr='#FAF7F2', GradientType='0'); /* for IE */
	background: linear-gradient(180deg, #ebebeb 40%, #FAF7F2 100%);/* W3C */
} 
.timelineDispositivo .any { float: left;padding-left: 20px;width:50px;color:#555;font-family:proxima-nova; }
.timelineDispositivo .puntos { float: left;width:calc(100% - 5.67em);padding-left: 20px; }
.timelineDispositivo .puntos .icono { float: left;text-align: left; }
.timelineDispositivo .puntos .label { float: left;text-align: left;padding-left: 10px;width:calc(100% - 3em);font-family:proxima-nova;font-size:16px;color:#555;padding-bottom: 10px;padding-top: 3px; }

.flechasTimelineDispositivo { position: absolute;width:100%;text-align: left;margin-top: 100px; }


/* RESPONSIVE */
@media screen and (min-width: 960px){
	
}

@media screen and (min-width: 770px) and (max-width: 959px){
	.timelineDispositivo { max-height:400px;  }
	.flechasTimelineDispositivo { position: absolute;width:100%;text-align: left;margin-top: 200px; }
}

@media screen and (min-width: 480px) and (max-width: 769px){
	.seccion .tituloCronologia { width:100%;font-size:32px;padding-left:20px;padding-right:20px; }
	.seccion .introCronologia { width:calc(100% - 2.52em); }
	
	.seccion .leyendaCronologia { width:100%; }
	.seccion .leyendaCronologia .opcionLeyenda { padding-left: 20px;padding-bottom: 20px;width:calc(50% - 2.52em);float: left; }
	
	.timelineDispositivo { max-height:400px;  }
	.flechasTimelineDispositivo { position: absolute;width:100%;text-align: left;margin-top: 200px; }
}

@media screen and (min-width: 280px) and (max-width: 479px){
	.seccion .tituloCronologia { width:100%;font-size:32px;padding-left:20px;padding-right:20px; }
	.seccion .introCronologia { width:calc(100% - 2.52em); }
	
	.seccion .leyendaCronologia { width:100%; }
	.seccion .leyendaCronologia .opcionLeyenda { padding-left: 20px;padding-bottom: 20px;width:calc(50% - 2.52em);float: left; }
}