@charset "utf-8";
/* CSS Document */
body {
background-color:#e8e9e5;
}
/*------------------------------------------------*/

.introduction {
	position: absolute;
	left:600px;
	top:156px;
	width:250px;
	color:#f4781d;
	font-size:12px;
	line-height:16px;
	
	
}

.introduction p{

	padding-left:15px;
	font-size:12px;
	font-weight:bolder;
	margin-top:8px;
	margin-bottom:8px;
	background-image:url(../img/orange_bullet.gif);
	background-repeat:no-repeat;
	background-position: left 2px;
	background-color:#e8e9e5;

}

.introduction a:link {color:#f4781d;} 
.introduction a:visited {color:#f4781d;} 
.introduction a:hover {color:#f4781d; text-decoration:underline;} 
.introduction a:active {color:#f4781d;}


.topo{
position:relative;
left:350px;
top:60px;
font-size:12px;
font-weight:bold;
}
.topo a:link {color:#f4781d;} 
.topo a:visited {color:#f4781d;} 
.topo a:hover {color:#f4781d; text-decoration:underline;} 
.topo a:active {color:#f4781d;} 

/*------------------------------------------------*/
#finaltopo{
width:580px;
float:left;
top:20px;
font-size:12px;
font-weight:bold;
text-align:right;
margin-left:30px;
margin-top:30px;
margin-bottom:30px;
display:inline;
}
#finaltopo a:link {color:#7d806c;} 
#finaltopo a:visited {color:#7d806c;} 
#finaltopo a:hover {color:#7d806c; text-decoration:underline;} 
#finaltopo a:active {color:#7d806c;} 
/*panorama*/

#intro{
	position: absolute;
	width:631px;
	height:269px;
	left:-27px;
	top:120px;
	background-image:url(../img/intro_bg.png);
	font-size:12px;
	line-height:15px;
	color:#805B9B;
	background-repeat: no-repeat;
	background-position: left top;
}


#intro h1{
text-indent:-9999px;
}


/*----end panorama---*/




.introduction img {
	float:left;
	margin-top:5px;
}

.introduction h2 {
	display:block;
	margin-top:5px;
	margin-left:12px;
}

.introduction h3 {
	text-transform:uppercase;
	font-size:8px;
	margin-left:15px;
}

.main p {
	display:block;
	margin-top:15px;
	margin-bottom:10px;
	padding-left:30px;
}

.main {
	position:absolute;
	top:400px;
	left:0px;
	width:400px;
	margin-right:25px;
	/*margin-left:25px;*/
	color:#647882;
	font-size:12px;
	line-height:14px;
	
	
}

.main h2 {
	font-size:17px;
	font-weight:bold;
	line-height:24px;
	color:#003B5E;
	margin-top:40px;
	padding-left:30px;
	background-image:url(../img/h2_bullet.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

.main h3 {
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	color:#003B5E;
}

/*----------------------------------------------------------------------*/

.timeline{
position:absolute;
width:306px;

left:500px;
top:400px;

}

.timeline_title{

float:left;
width:300px;
background-image:url(../img/timelinetitle.gif);
background-repeat:no-repeat;
background-position:top left;

}
.timeline_title h2{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	text-align:left;
	margin:25px 15px 15px 15px;

}

.itau{
float:left;
width:130px;
height:4150px;
overflow:hidden;
background-image:url(../img/orange_pat.gif);

}

.itau h3{
color:#FFFFFF;
padding-right:15px;
padding-top:5px;
margin-top:20px;
margin-left:20px;
margin-bottom:5px;
text-align:right;
font-size:13px;

background-image:url(../img/bullet_itau.gif);
background-repeat:no-repeat;
background-position:top right;
}

.itau p{
color:#FFFFFF;
margin-right:15px;
margin-top:0px;
margin-left:20px;
margin-bottom:20px;
text-align:right;
font-size:9px;
line-height:11px;
}

/*------------*/


.unibanco{
float:left;
width:130px;
height:4150px;
overflow:hidden;
background-image:url(../img/blue_pat.gif);

}

.unibanco h3{
color:#FFFFFF;
padding-left:15px;
padding-top:5px;
margin-top:20px;
margin-right:20px;
margin-bottom:5px;
text-align:left;
font-size:13px;

background-image:url(../img/bullet_unibanco.gif);
background-repeat:no-repeat;
background-position:top left;
}

.unibanco p{
color:#FFFFFF;
margin-left:15px;
margin-top:0px;
margin-right:20px;
margin-bottom:20px;
text-align:left;
font-size:9px;
line-height:11px;
}
/*-----------------------------------------------------------------------*/

/*----------------------------------------------------------------------*/

/*.itaubullet{
border:solid 2px white;
}
.unibancobullet{
border:solid 2px white;
}*/
/*-----------------------------------------------------------------------*/

div#x1924u {
float:left;
height:140px;
margin-top:5px;

}

#x1940u{
float:left;
height:140px;
margin-top:5px;

}

#x1945{
float:right;
height:140px;
margin-top:160px;

}
#x1964{
float:right;
height:140px;
margin-top:10px;

}

#x1966{
float:right;
height:140px;
margin-top:10px;

}
#x1966u{
float:left;
height:140px;
margin-top:170px;

}

#x1967u{
float:left;
height:140px;
margin-top:10px;

}

#x1969{
float:right;
height:100px;
margin-top:30px;

}

#x1970{
float:right;
height:140px;
margin-top:30px;

}

#x1970u{
float:left;
height:140px;
margin-top:10px;

}

#x1980{
float:right;
height:100px;
margin-top:10px;

}

#x1980u{
float:left;
height:100px;
margin-top:10px;

}

#x1981{
float:right;
height:100px;
margin-top:10px;

}

#x1981u{
float:left;
height:70px;
margin-top:10px;

}

#x1982u{
float:left;
height:100px;
margin-top:10px;

}
#x1987{
float:right;
height:140px;
margin-top:10px;

}
#x1990u{
float:left;
height:140px;
margin-top:90px;

}
#x1993{
float:right;
height:140px;
margin-top:40px;

}

#x1995{
float:right;
height:140px;
margin-top:10px;

}
#x1995u{
float:left;
height:90px;
margin-top:30px;

}
#x1996u{
float:left;
height:80px;
margin-top:10px;

}

#x1997{
float:right;
height:140px;
margin-top:50px;

}
#x1997u{
float:left;
height:90px;
margin-top:10px;

}

#x1998{
float:right;
height:280px;
margin-top:20px;

}

#x1997u{
float:left;
height:90px;
margin-top:10px;

}

#x1999{
float:right;
height:120px;
margin-top:10px;


}

#x2000{
float:right;
height:260px;
margin-top:10px;

}
#x2000u{
float:left;
height:90px;
margin-top:490px;

}
#x2001{
float:right;
height:100px;
margin-top:10px;

}

#x2001u{
float:left;
height:120px;
margin-top:180px;

}
#x2002{
float:right;
height:140px;
margin-top:10px;

}
#x2003u{
float:left;
height:120px;
margin-top:10px;

}
#x2004u{
float:left;
height:280px;
margin-top:10px;

}
#x2004{
float:right;
height:100px;
margin-top:10px;

}
#x2005{
float:right;
height:170px;
margin-top:10px;

}
#x2005u{
float:left;
height:170px;
margin-top:90px;

}
#x2006{
float:right;
height:140px;
margin-top:10px;

}
#x2006u{
float:left;
height:190px;
margin-top:10px;

}
#x2007{
float:right;
height:120px;
margin-top:10px;

}
#x2008{
float:right;
height:550px;
margin-top:10px;

}
#x2008u{
float:left;
height:170px;
margin-top:90px;

}
#x20082u{
float:left;
height:340px;
margin-top:40px;

}
/*----------------------------------------------------------------------*/

.finalbox{
float:left;
position:relative;
top:-20px;
width:260px;
height:180px;

background-image:url(../img/finalbox.gif);
background-repeat:no-repeat;
background-position:top left;

}
.finalbox h2{
color:#23408f;
font-size:16px;
margin-left:30px;
margin-top:20px;
}
.finalbox h3{
color:#23408f;
font-size:14px;
margin-left:30px;
margin-top:20px;
}
.finalbox p{
display:block;
width:200px;
font-size:10px;
margin-left:30px;
}

#foto{
width:258px;
position:relative;
left:268px;
top:-45px;

}
#foto p{
font-size:10px;
margin-left:5px;
padding-left:0px;
}
/*----------------------------------------------------------------------*/
.videoplayer {

	visibility:hidden;

	width:360px;

	height:353px;

	position:absolute;

	left:315px;

	top:200px;

	background-image:url(../img/videoframe.png);

	z-index:10;

}

.videoscreen324x240 {

	/*visibility:hidden;*/

	width:320px;

	height:240px;

	position:relative;

	left:20px;

	top:5px;

	z-index:11;



}