@charset "utf-8";
html,body{margin:0px; padding:0px; background:#fff; color:#666; font-family: 'Lato', sans-serif;}
html,body,section,div,li,button,textarea,input,p{font-family: 'Lato', sans-serif; font-size:15px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6{ font-family: 'Roboto Condensed', sans-serif;}
h3{text-transform:uppercase; font-size: 15px !important; margin:10px 0px; padding:12px 10px; color:#666; background:url(../img/pontilhado.png); }
.pontilhado{background:url(../img/pontilhado.png) top;}
hr {display: block;border:none;border-top:1px solid #bbb;border-bottom:1px solid #fff;}
hr.pontilhado{border:none; background:url(../img/pontilhado.png) top; height:4px;}
.balao_destaque{padding:30px;background:#ccc;margin-bottom:20px;-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.logo{max-height:90px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
.logo{max-height:70px;}
}
/*======================================================
A PARTIR DAQUI - REVISADOS - ALINHADOS COM O COMPONENTE
==========================================================*/
/*LISTA PRODUTOS
Essas classes são printadas na tela pelo componente COMPONENTE_LISTA_PRODUTOS() do Gerais.func.php
Algumas dessas classes já vem padrao no COLECAO/layout */
.lista-produtos .item{}
.lista-produtos .item .info{height:60px; overflow:hidden;}
.lista-produtos .item .titulo{font-size:15px; margin-top:10px; line-height:1.1em; font-family: 'Roboto Condensed', sans-serif; font-weight:bold;}
.lista-produtos .item .descricao{font-size:11px; color:#666; overflow:hidden; display:block;}
.lista-produtos .valor{font-size:11px; }
.lista-produtos .valor span{font-size:26px; font-weight:bold; letter-spacing:-1px; color:#e91e63 !important; font-family: 'Roboto Condensed', sans-serif;}
.lista-produtos .valor span.de{font-size:16px !important; text-decoration:line-through; color:#555 !important; display:inline; margin-right:5px}
.lista-produtos .valor span.por{font-size:26px; font-weight:bold; letter-spacing:-1px; color:#c93214; font-family: 'Roboto Condensed', sans-serif; display:inline;}
.lista-produtos .condicoes_pagamento{font-size:10px; }
.lista-produtos .botaoProduto{margin-top:10px;}
.lista-produtos .faixaDesconto{} /*padrao do colecao/layout.css */
.lista-produtos .faixaDesconto strong{} /*padrao do colecao/layout.css */
.lista-produtos .indisponivel:after{} /*padrao do colecao/layout.css */
@media screen and (min-width : 320px) and (max-width : 980px) {
}
/*Section .internas*/
section.internas .container{padding-top:30px; padding-bottom:30px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section.internas .container{padding-top:15px; padding-bottom:15px;}
}
/*Cabeçalho padrao*/
section header {margin-bottom:25px;}
section header h1{color:#222; font-size:30px; font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; font-weight:normal; margin:0px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section header h1{color:#808080;}
section header {margin-bottom:25px;}
}
/*data-header - Cria uma faixa - pseudoelemento absoluto por tras - Muda a cor da fonte*/
section[data-header=true]:before{content:""; background:#000000; height:100px; position:absolute; width:100%; display:block; z-index:0;}
section[data-header=true] header{position:relative; margin-bottom:40px;}
section[data-header=true] header h1{color:#fff;}
section[data-header=true] .container{padding-top:30px; padding-bottom:30px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section[data-header=true]:before{ height:75px;}
section[data-header=true] header h1{font-size:18px;}
section[data-header=true] .container{padding-top:15px; padding-bottom:15px;}
}
/*RODAPE*/
section#rodape {color:#fff; width:100%; padding:30px 0px; background:#a1a1a1; margin-top:0px; background:url("../img/footer.jpg") center;}
section#rodape h1{color:#fff; text-align:center; width:100%; font-size:32px; margin-bottom:20px;}
section#rodape a{color:#fff; }
section#rodape a#topcontrol {background:url(../img/topcontrol.png) no-repeat center top; width:52px; height: 52px; display:inline-block; z-index:9;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section#rodape > div{text-align:center}
}
/*======================================================
==========================================================*/
section#header .faixa_topo .contatos > div{ font-size:14px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section#header .faixa_topo .contatos > div{ font-size:10px;}
}
/*Defaults*/
a{}
a:hover{}
/*SEARCH*/
div.search{position:relative;}
div.search:before{content:"\f002"; font-family:"Font Awesome 5 Free"; font-weight: 900; font-size:12px; color:#555; z-index:99; position:absolute; top:17px; left:8px;}
input.search{ /*Esse form.search é criado pelo jquery - basta aplicar a classe search num input isolado */
background: rgba(255,255,255,0.9);
border: 1px solid #c7c7c7;
color: #282828;
margin: 8px 0;
padding: 6px 12px 6px 25px;
outline-style: none;
font-size:16px;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
box-shadow: 0 1px 3px inset rgba(255,255,255,0.5);
-moz-box-shadow: 0 1px 3px inset rgba(255,255,255,0.5);
-webkit-box-shadow: 0 1px 3px inset rgba(255,255,255,0.5);
position:relative;
width:340px;
}
input.search::-webkit-input-placeholder { /* Chrome/Opera/Safari */
font-size:15px !important;
}
input.search::-moz-placeholder { /* Firefox 19+ */
font-size:15px !important;
}
input.search:-ms-input-placeholder { /* IE 10+ */
font-size:15px !important;
}
input.search:-moz-placeholder { /* Firefox 18- */
font-size:15px !important;
}
/*breadcrumb*/
.breadcrumb {padding: 0.2rem 1rem !important; margin-bottom:0.5rem; zoom:0.8; }
.breadcrumb li{font-size:11px;}
/*MENU LATERAL - ASIDE*/
.menuAsideMobile{display:none;}
aside#categorias{position:relative; background:#ff4444; color:#fff; box-sizing:border-box; padding:20px; width:100%;}
aside#categorias h1{font-size:20px; border-left:8px solid #fff; padding-left:20px; color:#fff; margin-left:-20px; margin-bottom:20px;}
aside#categorias h1 i{display:hide;}
aside#categorias ul{list-style:none; padding:0px; margin:0px;}
aside#categorias li{ margin-bottom:2px;}/*border-bottom:1px solid rgba(255,255,255,0.6);*/
aside#categorias li > .categoria-principal {position:relative; border-left:4px solid rgba(255,255,255,0.6); border-bottom-right-radius:12px; border-top-right-radius:12px; background:rgba(255,255,255,0.1); font-weight:bold; padding:10px; font-size:12px; display:block;}
aside#categorias li > .categoria-principal i{cursor:pointer; font-size:15px;}
aside#categorias li > .categoria-principal i:hover{color:rgba(255,255,255,0.4);}
aside#categorias li > .categoria-principal a{z-index:2;text-decoration:none; color:rgba(255,255,255,0.7); text-transform:uppercase;}
aside#categorias li > .categoria-principal a:hover{color:#fff;}
aside#categorias .toggleAside i{display:none;}
aside#categorias ul.subcategorias{ padding-left:10px; }
aside#categorias ul.subcategorias li{border-bottom:1px solid rgba(255,255,255,0.3);margin:0px; }
aside#categorias ul.subcategorias li:last-child{border-bottom:none;}
aside#categorias ul.subcategorias a{color:#fff; border:none; font-size:13px; text-transform:none; border-radius:0px; background:none; display:block; padding:3px; font-weight:normal; }
@media screen and (min-width : 320px) and (max-width : 980px) {
.menuAsideMobile{display:block; background:#fff; width:100%; box-sizing:border-box; text-decoration:none; padding:10px 20px; color:#e91e63; border:1px solid #e91e63; font-size:18px; border-left:8px solid #e91e63; padding-left:20px; margin-bottom:30px; }
aside#categorias{float:none;display:none; margin-top:25px; width:100%;}
aside#categorias .toggleAside i{display:block;}
}
.destaque {padding:15px 20px; background:#808080; color:#fff; font-family: 'Roboto Condensed', sans-serif; border:1px solid #ddd; font-size:18px; border-radius:10px;}
/************************************************/
/* LAYOUT RESPONSIVO - 3 NÍVEIS DE RESOLUÇÃO */
/************************************************/
/* 1) PARA PC, NOTES e Computadores */
@media screen and (max-width: 8000px)
{
section#banner_page h1,section#banner_page h2{text-align:center;}
section#banner_page h1{font-size:70px;}
/*HEADER*/
section#header {width:100%; position:relative; background:url("../img/background_header.png") repeat-x; border-bottom:1px solid #ccc; }
section#header div.faixa_topo{width:100%; padding: 5px 0px; color:#fff; position:relative; box-sizing:border-box; clear:both; background:#000; }
section#header div.menu{width:100%; padding:12px 0px; }
section#header div.menu a.logo{width:200px; position:absolute; top:-10px; left:0px; }
section#header div.menu a.logo img{width:100%; }
section#header div.menu nav {text-align:right;}
section#header div.menu nav a{display:inline-block; font-family: 'Roboto Condensed', sans-serif; font-size:16px; font-weight:bold; letter-spacing:0px; color: #808080; text-transform:uppercase; vertical-align:middle; padding:15px 10px; text-decoration:none;}
section#header div.menu nav a.active{color: #bdbdbd; }
section#header div.menu nav a.centralCliente{display: none; }
section#header div.menu nav select,section#header div.menu nav .skinned-select{display:none !important;}
section#header .atendimento {font-family: 'Roboto Condensed', sans-serif;margin-top:-5px; display:inline-block; position:relative; vertical-align:middle;}
section#header .atendimento .endereco{margin-right:15px; }
section#header .atendimento .email{font-size:13px;}
section#header .controles {}
section#header .controles .carrinho {position:relative; color:#fff; font-family: 'Roboto Condensed', sans-serif; text-decoration:none !important;}
section#header .controles .carrinho i{z-index:1;position:relative;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section#header {width:100%; position:relative; left:auto; margin-left:auto; }
section#header div.faixa {height:auto; }
section#header div.faixa .menu {display:block; clear:both; text-align:center; margin-bottom:15px; }
section#header div.faixa .menu a{font-weight:bold; font-size:11px; margin-right:10px; color:#414141; text-transform:uppercase; text-decoration:none; }
section#header div.menu .showHideMenu { display:inline-block; width:40px; box-sizing:border-box; padding:4px 8px; border:1px solid #999; background:#f3f3f3; border-radius:3px;}
section#header div.menu .showHideMenu .linha{ display:block; width:100%; height:3px; margin:4px 0px; background:#555;}
section#header div.menu nav {
display:none;
position: absolute;
left: 0px;
right: 0px;
top: 151px;
padding: 15px;
box-sizing: border-box;
background: #f3f3f3;
width: 100%;
border-bottom: 3px solid #555;
z-index: 9999;
text-align: center;}
section#header div.menu nav a{display:block; font-size:20px; padding:15px 10px; text-decoration:none;}
}
/*OFERTAS RELAMPAGO MODELO NOVO*/
section#ofertasRelampago {position:relative;height:480px !important; background:#5d544c; }
section#ofertasRelampago .display{box-sizing:border-box; position:relative;}
/*tag - fora do info. POr causa do posicionamento bottom right*/
section#ofertasRelampago .display .slide .tag{ font-size:40px; color:#fff; font-family: 'Roboto Condensed', sans-serif; display:block; position:absolute; top:20px; right:-10px; width:141px; height:145px; text-align:center; background:url("../img/tag.png") no-repeat center; box-sizing:border-box; padding-top:35px;}
section#ofertasRelampago .display .slide{background-position:center; background-size:cover; height:400px; position:relative;}
section#ofertasRelampago .display .slide .info{position:absolute; margin:35px auto auto 20px; width:500px;}
section#ofertasRelampago .display .slide .info h1{font-size:35px; margin-bottom:20px;}
section#ofertasRelampago .display .slide .info h2{font-size:16px; text-align:left; letter-spacing:normal;}
section#ofertasRelampago .display .slide .info .valores{ font-size:18px; display:block;}
section#ofertasRelampago .display .slide .info .valores .valor_de .cifrao{ text-decoration:line-through;}
section#ofertasRelampago .display .slide .info .valores .valor_por .cifrao{color:#fa4c07; font-size:28px; font-weight:bold;}
section#ofertasRelampago .display .slide .info .contador {width:200px;}
section#ofertasRelampago .display .slide .info .contador h4{text-transform:uppercase; font-weight:100; font-size:10px; margin:5px 0px;}
section#ofertasRelampago .display .bx-wrapper .bx-pager-item a{background:#fff; border:2px solid #fa4c07; padding:4px;}
section#ofertasRelampago .display .bx-wrapper .bx-pager-item a.active{background:#fa4c07;}
/*CONTAINER*/
section#container{}
/*CARROSSEL (Banner Home)*/
section#carrossel {position:relative; }
section#carrossel ul.display {position:relative; padding:0px; list-style:none;}
section#carrossel ul.display li{margin:0px; padding:0px; overflow:hidden; height:400px !important;}
section#carrossel ul.display .centralizado{position:absolute !important;top:80px;bottom:100px;left:50%;margin-left:-500px;}
section#carrossel ul.display span.titulo{display:block;position:absolute;padding:0px;margin:0px;max-width:50%;z-index: 2;}
section#carrossel ul.display span.titulo h1{font-size:48px;color:#333;font-weight:bold;font-family: Myriad Pro,"Arial Black",'Open Sans';text-transform:uppercase;line-height:1.0;
padding:0px;margin:0px 0px 10px 0px;text-align:left;}
section#carrossel ul.display span.titulo h2
{
font-size:22px;
color:#fa4c06;
line-height:1.0;
text-transform:none;
font-weight:normal;
font-family: Myriad Pro, "Arial Black",'Open Sans';
padding:0px;
margin:0px 0px 20px 0px;
text-align:left;
letter-spacing:normal;
}
section#carrossel ul.display a.botao
{
display:block;
position:absolute;
z-index: 2;
background:#d52a02;
padding:8px 40px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-transform:uppercase;
font-size:18px;
color:#fff;
cursor:pointer;
text-decoration:none;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
section#carrossel ul.display a.botao:hover{background:#fa4c06;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section#carrossel{display:none}
}
/*CADASTRO*/
section#cadastro{padding:50px 0px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
section#cadastro .coluna{display:block; width:100% !important;}
}
section#carrinho span.mapaLugares{ font-size:10px; color:#eee; padding-left:10px;}
section#carrinho div.total_geral{margin: 35px 0px 10px 0px; color:#6f6f6f;text-align:right;}
section#carrinho div.total_geral .valor_total_geral{display:block; font-size:20px; }
section#carrinho div.total_geral .conveniencia_valor{display:block; text-align:right; font-size:12px;}
section#carrinho div.total_geral .saldo_creditos{display:block; text-align:right; font-size:12px;}
section#carrinho textarea{font-size:13px; width:100% !important; padding:15px !important;}
/*aceito*/
section#carrinho .aceito {
padding:10px;
border:1px solid #ccc !important;
background:#ccc;
color:#000;
float:right;
width:100%;
font-size:10px;
margin-bottom:20px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
section#carrinho .aceito .feedback{display:none !important;}
section#carrinho .aceito label{padding:10px;font-size:12px; font-weight:bold; width:100%; text-transform:uppercase;}
section#carrinho .aceito label input[type=checkbox]{width:20px; height:20px; position:relative; display:inline-block; vertical-align:middle; z-index:2;}
section#carrinho .aceito label input[type=checkbox].error{zoom:2;}
section#carrinho .aceito .politica{background:rgba(255,255,255,0.7); zoom:0.9; display:block; padding:20px; border-radius: 8px; margin-bottom:10px;} /*height:200px; overflow-y:scroll;*/
section#carrinho .aceito .politica h1{float:none; display:block; margin:inherit; color:#900; font-size:20px;}
/*Section Dados Pessoais*/
section#carrinho section.dados_pessoais{}
section#carrinho section.dados_pessoais p{font-size:11px;}
/*Meios de Pagamento*/
.meio_pagamento {min-width:450px;}
/*SECTION FRETE*/
section#carrinho section#frete{}
section#carrinho section#frete h3 {position:relative;}
section#carrinho section#frete p{font-size:11px;}
section#carrinho section#frete h3 span.icone{background:url("../img/icones/icon_frete.png") no-repeat center !important; width:60px; height:40px; display:block; position:absolute; top:0px; right:0px;}
/*servico entrega modelo BOlinhas*/
section#carrinho section#frete fieldset.servicoEntrega{display:table !important;}
section#carrinho section#frete fieldset.servicoEntrega label{display:table-cell; width:30% !important; font-weight:normal !important; font-size:9px; cursor:pointer; }
section#carrinho section#frete fieldset.servicoEntrega label input[type=radio]{display:none;}
section#carrinho section#frete fieldset.servicoEntrega label span.icon{
background:#ededed no-repeat center;
border:2px solid transparent;
width:55px;
height:55px;
display:block;
margin-bottom:15px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
}
section#carrinho section#frete fieldset.servicoEntrega label span.icon.retirar{background-image:url("../img/icones/frete_local.png");}
section#carrinho section#frete fieldset.servicoEntrega label span.icon.sedex{background-image:url("../img/icones/frete_sedex.png");}
section#carrinho section#frete fieldset.servicoEntrega label span.icon.pac{background-image:url("../img/icones/frete_pac.png");}
section#carrinho section#frete fieldset.servicoEntrega label span.icon.active{background-color:#f6f6f6; border:2px solid #4b95b0;}
section#carrinho section#frete fieldset.servicoEntrega label span.titulo{font-size:9px; font-weight:bold; display:block;}
section#carrinho section#frete fieldset.servicoEntrega label span.descricao{font-size:9px; color:#666;}
/*servico entrega modelo select*/
section#carrinho section#frete fieldset.servicoEntrega select{font-size:15px; padding:5px; width:100%; margin-bottom:10px;}
section#carrinho section#frete div.taxa_entrega{padding-top:10px; clear:both;}
section#carrinho section#frete .informacao_frete{display:none;}
section#carrinho section#frete .informacao_frete.active{display:block !important;}
section#carrinho section#frete .endereco_cliente{padding:10px 0px; font-size:16px; display:block;}
section#carrinho section#frete div.servicoEntrega{
padding:15px;
background:#ddd;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
section#carrinho section#frete div.servicoEntrega .tabelaFrete{margin-top:20px;}
section#carrinho section#frete div.servicoEntrega .tabelaFrete label{display:block; float:none; font-size:14px;}
section#carrinho section#frete .retirarNoLocal{padding:10px; font-size:12px;}
div.total_geral .conveniencia_valor span, div.total_geral .saldo_creditos span{font-weight:bold;}
div.total_geral .valor_total_geral span{font-weight:bold; color:#C00;}
/* MODAL MAPA */
div.modalMapa{
z-index:998; width:90%; height:90%; top:4%; left:50%; margin-left:-45%; position:fixed; display:none;
box-sizing:border-box;
-webkit-box-shadow: 0px 0px 9px 9px rgba(0, 0, 0, 0.4);-moz-box-shadow: 0px 0px 9px 9px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 9px 9px rgba(0, 0, 0, 0.4);
border:15px solid rgba(0,0,0,0.6);background:rgba(0,0,0,0.9);
}
div.modalMapa div.areaMapa{ overflow:auto; position:absolute; width:80%; height:100%; background:#fff;}
div.modalMapa div.areaZoom{background:url("../img/icones/bg_zoom.png"); width:135px; height:35px; display:block;}
div.modalMapa div.areaZoom .zoomMais{ width:30px; height:30px; display:block; float:right; cursor:pointer;}
div.modalMapa div.areaZoom .zoomMenos{ width:30px; height:30px; display:block; float:right; cursor:pointer;}
div.modalMapa p, div.modalMapa h1, div.modalMapa h4, div.modalMapa li{color:#fff;}
div.modalMapa p{font-size:11px;}
div.modalMapa .close2{background:url("../img/icones/close2.png"); width:37px; height:33px; display:block; position:absolute; right:0px; top:0px; cursor:pointer;}
div.modalMapa ul.legenda {margin:0px; padding:0px; list-style:none;}
div.modalMapa ul.legenda li{margin:0px; padding:0px; list-style:none; font-size:11px !important; margin-bottom:8px;}
div.modalMapa ul.legenda .thumb{display:block; margin-right:10px; width:15px; height:15px; float:left; border:1px solid rgba(255,255,255,0.7);}
div.cortina{
position:fixed;
height:100%;
width:100%;
top:0px;
z-index:998;
display:none;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.75))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
/*NEWSLETTER*/
section#newsletter{margin-bottom:80px;}
section#newsletter .container{background:url("../img/footer.jpg") center; border-radius:5px;}
section#newsletter h1{color: #fff; font-size: 32px; margin: 0px; font-weight: bold;}
section#newsletter p{color:#fff;margin:0px;}
section#newsletter input{padding:10px 20px; border-radius:30px; font-size:15px; outline:none; border:none;}
/*EMPRESA */
section#empresa-home h1{font-size:30px; font-weight:bold;}
section#empresa-home p{font-size:16px; line-height:24px;}
section#empresa h1{text-align:left; color:#d6007a !important;}
section#empresa h2{text-align:left; color:#d6007a !important;}
section#empresa div.depoimentos {background:#649f35; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; color:#fff !important;}
section#empresa div.depoimentos li{}
section#empresa div.depoimentos h1 {color:#fff !important; font-size:30px; text-align:left; font-weight:normal !important;}
section#empresa div.depoimentos h2 {color:#fff !important; font-size:11px; text-align:left; font-weight:normal;}
section#empresa div.depoimentos .depoimento {box-sizing:border-box; padding:30px 50px;}
section#empresa div.depoimentos .depoimento img {float:left; margin-right:15px; width:60px; -moz-border-radius: 50px;-webkit-border-radius: 50px; border-radius: 50px;}
section#empresa div.depoimentos .depoimento p {font-size:11px; display:block; clear:both; margin-bottom:20px; padding-top:15px;}
@media screen and (min-width : 320px) and (max-width : 980px) {
.content-empresa{padding:20px; margin-top:30px;}
}
/*LOJA VIRTUAL*/
section#loja{}
section#loja h1{font-family: 'Roboto Condensed', sans-serif; text-align:left; margin:0px; padding:0px; color:#111; text-transform:uppercase;}
section#loja h1 span{font-family: 'Roboto Condensed', sans-serif;}
section#loja select[name=categoria]{padding:10px;}
/*Lista de produtos*/
ul.lista_produtos {padding:0px; list-style:none; color:#515151; }
ul.lista_produtos li{display:inline-block; width:24%; text-align:left; vertical-align:top; padding:10px; box-sizing:border-box; position:relative; margin-bottom:20px; min-height:250px;}
ul.lista_produtos li.indisponivel:after{content:""; width:75px; height:78px; top:8px; left:9px; display:block; position:absolute; background:url(../img/indisponivel_faixa.png) top left no-repeat; background-size:100%; }
ul.lista_produtos img{-webkit-transition:all 0.4s; border:1px solid #f2f2f2; width:100%;}
ul.lista_produtos img:hover{opacity:0.6; }
ul.lista_produtos .info{min-height:80px;}
ul.lista_produtos .info .titulo{font-size: 15px; margin: 10px 0px 2px 0px; font-family: 'Roboto Condensed', sans-serif; min-height: 35px; line-height: 1.2em; }
ul.lista_produtos .info .categoria{font-size:11px; margin-bottom:10px; }
ul.lista_produtos .info .descricao{font-size:10px; margin-bottom:10px; min-height:45px; line-height:1.2em;}
ul.lista_produtos .info .valor{font-size:11px;}
ul.lista_produtos .info .valor span{color:#fa4c07 !important; font-family: 'Roboto Condensed', sans-serif; font-size:24px !important;}
ul.lista_produtos .info .valor span.de{font-size:16px; text-decoration:line-through; color:#000 !important; display:block;}
ul.lista_produtos .info .valor span.por{font-size:30px; color:#c93214; font-family: 'Roboto Condensed', sans-serif; }
ul.lista_produtos .info .valor .condicoes_pagamento{font-size:10px;}
ul.lista_produtos .addCarrinho{height:42px; width:170px; display:none; text-align:center; background:url(../img/botoes/bt_comprar.jpg) no-repeat center; border:1px solid #dcdcdc; margin-top: 10px; cursor:pointer;}
ul.lista_produtos .addCarrinho.indisponivel{ display:inline-block; background-image:url(../img/botoes/bt_avisar.jpg);}
@media screen and (min-width : 320px) and (max-width : 980px) {
ul.lista_produtos li{ width:48%; }
}
/*Faixa desconto*/
.faixaDesconto{background:rgba(255,0,0,0.6); color:#fff; font-size:15px; position:absolute; padding:15px; text-align:center; top:15px; right:10px; border-radius:100%; box-sizing:border-box; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.faixaDesconto strong{font-size:24px; display:block; }
/*MODAL PRODUTO*/
/*colunaInfoProduto*/
section#produto .modalProduto .colunaInfoProduto .area_fotos{ margin-right:20px;}
section#produto .modalProduto .colunaInfoProduto .area_fotos .nome{font-family: 'Roboto Condensed', sans-serif; text-align:left; margin:0px; padding:0px; font-size:30px; font-weight:bold; text-transform:uppercase; }
section#produto .modalProduto .colunaInfoProduto .area_fotos .referencia{ font-size:11px; color:#999;}
section#produto .modalProduto .colunaInfoProduto .area_fotos .descricao{ }
section#produto .modalProduto .colunaInfoProduto .area_fotos .share { text-align:right; display:none;}
section#produto .modalProduto .colunaInfoProduto .area_fotos .share div{ display:inline-block; width:20px; height:20px; }
section#produto .modalProduto .colunaInfoProduto .area_fotos .share div.facebook{background: rgb(48, 88, 145);}
section#produto .modalProduto .colunaInfoProduto .area_fotos .share div.twitter{background: rgb(44, 168, 210);}
section#produto .modalProduto .colunaInfoProduto .area_fotos .share div.plus{background: rgb(206, 77, 57);}
section#produto .modalProduto .colunaInfoProduto .area_fotos .frame{height:500px; width:100%; position:relative; background-size:auto 100%; background-position:center; background-repeat:no-repeat; cursor:crosshair; margin-top:15px;}
section#produto .modalProduto .colunaInfoProduto .area_fotos ul.galeria{list-style:none; margin:0px; padding:15px 0px; text-align:center;}
section#produto .modalProduto .colunaInfoProduto .area_fotos ul.galeria li{ display:inline-block; cursor:pointer; border:1px solid #f4f4f4; margin-right:5px;}
section#produto .modalProduto .colunaInfoProduto .area_fotos ul.galeria a.lightBoxShowCommerce{ display:none; }
section#produto .modalProduto .colunaInfoProduto .area_descricao{ border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
section#produto .modalProduto .colunaInfoProduto .area_descricao .descricao{ border-right:1px solid #e4e4e4; padding:20px 0px;}
section#produto .modalProduto .colunaInfoProduto .area_descricao .descricao h1{font-family: 'Roboto Condensed', sans-serif; text-align:left; text-transform:uppercase; font-size:28px;}
section#produto .modalProduto .colunaInfoProduto .area_descricao .politicas{ padding:0px;}
section#produto .modalProduto .colunaInfoProduto .area_descricao .politicas a { text-transform:uppercase; font-weight:bold; text-decoration:none; display:inline-block; vertical-align:middle; color:#000; padding:8px 15px; font-size:11px;}
section#produto .modalProduto .colunaInfoProduto .area_descricao .politicas a:last-child {border-bottom:none;}
section#produto .modalProduto .colunaInfoProduto .area_descricao .politicas a img { margin-right:8px; vertical-align:middle;}
section#produto .modalProduto .colunaInfoProduto .area_especificacao {border-bottom:1px solid #e4e4e4; padding:30px 0px;}
section#produto .modalProduto .colunaInfoProduto .area_especificacao h1{font-family: 'Roboto Condensed', sans-serif; text-align:left; text-transform:uppercase; font-size:28px;}
section#produto .modalProduto .colunaInfoProduto .area_especificacao h1 span{font-family: 'Roboto Condensed', sans-serif; }
section#produto .modalProduto .colunaInfoProduto .veja_tambem{ padding:30px 0px;}
section#produto .modalProduto .colunaInfoProduto .veja_tambem h1{font-family: 'Roboto Condensed', sans-serif; text-align:left; text-transform:uppercase; font-size:28px;}
/*colunaMarcacaoDireita - Cria um espaco/coluna fake - no mobile some essa coluna*/
section#produto .modalProduto .colunaMarcacaoDireita{display:table-cell; width:400px; border-left:1px solid #e4e4e4;}
section#produto .modalProduto .colunaInfoCompra .info ul.medidas li.active{ background:#5f5786; color:#fff; border:1px solid #555;}
section#produto .modalProduto .colunaInfoCompra .info ul.lista_medicoes .vis_tabela_medidas {display:block; width:100%; background:#333; color:#fff; font-size:10px; text-transform:uppercase; text-align:center; padding:6px; cursor:pointer; margin-bottom:10px; box-sizing:border-box;}
section#produto .modalProduto .colunaInfoCompra .info .valor{display:inline-block; margin-left:10px; vertical-align:middle;}
section#produto .modalProduto .colunaInfoCompra .info .valor .cifrao{margin-left:5px; font-size:20px; font-weight:bold; background:#ddd; border-radius:5px; box-sizing:border-box; padding:5px 10px;}
section#produto .modalProduto .colunaInfoCompra .info .condicoes{padding:15px 0px;}
section#produto .modalProduto .colunaInfoCompra .info .condicoes h2{font-size:15px; font-family: 'Roboto Condensed', sans-serif;margin:auto; color:#666; letter-spacing:normal; text-transform:uppercase;}
section#produto .modalProduto .colunaInfoCompra .info .condicoes span{color:#900; font-weight:bold; display:block; font-size:18px; }
section#produto .modalProduto .colunaInfoCompra .info .desconto_escalonado {display:block;clear:both;padding:15px 0px;}
section#produto .modalProduto .colunaInfoCompra .info .desconto_escalonado h2{font-size:15px; font-family: 'Roboto Condensed', sans-serif; margin:auto; color:#666; letter-spacing:normal;text-transform:uppercase;}
section#produto .modalProduto .colunaInfoCompra .info .aviso_indisponivel {display:block; width:100%; background:#C00; color:#fff; font-size:11px; text-transform:uppercase; text-align:center; padding:10px; margin-bottom:10px; box-sizing:border-box;}
/* TABELA MEDIDAS (Ajax)*/
section#tabela_medidas { display:table; width:100%;}
section#tabela_medidas table{ width:100%;}
section#tabela_medidas table th{ text-align:center; }
section#tabela_medidas table td{ text-align:center; }
section#tabela_medidas table td div.coluna{ text-align:center; font-weight:bold; font-size:12px; padding:5px 10px; vertical-align:middle; min-width: 40px;}
section#tabela_medidas table tfoot td{ background:#222; color:#fff; }
section#tabela_medidas table tfoot tr:nth-child(even) td{background:#444;}
/*NOTICIAS */
/*LIsta*/
section#noticias{}
section#noticias hr{}
section#noticias ul.lista {}
section#noticias ul.lista li{}
section#noticias ul.lista li figure{}
section#noticias ul.lista li .titulo{}
section#noticias ul.lista li .chamada{}
section#noticias ul.lista li .autor{}
section#noticias ul.lista li .ver_mais {}
/*Pagina*/
section#noticia{}
section#noticia article{}
section#noticia article header{}
section#noticia article header .titulo {}
section#noticia article header .chamada {}
section#noticia article header .data {}
section#noticia article header .autor {}
section#noticia article .texto{}
section#noticia article img{}
/* THUMB-LIST */
ul.thumbs {padding:0px; margin:0px; list-style:none; position:relative; text-align:center; }
ul.thumbs li
{
margin:5px 10px;
padding:0px;
display:inline-block;
position:relative;
text-align:center;
height:180px;
width:240px;
overflow:hidden !important;
cursor:pointer;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-repeat:no-repeat;
background-position:center;
background-size:105%;
-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
}
ul.thumbs li a{border:none; display:block; height:100%; width:100%;position:absolute;} /*Faz do link a area total para o click - Pensando no Lightbox*/
ul.thumbs li label{position:absolute; bottom:0px; left:0px; z-index:2; width:100%; margin:0px; background:rgba(243,244,245,1); padding:15px 5px; color:#555; font-size:14px; cursor:pointer;}
ul.thumbs li label:after
{
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid rgba(243,244,245,1);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content:" ";
position:absolute;
left:50%;
margin-left:-16px;
top:-16px;
}
ul.thumbs li .descricao
{
position:absolute;
bottom:0px;
left:0px;
z-index:1;
width:100%;
height:0%;
overflow:hidden;
margin:0px;
background:rgba(255,255,255,0.7);
padding:20px;
text-align:center;
color:#333;
font-size:11px;
display:block;
box-sizing:border-box;
}
ul.thumbs li .descricao .data{font-size:20px; font-weight:bold; display:block; margin-bottom:10px;text-transform:uppercase;}
ul.thumbs li:last-child {margin-right:0px;}
ul.thumbs li:hover {-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5); background-size:115%;}
ul.thumbs li:hover .descricao{height:70%; !important;}
ul.thumbs li:hover label{background: #fb7456; color:#fff;}
ul.thumbs li:hover label:after {border-bottom: 8px solid #fb7456;}
/*
NAO TEM MAIS IMAGEM, Agora é tudo no background do */
ul.thumbs li img{width:100%;position:absolute;left:0px;top:0px;}
ul.thumbs li:hover > img
{
-moz-transform: scale(1.05) ;
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=2, M12=-0, M21=0, M22=2);
}
/*transitions Gerais*/
ul.thumbs li,
ul.thumbs li label,
ul.thumbs li label:after,
ul.thumbs li .descricao,
ul.thumbs li img
{
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
}
/*Thumbs Mini*/
ul.thumbs.mini {padding:0px; margin:0px; list-style:none; position:relative; }
ul.thumbs.mini li
{
margin:5px 5px 5px 0px;
padding:0px;
display:inline-block;
position:relative;
text-align:center;
height:150px;
width:180px;
overflow:hidden !important;
cursor:pointer;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background-repeat:no-repeat;
background-position:center;
background-size:105%;
-webkit-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
-moz-box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0);
}
ul.thumbs.mini li label{position:absolute; bottom:0px; left:0px; z-index:2; width:100%; margin:0px; background:rgba(243,244,245,1); padding:8px 5px; color:#555; font-size:12px; cursor:pointer;}
ul.thumbs.mini li label:after
{
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid rgba(243,244,245,1);
border-left: 8px solid transparent;
border-right: 8px solid transparent;
content:" ";
position:absolute;
left:50%;
margin-left:-16px;
top:-16px;
}
ul.thumbs.mini li .descricao
{
position:absolute;
bottom:0px;
left:0px;
z-index:1;
width:100%;
height:0%;
overflow:hidden;
margin:0px;
background:rgba(255,255,255,0.7);
padding:15px;
text-align:center;
color:#333;
font-size:11px;
display:block;
box-sizing:border-box;
}
ul.thumbs.mini li .descricao .data{font-size:15px; font-weight:bold; display:block; margin-bottom:10px;text-transform:uppercase;}
ul.thumbs.mini li:hover {-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5);-moz-box-shadow:0px 0px 8px 1px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.5); background-size:115%;}
ul.thumbs.mini li:hover .descricao{height:70%; !important;}
ul.thumbs.mini li:hover label{background: #fb7456; color:#fff;}
ul.thumbs.mini li:hover label:after {border-bottom: 8px solid #fb7456;}
}
@media screen and (min-width : 320px) and (max-width : 980px) {
/*LOJA*/
section#produto .modalProduto .colunaInfoProduto{display:block; width:100%;}
section#produto .modalProduto .colunaInfoProduto .area_fotos{ margin-right:0px;}
section#produto .modalProduto .colunaInfoProduto .area_fotos ul.galeria{ text-align:left;}
section#produto .modalProduto .colunaInfoProduto .area_fotos .frame{ display:none;height:700px;}
section#produto .modalProduto .colunaInfoProduto .area_fotos ul.galeria li{ display:none;}
section#produto .modalProduto .colunaInfoProduto .area_fotos ul.galeria a.lightBoxShowCommerce{display:inline-block; width:23%; cursor:pointer; margin:0px 0px 5px 0px; border:1px solid #f4f4f4; margin-right:5px;}
section#produto .modalProduto .colunaInfoProduto .area_fotos ul.galeria a.lightBoxShowCommerce img{width:100%;}
section#produto .modalProduto .colunaInfoProduto .area_fotos header{}
section#produto .modalProduto .colunaInfoProduto .area_descricao{ }
section#produto .modalProduto .colunaInfoProduto .area_descricao .politicas{display:none;}
section#produto .modalProduto .colunaMarcacaoDireita{display:none;}
section#produto .modalProduto .colunaInfoCompra{display:block; position:relative; top:auto; right:auto; width:100%;}
section#produto .modalProduto .colunaInfoCompra .info{ width:100%; padding:20px 0px;}
section#produto .modalProduto .colunaInfoCompra .info .quantidade_produto{}
section#produto .modalProduto .colunaInfoCompra .info ul.lista_medicoes .vis_tabela_medidas {display:none; }
/*CENTRALIZADO*/
.centralizado
{
width:90%;
position:relative;
margin:0px auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/*CONTATO*/
section#contato {margin-top:30px;}
section#contato .table{display:block; width:100% !important; position:relative;}
section#contato .coluna{display:block; width:100% !important; position:relative; padding:0px !important; margin-bottom:30px;}
section#contato .mapa{display:none;}
section#contato form.contato input,section#contato form textarea{width:100%;}
section#contato .newsletter{display:none;}
section#contato .coluna.formulario{padding-right:0px; }
}