/* === Body === */

html, body { height:99% }

body {  background:#9E978D; font:10px Arial, Helvetica, sans-serif; }

.float-esq { float:left; display:inline }
.float-dir { float:right }
.replacement { text-indent:-9999px; overflow:hidden }

/* === Geral === */

#main { width:100%; padding-top:16px; display:table; background:#e7e4df url(../images/bkg_body.png) repeat-x left top; }
#content-geral { width:942px; margin:0 auto 18px; overflow:hidden; position:relative }

/* === Topo - Logo === */

#header { width:941px; height:78px; }
#header h1 a { width:223px; height:57px; background:url(../images/img_logo.png) no-repeat left top; margin-left:10px }

/* === Topo - Formulario === */

#header form.form-busca, #header form.form-busca fieldset { width:173px; height:30px; padding-top:8px }
#header form.form-busca fieldset input { width:138px; height:15px; padding:2px 0 2px 4px; margin-right:4px; border:1px solid #cdcac3; font:10px Arial, Helvetica, sans-serif; color:#FFF; background:#e1ded9 }

/* === Conteudo === */

#content { float:left }

#col-esq { width:765px }
#col-esq-interna { width:598px; height:447px; background:url(../images/bkg_lateral_conteudo.gif) repeat-y right 5px; }

#col-dir { width:175px; text-align:right }
#col-dir-interna { width:341px; text-align:right }

/* === Conteudo - Lista-1 === */

ul.lista-1 { margin:0; padding:0 }
ul.lista-1 li { line-height:18px; text-align:left }
ul.lista-1 li a { color:#837D75; }

div.lista-1 ul { margin:0; padding:0 }
div.lista-1 ul li { line-height:18px; text-align:left }
div.lista-1 ul li a { color:#837D75; }

/* === Conteudo - atributo "A" === */

#col-esq-interna a, #col-dir-interna a { text-decoration:none }
#col-esq-interna a:hover, #col-dir-interna a:hover { text-decoration:underline }


/* === Conteudo - Coluna Esquerda === */

#col-esq div, #col-esq-interna div, #col-dir-interna div { float:left; display:inline }

#height-flash-destaques-analisar { height:275px; padding-bottom:10px }
#box-flash { width:416px; height:285px; }
#box-noticias { width:204px; margin:10px 0 10px 8px; }
#box-cotacoes { margin:10px 0 0 25px }
#box-destaques { width:142px }

/* === Conteudo - Coluna Esquerda - Noticias - Cotações === */

#box-noticias h3, #box-cotacoes h3 { margin-bottom:10px; text-align:left }
#box-noticias a#btn-rss { width:42px; height:12px; background:url(../images/btn_rss.gif) no-repeat left top }
#box-noticias p { float:left; width:100%; font:11px Arial, Helvetica, sans-serif; color:#837D75; line-height:17px; }
#box-noticias p.data { font-weight:bold; margin-top:3px }
#box-noticias p.titulo a { color:#837D75; }

/* === Conteudo - Coluna Esquerda - Destaques === */

#box-destaques { margin:0 0 0 15px }
#box-servicos { background:#e1dfda }
#box-destaques h3, #box-servicos h3 { margin-bottom:11px }

#box-destaques ul { margin:0; padding:0 }
#box-destaques ul li { line-height:18px; text-align:left }
#box-destaques ul li a { color:#837D75; }


/* === Conteudo - Coluna Esquerda - Banners === */

#box-banners { width:130px; background:#e0ded9 url(../images/img_banner_top.gif) no-repeat left top; padding-top:3px; border-left:1px solid #dbd8d3; border-right:1px solid #dbd8d3; margin-right:82px }
#box-banners a { float:left; display:inline }
#box-banners a#img-novomercado { margin:0 23px 0 7px }
#box-banners #bot-banners { margin-top:2px }

#col-dir-interna #box-banners { margin:10px 0 0 0 }

/* === Conteudo - Coluna Esquerda - Serviços === */

#box-servicos { margin-right:35px }
#box-servicos a { padding-left:16px }
#box-servicos a#li-servicos1 { background:url(../images/ico_calendar.gif) no-repeat left top }
#box-servicos a#li-servicos2 { background:url(../images/ico_resultados.gif) no-repeat left top }
#box-servicos a#li-servicos3 { background:url(../images/ico_downloads.gif) no-repeat left top }
#box-servicos a#li-servicos4 { background:url(../images/ico_webcast.gif) no-repeat left top }
#box-servicos a#li-servicos5 { background:url(../images/ico_cotacoes.gif) no-repeat left top }
#box-servicos a#li-servicos6 { background:url(../images/ico_cadastre.gif) no-repeat left top }

#col-dir-interna #box-servicos { padding:10px 5px 5px; margin:10px 10px 0 57px; text-align:left }

/* === Conteudo - Coluna Esquerda - Como Analisar === */

#box-analisar-veja { margin:25px 0 0 15px }
#box-analisar-veja h3 { margin-bottom:11px }
#box-analisar-veja h3#tit-veja { margin-bottom:5px }
#box-analisar-veja ul.lista-1 { margin-bottom:9px }


/* === Rodape/Footer === */

#footer { width:100%; clear:both; height:96px; background:url(../images/bkg_rodape.gif) repeat-x left top;  }
#content-footer { width:942px; margin:0 auto }

/* === Rodape/Footer - Idiomas === */

#content-footer ul#links-idioma { margin:26px 0 0 10px; }
#content-footer ul#links-idioma li, #content-footer ul#links-institucional li { display:inline }
#content-footer ul#links-idioma li a { float:left; margin:1px 0; display:inline }
#content-footer ul#links-idioma li a.separador { margin:0 5px }

/* === Rodape/Footer - Links Institucionais === */

#content-footer ul#links-institucional { margin:26px 0 0 0 }
#content-footer ul#links-institucional li a { margin-right:15px; display:inline }
#content-footer ul#links-institucional li a.none { margin-right:0 }

#content-footer p { float:right; width:700px; margin-top:30px; padding-right:20px; text-align:right; color:#53534B; }
#content-footer p a { color:#53534B; text-decoration:none }
#content-footer p a:hover { color:#FFF }

/* === Conteudo - Coluna Esquerda === */

#col-dir h2, #col-dir-interna h2 { margin-bottom:20px }

/* === Menu - Home === */

#menu {font:11px Arial, Helvetica, sans-serif; line-height:20px; width:100%; position:relative; height:247px }
#col-dir #menu p ,#menu p { width:324px; font-size:10px; text-transform:uppercase; line-height:19px; float:right; color:#837D75; text-decoration:none }
#col-dir #menu p { width:161px }
#menu .switch {display:block; cursor:pointer; font-weight:normal;}
#menu .switch .turn_off {display:none;}

#col-dir #menu p.switch.off ,#menu p.switch.off { color:#bbb8b1; font-size:17px; font-weight:bold; float: right; padding-right:10px; margin-left:6px; display:inline; background:url(../images/ico_bullet2.gif) no-repeat right 6px; width:130px;}

/*#col-dir #menu p.switch.off ,#menu p.switch.off { color:#FFF; font-size:10px; font-weight:bold; padding-right:10px; margin-left:6px; display:inline; background:url(../images/ico_bullet2.gif) no-repeat right 6px; float:left}*/

#menu .off .turn_off { display:inline; }
#menu .off .turn_on { display:none; }
#menu .hide {display:none;}
#col-dir #menu .show, #menu .show {position:absolute; right:175px; top:0px; display:block; width:170px; z-index:200;}
#menu .show { right:170px; top:0px; }
#col-dir #menu .show { width:100% }
#menu .show ul#lista-submenu li {font:11px Arial, Helvetica, sans-serif; color:#837D75; width:100%; line-height:18px; text-transform:uppercase;}
#menu .show ul#lista-submenu li a { color:#837D75; text-decoration:none }
#menu .show ul#lista-submenu li a:hover { color:#FFF }

/* === Coluna Esquerda Interna === */

#col-esq-interna #interna-mid, #col-esq-interna #interna-mid-home { width:576px; height:390px; background:#eeebe8 url(../images/bkg_conteudo_deg.gif) repeat-x left top; padding:20px 0 20px 16px; }
#col-esq-interna #interna-mid-home { width:583px; height:405px; padding:5px 0 20px 9px; background:#f3f2ef url(../images/bkg_home_deg.gif) repeat-x left top; }

#interna-mid #mid-esq { width:147px; height:384px; border-right:1px solid #cac6c0; padding-top:3px; margin-right:18px }
#interna-mid #mid-esq h4 { font-size:17px; font-weight:normal; color:#9E978D; padding-left:10px; background:url(../images/ico_bullet4.gif) no-repeat left 6px }

/* == coluna para seção de mailing, margem direita reduzida == */

#interna-mid #mid-esq-mailing { width:147px; _width:137px; height:384px; border-right:1px solid #cac6c0; padding-top:3px; margin-right:5px; }
#interna-mid #mid-esq-mailing h4 { font-size:17px; font-weight:normal; color:#9E978D; padding-left:10px; background:url(../images/ico_bullet4.gif) no-repeat left 6px }


#interna-mid .width-conteudo-normal {width:377px; y-overflow: hidden;}
#interna-mid .width-conteudo-mailing {width:405px;}

#interna-mid #conteudo { width:100%; height:384px; overflow-y:auto; padding:3px 15px 0 0; 


	/* Estilo para a barra de rolagem - Funciona apenas no IE */
	scrollbar-face-color:#a7a097;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-shadow-color:#a7a097;
	scrollbar-highlight-color:#a7a097;
	scrollbar-3dlight-color:#a7a097;
	scrollbar-darkshadow-color:#a7a097;
	scrollbar-track-color:#e1dfda;
}

/* === Conteudo - Textos === */

#conteudo { font-size:11px; color:#837d75 }
#conteudo a, #conteudo .topo a { text-decoration:none; color:#49443e }
#conteudo a:hover, #conteudo .topo a:hover { text-decoration:none; color:#FFF }
#conteudo p { margin:0 0 10px; text-align:justify; width:360px  }
#conteudo table { width:97% }
#conteudo ul { margin-left:5px; width:320px; display:block }
#conteudo ul li { background:url(../images/ico_bullet3.gif) no-repeat left 5px; margin:0 0 5px 0; padding-left:10px }
#conteudo div.linktop { margin:0 0 8px 0; font-size:11px; width:360px; }
#conteudo div.linktop a { text-decoration:none; display:block; margin:0 0 2px 0 }
#conteudo h2 { font-size:13px; font-weight:bold; color:#49443e; margin-bottom:8px; width:360px; display:block }
#conteudo .tabelatt, #conteudo .tabelatx { padding:2px }
#conteudo .tabelatt { background:#9E978D; color:#FFFFFF; text-align:center; font-weight:bold }
#conteudo .tabelatx { border-bottom:1px solid #CCC }

#conteudo .topo { width:360px; display:block; text-align:right }

/* ======== PÁGINA DE ARQUIVOS ======== */

#periodo { width:360px; height:35px; font:12px Tahoma, Arial, Helvetica, sans-serif }
#periodo h2 { float:left; margin-top:2px; width:200px; display:inline; color:#9e978d }
#periodo label { float:right }
#periodo label span.campo {	color:#717372; margin:0 9px 0 0; font-weight:bold }
#periodo label select { width:66px; font-size:10px; color:#999; border:1px solid #9e978d; padding:1px 1px 1px 2px }

.arquivos { clear:both; margin:0 0 0 0; width:355px }
.arquivos h3 { font-size:12px; margin-bottom:10px; color:#9e978d }
.arquivos table { width:355px }
.arquivos .data, .arquivos .icone, .arquivos .link { padding:2px 0 10px 0 }
.arquivos .data { width:64px; vertical-align:top }
.arquivos .icone { width:26px }
.arquivos .link { width:250px; vertical-align:top }
#conteudo .arquivos .link a { text-decoration:underline; color:#9e978d }
#conteudo .arquivos .link a:hover { text-decoration:none }

/*POP-RSS*/

#pop-rss { padding:10px; background:#B5B1A6; width:440px; text-align:left }
#rss-meio { background:#F2F0EE; float:left; padding:10px }
#rss-meio p { font:11px Tahoma; line-height:15px; color:#8F9391; margin:10px 0 }
#rss-meio p a { color:#8F9391 }
#rss-meio p a:hover { text-decoration:underline }

/* update */

#update {
	display:inline;
	clear:both;
	float:left;
	width:360px;
}
#update h5 {
	float:left;
}
#update #btn-topo {
	float:right;
}

	#update .topo {
		width:128px
	}