﻿ 
	a:hover,
	a.selected {
		color: #ff4665;
	}

h1,h2,h4,h5,h6 {
	text-align: center;
	color: #ccc;
	text-shadow: #000 1px 1px 2px;
	margin-bottom: 5px;
}
	h1 {
		font-size: 18px;
	}
	h2 {
		font-size: 14px;
	}
.sociales {
	text-align: center;
	margin-bottom: 20px;
}

	#timeline {
		width: 100%;
		height: 32px; 
		position: relative;
		background: url('../images/dot.gif') left 100% no-repeat;
        background-size:100% 100%; 
	}
		#dates {
			width: 1300px;
			height: 48px;
			overflow: hidden;
		}
			#dates li {
				list-style: none;
				float: left;
				width: 100px;
				height: 20px;
				font-size: 24px;
				text-align: center;
				background: url('../images/biggerdot.png') center bottom no-repeat;
                margin-top:5px;
			}
				#dates a {
					line-height: 13px; 
                    font-size:13px; 
                    bottom:0px;z-index:9999;
					line-height:60px
				}
				#dates .selected { 
                      font-size:15px;
				}
		 
		#issues {
			width: 1200px;
			height: 75px;
			overflow: hidden; 
            top:10px; 
            float:left;
         
 
		}	
			#issues li {
				width: 740px;
				height: 75px;
				list-style: none;
				float: left;
                 
 
			}
				#issues li img {
					float: left;
					margin: 10px 30px 10px 50px;
				}
				#issues li h1 {
					color: #ffcc00;
					font-size: 48px;
					margin: 20px 0;
					text-shadow: #000 1px 1px 2px;
				}
                #issues li p {
                    font-size: 14px;
                    margin-right: 50px;
                    font-weight: normal;
                    line-height: 22px; 
                    height: 75px;
                    width:650px; 
                    text-overflow: ellipsis;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    display: -webkit-box;
                    -webkit-line-clamp: 3;
                    -webkit-box-orient: vertical;
                    padding: 5px 10px;
                      float:right; 
                     background: url('../images/text_bg.png')   no-repeat; 
                     background-size:100% 100%;
                     color:white;
                     text-align:left;
                   line-height:30px;
                }
		
		 #dates li.selected{background: url(../images/biggerdot_2.png) center bottom no-repeat;height:25px}

          .tooltips {max-width: 350px;border-width: 1px;border-style: solid;position: absolute;display: none;border-radius: 3px;opacity: 0;filter: alpha(opacity = 0);z-index: 999;}
    .tooltips p.content { padding: 5px; }
    .tooltips .triangle-front, .tooltips .triangle-back {width: 0;height: 0;overflow: hidden;border-width: 8px;border-style: solid;position: absolute;border-color: transparent;top: 100%;left: 50%;margin-left: -8px;}
    .tooltips .triangle-back { margin-top: -1px; }
    .yellow {
        border-color: #46a2ff;
        background-color: #46a2ff;
        color: white;
    }

    .yellow .triangle-front {
        border-top-color: #46a2ff;
    }

    .yellow .triangle-back {
        border-top-color: #46a2ff;
    }
 