* {margin:0; padding:0; font-family:"trebuchet ms", verdana, arial}
html, body {height:100%}
body {background:#ebebeb url(../img/bg-geral.png) center top repeat-y; font-size:12px; color:#4d4d4f}
div, h1 {position:relative}
img {border:none}
h1 {font-size:15px; color:#828282; padding-bottom:20px; z-index:2}
h1 img {vertical-align:middle}
a {outline:none; overflow:hidden; color:#333; text-decoration:none}
a:hover {text-decoration:underline}
input, textarea {width:237px; padding:7px 0; border:none; background:transparent 0 0 repeat-x; color:#ea7018; font-size:12px; font-weight:700; outline:none}
input {height:19px; background-image:url(../img/bg-input.png)}
textarea {height:99px; padding:0; background:none; overflow:auto; resize:none}

.text, .textarea {width:261px; height:33px}
.textarea {height:113px}
.textarea div {background-image:url(../img/bg-textarea.png); padding:7px 0}
.text *, .textarea * {float:left}
.textarea textarea {float:none}

.quebra {width:100%; height:2px; display:block; clear:both; background-color:transparent; font-size:0}

.box {float:left; margin-bottom:52px}

.img-dir-box {position:absolute; right:0; top:0; z-index:1}

.topo-box {height:39px}
.topo-box * {float:left}

.bg-topo-box {height:39px; background-image:url(../img/bg-boxes.png)}

.conteudo-box {padding:21px 23px 10px; text-align:justify}
.conteudo-box p {padding-top:16px}
.conteudo-box a {font-weight:700; color:#2e3192; text-transform:uppercase; font-size:10px}
.conteudo-box, .inferior-box div {background-color:#e9eef3}

.inferior-box, .inferior-box div {height:4px; font-size:0}
.inferior-box * {float:left}

.coluna {float:left}

.chamadas {text-align:justify; float:left; padding-bottom:40px}
.chamadas p {padding:10px 28px}

.titulo-chamadas {height:41px}
.titulo-chamadas * {float:left}
.titulo-chamadas div, .titulo-chamadas span {margin-top:10px}
.titulo-chamadas div {height:9px; background-color:#d0d0d0; font-size:0}
.titulo-chamadas span {display:block}

.img-estrutura {text-align:center}
.sup-estrutura {height:50px; background:transparent url(../img/bg-sup-estrutura.png) 0 0 repeat-x}
.inf-estrutura {height:50px; background:transparent url(../img/bg-inf-estrutura.png) 0 0 repeat-x}

#principal {width:100%; min-width:1003px; min-height:100%; background:transparent url(../img/bg-principal.jpg) center 0 no-repeat}

#corpo {width:957px; margin:auto; padding-top:161px}

#marca, #menu {position:absolute; z-index:1; left:0; top:71px}

#menu {width:774px; height:40px; left:179px}
#menu * {float:left}
#bg-menu {width:744px; height:34px; background:url(../img/bg-menu.png) 0 0 repeat-x}
#inf-menu {width:674px; height:6px; background-color:#0d1060; font-size:0}
#itens-menu {position:absolute; right:14px; top:11px; z-index:1; height:17px}
#itens-menu a {margin-left:42px; display:block; float:left; height:17px; background:transparent 0 0 no-repeat}
#itens-menu a span {display:none}

a#menu-empresa {width:63px; background-image:url(../img/menu-empresa.png)}
a#menu-empresa:hover {background-image:url(../img/menu-empresa_.png)}

a#menu-servicos {width:52px; background-image:url(../img/menu-servicos.png)}
a#menu-servicos:hover {background-image:url(../img/menu-servicos_.png)}

a#menu-estrutura {width:65px; background-image:url(../img/menu-estrutura.png)}
a#menu-estrutura:hover {background-image:url(../img/menu-estrutura_.png)}

a#menu-clientes {width:51px; background-image:url(../img/menu-clientes.png)}
a#menu-clientes:hover {background-image:url(../img/menu-clientes_.png)}

a#menu-contato {width:51px; background-image:url(../img/menu-contato.png)}
a#menu-contato:hover {background-image:url(../img/menu-contato_.png)}

#vitrine {width:855px; height:313px; left:50px}

#box-servicos {width:336px; padding:23px 0 0 12px}
#box-servicos .img-dir-box {right:-4px}
#box-servicos .bg-topo-box {width:252px}
#box-servicos .conteudo-box {width:282px}
#box-servicos .inferior-box div {width:320px}

#box-estrutura {width:335px; padding:23px 0 0 35px}
#box-estrutura .img-dir-box {top:9px}
#box-estrutura .bg-topo-box {width:241px}
#box-estrutura .conteudo-box {width:282px}
#box-estrutura .inferior-box div {width:320px}

#box-clientes {width:194px; padding:23px 0 0 35px}
#box-clientes .bg-topo-box {width:65px}
#box-clientes .conteudo-box {width:142px; padding-top:20px}
#box-clientes .conteudo-box, #box-clientes .inferior-box {margin-left:6px}
#box-clientes .inferior-box div {width:180px}

#flash-clientes {width:148px; height:86px; text-align:center}

#ultimas {width:328px; padding-left:12px}
#ultimas .titulo-chamadas div {width:190px}

#conquistas {width:567px; padding-left:40px}
#conquistas p {float:left; width:237px}
#conquistas .titulo-chamadas div {width:424px}

#img-empresa {padding:15px 0 35px 59px}

#empresa {width:100%; padding-bottom:45px}
#empresa strong {color:#3a3c7d}
#empresa .coluna {width:421px; padding-left:37px; text-align:justify}
#empresa .coluna p {padding-top:16px}
#empresa #links {width:100%; padding:0}

#missao {display:block; margin:25px auto 50px}

#links {width:442px; margin:auto; padding:32px 0 45px}
#links a {font-size:13px; font-weight:700; color:#828282; text-decoration:none; margin-left:15px}
#links a:hover {color:#f47920}
#links img {vertical-align:middle}

#img-servicos { padding:10px 0 0 6px}

#servicos {width:808px; padding-left:74px; top:-20px}
#servicos .coluna {width:264px}
#servicos .coluna div {background:transparent url(../img/bg-opacidade.png) repeat; border:1px solid #e6e6e6; padding:12px; text-align:center; margin-bottom:8px}
#servicos #links {padding:50px 0 25px}

#estrutura {width:930px; margin:auto; padding-top:40px}
#estrutura .coluna {width:270px; padding:0 20px}
#estrutura dl {height:572px; padding:0 20px; background:transparent url(../img/bg-box-estrutura.png) 0 0 repeat}
#estrutura dt {background:transparent 0 center no-repeat; font-size:13px; font-weight:700; padding-left:16px}
#estrutura dd {padding:4px 0 38px 16px; text-align:justify}
#estrutura .azul dt {background-image:url(../img/bullet-azul.png); color:#003a90}
#estrutura .vermelho dt {background-image:url(../img/bullet-vermelho.png); color:#952000}
#estrutura .verde dt {background-image:url(../img/bullet-verde.png); color:#1c5d00}
#estrutura #links {padding-top:50px}

#clientes {width:872px; margin:auto; padding:10px 0 65px}
#clientes div {padding:5px; float:left}
#clientes div span {width:206px; padding:38px 0; display:block; text-align:center; background:transparent url(../img/bg-opacidade.png) repeat; border:1px solid #e6e6e6}

#resultados {width:882px !important; width:889px; margin:auto; padding:8px 0 45px}
#resultados .coluna {width:258px; padding:0 18px}
#resultados h2 {font-size:12px; color:#f47920; text-transform:uppercase; background-color:#ececec; padding:4px 10px}
#resultados dl {padding:0 10px}
#resultados dt {font-size:11px; font-style:italic; padding:13px 0 0 16px; background:url(../img/bullet-azul.png) 0 13px no-repeat}

#img-contato {position:absolute; z-index:1; left:58px; top:145px}

#contato {width:819px; padding:20px 22px 16px; margin:246px auto 60px; background:transparent url(../img/bg-opacidade.png) repeat}
#contato .coluna {width:261px}
#contato .text {margin-bottom:7px}
#contato p {font-size:11px; font-style:italic; padding-bottom:8px}

#enviar {width:100%; height:33px}
#enviar * {float:left}
#enviar input {width:246px; height:33px; padding:0; margin:0; border:none; background:url(../img/bg-enviar.png) 0 0 repeat-x; color:#fff; font-size:17px; font-weight:700}

#info-contato {width:905px; margin:auto; padding-bottom:45px}
#info-contato div {height:40px; float:left; padding:0 50px}
#info-contato img {float:left; margin:2px 5px 10px 0}
#separador {border-left:1px solid #eee; border-right:1px solid #eee}

#rodape {width:960px; height:44px; margin:auto}
#rodape * {float:left}
#sup-rodape {width:852px; height:10px; background:url(../img/bg-rodape-2.png) 0 0 repeat-x; font-size:0}
#bg-rodape {width:952px; height:34px; background:url(../img/bg-rodape-1.png) 0 0 repeat-x}
#itens-rodape, #copy {position:absolute; left:26px; top:9px; z-index:1}
#copy {left:auto; right:23px; color:#acacac; font-size:11px}
#itens-rodape a {margin-right:38px; color:#3a3c7d; text-transform:uppercase; font-size:10px; text-decoration:none}
#itens-rodape a:hover {color:#f47920}

#assinatura {width:100%}
#assinatura p {color:#acacac; font-size:10px; padding:13px 0 10px 26px}
#assinatura a {position:absolute; z-index:1; right:23px; top:13px}