.event{
	/* Contains the event header and body list */
	float:left;
	padding:4px;
	text-align:left;
	width:170px;
	margin:0 5px 20px;
}

.eventList{
	/* The individual events */
	background:#F4F4F4;
	border:1px solid #EEEEEE;
	margin:5px 0px 5px 0px;
	padding:4px 15px 4px 0px;
	list-style-type: none;
	width:153px;
	display:block;
	/* CSS3 rounded corners */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	font-size:11px;
	color:#006699;
	clear:both;
	float:left;
}

.eventList span.icon{
	/* The event icon */
	display:block;
	float:left;
	height:16px;
	margin-right:2px;
	margin-left:2px;
	width:16px;
}
.eventList span.evento{
	/* The event icon */
	display:block;
	float:left;
	width:130px;
}

/* Individual background images for each type of event: */
.eventList span.icon { 	background:url(../images/bullet_orange.png) no-repeat; }

.eventHeading{
	/* The colorful year headings at the top */
	font-size:16px;
	padding:5px;
	text-align:center;
	
	/* CSS3 rounded corners */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;

}

/* Three color styles for the headings: */
.eventHeading.blue{
	background:#3c899a;
	border:1px solid #2b7a8b;
	color:#ffffff;
}

#timelineLimiter{
	/* Hides the overflowing timeline */
	width:750px;
	overflow:hidden;
	padding-top:10px;
	margin:20px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px
}

#scroll{
	/* The small timeline below the main one. Hidden here and shown by jQuery if JS is enabled: */
	display:none;
	height:30px;
	background:#3c899a;
	border:1px solid #EEEEEE;
	color:#ffffff;
}

.scrollPoints{
	/* The individual years */
	float:left;
	font-size:1.4em;
	padding:4px 10px;
	text-align:center;
	width:70px;
	position:relative;
	z-index:10;
}

#centered{
	/* Centers the years, width is assigned by jQuery */
	margin:0 auto;
	position:relative;
}

#slider{
	/* Holds the scroll bar */
	margin:10px auto;
	height:25px;
	display:none;
}

#bar{
	/* The scroll bar */
	background:url(../images/slider_center.png) repeat-x center center;
	height:25px;
	cursor:pointer;
}

#barLeft{
	background:transparent url(../images/slider.png) no-repeat scroll left center;
	height:25px;
	width:20px;
	left:0;
	top:0;
	position:absolute;
}

#barRight{
	background:transparent url(../images/slider.png) no-repeat scroll right center;
	height:25px;
	position:absolute;
	right:0;
	top:0;
	width:20px;
}

#highlight{
	/* The blue highlight that moves with the scroll bar */
	height:30px;
	position:absolute;
	z-index:0;
	left:0;
	top:0;
	background:#45aac0;
	border:1px solid #65bccf;
	border-width:0 1px;
}

#compania-estrategia img { vertical-align:middle; padding-right:20px; }
.left-estrategia { float:left; }
.right-estrategia { float:right; }
#estrategia-texto-1 { 
filter:alpha(opacity=33);
-moz-opacity:0.33;
-khtml-opacity: 0.33;
opacity: 0.33; }
#estrategia-texto-2 {
filter:alpha(opacity=33);
-moz-opacity:0.33;
-khtml-opacity: 0.33;
opacity: 0.33;
}
#estrategia-texto-3 {
filter:alpha(opacity=33);
-moz-opacity:0.33;
-khtml-opacity: 0.33;
opacity: 0.33;
}
.estrategia-trans {
filter:alpha(opacity=100)!important;
-moz-opacity:1!important;
-khtml-opacity:1!important;
opacity: 1!important;
 opacity: 1!important; }