body {margin:0; padding:110px 0 0; line-height:25px; font-family:"myriad Pro", Arial; color:#777; font-size:16px}

body a {color:inherit !important; text-decoration:none}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

.clear {clear:both}

.fadeInBlock {opacity:0; position:relative; bottom:-150px}
.fadeInBlock2 {opacity:0; position:relative; bottom:-100px}

#sobe {background:url(../Imagens/icone_seta_cima.png) center center no-repeat #1080c0; position:fixed; z-index:999; width:45px; height:45px; background-size:70%; bottom:-100px; right:15px; border-radius:100px; cursor:pointer; transition:0.3s}

#opacidade {position:fixed; top:0; bottom:0; left:0; right:0; opacity:0; visibility:hidden; background:rgba(0,0,0,0.8); transition:all 0.6s; z-index:9}

#header {width:100%; min-width:1200px; background:#fff; min-height:70px; top:0; border-bottom:1px solid #eee; position:fixed; z-index:999}
#header .info {padding:0 10px; line-height:40px; height:40px; background:#1080c0; color:#fff; font-size:14px; transition:all 0.6s}
#header .rede_social {display:inline-block; width:30px; height:40px;}
#header .destaque {display:inline-block; height:40px; margin-left:40px; background:#036; vertical-align:top}
#header .destaque span {margin:0 20px;}
#header span {display:inline-block; vertical-align:top; margin:0 40px}
#header a.mail {display:inline-block; margin:0 20px 0 0; vertical-align:top;}
#header a.mail:hover {text-decoration:underline}
#header .login {float:right; margin-right:20px; cursor:pointer}
#header .login img { height:14px; margin-right:4px; position:relative; top:2px; width:auto}
#header .logomarca {background:url(../Imagens/logomarca.jpg) no-repeat; width:195px; height:40px; margin:15px 0 0 30px; float:left}
#header .menu {float:right; margin-right:10px}
#header ul {text-align:right; margin:0; padding:0; list-style:none; font-size:15px}
#header li {display:inline-block; position:relative; padding:0 20px; text-transform:uppercase; line-height:70px;}
#header ul > li {cursor:default}
#header .underline {bottom:-1px; left:0; right:0; height:0; background:#1080c0; position:absolute; z-index:9; transition:all 0.3s}
#header li:hover .underline{height:4px}
#header li.ativo .underline{height:4px}
#header .submenu {position:absolute; top:70px; border-top:1px solid #eee; background:#fff; padding:30px; text-align:left; width:650px; left:0; display:none; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 20px; -moz-column-gap: 20px;  column-gap: 20px;}
#header li:hover .submenu {display:block}
#header .col_categoria {margin-bottom:30px; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
#header .col {display:inline-block; min-width:160px; margin:0 40px 40px 0; vertical-align:top}
#header .titulo_col {padding:0; color:#1080c0; text-transform:none; margin-bottom:10px; font-weight:bold; line-height:normal;}
#header .submenu li {display:table; line-height:26px; text-transform:none; padding:0;}
#header .submenu li:hover {text-decoration:underline}

#header .bt_info {width:71px; height:71px; background:url(../Imagens/icone_mais.png) center center no-repeat #1080c0; position:absolute; bottom:-1px; right:0; cursor:pointer}

#banner {width:100%; min-width:1200px; height:auto;  position:relative; overflow:hidden}

#conteudo {width:100%}

#titulo_pagina {width:100%; min-width:1200px; position:relative; overflow:hidden; padding:120px 0; text-align:center; font-size:50px; color:#fff; font-family:'Titillium Web'; font-weight:normal; margin:0; text-transform:uppercase}
.subtitulo_pagina {font-family:'Titillium Web'; color:#000; font-size:30px; font-weight:normal; margin:0 0 40px}
.meio {margin-top:40px}
.baixo {margin-bottom:80px !important;}

.miolo {margin:60px auto; width:1200px; text-align:justify}
.miolo.revendas {text-align:center}

img.institucional {float:right; width:575px; height:auto; margin:0 0 50px 50px}

.bt_mais {display:table; padding:0 40px; font-size:14px; line-height:54px; border:2px solid #fff; color:#fff; font-weight:bold; letter-spacing:1px; position:relative; margin:40px auto 0; cursor:pointer}
.bt_mais span {position:relative; z-index:9; transition:all 0.3s}
.efeito {width:0; top:0; bottom:0; left:0; background:#fff; position:absolute; transition:all 0.3s}
.bt_mais:hover  span {color:#000}
.bt_mais:hover .efeito {width:100%}

#chamada_produtos {width:1200px; margin:80px auto; display:table; font-size:0; text-align:center}
#chamada_produtos .titulo {font-family:'Titillium Web'; color:#000; text-align:center; font-size:36px;}
#chamada_produtos .txt {text-align:center; font-size:16px; width:600px; margin:40px auto 80px}
#chamada_produtos .produto {width:208px;}
#chamada_produtos a {display:inline-block; vertical-align:middle; margin:0 40px 0 0}
#chamada_produtos a:nth-of-type(5) {margin:0}
#chamada_produtos .produto .area_img {width:208px; height:200px; position:relative; overflow:hidden}
#chamada_produtos .produto .area_img .img {top:10px; bottom:10px; left:10px; right:10px; position:absolute; transition:all 0.3s}
#chamada_produtos .produto .area_img:hover .img {top:0; bottom:0; left:0; right:0}
#chamada_produtos .produto .categoria {font-size:20px; text-align:center; color:#1080c0; margin-top:10px;}

#chamada_revenda {width:100%; min-width:1200px;}
#chamada_revenda .area {width:1200px; color:#fff; text-align:center; margin:0 auto; padding:100px 0}
#chamada_revenda .area .titulo {font-family:'Titillium Web'; font-size:60px; margin-bottom:60px;}
#chamada_revenda .area .txt {width:700px; margin:0 auto; display:block}
#chamada_revenda .area a {display:inline-block; margin:0 10px;}

#diferenciais {width:1200px; margin:80px auto;}
#diferenciais .titulo {font-family:'Titillium Web'; text-align:center; font-size:36px; color:#000;}
#diferenciais .txt {text-align:center; width:600px; margin:40px auto 50px}
#diferenciais .diferencial {float:left; width:262px; margin:30px 50px 0 0; text-align:center;}
#diferenciais .diferencial:nth-of-type(4n) {margin:30px 0 0}
#diferenciais .diferencial .icone {width:130px; height:64px;  display:inline-block; background-position:center center; background-repeat:no-repeat;}
#diferenciais .diferencial .icone.um {background-image:url(../Imagens/icone_1.png)}
#diferenciais .diferencial .icone.dois {background-image:url(../Imagens/icone_2.png)}
#diferenciais .diferencial .icone.tres {background-image:url(../Imagens/icone_3.png)}
#diferenciais .diferencial .icone.quatro {background-image:url(../Imagens/icone_4.png)}
#diferenciais .diferencial .icone.cinco {background-image:url(../Imagens/icone_5.png)}
#diferenciais .diferencial .icone.seis {background-image:url(../Imagens/icone_6.png)}
#diferenciais .diferencial .icone.sete {background-image:url(../Imagens/icone_7.png)}
#diferenciais .diferencial .icone.oito {background-image:url(../Imagens/icone_8.png)}
#diferenciais .diferencial .icone.nove {background-image:url(../Imagens/icone_9.png)}
#diferenciais .diferencial .icone.dez {background-image:url(../Imagens/icone_10.png)}
#diferenciais .diferencial .titulo_diferencial {margin:30px 0 20px; color:#1080c0; font-size:20px}

#produtos .produto {width:262px; height:300px;}
#produtos a {float:left; margin:0 50px 50px 0}
#produtos a:nth-of-type(4n) {margin:0 0 50px 0;}
#produtos .produto .area_img {width:262px; height:240px; position:relative; overflow:hidden}
#produtos .produto .area_img .img {top:10px; bottom:10px; left:10px; right:10px; position:absolute; transition:all 0.3s}
#produtos .produto .area_img:hover .img {top:0; bottom:0; left:0; right:0}
#produtos .produto .titulo_produto {font-size:20px; text-align:center; color:#1080c0; margin-top:10px;}

#detalhes_produto {padding:100px 0 50px; overflow:hidden; width:100%; min-width:1200px;}
#detalhes_produto .exibe_descricao {position:relative; width:1200px; margin:0 auto}
#detalhes_produto .titulo_produto {font-family:'Titillium Web'; font-size:60px; text-transform:uppercase; margin-bottom:60px; color:#000}
#detalhes_produto .subtitulo_produto {font-family:'Titillium Web'; font-size:40px; text-transform:uppercase; margin-bottom:50px; color:#000}
#detalhes_produto .produto_col_dir {width:500px; float:right}
#detalhes_produto .produto_col_esq {width:500px; float:left}

#especificacoes {margin-top:-20px;}
#especificacoes .linha {border-bottom:1px solid #eee; padding:10px 0;}
#especificacoes .linha .col_especificacao {float:left; text-align:right; color:#000; font-weight:bold; width:200px;}
#especificacoes .linha .col_info {float:right; width:950px;}

.chamado input[type="text"], input[type="password"] {width:100%; border:1px solid #ddd; display:block; border-radius:3px; line-height:40px; padding:0 10px; margin:0 0 20px; font-family:"myriad Pro", Arial; font-size:16px; color:#000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none}
.col_login {float:left; width:550px;}
.col_login .esqueci {float:left; cursor:pointer}
.col_login .area_esqueci {margin-top:50px; display:none}
.col_cadastro {float:right; border-left:1px solid #eee; padding-left:50px; width:549px;}

.filtro {background:#eee; padding:20px; margin-bottom:60px; text-align:center;}
.filtro span {color:#000; font-size:26px; margin-right:20px; display:inline-block; vertical-align:middle}
.filtro select {border:none; outline:none; font-family:"myriad Pro"; font-size:14px; padding:10px; display:inline-block}

#parceiros .parceiro {float:left; width:569px; border:3px solid #eee; height:220px; margin:0 50px 50px 0}
#parceiros .parceiro:nth-of-type(2n) {margin:0 0 50px 0}
#parceiros .parceiro .logo {float:left; margin:10px 30px; width:200px; height:200px;}
#parceiros .parceiro .info {float:left; width:260px; margin:30px 0 0 10px; text-align:left}
#parceiros .parceiro .info .titulo_parceiro {color:#000; font-weight:normal; font-size:20px; margin:0 0 20px}

#downloads.meio {margin:100px 0 0}
#downloads .download {margin-bottom:40px;}
#downloads .download a:hover {text-decoration:underline}
#downloads .download .titulo_download {padding-bottom:20px; border-bottom:1px solid #eee; font-weight:bold; font-size:24px; margin-bottom:15px; color:#000} 
#downloads .download .titulo_download img {width:auto; height:20px; margin-right:10px}
#downloads .download .tipo_tamanho_formato {float:left;}
#downloads .download .tipo_tamanho_formato strong {color:#000; display:inline-block; margin-right:20px}
#downloads .download .data {float:right}

#videos.meio {margin:100px 0 0}
#videos.home {width:1200px; margin:0 auto 80px}
#videos.home .titulo {font-family:'Titillium Web'; text-align:center; font-size:36px; color:#000; margin:0 0 60px}
#videos .video {float:left; width:360px; height:300px; margin-right:60px}
#videos .video iframe {width:100%; height:200px;}
#videos .video .titulo_video {margin-top:20px; font-size:20px} 
#videos .video:nth-of-type(3n) {margin:0}

#faqs .faq {padding:0 50px 30px 0; margin-bottom:30px; border-bottom:1px solid #eee; position:relative;}
#faqs .faq .seta {width:30px; height:30px; background-image:url(../Imagens/icone_seta_baixo.png); background-position:center center; background-repeat:no-repeat; background-size:contain; position:absolute; right:0; transition:all 0.6s}
#faqs .faq .pergunta {font-size:24px; font-weight:bold; display:block; cursor:pointer; color:#000}
#faqs .faq .resposta {display:none}
#faqs .faq .resposta span {display:block; margin-top:30px}

.revendas form {width:600px; margin:40px auto 0;}
input[type="text"] {width:600px; border:1px solid #ddd; display:block; border-radius:3px; line-height:40px; padding:0 10px; margin:0 auto 20px; font-family:"myriad Pro", Arial; font-size:16px; color:#000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none}
input[type="text"].esq {float:left; width:290px;}
input[type="text"].dir {float:right; width:290px;}
.revendas select {width:600px; border:1px solid #ddd; display:block; border-radius:3px; height:42px; padding:0 10px; margin:0 auto 20px; font-family:"myriad Pro", Arial; font-size:16px; color:#999; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none}
.revendas option {color:#000}
input:focus, .revendas select:focus {border:1px solid #ccc; box-shadow:inset 0 0 0 2px #ccc}
.revendas option:first-child {color:#999}
.bt_enviar {float:right; display:table; padding:0 30px; border-radius:3px; line-height:42px; cursor:pointer; transition:all 0.3s; color:#fff; background:#333}
.bt_enviar:hover {background:#000}

.comissao {width:600px; line-height:42px; background:#1080c0; text-align:center; border-radius:3px; margin-bottom:20px; color:#fff}

.col_info {float:left; width:500px}
.col_info .tel {font-weight:bold; font-size:18px; margin-bottom:30px}
.col_info a {display:table; font-weight:bold; margin-bottom:40px;}
.col_info .chamado {padding:10px 20px; display:table; border-radius:3px; background:#1080c0; color:#fff; margin-bottom:50px;}
.col_info .chamado a {display:inline-block; margin:0}
.col_form {float:right; width:600px}
.col_form input[type="text"] {width:100%; border:1px solid #ddd; display:block; border-radius:3px; line-height:40px; padding:0 10px; margin:0 0 20px; font-family:"myriad Pro", Arial; font-size:16px; color:#000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none}
.col_form textarea {width:100%; border:1px solid #ddd; display:block; border-radius:3px; height:220px; padding:10px; margin:0 0 20px; font-family:"myriad Pro", Arial; font-size:16px; color:#000; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none}

#rodape {width:100%; min-width:1200px; display:inline-block; background:#333f48; color:#84929c}
#rodape .area {width:1200px; margin:50px auto;}
#rodape .area .col {display:inline-block; vertical-align:top; padding-right:50px}
#rodape .area .col .logo {width:150px; height:auto; display:block; margin-bottom:24px}
#rodape .area .col:nth-of-type(6) {padding:0}
#rodape .area .col .titulo {font-size:18px; color:#fff; margin-bottom:30px}
#rodape .area .col .rede_social {display:inline-block; width:30px; height:40px;}
#rodape .area .col a:hover {text-decoration:underline}
#rodape .area .col ul {list-style:none; margin:0; padding:0}
#rodape .area .col li:hover {cursor:pointer; text-decoration:underline}
#rodape .assinatura {width:1200px; margin:0 auto; line-height:60px; border-top:1px solid #3f4e59}