@charset "utf-8";
/* CSS Document */
@import 'reset.css';	/* Zera valores igualando os navegadores */


<!--

body { 
    margin:0;
	height:100%;
	padding:0;
	background-image:url(../Imagens/AreaAberta/bg_ceu_2.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#geral {
	margin:auto;
	display:block;
	width:795px;
	clear:both;
	} 
/*--------- Titulos: importante colocar todas as variações de titulos nas tags corretas h1, h2, h3, para aplicação de SEO ---------*/

h1 {
	font-family:Verdana, Genebra, sans-serif;
	font-style:italic;
	font-size:23px;
	letter-spacing: 1.2pt;
	word-spacing: -0.2pt;
	color:#6691a7;
}

h2 {
	font:bold 16px/20px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	color:#666666;
}

h3 {
	font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	color:#666666;
}


/*--------- Textos: colocar todos os textos dentro da tag <p> abaixo segue as variações de cores ---------*/

p {
	font:11px verdana,sans-serif;
	letter-spacing:0.1pt;
	line-height: 1.4;
	color:#666666;
	margin-top:7px;
}

.bold {
	font-weight:bold;
}

p a {
	font-family:11px verdana,sans-serif;
	letter-spacing:0.1pt;
	line-height: 1.4;
	color:#6691a7;
	text-decoration:none;
	margin-top:7px;
}

p a:hover {
	color:#999999;
	text-decoration:none;
}

.branco {
	color:#FFF;
}

.branco a {
	color:#FFF;
	text-decoration:none;
}

.branco a:hover {
	color:#6691a7;
	text-decoration:none;
}

.azul {
	color:#6691a7;
	text-decoration:none;
	font-family:Verdana, Sans-Serif;
}

.azul a {
	color:#6691a7;
	text-decoration:none;
	font-family:Verdana, Sans-Serif;	
}

.azul a:hover {
	color:#999999;
	text-decoration:none;
}

/* -- destaques -- */

.citacao {
	font:italic bold 14px Georgia, "Times New Roman", Times, serif;
	color:#757575;
	letter-spacing: 0.4pt;
	word-spacing: -0.1pt;
	line-height: 1.3;
	padding: 15px 0px 20px 25px; 
	text-align: justify;
}
.citacao p {
	font-size: 11px;
}

.destaque {
	font:12px verdana,sans-serif;
	letter-spacing:0.3pt;
	word-spacing:-0.7pt;
	line-height:1.4;
	color:#757575;
	margin:0px 0px 10px 0px;
	text-align: justify;
}

.cxDestaque{
	letter-spacing:0.3pt;
	word-spacing:-0.7pt;
	line-height:1.4;
	text-align: justify;	
	width: 205px; 
	height: 121px; 
	background:url(../Imagens/AreaAberta/bg_setor_publico.jpg) no-repeat;
    float: left; 
    font: 13px verdana,sans-serif; 
    color: #6691a7; 
    padding:30px 0px 0px 17px; 
    margin:5px 0px 0px 30px;
    display: inline;
}

.fundoDestaque{
	width: 187px; 
	height: 477px;
	background: url(../Imagens/AreaAberta/bg_coluna_empresa.jpg) repeat-x;
    float: left; 
    margin-left: 25px; 
    padding: 10px 18px 0px 18px;
    font-family: verdana,sans-serif;
}

.fundoDestaque p{
	margin-bottom:20px;
}

.simplesDestaque{
	width: 120px;
	margin-left: 15px; 
	float: left; 
	text-align:left;
}	

/* -- -- */
	
.autor {
	font:italic bold 11px Georgia, "Times New Roman", Times, serif;
	color:#757575;
	letter-spacing: 0.4pt;
	word-spacing: -0.1pt;
	line-height: 1.3;
	}
	
.release {
	font-family:verdana,sans-serif;
	font-size:11px;
	letter-spacing: 0.1pt;
	line-height: 1.4;
	color:#FFF;
	text-decoration:none;
	margin-top:7px;
}

.release a {
	color:#FFF;
	text-decoration:none;
}

.release a:hover {
	color:#CC9933;
	text-decoration:none;
}

.release:hover {
	color:#CC9933;
	text-decoration:none;
}

.noticia {
	font:bold 14px/20px Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:6px;
	color:#666666;
}

.chamada {
	font:11px verdana,sans-serif;
	letter-spacing: 0.1pt;
	line-height: 1.4;
	color:#666666;
}

.chamada a {
	text-decoration:none;
	color:#666666;
}

.chamada a:hover {
	text-decoration:none;
	color:#6691a7;
}	

.saibamais {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#6691a7;
	line-height:20px;
}

.saibamais span{
	margin-left: 15px;
}

.saibamais a {
	color:#6691a7;
	text-decoration:none;
	background:url(../Imagens/AreaAberta/icone_saiba_mais.png) left top no-repeat;
}

.saibamais a:hover {
	color:#999999;
	text-decoration:none;
	background:url(../Imagens/AreaAberta/icone_saiba_mais2.png) left top no-repeat;
}

.saibamais2 {
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#6691a7;
	line-height:20px;
}

.saibamais2 span{
	margin-left: 15px;
}

.saibamais2 a {
	color:#FF6;
	text-decoration:none;
	background:url(../Imagens/AreaAberta/icone_saiba_mais.png) left top no-repeat;
}

.saibamais2 a:hover {
	color:#FF6;
	text-decoration:underline;
	background:url(../Imagens/AreaAberta/icone_saiba_mais2.png) left top no-repeat;
}


/*--------- Contem o logo, os menus de contato e sala de imprensa e banner ---------*/

#cabecalho_home {
	width:795px;
	height:530px;
	margin:0px;
}

#cabecalho_interno {
	width:795px;
	height:334px;
	margin:0px;
}

.topo {
	width:795px;
	height:45px;
	margin:0px;
	padding-top:20px;
}

.logo {
	width:183px;
	height:31px;
	float:left;
	display:inline;
}

.botao_home {
	width:24px;
	height:15px;
	margin:14px 0 0 10px;
	float:left;
}

#cabecalho_home {
	width:795px;
	height:auto;
}

#cabecalho_interno {
	width:795px;
	height:auto;
}

/*---------banner ---------*/

.banner_home {
	width:795px;
	height:450px;
	padding:0px;
	display:inline;
}

.banner_interno {
	width:795px;
	height:226px;
	display:inline;
	padding:0px;	
}

/*----- Conteudo--*/

.center_top {
	width:795px;
	height:13px;
	background-image:url(../Imagens/AreaAberta/barra_topo_conteudo.png);
	margin-top:12px;
	}

#center {
	width:795px;
	float:left;
	display:inline;
	background-color:#FFFFFF;
	min-height:500px;
}

.center_bottom {
	width:795px;
	height:13px;
	background-image:url(../Imagens/AreaAberta/barra_bottom_conteudo.png);
}

.conteudo {
	width:725px;
	margin:25px 0px 5px 30px;
	background-color:#FFF;
	display:block;
}

.col_esq {
	width:475px;
	background-color:#FFF;
	float:left;
}

.col_dir {
	width:200px;
	background-color:#FFF;
	margin-left:20px;
	float:left;
}

.titulo_pg {
	width:680px;
	height:auto;
	margin:0px 0px 25px 25px;
	border-bottom:#98b2bf 1px solid;
}

hr {
	color:#FFFFFF;
	opacity: 0.2;
}

.sub_col_esq {
	width:203px;
	float:left;
	padding-bottom:18px;
}

.sub_col_dir {
	width:180px;
	margin-left:25px;
	float:left;
}

.botoes {
	width:160px;
	height:71px;
	margin:10px 0px 0px 5px;
}

.seta {
	background:url(../Imagens/AreaAberta/seta.jpg) left top no-repeat;
	line-height:20px;
}

img.botao {
	width:100%;
}

a img.botao  {
	width:100%;
}

a:hover img.botao  {
	opacity:0.65;
	-moz-opacity: 0.65;
	filter: alpha(opacity=65);
}	
	
img.botao-ie {filter: alpha(opacity=65);}
	

/*---------rodape---------*/

#rodape{
	width:755px;
	height:40px;
	margin:0 auto;
	float:left;
	padding:30px 0px 0px 35px;
}

#rodape span { position:absolute; left:5px; top:5px; }	

#rodape ul li{
	list-style:none;
	display:inline;
	float:left;
	margin-left:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;
}

#rodape ul li a{
	text-decoration:none; 
	color: #686868; 
}

#rodape ul li a:hover{
	float:left; 
	text-decoration:none; 
	color:#6691a7;
	text-align:center;
}

/*--------- classe ".clear" para as divs acompanharem o conteúdo sempre ---------*/

.clear { display: inline-block; }   
.clear:after{
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clear { display: block; }

html{
	height:100%;
	margin:0;
	background-image:url(../Imagens/AreaAberta/bg_fundo.jpg);
	background-repeat:repeat-x;
}