@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#333333;
	background-color:#E3E3E3;
}
sup,
sub {
	height: 0;
	line-height: 1;
	font-size:9px;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

#page-wrapper{
width:960px;
position:relative;
margin-top:0px;
margin-left:auto;
margin-right:auto;
z-index:15;
}

a{
text-decoration:none;
color:none;
}


h2{
font-weight:bold;
font-size:22px;
}

.smaller{
font-size:16px;
}

h3{
font-weight:bold;
font-size:18px;
}

h4{
font-weight:bold;
font-size:16px;
}

#header{
position:relative;
border-bottom:solid 1px #333333;
height:160px;
z-index:15;
}

#logo{
margin-top:50px;
margin-left:10px;}

#slogan{
position:absolute;
left:320px;
top:67px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#a4a486;
}

/***linhas guia***/
.guide-h1{
	width:100%; height:1px;
	background:#000;
	position:absolute;
	left:0; top:160px;
	z-index:10;
}
.guide-h2{
	width:100%; height:1px;
	background:#000;
	position:absolute;
	left:0; top:435px;
	z-index:10;
}
.guide-h3{
	width:100%; height:1px;
	background:#000;
	position:absolute;
	left:0; top:711px;
	z-index:0;
}
.guide-h4{
	width:100%; height:1px;
	background:#000;
	position:absolute;
	left:0; top:732px;
	z-index:0;
}
.guide-h5{
	width:100%; height:1px;
	background:#000;
	position:absolute;
	left:0; top:970px;
	z-index:10;
}
.guide-h6{
	width:100%; height:1px;
	background:#000;
	position:absolute;
	left:0; top:274px;
	z-index:11;
}
.guide-v1{
	width:1px; height:970px;
	background:#000;
	position:absolute;
	left:0; top:0;
	z-index:10;
}
.guide-v2{
	width:1px; height:550px;
	background:#969675;
	position:absolute;
	left:0; top:0;
	z-index:11;
}
.guide-v3{
	width:1px; height:550px;
	background:#969675;
	position:absolute;
	left:320px; top:0;
	z-index:11;
}
.guide-v4{
	width:1px; height:550px;
	background:#969675;
	position:absolute;
	left:640px; top:0;
	z-index:11;
}
.guide-v5{
	width:1px; height:550px;
	background:#969675;
	position:absolute;
	left:960px; top:161px;
	z-index:11;
}



/***menu***/
#nav{
position:absolute;
left:320px;
top:120px;
z-index:9997;
}

#nav, #nav ul {
	padding: 0;
	/*margin: 0;*/
}

#nav a {
	display: block;
	/*width: 10em;*/
	color:#FFFFFF;
}

#nav li {
	float: left;
	/*width: 10em;*/

}

#nav li a{
	position:relative;

}

#nav li ul {
	position: absolute;
	width: 250px;
	left: -999em;
	z-index:9998;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li.sfhover ul{
left:0px;
}

.sub-menu{
background-color:#929395;
background-image:url(img/bg-li.gif);
background-repeat:repeat-y;
width:250px;
z-index:9999;
}
.sub-menu li, .sub-menu li a{
width:250px;
text-transform:uppercase;
}

#nav li:hover ul li:hover, #nav li.sfhover ul li:hover,
#nav li ul li:hover, #nav li.sfhover ul li:hover,
.sub-menu li:hover
{
background-color:#ea0380;
background-image:url(img/bg-li-hover.gif);
background-repeat:repeat-y;
}


/***formataçao de cada botao***/

.capitulos{
width:138px;
height:20px;
background-image:url(img/li-sprite.gif);
background-position:0px 0px;
z-index:20;

/*text-indent:-9999px;*/
}

.capitulos ul{
width:250px;
z-index:20;
}
.capitulos a{
width:137px;
height:20px;
text-indent:-9999px;

}
.capitulos ul li a{
text-indent:0px;
margin-top:7px;
padding-left:10px;
}

.mensagem{
margin-left:-8px;
width:85px;
height:20px;
background-image:url(img/li-sprite.gif);
background-position:-138px 0px;

/*text-indent:-9999px;*/
}
.mensagem a{
width:85px;
height:20px;
text-indent:-9999px;
display:block;
}

.pontos{
margin-left:-10px;
width:122px;
height:20px;
background-image:url(img/li-sprite.gif);
background-position:-221px 0px;
/*text-indent:-9999px;*/
}
.pontos a{
width:127px;
height:20px;
text-indent:-9999px;
margin-top:auto;
margin-bottom:auto;
}
.demonstracoes{
margin-left:-8px;
width:185px;
height:20px;
background-image:url(img/li-sprite.gif);
background-position:-343px 0px;
/*text-indent:-9999px;*/
}
.demonstracoes a{
width:187px;
height:20px;
text-indent:-9999px;
margin-top:auto;
margin-bottom:auto;
}

.idioma{
	margin-left:-8px;
	width:72px;
	height:20px;
	background-image:url(img/li-sprite.gif);
	background-position:-528px 0px;

/*text-indent:-9999px;*/
}
.idioma a{
width:72px;
height:20px;
text-indent:-9999px;
margin-top:auto;
margin-bottom:auto;
}

.pdf{
	margin-left:-8px;
	width:46px;
	height:20px;
	background-image:url(img/li-sprite.gif);
	background-position:-600px 0px;

/*text-indent:-9999px;*/
}
.pdf a{
width:46px;
height:20px;
text-indent:-9999px;
margin-top:auto;
margin-bottom:auto;
}

/***JS HOVER****/

#nav li a .hover {  
    background:url(img/li-sprite.gif) no-repeat;  
    display: block;  
    opacity: 1;
	position:absolute;  
    top: 0;  
    left: 0;  
    height: 100%;  
    width: 100%;
	cursor:pointer;

    }  

#nav .capitulos a .hover{
background-image:url(img/li-sprite.gif);
background-position:0px -21px;
}

#nav .mensagem  a .hover{
width:83px;
height:20px;
background-image:url(img/li-sprite.gif);
background-position:-138px -21px;
}

#nav .pontos a .hover{
width:120px;
height:20px;
background-image:url(img/li-sprite.gif);
background-position:-221px -21px;
}

#nav .demonstracoes a .hover{
width:183px;
height:20px;
background-image:url(img/li-sprite.gif);
background-position:-343px -21px;
}

#nav .idioma a .hover{
background-image:url(img/li-sprite.gif);
background-position:-528px -21px;
}

#nav .pdf a .hover{
background-image:url(img/li-sprite.gif);
background-position:-600px -21px;
}
/**********/

/******END Header********/

#content{
	position:relative;
	width:960px;
	height:550px;
	/*overflow:hidden;*/
	background-color:#e9e7d1;
	z-index:2;
}


/******copiado do css relativo ao javascript de paginate feito por mim anteiormente******************/
p{
	font-size:11px;
	line-height:14px;
	margin-bottom:11px;
}

#texto ul{
}

#texto ul li{
	list-style-type:disc;
	list-style-position:inside;
	font-size:11px;
	line-height:14px;
	margin-bottom:11px;
}

#imagem{
float:left;
width:317px;
height:550px;
overflow:hidden;
}

#destaque{
	float:left;
	width:643px;
	height:550px;
	background-color:#FF6600;
	/*background-image:url(img/bg-img-test.jpg);*/
overflow:hidden;
}


#chamada{
float:right;
width:317px;
height:550px;
background-color:#e9e7d1;
overflow:hidden;
}

#imagem h2, #chamada h2{
min-width:270px;
background-image:url(img/bg-h2.png);
background-position:right;
background-repeat:no-repeat;
margin-top:12px;
margin-left:0px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
color:#FFFFFF;
}

#imagem ul{
margin-top:5px;
}

#imagem ul li{
text-transform:uppercase;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
padding:5px;
padding-left:0px;

}

#imagem ul li a{
color:#e2007a;
padding:5px;
padding-left:15px;
display:inline-block;
line-height:18px;
}
.active{
color:#FFFFFF;
}
#imagem ul li a:hover, #imagem ul li a:focus{
color:#FFFFFF;
background-color:#e2007a;
}

#texto{
position:relative;
float:right;
width:640px;
height:550px;
overflow:hidden;
}

.pagina{
position:absolute;
width:640px;
height:550px;
/*border:solid 1px #333333;*/
padding:0px;
}

.pagina h2{
display:block;
overflow:visible;
color:#e2007a;
font-size:14px;
font-weight:bold;
/*clear:both;*/
margin:0;
margin-top:14px;
padding:11px;
padding-right:34px;
padding-left:0px;
margin-bottom:6px;

}

.pagina h2 span{
padding:11px;
padding-left:22px;
padding-right:34px;
background-color:#FFFFFF;
background-image:url(img/bg-h2.gif);
background-position:right;
background-repeat:no-repeat;
display:inline-block;
height:16px;
}

.lessh2{
*margin-top:4px;
}

.lesspage{
*margin-top:-15px;
}

.coluna1, .coluna2{
float:left;
width:280px;

padding:17px;
overflow:hidden;

}

.lessmargin{
*padding-top:8px;
*margin-top:-13px;
}

.coluna1{
border-right:solid 1px #666666;
}

.forcesize{
height:467px;
}

.dupla{
float:left;
/*width:560px;
height:467px;*/
padding:17px;
overflow:hidden;

}
#timeline{
float:left;
width:600px;
height:340px;
overflow:scroll;
overflow-y: hidden; 
}

#navegacao{
position:absolute;
top:534px;
left:0px;
width:640px;
height:17px;
background-color:#bdbdac;
text-align:right;
color:#FFFFFF;
font-weight:bold;
padding-top:0px;
z-index:200;

}
#navegacao a{
color:#FFFFFF;
text-decoration:none;
text-transform:uppercase;
margin-right:3px;
margin-left:3px;
}
#navegacao ul{
	display:inline;
	float:right;
	margin-right:0px;
	margin-left:7px;
	padding-top:0px;
	margin-bottom:0px;
	background-color:#E2007A;
}
#navegacao ul li{
float:left;
padding:3px;
list-style-type:none;
list-style:none;
font-size:9px;
margin-top:-1px;
}
#navegacao ul li:first-child{
background-repeat:no-repeat;
background-position:left;
padding-left:5px;
}
#navegacao ul li:last-child{
background-repeat:no-repeat;
background-position:right;
padding-right:5px;
}

#slider{
position:absolute;
left:0px;
}

.grey-box{
padding:14px;
padding-top:24px;
float:left;
width:290px;
}
.grey-box p{
color:#FFFFFF;
font-size:12px;
}
.grey-box ul li{
margin-bottom:14px;
}
.grey-box ul li a{
font-size:18px;
font-weight:bold;
color:#E2007A;
}

#chamada p{
margin-top:17px;
padding:17px;
color:#E2007A;
}

.transparent {
/*background-image:url(img/transparent.png);
_background-image:url(img/transparent.gif);*/
}

.perfil{
background-image:url(img/abre-perfil.jpg);
}

.sub-perfil{
background-image:url(img/bg-perfil.jpg);
}

.governanca{
background-image:url(img/abre-governanca.jpg);
}

.sub-governanca{
background-image:url(img/bg-governanca.jpg);
}

.estrategia{
background-image:url(img/abre-estrategia.jpg);
}

.sub-estrategia{
background-image:url(img/bg-estrategia.jpg);
}

.resultados{
background-image:url(img/abre-resultados.jpg);
}

.sub-resultados{
background-image:url(img/bg-resultados.jpg);
}

.desempenho{
background-image:url(img/abre-desemp_eco.jpg);
}

.sub-desempenho{
background-image:url(img/bg-desemp_eco.jpg);
}

.presidente{
background-image:url(img/presidente.jpg);
}

.sub-corporativa{
background-image:url(img/bg-info-corp.jpg);
}

.imagem{
float:left;
}
.legenda {
float:left;
padding:10px;
width:130px;
display:inline;
}

/****simple overlay*******/
.simple_overlay { 
	position:absolute;

    /* must be initially hidden */ 
    display:none; 
     
    /* place overlay on top of other elements */ 
    z-index:10000; 
     
    /* styling */ 
    background-color:#E9E7D1; 
     
    min-height:200px; 
    border:1px solid #666; 
     
    /* CSS3 styling for latest browsers */ 
    -moz-box-shadow:0 0 60px 5px #000; 
    -webkit-box-shadow: 0 0 60px #000;     
} 
 
/* close button positioned on upper right corner */ 
.simple_overlay .close { 
    background-image:url(./img/overlay/close.png); 
    position:absolute; 
    right:-15px; 
    top:-15px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}
.finger{
cursor:pointer;
}


/****home*******/
div.home-box {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FDF5BE none repeat scroll 0 0;
color:#000000;
float:left;
height:275px;
position:relative;
width:320px;
}

div.home-box a{
	display:block;
	width:100%;	height:100%;
	position:absolute;
	top:0; left:0;
	z-index:50;
	color:#000;
}

.home-box-img{
	position:absolute;
	bottom:0; left:0;
}

div.home-brasil{
	background:#9DC7C9;
}

div.home-mapa{
	background:#E6E3CA url(img/brasil_map.gif) center no-repeat;
}
	div.home-mapa div a{
		display:block;
		width:100%;	height:100%;
	}
	
	div#home-mapa-acre{
		position:absolute;
		width:50px; height:40px;
		left:44px; top:93px;
		cursor:pointer;
	}
	div#home-mapa-acre:focus, div#home-mapa-acre:hover{
		background:url(img/ac.png) center no-repeat;
	}
	div#home-mapa-roraima{
		position:absolute;
		width:40px; height:45px;
		left:96px; top:26px;
		cursor:pointer;
	}
	div#home-mapa-roraima:focus, div#home-mapa-roraima:hover{
		background:url(img/rr.png) center no-repeat;
	}
	div#home-mapa-paraiba{
		position:absolute;
		width:40px; height:20px;
		left:235px; top:92px;
		cursor:pointer;
	}
	div#home-mapa-paraiba:focus, div#home-mapa-paraiba:hover{
		background:url(img/pb.png) center no-repeat;
	}
	div#home-mapa-saopaulo{
		position:absolute;
		width:55px; height:45px;
		left:160px; top:162px;
		cursor:pointer;
	}
	div#home-mapa-saopaulo:focus, div#home-mapa-saopaulo:hover{
		background:url(img/sp.png) center no-repeat;
	}
	div#home-mapa-riograndedosul{
		position:absolute;
		width:50px; height:40px;
		left:137px; top:207px;
		cursor:pointer;
	}
	div#home-mapa-riograndedosul:focus, div#home-mapa-riograndedosul:hover{
		background:url(img/rs.png) center no-repeat;
	}

img.home-bandeira{
	left:10px; top:10px;
	position:relative;
}
	
div.home-bussola{
	background:#CAC58C url(img/bussola.jpg) center no-repeat;
}

div.home-box h1{
	font-size:20px;
	margin:20px 10px 5px 10px;
}

div.home-box p{
	margin:0 10px;
}

div.home-brasil h1{
	font-size:48px;
}
div.home-brasil span{
	font-size:14px;
	margin:15px 10px;
	display:block;
}
div.home-brasil p{
	font-size:22px;
	font-weight:bold;
	padding-bottom:10px;
}

/****footer*******/
div#pre-footer{
	width:100%; height:20px;
	display:block;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
}

div#footer{
	height:270px;
}

div.footer-box{
	width:180px; height:105px;
	float:left;
	background:url(img/footer.jpg);
	margin-top:10px;
}

div.footer-box div{
	margin:15px 30px;
}

div.footer-blue{
	background-position:0 0;
}

div.footer-blue div{
	margin:15px 10px;
}

div.footer-yellow{
	background-position:-180px 0;
}

div.footer-brown{
	background-position:-360px 0;
}

div.footer-green{
	background-position:-540px 0;
}

div.footer-purple{
	background-position:-720px 0;
	width:184px;
}

/***pontos***/
#pontos-mapa{
	width:640px; height:550px;
	position:relative;
	float:left;
	overflow:hidden;
}
	#mapa-hitarea{
		position:absolute;
		left:0; top:0;
		width:640px; height:550px;
	}
	#mapa-overlay{
		position:absolute;
		left:0; top:0;
		width:640px; height:550px;
	}
		#mapa-overlay-texto{
			width:325px; height:auto;
			background:#E6E3CA;
			position:absolute;
			left:0; bottom:0;
		}
	#mapa-img{
		position:absolute;
		left:0; top:0;
		width:640px; height:550px;
	}

#pontos-right-top{
	width:320px; height:275px;
	position:relative;
	float:left;
}
	#pontos-right-top h1{
		font-size:48px;
		margin:15px 10px;
	}
	#pontos-right-top span{
		font-size:14px;
		margin:15px 10px;
		display:block;
	}
	#pontos-right-top p{
		font-size:22px;
		font-weight:bold;
		margin:15px 10px;
	}

#pontos-right-bottom{
	width:320px; height:275px;
	position:relative;
	float:left;
	background:#CAC58C url(img/bussola.jpg) center no-repeat;
}
#pontos-right-brasil{
	width:320px; height:275px;
	position:relative;
	float:left;
	background:#E6E3CA url(img/brasil_map.gif) center no-repeat;
}
	#pontos-right-brasil div a{
		display:block;
		width:100%;	height:100%;
	}

.pontos-overlay-img, .pontos-overlay-texto{
	float:left;
	display:inline-block;
	margin-bottom:20px;
	padding-right:10px;
	position:relative;
}

/***desempenho***/
	
.desempenho-table{
	width:280px;
}
.evolucao-table{
width:500px;
}

.desempenho-table td, .evolucao-table td{
	padding:5px 0;
	text-align:center;
}

.desempenho-table th, .evolucao-table th{
	text-align:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:5px 0;
}

.desempenho-table td, .evolucao-table td{
	border:1px dashed #999;
}

.desempenho-table tr.desempenho-table-anos {
	padding-top:3px;
}

.desempenho-table tr.desempenho-table-anos td{
	border-left:none;
	border-right:none;
}

.desempenho-table tr.desempenho-table-mftache{
	background:#fff;
}

.desempenho-table tr.desempenho-table-mftache td{
	border-left:none;
	border-right:none;
}

.desempenho-dupla-table td{
	text-align:center;
}

.desempenho-dupla-table th{
	text-align:left;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

.desempenho-dupla-table .desempenho-dupla-table-consolidado td{
	border-left:none;
	border-right:none;
	border-top:none;
	border-bottom:1px solid #000
}

.desempenho-dupla-table td{
	border:1px dashed #999;
}

.desempenho-dupla-table tr.desempenho-dupla-table-anos {
	padding-top:3px;
}

.desempenho-dupla-table tr.desempenho-dupla-table-anos td{
	border-left:none;
	border-right:none;
}

.desempenho-dupla-table tr td:first-child{
	text-align:left;
}

#bussola-internas{
	position:absolute;
	bottom:10px; left:10px;
	width:300px; height:120px;
}
#bussola-internas #rosa-dos-ventos{
	position:absolute;
	bottom:0; left:0;
}

#bussola-internas-conteudo{
	background-color:#64A292;
	width:300px; height:120px;
	position:absolute;
	top:0; left:0;
	display:none;
	padding:2px;
}

#bussola-internas-conteudo img{
	float:left;
	width:70px;	height:120px;
	background:#fff;
	margin-right:5px;
}

#bussola-internas-conteudo span{
	display:block;
	color:#fff;
}

#bussola-internas-conteudo span.latlong{
	color:#e1007a;
	font-size:20px;
	margin-bottom:4px;
}

#bussola-internas-conteudo span.rosadosventos-cidade{
	font-weight:bold;
	font-size:20px;
}

/******/
.destaque{
	color:#e1007a;
	font-weight:bold;
}
.footer-box a{
color:#000000;}