.sociales { text-align: center; margin-bottom: 20px; }
#timeline { width: 100%; height: 250px; overflow: hidden; margin:0 auto; position: relative; background: url('../images/dot.gif') left 45px repeat-x; }
#dates { width: 100%; height: 60px; overflow: hidden; }
#dates li { list-style: none; float: left; width: 160px; height: 50px; font-size: 22px; text-align: center; background: url('../images/biggerdot.png') center bottom no-repeat; }
#dates a { line-height: 38px; padding-bottom: 10px;color: #777; }
#dates .selected { font-size: 34px;color: #1f1d1d; }
#issues { width: 0px; height: 350px; overflow: hidden; }
#issues li { width: 1163px; /*height: 300px;*/ list-style: none; float: left; margin-top: -10px;}
#issues li.selected img { /*-webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1);*/ }
#issues li img { float: left; margin: 10px 30px 10px 40px; /*background: transparent; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
zoom: 1; -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; transition: all 2s ease-in-out; -webkit-transform: scale(0.7, 0.7); -moz-transform: scale(0.7, 0.7); -o-transform: scale(0.7, 0.7); -ms-transform: scale(0.7, 0.7); transform: scale(0.7, 0.7);*/ }
#issues li h1 { color: #000000 !important; font-size: 18px; margin: 10px 0 0; font-weight:400; line-height: 20px; margin-bottom:5px;}
#issues h4{ font-size: 20px;
color: #1f1d1d;
text-align: center;
font-weight: bold;}
#issues li h1 strong{ color: #b21b20; font-size: 22px; margin: 10px 0 0; font-weight:500; line-height: 20px;}
#issues li p { font-size: 14px; font-weight: normal; line-height: 24px;}
#grad_left,  #grad_right { width: 100px; height: 350px; position: absolute; top: 0; }
/*#grad_left { left: 0; background: url('../images/grad_left.png') repeat-y; }
#grad_right { right: 0; background: url('../images/grad_right.png') repeat-y; }
*/#next,  #prev { position: absolute; top: 0; font-size: 70px; top: 88px; width: 22px; height: 38px; background-position: 0 0; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; }

#next { right: 0; background-image: url('../images/next.png'); }
#prev { left: 0; background-image: url('../images/prev.png'); }
#next.disabled,  #prev.disabled { opacity: 0.2; }