html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1.4;}
ol,ul {list-style: none;}
blockquote,q {quotes: none;}
blockquote:before,blockquote:after,
q:before,q:after {content:''; content: none;}
/* remember to define focus styles! */
:focus{outline:0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse; border-spacing: 0;}
html {overflow-y: scroll;}
body {background: #FFF url(../img/bg.gif) top repeat-x;}
body, input, select, textarea {font: 12px Arial, Helvetica, sans-serif; color: #1d2328;}
img {border: 0px;}
a {outline: none; text-decoration: underline; color: #4278bd;}
ul li {list-style: none;}
p {padding-bottom: 12px; line-height: 15px;}
.txt {padding: 0px 16px 0px 20px;}
ul.disc li {list-style: url(../img/style-disc.jpg); margin-left: 17px;}
ul.disc-mLeft li {list-style: url(../img/style-disc.jpg); margin: 0px 0px 10px 30px;}
ul.none li {margin: 0px 0px 10px 10px;}
.left {float: left;}
.right {float: right;}
.clear {clear: both;}
.indent {text-indent: -9999px; overflow: hidden;}
.wrapper {min-height: 100%; height: auto !important; height: 100%;}
#header {width: 100%; height: 110px; margin-top: 10px; border-bottom: 4px solid #4278bd;}
#contentHeader {width: 755px; height: 110px; margin: 0 auto; position: relative;}
ul#navTop {width: 355px; height: 16px; position: absolute; top: 35px; right: 2px;}
ul#navTop li {float: left; background: url(../img/marker.gif) right no-repeat;}
ul#navTop a {height: 16px; color: #505e66; text-decoration: none; margin-right: 10px; margin-left: 10px;}
ul#navTop a.first {margin-left: 0px;}
ul#navTop a.last,ul#navTop li.last {margin-right: 0px; background: none;}
ul#navTop a.hover,ul#navTop a:hover {text-decoration: underline; color: #4278bd;}
ul#mainNav {width: 705px; height: 24px; background: url(../img/bg-mainNav.jpg); position: absolute; left: 27px; bottom: 0px;}
ul#mainNav li {float: left; background: url(../img/markerMain.gif) right no-repeat;}
ul#mainNav a {height: 17px; text-indent: -9999px; overflow: hidden; display: block; text-decoration: none; margin-right: 14px; margin-left: 14px;}
ul#mainNav a.first {margin-left: 0px;}
ul#mainNav li.last {background: none;}
ul#mainNav a.last {margin-right: 0px;}
ul#mainNav a:hover, ul#mainNav a.hover {background-position: 0 -17px;}
a#quemSomos {width: 88px; background: url(../img/btn-quemSomos.gif);}
a#produtosServicos {width: 149px; background: url(../img/btn-produtosServicos.gif);}
a#areaAtuacao {width: 119px; background: url(../img/btn-areaAtuacao.gif);}
a#competencias {width: 100px; background: url(../img/btn-competencias.gif);}
a#cases {width: 42px; background: url(../img/btn-cases.gif);}
a#contato {width: 60px; background: url(../img/btn-contato.gif);}
#container {width: 755px; position: relative; background: url(../img/bg-container.jpg) top no-repeat; margin: 0 auto; padding-top: 20px; min-height: 300px;}
.box-home {width: 507px;}
#flash-home {width: 507px; height: 241px; background: url(../img/flash-home.jpg);}
.era-ti {width: 501px; height: 183px; margin-top: 19px; border: 1px solid #b7bbc1; padding: 18px 0px 0px 0px; background: url(../img/bg-era-ti.png) bottom left no-repeat;}
.era-ti .desk-txt {width: 270px; height: 124px; margin-top: 17px; color: #4278BD; text-align: justify; padding: 6px;}
a.btn-acesse {width: 50px; height: 8px; background: url(../img/btn-acesse.gif) no-repeat; display: block;}
.both-era-ti {width: 501px; height: 15px; background: url(../img/bg-bottom-era-ti.jpg) center no-repeat;}
.home-sidebar {width: 248px;}
.box-sidebar {width: 231px; height: 68px; padding: 15px 0px 0px 15px; margin-bottom: 4px;}
.home-sidebar .mail {background: url(../img/bg-box246x80-mail.jpg);}
.home-sidebar .solucao {background: url(../img/bg-box246x80-solucao.jpg);}
.home-sidebar .contato {background: url(../img/bg-box246x80-contato.jpg);}
.home-sidebar .contato span {font-size: 10px;}
a.btn-saibaMais {width: 74px; height: 8px; background: url(../img/btn-saibaMais.gif) no-repeat; display: block;}
a.a-btn-contato {width: 59px; height: 8px; background: url(../img/a-btn-contato.gif) no-repeat; display: block; margin: -10px 0px 0px 0px;}
a.btnVoltar {width: 81px; height: 19px; display: block; background: url(../img/btn-voltar.jpg); text-indent: -9999px; overflow: hidden; margin: 10px}
#gestao-ti {width: 246px; height: 201px; background: url(../img/bg-gestao-ti.gif); position: relative;}
#consultoria-ti {width: 246px; height: 201px; background: url(../img/bg-consultoria-ti.gif); position: relative;}
a.btn-saibaMais-consultoriaTi {width: 88px; height: 17px; background: url(../img/btn-saibaMais-consultoriaTi.gif); text-indent: -9999px; overflow: hidden; display: block; position: absolute; top: 162px; right: 17px;}
.box704 {width: 704px; margin: 0 auto; margin-bottom: 5px;}
.box684 {width: 684px; margin: 0 auto; margin-bottom: 5px; background: Yellow;}
.box-text682x38 {width: 660px; height: 24px; color: #487bb6; font-weight: bold; background: url(../img/bg-text682x38.gif) no-repeat; padding: 14px 0px 0px 22px; margin-bottom: 9px;}
.anexe-curriculo {width: 658px; height: 297px; color: #487bb6; font-weight: bold; background: url(../img/bg-anexe-curriculo.gif); padding: 14px 0px 0px 22px; margin-top: 15px;}
.enviar-curriculo {width: auto; height: 250px; color: #193359; font-weight: normal; margin-top: 10px;}
.enviar-curriculo p {padding: 3px 0; margin:0; clear: both;}
.enviar-curriculo input, .enviar-curriculo select, .enviar-curriculo textarea {float:left; display:inline;}
.enviar-curriculo p.left {float: left;}
.enviar-curriculo p.cn {clear:none;}
.enviar-curriculo .mr43 {margin-right: 43px;}
.enviar-curriculo .mr18 {margin-right: 18px;}
.enviar-curriculo label {display: block; float: left; margin-top: 5px;}
.enviar-curriculo label.error {float:left; padding-left: 5px;}
.enviar-curriculo label.w45 {width: 45px;}
.enviar-curriculo label.w56 {width: 56px;}
.enviar-curriculo label.w63 {width: 63px;}
.enviar-curriculo label.w68 {width: 68px;}
.enviar-curriculo label.w77 {width: 77px;}
.enviar-curriculo label.w104 {width: 104px;}
input {height: 18px; border: 1px solid #59687a;}
select.tipoVaga,select.areaInteresse {height: 23px; border: 1px solid #59687a;}
select.tipoVaga {width: 87px;}
select.areaInteresse {width: 267px;}
textarea.msgCv {height: 83px; width: 323px; border: 1px solid #59687a;}
.enviar-curriculo input.w142 {width: 142px;}
.enviar-curriculo input.w313 {width: 324px;}
.enviar-curriculo input.w106 {width: 106px;}
#frmTrabalheConosco p {width: 400px;}
#frmTrabalheConosco p {position: relative;}
#frmTrabalheConosco label {width: 67px; display: block; float: left;}
#frmTrabalheConosco input.enviar-cv {position: absolute; right: 0px; bottom: -20px; height: 22px; border: none; border: 0px;}
#frmTrabalheConosco label.error {position: absolute; right: -140px; top: 2px; width: auto; text-align: right;}
.img-social {width: 158px; height: 102px; padding-left: 7px; margin-bottom: 10px; float: left;}
.txt-social {width: 463px; height: 98px; padding-top: 4px;}
.box-quem-somos {width: 380px; float: left; margin-top: 30px;}
.img-quem-somos {width: 265px; height: 233px; background: url(../img/img-quem-somos.jpg); float: right; margin-top: -40px;}
.quem-somos-desc {width: 246px; height: 196px; background: url(../img/bg-quem-somos-desc.png); float: left; margin-right: 6px; padding-top: 19px;}
.quem-somos-desc.last {margin-right: 0px;}
.quem-somos-desc .text {width: 197px; padding-left: 23px; margin-top: 12px;}
ul.helpDesk li {list-style: none; float: left;}
ul.helpDesk li a {width: 133px; height: 73px; text-indent: -9999px; overflow: hidden; margin-right: 5px; display: block;}
ul.helpDesk li a.residente {background: url(../img/btn-residente.gif);}
ul.helpDesk li a.agendado {background: url(../img/btn-agendado.gif);}
ul.helpDesk li a.campo {background: url(../img/btn-campo.gif);}
ul.helpDesk li a.helpDesk {background: url(../img/btn-helpDesk.gif);}
.box725 {width: 725px; margin: 0 auto; margin-bottom: 5px;}
#flash-oque-fazemos {width: 725px; height: 197px; background: url(../img/flash-oque-fazemos.gif); margin: 23px 0px 19px 0px;}
.oque-fazemos-desk {width: 230px; float: left; margin-right: 2px;}
.oque-fazemos-desk.last {margin-right: 0px; width: 260px;}
.oque-fazemos-desk .img {width: 261px; height: 196px; background: url(../img/img-desk-oque-fazemos.png);}
ul.oque-fazemos li a {display: block; width: 193px; height: 23px; padding:8px 0px 2px 28px; margin-bottom: 15px; color:#FFF; text-transform:uppercase; font-weight:bold; text-decoration:none; overflow: hidden; background:url(../img/btn-bg.gif); font-size: 13px;}
#content-gestao-ti {width: 738px; padding-bottom: 4px; background: url(../img/bg-content-gestao-ti.gif) top no-repeat; border: 1px #999999 solid; position: relative;}
#container-accor {margin-top: 77px; padding: 0px 0px 0px 5px;}
/*
a#outsourcing {background: url(../img/btn-outsourcing.gif);}
a#email {background: url(../img/btn-email.gif);}
a#redeSeguranca {background: url(../img/btn-rede-e-seguranca.gif);}
a#servidores {background: url(../img/btn-servidores.gif);}
a#solucoesParaEmpresa {background: url(../img/btn-solucoes-para-empresa.gif);}
a#backup {background: url(../img/btn-backup.gif);}
a#consultoriaTi {background: url(../img/btn-consultoria-de-ti.gif);}
a#treinamento {background: url(../img/btn-treinamento.gif);}
*/
.text-certificacoes {width: 660px; padding-left: 22px;}
ul.certificacoes {margin-left: 12px;}
ul.certificacoes li {width: 93px; height: 64px; display: block; margin: 0px 3px 22px 0px; text-indent: -9999px; overflow: hidden; float: left;}
ul.certificacoes li.last {margin-right: 0px;}
ul.certificacoes li.windows {background: url(../img/img-so-windows.jpg);}
ul.certificacoes li.novell {background: url(../img/img-so-novell.jpg);}
ul.certificacoes li.mac {background: url(../img/img-so-mac.jpg);}
ul.certificacoes li.linux {background: url(../img/img-so-linux.jpg);}
ul.certificacoes li.suse {background: url(../img/img-so-suse.jpg);}
ul.certificacoes li.citrix {background: url(../img/img-software-citrix.jpg);}
ul.certificacoes li.oracle {background: url(../img/img-software-oracle.jpg);}
ul.certificacoes li.vmware {background: url(../img/img-software-vmware.jpg);}
ul.certificacoes li.mcAfee {background: url(../img/img-software-mcAfee.jpg);}
ul.certificacoes li.testar {background: url(../img/img-software-mcafee.jpg);}
ul.certificacoes li.trend {background: url(../img/img-software-trend.jpg);}
ul.certificacoes li.fsecure {background: url(../img/img-software-fsecure.jpg);}
ul.certificacoes li.ca {background: url(../img/img-software-ca.jpg);}
ul.certificacoes li.cisco {background: url(../img/img-rede-cisco.jpg);}
ul.certificacoes li.juniper {background: url(../img/img-rede-juniper.jpg);}
ul.certificacoes li.threeCom {background: url(../img/img-rede-3com.jpg);}
ul.certificacoes li.dlink {background: url(../img/img-rede-dlink.jpg);}
ul.certificacoes li.ironport {background: url(../img/img-rede-ironport.jpg);}
ul.certificacoes li.watch {background: url(../img/img-rede-watch.jpg);}
ul.certificacoes li.dell {background: url(../img/img-hardware-dell.jpg);}
ul.certificacoes li.ibm {background: url(../img/img-hardware-ibm.jpg);}
ul.certificacoes li.hp {background: url(../img/img-hardware-hp.jpg);}
ul.certificacoes li.intel {background: url(../img/img-hardware-intel.jpg);}
ul.certificacoes li.lenovo {background: url(../img/img-hardware-lenovo.jpg);}
ul.certificacoes li.toshiba {background: url(../img/img-hardware-toshiba.jpg);}
#busca-cases {width: 704px; height: 51px;}
#busca-cases .tema {width: 207px; float: left;}
#busca-cases input {height: 18px; border: 1px solid #59687a;}
#busca-cases select {height: 22px; border: 1px solid #59687a;}
label.tema {width: 38px; float: left; display: block;}
select.set-tema {width: 148px;}
input.key {width: 184px;}
.search-result {width: 704px; margin-bottom: 7px; position: relative; overflow: visible;}
.search-result li {height: 48px; background: url(../img/bg-result-even.gif) no-repeat; padding: 19px 0px 0px 27px; margin: 4px 0;}
.search-result a {width: 73px; height: 67px; background: url(../img/btn-down-even.jpg) no-repeat; float: right; display: block; text-indent: -9999px; overflow: hidden; margin-top: -62px;}
.search-result li.odd {background: url(../img/bg-result-odd.gif) no-repeat;}
.search-result li.odd a {background: url(../img/btn-down-odd.jpg) no-repeat;}
.search-result h5 {color: #4278bd;}
#wrapper-contato {width: 475px; float: left;}
#box-contato {width: 475px; height: 310px; background: url(../img/bg-contato.gif) no-repeat; padding: 11px 0px 0px 0px;}
#box-contato h3, #visita h4 {background: url(../img/bg-title.png) no-repeat bottom left; font: 14px Arial, sans-serif; font-weight: bold; color: #386dbc; padding: 0px 0 10px 10px; text-indent: 0; margin-bottom: 10px}
#box-contato-bottom {width: 475px; height: 23px; background: url(../img/bg-contato-bottom.gif) no-repeat;}
#visita {width: 201px; height: 238px; background: url(../img/bg-visite.jpg) no-repeat; float: right; padding: 10px 0 0 0;}
#visita, #visita a {color: #193359;}
#visita p {margin-left: 10px;}
#frmContato {width: 375px; height: 170px; margin: 15px 0px 0px 20px; clear: both;}
#frmContato p {position: relative;}
#frmContato label {width: 67px; display: block; float: left;}
#frmContato label.error {position: absolute; right: 2px; top: 2px; width: auto; text-align: right;}
input.w314 {width: 304px; height: 18px; border: 1px solid #59687a;}
.textArea {width: 304px; height: 80px; border: 1px solid #59687a;}
input.btn-enviarContato {height: 22px; border: none; float: right; margin-right: 10px;}
#topFooter {width: 100%; height: 4px; background: #4278bd url(../img/bg-topFooter.jpg) top right no-repeat; margin-top: 10px;}
#footer {width: 755px; height: 42px; color: #505e66; background: url(../img/bg-footer.jpg) top no-repeat; padding-top: 10px; margin: 0 auto; overflow: visible;}
#footer a {color: #505e66; text-decoration: underline; font-weight: bold;}
ul#navFooter {width: 54px; height: 25px;}
ul#navFooter li {float: left;}
ul#navFooter li a {width: 25px; height: 25px; text-indent: -9999px; overflow: hidden; display: block;}
a#twitter {background: url(../img/btn-twitter.gif); margin-right: 4px;}
a#rss {background: url(../img/btn-rss.gif);}
/*IMAGE REPLACEMENT*/
h1 {width: 233px; height: 71px; background: url(../img/bg-h1.gif);margin-left:20px;}
h1 a {width: 233px; height: 71px; text-indent: -9999px; overflow: hidden; display: block;}
h2 {font-size: 20px; color: #4278bd; padding-bottom: 5px; text-transform: uppercase; background: url(../img/bg-h2.jpg) bottom left repeat-x; float: left;}
h2.bg-none {background: none;}
h2.gestao-completa {width: 328px; height: 32px; background: url(../img/h2-gestao-completa.png) no-repeat; position: absolute; top: 24px; left: 205px;}
/* h3.eraTi {width: 462px; height: 25px; background: url(../img/h3-eraTi.png) no-repeat; margin-bottom: 17px;} */
h3.eraTi {background: url(../img/bg-title.png) no-repeat bottom left; font: 14px Arial, sans-serif; font-weight: bold; color: #4278BD; padding: 0px 0 10px 10px; text-indent: 0; margin-bottom: 10px; text-transform:uppercase;}
/*
h3.resolva-problemas {width: 198px; height: 27px; background: url(../img/h3-resolva-problemas.png);}
h3.solucoes-inteligentes {width: 184px; height: 31px; background: url(../img/h3-solucoes-inteligentes.png);}
h3.solicite-visite {width: 149px; height: 30px; background: url(../img/h3-solicite-visite.png);}
*/
h3.resolva-problemas, h3.solucoes-inteligentes, h3.solicite-visite {font: 14px Arial, sans-serif; width: 210px; font-weight: bold; color: #4278BD; text-indent: 0; text-transform:uppercase;}
h3.preencha-campos {width: 446px; height: 22px; background: url(../img/h3-preencha-campos.png);}
h4 {display: block; text-indent: -9999px; overflow: hidden;}
h4.missao {width: 155px; height: 25px; background: url(../img/h4-missao.png);}
h4.visao {width: 165px; height: 25px; background: url(../img/h4-visao.png);}
h4.valores {width: 165px; height: 22px; background: url(../img/h4-valores.png); margin-top: 3px;}
h4.soliciteVisita {width: 163px; height: 22px; background: url(../img/h4-soliciteVisita.png); margin-top: 3px;}
/*IMAGE REPLACEMENT*/
input.error, textarea.error, select.error {border: 1px solid #C01611;}
label.error {color: #C01611; float: right; display: block; width: 160px; height: 14px;}
/* tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.tabs-hide {display: none;}
}
/* Hide useless elements in print layouts... */
@media print {
.tabs-nav {display: none;}
}
/* Skin Tab*/
.tabs-nav{width: 395px; height: 35px; list-style: none; margin-bottom: 5px;}
.tabs-nav li, #container-accor li {height: 35px; /*margin-right: 1px; */float: left;}
.tabs-nav a, .tabs-nav a span, #container-accor a, #container-accor a span {height: 35px; display: block; text-indent: -9999px; overflow: hidden;}
#container-accor .conteudo {display: block;}
#container-accor .conteudo li {height: auto; float:none;}
#container-accor .conteudo a, #container-accor .conteudo a span {height: auto; float:none; text-indent: 0; overflow: visible; display: inline;}
.tabs-nav a span.infra-estrutura, #container-accor a span.infra-estrutura {width: 163px; background: url(../img/btn-infra-estrutura.gif);}
.tabs-nav a span.servicos, #container-accor a span.servicos {width: 105px; background: url(../img/btn-servicos.gif); }
.tabs-nav a span.suporte, #container-accor a span.suporte {width: 106px; background: url(../img/btn-suporte.gif);}
.tabs-nav a span, #container-accor a span {/* IE 6 treats width as min-width */ height: 35px; /* IE 6 treats height as min-height */ min-height: 35px;}
.tabs-nav a span, #container-accor a span { /* hide from IE 6 */ width: auto; height: auto;}
/*.tabs-nav .tabs-selected a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {}*/
/*.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {}*/
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */ cursor: text;}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */ cursor: pointer;}
.tabs-container {/* declare background color for container to avoid distorted fonts in IE while fading */}
.tabs-loading em {padding: 0 0 0 20px; background: url(loading.gif) no-repeat 0 50%;}
/* accor */
.conteudo .accordion{clear:both;}
.conteudo .accordion li h3 {cursor:pointer; width: 728px; text-indent: -9999px; overflow: hidden;}
.conteudo .accordion li>div {padding: 5px 10px; text-align: justify;}
.conteudo .accordion li ul.disc-mLeft li {list-style: url(../img/style-disc.jpg); margin: 0px 0px 10px 30px;}
.conteudo .accordion li ol{margin:0 0 0 14px}
.conteudo .accordion li ol li{border:0;margin:0;padding:0}
.conteudo .accordion .aberto{}
/* accor / end */
.email-left {width: 328px; float: left;}
.email-right {width: 328px; float: right;}
table.tbl-email {width: 328px;}
table.tbl-email td {border: 1px solid #b7bbc1; height: 40px; padding: 3px 0px 0px 3px;}
table.tbl-email td.even {background: #f3f3f3;}
/* h3 infra-estrutura */
h3.virtualizacao {height: 32px; background: url(../img/h3-virtualizacao.gif);}
h3.desktop-remoto {height: 33px; background: url(../img/h3-desktop-remoto.gif);}
h3.locacao {height: 33px; background: url(../img/h3-locacao.gif);}
h3.data-center {height: 33px; background: url(../img/h3-data-center.gif);}
h3.link-dedicado-internet {height: 33px; background: url(../img/h3-link-dedicado-internet.gif);}
/* h3 servicos */
h3.iron-port {height: 33px;background: url(../img/h3-iron-port.gif);}
h3.spla {height: 32px; background: url(../img/h3-spla.gif);}
h3.email-exchange {height: 32px; background: url(../img/h3-email-exchange.gif);}
h3.backup-dedicado {height: 32px; background: url(../img/h3-backup-dedicado.gif);}
h3.backup-offsite {height: 32px; background: url(../img/h3-backup-offsite.gif);}
h3.hospedagem-de-sites {height: 32px; background: url(../img/h3-hospedagem-de-sites.gif);}
h3.data-center {height: 32px; background: url(../img/h3-data-center.gif);}
h3.link-dedicado-internet {height: 32px; background: url(../img/h3-link-dedicado-internet.gif);}
h3.antispam {height: 33px; background: url(../img/h3-antispam.gif);}
/* h3 suporte */
h3.fake {height: 32px; background: url(../img/h3-accor-fake.gif);}
h3.remoto {height: 32px; background: url(../img/h3-remoto.gif);}
h3.campo {height: 32px; background: url(../img/h3-campo.gif);}
h3.agendado {height: 32px; background: url(../img/h3-agendado.gif);}
h3.residente {height: 32px; background: url(../img/h3-residente.gif);}
h3.gerente-de-ti {height: 32px; background: url(../img/h3-gerente-de-ti.gif);}
h3.equipe-de-service-desk {height: 32px; background: url(../img/h3-equipe-de-service-desk.gif);}