body {margin:0; padding:0; font-family:'Libre Franklin'; font-size:18px; color:#999; line-height:34px}

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

input,select,textarea {box-sizing: border-box; outline:none; font-family:'Libre Franklin'; color:#666}

a.ativo {text-decoration:underline}

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

.clear {clear:both}

@media only screen and (min-width: 1025px) {
	
#fix_responsivo {display:none}
#header_responsivo {display:none}

#fix {width:100%; height:59px; display:none}

#top {width:100%; min-width:1200px; font-size:14px; background:#106838; height:50px; color:#fff}
#top .area {width:1200px; margin:0 auto; height:50px; line-height:50px}
#top .area span {width:1px; height:20px; background:rgba(255,255,255,0.2); display:inline-block; margin:0 20px; vertical-align:middle}

#header {width:100%; min-width:1200px; height:160px; background:#fff; position:relative; z-index:999}
#header .area {width:1200px; margin: 0 auto;}
#header .area .logo {background:url(../Imagens/logomarca.jpg) no-repeat; width:100px; height:100px; position:absolute; bottom:30px; background-size:contain;transition:all 0.6s}
#header .area .busca {float:right; position:relative; width:350px; height:40px; border:1px solid #eee; border-radius:100px; position:relative; top:60px; margin-right:50px; overflow:hidden}
#header .area .busca input[type="text"] {width:310px; height:40px; background:none; border:none; padding:0 0 0 18px;}
#header .area .busca .bt_busca {width:40px; height:40px; background:url(../Imagens/icone_busca.png) center center no-repeat; position:absolute;right:0; top:0; cursor:pointer;}
#header .area .menu {float:right; text-align:right; position:relative; top:60px}
#header .area .menu ul {padding:0; margin:0; list-style:none}
#header .area .menu li {display:inline-block; position:relative; height:40px; line-height:40px; margin-left:30px; font-size:14px; color:#999; cursor:pointer; transition:color 0.6s}
#header .area .menu li:hover {color:#106838}
#header .area .menu li.ativo {color:#106838}

#menu {width:100%; min-width:1200px; background:#fff; height:60px; position:relative; top:0; z-index:999; box-shadow:0px 15px 15px rgba(0,0,0,0.05); cursor:default; transition:all 0.3s}
#menu ul {width:1200px; margin:0 auto; border-top:1px solid #eee; text-align:center; list-style:none; padding:0}
#menu ul a {cursor:pointer !important}
#menu li {display:inline-block; padding:0; margin:0 25px; color:#106838; line-height:60px; font-size:14px; text-transform:uppercase; font-weight:500}
#menu li span {display:block; cursor:pointer}
#menu li .underline {position:relative; width:100%; background:#106838; bottom:4px; z-index:9; height:4px; display:none}
#menu .submenu {position:absolute; left:50%; margin-left:-50%; width:100%; min-width:1200px; background:#fff; top:56px; border-top:4px solid #eee; display:none; box-shadow:0px 15px 15px rgba(0,0,0,0.05);}
#menu li:hover .underline {display:block}
#menu li .submenu ul {width:900px; border:none; min-height:250px; position:relative; padding-right:300px; margin:30px auto; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; -webkit-column-gap: 30px; -moz-column-gap: 30px;  column-gap: 30px; text-align:left }
#menu li .submenu ul li {padding:5px 0; margin:0 !important; text-transform:none; display:block; line-height:20px; font-weight:normal; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
#menu li .submenu ul li:hover {color:#999}
#menu li .submenu ul .destaque {position:absolute; top:0; bottom:0; right:0; width:250px }

#banner {width:100%; min-width:1200px; height:auto; margin: 0 auto;}

#conteudo {width:100%; min-width:1200px}

.titulo_chamada {font-size:40px; font-weight:200; line-height:50px; margin-bottom:30px; color:#000;}

.subtitulo_pagina {font-size:26px; font-weight:200; margin-bottom:20px; color:#000;}
.subtitulo_pagina.meio {margin-top:40px}

.bt_mais {display:table; margin:40px auto 0; color:#fff; background:#d0b96b; font-size:14px; padding:15px 50px; border-radius:3px; transition:all 0.3s; font-weight:400; cursor:pointer}
.bt_mais:hover {background:#000}

#introducao {width:1200px; margin:100px auto; text-align:center}
#introducao span {display:block; margin:0 auto; width:800px}

#destaque {width:100%; position:relative;}
#destaque .col_esq {width:calc(50% - 200px); padding:160px 100px; background:#f9f9f9;}
#destaque .col_dir {width:50%; position:absolute; top:0; bottom:0; right:0}

#produtos {width:1200px; margin:80px auto; display:table;}
#produtos.pg {margin:0;}
#produtos .titulo_chamada {text-align:center; margin-bottom:50px}
#produtos .produto {width:270px; height:400px; cursor:pointer}
#produtos a {float:left; margin:0 40px 0 0; }
#produtos a:nth-of-type(4n) {margin:0}
#produtos .produto .img {width:270px; height:310px;}
#produtos .produto .titulo {margin-top:15px; text-align:left; line-height:24px}
#produtos .produto:nth-of-type(4n) {margin:0;}
#produtos .produto:hover {text-decoration:underline}

.miolo {width:1200px; margin:0 auto 50px; display:table; text-align:justify}

#marcas {margin-top:40px}
#marcas .marca {float:left; width:214px; height:214px; border:1px solid #eee; margin:0 30px 30px 0}
#marcas .marca:nth-of-type(5n) {margin:0 0 30px 0}

#loja:first-of-type {margin-bottom:50px}
#loja .col_txt {float:left; width:400px;}
#loja .gal {float:right; margin-top:10px; width:800px; text-align:right}
#loja .gal .img {width:150px; height:130px;}
#loja .gal a {float:right; margin:0 0 30px 30px; outline:none}
#loja iframe {margin:50px 0 0}

.titulo_pagina {font-size:40px; font-weight:200; line-height:50px; margin:50px 0 40px; border-bottom:1px solid #eee; padding:0 0 10px; color:#000;}
.titulo_pagina.produtos {width:100%; text-align:left; font-size:16px}
.titulo_pagina.produtos span.separador {display:inline-block; vertical-align:middle; width:20px; height:20px; background:url(../Imagens/icone_seta_separador.png) center center no-repeat; opacity:0.3}
.titulo_pagina.produtos a:hover {text-decoration:underline}
select.ordenar {float:right; border:1px solid #eee; padding:0 5px; height:30px; line-height:30px;}

#exibe_produto .produto_imgs {float:left; width:460px;}
#exibe_produto .produto_imgs .img_maior {width:460px; height:450px;}
#exibe_produto .produto_imgs .img_maior .area_img {width:460px; height:450px;}
#exibe_produto .produto_imgs .miniaturas {margin-top:10px; width:470px;}
#exibe_produto .produto_imgs .miniaturas .miniatura {margin:10px 10px 0 0; border:1px solid #eee; width:82px; height:82px; cursor:pointer; float:left}
#exibe_produto .produto_imgs .miniaturas .miniatura.ativa {border:1px solid #106838;}
#exibe_produto .produto_info {float:right; width:670px; text-align:left}
#exibe_produto .produto_info .nome_produto {font-size:30px; margin:0; padding:0; font-weight:normal; line-height:40px; color:#106838}
#exibe_produto .produto_info .cod_produto {font-weight:bold; font-size:14px; display:block; margin-top:5px;}
#exibe_produto .produto_info .compartilhar {display:block; margin-top:10px;}
#exibe_produto .produto_info .desc_produto {margin-top:30px; padding-top:20px; border-top:1px solid #eee;}

.col_contato {float:left; width:400px;}
.col_contato a:nth-of-type(even) {display:table; margin-top:10px}
.col_contato a:nth-of-type(even):hover {text-decoration:underline}
.col_form {width:700px; float:right; margin-bottom:40px}
.col_form input[type="text"] {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:330px; outline:none; padding:0 10px; background:none; height:40px; line-height:40px; border:1px solid #ddd; border-radius:3px; margin:0 0 20px 20px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.col_form textarea {padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none; width:680px; float:right; height:180px; background:none; border:1px solid #ddd; border-radius:3px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.col_form .bt_envia {padding:0 40px; float:right; margin-top:40px; line-height:56px; border:2px solid #2d3e50; background:#2d3e50; color:#fff; display:table; border-radius:100px; cursor:pointer; transition:all 0.3s}
.col_form .bt_envia:hover {background:none; color:#2d3e50}

#rodape {width:100%; min-width:1200px; background:#106838; color:#fff; font-size:14px; line-height:28px}
#rodape .area {width:1200px; margin:0 auto; padding:60px 0}
#rodape .area .col {display:inline-block; vertical-align:top; padding-right:80px;}
#rodape .area .col:last-of-type{padding:0}
#rodape .area .col .titulo {font-size:24px; color:rgba(255,255,255,0.3); margin-bottom:20px;}
#rodape .area .col strong {display:block}
#rodape .area .col ul {margin:0; padding:0; list-style:none;}
#rodape .area .col li:hover {text-decoration:underline;}
#rodape .area .redes_sociais {display:none}

#rodape .assinatura {width:100%; min-width:1200px; background:#2d3e50; height:70px; line-height:70px;}
#rodape .assinatura .area  {width:1200px; padding:0; margin:0 auto;}
#rodape .assinatura .area .direitos {float:left}
#rodape .assinatura .area .direitos br {display:none}
#rodape .assinatura .area .daniel {float:right}

#aviso_cookies {position:fixed; bottom:20px; left:20px; right:20px; z-index:999999; text-align:center; background:#fff; padding:15px 10px; border-radius:10px; box-shadow:0 0 5px 5px rgba(0,0,0,0.05);}
#aviso_cookies .txt {display:inline-block; vertical-align:middle; width:calc(100% - 200px); font-size:14px;}
#aviso_cookies .txt a {text-decoration:underline;}
#aviso_cookies .bt_fechar {display:inline-block; vertical-align:middle; cursor:pointer; padding:8px 12px; font-size:13px; border-radius:5px; background:#106838; color:#fff; margin-left:4px;}

.concordo {margin:20px 0 10px 20px;}
.concordo input {display:inline-block; vertical-align:middle;}
.concordo span {display:inline-block; vertical-align:middle;}
.concordo span a {text-decoration:underline;}

}


@media only screen and (max-width: 1024px) {
	
h3 {text-align:left;}	
	
#fix {width:0; height:0; display:none}
#top {display:none}
#header {display:none}
#menu {display:none}

#fix_responsivo {width:100%; height:150px;}

#header_responsivo {width:100%; position:absolute; top:0; z-index:999; box-shadow:0px 15px 30px rgba(0,0,0,0.05);}
#header_responsivo .top {width:100%; font-weight:700; padding:10px 0; height:30px; line-height:30px; background:#106838; color:#fff; text-align:center; font-size:14px}
#header_responsivo .top span {width:1px; height:20px; background:rgba(255,255,255,0.2); display:inline-block; margin:0 20px; vertical-align:middle}

#header_responsivo .busca {width:100%; background:#eee; display:none;}
#header_responsivo .busca .area_busca {width:90%; margin:0 auto;}
#header_responsivo .busca .area_busca input[type="text"]{width:100%; outline:none; color:#106838; line-height:60px; height:60px; background:none; border:none; padding:0 10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#header_responsivo .area {background:#fff; width:100%; position:relative}
#header_responsivo .area .logomarca {width:100px; height:80px; background:url(../Imagens/logomarca.jpg) left center no-repeat; background-size:contain; position:absolute; bottom:10px; left:20px;}
#header_responsivo .area .bt_busca {width:34px; height:34px; background:url(../Imagens/icone_busca_responsivo.png) center center no-repeat; background-size:contain; float:right; margin:32px 0 0}
#header_responsivo .area .bt_menu_responsivo {width:30px; height:40px; float:right; background:url(../Imagens/icone_menu.png) center center no-repeat; margin:30px 20px;}
#header_responsivo ul {padding:0; margin:0; list-style:none; text-align:center; line-height:normal; display:none}
#header_responsivo li {background:#eee; border-bottom:1px solid #ddd !important;}
#header_responsivo li:last-of-type {border:none}
#header_responsivo span {display:inline-block; margin:20px 0;}
#header_responsivo li ul {display:none;}
#header_responsivo li ul li {background:#106838; text-transform:uppercase; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2) !important}
#header_responsivo li ul li ul {display:none}
#header_responsivo li ul li ul li {background:#2d3e50; text-transform:none; border-bottom:1px solid rgba(255,255,255,0.1) !important}

#banner {width:100%; height:auto; margin: 0 auto;}

#conteudo {width:100%;}

.titulo_chamada {font-size:32px; font-weight:200; line-height:36px; margin-bottom:20px; color:#000;}

.subtitulo_pagina {font-size:28px; text-align:left; font-weight:200; color:#000; margin:0 0 20px}
.subtitulo_pagina.meio {margin-top:40px}

.bt_mais {display:table; margin:40px auto 0; color:#fff; background:#d0b96b; font-size:14px; padding:15px 50px; border-radius:3px; transition:all 0.3s; font-weight:400; cursor:pointer}
.bt_mais:hover {background:#000}

#introducao {margin:30px 20px; text-align:center}

#destaque {width:100%; position:relative;}
#destaque .col_esq {padding:30px 20px; text-align:center; background:#f9f9f9;}
#destaque .col_dir {width:100%; padding-bottom:80%; max-width:400px; margin:0 auto;}

#produtos {margin:30px 20px;}
#produtos.pg {margin:0;}
#produtos .titulo_chamada {text-align:center; margin-bottom:50px}
#produtos a {width:100%; max-width:400px; margin:0 auto 30px; display:table; cursor:pointer}
#produtos a:last-of-type {margin:0 auto;}
#produtos .produto .img {width:100%; padding-bottom:80%;}
#produtos .produto .titulo {margin-top:15px; text-align:center; line-height:24px}
#produtos .produto:hover {text-decoration:underline}

.miolo {margin:40px 20px; text-align:justify}

#marcas {margin:40px auto 0; display:table; width:300px; text-align:center;}
#marcas .marca {float:left; width:138px; height:138px; border:1px solid #eee; margin:0 20px 20px 0}
#marcas .marca:nth-of-type(even) {margin:0 0 20px}

#loja {text-align:left;}
#loja .gal {text-align:center; margin-top:20px;}
#loja .gal .img {width:60px; height:60px; display:inline-block; margin:0 10px 10px 0; vertical-align:top}
#loja .gal a {outline:none}
#loja iframe {margin:30px 0; width:100% !important; height:300px !important}

.titulo_pagina {font-size:32px; font-weight:200; line-height:36px; text-align:left; margin:0 0 20px; border-bottom:1px solid #eee; padding:0 0 20px; color:#000;}
.titulo_pagina.produtos {padding:0 0 10px; margin-bottom:50px; line-height:26px; width:100%; font-size:16px}
.titulo_pagina.produtos span.separador {display:inline-block; vertical-align:middle; width:20px; height:20px; background:url(../Imagens/icone_seta_separador.png) center center no-repeat; opacity:0.3}
.titulo_pagina.produtos a:hover {text-decoration:underline}
select.ordenar {border:1px solid #eee; margin:10px 0; display:block; width:100%; padding:0 5px; background:#fff; height:40px; line-height:40px;}

#exibe_produto .produto_imgs {margin-bottom:20px}
#exibe_produto .produto_imgs .img_maior .area_img {margin:0 auto; max-width:300px; height:300px;}
#exibe_produto .produto_imgs .miniaturas {margin-top:10px; text-align:center}
#exibe_produto .produto_imgs .miniaturas .miniatura {margin:10px 10px 0 0; border:1px solid #eee; width:60px; height:60px; cursor:pointer; display:inline-block; vertical-align:top}
#exibe_produto .produto_imgs .miniaturas .miniatura.ativa {border:1px solid #106838;}
#exibe_produto .produto_info {text-align:left}
#exibe_produto .produto_info .nome_produto {font-size:30px; margin:0; padding:0; font-weight:normal; line-height:40px; color:#106838}
#exibe_produto .produto_info .cod_produto {font-weight:bold; font-size:14px; display:block; margin-top:5px;}
#exibe_produto .produto_info .compartilhar {display:block; margin-top:10px;}
#exibe_produto .produto_info .desc_produto {margin-top:30px; padding-top:20px; border-top:1px solid #eee;}

.col_contato {text-align:left;}
.col_contato .meio {margin-top:30px}
.col_contato a:nth-of-type(even) {display:table; margin-top:10px}
.col_contato a:nth-of-type(even):hover {text-decoration:underline}
.col_form {margin-top:40px}
.col_form input[type="text"] {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; width:100%; outline:none; padding:0 10px; background:none; height:40px; line-height:40px; border:1px solid #ddd; border-radius:3px; margin:0 0 20px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.col_form textarea {padding:10px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; outline:none; width:100%; height:180px; background:none; border:1px solid #ddd; border-radius:3px; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.col_form .bt_envia {padding:0 40px; margin:30px auto 0; line-height:56px; border:2px solid #2d3e50; background:#2d3e50; color:#fff; display:table; border-radius:100px; cursor:pointer; transition:all 0.3s}
.col_form .bt_envia:hover {background:none; color:#2d3e50}

#rodape {width:100%; background:#106838; color:#fff; font-size:14px; text-align:center; line-height:28px}
#rodape .area {padding:40px 20px}
#rodape .area .col {margin:0 0 30px;}
#rodape .area .col:last-of-type{margin:0}
#rodape .area .col .titulo {font-size:24px; color:rgba(255,255,255,0.3); margin-bottom:10px;}
#rodape .area .col strong {display:block}
#rodape .area .col ul {margin:0; padding:0; list-style:none;}
#rodape .area .col li:hover {text-decoration:underline;}
#rodape .area .redes_sociais {display:block; margin:20px auto 0;}
#rodape .area .redes_sociais img {display:inline-block; margin:0 5px; vertical-align:top}

#rodape .assinatura {width:100%; background:#2d3e50;}
#rodape .assinatura .area  {padding:20px;}

#aviso_cookies {position:fixed; bottom:20px; left:20px; right:20px; z-index:99999; text-align:center; background:#fff; padding:20px; border-radius:10px; box-shadow:0 0 5px 5px rgba(0,0,0,0.05);}
#aviso_cookies .txt {font-size:14px;}
#aviso_cookies .txt a {text-decoration:underline;}
#aviso_cookies .bt_fechar {margin:20px 0 0; cursor:pointer; padding:10px 15px; border-radius:5px; background:#106838; color:#fff;}

.concordo {margin:20px 0 10px;}
.concordo input {display:inline-block; vertical-align:top; margin-right:5px;}
.concordo span {display:inline-block; vertical-align:top; width:calc(100% - 50px); line-height:20px; text-align:left;}
.concordo span a {text-decoration:underline;}

}