﻿/*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
*/


/* 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-family:Arial, Helvetica, sans-serif;
	font-weight: inherit;
	font-style: 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: "" ""; }

.percent, .schriftgroesse {
	color:red;
	background-color:transparent;
	border: 0px none;
}

/* Tipografia */
body { font-family:Arial, Helvetica, sans-serif; line-height:10px; }
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; }

/*Formatação das DIV´s*/
div {
	font-size: 13px;
	font-family:Arial, Helvetica, sans-serif;	
}


/* 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: #006699; text-decoration: none; }
a:visited   { color: #39c; }
a:hover     { text-decoration: none; color: #000;}

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;  }
#servicos a:hover { color:#fff; text-decoration:none;  }


#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: 285px; padding-left: 180px; }


/*Menu Topo*/

/* Editado: 10/08/2011 - Removida as seguintes linhas:
#menu li a { color:#FFFFFF; display: block; width: 150%; height: 200%; padding: 9px 0 9px; border-right: 1px dotted #fff ;}  Linhas divisora dos botões
#menu li a.ativa {  text-decoration: none;}
*/
#zoom a input { visibility:hidden;}
/* Menu Editado ***************************************************************************************************/
#menu {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif, Gadget, sans-serif;
	text-align:center;
	font-size:13px;
	color:#FFF;
	height: 28px;
	background-image: url(../img/bt1.png);
	margin: 0 ;
}

#menu li {
	display: block;
	float:left;
	width: 15%;
	background-image:url(../img/bt1.png);
}

#menu li a {
	color:#FFFFFF;
	display: block;
	width: auto;
	height: auto;
	padding: 9px 0 9px;
	border-right: 1px double #fff
}

#menu li a:hover {
	text-decoration:none;
	background-color: #3099ce;
	width: auto;
}

#menu li a.last {
	border: none;
	width: auto;
}
/********************************************************************************************************************************/


/*Menu Esquerda*/
#esq { float: left; display: inline; width: 170px; padding: /**/10px 10px;/**/ background: #d6ebf5; /*font-size: 13px;*/ line-height:normal; } /* EDITADO 10/08/2011 - Valor antigo: 18px 10px || Atual: 10px 10px */
#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;  }
#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 { 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; }


/*esqmapa*/
#esqmapa { float: left; display: inline; width: 130px; padding: 18px 10px; background: #d6ebf5;line-height:normal;}
#esqmapa h4 { border-bottom: 1px solid #fff; margin-bottom: 18px; padding-bottom: 9px; }
#esqmapa ul { margin-left: 0; }
#esqmapa ul li { border-bottom: 1px solid #fff; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:normal; }
#esqmapa ul a { display: block; padding: 9px 0 8px 15px; background: url(../img/seta_submenu.gif) no-repeat left 14px;line-height:normal;}
#esqmapa ul a:visited { color: #069; }
#esqmapa ul a:hover, #esq ul li a.ativa { text-decoration: none; font-weight: bold; }
#esqmapa ul li ul { margin: 0 0 9px 15px; font-size: 11px; display: none; }
#esqmapa ul li ul.ativa { display: block; }
#esqmapa ul li ul li { border: none; }
#esqmapa ul li ul a { padding: 0 0 0 10px; background: url(../img/setinha_submenu.gif) no-repeat left center; }
#esqmapa ul li ul a:hover { text-decoration: underline; font-weight: normal; }



/*Rodapé*/
#rodape { clear: both; width: 747px; padding: 18px 10px 18px 3px; background:#ccc; line-height:normal; }
#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:hover { color: #fff; text-decoration:none; }
#rodape a.topo { background: url(../img/botao_topo.gif) no-repeat center right; padding-right: 25px; display: block; height: 18px; width: 20px; }
#rodape a.rss { background: url(../img/icon_rss.gif) no-repeat center right; padding-right: 25px; display: block; height: 18px; width: 48px; }


/*Home*/
#principal {
	float: left;
	display: inline;
	width: 550px;
	padding: 10px 10px;
	/*font-size: 13px;*/
	line-height:normal;
} /* Editado 10/08/2011 - Valor antigo: passing: 18px 10px || Atual 10px 10px */

#destaque {
	float: left;
	display: inline;
	width: 270px;
	padding: 0 0 18px 10px;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 110%;*/
	line-height:normal;
} /* Editado 10/08/2011 - Adicionado: font-family:Arial, Helvetica, sans-serif; font-size:12px; */

#destaque a:hover {
	text-decoration:none;
	color: #000
}

#destaque p {
	margin-bottom: 10px;
}

#secundario {
	/*font-size:12px;*/
}

#noticias-home{
	float: left;
	display: inline;
	width: 550px;
	padding-top: 17px;
	border-top: 1px solid #ccc;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;*/
	line-height: normal;
}

#zoom {
	font-size: 14px;
	font-weight: bold;
	text-align:right;
}

#zoom a {
	color: #fff;
}

#zoom a:hover {
	color: #000;
	text-decoration: none;	
}

#noticias-home a {color: #006699; }
#noticias-home a:hover { color: #000; text-decoration: none; }
#rep, #acervo { float: left; display: inline; width: 265px; }
#rep { padding: 0 12px 18px 0; line-height: normal; }
#rep a {color:#006699; }
#rep a:hover { color:#000; text-decoration:none;}
#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: 110%;*/ }
#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;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;*/
	line-height:normal;
}

#noticias {
	font-size:12px;}

#miolo2 {
	float: left;
	display: inline;
	width: 550px;
	padding: 0px 10px 18px;
	/*font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;*/
	line-height:normal;
}

/*dir*/
#dir { float: left; display: inline; width: 170px; margin: 72px 0 18px; padding: 0 10px; border-left: 1px solid #ccc; }
#dir br{ line-height: 9px;}
#dir li br{ line-height: 9px;}
#dir li{ ; /*line-height:18px;*/}

/*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: 110%;*/ 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; }

/*Tabelas*/
table { margin-bottom: 18px; border-collapse: collapse; line-height: 18px; background-color: #d6ebf5; }
caption { background: #069; font-size: 12px; font-weight: bold; line-height: 35px ; text-transform:uppercase; padding-left: 10px; color: #fff; border-bottom: #fff 1px solid; }
th { color: #fff; background: #39c; text-align: center; height: 18px; padding: 9px 5px; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
th.esq { text-align: left; }
td { padding: 5px; border-right: #fff 1px solid; border-bottom: #fff 1px solid; }
th.last, td.last { border-right: none; }
tfoot { color: #069; }
tfoot td { text-align: center; }
td.numero { text-align: right; }

/*Classes */
.logo { display: none; }
h6.noticias { color: #000; font-weight: bold; padding: 0 0 18px 25px; background: url(../img/icone_noticias.gif) no-repeat top left }
h5.acervo { color: #000; font-weight: bold; padding: 0 0 18px 35px; background: url(../img/icone_acervo.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 ; padding-left: 10px; display: block; height: 20px; width: 120px; font-size:11px; }
.breadcrumb { float: left; display: inline; font-size: 11px; padding: 18px 10px 0; width: 550px; }
.enviar { text-align: right; }
.pequeno { font-size: 11px; line-height:normal; }
.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; }
 
