* {
	margin: 0;
	padding: 0;
}

body {
	background: #CCC;
font-family:verdana;

	color: #000;
	font-size: 14px;
}

a {
	color: #737374;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
	a:hover,
	a.selected {
		color: ##676767;
	}



	
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	#timeline {
		width: 490px;
		height: 330px;
		overflow: hidden;
		margin-top: 0px;
		margin-left: 0px;
		position: relative;
		background: url('../images/dot.gif') left 340px repeat-x;
	}
		
		
		
		
				
				#mdimg {
					width: 420px;
					float: left;
					margin-left:40px;
					margin-top:10px;
					color: #666;
					font-size: 9px;
					font-style:italic;
					
					
					
				}
		
		
		
		
		#mdimg caption {
					font-family: verdana;
					color: #999;
					font-size: 8px;
					font-style:italic;					
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 0px 0px 0px;
				}
				
				
			
				
				
				
		
		#dates {
				font-family:verdana;
	font-weight:bold;
			width: 490px;
			height: 30px;
			margin-top:30px ;
			overflow: hidden;
		}
			#dates li {
				font-family: arial;
				list-style: none;
				float: left;
				width: 60px;
				height: 30px;
				font-size: 18px;
				text-align: center;
				background: url('../images/biggerdot.png') center bottom no-repeat;
			}
				#dates a {
					line-height: 10px;
					padding-bottom: 10px;
				}
				#dates .selected {
			        font-size: 18px;
					color: #006cb6;
					font-weight: bold;
						}
		
		#issues {
			width: 490px;
			height: 350px;
			overflow: hidden;
		}	
			#issues li {
				font-family: verdana;

	color: #000;
	font-size: 14px;
				width: 490px;
				height: 350px;
				list-style: none;
				float: left;
			}
				
				
			
				
				
				
				
				#issues li p {
					font-family: verdana;
	
	color: #333;
	font-size: 13px;

					margin-right: 30px;
					margin-left: 265px;
					margin-top: 75px;
					font-weight: normal;
					line-height: 22px;
					text-shadow: #000 0px 0px 0px;
				}
			
			
				
				
				
		#grad_left,
		#grad_right {
	width: 25px;
	height: 240px;
	position: absolute;
	top: 4px;
		}
			#grad_left {
	margin-top: 60px;
	left: 10px;
	background: url('../images/grad_left.png') repeat-y;
			}
			#grad_right {
	margin-top: 60px;
	right: 25px;
	background: url('../images/grad_right.png') repeat-y;
			}
		
		#next,
		#prev {
	position: absolute;
	top: 0;
	font-size: 70px;
	top: 143px;
	width: 22px;
	height: 38px;
	background-position: 0 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
		}
			#next:hover{
				background-image: url('../../images/news/next-arrow-o.png');
			}
			#prev:hover {
				background-image: url('../../images/news/pre-arrow-o.png');
			}
			#next {
	right: 0px;
	background-image: url('../../images/news/next-arrow.png');
			}
			#prev {
	left: 10px;
	background-image: url('../../images/news/pre-arrow.png');
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.0;
				}