@import url("reset.css");
@import url("config.css");
@import url("ie6.css");

body{ background:#121212 url(../imagens/fundo.jpg) repeat; font:14px Georgia, "Times New Roman", Times, serif; line-height:16px; color:#666 }
a{ color:#666; text-decoration:none }
a:hover{ color:#999; text-decoration:none }
#site{ margin:0 auto; width:1310px; }
#site #area-util{ float:left; width:inherit; min-height:679px; background:url(../imagens/fundo-site.jpg) no-repeat; position:relative }

/* HOME */
#site #area-util #home{ float:left; width:inherit }
#site #area-util #home #logomarca{ float:left; width:inherit; text-align:center; margin-top:80px }
#site #area-util #home #menu{ position:relative; float:left; width:inherit; text-align:center; margin-top:105px; z-index:1 }
#site #area-util #home #bem-vindo{ position:relative; float:left; width:inherit; text-align:center; margin-top:45px; z-index:1 }
#site #area-util #home #estatua{ position:absolute; width:226px; height:488px; top:60px; right:184px; z-index:2 }

/* INTERNAS*/
#site #area-util #internas{ float:left; width:inherit }

/* MENU */
#site #area-util #internas #menu{ float:left; width:1276px; height:73px; margin:20px 0 0 16px; background:url(../imagens/menu/fundo-menu.png) no-repeat top left; position:relative }
#site #area-util #internas #menu #logomarca{ position:absolute; bottom:0; left:154px }
#site #area-util #internas #menu ul{ position:absolute; list-style:none; width:670px; height:56px; margin:0; padding:0; top:0; right:100px }
#site #area-util #internas #menu ul li{ float:left; margin-right:0; padding:0 }
#site #area-util #internas #menu ul li.espaco{ margin-right:15px }
#site #area-util #internas #menu ul li img{ position:relative; z-index:15 }
#site #area-util #internas #menu ul li img.home{ margin:0 20px 0 20px }
#site #area-util #internas #menu ul li img.quem-somos{ margin-left:0 }
#site #area-util #internas #menu ul li img.equipe{ margin:0 10px 0 24px }
#site #area-util #internas #menu ul li img.atuacao{ margin:0 10px 0 5px }
#site #area-util #internas #menu ul li img.links-uteis{ margin:0 5px 0 6px }
#site #area-util #internas #menu ul li img.contato{ margin:0 15px 0 10px }

/* CONTEUDO */
#site #area-util #internas #conteudo{ float:left; width:956px; min-height:418px; margin:46px 0 0 170px; position:relative }
#site #area-util #internas #conteudo #ilustracao{ position:absolute; top:0; left:0; width:auto; height:auto; z-index:1 }
#site #area-util #internas #conteudo #materia{ position:relative; float:right; width:544px; height:auto; margin-bottom:20px; z-index:2 }
#site #area-util #internas #conteudo #materia h1{ float:left; margin-bottom:30px }
#site #area-util #internas #conteudo #materia .rodape{ float:left; margin-top:35px }
#site #area-util #internas #conteudo #materia ul{ float:left; list-style:none; margin:0; padding:0 }
#site #area-util #internas #conteudo #materia ul li{ width:252px; margin:0; padding:10px 0 10px 18px; background:url(../imagens/seta.png) no-repeat 0 14px; font-size:14px }
#site #area-util #internas #conteudo #materia ul li:first-child{ margin-top:-10px }
#site #area-util #internas #conteudo #equipe{ float:left; width:956px; min-height:360px; margin:20px 0 0 0 }
#site #area-util #internas #conteudo #equipe .equipe{ float:left; width:298px; min-height:250px; margin:0; padding-right:20px }
#site #area-util #internas #conteudo #equipe .equipe h1{ float:left; width:100%; margin:0; text-indent:-9999px }
#site #area-util #internas #conteudo #equipe .equipe h1.gustavo{ background:url(../imagens/titulos/gustavo-de-lima-gils.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.fabio{ background:url(../imagens/titulos/fabio-de-lima-gils.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.fabricio{ background:url(../imagens/titulos/fabricio-alves-ferreira.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.jeferson{ background:url(../imagens/titulos/jeferson-mendes-chaves.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.pedro{ background:url(../imagens/titulos/pedro.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.leandro{ background:url(../imagens/titulos/leandro.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.jhonathan{ background:url(../imagens/titulos/jhonathan.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.leonardo{ background:url(../imagens/titulos/leonardo-de-oliveira-cruz.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.igo{ background:url(../imagens/titulos/igo-pessoa-santos.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h1.valquimar{ background:url(../imagens/titulos/valquimar-vieira-da-paz.png) no-repeat }
#site #area-util #internas #conteudo #equipe .equipe h2{ float:left; width:100%; font-size:12px; margin:5px 0 15px 0; font-weight:normal }

/* CONTEUDO - CORPO MAIOR */
#site #area-util #internas #conteudo #titulo{ float:left; width:inherit; margin-bottom:10px }

/* CONTEUDO - CORPO MAIOR - CONTATO */
#site #area-util #internas #conteudo #contato{ float:left; width:inherit }
#site #area-util #internas #conteudo #contato form{ float:left; width:680px }
#site #area-util #internas #conteudo #contato label{ float:left; width:80px; height:31px; line-height:31px; margin-bottom:10px }
#site #area-util #internas #conteudo #contato input, textarea{ color:#666; margin-bottom:10px; font:14px Georgia, "Times New Roman", Times, serif; }
#site #area-util #internas #conteudo #contato #nome, #email{ float:left; background:url(../imagens/campos/input-391.png) no-repeat; width:377px; height:31px; line-height:31px;	padding:0 7px }
#site #area-util #internas #conteudo #contato #ddd{ float:left; background:url(../imagens/campos/input-51.png) no-repeat; width:37px; height:31px; line-height:31px; padding:0 7px }
#site #area-util #internas #conteudo #contato #telefone{ float:left; background:url(../imagens/campos/input-151.png) no-repeat; width:137px; height:31px; line-height:31px; padding:0 7px; margin-left:10px }
#site #area-util #internas #conteudo #contato #assunto{ float:left; background:url(../imagens/campos/input-451.png) no-repeat; width:437px; height:31px; line-height:31px; padding:0 7px }
#site #area-util #internas #conteudo #contato #mensagem{ float:left; background:url(../imagens/campos/textarea-451.png) no-repeat; width:437px; height:77px; padding:7px; overflow:hidden }
#site #area-util #internas #conteudo #contato #enviar{ float:left; margin:50px 0 0 10px }
#site #area-util #internas #conteudo #contato #localizacao{ clear:left; float:left; width:680px; margin-top:35px }
#site #area-util #internas #conteudo #contato #localizacao #endereco{ clear:left; float:left; width:250px; margin-top:13px }
#site #area-util #internas #conteudo #contato #localizacao #mapa{ float:left; width:190px; margin-top:18px }
#site #area-util #internas #conteudo #contato #ilustracao{ position:relative; float:right; width:270px; text-align:right }

/* RODAPE */
#site #area-util #rodape{ clear:both; float:left; width:inherit; font-size:11px }
#site #area-util #rodape.espaco{ float:left; margin-top:200px; }
#site #area-util #rodape #centralizado{ width:965px; margin:0 auto; position:relative }
#site #area-util #rodape #centralizado #bt-login{ float:left; margin-top:-7px; margin-right:10px }
#site #area-util #rodape #centralizado #copyright{ position:relative; float:left; width:600px }
#site #area-util #rodape #centralizado #tsuru{ position:relative; float:right; width:200px; text-align:right; font-size:10px }
#site #area-util #rodape #centralizado #tsuru p{ float:right; margin:2px 7px 1px 0; }
#site #area-util #rodape #centralizado #tsuru img{ float:right; }

/* RODAPE - Login */
#site #area-util #rodape #centralizado #box-login{ position:absolute; top:-200px; left:-3px; width:228px; height:173px; background:url(../imagens/fundo-login.png); display:none; z-index:9999; padding:15px 0 0 15px }
#site #area-util #rodape #centralizado #box-login p{ clear:left; float:left; font-size:14px; margin:3px 0 }
#site #area-util #rodape #centralizado #box-login input{ float:left; font:13px Georgia, "Times New Roman", Times, serif;; color:#FFF }
#site #area-util #rodape #centralizado #box-login input[type="text"]{ width:183px; height:31px; line-height:31px; background:url(../imagens/campos/input-211.png); padding:0 14px; margin-bottom:2px }
#site #area-util #rodape #centralizado #box-login input[type="password"]{ width:183px; height:31px; line-height:31px; background:url(../imagens/campos/input-211.png); padding:0 14px; margin-bottom:2px }
#site #area-util #rodape #centralizado #box-login input[type="image"]{ margin-left:135px }
#mask{ position:absolute; left:0; z-index:9000; background-color:#000; display:none; }

/* CONTEUDO - Clientes */
#site #area-util #internas #conteudo #titulo.cliente{ background:url(../imagens/titulos/area-do-cliente.png) no-repeat; height:26px; margin-bottom:40px; position:relative }
#site #area-util #internas #conteudo #titulo.cliente .ola{ position:absolute; top:-8px; right:10px; color:#999 }
#site #area-util #internas #conteudo #titulo.cliente a{ color:#B78D6C }
#site #area-util #internas #conteudo #titulo.cliente .ola strong{ color:#CCC }
#site #area-util #internas #conteudo #cliente{ float:left; width:786px; min-height:300px; margin:0 0 40px 80px; background-color:#111; clear:both; padding:15px 0 30px 0 }
#site #area-util #internas #conteudo #cliente .centro{ float:left; width:inherit }
#site #area-util #internas #conteudo #cliente .centro img{ display:block; margin-left:auto; margin-right:auto }
#site #area-util #internas #conteudo #cliente .divisoria{ margin:10px 0 }
#site #area-util #internas #conteudo #cliente ul{ width:746px; margin:0 auto; margin-top:10px; list-style:none; padding:0; color:#999; clear:both }
#site #area-util #internas #conteudo #cliente ul li{ width:730px; height:30px; line-height:30px; padding:0 0 0 13px; border-left:3px solid #5B3525; background-color:#2E1D14; margin:0 0 2px 0 }
#site #area-util #internas #conteudo #cliente ul li:hover{ background-color:#382418 }
#site #area-util #internas #conteudo #cliente ul li a{ color:#999 }

/* CONTEUDO - Devedores */
#site #area-util #internas #conteudo #cliente .bloco-devedor{ clear:both; float:left; width:inherit; margin:10px 0 40px 0; color:#999 }
#site #area-util #internas #conteudo #cliente .bloco-devedor .l{ float:left; width:auto; margin-left:22px }
#site #area-util #internas #conteudo #cliente .bloco-devedor .r{ float:right; width:270px; }
#site #area-util #internas #conteudo #cliente .bloco-devedor .separador{ clear:both; float:left; width:inherit; height:20px }
#site #area-util #internas #conteudo #cliente .bloco-devedor h4{ clear:left; float:left; text-transform:uppercase; color:#CCC }
#site #area-util #internas #conteudo #cliente .bloco-devedor p{ clear:left; float:left; margin:10px 0 0 0 }
#site #area-util #internas #conteudo #cliente .historico{ clear:both; float:left; width:745px; margin:0 0 2px 20px; background:url(../imagens/fundo-devedores.gif); color:#CCC }
#site #area-util #internas #conteudo #cliente .historico .data{ float:left; width:125px; padding:10px 0 0 15px }
#site #area-util #internas #conteudo #cliente .historico .item{ float:left; width:575px; padding:10px 15px; color:#999 }
#site #area-util #internas #conteudo #cliente .historico .data strong{ color:#FFF }