
#timeline {
	width: 1280px;
	min-height: 450px;
	overflow: hidden;
	margin: 120px auto 0;
	position: relative;
}
		#dates {
			width: 1280px !important;
			height: 100px;
			overflow: hidden;
			padding: 0 0 0 0px !important;
			margin-left: 0 !important;
			margin-right: 0 !important;
			position: relative;
		    }
		    #dates:after {
			  content: '';
			  position: absolute;
			  z-index: 1;
			  width: 100%;
			  bottom: 42px;
			  left: 0;
			  height: 2px;
			  background: linear-gradient(to right, #5378a7 , #d2943d); /* Standard syntax */
			  }

			#dates li {
				list-style: none;
				float: left;
				width: 84px;
				height: 61px;
				font-family: 'Montserrat', sans-serif;
				font-weight: normal;
				font-size: 13px;
				text-align: center;
				background: url('../images/empresa/biggerdot.png') center bottom no-repeat;
				position: relative;
				z-index:2;
				transition: width 0.33s linear;
			    }
				#dates a, #dates a:visited {
					line-height: 83px;
					padding-bottom: 1px;
					display: block;
					transition: all 0.33s linear;
					font-family: 'Montserrat', sans-serif;
				    font-weight: normal;
				    font-size: 13px;
				    color: white;
				    text-decoration:none;
				}
				#dates a:hover, #dates a:active {font-weight: bold; color: #E09C63;}

                #dates li.selected {width: 270px; background: none;}
				#dates li.selected > a {
			        font-size: 117px;
			        font-weight: bold;
			        color: white;
			        line-height: 99px;
			        text-decoration:none;
				}

#issues {
	width: 1280px;
	height: auto;
	overflow: hidden;
	padding: 0;
}
	#issues li {
		width: 1280px;
		height: auto;
		list-style: none;
		float: left;
		overflow: hidden;
		padding: 90px 0px 0;
	    }
		#issues li p {
				font-size: 14px;
                font-family: 'Montserrat', sans-serif;
                font-weight: 400;
				margin-right: 0px;
				line-height: 22px;
				transform: scale(.89);
				float: left;
				width:780px;
				margin-left: 60px;
				color:white;
			}
		#issues li.selected p {
			transform: scale(1);
			transition: all 2s ease-in-out;
		    }

		#issues li .btn {
			float: right;
			margin-right: 60px;
		}



#grad_left,
#grad_right {
	width: 100px;
	height: 450px;
	position: absolute;
	top: 0;
	display: none;
    }
	#grad_left {
		left: 0;
		background: none
	}
	#grad_right {
		right: 0;
		background: none
	}

		#next,
		#prev {
			position: absolute;
			top: 0;
			font-size: 70px;
			top: 170px;
			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: none;
			}
			#prev {
				left: 0;
				background-image: none;
			}
				#next.disabled,
				#prev.disabled {
					opacity: 0.2;
				}