@charset "utf-8";

* {
  margin: 0;
  padding: 0;
}

a img,
fieldset {
  border: none;
}

.f_lf {
  float: left;
}

.f_rt {
  float: right;
}

.hd {
  display: none;
}

article,
aside,
footer,
header,
nav,
section {
  display: block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

html,
body {
  background: white;
  font-family: Arial, Sans-Serif;
}

a {
  text-decoration: none;
}

button {
  outline: none;
  border: none;
  background: none;
  cursor: pointer;
}

ul {
  list-style: none;
}

/* Topo */
header.main {
  background: #f6f6f4;
  height: 112px;
  position: relative;
  z-index: 1;
}

header.main div.inner {
  height: 112px;
  width: 980px;
  margin: 0 auto;
  border-bottom: 1px solid #ededed;
  position: relative;
}

header.main a.logo {
  left: 20px;
  top: 24px;
  position: absolute;
  display: block;
  text-indent: -9999px;
  background: url(../img/dp_comp_sistemas.png);
  width: 134px;
  height: 50px;
}

/* Menu Topo */
nav#small {
  position: absolute;
  right: 20px;
  top: 11px;
}

nav#small ul {
  list-style: none;
  height: 15px;
  _float: left;
}

nav#small ul li {
  float: left;
  padding: 6px 0 0 25px;
}

nav#small ul li.carli {
  float: left;
  padding: 6px 0 0 39px;
}

nav#small ul li a,
nav#small ul li {
  font: bold 11px Arial;
  color: #8c8c8c;
}

nav#small ul li.active a {
  color: #7f050e;
}

nav#small ul li.falouv a {
  font: bold 16px Arial;
  color: #FF0000;
}

nav#small ul li.falouv {
  font: bold 16px Arial;
  color: #FF0000;
}

.ico {
  display: inline-block;
  height: 14px;
  width: 14px;
  margin-right: 4px;
  background-position: right center;
  background-repeat: no-repeat;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

.ico-minha-conta {
  background: url(../img/ico/ico-minha-conta.png) right center no-repeat;
  display: inline-block;
  height: 14px;
  width: 100px;
  margin-right: 4px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  *top: 0;
}

.carrinho {
  display: inline-block;
  width: 54px;
  padding-left: 26px;
  height: 30px;
  position: relative;
  top: -8px;
  margin-right: -41px;
  background: url(../img/ico/ico-carrinho.png) right center no-repeat;
  color: white;
  font-size: 20px;
  line-height: 30px !important;
  text-align: center;
}

.i-tel {
  background-image: url(../img/ico/ico-tel.png);
}

.i-whatsapp {
  background-image: url(../img/ico/ico-whatsapp.png);
}

.i-fal {
  background-image: url(../img/ico/ico-fal.png);
}

.i-ate {
  background-image: url(../img/ico/ico-ate.png);
}

.i-sup {
  background-image: url(../img/ico/ico-sup.png);
}

.i-close {
  background-image: url(../img/ico/ico-close.png);
}

nav#small ul li.active .i-fal {
  background-image: url(../img/ico/ico-fal-active.png);
}

nav#small ul li.active .i-ate {
  background-image: url(../img/ico/ico-ate-active.png);
}

nav#small ul li.active .i-sup {
  background-image: url(../img/ico/ico-sup-active.png);
}

/* Menu Principal */
nav.main {
  height: 30px;
  background: url(../img/bg/bg-nav.png);
  position: absolute;
  right: 20px;
  top: 52px;
  border-radius: 5px;
}

nav.main ul {
  list-style: none;
  height: 30px;
  _float: left;
}

nav.main ul li {
  float: left;
  height: 30px;
  background: url(../img/nav-slash.png) no-repeat right center;
  padding: 0 29px 0 24px;
  position: relative;
}

nav.main ul li.last {
  padding-right: 15px;
  background: none;
}

nav.main ul li.first {
  padding-left: 15px;
}

nav.main ul li a.ma {
  display: inline-block;
  color: white;
  font: bold 15px Arial;
  letter-spacing: -1px;
  text-decoration: none;
  line-height: 30px;
  z-index: 2;
  position: relative;
}

nav.main ul li a.active {
  color: #ecedb7;
}

nav.main#homenav ul li h2 {
  line-height: 25px;
  position: relative;
  z-index: 2;
  _float: left;
}

/* Sub Menus */
nav.main ul li.hassub {
  padding: 0 15px 0 10px;
}

nav.main ul li.hassub a.ma {}

nav.main ul li.hassub span {
  display: inline-block;
  padding: 0 14px;
  position: relative;
}

nav.main ul li.hassub span button {
  width: 15px;
  height: 14px;
  background: url(../img/ico/nav-arr.png) no-repeat center center;
  margin-left: 7px;
  vertical-align: middle;
  z-index: 2;
  position: relative;
  cursor: pointer;
  top: -1px;
}

nav.main ul li.hassub span h2 button {
  top: 1px;
}

nav.main ul li.hassub span span {
  position: absolute;
  display: block;
  width: 100%;
  height: 29px;
  left: 0;
  top: 2px;
  z-index: 1;
  background: url(../img/bg/nav-produto.png) repeat-x;
  opacity: 0.9;
  border-radius: 4px 4px 0 0;
  padding: 0;
}

nav.main ul li.hassub div.submenu {
  position: absolute;
  top: 31px;
  left: -235px;
  /*-85px;*/
  background: rgba(166, 166, 166, 0.9);
  padding: 0 0 10px 10px;
  width: 450px;
  border-radius: 5px;
}

/* Ativação no Hover */
nav.main ul li.hassub div.submenu,
nav.main ul li.hassub span span {
  display: none;
}

/*nav.main ul li.hassub.nojs:hover span span, nav.main ul li.hassub.nojs:hover div.submenu { display: block; }*/

nav.main ul li.hassub div.submenu ul {
  list-style: none;
  float: none;
}

nav.main ul li.hassub div.submenu ul li {
  width: 140px;
  height: 35px;
  float: left;
  padding: 10px 10px 0 0;
  background: none;
  _overflow: hidden;
}

nav.main ul li.hassub div.submenu ul li img {
  float: left;
  margin-right: 10px;
}

nav.main ul li.hassub div.submenu ul li a span {
  font: bold 11px/11px Arial;
  color: white;
  float: left;
  padding: 0;
  width: 95px;
}

nav.main ul li.hassub div.submenu ul li a span.tit {
  font: bold 14px Arial;
  display: block;
}

nav.main ul li.hassub div.submenu ul li a span.small {
  /*font-size: 10px; letter-spacing: -1px;*/
}

nav.main ul li.hassub div.submenu ul li:hover a span {}


/* Caminho da Página */
nav.path {
  padding: 0 20px;
  width: 940px;
  margin: 0 auto;
}

nav.path p,
nav.path a {
  font: 9px Arial;
  color: #bebebe;
  line-height: 87px;
}

nav.path p {
  margin-left: -7px;
}

nav.path a {
  display: inline-block;
  margin: 0 11px 0 7px;
}

/* Container Principal */
section.main {
  width: 980px;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

/* Carrossel */
#carroussel {
  border: 1px solid #ededed;
  border-width: 1px 0;
  height: 104px;
  background: url(../img/bg/lines.png);
}

#carroussel button {
  border: none;
  background: url(../img/bt/carroussel-bts.png);
  width: 22px;
  height: 22px;
  position: absolute;
  top: 40px;
  cursor: pointer;
}

#carroussel button.toleft {
  left: 20px;
}

#carroussel button.toright {
  right: 20px;
  background-position: bottom;
}

#carroussel button.disabled {
  background-image: url(../img/bt/carroussel-bts-disabled.png);
  cursor: default;
}

#carroussel div {
  position: absolute;
  left: 45px;
  top: 20px;
  width: 890px;
  height: 64px;
  overflow: hidden;
}

#carroussel ul {
  position: absolute;
  left: 0;
  margin-left: -10px;
  top: 0;
  list-style: none;
  height: 64px;
  width: 9999px;
}

#carroussel ul li {
  width: 130px;
  height: 64px;
  text-align: center;
  float: left;
}

/* Footer Links */
nav#navbottom {
  width: 960px;
  margin: 0 auto;
  margin-top: 48px;
  padding: 18px 0 15px 20px;
  /*border-top: 1px solid #ededed;*/
  overflow: hidden;
  position: relative;
}

nav#navbottom div {
  float: left;
}

nav#navbottom h2 {
  font: bold 13px Arial;
  /*Ori:14px*/
}

nav#navbottom ul {
  list-style: none;
  margin-top: 22px;
}

nav#navbottom ul li {
  line-height: 18px;
}

nav#navbottom ul li a {
  color: #8c8c8c;
  text-decoration: none;
  font-size: 11px;
}

nav#navbottom #nav-produtos,
nav#navbottom #nav-suporte {
  width: 240px;
}

nav#navbottom #nav-produtos ul {
  width: 160px;
}

nav#navbottom #nav-produtos ul li {
  width: 80px;
  float: left;
}

nav#navbottom #nav-contato ul {
  width: 240px;
}

nav#navbottom #nav-contato ul li {
  width: 117px;
  float: left;
}

nav#navbottom div.bnnrFloatr {
  position: fixed;
  width: 200px;
  height: 156px;
  bottom: 0px;
  right: 0.2%;
  overflow: hidden;
  z-index: 99;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

nav#navbottom div.wp {
  position: relative;
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

nav#navbottom div.trggr {
  position: absolute;
  display: block;
  top: 10px;
  right: 19px;
  width: 20px;
  height: 20px;
  z-index: 2222;
  cursor: pointer;
  color: #FFF;
  text-align: center;
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

#boxcontato {
  position: absolute;
  width: 460px;
  padding-right: 20px;
  left: 500px;
  bottom: 0;
  height: 49px;
  border-top: 1px solid #ededed;
}

#boxcontato span {
  text-indent: -9999px !important;
  color: #8c8c8c;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/txt/entre_em_contato.png) no-repeat left center;
  width: 169px;
  height: 49px;
  display: block;
}

#boxcontato a {
  float: right;
  text-decoration: none;
  display: inline-block;
  height: 49px;
  text-indent: -9999px;
}

#boxcontato .dp-tel {
  margin-left: 36px;
  background: url(../img/txt/telefone.png) no-repeat left center;
  width: 79px;
}

#boxcontato .dp-email {
  margin-left: 36px;
  background: url(../img/txt/dpcomp_email.png) no-repeat left center;
  width: 148px;
}

/* Footer */
footer {
  width: 940px;
  padding: 0 20px 10px;
  height: 28px;
  margin: 0 auto;
  border-top: 1px solid #ededed;
  font: 11px Arial;
  line-height: 28px;
  color: #8c8c8c;
  position: relative;
}

footer p {
  position: absolute;
  top: 0;
  right: 20px;
  color: #7f050e;
}

footer p a {
  color: #7f050e;
}

footer p span {
  display: inline-block;
  margin: 0 10px;
}

footer p a img {
  vertical-align: middle;
}

/* Botões de Navegação [Padrão] */
ul.nav {
  list-style: none;
  height: 12px;
}

ul.nav li {
  height: 12px;
  line-height: 12px;
}

ul.nav li button {
  display: inline-block;
  width: 12px;
  height: 12px;
  line-height: 12px;
  background: url(../img/bt/bt-nav.png) no-repeat 0 0;
  border: none;
  cursor: pointer;
}

ul.nav li button.active {
  background-position: 0 -12px;
}

/* Call to Action [Padrão] */
.call {
  background: url(../img/ico/redarr-w.png) no-repeat left center;
  display: inline-block;
  padding-left: 20px;
  font: bold 14px Sans-Serif;
  color: #19191b;
}

/* Call to Action Preto */
.blackcall {
  background: url(../img/ico/saiba-mais.png) no-repeat left center;
  display: inline-block;
  padding-left: 20px;
  font: bold 14px Sans-Serif;
  color: white;
}

/* Voltar */
.back {
  background-image: url(../img/ico/redarr-w-back.png);
}

.voltar_back {
  background: url(../img/ico/redarr-w-back.png) no-repeat left center;
  display: inline-block;
  padding-left: 20px;
  width: 30px;
  font: bold 14px Sans-Serif;
  color: #19191b;
  margin: 10px 24px 0 0;
  float: left;
}

.voltar_treinamento {
  background: url(../img/ico/redarr-w-back.png) no-repeat left center;
  display: inline-block;
  padding-left: 25px;
  width: 30px;
  font: bold 14px Sans-Serif;
  color: #19191b;
  margin: 8px 40px 0 0;
  float: right;
}

.voltar_back_2 {
  background: url(../img/ico/redarr-w-back.png) no-repeat left center;
  display: inline-block;
  padding-left: 20px;
  width: 190px;
  font: bold 14px Sans-Serif;
  color: #19191b;
  margin: 10px 24px 0 0;
}

.call_back {
  background: url(../img/ico/redarr-w-back.png) no-repeat left center;
  display: inline-block;
  padding-left: 20px;
  font: bold 14px Sans-Serif;
  color: #19191b;
}

/* H1 Interna [Padrão] */
section header {
  background: url(../img/bg/ball2.png) left bottom no-repeat;
  padding-bottom: 13px;
  position: relative;
}

section header h1,
section header h2 {
  margin: 0 0 0 20px;
  font-size: 36px;
  color: #7f050e;
}

section header .subtit {
  font: bold 11px sans-serif;
  color: #19191b;
  margin: 0 0 3px 20px;
}


/* Home */
section#fold {
  padding-top: 1px;
  height: 335px;
  border-bottom: 1px solid #ededed;
}

p.title {
  margin: 54px 0 0 21px;
  font: normal 36px Arial;
  color: #7f050e;
}

p.subtitle {
  margin: 0 0 0 21px;
  font: bold 11px Arial;
  color: #8c8c8c;
}

p.subtitlenovo {
  margin: 0 0 0 21px;
  font: bold 11px Arial;
  color: #19191b;
}

p.txtdestaque {
  width: 580px;
  padding: 24px 0 34px 21px;
  font: normal 30px Arial;
  color: #7c7c7c;
  line-height: 20px;
  background: url(../img/bg/home-lines.png) no-repeat left bottom;
}

div.dptrio {
  background: url(../img/bg/home-box.jpg) top left no-repeat;
  min-height: 244px;
  padding: 0 0 0 40px;
  position: absolute;
  left: 641px;
  top: 65px;
}

div.dptrio div {
  width: 282px;
  height: 150px;
}

div.dptrio h2 {
  position: relative;
  left: -1px;
}

div.dptrio p.subtitle {
  margin: 0 !important;
}

div.dptrio ul.slides {
  list-style: none;
  width: 282px;
  height: 200px;
  position: relative;
}

div.dptrio ul.slides li {
  width: 282px;
  height: 200px;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}

div.dptrio ul.slides li:first-child {
  display: block;
}

div.dptrio ul.slides li p.img {
  text-align: center;
  margin-top: 36px;
}

div.dptrio ul.nav {
  width: 282px;
  height: 12px;
  text-align: center;
  position: relative;
  right: -8px;
  line-height: 12px;
}

div.dptrio ul.nav li {
  display: inline;
}

div.dptrio ul.nav li button {
  background-image: url(../img/bt/bt-nav-white.png);
  margin-right: 8px;
}

/* Home - Box Preto de Produtos */
h2.sec {
  padding: 31px 0 15px 20px;
}

section#produtos {
  background: #19191b;
  height: 298px;
}

section#produtos div.pd {
  width: 200px;
  height: 298px;
  padding: 0 20px;
  float: left;
  color: white;
  background: #19191b url(../img/bg/prod-home.png) bottom center no-repeat;
  position: relative;
}

section#produtos div h3 {
  color: #ecedb7;
  font-weight: bold;
  padding: 18px 0 2px;
}

section#produtos div.pd p {
  font-size: 14px;
}

section#produtos div.pd img {
  margin: 5px 0 8px;
}

section#produtos div.pd ul {
  list-style: disc;
  list-style-position: inside;
  font-size: 11px;
  line-height: 18px;
  margin-left: 9px;
}

section#produtos div.pd a {
  color: #ecedb7;
  font: bold 14px Arial;
  display: inline-block;
  line-height: 14px;
  height: 14px;
  background: url(../img/ico/saiba-mais.png) no-repeat left center;
  padding-left: 20px;
  position: absolute;
  left: 28px;
  bottom: 26px;
}

section#produtos div.mais {
  width: 200px;
  height: 298px;
  padding: 0 20px;
  float: left;
  color: white;
  background: #1e1e20;
  margin-left: 20px;
}

section#produtos div.mais div {
  height: 149px;
}

section#produtos div.mais h3 {
  padding: 18px 0 18px;
}

section#produtos div.mais p {
  line-height: 14px;
}

section#produtos div.mais p a {
  color: white;
  text-decoration: none;
  font-size: 11px;
  display: inline-block;
}

/*section#produtos div.mais div.top p a {
	background: url(../img/ico/redarr.png) right top no-repeat;
	width: 200px;
}*/
section#produtos div.mais div.top h3 {
  padding: 18px 0 3px;
}

section#produtos div.mais div.top h4 {
  color: white;
  font-size: 12px;
  margin-bottom: 12px;
}

section#produtos div.mais div.top p a {
  background: url(../img/ico/redarr.png) right bottom no-repeat;
  padding-top: 4px;
  width: 130px;
}

section#produtos div.mais div.top img {
  float: left;
  margin-right: 10px;
}

section#produtos div.mais div.bottom h3 {
  padding: 18px 0 3px;
}

section#produtos div.mais div.bottom h4 {
  color: white;
  font-size: 12px;
  margin-bottom: 12px;
}

section#produtos div.mais div.bottom p a {
  background: url(../img/ico/redarr.png) right bottom no-repeat;
  padding-top: 4px;
  width: 130px;
}

section#produtos div.mais div.bottom img {
  float: left;
  margin-right: 10px;
}

section#produtos div.mais .imgline {
  margin: 8px 0;
}


/* Suporte - Box Preto Assistências */
aside.assistencia {
  background: #19191b;
  width: 140px;
  padding: 0 20px;
  height: 272px;
  position: absolute;
  right: 20px;
  top: 0;
}

aside.assistencia .blackcall {
  margin-top: 7px;
}

aside.assistencia a {
  color: white;
}

aside.assistencia h2 {
  color: #ecedb7;
  font: bold 18px sans-serif;
  margin-top: 15px;
  letter-spacing: -1px;
}

aside.assistencia p {
  font: bold 11px sans-serif;
  color: white;
  border-bottom: 1px solid #303032;
}

aside.assistencia p.sup-ate {
  height: 58px;
  padding-top: 10px;
  background: url(../img/ico/atendimento-online.png) no-repeat left top;
  padding-left: 60px;
  margin-top: 15px;
}

aside.assistencia p.sup-tel {
  background: url(../img/ico/suporte-telefone.png) no-repeat left center;
  padding-left: 34px;
  line-height: 65px;
}

aside.assistencia p.sup-fal {
  background: url(../img/ico/suporte-faleconosco.png) no-repeat left center;
  padding-left: 34px;
  line-height: 65px;
}


/* Suporte Tabs */
.suporte-tabs {
  margin: 0 20px;
}

.suporte-tabs .tabs {
  background: url(../img/bg/suporte-tabs-ul-bg.png) bottom repeat-x;
  /*width: 930px;*/
  height: 30px;
  margin-top: 30px;
}

.suporte-tabs .tabs li {
  float: left;
  position: relative;
}

.suporte-tabs .tabs li a {
  font: bold 14px sans-serif;
  color: #19191b;
  width: 70px;
  padding-left: 10px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
}

.suporte-tabs .tabs li a.active {
  color: white;
  background: url(../img/bg/tab-videos.png) no-repeat;
}

.suporte-tabs .tabs li.tab-01 a.active {
  background: url(../img/bg/tab-faq.png) no-repeat;
}

.suporte-tabs div h3 {
  font: bold 14px sans-serif;
  color: #7f050e;
  margin: 42px 0 16px;
}

.suporte-tabs div.tab-faq p {
  line-height: 22px;
  margin-bottom: 6px;
  margin-left: 10px;
}

.suporte-tabs div.tab-faq p a {
  background: url(../img/ico/redarr-w.png) left center no-repeat;
  padding-left: 21px;
  font-size: 11px;
  color: #8c8c8c;
}

.tab-faq form {
  height: 49px;
  line-height: 49px;
  border-bottom: 1px solid #e9e9ea;
  position: relative;
}

.tab-faq form input.text {
  border: 1px solid #8c8c8c;
  height: 23px;
  line-height: 23px;
  width: 189px;
  padding-left: 3px;
  position: absolute;
  right: 66px;
  top: 13px;
}

.tab-faq form input.submit {
  background: url(../img/bt/submit-buscar.png) no-repeat;
  text-indent: -9999px;
  width: 60px;
  height: 14px;
  border: none;
  outline: none;
  cursor: pointer;
  *letter-spacing: 9999px;
  *font-size: 0px;
  position: absolute;
  top: 18px;
  right: 0;
}

.tab-faq-inner .header {
  padding: 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #e9e9ea;
}

.tab-faq-inner header {
  left: -20px;
}

.tab-faq-inner p {
  font: 11px Arial;
  color: #8c8c8c;
  width: 699px;
}

.tab-videos p {
  font-size: 11px;
  color: #8c8c8c;
  width: 440px;
}

.tab-videos .videos {
  position: relative;
  height: 184px;
  border-top: 1px solid #e5e5e5;
  margin-top: 53px;
  background: white;
}

.tab-videos .videos ul.nav {
  position: absolute;
  right: 7px;
  top: -26px;
}

.tab-videos .videos ul.nav li {
  float: left;
  margin-left: 8px;
}

.tab-videos .videos ul.nav li button {
  _background-image: url(../img/bt/bt-nav-white.png);
}

.tab-videos .videos div {
  overflow: hidden;
  position: absolute;
  top: 38px;
  left: 83px;
  width: 773px;
  height: 136px;
}

#pg-supprod .tab-videos .videos div {
  left: 45px;
  width: 610px;
}

.tab-videos .videos div ul {
  list-style: none;
  width: 9999px;
  height: 136px;
  position: absolute;
  top: 10px;
  left: 0;
}

.tab-videos .videos div ul li {
  width: 106px;
  height: 78px;
  float: left;
  margin-right: 30px;
  padding: 60px 12px 0;
  position: relative;
  background: url(../img/bg/light-gray-lines.png);
}

.tab-videos .videos div ul li .img {
  display: block;
  width: 107px;
  height: 60px;
  background: black no-repeat center center;
  position: absolute;
  top: 10px;
  left: 12px;
}

.tab-videos .videos div ul li .img span {
  display: block;
  width: 40px;
  height: 25px;
  position: absolute;
  left: 33px;
  top: 18px;
  background: url(../img/bt/play.png);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../img/bt/play.png);
}

.tab-videos .videos div ul li span.desc {
  color: #8c8c8c;
  font: 11px Arial;
  display: block;
}

.tab-videos .videos div ul li span.duration {
  font: 9px Arial;
  color: #7f050e;
}

.tab-videos .inner {
  position: relative;
  border-top: 1px solid #e5e5e5;
  margin-top: 53px;
  display: none;
}

.tab-videos .inner .header {
  padding: 10px 0;
}

.tab-videos .toleft,
.tab-videos .toright {
  background: url(../img/bt/videos-nav.png);
  height: 74px;
  width: 21px;
  position: absolute;
  cursor: pointer;
  top: 77px;
}

.tab-videos .toleft:active,
.tab-videos .toright:active {
  top: 79px;
}

.tab-videos .toleft {
  left: 0;
}

.tab-videos .toright {
  right: 0;
  background-position: right;
}

/* Envie uma Mensagem */
section.envie-mensagem {
  float: left;
  width: 439px;
  padding-bottom: 38px;
}

section.envie-mensagem header {
  left: -20px;
  margin-bottom: 19px;
}

section.envie-mensagem form p {
  margin-bottom: 6px;
  width: 419px;
}

section.envie-mensagem label {
  width: 88px;
  display: inline-block;
  color: #8c8c8c;
  font-size: 11px;
}

#frm_fale_conosco label {
  display: block;
}

section.envie-mensagem .text {
  width: 322px;
  padding-left: 3px;
  height: 21px;
  line-height: 21px;
  border: 1px solid #8c8c8c;
}

section.envie-mensagem .text.ddd {
  width: 55px;
  margin-right: 6px;
}

section.envie-mensagem .text.telefone {
  width: 256px;
}

section.envie-mensagem select {
  width: 327px;
  height: 24px;
  line-height: 24px;
  padding: 2px 2px 2px 0;
  border: 1px solid #8c8c8c;
}

section.envie-mensagem textarea {
  width: 325px;
  max-width: 325px;
  height: 73px;
  border: 1px solid #8c8c8c;
  vertical-align: top;
}

section.envie-mensagem p.submit {
  text-align: right;
}

section.envie-mensagem p.submit input {
  background: url(../img/bt/submit-enviar.png);
  text-indent: -9999px;
  width: 56px;
  height: 14px;
  border: none;
  cursor: pointer;
  position: relative;
  outline: none;
  *letter-spacing: 9999px;
  *font-size: 0px;
}

section.envie-mensagem p.submit input:active {
  top: 2px;
}


/* Fale Conosco - Como podemos te ajudar? */
section.como-podemos {
  border-bottom: 1px solid #ededed;
  height: 235px;
  margin-bottom: 30px;
}

section.como-podemos header {
  margin-bottom: 23px;
}

section.como-podemos div {
  float: left;
  width: 245px;
  margin-left: 20px;
  padding-top: 67px;
  background: 37px top no-repeat;
}

section.como-podemos div.meio-01 {
  background-image: url(../img/ico/telefone.png);
  _margin-left: 10px;
}

section.como-podemos div.meio-02 {
  background-image: url(../img/ico/carta.png);
}

section.como-podemos div.meio-03 {
  background-image: url(../img/ico/computador.png);
}

section.como-podemos div.meio-04 {
  background-image: url(../img/ico/question.png);
  width: 150px;
}

section.como-podemos div h2 {
  font: bold 11px sans-serif;
  color: #19191b;
  margin-bottom: 4px;
}

section.como-podemos div p {
  color: #8c8c8c;
  font-size: 11px;
  width: 150px;
  line-height: 16px;
}

section.como-podemos div p a {
  color: #7f050e;
  text-decoration: underline;
}

section.como-podemos div p strong {
  color: #7f050e;
  font-weight: normal;
}

/* Trabalhe Conosco */
section.trabalhe-conosco {
  float: left;
  width: 520px;
  margin-left: 20px;
  _margin-left: 10px;
}

section.trabalhe-conosco header {
  left: -20px;
  margin-bottom: 19px;
}

section.trabalhe-conosco p.txt {
  color: #8c8c8c;
  font-size: 11px;
  width: 385px;
  margin-bottom: 20px;
}

/* Vagas Disponíveis */
section.vagas {
  border-bottom: 1px solid #ededed;
  margin-bottom: 30px;
  overflow: hidden;
}

section.vagas header {
  margin-bottom: 23px;
}

section.vagas ul {
  margin-left: 20px;
  width: 1044px;
  overflow: hidden;
}

section.vagas ul li {
  float: left;
  width: 261px;
  padding-top: 67px;
  background: url(../img/ico/vaga.png) 12px top no-repeat;
  height: 121px;
  /*188*/
}

section.vagas ul li h2 {
  font: bold 11px sans-serif;
  color: #19191b;
  margin-bottom: 4px;
}

section.vagas ul li p {
  color: #8c8c8c;
  font-size: 11px;
  width: 150px;
  line-height: 16px;
}

/* Trabalhe Conosco */
section.selecione {
  float: left;
  width: 520px;
  margin-left: 20px;
  _margin-left: 10px;
}

section.selecione header {
  left: -20px;
  margin-bottom: 19px;
}

section.selecione select {
  width: 327px;
  height: 24px;
  line-height: 24px;
  padding: 2px 2px 2px 0;
  border: 1px solid #8c8c8c;
}

/* Anexar Currículo */
.inputfile .showtxt {
  display: inline-block;
  width: 255px;
  padding-left: 3px;
  height: 21px;
  border: 1px solid #8c8c8c;
  position: relative;
  overflow: hidden;
  vertical-align: middle;
}

.inputfile .showtxt span {
  position: absolute;
  display: block;
  top: 2px;
  right: 2px;
  height: 21px;
  min-width: 98%;
  _width: 98%;
  white-space: nowrap;
  font: 13px Arial;
}

.inputfile .filebt {
  display: inline-block;
  position: relative;
  background: url(../img/bt/anexar.png) right center no-repeat;
  width: 62px;
  height: 23px;
  overflow: hidden;
  cursor: pointer;
  margin-left: 5px;
  vertical-align: middle;

}

.inputfile .filebt:active {
  top: 1px;
}

.inputfile input {
  position: absolute;
  opacity: 0.01;
  filter: alpha(opacity=1);
  cursor: pointer;
  top: 0;
  right: 0;
  outline: none;
}

/* Integração */
section#pg-integ header {
  margin-top: 42px;
}

#infografico {
  /*background: url(../img/integracao.jpg) 20px 0 no-repeat;*/
  height: 543px;
  margin-top: 24px;
  padding-bottom: 32px;
}

/* DP Trio */
#pg-dptrio header.top {
  position: absolute;
  top: -6px;
}

#pg-dptrio strong.destaque {
  width: 100%;
  text-align: center;
  display: block;
  font: normal 30px Sans-serif;
  color: #8c8c8c;
}

#st371 {
  position: absolute;
  top: 74px;
  left: 0;
}

#st372 {
  font-size: 26px !important;
  margin: 22px 0 37px 0;
}

#pg-dptrio strong.destaque span {
  color: #7f050e;
}

#pg-dptrio img.top {
  margin-top: 36px;
}

ul.combos {
  border-top: 2px solid #ededed;
}

ul.combos {}

ul.combos li {
  border-top: 1px dotted #8c8c8c;
  position: relative;
}

ul.combos li.first {
  border-top-color: white;
}

ul.combos li header {
  background-position: -8px 17px;
  margin-top: 25px;
}

ul.combos li header .subtit {
  font: normal 18px sans-serif;
  margin-top: 8px;
}

ul.combos li .combodesc {
  background: url(../img/bg/produtos-p.png) left bottom no-repeat;
  padding: 0 20px 20px;
  width: 405px;
  font: 16px/22px sans-serif;
  color: #7c7c7c;
}

ul.combos li img {
  position: absolute;
  right: 15px;
  top: 83px;
}

ul.combos p.comprar {
  position: relative;
  margin: 16px 0 32px 20px;
}

ul.combos p.comprar span.valdesc {
  position: absolute;
  top: -6px;
  right: 15px;
  font-size: 11px;
  color: #8c8c8c;
}

ul.combos p.comprar span.valdesc span {
  font-size: 24px;
}

ul.combos p.comprar span.valdesc span span {
  font-size: 14px;
}

ul.combos p.obs {
  margin: 7px 0 4px 20px;
  font: 11px Arial;
  color: #8c8c8c;
}

/*
h2.tit-conheca {
	font: bold 18px sans-serif;
	color: #7f050e;
	padding: 29px 0 25px 20px;
}
.trio-prods {
	height: 229px;
}
.trio-prods div {
	height: 229px;
	width: 300px;
	float: left;
	margin-right: 40px;
	background: #19191b;
	position: relative;
}
.trio-prods div.trio-dpfolha { margin-right: 0; }
.trio-prods div h3 {
	font-size: 36px;
	color: #ecedb7;
	margin: 22px 0 0 21px;
}
.trio-prods div p.sub {
	margin: 2px 0 0 21px;
	font: bold 18px sans-serif;
	color: white;
}
.trio-prods div p.desc {
	margin: 23px 0 0  24px;
	font: 11px Arial;
	line-height: 18px;
	color: white;
}
.trio-prods div a {
	display: block;
	width: 100px;
	height: 30px;
	background: url(../img/bt/saiba_mais.png);
	text-indent: -9999px;
	position: absolute;
	left: 28px;
	bottom: 22px;
}
*/

/* DPUpdate */
section#pg-dpupdate article {
  font: 14px/18px sans-serif !important;
  text-align: justify !important;
}

section#pg-dpupdate article h2 {
  font: 16px/20px sans-serif !important;
}

/* Sobre / Treinamentos / Serviços / Política de Privacidade / Termos de Uso */
article.art {
  font-size: 11px;
  color: #8c8c8c;
  padding: 6px 20px 0;
  width: 940px;
}

article.art h2 {
  font: bold 14px Arial;
  color: #19191b;
  margin-bottom: 20px;
}

article.art p {
  margin-bottom: 34px;
}


/* Suporte */
div.prods {
  position: relative;
  border-bottom: 1px solid #ededed;
  height: 600px;
  margin-top: 13px;
}

div.prods ul {
  list-style: none;
  margin-left: 20px;
  width: 740px;
}

div.prods ul li {
  float: left;
  height: 150px;
  margin: 0 0 0 0;
  text-align: center;
  width: 135px;

  /*float: left;
	width: 91px;
	height: 150px;
	margin: 0 31px 18px 0;*/
}

div.prods ul li span {
  display: block;
  text-align: center;
  font: bold 11px Arial;
  color: #19191b;
}

/* Treinamentos */
/* | Versão beforeLoad */
.treinamentos {
  background: #19191b;
  padding: 20px;
}

.treinamentos h2 {
  color: #ecedb7;
  font: bold 18px Arial;
}

.treinamentos table,
.treinamentos a {
  color: white;
}

.treinamentos h3 {
  font: bold 11px Arial;
}

.treinamentos h4 {
  font-size: 11px;
}

.treinamentos table th {
  font: normal 14px sans-serif;
  text-align: left;
}

.treinamentos table td {
  font-size: 11px;
}

.treinamentos table ul {
  list-style-position: inside;
}

/* | Versão Montada via Javascript */
.train {
  position: relative;
  background: #19191b url(../img/bg/treinamentos-col.png) repeat-y 669px 0;
  padding-bottom: 17px;
}

.train h2 {
  position: absolute;
  left: 20px;
  _left: 0px;
  top: 14px;
  color: #ecedb7;
  font: bold 18px sans-serif;
}

.train div.table {
  color: white;
  margin: 0 0 0 20px;
  width: 900px;
}

.train div.table .thead {
  overflow: hidden;
}

.train div.table .thead p {
  float: left;
  font: normal 14px sans-serif;
  padding: 60px 0 6px;
  position: relative;
}

.train p.col-modl {}

.train p.col-wday {
  left: 12px;
}

.train p.col-hora {
  left: 20px;
}

.train div.table .tbody {
  border-bottom: 1px solid #303032;
}

.train .tr {
  border-top: 1px solid #303032;
  position: relative;
  /**height: 1%;*/
}

.train .tr del {
  display: block;
  position: absolute;
  width: 100%;
  top: 3px;
  bottom: 3px;
  left: 0;
  background: url(../img/bg/gray-lines-trans.png);
}

/* IE6 */
.train .tr.ie6lines {
  padding: 3px 0;
}

.train .tr.ie6lines .inner {
  background: url(../img/bg/gray-lines-trans.png);
  height: 1%;
}

.train .tr.ie6lines .inner div {
  _padding: 11px 0 7px;
}

.train .tr .inner div {
  float: left;
  font-size: 11px;
  line-height: 18px;
  padding: 14px 0;
  *padding: 14px 0 10px;
  position: relative;
}

.train p.clear {
  clear: both;
  height: 0px;
  line-height: 0;
}

.train .col-modl {
  width: 649px;
}

.train .col-wday {
  width: 131px;
}

.train .col-hora {
  width: 120px;
}

.train div.col-modl {}

.train div.col-wday p {
  padding: 0 22px;
  font-weight: bold;
}

.train div.col-hora p {
  text-align: center;
  font-weight: bold;
}

.train h3 {
  font: bold 11px Arial;
  line-height: 21px;
  margin-left: 11px;
}

.train ul {
  margin-left: 11px;
  list-style: none;
  _float: left;
}

.train ul li {
  padding-left: 10px;
  background: url(../img/ico/bull.png) no-repeat left 7px;
}

.train h4 {
  font-size: 11px;
}

.train .saibamais {
  display: block;
  position: absolute;
  top: 10px;
  right: 17px;
  border: none;
  background: url(../img/bt/saiba_mais.png);
  text-indent: -9999px;
  width: 100px;
  height: 30px;
  line-height: 30px;
  z-index: 3;
  cursor: pointer;
  outline: none;
}

.train .saibamais:active {
  top: 12px;
}

.train .fechar {
  display: block;
  position: absolute;
  top: 19px;
  right: -35px;
  border: none;
  background: url(../img/bt/fechar.png);
  width: 15px;
  height: 14px;
  cursor: pointer;
  outline: none;
}

.train .agendar {
  display: block;
  background: url(../img/bt/agendar.png);
  text-indent: -9999px;
  width: 100px;
  height: 30px;
  position: absolute;
  left: 790px;
  bottom: 5px;
}


/* Produtos */
section#pg-produtos header {
  margin-top: 42px;
}

.articles {
  height: 228px;
  position: relative;
  border-bottom: 1px solid #ededed;
}

.articles article {
  position: absolute;
  top: 10px;
}

.articles article h2 {
  font-size: 18px;
  color: #19191b;
  padding-left: 20px;
}

.articles article p {
  width: 650px;
  padding: 0 0 23px 20px;
  color: #7c7c7c;
  font: 16px/22px sans-serif;
  background: url(../img/bg/produtos-p.png) no-repeat left bottom;
}

.articles article a.call {
  margin: 30px 0 0 15px;
}

.articles ul.nav {
  position: absolute;
  left: 495px;
  bottom: 30px;
}

.articles ul.nav li {
  float: left;
  margin-right: 8px;
}

div.vantagens ul {
  list-style: none;
}

div.vantagens ul li {
  padding: 0 13px;
  width: 163px;
  height: 119px;
  float: left;
  border-right: 1px dotted #e5e5e5;
  background: url(../img/ico/vant/multi-empresas.png) no-repeat 113px 32px;
}

div.vantagens ul li h3 {
  font: bold 14px Sans-serif;
  color: #7f050e;
}

div.vantagens ul li h3 span {
  line-height: 12px;
  display: inline-block;
}

div.vantagens ul li p {
  font: 11px Arial;
  color: #8c8c8c;
  margin-top: 18px;
  width: 85px;
}

div.vantagens ul {
  height: 119px;
}

div.vantagens ul.first {
  padding: 49px 0 21px 6px;
  border-bottom: 1px solid #ededed;
}

div.vantagens ul.second {
  padding: 29px 0 2px 6px;
}

div.vantagens ul .multiempresas {
  background-image: url(../img/ico/vant/multi-empresas.png);
}

div.vantagens ul .multiusuarios {
  background-image: url(../img/ico/vant/multi-usuarios.png);
}

div.vantagens ul .importacao {
  background-image: url(../img/ico/vant/importacao-de-arquivos.png);
}

div.vantagens ul .compatibilidade {
  background-image: url(../img/ico/vant/compatibilidade.png);
}

div.vantagens ul .bancodedados {
  background-image: url(../img/ico/vant/banco-de-dados.png);
}

div.vantagens ul .arquitetura {
  background-image: url(../img/ico/vant/arquitetura.png);
}

div.vantagens ul .backup {
  background-image: url(../img/ico/vant/backup.png);
}

div.vantagens ul .controle {
  background-image: url(../img/ico/vant/senhas.png);
}

div.vantagens ul .internet {
  background-image: url(../img/ico/vant/internet.png);
}

div.vantagens ul .atualizacao {
  background-image: url(../img/ico/vant/atualizacao.png);
}


/* Suporte - Produto */
section#pg-supprod header .subtit2 {
  font: bold 11px sans-serif;
  color: #19191b;
  margin: 0 0 3px 20px;
}

section#pg-supprod header .subtit2 a {
  color: #7f050e;
  font: normal 11px Arial;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}

div.columns {
  width: 980px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#pg-supprod {
  width: 719px;
  float: right;
}

aside.options {
  float: left;
  width: 155px;
  padding: 16px 20px 0;
  background: #19191b;
  margin-left: 20px;
}

aside.options h2 {
  font: bold 18px sans-serif;
  color: #ecedb7;
  white-space: nowrap;
  letter-spacing: -1px;
  margin-bottom: 18px;
}

aside.options h3 {
  font-size: 14px;
  color: white;
  border-bottom: 1px solid #303032;
  padding: 0 0 5px;
  margin-bottom: 13px;
}

aside.options ul {
  margin-bottom: 25px;
}

aside.options ul li {
  line-height: 14px;
}

aside.options ul li a {
  font: 11px/14px Arial;
  color: white;
}

section#pg-supprod header {
  position: relative;
  top: -4px;
  left: -20px;
}

div.columns div.fold {
  min-height: 310px;
  _height: 310px;
  border-bottom: 1px solid #ededed;
  background: url(../img/prod/suporte-inner/dpcont.png) 345px top no-repeat;
}

div.columns div.fold p strong {
  font-size: 11px;
  margin-bottom: 8px;
  display: inline-block;
}

#pg-supprod aside.assistencia {}

#pg-supprod .suporte-tabs {
  margin-left: 0;
}

/* Download Manual */
a.pdf {
  background: url(../img/ico/pdf.jpg) left center no-repeat;
  display: inline-block;
  height: 34px;
  padding-left: 40px;
  font: 11px Arial;
  color: #7f050e;
  line-height: 34px;
}

/* Aba Versões */
.suporte-tabs div.tab-versoes p {
  background: url(../img/ico/redarr-w.png) left center no-repeat;
  padding-left: 21px;
  font-size: 11px;
  color: #8c8c8c;
  margin-bottom: 16px;
}

.suporte-tabs div.tab-cartas p {
  background: url(../img/ico/redarr-w.png) left center no-repeat;
  padding-left: 21px;
  font-size: 11px;
  color: #8c8c8c;
  margin-bottom: 16px;
}


/***************** Produtos ***************/

/* Página de Produtos */
.prodfold {
  /*margin-bottom: 58px;*/
  padding: 1px 0 49px;
  /*border-bottom: 1px solid #ededed;*/
  /*background: right 70px no-repeat;*/
  background: right top no-repeat;
}

.prodfold header {
  background: url(../img/bg/ball.png) left bottom no-repeat;
  padding-top: 43px;
}

.prodfold .txtbody {
  margin-top: 17px;
  font-size: 18px;
  padding: 6px 0 24px 20px;
  color: #7c7c7c;
  width: 540px;
  background: url(../img/bg/home-lines.png) no-repeat bottom left;
}

p.cadastrado {
  padding-left: 109px;
  margin-bottom: 3px;
  font: 12px/29px Arial;
}

.teste-agora {
  display: block;
  width: 387px;
  height: 92px;
  background: url(../img/bt/clique-e-teste.png);
  text-indent: -9999px;
  margin: 27px 0 24px;
}

h2.tit-teste-por-30-dias {
  font: bold 22px sans-serif;
  color: #7f050e;
  margin: 60px 0 27px 0;
  display: none;
}

.form-teste {
  border-top: 1px solid #2b2b2e;
}

.form-teste .inner {
  border-bottom: 1px solid #2b2b2e;
  padding: 3px 0;
  display: none;
}

.form-teste .inner form {
  background: url(../img/bg/light-gray-lines.png);
  padding: 18px 0 11px;
  position: relative;
  min-height: 100px;
  _height: 100px;
}

.form-teste .inner form p {
  margin-bottom: 7px;
}

.form-teste .inner form label {
  display: inline-block;
  width: 85px;
  padding-right: 24px;
  text-align: right;
  font: bold 11px Arial;
  color: #8c8c8c;
}

.form-teste .inner form label.radio-label {
  display: inline-block;
  width: auto;
  padding-right: 15px;
  text-align: left;
  font: bold 11px Arial;
  color: #8c8c8c;
}

.form-teste .inner form input.radio {}

.form-teste .inner form input.text {
  width: 388px;
  height: 23px;
  border: 1px solid #8c8c8c;
}

.form-teste .inner form input#dem_ddd {
  width: 36px;
  margin-right: 9px;
}

.form-teste .inner form input#dem_telefone {
  width: 139px;
}

.form-teste .inner form p#p-cnpj {
  display: none;
}

.form-teste .inner form ul {
  width: 177px;
  height: 41px;
  position: absolute;
  left: 652px;
  top: 19px;
  overflow: hidden;
  background: url(../img/txt/compre-vantagens.png);
}

.form-teste .inner form ul li {
  text-indent: -9999px;
}

.form-teste .inner form button.submit {
  width: 117px;
  height: 29px;
  position: absolute;
  left: 652px;
  top: 77px;
  background: url(../img/bt/baixe-agora.png);
  text-indent: -9999px;
}

.form-teste .inner button.fechar {
  width: 15px;
  height: 14px;
  position: absolute;
  right: 21px;
  top: 4px;
  background: url(../img/bt/fechar-white.png);
  text-indent: -9999px;
}

.como-comprar {
  display: block;
  width: 146px;
  height: 30px;
  background: url(../img/bt/como-comprar.png);
  text-indent: -9999px;
  margin: 28px 0 0 0;
  display: none;
}

.error {
  height: 13px;
  background: #ffdcdc;
  border: 1px solid #e1bfbf;
  font: 11px/13px "Trebuchet MS";
  color: #000;
  padding: 3px 10px;
  margin-left: 2px;
  border-radius: 0 4px 4px 0;
}


/* Especificaçlões do Produtos */
aside.main {
  background: #19191b;
  position: relative;
  height: 350px;
  width: 980px;
}

aside.main .espec {
  padding: 15px 0 0 20px;
}

aside.main .espec h2 {
  margin-bottom: 20px;
}

aside.main .espec ul {
  list-style: disc;
  list-style-position: inside;
  float: left;
}

aside.main .espec p {
  float: left;
  color: white;
  font: 11px/18px Arial;
}

aside.main .espec ul li {
  color: white;
  font: 11px/18px Arial;
  padding-left: 13px;
  /*text-indent: -12px;*/
  *padding-left: 15px;
  *text-indent: -16px;
}

aside.main .espec .first {
  list-style-type: square !important;
}

/* As soma dos 2 deve ser 400px            width: 450px; list-style-type: none; */
aside.main .espec .first a {
  color: #bebebe;
}

aside.main .espec .second {
  width: 250px;
  margin-left: 30px;
}

aside.main .espec ul li ul {
  float: none;
  list-style: none;
  overflow: hidden;
  padding-bottom: 12px;
  width: 100%;
}

aside.main .espec ul li ul li {
  float: left;
  padding-left: 0;
  text-indent: 0;
}

aside.main .espec ul li ul li.lf {
  width: 80px;
}

/* Páginas Específicas */
#dpcont .prodfold {
  background-image: url(../img/prod/page/dpcont.png);
}

#dpcont h1 {
  color: #50c7f7;
}

#dpcont .espec ul.second {
  width: 290px;
}

#dpfisc .prodfold {
  background-image: url(../img/prod/page/dpfisc.png);
}

#dpfisc h1 {
  color: #9ac12c;
}

#dpfisc header {
  background-image: url(../img/bg/ball3.png);
}

#dpfisc .espec ul.second {
  width: 190px;
}

#dpfolha .prodfold {
  background-image: url(../img/prod/page/dpfolha.png);
}

#dpfolha h1 {
  color: #19602a;
}

#dpfolha header {
  background-image: url(../img/bg/ball-green.png);
}

#dpfolha .espec ul.second {
  width: 205px;
}

#dpfolha .espec li ul li {
  width: 140px;
}

#dpfolha .espec li ul li.lf {
  width: 47px;
}

#dpfolha .espec li ul li.rg {
  padding-left: 47px;
}

#dpfolha-certificado .prodfold {
  background-image: url(../img/prod/page/dpfolha-+-certificado.png);
}

#dpfolha-certificado h1 {
  color: #19602a;
}

#dpfolha-certificado header {
  background-image: url(../img/bg/ball-green.png);
}

#dpfolha-certificado .espec ul.second {
  width: 205px;
}

#dpfolha-certificado .espec li ul li {
  width: 140px;
}

#dpfolha-certificado .espec li ul li.lf {
  width: 47px;
}

#dpfolha-certificado .espec li ul li.rg {
  padding-left: 47px;
}

#folhaja .prodfold {
  background-image: url(../img/prod/page/folhaja.png);
}

#folhaja h1 {
  color: #19602a;
}

#folhaja header {
  background-image: url(../img/bg/ball-green.png);
}

#folhaja .espec ul.second {
  width: 205px;
}

#folhaja .espec li ul li {
  width: 140px;
}

#folhaja .espec li ul li.lf {
  width: 47px;
}

#folhaja .espec li ul li.rg {
  padding-left: 47px;
}

#folhaja-certificado .prodfold {
  background-image: url(../img/prod/page/folhaja-+-certificado.png);
}

#folhaja-certificado h1 {
  color: #19602a;
}

#folhaja-certificado header {
  background-image: url(../img/bg/ball-green.png);
}

#folhaja-certificado .espec ul.second {
  width: 205px;
}

#folhaja-certificado .espec li ul li {
  width: 140px;
}

#folhaja-certificado .espec li ul li.lf {
  width: 47px;
}

#folhaja-certificado .espec li ul li.rg {
  padding-left: 47px;
}

.form-teste-avalie form {
  color: #FFF;
  margin: 20px;
  padding: 18px 0 11px;
  position: relative;
  min-height: 100px;
  _height: 100px;
}

.form-teste-avalie form p {
  margin-bottom: 7px;
}

.form-teste-avalie form label {
  display: inline-block;
  width: 103px;
  text-align: right;
  font: bold 16px Arial;
  color: #ecedb7;
}

.form-teste-avalie form label.radio-label {
  display: inline-block;
  width: auto;
  padding-right: 15px;
  text-align: left;
  font: bold 16px Arial;
  color: #ecedb7;
}

.form-teste-avalie form input.radio {}

.form-teste-avalie form input.text {
  width: 299px;
  height: 23px;
  border: 1px solid #8c8c8c;
}

.form-teste-avalie form input#dem_ddd {
  width: 36px;
  margin-right: 9px;
}

.form-teste-avalie form input#dem_telefone {
  width: 139px;
}

.form-teste-avalie form p#p-cnpj {
  display: none;
}

.form-teste-avalie form button.submit {
  background: url("/templates/img/dp-folha-avalie/dp-folha-avalie-botao.png") no-repeat scroll 0 0 transparent;
  height: 100px;
  width: 395px;
  margin: 18px;
}

/*#dpfolha .prodfold {  } */
#dpfolha_avalie h1 {
  color: #19602a;
}

#dpfolha_avalie header {
  background-image: url(../img/bg/ball-green.png);
}

#dpfolha_avalie .espec ul.second {
  width: 205px;
}

#dpfolha_avalie .espec li ul li {
  width: 140px;
}

#dpfolha_avalie .espec li ul li.lf {
  width: 47px;
}

#dpfolha_avalie .espec li ul li.rg {
  padding-left: 47px;
}

#dpsai .prodfold {
  background-image: url(../img/prod/page/dpsai.png);
}

#dpsai h1 {
  color: #e7268f;
}

#dpsai header {
  background-image: url(../img/bg/ball-pink.png);
}

#dpcall .prodfold {
  background-image: url(../img/prod/page/dpcall.png);
}

#dpcall h1 {
  color: #a03d26;
}

#dpcall header {
  background-image: url(../img/bg/ball-dpcall.png);
}

#dpadm .prodfold {
  background-image: url(../img/prod/page/dpadm.png);
}

#dpadm h1 {
  color: #6775a5;
}

#dpadm header {
  background-image: url(../img/bg/ball-dpadm.png);
}

#dpsupri .prodfold {
  background-image: url(../img/prod/page/dpsupri.png);
}

#dpsupri h1 {
  color: #721c8a;
}

#dpsupri header {
  background-image: url(../img/bg/ball-dpsupri.png);
}

#dpsupri .espec ul.second {
  width: 210px;
}

#pagja .prodfold {
  background-image: url(../img/prod/page/pagja.png);
}

#pagja h1 {
  color: #DC0E28;
}

#pagja header {
  background-image: url(../img/bg/ball-notaja.png);
}

#pagja .espec ul.second {
  width: 210px;
}

#recebja .prodfold {
  background-image: url(../img/prod/page/recebja.png);
}

#recebja h1 {
  color: #379D22;
}

#recebja header {
  background-image: url(../img/bg/ball-notaja.png);
}

#recebja .espec ul.second {
  width: 210px;
}

#estoqueja .prodfold {
  background-image: url(../img/prod/page/estoqueja.png);
}

#estoqueja h1 {
  color: #FF8B00;
}

#estoqueja header {
  background-image: url(../img/bg/ball-notaja.png);
}

#estoqueja .espec ul.second {
  width: 210px;
}

#dpstock .prodfold {
  background-image: url(../img/prod/page/dpstock.png);
}

#dpstock h1 {
  color: #c6751d;
}

#dpstock header {
  background-image: url(../img/bg/ball-dpstock.png);
}

#dpfinan .prodfold {
  background-image: url(../img/prod/page/dpfinan.png);
}

#dpfinan h1 {
  color: #fec00b;
}

#dpfinan header {
  background-image: url(../img/bg/ball-dpfinan.png);
}

#dpfat .prodfold {
  background-image: url(../img/prod/page/dpfat.png);
}

#dpfat h1 {
  color: #fd1114;
}

#dpfat header {
  background-image: url(../img/bg/ball-dpfat.png);
}

#notaja .prodfold {
  background-image: url(../img/prod/page/notaja.png);
}

#notaja h1 {
  color: #fc2e00;
}

#notaja header {
  background-image: url(../img/bg/ball-notaja.png);
}

#notaja-certificado .prodfold {
  background-image: url(../img/prod/page/notaja-+-certificado.png);
}

#notaja-certificado h1 {
  color: #fc2e00;
}

#notaja-certificado header {
  background-image: url(../img/bg/ball-notaja.png);
}

#notaja-web .prodfold {
  background-image: url(../img/prod/page/notaja-web.png);
}

#notaja-web h1 {
  color: #fc2e00;
}

#notaja-web header {
  background-image: url(../img/bg/ball-notaja.png);
}

#notaja-web-certificado .prodfold {
  background-image: url(../img/prod/page/notaja-web-+-certificado.png);
}

#notaja-web-certificado h1 {
  color: #fc2e00;
}

#notaja-web-certificado header {
  background-image: url(../img/bg/ball-notaja.png);
}

#dprural .prodfold {
  background-image: url(../img/prod/page/dprural.png);
}

#dprural h1 {
  color: #50c7f7;
}

#dprural .espec ul.second {
  width: 290px;
}

#dpsst .prodfold {
  background-image: url(../img/prod/page/dpsst.png);
}

#dpsst h1 {
  color: #19602a;
}

#dpsst header {
  background-image: url(../img/bg/ball-green.png);
}

#dpsst .espec ul.second {
  width: 205px;
}

#dpsst .espec li ul li {
  width: 140px;
}

#dpsst .espec li ul li.lf {
  width: 47px;
}

#dpsst .espec li ul li.rg {
  padding-left: 47px;
}

#xmlcte .prodfold {
  background-image: url(../img/prod/page/xmlcte.png);
}

#xmlcte h1 {
  color: #19602a;
}

#xmlcte header {
  background-image: url(../img/bg/ball-green.png);
}

#xmlcte .espec ul.second {
  width: 205px;
}

#xmlcte .espec li ul li {
  width: 140px;
}

#xmlcte .espec li ul li.lf {
  width: 47px;
}

#xmlcte .espec li ul li.rg {
  padding-left: 47px;
}

#xmlnfe .prodfold {
  background-image: url(../img/prod/page/xmlnfe.png);
}

#xmlnfe h1 {
  color: #19602a;
}

#xmlnfe header {
  background-image: url(../img/bg/ball-green.png);
}

#xmlnfe .espec ul.second {
  width: 205px;
}

#xmlnfe .espec li ul li {
  width: 140px;
}

#xmlnfe .espec li ul li.lf {
  width: 47px;
}

#xmlnfe .espec li ul li.rg {
  padding-left: 47px;
}

#comandaja .prodfold {
  background-image: url(../img/prod/page/comandaja.png);
}

#comandaja h1 {
  color: #fc2e00;
}

#comandaja header {
  background-image: url(../img/bg/ball-notaja.png);
}

#dpcloud .prodfold {
  background-image: url(../img/prod/page/dp-cloud.png);
}

#dpcloud h1 {
  color: #fc2e00;
}

#dpcloud header {
  background-image: url(../img/bg/ball-notaja.png);
}

#dpcloudcontador .prodfold {
  background-image: url(../img/prod/page/dp-cloud-contador.png);
}

#dpcloudcontador h1 {
  color: #fc2e00;
}

#dpcloudcontador header {
  background-image: url(../img/bg/ball-notaja.png);
}

#dpcloudsincronizador .prodfold {
  background-image: url(../img/prod/page/dp-cloud-sincronizador.png);
}

#dpcloudsincronizador h1 {
  color: #fc2e00;
}

#dpcloudsincronizador header {
  background-image: url(../img/bg/ball-notaja.png);
}

#dpbackup .prodfold {
  background-image: url(../img/prod/page/dpbackup.png);
}

#dpbackup h1 {
  color: #fd1114;
}

#dpbackup header {
  background-image: url(../img/bg/ball-dpfat.png);
}

/* Vídeos */
aside.main .videos {
  position: absolute;
  top: 0;
  right: 0;
  width: 490px;
  height: 350px;
  background: #1e1e20;
}

aside.main h2 {
  font: bold 18px sans-serif;
  color: #ecedb7;
}

aside.main .videos h2 {
  margin: 15px 0 0 20px;
}

aside.main .videos div {
  position: absolute;
  left: 20px;
  top: 52px;
  width: 450px;
  height: 256px;
  border: 1px solid #353537;
  border-width: 1px 0;
}

aside.main .videos ul.nav {
  position: absolute;
  right: 20px;
  top: 22px;
}

aside.main .videos ul.nav li {
  float: left;
  margin-left: 8px;
}

aside.main .videos div {
  overflow: hidden;
  margin-left: 8px;
  width: 434px;
}

aside.main .videos div ul {
  list-style: none;
  width: 1000px;
  height: 136px;
  position: absolute;
  top: 0;
  left: 0;
}

aside.main .videos div ul li {
  width: 106px;
  height: 78px;
  float: left;
  margin: 63px 22px 0 0;
  padding: 60px 12px 0;
  position: relative;
}

aside.main .videos div ul li.active,
aside.main .videos div ul li:hover {
  background: url(../img/bg/graylines.png);
}

aside.main .videos div ul li .img {
  display: block;
  width: 107px;
  height: 60px;
  background: black no-repeat center center;
  position: absolute;
  top: 10px;
  left: 12px;
}

aside.main .videos div ul li .img span {
  display: block;
  width: 40px;
  height: 25px;
  position: absolute;
  left: 33px;
  top: 18px;
  background: url(../img/bt/play.png);
  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(../img/bt/play.png);
}

aside.main .videos div ul li span.desc {
  color: white;
  font: 11px Arial;
  display: block;
}

aside.main .videos div ul li span.duration {
  font: 9px Arial;
  color: #ecedb7;
}

/* Outras Informações */
aside.more {
  padding-left: 20px;
  height: 175px;
  _overflow: hidden;
  _width: 960px;
}

aside.more div {
  width: 200px;
  height: 161px;
  margin-right: 40px;
  float: left;
  position: relative;
  background: no-repeat right bottom;
}

aside.more div.integracao {
  background-image: url(../img/bg/integracao.png);
}

aside.more div.suporte {
  background-image: url(../img/bg/suporte.png);
}

aside.more div.versoes {
  background-image: url(../img/bg/versoes.png);
}

aside.more div.maisinfo {
  background-image: url(../img/bg/maisinfo.png);
}

aside.more div.compre-dpcont {
  background-image: url(../img/prod/compre/dpcont.png);
}

aside.more div.compre-dpfisc {
  background-image: url(../img/prod/compre/dpfisc.png);
}

aside.more div.compre-dpfolha {
  background-image: url(../img/prod/compre/dpfolha.png);
}

aside.more div.compre-dpfolha-certificado {
  background-image: url(../img/prod/compre/dpfolha-+-certificado.png);
}

aside.more div.compre-dpsai {
  background-image: url(../img/prod/compre/dpsai.png);
}

aside.more div.compre-dpcall {
  background-image: url(../img/prod/compre/dpcall.png);
}

aside.more div.compre-dpadm {
  background-image: url(../img/prod/compre/dpadm.png);
}

aside.more div.compre-dpsupri {
  background-image: url(../img/prod/compre/dpsupri.png);
}

aside.more div.compre-dpstock {
  background-image: url(../img/prod/compre/dpstock.png);
}

aside.more div.compre-dpfinan {
  background-image: url(../img/prod/compre/dpfinan.png);
}

aside.more div.compre-dpfat {
  background-image: url(../img/prod/compre/dpfat.png);
}

aside.more div.compre-dprural {
  background-image: url(../img/prod/compre/dprural.png);
}

aside.more div.compre-dpsst {
  background-image: url(../img/prod/compre/dpsst.png);
}

aside.more div.compre-xmlcte {
  background-image: url(../img/prod/compre/xmlcte.png);
}

aside.more div.compre-xmlnfe {
  background-image: url(../img/prod/compre/xmlnfe.png);
}

aside.more div.compre-folhaja {
  background-image: url(../img/prod/compre/folhaja.png);
}

aside.more div.compre-folhaja-certificado {
  background-image: url(../img/prod/compre/folhaja-+-certificado.png);
}

aside.more div.compre-notaja {
  background-image: url(../img/prod/compre/notaja.png);
}

aside.more div.compre-notaja-certificado {
  background-image: url(../img/prod/compre/notaja-+-certificado.png);
}

aside.more div.compre-notaja-web {
  background-image: url(../img/prod/compre/notaja-web.png);
}

aside.more div.compre-notaja-web-certificado {
  background-image: url(../img/prod/compre/notaja-web-+-certificado.png);
}

aside.more div.compre-pagja {
  background-image: url(../img/prod/compre/pagja.png);
}

aside.more div.compre-recebja {
  background-image: url(../img/prod/compre/recebja.png);
}

aside.more div.compre-estoqueja {
  background-image: url(../img/prod/compre/estoqueja.png);
}

aside.more div.compre-comandaja {
  background-image: url(../img/prod/compre/comandaja.png);
}

aside.more div.compre-dpcloud {
  background-image: url(../img/prod/compre/dp-cloud.png);
}

aside.more div.compre-dpcloudcontador {
  background-image: url(../img/prod/compre/dp-cloud-contador.png);
}

aside.more div.compre-dpcloudsincronizador {
  background-image: url(../img/prod/compre/dp-cloud-sincronizador.png);
}

aside.more div.compre-dpbackup {
  background-image: url(../img/prod/compre/dpbackup.png);
}

aside.more div h2 {
  margin: 32px 0 17px;
  font: bold 18px Sans-Serif;
  color: #7f050e;
}

aside.more div p {
  width: 101px;
  color: #8c8c8c;
  font-size: 11px;
}

aside.more div a.call {
  position: absolute;
  left: 0;
  top: 160px;
}

/* Formulários de Solicitação Treinamentos/Serviços */
.formmail {}

.formmail .inner {
  padding: 20px;
}

.formmail h1 {
  margin: 0 0 30px 0;
  font-size: 36px;
  color: #7f050e;
}

.formmail form p {
  margin-bottom: 6px;
  width: 461px
}

.formmail label {
  width: 130px;
  display: inline-block;
  color: #8c8c8c;
  font-size: 11px;
}

#form-treinamentos label {}

#form-treinamentos p {}

.formmail .text {
  width: 322px;
  padding-left: 3px;
  height: 21px;
  line-height: 21px;
  border: 1px solid #8c8c8c;
}

.formmail .text.ddd {
  width: 55px;
  margin-right: 6px;
}

.formmail .text.telefone {
  width: 256px;
}

.formmail select {
  width: 327px;
  height: 24px;
  line-height: 24px;
  padding: 2px 2px 2px 0;
  border: 1px solid #8c8c8c;
}

.formmail textarea {
  width: 325px;
  max-width: 325px;
  height: 73px;
  max-height: 73px;
  border: 1px solid #8c8c8c;
  vertical-align: top;
}

.formmail p.submit {
  text-align: right;
}

.formmail p.submit button {
  background: url(../img/bt/submit-enviar.png);
  text-indent: -9999px;
  width: 56px;
  height: 14px;
  border: none;
  cursor: pointer;
  position: relative;
  outline: none;
  *letter-spacing: 9999px;
  *font-size: 0px;
}

.formmail p.submit input:active {
  top: 2px;
}

/* confirmação de envio de formulário (Solicitar Serviço) */
.thankyou {
  font: bold 13px Arial;
  text-align: center;
  padding: 50px;
  float: left;
}

/* Televendas */
.tel-contato {
  cursor: pointer;
}

.reveal-overlay {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
  background-color: rgba(10, 10, 10, 0.45);
  overflow-y: scroll;
}

[data-whatinput='mouse'] .reveal-overlay {
  outline: 0;
}

.reveal {
  display: none;
  z-index: 1006;
  padding: 1rem;
  border: 1px solid #cacaca;
  background-color: #fefefe;
  border-radius: 0;
  position: relative;
  top: 100px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: auto;
}

[data-whatinput='mouse'] .reveal {
  outline: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    min-height: 0;
  }
}

.reveal .column,
.reveal .columns,
.reveal .columns {
  min-width: 0;
}

.reveal> :last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 40em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal .reveal {
    left: auto;
    right: auto;
    margin: 0 auto;
  }
}

.reveal.collapse {
  padding: 0;
}

@media screen and (min-width: 40em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}

@media screen and (min-width: 40em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}

.reveal.full {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 100vh;
  min-height: 100vh;
  max-width: none;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}

@media screen and (max-width: 39.9375em) {
  .reveal {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    height: 100vh;
    min-height: 100vh;
    max-width: none;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}

.reveal.without-overlay {
  position: fixed;
}

.row-foundation {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}

.row-foundation::before,
.row-foundation::after {
  content: ' ';
  display: table;
}

.row-foundation::after {
  clear: both;
}

.row-foundation.collapse>.column,
.row-foundation.collapse>.columns {
  padding-left: 0;
  padding-right: 0;
}

.row-foundation .row-foundation {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

@media screen and (min-width: 40em) {
  .row-foundation .row-foundation {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
  }
}

.row-foundation .row-foundation.collapse {
  margin-left: 0;
  margin-right: 0;
}

.row-foundation.expanded {
  max-width: none;
}

.row-foundation.expanded .row-foundation {
  margin-left: auto;
  margin-right: auto;
}

.text-center-foundation {
  text-align: center;
}

div.row-foundation.text-center-foundation.locais {
  padding: 10px;
}

.column-foundation,
.columns-foundation {
  width: 100%;
  float: left;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

@media screen and (min-width: 40em) {

  .column-foundation,
  .columns-foundation {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.column-foundation:last-child:not(:first-child),
.columns-foundation:last-child:not(:first-child) {
  float: right;
}

.column-foundation.end:last-child:last-child,
.end.columns-foundation:last-child:last-child {
  float: left;
}

.column-foundation.row-foundation.row-foundation,
.row-foundation.row-foundation.columns-foundation {
  float: none;
}

.row-foundation .column-foundation.row-foundation.row-foundation,
.row-foundation .row-foundation.row-foundation.columns-foundation {
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.large-6-foundation {
  width: 40%;
}

.no-bullet-foundation {
  margin-left: 0;
  list-style: none;
}

.close-button-foundation {
  position: absolute;
  color: #8a8a8a;
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
  cursor: pointer;
}

[data-whatinput='mouse'] .close-button-foundation {
  outline: 0;
}

.close-button-foundation:hover,
.close-button-foundation:focus {
  color: #0a0a0a;
}

.d-none {
  display: none;
}