@charset "utf-8";

.area-pessoal *,
.destaques-loja *,
.gamas *,
.gamas-galeria *,
.filtros *,
.listagem *,
.detalhes *,
.galerias *,
.galeria-fotos * {
  box-sizing: border-box;
  -moz-box-sizing: border-box!important;
  -webkit-box-sizing: border-box!important;
}

/* LOGIN E CARRINHO */
.area-pessoal {background-color:gray; padding:10px; margin:0 0 20px 0;}
.area-pessoal .login {margin-right:20px;}
.area-pessoal .login span {}
.area-pessoal .login a {}
.area-pessoal .carrinho {}
.area-pessoal .carrinho a {}
.area-pessoal .carrinho i {}
.area-pessoal .carrinho strong {}
.area-pessoal .carrinho span {}
.area-pessoal .carrinho .fa-external-link-square {}

/* DESTAQUE */
.destaques-loja {width:100%; height:350px; background-color:lightgray;font-size:0px; overflow:hidden;}
.destaques-loja .destaque {font-size:0px;}
.destaques-loja .destaque a{text-decoration:none;}
.destaques-loja .destaque img{width:100%; height:auto;}

/* NAVEGAÇÃO LATERAL */
.gamas {position:relative; background-color:lightgray; padding:20px;}
.gamas a {text-decoration:none;}
.gamas .titulo {font-size:20px; margin-bottom:10px;}
.gamas .gama {}
.gamas .gama > a {}
.gamas .gama > a:hover {}
.gamas .gama .subgama {}
.gamas .gama .subgama a {}
.gamas .gama .subgama a:hover {}

/* LISTAGEM DE GAMAS EM GALERIA */
.gamas-galeria {position:relative;}
.gamas-galeria ul, .gamas-galeria li {font-size:0px;}
.gamas-galeria .titulo {font-size:20px; margin-bottom:10px;}
.gamas-galeria .galeria {position:relative;}
.gamas-galeria .galeria .bloco {width:20%; padding:0 10px 20px 0; display:inline-block; text-decoration:none; vertical-align:top;}
.gamas-galeria .galeria .bloco:hover .foto {border:1px solid gray;}
.gamas-galeria .galeria .bloco .foto {text-align:center;padding:5px; border:1px solid lightgray;font-size:0px;}
.gamas-galeria .galeria .bloco .foto img {width:100%; height:auto; display:inline-block;}
.gamas-galeria .galeria .bloco .nome {text-align:center;margin-top:10px;}
.gamas-galeria .galeria .bloco .nome h2 {font-size:16px;}

/* LISTAGEM - FILTROS */
.filtros {position:relative; background-color:lightgray; padding:20px; font-size:0px;}
.filtros > li{display:inline-block; vertical-align:middle; width: 50%;}
.filtros .filtro {}
.filtros .filtro .tit {display:inline-block;}
.filtros .filtro a {}
.filtros .filtro a:hover {}
.filtros .filtro .ligado {background-color:#fff;}
.filtros .pesquisa {text-align:right;}
.filtros .pesquisa .tit {display:inline-block;}
.filtros .pesquisa input {}
.filtros .pesquisa a {}
.filtros .pesquisa a:hover {}
.filtros .pesquisa a i {}

/* LISTAGEM DE PRODUTOS */
.listagem {position:relative; padding:30px 0 30px 0;}
.listagem .titulo {font-size:20px; margin-bottom:10px;}
.listagem .blocos {position:relative; font-size:0px;}
.listagem .blocos .bloco {width:25%; padding:0 10px 20px 0; display:inline-block; text-decoration:none; vertical-align:top;}
.listagem .blocos .bloco:hover .foto {border:1px solid gray;}
.listagem .blocos .bloco ul {}
.listagem .blocos .bloco .foto {text-align:center; padding:5px; border:1px solid lightgray; font-size:0px;}
.listagem .blocos .bloco .foto img {width:100%; height:auto; display:inline-block;}
.listagem .blocos .bloco .nome {margin-top:10px;}
.listagem .blocos .bloco .nome h2 {font-size:16px;}
.listagem .blocos .bloco .ref {}
.listagem .blocos .bloco .preco {}
.listagem .blocos .bloco .preco span {}

/* PAGINA DETALHE */
.detalhes {}

.detalhes .fotos {position:relative; width:560px;}
.detalhes .fotos .foto {padding:0 0 20px 0;}
.detalhes .fotos .foto .wrapper-foto {padding:5px; border:1px solid lightgray; display:block; font-size:0px;}
.detalhes .fotos .foto .wrapper-foto img {width:100%; height:auto; display:inline-block;}
.detalhes .fotos .mais-fotos {padding:10px 6px 10px 6px; border:1px solid lightgray; text-align:center; font-size:0px;}
/* COM BLOCO A SOBREPOR A IMAGEM 
.detalhes .fotos .mais-fotos {padding:0; border:0; text-align:center; font-size:0px; position:absolute; bottom:-10px; width:100%; z-index:100;}*/
.detalhes .fotos .mais-fotos .mais {display:inline-block; cursor:pointer; padding:0 4px 0 4px;}
.detalhes .fotos .mais-fotos .mais > img {width:60px; height:auto;}

.detalhes .detalhe {width:380px; position:relative;}
.detalhes .detalhe .nome {}
.detalhes .detalhe .nome h1 {}
.detalhes .detalhe .ref {}
.detalhes .detalhe .preco {}
.detalhes .detalhe .preco span {}
.detalhes .detalhe .txt {}
.detalhes .detalhe .txt h2 {font-size:16px;}
.detalhes .detalhe .bt {margin-top:10px; text-align:center;}
.detalhes .detalhe .bt a{display:block; text-decoration:none; padding:10px; color:white; background-color:lightgray;}
.detalhes .detalhe .bt a:hover{background-color:gray;}

.detalhes .descricao {margin:30px 0 30px 0;}
.detalhes .descricao .titulo {font-size:20px; margin-bottom:10px;}
.detalhes .descricao .txt {}

/* PAGINA DETALHE - DESCRIÇÃO COM TABS */
.etabs {margin:0px;}
.etabs .tab {display:inline-block; background-color:#fff;}
.etabs .tab a {border: solid 1px #c5c5c5; width:160px; heigt:34px; line-height:34px; text-align:center;font-size:15px; font-weight:700; display:block; text-decoration:none; text-transform:uppercase; color:#e77843;}
.etabs .tab a:hover {color:#000;}
.etabs .tab .active {background-color:#e9e9e9;border-color:#c5c5c5;}
.etabs .tab a.active {border-bottom:solid 1px #e9e9e9;}
.tab-content {padding:20px;}

/* LISTAGEM DE GALERIAS */
.galerias {position:relative;}
.galerias ul, .galerias li {font-size:0px;}
.galerias .titulo {font-size:20px; margin-bottom:10px;}
.galerias .galeria {position:relative;}
.galerias .galeria .bloco {width:25%; padding:0 10px 20px 0; display:inline-block; text-decoration:none; vertical-align:top;}
.galerias .galeria .bloco:hover .foto {border:1px solid gray;}
.galerias .galeria .bloco .foto {text-align:center;padding:5px; border:1px solid lightgray;font-size:0px;}
.galerias .galeria .bloco .foto img {width:100%; height:auto; display:inline-block;}
.galerias .galeria .bloco .nome {text-align:center;margin-top:10px;}
.galerias .galeria .bloco .nome h2 {font-size:16px;}

/* GALERIA DE FOTOS com Fancybox 3 */
.galeria-fotos {font-size:0px;}
.galeria-fotos li {font-size:0px;}
.galeria-fotos .titulo {font-size:20px; margin-bottom:10px;}
.galeria-fotos .foto {width:25%; padding:0 10px 20px 0; display:inline-block;}
.galeria-fotos .foto a {text-align:center;padding:5px; border:1px solid lightgray; font-size:0px; display:block;}
.galeria-fotos .foto a:hover {border:1px solid gray;}
.galeria-fotos .foto img {width:100%; height:auto; display:inline-block;}

/* GRELHA FOTOS COM ZOOM */
.zoom {font-size:0px;} /* ul da galeria */
.zoom .foto {width:25%; font-size:0px; padding:0 10px 10px 0; display:inline-block;}
.zoom .foto a {border:1px solid lightgray; padding:4px; display:inline-block; width:100%;}
.zoom .foto a:hover {border:1px solid black;}
.zoom .foto a:hover img{height:125%; transition: all 0.2s ease;}
.zoom .foto .img_wrapper{position:relative; overflow:hidden; height:180px; text-align:center;}
.zoom .foto .img_wrapper img{transition: all 0.2s ease;position: absolute;top: -9999px;bottom: -9999px;left: -9999px;right: -9999px;margin: auto;height:100%;}