/*Palheta de Cores
azul escuro: #069
azul médio: #39c
azul claro: #d6ebf5
cinza médio bg: #ccc
cinza claro bg: #ebebeb
cinza escuro (link): #333
cinza médio (texto): #666
cinza claro (texto): #999
*/


/* Reset de Eric Meyer - limpa e iguala os valores default dos vários navegadores. NÃO ALTERE ESTA PARTE!! */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 105%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1; color: #666; background: #ebebeb; text-align: center; }
ol, ul { list-style: none; }
/* as tabelas ainda precisam 'cellspacing="0"' no html */
table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Tipografia */
body { font: 12px/18px  Arial, Helvetica, sans-serif }
pre { font-family: "Courier New", Courier, monospace; } 
code { font-family: "Courier New", Courier, monospace; }
cite { font-style: italic; }
h1,h2,h3,h4,h5,h6 { clear:both; font-weight: normal }
h1, h2 { font-size: 18px; line-height:36px; }
h3 { font-size: 16px; line-height:36px ; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 11px; }

/* Elementos de texto */
p           { margin: 0 0 18px 0; }
p.last      { margin-bottom: 0; }
p img       { margin: 0 10px 18px 0; padding:0; }
p img.meio  { margin-top: 18px; } /* Usar esta classe quando a imagem estiver no meio do <p>. */

a           { color: #069; text-decoration: none; }
a:visited   { color: #39c; }
a:hover     { text-decoration: underline; }

ul, ol      { margin: 0 0 18px 0; }
dl          { margin: 0 0 18px 0; }
dl dt       { font-weight: bold; }

blockquote  { margin: 0 0 18px 18px; font-style: italic; }
strong      { font-weight: bold; }
em          { font-style: italic; }
pre         { color: #666; margin-bottom: 18px; background: #ebebeb; border:1px solid #ccc; padding:16px; }

/* Estrutura */
html, body { height: 100%; }
#container { position: relative; margin: auto; width: 760px; min-height: 100%; height: 100%; height: auto; background: #fff url(../img/fundo_esq.gif) repeat-y left; text-align:left; padding: 0 }
html>body #container { height: auto }

/*Topo*/
#servicos { height: 18px; padding: 4px 10px; background:#ccc; }
#servicos ul { display: inline; float: right; margin-bottom: 0px; font-size: 11px; }
#servicos li { display: inline; float: left; padding: 0 7px; border-right: 1px solid #333;}
#servicos li.last { border: none; padding-right: 0; }
#servicos a { color: #333;  }

#ferramentas { height: 90px; padding: 5px 10px; background: url(../img/topo.jpg) no-repeat; }
#ferramentas h1 { clear: none; padding-bottom: 0px; }
#ferramentas h1 a { display:block; width:275px; height: 90px; text-indent: -9999px; float: left; }
#ferramentas ul { display: inline;  float: right; margin-bottom: 0; }
#zoom li, #lingua li { display: inline; float: left; padding: 0 0 0 7px; }
#lingua { border-left: 1px solid #fff; }
#zoom li a { color: #fff; }
#zoom { margin-right: 10px; }
#busca-topo { float: right; width: 275px; padding-left: 190px; }
#menu { height: 36px; background:#39c; margin: 0; }
#menu li { display: inline; float: left; }
#menu li a { color: #fff; font-weight: bold; display: block; width: 169px; height: 18px; padding: 9px 0 9px 20px; border-right: 1px dotted #fff; background: url(../img/seta_menu.png) no-repeat 10px center; }
#menu li a:hover, #menu li a.ativa { background: #069 url(../img/seta_menu.png) no-repeat 10px center; text-decoration: none;}
#menu li a.last { border: none; width: 170px; }

/*esq*/
#esq { float: left; display: inline; width: 170px; padding: 18px 10px; background: #d6ebf5; }
#esq h4 { border-bottom: 1px solid #fff; margin-bottom: 18px; padding-bottom: 9px; }
#esq ul { margin-left: 0; }
#esq ul li { border-bottom: 1px solid #fff; }
#esq ul a { display: block; padding: 9px 0 8px 15px; background: url(../img/seta_submenu.gif) no-repeat left 14px; }
#esq ul a:visited { color: #069; }
#esq ul a:hover, #esq ul li a.ativa { text-decoration: none; font-weight: bold; }
#esq ul li ul { margin: 0 0 9px 15px; font-size: 11px; display: none; }
#esq ul li ul.ativa { display: block; }
#esq ul li ul li { border: none; }
#esq ul li ul a { height: 18px; padding: 0 0 0 10px; background: url(../img/setinha_submenu.gif) no-repeat left center; }
#esq ul li ul a:hover { text-decoration: underline; font-weight: normal; }


/*Rodapé*/
#rodape { clear: both; width: 747px; padding: 18px 10px 18px 3px; background:#ccc; }
#rodape ul{ height: 18px; font-size: 11px; }
#rodape li { display: inline; float: left; padding: 0 7px; border-right: 1px solid #333; }
#rodape li.last { border: none; padding-right: 0; }
#rodape p { padding: 0 0 0 7px; margin: 0; font-size: 11px; }
#rodape a { color: #333; }
#rodape a.topo { background: url(../img/botao_topo.gif) no-repeat center right; padding-right: 25px; display: block; height: 18px; width: 20px; }


/*Home*/
#principal { float: left; display: inline; width: 550px; padding: 18px 10px; }
#destaque { float: left; display: inline; width: 270px; padding: 0 0 18px 10px; }
#destaque p { margin-bottom: 9px; }
#noticias-home, #secundario { float: left; display: inline; width: 550px; padding-top: 17px; border-top: 1px solid #ccc; }
#rep, #acervo { float: left; display: inline; width: 265px; }
#rep { padding: 0 10px 18px 0; }
#acervo { padding: 0 0 18px 9px; border-left: 1px solid #ccc; }
#rep h6 { color: #000; font-weight: bold; padding: 0 0 18px 35px; background: url(../img/icone_rep.gif) no-repeat top left }
#acervo h6 { color: #000; font-weight: bold; padding: 0 0 18px 35px; background: url(../img/icone_acervo.gif) no-repeat top left }
#rep p, #acervo ul { font-size: 11px; }
#acervo ul a { background: url(../img/setinha_acervo.gif) no-repeat left 6px; padding-left: 10px; }

/*miolo das internas*/
#miolo { float: left; display: inline; width: 359px; padding: 0px 10px 18px; }

/*dir*/
#dir { float: left; display: inline; width: 170px; margin: 72px 0 18px; padding: 0 10px; border-left: 1px solid #ccc; }

/*Formulários */
#busca-noticias, #fale-conosco { background-color: #ebebeb; padding: 9px 10px; margin-bottom: 18px; }
#busca-noticias h5 { color:#000; }
input[type="text"], select { background-color: #fff; color:#666; vertical-align: middle; font-size: 11px; border: 1px solid #ccc; }
input[type="text"] { padding: 2px; }
input[type="image"] { vertical-align: middle; }
#b, #opcoes { width: 120px; margin-right: 2px; }
#titulo, #nome, #email, #mensagem { width: 330px; }
#data { width: 60px; }


/*Classes */
h6.noticias { color: #000; font-weight: bold; padding: 0 0 18px 25px; background: url(../img/icone_noticias.gif) no-repeat top left }
.leia { background: url(../img/botao_seta.gif) no-repeat center right; padding-right: 25px; display: block; height: 18px; width: 60px; }
a.mais { color: #333; background: url(../img/botao_texto.gif) no-repeat center left; padding-left: 10px; display: block; height: 20px; width: 120px; }
.breadcrumb { float: left; display: inline; font-size: 11px; padding: 18px 10px 0; width: 550px; }
.enviar { text-align: right; }
.pequeno { font-size: 11px; }
.grande { font-size: 16px }
.aDir { float: right; display: inline; }
.aEsq { float: left; display: inline; }
.borda-topo { border-top: 1px solid #ccc; }
.imprimir, .amigo, .sugestoes { margin-right: 5px; padding-left: 20px; } 
.imprimir { background: url(../img/imprimir.gif) no-repeat left center; }
.amigo { background: url(../img/enviar_amigo.gif) no-repeat left center; }
.sugestoes { background: url(../img/sugestoes.gif) no-repeat left center; }
.banner { margin-bottom: 18px; }
.no-clear { clear: none; }
.clear { clear: both; }
.paginacao { text-align: right; font-size: 11px; border-top: 1px solid #ccc; }
.paginacao a, .atual { padding: 0 5px; }