@charset "utf-8";

/* CSS Document */





.destaque {

	width:766px;

	height:265px;

	position:absolute;

	left:-26px;

	top:120px;

	z-index:3;

	background-image:url(../img/destaque_bg.png);

	

}



.destaque img {

	float:left;

}



.destaque #banner {

	margin-left:25px;

}



.destaques_interna {

	width:294px;

	height:237px;

	float:left;

}



.news {

	width:309px;

	height:63px;

	margin-top:16px;

	font-weight:lighter;

	

}



.news strong {

	font-weight:bold;

	

}





.news h2 {

	font-weight:lighter;

	margin-left:15px;

	height:19px;

	margin-bottom:0px;

	display:block;	

}



.news p {

	margin-left:15px;

	color:#000000;



}



.destaque .subject {

	line-height:15px;

	font-size: 12px;

}



.news a {

	font-weight:bold;

}



#orange_news, #orange_news a {

	color:#F7941E;

}



#blue_news, #blue_news a {

	color:#003B5E;

}



#green_news, #green_news a {

	color:#2B7D39;

}





.home_banner {

	width:410px;

	height:237px;

	margin-left:25px;

	margin-top:25px;

	padding-left:0px;

	padding-top:0px;

	float:left;

}



#home_banner_control {

	position:absolute;

	left:0px;

	top:120px;

	

	width:410px;

	height:237px;

	

	z-index:6;

}





#banner_left {

	position:relative;

	left:-22px;

	top:220px;

	cursor:pointer;

}



#banner_right {

	position:relative;

	left:392px;

	top:220px;

	cursor:pointer;

}





#frame3z2 h1, #frame4z2 h1  {

	font-size:18px;

	font-weight:lighter;

	color:#7D806C;

}


#messages {
	position:absolute;
	left:-26px;
	top:405px;
	width:210px;
	height:217px;
	z-index:1;
	background-image:url(../img/messages_bg.png);
	font-weight:lighter;

}





#messages img {

	margin-left:26px;

}



#messages h1 {
	display:block;
	width:164px;
	margin-left:30px;
	margin-top:140px;
	font-size:12px;
	font-weight:lighter;
	color:#231F20;
	line-height:16px;
}


#frame3z2 a {
	color:#000000;
}


#frame3z2 h1 {

	padding-top:20px;

	margin-left:20px;

}



#frame4z2 h1 {

	padding-top:20px;

	margin-left:30px;

}



#frame3z2 {

	width:376px;

	height:217px;

	position:absolute;

	left:205px;

	top:405px;

	z-index:3;

	background-image:url(../img/home_frame3_z2.png);

}



#frame3z2 img {

	margin:25px;

	margin-right:10px;

	float:left;

}



.frame3z2content {



	border-color:#000000;

	border:1px;

	line-height: 20px;

	width:180px;

	margin-top:25px;

	margin-bottom:25px;

	float:left;

}



.frame3z2content li {

	margin-left:20px;

	line-height:16px;

	list-style-type:disc;

}



#frame4z2 {

	width:195px;

	height:217px;

	position:absolute;

	left:600px;

	top:405px;

	z-index:3;

	background-image:url(../img/home_frame4_z2.png);

	cursor:pointer;

}







#frame4z2 img {

	margin:10px;

	margin-left:17px;



}





#frame4z2 p {

	color:#000000;

	font-size:15px;

	font-weight:lighter;

	margin-left:5px;

	margin-bottom:20px;

	

}





#frame4z3 {

	position:absolute;

	z-index:7;

	width:67px;

	height:67px;

	

	left:670px;

	top:485px;

	background-image:url(../img/play_button.png); 

}



.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;



}



.grayscreen {

	position:absolute;

	left:0px;

	top:0px;

	width:990px;

	height:100%;

	background-image:url(../img/grayscreen.png);

	visibility:hidden;

	z-index:9;

}



.frame3z2content ul {

	margin-top:10px;

}



body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin:10px;
	background-color:#CCCCCC;
}

#root {
	float:left;
	position:absolute;
	left: 195px;
	top: 0px;
	z-index:3;
	width:795px;
}

.header  {
	position:absolute;
	top:0px;
	left:0px;
	width:990px;
	height:120px;

	background-image:url(../img/header_bg.jpg);
	z-index:4;
	/*color:#FFFFFF;*/
	color:#CCCCCC;
	background-color:#CCCCCC;
}


.header ul {
	top:90px;
	left:245px;
	height:30px;
	position:absolute;
	display:block;
}

.header li {
	display: block;
	float:left;
	border-right: 1px solid #FFFFFF;
	padding:5px;
	
}

.header #spanish, .header  #english {
	text-transform:uppercase;
	font-size: 10px;
	margin-top:3px;;
}

.header li:first-child {
	display: block;
	float:left;
	border-left: 1px solid #FFFFFF;
	
}


.header h1 {
	font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
	font-style:normal;
	
	font-size:18px;
	font-weight:normal;
	padding-top:30px;
	text-align:center;
}

.header h2 {
	font-family: HelveticaNeue, Helvetica, Arial, sans-serif;
	font-style:normal;
	
	font-size:16px;
	font-weight:bold;
	padding-top:7px;
	text-align:center;
}


#logo_unibanco {

	position:absolute;

	left:30px;

	top:20px;

}



#logo_itau {

	position:absolute;

	left:895px;

	top:30px;

	

}


a:link, a:visited {
	color: #520;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	}
