/* Formatacao Global */
body {background:#D0DCE2 url('/imagens/fundo.jpg') repeat-x; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
#body div[id] {
	position:relative;
	float:left;
}

/* Posicionamento das divs do Layout */
#body {position:relative; width: 910px; height:auto; margin:30px auto; padding:0px 0px 30px 0px;}
#area-topo {width:910px; height:auto; padding:12px 0px 0px 0px; background:#FFF url('/imagens/curva-topo.jpg') no-repeat; z-index:60;}
#topo {width:910px; height:102px; text-align:center;}
#area-logo {width:247px; height:110px; top:-138px; left:30px; padding:12px 0px 0px 0px; text-align:center; background:url('/imagens/area-logo.gif');}
#area-menu {width:910px; height:50px; padding:5px 0px 0px 0px;}
#banner {width:620px; height:150px; background:#FFF; text-align:center; z-index:1;}
#produtos {width:890px; height:auto; background:#FFF; padding:10px 0px 0px 20px;}
#area-conteudo {width:910px; height:auto; background:#FFF; z-index:40;}
#conteudo {width:580px; height:auto; padding: 20px 20px 0px 20px;}
#direita {width:290px; height:auto; padding:0px;}
#rodape {width:910px; height:90px; margin:0px 0px 30px 0px; background:#FFF url('/imagens/curva-rodape.jpg') no-repeat bottom;}
#rodape hr {width:95%; color:#C00;}
#rodape p {color:#666; font-size:12px; font-weight:bold; margin:0px; padding:0px; text-align:center;}
#rodape a {color:#C00;}

/* TOL */
#tol {width:290px; height:150px; background:#FFF url('/imagens/tol.jpg') no-repeat left;}
#tol form {margin:10px 0px 0px 0px; padding:0px;}
#tol .cabecalho {font-size:16px; margin:20px 0px 0px 20px; color:#FFF; font-weight:bold;}
#tol .descricao {position:relative; float:left; width:50px; height:20px; line-height:20px; margin:5px 0px 0px 20px; font-size:12px; padding:0px; color:#FFF; font-weight:bold;}
#tol .campo {position:relative; float:left; width:200px; height:20px; margin:5px 0px 0px 0px;}
#tol input {width:160px; border:0px;}
#tol .botao {position:relative; float:right; width:76px; height:26px; background:none; color:#FFF; font-size:10px; font-weight:bold; cursor:pointer; margin:5px 60px 0px 0px;}
#tol span {position:relative; float:left;  width: 222px; margin:-20px 0px 0px 0px; padding:10px 0px 0px 68px; font-size:11px; color:#FFF;}

/* Popup */
#popup{position:absolute; width:371px; height:507px; margin:30px 0px 0px 300px; padding:0px; border:0px solid #666; background:url('/imagens/popup/abad-2010.jpg'); display:none; z-index:100;}
#popup a {color:#FFF; font-weight:bold; float:right; text-decoration:none;}

/* Mapa do Site */
#mapa-do-site {list-style:none; margin:15px; padding:0px;}
#mapa-do-site li a {color:#666;}
#mapa-do-site li li a {color:#A00;}

/* Bloco de Produtos (home-page) */
.bloco-produto {position:relative; float:left; width:268px; height:112px; padding:12px 12px 0px 12px; background:url('/imagens/produtos.jpg');}
.bloco-produto .cabecalho {width:85%; margin:0px; font-size:16px; font-weight:bold; color:#666; border-bottom:2px solid #666;}
.bloco-produto p {width:161px; padding:0px; margin:7px 0px 0px 0px; font-size:11px; color:#666;}
.bloco-produto a:link, a:visited {width:70px; float:right; color:#C00; text-decoration:none;}
.bloco-produto a:hover {text-decoration:underline;}
.bloco-produto img {position:absolute; top:40px; right:25px;}

/* Menu Topo */
.canto-esq-menu {position:relative; float:left; width:12px; height:45px; margin:0px 0px 0px 16px; background:url('/imagens/canto_esq_menu.jpg');}
.canto-dir-menu {position:relative; float:left; width:12px; height:45px; margin:0px 0px 0px -1px; background:url('/imagens/canto_dir_menu.jpg');}
#menu {list-style:none; margin:0px 0px 0px 28px; padding:0px;}
#menu li {float:left; width:107px; height:45px; background:url('/imagens/menu.jpg'); text-align:center;}
#menu li a, #menu li a:visited {width:107px; line-height:45px; text-decoration:none; display:block; color:#666; font-weight:bold; font-size:12px;}
#menu li a:hover {color:#C00;}

#menu .submenu {width:170px; background:#D6D6D6; display:none; list-style:none; padding:0px; margin:0px;}
#menu .submenu li {width:170px; height:20px; border-bottom:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; text-align:left; background:#F9F9F9; margin:0px; padding:0px;}
#menu .submenu a, #menu .submenu a:visited {width:165px; height:20px; line-height:20px; display:block; background:#F9F9F9; padding:0px 0px 0px 5px;}
#menu .submenu a:hover {background:#F4F4F4;}
#menu li:hover .submenu {display:block;}

#menu .subsubmenu {position:relative; top:-21px; left:170px; width:170px; background:#D6D6D6; display:none; list-style:none; padding:0px; margin:0px; border-top:1px solid #D6D6D6;}
#menu .subsubmenu li {width:170px; height:20px; border-bottom:1px solid #D6D6D6; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6; text-align:left; background:#F9F9F9; margin:0px; padding:0px;}
#menu .subsubmenu a, #menu .subsubmenu a:visited {width:165px; height:20px; line-height:20px; display:block; background:#F9F9F9; padding:0px 0px 0px 5px;}
#menu .subsubmenu a:hover {background:#F4F4F4;}
#menu .submenu li:hover .subsubmenu {display:block;}

/* Notícias */
#noticias {width:350px; height:auto;}
.bloco-destaque {width:350px; height:auto;}
.bloco-noticia {width:560px; height:auto; padding:20px 0px 0px 0px;}
.bloco-destaque img {position:relative; float:left; width:100px; height:70px; margin:5px 10px 0px 0px;}
.bloco-noticia img {position:relative; float:left; margin:5px 10px 0px 0px; width:100px; height:70px; }
.bloco-noticia p, .bloco-destaque p {font-size:12px; margin:10px 0px 0px 0px; padding:0px; color:#666;}
#noticias .saiba-mais {width:80px; float:right; color:#C00; font-size:11px;}
#form-noticias a:link, a:visited {font-weight:bold; color:#A00; text-decoration:none;}
#form-noticias-novas a:link, a:visited  {font-size:13px; font-weight:bold; text-decoration:none;}
#form-noticias-destaque a:link, a:visited  {font-size:12px; font-weight:bold; text-decoration:none;}
#form-noticias-novas a:hover, #form-noticias-destaque a:hover {text-decoration:underline;}

/* Eventos */
#eventos {width:350px; height:auto;}
.bloco-evento {width:560px; height:auto; padding:20px 0px 0px 0px;}
.bloco-evento img {position:relative; float:left; margin:5px 10px 0px 0px; width:100px; height:70px;}
.bloco-evento a {font-size:14px; font-weight:bold; color:#666;}
.bloco-evento p {font-size:12px; margin:10px 0px 0px 0px; padding:0px; color:#666;}
#form-eventos a {font-weight:bold; color:#A00;}
#form-eventos-novos a {font-size:14px; font-weight:bold;}

/* Coluna Vermelha (home page) */
#conteudo .coluna-vermelha {position:relative; float:right; background:url('/imagens/coluna.jpg');width:190px; height:336px; padding:10px;}
#conteudo .coluna-vermelha .cabecalho {width:100%; margin:0px; font-size:16px; font-weight:bold; color:#666; border-bottom:2px solid #666;}
#conteudo .coluna-vermelha p {font-size:11px; color:#666; margin:5px 0px 0px 0px; padding:0px;}
#conteudo .coluna-vermelha img {width:190px; margin:5px 0px 0px 0px;}
#conteudo .coluna-vermelha .saiba-mais {width:80px; float:right; color:#C00; font-size:11px;}

/* Newsletter */
#newsletter {width:267px; height:82px; margin:10px 0px 0px 0px; background:url('/imagens/news.jpg');}
#newsletter .cabecalho {margin:8px 0px 0px 12px; font-size:14px; font-weight:bold; color:#666;}
#newsletter p {color:#666; font-size:11px; font-weight:bold; margin:0px 0px 0px 12px; padding:0px;}
#newsletter form {padding:0px; margin:9px 0px 0px 0px;}
#newsletter form p {color:#666;}
#newsletter input {width:160px; border:0px;}
#newsletter .botao {position:absolute; width:30px; right:20px; top:44px; width:25px; height:25px; background:url('/imagens/ok.jpg'); cursor:pointer;}
#newsletter span {position:relative; float:left;  margin:-15px 0px 0px 108px; font-size:11px; font-weight:bold; color:#C00;}

/* Banners */
#banners {width:280px; height:auto; margin:20px 0px 0px 0px; text-align:center;}
#banners img {border:0px;}

/* Depoimento */
#depoimento {width:270px; padding:10px;}
#depoimento p {margin:0px; padding:0px;}

/* Formulário */
#formulario {position:relative; float:left; width:100%; margin:0px auto;}
#formulario .descricao {position:relative; float:left; width:150px; line-height:23px; height:23px; margin:0px; font-size:12px; font-weight:bold; color:#666;}
#formulario .campo {position:relative; float:left; width:400px; line-height:23px; height:23px; margin:0px;}
#formulario .campo-texto {position:relative; float:left; width:400px; line-height:80px; height:80px; margin:0px;}
#formulario .editor {position:relative; float:left; width:100%; margin:10px 0px 0px 0px;}
#formulario .botao {position:relative; float:left; width:100px; height:23px; border:0px; margin:0px;}
#formulario input, #formulario textarea {width:280px; color:#A00; border:1px solid #EFEFEF;}
#formulario input {height:22px; line-height:22px; border:0px; border:1px solid #EFEFEF;}
#formulario textarea {height:80px;}
#formulario span,.erro {position:relative; float:left; width:400px; height:30px; line-height:30px; color:#C00; font-weight:bold; background:#FBDAD9 url('/imagens/erro.jpg') no-repeat left center; border:1px dotted #C00; padding:0px 0px 0px 30px;}
#formulario .quebra-linha {position:relative; float:left; width:100%; height:6px;}

/* Pesquisa */
#pesquisa .ocorrencia {font-size:14px; font-weight:bold; color:#999;}
#pesquisa .erro {position:relative; float:left; width:auto; height:30px; line-height:30px; color:#C00; font-weight:bold; background:#FBDAD9 url('/imagens/erro.jpg') no-repeat left center; border:1px dotted #C00; padding:0px 5px 0px 30px;}
#pesquisa .pergunta {font-size:12px; font-weight:bold; margin:0px; padding:0px;}
#pesquisa .item {font-size:12px; font-weight:normal; margin:0px 0px 15px 0px; padding:0px;}
#pesquisa textarea.item {margin:0px;}
#pesquisa .obs {font-size:10px;}
#pesquisa .botao {margin:15px 0px 0px 0px;}


.quebra-linha {position:relative; width:100%; height:6px;}


/* ---------- Galeria de foto ---------- */
.galeria {width:410px; margin:0 auto; text-align:center; height:400px;}
.img-aqui {background: #FFF; width: 390px; height: 293px; position: relative; top: 700px; border: 1px solid #FFF; float: left;}
ul.fotos {position: relative; list-style: none; width: 410px; padding: 1px; background: #FFF; margin: 0;	padding: 0; top: 5px;}
.fotos:after {display: block; content: "."; height: 0; font-size: 0; visibility: hidden; clear: both;}
ul.fotos li {width: 75px; height: 50px; float: left; border: 1px solid #FFF; margin: 1px;}
ul.fotos li img {border: none; width: 75px; height: 50px;}
ul.fotos li span img {border: none; width: 390px; height: 293px; height: auto;}
ul.fotos a {display: block;} 
ul.fotos a span {display: none;}
ul.fotos a:hover span.legenda {display: block; text-align:center; width:390px; position:absolute;
top:300px; left:-2px;}
ul.fotos a:hover span {display: block; position: absolute; top:112px; left: 1px; background:#fff;
border:2px solid #A00;}
ul.fotos a:hover span.legenda {padding:5px 0; color:#666; font-weight:bold;}

/* ---------- Fim da Galeria de foto ---------- */

.texto-depoimento {background:url('imagens/antes-e-depois/aspas.jpg') 220px 0px no-repeat; text-align:justify;}
.aspas-final {float:right; width:20px; height:20px; background:url('imagens/antes-e-depois/aspas-final.jpg') no-repeat;}

/* Outras Formatações */
.texto-vermelho, .titulo-vermelho {margin:0px; padding:0px; color:#A00; font-family:Calibri; font-size:18px; font-weight:bold; border-bottom:2px solid #A00;}
.texto-vermelho {border:0px;}
.redes-sociais {margin:0px; padding:0px; font-family:Arial; font-size:12px; color:#666; align:right; font-weight:bold;}
.bndes {margin:0px; padding:0px; font-family:Arial; font-size:12px; color:#999;}
.bndes a{color:#A00; font-size:12px; text-decoration:none}
.bndes a:hover {text-decoration:underline;}
#noticias .titulo-vermelho {font-size:18px;}
h1 {margin:0px; color:#A00; font-size:22px; border-bottom: 1px dotted #CCC;}
h2 {margin:0px; color:#999; font-size:16px;}
#conteudo a {color:#A00; font-size:12px; text-decoration:none}
#conteudo a:hover {text-decoration:underline;}
#conteudo p, li {font-size:12px;}
#conteudo .titulo {font-size:16px; color:#999;}