/* 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:70px; 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 {width:70px; float:right; color:#C00;}
.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 ul {width:170px; background:#D6D6D6; display:none; list-style:none; padding:0px; margin:0px;}
#menu ul 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 ul a, #menu ul a:visited {width:165px; height:20px; line-height:20px; display:block; background:#F9F9F9; padding:0px 0px 0px 5px;}
#menu ul a:hover {background:#F4F4F4;}
#menu li:hover ul {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 {font-weight:bold; color:#A00;}
#form-noticias-novas a, #form-noticias-destaque a {font-size:14px; font-weight:bold;}

/* 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:#F2CFD6; width:190px; height:auto; 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:#FFF;}
#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 {position:relative; width:560px; height:304px;}
.borda {position:relative; float:left; width:auto; height:auto; margin-bottom:30px;}
.foto, .foto2 {background:#FFF; width:80px; font-size:10px; height:auto; padding:2px; display:block; margin:0px 5px 5px 0px; text-decoration:none; text-align:center;}
.foto:hover, .foto2:hover {background:#A00;}
.foto span, .foto2 span {display:none;}
.foto:hover span, .foto2:hover span {position:absolute; top:0px; z-index:auto; display:block; padding:2px; background-color:#A00; width:300px; height:auto; color:#FFF;}
.foto:hover span {left:255px;}
.foto2:hover span {left:166px;}
.borda .areafoto {position:absolute; left:255px; top:0px; width:300px; height:300px; color:#FFF; text-align:center; font-size:12px;}
.areafoto span {position:relative; top:0px; z-index:auto; display:block; padding:2px; background-color:#A00; width:300px; height:315px; color:#FFF;}
/* ---------- 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;}
#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;}
#conteudo p, li {font-size:12px;}
#conteudo .titulo {font-size:16px; color:#999;}