@charset "utf-8";
/* CSS Document */

/* Contenedor general */

#cronologia_no {
	width:100%;
	margin-top:15px;
	margin-bottom:45px;
	position:relative;
	padding-bottom:10px;
}

/* Años en la cronología */

#ano_crono2011 {
	font-family:Arial, Helvetica, sans-serif;
	color:#8f751f;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
	float:left;
	text-align:center;
	left:10px;
}

#ano_crono2012 {
	font-family:Arial, Helvetica, sans-serif;
	color:#8f751f;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
	left:125px;
	float:left;
	text-align:center;
}

#ano_crono2013 {
	font-family:Arial, Helvetica, sans-serif;
	color:#8f751f;
	font-size:12px;
	font-weight:bold;
	margin-bottom:10px;
	position:relative;
	left:550px;
	float:left;
	clear:right;
	text-align:center;
}

/* Meses de la barra inferior */

#crono_meses {
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin:10px 0px;
}

#crono_meses li {
	position:absolute;
	text-align:center;
}

#crono_meses li.mes1 {
	left:35px;
}

#crono_meses li.mes2 {
	left:75px;
}

#crono_meses li.mes3 {
	left:115px;
}

#crono_meses li.mes4 {
	left:192px;
}

#crono_meses li.mes5 {
	left:230px;
}

#crono_meses li.mes6 {
	left:270px;
}

#crono_meses li.mes7 {
	left:306px;
}

#crono_meses li.mes8 {
	left:346px;
}

#crono_meses li.mes9 {
	left:385px;
}

#crono_meses li.mes10 {
	left:421px;
}

#crono_meses li.mes11 {
	left:461px;
}

#crono_meses li.mes12 {
	left:500px;
}

#crono_meses li.mes13 {
	left:537px;
}

#crono_meses li.mes14 {
	left:577px;
}

/* Puntos de eventos */

#puntoseventos {
	list-style-type:none;
}

#puntoseventos li {
	position:absolute;
	display:block;
	top:45px;
	width:12px;
	height:12px;
	background-image:url(../images/punto_crono_off.png);
	z-index:300;
}

#puntoseventos li:hover {
	background-image:url(../images/punto_crono_on.png);
	cursor:pointer;
}

#puntoseventos li.evento1 {
	left:22px;
}

#puntoseventos li.evento2 {
	left:81px;
}

#puntoseventos li.evento3 {
	left:147px;
}

#puntoseventos li.evento4 {
	left:327px;
}

#puntoseventos li.evento5 {
	left:342px;
}

#puntoseventos li.evento6 {
	left:421px;
}

#puntoseventos li.evento7 {
	left:441px;
}

#puntoseventos li.evento8 {
	left:455px;
}

#puntoseventos li.evento9 {
	left:497px;
}

#puntoseventos li.evento10 {
	left:586px;
}

#puntoseventos li.evento11 {
	left:599px;
}
#puntoseventos li.evento12 {
	left:611px;
}
#puntoseventos li.evento13 {
	left:623px;
}

/* Globo de información adicional */

.escondido {
	visibility:hidden;
}

.crono_info, .crono_info2 {
	position:absolute;
	background-color:rgba(0,0,0,0.90);
	padding:15px;
	width:300px;
	top:25px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	color:#FFFFFF;
	font-size:12px;
	border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		-ms-border-radius: 4px;
	border-bottom: solid 2px #e75340;
	box-shadow: 2px 2px 6px #ccc;
		-moz-box-shadow: 2px 2px 6px #ccc;
		-webkit-box-shadow: 2px 2px 6px #ccc;
		-o-box-shadow: 2px 2px 6px #ccc;
		-ms-box-shadow: 2px 2px 6px #ccc;
}

.crono_info {
	margin-left:-12px;
}

.crono_info2 {
	margin-left:-280px;
}

div.crono_info:after {
  position: absolute;
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000000;
  line-height:0px;
  left: 10px;
  top: -8px;
  content: '';
  opacity:0.85;
	filter: alpha(opacity = 85);
}

div.crono_info2:after {
  position: absolute;
  display: inline-block;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000000;
  line-height:0px;
  left: 277.5px;
  top: -8px;
  content: '';
  opacity:0.85;
	filter: alpha(opacity = 85);
}

#puntoseventos a:link, #puntoseventos a:visited {
	font-size:10px;
	color:#e75340;
	float:right;
	margin-top:4px;
	margin-left:10px;
	margin-bottom:30px;
	text-decoration:none;
	display:block;
	border-left: solid 1px #d8be69;
	padding-left:8px;
	height:10px;
	line-height:10px;
}

#puntoseventos a:hover {
	color:#d8be69;
}