#timeline a {}
#timeline a:hover, a.selected {}

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

#timeline 			{height:650px; he.ight:550px; overflow:hidden; margin:0 auto; position: relative; }
#dates 				{width:280px; height:400px !important;  margin-top:20px !important; float:left; position:relative; z-index:1000}
#dates li 			{list-style:none; margin:10px 0 10px 3px; line-height:1.2em;}
#dates a 			{background:#F4F1E2; padding:5px 10px; display:block}
#dates a:hover		{text-decoration:none; background:#E2DDB3}
#dates .selected		{font-size:1.1em; line-height:1.10em; background:none; background:#E2DDB3}
#dates .selected:hover	{background:#E2DDB3; cursor:default}

#issues 		{width:605px; padding:28px 0 0 20px; height:450px; margin-left:280px; border-left:1px dotted #EEE; position:relative; }
#issues li 		{height:650px;	list-style:none;}
#issues li h1	{font-size:1.9em; margin:0 0 10px}
#issues li a, #issues li a:hover	{background:none}
#issues li img 						{margin: 3px 0 10px 20px; width:300px}
#issues.plan-didactico li		{}
#issues.plan-didactico li li	{ height:inherit !important}
#issues li li	{ height:auto !important}

#next, #prev 				{position: absolute; top:4px; left:27.4%; font-size:70px; width:21px; height:22px; background-repeat: no-repeat; background-repeat:repeat-y; text-indent: -9999px; 
							 overflow: hidden; background-color:transparent !important }
#next 		 				{top:4px; background-image: url('../_images/flechaupdown.png'); background-color:transparent; background-position: 0 -70px;}
#prev 						{left:24.3%; top:4px;background-image: url('../_images/flechaupdown.png'); background-color:transparent; background-position: 0 -92px;}
#next:hover 				{background-position: 0 22px; top:6px; background-color:transparent !important}
#prev:hover 				{background-position: 0 0; top:2px; background-color:transparent !important}

#next.disabled,	#prev.disabled {}