@charset "utf-8";
/* CSS Document */

#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:602px;
	height:245px;
	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;
}

#prioridades{
	position: absolute;
	width:196px;
	height:215px;
	top:-253px;
	left:597px;
	background-image: url(../img/sidebox_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	color:#000000;
	
}
#prioridades h1{
width:150px;
position:absolute;
top:20px;
left:20px;
}
#prioridades ul{
position:absolute;
width:155px;
font-size:10px;
top:60px;
left:35px;
*left:25px;

}
#prioridades li{
list-style:outside;
list-style-type:disc;
*margin-bottom:15px;
*margin-left:15px;
*padding-left:0px;
}
/*----end panorama---*/


.introduction {
	position: absolute;
	left:648px;
	top:146px;
	color:#593870;
	font-size:12px;
	line-height:16px;
}

.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;
}


.toc {
	position: absolute;
	width:674px;
	height:305px;
	left:-27px;
	top:120px;
	background-image:url(../img/intro_bg.png);
	font-size:12px;
	line-height:15px;
	color:#805B9B;
}

.toc h1 {
	margin-top:139px;
	margin-right:308px;
}

.toc p, .toc li, .toc h1 {
	margin-left:58px;
	margin-right:308px;
}

.toc li {
	list-style-type:disc;
	margin-left:73px;
}

.toc strong {
	font-weight:bold;
}




.stats {
	position: absolute;
	width:169px;
	height:376px;
	left:630px;
	top:504px;
	background-image:url(../img/stat_bg.png);
	background-repeat:no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#7D806C;
	line-height:12px;
	
}

.stats h1 {
	margin-top:20px;
	font-size:20px;
	line-height:28px;
	display:block;
	margin-left:20px;
	margin-right:20px;
}

.stats p {
	display:block;
	margin-left:20px;
	margin-right:20px;
}


.main p {
	display:block;
	margin-top:10px;
	margin-bottom:5px;
	padding-left:30px;
}

.main {
	position:absolute;
	top:400px;
	left:0px;
	width:580px;
	margin-right:25px;
	/*margin-left:25px;*/
	color:#647882;
	font-size:12px;
	line-height:13px;
	
}

.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;
}

.main .estr_govern {
	position:absolute;
	top:830px;
	left:0px;
}

.main img {
	float:left;
	margin-right:8px;
	margin-top:10px;
	margin-bottom:10px;
}



.soc_council {
	position:absolute;
	top:1800px;
	left:25px;

}

.exec_comitee_itco {
	position:absolute;
	top:1900px;
	left:25px;

}

.exec_comitee_itbba {
	position:absolute;
	top:2000px;
	left:25px;
}

.recognition {
	position:absolute;
	top:2400px;
	left:25px;
}

.best_pract {
	position:absolute;
	top:2800px;
	left:25px;
}

.best_pract_itco {
	position:absolute;
	top:3200px;
	left:25px;
}

.cons_adm {
	position:absolute;
	top:3600px;
	left:25px;

}

.comite_exec {
	position:absolute;
	top:4000px;
	left:25px;
}

.comite_audit {
	position:absolute;
	top:4400px;
	left:25px;
}

.outros_comites {
	position:absolute;
	top:4800px;
	left:25px;
}

.pratica_gestao {
	position:absolute;
	top:5200px;
	left:25px;
}

.gestao_crise {
	position:absolute;
	top:5600px;
	left:25px;
}

.gestao_risco {
	position:absolute;
	top:6000px;
	left:25px;
}

.var_bco {
	position:absolute;
	top:6400px;
	left:25px;

}

.proj_princ_equador {
	position:absolute;
	top:6800px;
	left:25px;
}

.princ_equador {
	position:absolute;
	top:7200px;
	left:25px;
}

.aval_risco_socamb {
	position:absolute;
	top:7600px;
	left:25px;
}

.financ_risco_socamb {
	position:absolute;
	top:8000px;
	left:25px;
}

.obs_categ {
	position:absolute;
	top:8400px;
	left:25px;
}

.gestao_etica {
	position:absolute;
	top:8800px;
	left:25px;
}

.orgaos_col_int {
	position:absolute;
	top:9200px;
	left:25px;
}

body {
	background-color:#e8e9e5;
}


#unibco_graph01, #itau_graph02, #itco_graph03 {
	cursor:pointer;
}

#unibco_graph01_full {
	cursor:pointer;
	position:absolute;
	left:200px;
	top:400px;
	width:290px;
	height:367px;
	background-image:url(../img/unibco_graph01_full.png);
	background-repeat:no-repeat;
	z-index:30;
	visibility:hidden;
}

#itau_graph02_full {
	cursor:pointer;
	position:absolute;
	left:200px;
	top:400px;
	width:320px;
	height:367px;
	background-image:url(../img/itau_graph02_full.png);
	background-repeat:no-repeat;
	z-index:30;
	visibility:hidden;
}

#itco_graph03_full {
	cursor:pointer;
	position:absolute;
	left:100px;
	top:400px;
	width:628px;
	height:547px;
	background-image:url(../img/itco_graph03_full.png);
	background-repeat:no-repeat;
	z-index:30;
	visibility:hidden;

	
}
.grayscreen {

	position:absolute;

	left:0px;

	top:0px;

	width:990px;

	background-image:url(../../img/grayscreen.png);
	background-repeat:repeat-y;

	visibility:hidden;

	z-index:9;

}


.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;



}

.aligned {
	margin-left:-20px;
}