#timeline a
{
	color: #777777;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	/*transition: 0.5s;*/
}
#timeline a:hover, #timeline a.selected
{
	color: #B86443;
}
#timeline h1, #timeline h2, #timeline h4, #timeline h5, #timeline h6
{
	text-align: center;
	color: #ccc;
	margin-bottom: 5px;
}
#timeline h1
{
	font-size: 18px;
}
#timeline h2
{
	font-size: 14px;
}

.sociales
{
	text-align: center;
	margin-bottom: 20px;
}
#timeline
{
	width: 780px;
	/*height: 350px;*/
	overflow: hidden;
	/*margin: 70px auto;*/
	position: relative;
	background: url('images/timeline/dot.gif') left 45px repeat-x;
}
#dates
{
	width: 780px;
	height: 60px;
	overflow: hidden;
	margin-bottom: 10px;
}
#dates li
{
	list-style: none;
	float: left;
	width: 100px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	background: url('images/timeline/biggerdot.png') center bottom no-repeat;
}
#dates a
{
	line-height: 38px;
	padding-bottom: 10px;
}
#dates .selected
{
	font-size: 38px;
}
#issues
{
	width: 780px;
	/*height: 350px;*/
	overflow: hidden;
}
#issues li
{
	width: 780px;
	/*height: 350px;*/
	list-style: none;
	float: left;
}
#issues li img
{
	float: left;
	margin: 10px 20px 10px 50px;
}
#issues li h1
{
	color: #B86443;
	/*font-size: 40px;*/
	margin: 20px 0;
	font-weight: normal;
}
#issues li p
{
	font-size: 14px;
	/*margin-right: 70px;*/
	font-weight: normal;
	line-height: 22px;
}
#grad_left, #grad_right
{
	width: 100px;
	height: 350px;
	position: absolute;
	top: 0;
}

#grad_left
{
	left: 0;
	background: url('images/timeline/grad_left.png') repeat-y;
}
#grad_right
{
	right: 0;
	background: url('images/timeline/grad_right.png') repeat-y;
}
#next, #prev
{
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 85px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#next:hover, #prev:hover
{
	background-position: 0 -76px;
}
#next
{
	right: 0;
	background-image: url('images/timeline/next.png');
}
#prev
{
	left: 0;
	background-image: url('images/timeline/prev.png');
}
#next.disabled, #prev.disabled
{
	opacity: 0.2;
}
#issues img
{
	border: solid 1px #CCC;
	padding: 4px;
}
.citation
{
	margin-top: 20px;
	font-style: italic;
}
.credit
{
	text-align: right;
}