/***FRONT_END***/
html, body { background: #343434; padding: 0; margin: 0; font-family: Arial, Sans-serif; font-size: 12px; color: #555; }
ul, li, ol, dl, dd, dt, h1, h2, h3, h4, h5, h6, p { padding: 0px; margin: 0px; list-style: none;}
img { border: 0px; }
p { line-height: 18px; }
input, select, textarea { font-family: Trebuchet MS, Verdana, Sans-serif; }
textarea { font-size: 11px; }

form { padding: 0; margin: 0; }

a:link,
a:active,
a:visited { color: #555; outline: none; }
a:hover { color: #C73321; }

h3 { color: #C73321; padding-bottom: 1em; font-size: 17px; }

ul { list-style-image: url('images/bullet-red.gif'); padding-left: 20px; }
li { list-style-image: url('images/bullet-red.gif'); line-height: 18px; }

ul.lista-vagas { font-size: 13px; }

#wrapper-vagas-home { width: 420px; float: left; }

#wrapper-vagas-home a { text-decoration: none; }
#wrapper-vagas-home a:hover { text-decoration: underline; }

#wrapper-site { width: 980px; background: #FFF; margin: auto; position: relative; z-index: 1; }

#menu-header { height: 98px; }
#menu-header a { height: 98px; display: block; float: left; background-position: 0 0; background-repeat: no-repeat; }
#menu-header a:hover { background-position: 0 -98px; }
#menu-header a span { display: none;}

#menu-header a#home:link,
#menu-header a#home:active,
#menu-header a#home:visited { width: 146px; background-image: url('images/button-home.gif'); }

#menu-header a#quem-somos:link,
#menu-header a#quem-somos:active,
#menu-header a#quem-somos:visited { width: 155px; background-image: url('images/button-quem-somos.gif'); }

#menu-header a#servicos:link,
#menu-header a#servicos:active,
#menu-header a#servicos:visited { width: 149px; background-image: url('images/button-servicos.gif'); }

#menu-header a#vagas:link,
#menu-header a#vagas:active,
#menu-header a#vagas:visited { width: 137px; background-image: url('images/button-vagas.gif'); }

#menu-header a#filosofia:link,
#menu-header a#filosofia:active,
#menu-header a#filosofia:visited { width: 152px; background-image: url('images/button-filosofia.gif'); }

#menu-header a#contato:link,
#menu-header a#contato:active,
#menu-header a#contato:visited { width: 136px; background-image: url('images/button-contato.gif'); }

#menu-header a#rss:link,
#menu-header a#rss:active,
#menu-header a#rss:visited { width: 105px; background-image: url('images/rss.gif'); }
#menu-header a#rss:hover { background-position: 0 0; }

#banner-home { border-top: 7px #f6f6f6 solid; border-bottom: 7px #f6f6f6 solid; height: 301px; overflow: hidden; }

#wrapper-caixas { width: 239px; position: absolute; z-index: 100; top: 355px; left: 718px; }
#wrapper-caixas input { width: 182px; height: 22px; line-height: 22px; position: absolute; z-index: 150; border: 0px; font-family: Trebuchet MS, Arial Narrow, Sans-serif; font-size: 15px; color: #666; }
#wrapper-caixas .usuario { top: 44px; left: 29px; }
#wrapper-caixas .senha { top: 77px; left: 29px; }
#wrapper-caixas .links { position: absolute; top: 10px; left: 10px; display: block;  }
#wrapper-caixas .links a:link,
#wrapper-caixas .links a:visited,
#wrapper-caixas .links a:active { display: block; color: #FFF; text-decoration: none; padding-left: 8px; width: 200px; height: 130px; }
#wrapper-caixas .links a:hover { text-decoration: underline; }
#wrapper-caixas .logar { width: 78px; height: 33px; display: block; position: absolute; top: 106px; left: 140px; }
#wrapper-caixas .logar span { display: none; }
#wrapper-caixas p { margin-top: 40px; padding-left: 26px; padding-right: 10px; color: #DDD; font-size: 11px; }

#wrapper-caixas .azul     { width: 239px; height: 152px; background: #FFF url('images/caixa-azul.gif') 0 0 no-repeat; position: absolute; }
#wrapper-caixas .laranja  { width: 239px; height: 153px; background: #FFF url('images/caixa-laranja.gif') 0 0 no-repeat; position: absolute; left: 0px; top: 152px; }
#wrapper-caixas .verde    { width: 239px; height: 152px; background: #FFF url('images/caixa-verde.gif') 0 0 no-repeat; position: absolute; left: 0px; top: 305px; }
#wrapper-caixas .vermelho { width: 239px; height: 39px; background: #FFF url('images/caixa-vermelha.gif') 0 0 no-repeat; position: absolute; left: 0px; top: 305px; }

#wrapper-caixas .vermelho * { vertical-align: middle; }

#wrapper-vermelho { position: absolute; top: 7px; left: 23px; }

#wrapper-dicas { position: absolute; top: 32px; left: 27px; width: 205px; }
#wrapper-artigos { position: absolute; top: 101px; left: 27px;  width: 205px; }
.verde a:link,
.verde a:active,
.verde a:visited { font-size: 11px; color: #333; display: block; padding-left: 10px; background: url('images/bullet.png') no-repeat 0 5px; text-decoration: none; }
.verde a:hover { text-decoration: underline; }

#padder-site { padding: 30px 0 30px 30px; }

h2 { height: 45px; margin-bottom: 15px; }
h2 span { display: none; }

h2.tit-vagas { background: url('images/tit-vagas.gif') no-repeat; }
h2.tit-servicos { background: url('images/tit-nossos-servicos.gif') no-repeat; }
h2.tit-nossa-filosofia { background: url('images/tit-nossa-filosofia.gif') no-repeat; }
h2.tit-quem-somos { background: url('images/tit-quem-somos.gif') no-repeat; }
h2.tit-dicas { background: url('images/tit-dicas.gif') no-repeat; }
h2.tit-contato { background: url('images/tit-contato.gif') no-repeat; }
h2.tit-noticias { background: url('images/tit-noticias.gif') no-repeat; }
h2.tit-login { background: url('images/tit-login.gif') no-repeat; }
h2.tit-empresa { background: url('images/tit-empresa.gif') no-repeat; }
h2.tit-candidato { background: url('images/tit-candidato.gif') no-repeat; }
h2.tit-artigos { background: url('images/tit-artigos.gif') no-repeat; }
h2.tit-equipe { background: url('images/tit-equipe.gif') no-repeat; }
h2.tit-registre-se { background: url('images/tit-ainda-nao-tem-cadastro.gif') no-repeat; }
h2.tit-cadastro { background: url('images/tit-cadastro.gif') no-repeat; }
h2.tit-cadastre-se { background: url('images/tit-cadastre-se.gif') no-repeat; }

#wrapper-servicos-home { float: left; width: 245px; }
#wrapper-nossa-filosofia-home { float: left; width: 310px; }
#wrapper-quem-somos-home { float: left; width: 420px; padding-right: 20px; }
#wrapper-body { width: 650px; min-height: 460px; }

#wrapper-nossa-filosofia-home .padder { padding-right: 30px; }

.clear { clear: both; }
.separator { clear: both; border-bottom: 1px solid #EEE; padding-top: 20px; margin-bottom: 20px; }

.menu-servicos-home { padding-left: 10px; }

.menu-servicos-home a:link,
.menu-servicos-home a:active,
.menu-servicos-home a:visited { width: 189px; height: 35px; display: block; }
.menu-servicos-home a:hover { background-position: 0 -35px; }

.menu-servicos-home a.assessoria-empresarial:link,
.menu-servicos-home a.assessoria-empresarial:active,
.menu-servicos-home a.assessoria-empresarial:visited { background-image: url('images/button2-assessoria-empresarial.gif'); background-repeat: no-repeat; }

.menu-servicos-home a.assessoria-profissional:link,
.menu-servicos-home a.assessoria-profissional:active,
.menu-servicos-home a.assessoria-profissional:visited { background-image: url('images/button2-assessoria-profissional.gif'); background-repeat: no-repeat; }

.menu-servicos-home a.treinamento:link,
.menu-servicos-home a.treinamento:active,
.menu-servicos-home a.treinamento:visited { background-image: url('images/button2-treinamento.gif'); background-repeat: no-repeat; }

.menu-servicos-home a.avaliacao-psicologica:link,
.menu-servicos-home a.avaliacao-psicologica:active,
.menu-servicos-home a.avaliacao-psicologica:visited { background-image: url('images/button2-avaliacao-psicologica.gif'); background-repeat: no-repeat; }

.menu-servicos-home a.recrutamento:link,
.menu-servicos-home a.recrutamento:active,
.menu-servicos-home a.recrutamento:visited { background-image: url('images/button2-recrutamento.gif'); background-repeat: no-repeat; }

.menu-servicos-home a.terceirizacao:link,
.menu-servicos-home a.terceirizacao:active,
.menu-servicos-home a.terceirizacao:visited { background-image: url('images/button2-terceirizacao.gif'); background-repeat: no-repeat; }

.menu-servicos-home a.temporarios:link,
.menu-servicos-home a.temporarios:active,
.menu-servicos-home a.temporarios:visited { background-image: url('images/button2-temporarios.gif'); background-repeat: no-repeat; }

.endereco { color: #707070; line-height: 20px; }

.pic-header img { background: #FFF; padding: 5px; border: 1px solid #CCC; float: left; margin: 0 20px 10px 0;  }
img.pic-header { background: #FFF; padding: 5px; border: 1px solid #CCC; float: left; margin: 0 20px 10px 0;  }

#wrapper-footer { clear: both; border-top: 1px solid #EEE; background: url('images/barrinha-vermelha.gif') 10px 0px no-repeat; }
#wrapper-footer .padder { padding: 15px 30px; }
#wrapper-footer #menu-footer { float: left; line-height: 44px; }

#wrapper-footer #menu-footer a:link, 
#wrapper-footer #menu-footer a:active, 
#wrapper-footer #menu-footer a:visited { color: #555; text-decoration: none; }
#wrapper-footer #menu-footer a:hover { text-decoration: underline; }

#wrapper-footer #associados { float: right; line-height: 44px; }
#wrapper-footer #associados img { vertical-align: middle; }

.label { color: #777; line-height: 18px; }
.field { line-height: 18px; margin-bottom: 1em; font-weight: bold; }

.padder-form .label { font-weight: bold; color: #777;}
.padder-form .input { padding-bottom: 10px; }
.padder-form .input input,
.padder-form .input textarea { width: 400px; padding: 2px; color: #777; border: 1px solid #CCC; }
.padder-form .submit { background: #EEE; border: 1px solid #CCC; padding: 5px; color: #777; font-weight: bold; }

.data { color: #999; }
.chamada { width: 450px; padding: 10px; background: #EEE; border: 1px dotted #DDD; margin-bottom: 1em; color: #777; }
.p p { padding-bottom: 0.8em; }

.voltar a:link,
.voltar a:active,
.voltar a:visited,
a.voltar:link,
a.voltar:active,
a.voltar:visited { padding: 0.5em 1.2em; font-size: 15px; font-weight: bold; border: 2px solid #DDD; background: #EEE; color: #777; font-weight: bold; text-align: right; text-decoration: none; }
.voltar a:hover, 
a.voltar:hover { background: #DDD; border: 2px solid #CCC; }

div.voltar { padding-top: 20px; }

.busca-vaga { padding: 9px; color: #777; background: #EEE; margin: 15px 0; -moz-border-radius: 7px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; }
.busca-vaga input { border: 1px solid #CCC; padding: 4px; -moz-border-radius: 3px; }
.busca-vaga .busca { width: 350px !important; color: #999; font-weight: bold;  }
.busca-vaga * { vertical-align: middle; }

.wrapper-equipe { width: 170px; float: left; }
.wrapper-equipe img { background: #FFF; padding: 4px; border: 1px solid #CCC; }
.wrapper-equipe .nome { font-weight: bold; }
.wrapper-equipe .cargo { color: #999; }

.error { background-color: #CE716C; padding: 10px 20px; font-weight: bold; color: #FFF; margin-bottom: 20px; -moz-border-radius: 7px; }

.success { background-color: #14A414; padding: 10px 20px; font-weight: bold; color: #FFF; margin-bottom: 20px; -moz-border-radius: 7px; }

.passo2 .item { float: left; margin-right: 10px; }

.t1 { width: 600px !important; overflow: hidden; }
.t1 input,
.t1 select,
.t1 textarea { width: 590px !important; }

.t2 { width: 300px !important; overflow: hidden; }
.t2 input,
.t2 select,
.t2 textarea { width: 290px !important; }

.t3 { width: 195px; }
.t3 input,
.t3 select,
.t3 textarea { width: 185px !important; }

.t4 { width: 145px; }
.t4 input,
.t4 select,
.t4 textarea { width: 135px !important; }

.t5 { width: 120px; }
.t5 input,
.t5 select,
.t5 textarea { width: 110px !important; }

.t6 { width: 90px; }
.t6 input,
.t6 select,
.t6 textarea { width: 80px !important; }

.passo2 dl { width: 270px; float: left; }
.passo2 dl { padding-bottom: 10px; }
.passo2 dt { font-weight: bold; font-weight: bold; color: #777; padding-top: 15px; }
.passo2 input,
.passo2 textarea, 
.passo2 select { padding: 2px; color: #777; border: 1px solid #CCC; }

h4 { clear: both; padding: 10px 15px; font-weight: bold; font-size: 17px; color: #999; border-bottom: 1px dotted #999; margin: 20px 0; background: #F3F3F3; }

.spacer { height: 40px; clear: both; }

.dica { color: #CCC; }

.separator { border-bottom: 2px solid #DDD; }

.i-list { border: 0px; border-bottom: 1px solid #EEE; width: 610px; height: 1px; overflow: hidden;}


