/*.... ESTRUTURA GERAL ....*/
/***********************************************************/
*{ margin: 0px; padding: 0px;}
html{height: 100%; }
body{font: 10px Verdana, Arial, Helvetica, sans-serif; text-align: center;background:url(imagens/fundo.png);  height: 100%;}
h2{ font: 1.1em Arial, Helvetica, sans-serif; font-weight: bold; color: #666; }
h3{color:#666; font-size:14px; position:relative; left:-40px;}
p{ color: #666;}
a{ text-decoration: none; color: #789f00; }
a.bilio {display: block; margin-top: 8%}
a:hover{ text-decoration: underline; }
ul{ list-style-type: none; }
li{color: #666;}
li a{color: #666;}
img{border: none;}
input{color: #666;}
input.texto, textarea{ border: 1px solid #ccc;color:#666; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
textarea{font-size: 1.1em;}
#corpo{position:relative; width: 760px; margin: 0 auto; padding-bottom: 20px; text-align: left; height: auto; background-color: #fff;}
#topo{ position: relative; top: 0px;}
#homeContato{ position: absolute; left: 87%; background: url(imagens/homeContato.gif) no-repeat; height: 30px; width: 90px; z-index: 2; }
#topoLogo{ position: absolute; top: 0px; left: 0px; background: url(imagens/topoLogo.jpg) no-repeat; height: 153px; width: 472px; }
#topoLogo img{ margin-left:10px; margin-top:10px;}
#topoFlash{ position: absolute; top: 0px; left: 470px; background: url(imagens/topoFlash.jpg) no-repeat; height: 314px; width: 317px; }
#menu{position: relative; left: -20px; top: 150px; height: 350px; width: 149px; background-color: #fff; border-bottom: 1px solid #d8d8d8; }
#rodape{background:url(imagens/rodape.gif) no-repeat; position: absolute; bottom: 0px; left: 0px; width: 758px; height: 53px;}
#rodape p{ text-align: center; width: 470px; margin-left: 220px; margin-top: 10px; }
#rodape a{ position: absolute; right: 0px; top: 0px; }
#textoMuda{ position: absolute; top: 140px; left: 175px; width: 270px; height: 142px;}

/*.... APENAS INDEX ....*/
/***********************************************************/
#artigos{ position: relative; left: 129px; top: -25px; width: 345px; border-top: 1px solid #d8d8d8; margin-left: 50px;}
#artigos .texto{position: absolute; top: 15px; left: 44px;}
#artigos .textoListas ul{margin:-13px 0 40px;}
#artigos p{position:relative; margin-top: 10px; left: -50px; }
#artigos h2{position:relative;left: -49px; width: 300px; margin-top: 5px; }
#artigos img.recuo{ position: relative; top: -1px; left: -50px; }
img.recuo2{ position: relative; top: 10px; left: -200px; }
html:first-child>body img.recuo2 { left:0 }

#servicos{ position: relative; left: 20px; width: 280px; height: 270px; float: left;}
#servicos div{ position: relative; border-left: 1px solid #ccc; height: 230px; top: -2px; left: 1px; padding-left: 20px; }
#servicos p{ margin-top: 5px; }
#artigos .pArtigo, #servicos .pArtigo{text-align:justify;}

#cacaTalentos{position: relative; top: 12px; height: 260px; width: 220px; left: 40px; margin-bottom: 70px;}
#cacaTalentos h1{ float: right; position: absolute; top: 35px; right:0; }
#cacaTalentos p.texto{ width: 100px; position: absolute; top: 80px; right:0;}
#cacaTalentos img.recuo{position:absolute; top:0; left:0;}
#cacaTalentos p.direita{ position: relative; top:150px;}
html>body #cacaTalentos{ left: 330px;top:10px; }
html>body #cacaTalentos p.direita{ position: relative; top:-130px;}

#linha{ position: relative; top: 10px; left: 30px; background: url(imagens/linha.gif); height: 10px; width: 526px; }
html>body #linha{top: 8px;}

#linksRelacionados{position:relative; width:100px;}
#linksRelacionados p{margin-bottom: -10px; }
#voltar{position:relative; position:relative; top:95px;width:60px;}
html>body #voltar{top:225px;}

.limpar{cursor: pointer; position: relative;}
.feedback{ position: absolute; top: 270px; left: 175px;}
.negrito{ font-weight: bold; letter-spacing: -1px;}
.direita{text-align: right;position:relative;}
.linkMarcador{position:relative; top: 1px; margin-right: 4px;}
.autor{display:block; text-align:left; font-weight:bold; margin-top:10px;}
p.frase{border-bottom:1px solid #eee; padding-bottom:10px;}

/*.... ESTRUTURA PARA NEWSLETTER, BIBLIOTECA E ANIVERSARIANTES ....*/
/***********************************************************/
#newsletter, #biblioteca, #aniversariantes{ position: absolute; right: 10px; }
#biblioteca{ top: 612px; }
html>body #biblioteca{top:605px; margin-top:0;}
#biblioteca h1{position: absolute;   left: 12px; top:-2px;voice-family:"\"}\""; voice-family:inherit;top: 10px;}
html>body #biblioteca h1{ top: 3px; }
#biblioteca p.texto{position:relative; left:0; width: 110px;top: -43px; line-height: 1.2em;}
#biblioteca p.direita{position: relative; left: -10px;top: -40px;}
#biblioteca img{position:relative; left:100px; top:15px;}
#biblioteca h1 img, #biblioteca img.linkMarcador{position:static;}

#aniversariantes{ top: 455px; }
html>body #aniversariantes{ top: 455px; }
#aniversariantes h1{margin-top:27px;voice-family:"\"}\""; voice-family:inherit; margin-top: 18px; }
html>body #aniversariantes h1{ margin-top: 0px; }
#aniversariantes p.texto{ position: relative; top: -10px;}
#aniversariantes p.direita{ position: relative; left: -21px; top: 0px; }
#aniversariantes .corpo{height:auto;}
.topo, .rodape{height: 20px; width: 175px;}
.topo{ background: url(imagens/topoNews.gif) no-repeat; }
.rodape{background: url(imagens/rodapeNews.gif) no-repeat;}
.corpo{ background: url(imagens/corpoNews.gif); overflow: hidden; width: 175px; height: 90px; padding-left:15px;voice-family:"\"}\""; voice-family:inherit; padding-left: 13px; padding-right: 4px;width: 159px; }
html>body .corpo{ overflow: visible; }
.corpo input.texto{ margin-left: 5px; width: 110px; }
.corpo input.submit{ position: absolute; right: 10px; bottom: 30px; }
html>body .corpo input.submit{ bottom: -20px; right: 5px; }
.corpo form{ position: relative; top: 10px; margin-left: -4px; }
html>body .corpo form{ top: 10px; }
.corpo h1, .corpo p{ position: relative; top: -27px; }
html>body .corpo h1, html>body .corpo p{ top: -19px; }
.divisoria{ position: relative; left: 181px; top: -3px; }
#newsletter{top: 313px;}
#newsletter .corpo{overflow:visible;}
*html #newsletter #enviar{}
/*.... LISTA DE ANIVERSARIANTES E PAGINAÇÃO BIBLIOTECA ....*/
/***********************************************************/
#paginacaoAniversariantes, #paginacaoBiblioteca{position: relative; left:290px;top:40px;width:100px;}
#paginacaoBiblioteca{top:280px; left:255px;width:170px; text-align:right;}
html>body #paginacaoBiblioteca {left:255px; top:290px;}/* Valor repetido mas necessário */
html>body #paginacaoAniversariantes, #paginacaoBiblioteca{left:300px;top:50px;}
#paginacaoAniversariantes span, #paginacaoClientes span, #paginacaoBiblioteca span{ font-size: 1em;color:#789f00;}
#paginacaoAniversariantes a, #paginacaoClientes a, #paginacaoBiblioteca a{color:#666; cursor: pointer;}

/*.... ARTIGOS ....*/
/***********************************************************/
#historico{position:relative; height:auto; top:-150px; margin-bottom: -50px;}
html>body #historico{margin-bottom:45px; height: 70px;}
.artigosHistorico{ width: 450px; position: relative; left:0px;}

/*.... CLIENTES ....*/
/***********************************************************/
#paginacaoClientes{ position: absolute; right: -150px; bottom: -430px; }