* {
  margin: 0px;
  padding: 0px; 
}

html, body {
  _overflow: no;
  overflow-x: hidden;
}

label {
  display: block;
}

.geral1024{
  background: url(../images/body.bg.jpg) fixed no-repeat -290px 0px;
}

.geral {
  background: url(../images/body.bg.jpg) fixed no-repeat -155px 0px;
}

div.wrap-geral {
  width: 1244px;
  margin: 0 auto 0 auto;
}

div.wrap-geral1024 {
  width: 1125px;
  !width: 1119px;
  margin: 0 auto 0 auto;
  margin-left: -120px;
  overflow: hidden;
  *width: 1200px;
  *margin-left: -116px; 
  _width: 1119px;
  _margin-left: -122px;  
  !margin-left: -118px; 
}

div#top {
  width: 1244px;
  background: url(../images/top.bg.png) no-repeat;
  height: 100px;
}

a#logo {
  width: 519px;
  height: 140px;
  display: block;
  background: url(../images/logo.png) no-repeat;
  text-indent: -99999px;
  position: relative;
  top: 9px;
  left: 130px;
  *left: -90px;
  _z-index:2;
}

div#central {
  width: 246px;
  height: 26px;
  background: url(../images/central_atendimento.png) no-repeat;
  position: relative;
  top: 20px;
  left: 370px;
  float: left;
}

div#professional {
  width: 368px;
  position:relative;
  left: 850px;
  top: -130px;
  background: url(../images/professional.png) no-repeat;
  height: 47px;
}

div#melhor-programa {
  position: relative;
  top: -100px;
  left: 730px;
  width: 400px;
  height: 35px;
  background: url(../images/melhor_programa.gif) no-repeat;
}

div#page {
  width: 1244px;
  float: left;
  background: url(../images/page.bg.png) repeat-y;
  _margin-top: -100px;
  _z-index:1;
}

div#wrap {
  width: 980px;
  margin: 0 auto 0 auto;
  padding-top: 35px;
  padding-left: 10px;
}

div#menu {
  width: 961px;
  height: 51px;
  
  
  background: url(../images/menu.bg.png) no-repeat;
  margin-bottom: 10px;
  _margin-top: -25px;
  padding-left: 10px;
}

div#menu li {
  float: left;
  list-style: none;
  border-right: 1px solid #6ed0ff;
  height: 48px;
  _height: 46px;
  _overflow: hidden;
  padding-left: 10px;
  padding-right: 10px;
}

div#menu li a.active, div#menu li a:hover {
  background: url(../images/link_ativo.png) no-repeat center 2px;
  !background-position: center 37px;
}

div#menu li a.first {
  margin-left: 50px;
}

div#menu li.last {
  border: 0px;
}

div#menu li img {
  height: 51px;
}

div#menu li a.home img {
  width: 42px;
}

div#menu li a.empresa img {
  width: 62px;
}

div#menu li a.solucoes img {
  width: 73px;
}


div#menu li a.clientes img {
  width: 61px;
}

div#menu li a.demonstracao img {
  width: 118px;
}

div#menu li a.oportunidades img {
  width: 117px;
}

div#menu li a.central img {
  width: 143px;
}

div#menu li a.contato img {
  width: 67px;
}

div#content {
  float: left;
}

div#sidebar {
  float: left;
  width: 220px;
}

.veja-mais {
  color: #0064da;
  font-size: 11px;
  font-family: verdana;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

div#texto {
  width: 740px;
  float: left;
}

div#texto h1 {
  font-family: arial;
  color: #001440;
  font-size: 18px;
  padding-bottom: 10px;
}

div#texto h2 {
  font-family: arial;
  color: #001440;
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 0px;
}

div#texto p, table tr td {
  font-family: arial;
  font-size: 14px;
  color: #52646d;
}

div#texto p {
  padding-bottom: 10px;
}

div#agenda {
  float: left;
}

div#vitrine {
  float: left;
  padding-left: 8px;
}

div#nf-e {
  margin-left: 15px;
  margin-top: 10px;
  width: 480px;
  height: 145px;
  float: left;
}

div#nf-e p {
  font-family: arial;
  font-size: 12px;
  width: 450px;
  padding-top: 30px;
}

div#newsletter {
  width: 319px;
  height: 155px;
  background: url(../images/newsletter.bg.gif) no-repeat;
  float: left;
  _overflow: hidden;
}

div#newsletter-texto {
  width: 180px;
  padding-left: 140px;
  padding-top: 28px;
  _padding-top: 20px;
  font-family: verdana;
  font-size: 11.2px;
  color: #52646d;
}

div#newsletter-texto h2 {
  width: 129px;
  height: 27px;
  background: url(../images/newsletter.h2.gif) no-repeat;
  text-indent: -9999px;
  margin-left: 40px;
}

div#newsletter-form {
  padding-top: 15px;
  _padding-top: 0px;
  padding-left: 10px;
}

div#newsletter-form input {
  display: block;
  margin-bottom: 5px;
  width: 200px;
  float: left;
  background: url(../images/input.bg.png) repeat-x;
  border: 1px solid #7b8c93;
  color: #293135;
  padding: 2px;
}

div#newsletter-form input.button {
  width:auto;
  float: right;
  margin-right: 10px;
  border: 0px;
  background: none;
}

div#beneficio, div#bnds {
  float: left;
  padding-left: 17px;
  padding-top: 10px;
  height: 155px;
}

div#noticias {
  width: 318px;
  height: 200px;
  float: left;
  margin-top: 10px;
}

div#noticias h2 {
  width: 318px;
  height: 32px;
  background: url(../images/noticias_eventos.jpg) no-repeat;
  text-indent: -9999px;
}

div#noticias li {
  list-style: none;
  border-bottom: 1px dotted #5a7077;
  color: #5a7077;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 10px;
  padding-top: 10px;
}

div#trabalhe {
  background: url(../images/trabalhe.bg.gif) no-repeat;
  width: 624px;
  height: 161px;
  float: left;
  margin-left: 17px;
  margin-top: 10px;
}

div#trabalhe-texto {
  float: left;
  padding: 10px;
  height: 100px;
  width: 300px;
}

div#trabalhe-texto p {
  font-family: tahoma;
  font-size: 11px;
  color: #52646d;
  margin-bottom: 10px;
}


div#trabalhe-texto a img {
  border: 0px;
}

div#trabalhe-titulo {
  float: left;
  padding: 10px;
  width: 260px;
}

div#trabalhe-titulo h2 {
  width: 180px;
  height: 29px;
  background: url(../images/trabalhe.h2.gif) no-repeat;
  text-indent: -9999px;
}

div#trabalhe-titulo img {
  border: 1px solid #999;
  margin-top: 10px;
}

div#footer {
  float: left;
  padding-top: 40px;
  text-align: center;
  font-family: verdana;
  font-size: 10px;
  color: #CCC;
  width: 1244px;
  margin: 0 auto 0 auto;
}

div#bottom {
  width: 1244px;
  background: url(../images/footer.bg.png) no-repeat;
  height: 100px;
  float: left;
}

a img  {
  border: 0px;
}

#box-solucoes {
  width: 100%;
  height: 367px;
  overflow: hidden;
  margin-top: 20px;
}

#box-solucoes li {
  float: left;
  width: 80px;
  height: 367px;
  overflow: hidden;
  cursor: pointer;
  list-style: none;
}

ul#box-solucoes li ul {
  
}

ul#box-solucoes li ul li {
  display: block;
  float: none;
  font-family: arial;
  width: 420px;
  height: auto;
  margin-bottom: 15px;
  list-style: none;
}

li#varejista {
  width: 500px;
  
}

div#texto li#varejista a {
  color: #a6a27d;
  text-decoration: none;
  
}

div#texto li#distribuidores a {
  color: #77936a;
  text-decoration: none;
}

div#texto li#industriais a {
  color: #d38b29;
  text-decoration: none;
}

div#texto li#servicos a {
  color: #bd4a49;
  text-decoration: none;
}


#box-solucoes div {
  float: left;
}

div.conteudo {
  width: 440px;
  overflow: hidden;
  padding-left: 20px;
  float: left;
  padding-top: 15px;
}

#box-solucoes div.conteudo ul {
  height: 320px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}

h2.clientes-comercio {
  background: url(../images/h1.varejista.gif) no-repeat;
  text-indent: -99999px;
  height: 20px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

h2.clientes-distribuidores {
  background: url(../images/h1.distribuidores.gif) no-repeat;
  text-indent: -99999px;
  height: 20px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

h2.clientes-industrias {
  background: url(../images/h1.industrias.gif) no-repeat;
  text-indent: -99999px;
  height: 20px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

h2.clientes-servicos {
  background: url(../images/h1.servicos.gif) no-repeat;
  text-indent: -99999px;
  height: 20px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  float: left;
}

div.cliente {
  margin-top: 10px;
  float: left;
}

div.cliente-thumb {
  float: left;
  width: 100px;
}

div.cliente-texto {
  float: right;
  width: 600px;
}

div#texto div.cliente-texto p {
  font-size: 12px;
}

div.cliente-texto h3 {
  font-size: 13px;
  font-family: arial;
}

div#oportunidades {
  width: 735px;
  height: 620px;
  background: url(../images/box-oportunidade.jpg) no-repeat;
  padding-top: 50px;
  padding-left: 10px;
}

div#demo {
  width: 735px;
  height: 700px;
  background: url(../images/box-demonstracao.jpg) no-repeat;
  padding-top: 50px;
  padding-left: 10px;
}

div#contato {
  width: 745px;
  height: 700px;
  background: url(../images/box-contato.jpg) no-repeat;
  padding-top: 50px;
  padding-left: 10px;
}

div.nfe {
  width:729px;
  height: 374px;
  background: url(../images/nfe.bg.gif) no-repeat;
  padding-top: 5px;
  float: left;
  margin-left: 7px;
}

div.nfe2 {
  width:729px;
  height: 374px;
  background: url(../images/nfe.bg2.gif) no-repeat;
  padding-top: 5px;
  float: left;
  margin-left: 7px;
}

div#nfe p {
  width: 98%;
  padding-left: 1%;
}

div#bndes {
  width: 745px;
  height: 700px;
  background: url(../images/bndes-box.jpg) no-repeat;
  padding-top: 50px;
  padding-left: 5px;
}

div#bndes-box {
  width:729px;
  height: 374px;
  background: url(../images/bnds.bg.gif) no-repeat;
  padding-top: 5px;
}

div#bndes-box p {
  width: 98%;
  padding-left: 1%;
}

div#contato p, div#contato h2, div#contato h3 {
  color: #1f6193;
  font-family: tahoma;
}

div#contato-sidebar {
  float: left;
  width: 220px;
  height: 375px;
  background: url(../images/box.contato.2.png) no-repeat;
  padding: 10px;
  padding-top: 5px;
}

div#contato-sidebar h3, div#contato-sidebar h2 {
  color: #1f6193;
  font-family: tahoma;
  font-size: 15px;
  margin-top: 5px;
}

div#texto a  {
  color: #0000C3;
}

div#contato-sidebar .destaque {
  font-weight: bold;
}

div#contato-texto {
  float: left;
  width: 490px;
}

div#contato-texto p {
  margin-bottom: 0px;
}

div#contato-texto table {
  width: 400px;
}

form table {
  width: 480px;
}

form#demonstracao-form {
  float: left;
  width: 450px;
}

form#demonstracao-form table {
  width: 450px;
}

form#demonstracao-form input {
  width: 200px;
}

div#texto form#demonstracao-form textarea {
  width: 445px;
}

div#texto form#oportunidades-form input {
  width: 200px;
}

div#texto form#oportunidades-form table {
  width: 500px;
}

button {
  margin-top: 5px;
}

div#contato-texto label, div#texto button {
  font-weight: bold;
  color: #1f6193;
  font-family: tahoma;
}



div#contato-texto button {
  margin-top: 10px;
}

div#menu-box, div#menu-box-segmentos, div#menu-box-central, div#menu-box-nfe {
  height: 42px;
  position: absolute;
  !position: relative;
  z-index: 99;
  !float: left;
}


div#menu-box-segmentos {
  height: 43px;
  *margin-bottom: -70px;
}

div#menu-box li, div#menu-box-segmentos li, div#menu-box-central li, div#menu-box-nfe li {
  float: left;
  list-style: none;
}

div#menu-box li img, div#menu-box-segmentos li img, div#menu-box-central img, div#menu-box-nfe img, div#beneficios-menu img {
  cursor: pointer;
}

div#box, div#box-segmentos, div#nfe-box {
  width: 745px;
  height: 448px;
  margin-top: 42px;
  !float: left;
  !margin-top: 0px; 
  _margin-top: -5px;
  padding-top: 17px;

}

div#box, div#nfe-box {
background: url(../images/box-geral.jpg) no-repeat;
}

div.varejo {
  background: url(../images/box-comvarejista.jpg) no-repeat;
}

div.atacado {
  background: url(../images/box-atacado.jpg) no-repeat;
}

div.industrias {
  background: url(../images/box-industrias.jpg) no-repeat;
}

div.prestadores {
  background: url(../images/box-prestadores.jpg) no-repeat;
}


div#box-segmentos {
  margin-top: 43px;
}

#comvarejista-fotos {
  background: none;
}

.voltar {
  margin-left: 10px;
  margin-right: 5px;
  float: left;
  padding-top: 150px;
  width: 16px;
}

.avancar {
  margin-left: 5px;
  margin-right: 10px;
  float: left;
  padding-top: 150px;
  width: 16px;
}

div#conteudo-box, .conteudo-box {
  width: 500px;
  height: 325px;
  float: left;
  !margin-top: -115px;
  _margin-top: -128px;
  
  text-align: center;
}

.conteudo-box {
  width: 400px;
  height: 350px;
  background: url(../images/segmentos.fotos.bg.png) no-repeat;
  overflow: hidden;
  *margin-top: 0px;
}

.conteudo-box-primeiro {
  width: 400px;
}


div#sidebar-box, .sidebar-box {
  float: left;
  width: 220px;
  height: 314px;
  background: url(../images/box-contato-interno.jpg) no-repeat;
  padding: 10px;
}


div#sidebar-box {
  !margin-top: -113px;
}

.sidebar-box {
  width: 222px;
  height: 350px;
  background: url(../images/segmentos.texto.bg.png) no-repeat; 
  margin-left: 20px;
}

div.sidebar-box-primeiro {
  width: 294px;
  background: url(../images/segmentos.fotos.bg.png) no-repeat;
}

div#texto p.sidebar {
  font-size: 12px;
  width: 250px;
  line-height: 130%;
  text-align: justify;
}

div#texto p.sidebar-industria {
  font-size: 12px;
  width: 280px;
  padding: 4px;
  line-height: 130%;
}

.sidebar-box ul {
  
  padding-left: 10px;
  padding-right: 5px;
}

.sidebar-box li {
  font-family: arial;
  font-size: 12px;
  margin-bottom: 5px;
}

.conteudo-box, .conteudo-box-primeiro {
  float: left;
}

.conteudo-box li, .conteudo-box-primeiro li {
  overflow: hidden;
  width: 400px;
  height: 350px;
  float: none;
  display: block;
  padding-top: 70px;
}

.conteudo-box-primeiro li {
  width: 294px;
}

div#sidebar-box p {
  width: 200px;
}

div#depoimentos-box, div.depoimentos {
  position: absolute;
  !position: relative;
  !float: left;
  z-index: 999999;
  top: 525px;
  !top: 270px;
  width: 700px;
  padding-left: 10px;
}

div.depoimentos {
  top: 515px;
  !top: 255px;
}

div#depoimento-abrir, div.depoimento-abrir {
  float: left;
  width: 28px;
  height: 56px;
  background: url(../images/depoimento.abrir.png) no-repeat;
  margin-top: 45px;
  margin-left: 5px;
}

div#depoimento-fechar, div.depoimento-fechar {
  float: right;
  width: 28px;
  height: 56px;
  background: url(../images/depoimento.fechar.png) no-repeat;
  margin-top: 40px;
}

div.depoimentos-thumb, div.depoimento-thumb {
  float: left;
}

div#depoimento-texto, div.depoimento-texto {
  float: left;
  width: 515px;
  height: 56px;
  margin-top: 45px;
  padding-top: 10px;
  padding-left: 10px;
}

div.depoimento-texto {
  text-align: left;
}

div#praticidade, div#confianca, div#proximidade {
}

div#praticidade {
  padding-left: 0px;

}

div#proximidade {
  border: 0px;
}

div#confianca {
  margin-bottom: 30px;
}


div.demo-caracteristicas {
  padding: 5px;
  height: 110px;
  margin-top: 0px;
  width: 215px;
}



div#texto div.demo-caracteristicas p {
  color: #205f95;
  font-size: 14px;
}

div#texto div#praticidade p {
  padding-top: 10px;
}

div#texto div#proximidade p {
  padding-top: 10px;
}

div#praticidade h2 {
  text-indent: -99999px;
  background: url(../images/demonstracao.praticidade.gif) no-repeat;
  width: 95px;
  height: 35px;
}

div#confianca h2 {
  text-indent: -99999px;
  background: url(../images/demonstracao.confianca.gif) no-repeat;
  width: 95px;
  height: 35px;
  padding-bottom: 0px;
}

div#proximidade h2 {
  text-indent: -99999px;
  background: url(../images/demonstracao.proximidade.gif) no-repeat;
  width: 95px;
  height: 35px;
  padding-bottom: 0px;
}

div#demonstracao {
  float: left;
  width: 186px;
  margin-left: 20px;
}

div#demo p {
  padding-bottom: 5px;
  padding-top: 0px;
}

.sidebar-box-principal {
  width: 325px;
  height: 350px;
  background: url(../images/segmentos.texto.principal.bg.png) no-repeat; 
  margin-left: 20px;
  float: left; 
}

div#texto div.sidebar-box-principal p.sidebar {
  font-size: 12px;
  width: 280px;
  line-height: 130%;
  text-align: justify;
  padding: 5px;
}

.conteudo-box-principal {
  width: 300px;
  height: 350px;
  background: url(../images/segmentos.fotos.principal.bg.png) no-repeat;
  overflow: hidden;
  *margin-top: 0px;
   
}

.comentario_depoimentos {
  width: 480px;
  height: 237px;
  
  }
  
  .comentario_depoimentos:nth-of-type(1) {
    height: 202px;
  }

.comentario_contato {
  width: 480px;
  height: 90px;
}

.comentario_oportunidade {
  width: 480px;
  height: 90px;
}

.conteudo-box-principal {
  float: left;
}

.conteudo-box-principal li {
  overflow: hidden;
  width: 296px;
  height: 350px;
  float: none;
  display: block;
  padding-top: 70px;
}

h2.demo {
  margin-top: 30px;
}


div#texto div.atacado-side p.sidebar {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

div.wrap-box {
  background: url("../images/box-branco-empresa.png") no-repeat;
  padding: 5px;
  float: left;
  height: 686px;
}

div.wrap-central {
  background: url("../images/box-central.png") no-repeat;
  padding: 5px;
  float: left;
  height: 387px;
  width: 721px;
  margin-left: 10px;
  margin-top: -5px;
}

div#contato div.wrap-box {
  background: url("../images/box-branco-empresa2.png") no-repeat;
  padding: 5px;
  float: left;
  height: 563px;
}

div#oportunidades div.wrap-box {
  background: url("../images/box-branco-empresa3.png") no-repeat;
  padding: 5px;
  float: left;
  height: 530px;
}

div#empresa-facil-conteudo p, div#proximidade-conteudo p, div#experiencia-conteudo p, div#parceria-conteudo p {
  font-size: 11px;
}

body div#depoimentos-box p.depoimento {
  font-size: 11px;
}

div#box table {
  width: 99%;
}

div#box table, div#box table tr, div#box table td {
  border-collapse: collapse;
  padding: 5px;
  border: 1px solid #125F8D;
  background: #FFF;
}

div#box table th {
  font-family: arial;
  font-size: 13px;
  color: #FFF;
  background: #125F8D;
  padding: 5px;
}

div.wrap-central ul {
  font-family: arial;
  font-size: 13px;
  padding-left: 20px;
  color: #5264A0;
}

body div#bndes div#bndes-box p {
  font-size: 12px;
  padding-bottom: 5px;
}

body div#bndes div#bndes-box ul {
  padding-left: 20px;
  padding-bottom: 10px;
}

body div#bndes div#bndes-box li {
  font-size: 12px;
  font-family: arial;
  color: #52646d;
}


body div#bndes div#bndes-box p.explicacao {
  font-size: 11px;
}

body div#paf-ecf-box p {
  font-size: 12px;
}

ul.noticias {
  padding-left: 30px;
}

ul.noticias a {
  font-size: 13px;
  font-family: arial;
}

div#beneficios {
  width: 695px;
  margin: 0px auto;
  margin-top: 20px;
}

div#beneficios-menu {
  clear: both;
  float: left;
  margin: 0px auto;
  margin-bottom: -6px;
  margin-left: 120px;
  position: relative;
  z-index: 2;
}

div#beneficios-menu li {
  list-style: none;
  float: left;
}

div#beneficio-box {
  background: url(../images/box-beneficio.jpg) no-repeat;
  width: 695px;
  height: 325px;
  float: left;
  padding-left: 10px;
  padding-top: 10px;
}

div#beneficio-box p {
  font-size: 12px;
}

ul.filosofia li {
  float: left;
  width: 48%;
  list-style: none;
  height: 200px;
}

div.beneficios-conteudo {
  float: left;
  width: 382px;
}

div.beneficios-conteudo p {
  font-size: 11px;
}

div.beneficios-conteudo li {
  font-size: 11px;
  float: left;
  list-style: none;
  width: 23%;
  font-family: arial;
  color: #52646d;
}

div.beneficios-side {
  float: left;
  width: 200px;
  margin-left: 60px;
  margin-top: 30px;
}