/* --------------------- top bar for quick jump to the years "Jumpstrip"----------------- */
#jumpstrip li {
	display:block;
	}
#jumpstrip {
			float: left;
			margin-top:25px;
			font-size:16px;
			font-family: inherit, sans-serif;
			color:black;
			padding-left: 25px;
			clear:both;
			padding-bottom: 25px;
				}
#jumpstrip li{
			position: relative;
			float: left; 
			list-style: none;
			margin: 0px;
			padding:0px;
			} 
#jumpstrip li a{
			display: block;
			text-decoration:none;
			font-size:16px;
			padding: 10px;
			padding-top:20px;
			color:black;
			border-bottom: 5px solid transparent; /* if making for IE 6 transparent won't work.  See http://snippets.dzone.com/posts/show/6089 for solution */
			} 
#jumpstrip li a:hover{
			color:green;
			border-bottom: 5px solid #22241C;
			}
/* -------------- end "Jumpstrip"----- Start Timeline--------------- */
#timewrap {
	padding-left:50px;
	max-width:90%;
	float:left;
	}
.timeline a, .entry a, .entry {text-decoration:none;color:black;}
.timeline li a:hover {
    text-decoration:none;
}
.timeline li,
.timeline ol li {
	list-style:none;
}

.timeline,
.timeline ol,
.timeline ol ol {
	margin:0;
	padding:0;
}
.timeline ol li {
	padding:0 0 0 50px;
	margin:0 0 0 50px;
}
.timeline li a {
	position:relative;
	top:-60px;
	}
.timeline li div.entry {
	padding: 0px;			/*Separación entre entrradas del timeline*/
	margin:0;
	border-style:none;
}
.timeline li a .entry:hover, .timeline .entry:hover {
	background-color:#e8e8e8;
	text-decoration:none;
	color:black;
}
.timeline ol li {
	background:url('../images/org-tree-mid.gif') no-repeat left top;
}

.timeline ol li.last {
	background:url('../images/org-tree-last.gif') no-repeat left top;
}
/*----------- Main Content Elements ---------------- */
.date {font-style:italic;}
.year {  /* this is the year on the left side.  If you decide to add a month or other content, adjustments will need to be made. */
	font-weight:bold;
	display:block;
	position:relative; /* for browser (IE) compatability */
	width: 75px;
    border-bottom: 2px solid #666666;
    font-size: 1.4em;
    right:125px;
    padding: 0px 15px 5px;
    color:#00a9c6;
}
.cumple {  /* this is the year on the left side.  If you decide to add a month or other content, adjustments will need to be made. */
	font-weight:bold;
	display:block;
	position:relative; /* for browser (IE) compatability */
	width: 75px;
    font-size: 1em;
    right:112px;
    padding: 5px 0px 0px 0px;
    color:#00a9c6;
}
.title {
	padding:0 0 0px 0; 		/*Padding entre el título y la fecha*/
	font-weight:bold; 
	font-style:normal; 
	line-height:1.6em;
	}
.history {
font-size:1em;line-height: 1em;
}