/* ZERA TUDO */
* {border:none;margin:0;list-style:none;padding:0;text-decoration:none}

/* DEFINE PADROES */
html {background:#eef3fa url(imgs/bg_princ.jpg) repeat-x top;}
body { font:100% Verdana, Helvetica, sans-serif }
p, li, th, td {font-size:100%;}
h1,h1 a,h1 a:hover,h1 a:visited{font-family:Arial, Helvetica, sans-serif;color:#777777;text-decoration:none;}
h2,h3,h2 a,h3 a,h2 a:hover,h3 a:hover,h2 a:visited, h3 a:visited{font-family:Arial, Helvetica, sans-serif;color:#bc181d;text-decoration:none;}
h1 {font-size:110%}
h2 {font-size:90%}
h3 {font-size:80%;padding:5px 0 5px 0;}
h4 {color:#484848;font-family:Arial, Helvetica, sans-serif;font-size:80%}
a {color:#787878;text-decoration:none}
a:hover {color:#383838}
a:active{color:#9F9F9F}
a:visited {color: #9F9F9F}


/* LAYOUT PRINCIPAL */
	#geralhome {
	width:780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	}
#geral {width:780px;background-color:#fff; margin:0, auto; }
#cabecalho {
	background: #fff url(imgs/cabecalho_bg.jpg) repeat-x;
	height:120px;
	overflow:hidden;
	width:780px;
}
#rodape {background:#DDDDDD url(imgs/rodape_bg.gif) repeat-x;height:100px;clear:both}
/* FIM DE LAYOUT PRINCIPAL */


/* #CABECALHO */

/* barra caminho de migalhas */
#caminho,.mapadosite,#ingles {color:#EFCFC4;font-size:65%;float:left;height:21px;line-height:20px}
#caminho {width:630px;padding:0 20px}
#caminho a,#cabecalho p a {color:#EFCFC4;}
#caminho a:hover{color:#fff;}
#caminho a:visited,#cabecalho p a:visited{color:#EFCFC4;}
.mapadosite {background:url(imgs/icon_mapadosite.gif) no-repeat center left;padding:0 15px;}		
#ingles {background:url(imgs/icon_flaguk.gif) no-repeat center left;padding:0 0 0 24px}
#brasil {background:url(imgs/icon_flagbr.gif) no-repeat center left;padding:0 0 0 24px}
/* fim barra caminho de migalhas */

/* barra logomarca e busca */
#cabecalho .animacaohome {float:left;width:486px;height:100px;overflow:hidden} 
#cabecalho h1,#cabecalho h1 a {background:url(imgs/cabecalho_logoccb.gif) no-repeat left center;height:100px;width:205px;float:left;overflow:hidden;text-indent:-5000px}
#cabecalho h2 {display:none}
#cabecalho form {float:right;padding:40px 20px 0 0;height:99px;width:196px;vertical-align:middle}
#cabecalho label {display:none}
#cabecalho #termobusca {font-size:70%;padding:2px 3px;width:120px;border:1px solid #999999}
#btbusca {vertical-align:middle;}

/* imagem destaque/titulo de cada secao */
#cabecalho #home {background:url(imgs/cabecalho_bg_home.jpg) no-repeat right top;float:right;height:100px;width:290px} 

#cabecalho #hist {background:url(imgs/cabecalho_bg_hist.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #mis {background:url(imgs/cabecalho_bg_mis.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #prem {background:url(imgs/cabecalho_bg_prem.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #dif {background:url(imgs/cabecalho_bg_dif.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #resp {background:url(imgs/cabecalho_bg_resp.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #grup {background:url(imgs/cabecalho_bg_grup.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #parc {background:url(imgs/cabecalho_bg_parc.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #vidinst {background:url(imgs/cabecalho_bg_vidinst.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #trabalheconosco {background:url(imgs/cabecalho_bg_trabalhecon.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #esp20anos {background:url(imgs/cabecalho_bg_esp20anos.jpg) no-repeat right top;float:right;height:100px;width:560px} 

#cabecalho #lanc {background:url(imgs/cabecalho_bg_lanc.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #pront {background:url(imgs/cabecalho_bg_pront.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #constr {background:url(imgs/cabecalho_bg_constr.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #portfolio {background:url(imgs/cabecalho_bg_portfolio.jpg) no-repeat right top;float:right;height:100px;width:560px} 

#cabecalho #cbnews {background:url(imgs/cabecalho_bg_cbnews.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #even {background:url(imgs/cabecalho_bg_even.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #notset {background:url(imgs/cabecalho_bg_notset.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #jorn {background:url(imgs/cabecalho_bg_jorn.jpg) no-repeat right top;float:right;height:100px;width:560px} 

#cabecalho #jei {background:url(imgs/cabecalho_bg_jei.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #ps37 {background:url(imgs/cabecalho_bg.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #videos {background:url(imgs/cabecalho_bg_videos.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #tpub {background:url(imgs/cabecalho_bg_tpub.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #opi {background:url(imgs/cabecalho_bg_opi.jpg) no-repeat right top;float:right;height:100px;width:560px} 

#cabecalho #dic {background:url(imgs/cabecalho_bg_dic.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #circ {background:url(imgs/cabecalho_bg_circ.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #man {background:url(imgs/cabecalho_bg_man.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #depcl {background:url(imgs/cabecalho_bg_depcl.jpg) no-repeat right top;float:right;height:100px;width:560px} 

#cabecalho #apresent {background:url(imgs/cabecalho_bg_apresent.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #acad {background:url(imgs/cabecalho_bg_acad.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #ferram {background:url(imgs/cabecalho_bg_ferram.jpg) no-repeat right top;float:right;height:100px;width:560px} 

#cabecalho #faleconosco {background:url(imgs/cabecalho_bg_falecon.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #resultadobusca {background:url(imgs/cabecalho_bg_busca.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #mapsite {background:url(imgs/cabecalho_bg_mapadosite.jpg) no-repeat right top;float:right;height:100px;width:560px} 
#cabecalho #enqinic {background:url(imgs/cabecalho_bg_enqinic.jpg) no-repeat right top;float:right;height:100px;width:560px} 


/* fim barra logomarca e busca */
	
	
/* FIM DE CABECALHO */



/* #MENU PRINCIPAL */
#menuprincipal {background:#E7E7E7 url(imgs/bg_menuprincipal.jpg);display:block;float:left;height:28px;position:relative;width:780px;z-index:4;}
#menuprincipal ul {width:780px}
#menuprincipal a {display:block}
#menuprincipal li {float:left;height:1%;list-style:none}
#menuprincipal li ul {position:absolute;visibility:hidden}
#menuprincipal li ul li {display:inline;/* o inline é pro IE  */;float:none;white-space:nowrap}
#menuprincipal li ul li ul {left:100%;position:absolute;top:0}
#menuprincipal li:hover ul, #menuprincipal li.over ul, #menuprincipal ul ul li:hover ul, #menuprincipal ul ul li.over ul {visibility:visible}
#menuprincipal li:hover ul ul, #menuprincipal li.over ul ul {visibility:hidden}
#menuprincipal a {border:1px solid #fff;border-width:1px 1px 0 0;color:#787878;font: 67% Arial, Helvetica, sans-serif;font-weight:bolder;padding:6px 14px 7px 15px;text-decoration:none}
#menuprincipal a:hover {background:#838383;color:#fff}
#menuprincipal ul li ul {background:#E7E7E7;width:160px}
#menuprincipal .menuultimo {border-width:1px 0 0 0;width:89px}
#menuprincipal .destacasecao {background:#838383;color:#fff;cursor:default}
/* FIM DE MENU PRINCIPAL */


/* CONTEUDO  */
	
/* veja tambem */
#vejatambem {background:#e4e4e4 url(imgs/vejatambem_bg.gif) no-repeat top left;float:left;height:110px;width:780px; overflow:hidden;clear:both;}
#vejatambem h2 {font-size:75%;float:left;height:110px;padding:40px 0 0 25px;text-transform:uppercase;width:80px}
.chamadavejatambem {float:left;height:110px;padding:20px 0 0 50px;width:235px}
.chamadavejatambem h3{font-size:75%}
.chamadavejatambem p {font-size:65%}
.chamadavejatambem h3{padding-bottom:4px}
/* fim veja tambem */

/* FIM DE CONTEUDO  */



/* RODAPE */
#rodape #rodapeccb {float:left;height:84px;text-indent:-5000px;overflow:hidden;width:319px}
#rodape #rodapecactal {background: url(imgs/rodape_bg_cactal.gif) no-repeat right top;float:right;height:84px;text-indent:-5000px;overflow:hidden;width:49px}
#rodape .top {  width:41px; height:41px; margin:0; padding:0; right:10px; bottom:10px; position:fixed; z-index:5}
#rodape .top a { width:41px; height:41px; display:block; overflow:hidden; text-indent:-200px; background:url(imgs/topo.gif) no-repeat; }
* HTML #rodape .top { display:none; }
#endereco {color:#a2a1a1; font-size:10px; font-style:normal; font-family:arial, "Trebuchet MS"}
#titulo {font-size:11px; color:#a2a1a1; font-family:arial, "Trebuchet MS"; font-style:normal; float:left;}
#titulo-preto {font-size:11px; color:#333; font-family:arial, "Trebuchet MS"; font-style:normal; float:left;}
/* FIM DE RODAPE */


/* CLASSES GERAL */
.descricaonv {display:none}
.vermais {background:url(imgs/icon_vermais.gif) no-repeat right center;font: 95% Verdana, Helvetica, sans-serif;font-weight:bold;line-height:23px;margin-top:5px;padding-right:16px;}
.msgpositiva, .msgnegativa {font-size:75%;display:block;font-weight:bold;height:38px;vertical-align:middle;margin-bottom:25px;padding:9px 10px 0px 45px}
.msgpositiva {background:url(imgs/icon_msgpositiva.gif) no-repeat 7px 9px; border: 1px solid #36a52a}
.msgnegativa {background:url(imgs/icon_msgnegativa.gif) no-repeat 7px 9px; border: 1px solid #cf1a21}
.external {font-weight:bold;}
.popup {font-weight:bold;background :transparent url(pop.gif) no-repeat right center;padding-right:12px;}

