body {margin:0;  background:url(body_bg.jpg) repeat;}
body, input, textarea select {color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}

a {	text-decoration:none; color:#333;}

input, select, textarea {border:1px solid #ccc;}
a:hover {text-decoration:underline;}
a img {	border:none;}
ul {list-style:none; padding:0; margin: 0;}
li {margin:0; padding:0;}
#banner_geral__Categora_topo{text-align: center;}
#direita_iterno {margin-left:0 !important; }

/* === */

/* alinhamento de elementos */
.alinha {width:1001px; margin:0 auto;}  /* largura da loja - é utilizado em todas as páginas e só deve ser inserido aqui */
.limpa {clear:both;	display:block;}
.quebra_esq, .float_l {float:left;}
.quebra_dir, .float_r {float:right;}
.pointer {cursor: pointer;}
	/* de textos */
	.titulos {font-size:14px; margin:2px 0}
	.categoria_texto_descricao {padding:10px 0;}
	.center {text-align:center;}	
/* === */

/* geral */

.h1loja { display:none;}

.img-conteudo{padding: 10px;}

/* topo */
#master-topo { height: 198px; width: 100%; }
#topo {background: url(bg-topo.png) no-repeat;width: 1003px;height: 198px;margin: 0 auto;}/*para largura 100%*/
#topo_loja {width: 1002px; height: 198px; clear:both; margin: 0 auto 0px; }
#topo_loja h1 {color: #333; margin: 0; padding: 0;  display: block; float: left;  overflow: hidden; text-indent: -9999px; width: 200px;}

#logo { width: 254px; height: 67px; display: block; float: left; margin: 51px 0px 0px 35px;}
#logo_compra { width: 254px; height: 67px; display: block; float: left; margin: 51px 0px 0px 35px; }

#welcome{font: 12px Tahoma; color: #666666; width: 243px; float: left; margin: 28px 0px 0px 36px; text-align: right; line-height: 13px;} 
#welcome span { padding: 0px 0px 0px 11px; background: url(ponto.jpg) no-repeat left top 4px;}
#welcome a {text-decoration: underline; color: #3f835f;font-weight: bold;}

#links_topo {float:right; width:226px; height:55px; margin:28px 0 0 0px;}

a.minhas-compras { width: 182px; height: 40px; margin: 21px 0px 0px 38px; display: block; float: left; background: url(minhas-compras.png) no-repeat; }

a.orcamento {
	width: 182px;
    height: 40px;
    display: block;
    float: left;
    margin: 21px 0px 0px 12px;
    background: url(orcamento.png) no-repeat;
}

a.facebook { width: 32px; height: 32px; display: block; margin: 33px 0 0 13px; float: left; background: url(btn-facebook.png) no-repeat; }

a.instagram { width: 32px; height: 32px; display: block; float: left; margin: 33px 0px 0px 6px; background: url(instagram_ico.png) no-repeat; }

/*categoria topo*/
#menu {width:999px; height: 55px; float: left; margin: 17px 0px 0px 0px; overflow: hidden;}
#categoria_topo { width: 999px; height: 55px; float: left; text-align: center; margin: 0px 0px 0px 6px;}
ul#categoria_topo li.categoria_item.float_l { float: left; margin: 0px -1px 0px 0px; background: url(quadrado.jpg) no-repeat right 50%; }
ul#categoria_topo li.categoria_item.float_l:last-child { background: none; }
#categoria_topo .categoria_topo_item a:hover {background-position: bottom;}
#categoria_topo .categoria_topo_item { height: 55px; display: block; float: left; font-size: 14px; font-weight: 300; color: #888f8b; line-height: 54px; text-align: center; font-family: Arial, sans-serif; }
#categoria_topo .categoria_topo_item:hover { text-decoration: none; color: #35b16f;}
#categoria_topo .largura_categorias {
    padding: 0 18px;
}
/* .categoria_item {display: inline-block !important; float: none;} */

@media screen and (-webkit-min-device-pixel-ratio:0) {
#categoria_topo .largura_categorias {
padding: 0 17px 0 17px; /* This works only in Safari and Google Chrome */
}
}

#categoria_topo .subcategorias-itens { display: none; position: absolute; margin: 55px 0 0 0; padding: 10px 0px 15px 0px; width: 161px; z-index: 99999; background: #3f835f; }   
@media screen and (-webkit-min-device-pixel-ratio:0) {
#categoria_topo .subcategorias-itens{
margin: 55px 0 0 0; /* This works only in Safari and Google Chrome */
}
}
#categoria_topo .subcategorias-itens li { float: left; padding: 5px; width: 165px; }
/* #categoria_topo .subcategorias-itens li:hover { background: #0083cb; } */
#categoria_topo .subcategorias-itens a { padding: 0px 5px 0px 21px; display: block; color: #fff; float: none !important; font-size: 14px; font-weight: 300; font-family: Arial; text-align: left; } 
#categoria_topo .subcategorias-itens a:hover { text-decoration: underline; }
/*categoria topo*/


/* BUSCA */

#busca_campo { width: 280px; height: 31px; float:left; margin:32px 0 0 60px;}
#SearchField{ width: 239px; height: 28px; font-size: 12px; float:left; background:none; border:0; font-family: Tahoma; color: #898989; padding: 2px 0px 0px 11px;}
#buscar-produto-btn{float: right;  width: 25px; height: 31px; cursor:pointer; background:none; border:none;}

#topo_whatsapp { width: 138px; height: 30px; float: left; background: url(topo_whatsapp.png) no-repeat; margin:33px 0 0 16px;}

/* === */

/*BANNER DINAMICO*/
.banner-dinamico { height: 614px; position: relative;}
#banner_dinamico {width:100%; height:614px; overflow: hidden;}

#banner_dinamico .banner_dinamico_item {display:none; height:614px; width:100%; float:left;}
#banner_dinamico .banner_dinamico_item a {display:block; width:100%; height:614px;}

#banner_dinamico_botoes { z-index: 8; width: 140px; height: 20px; position: absolute; bottom: 11px; left: 50%; margin-left: -51px; }
#banner_dinamico_botoes .bd_btn {background:url(btn.png); margin:15px 5px; cursor:pointer; margin: 0px 7px 0px 0px; width:20px; height:20px; float:left; display:none}
#banner_dinamico_botoes .bd_btn:hover {background-position:bottom !important;}
/*BANNER DINAMICO*/

/*BANNER MARCAS*/
#banner_marcas_bg { width:767px; height:99px; margin:0 0 20px 2px; background:url(banner_marcas_bg.png); float:left;}
#bt_esquerda { position:absolute; width:17px; height:20px; margin:40px 0 0 17px; background:url(left.png); cursor:pointer; background-position:top;}
#bt_esquerda:hover { background-position:bottom;}
#bt_direita { position:absolute; width:17px; height:20px; margin:40px 0 0 735px; background:url(right.png); cursor:pointer; background-position:top;}
#bt_direita:hover { background-position:bottom;}
#banner_marcas_list { list-style:none; width:642px; height:97px; float:left; margin:1px 0 0 68px; padding:0; overflow:hidden;}
#banner_marcas_list li { float:left; width:140px; height:97px; margin:0 12px 0 0; padding-right:12px; background:url(marca_item_bg.gif) right no-repeat;}
/*BANNER MARCAS*/

/* esquerda */
#categorias {width:199px; margin-bottom:37px;}
#categorias ul { border: 1px solid #F1F1F1; border-bottom: none; background: #fff; }
#categorias h2 { display:none;}

.secao { border-bottom:2px dotted #e7e7e7;}
.secao a { display:block; color:#585858; font-size:16px; display:block; padding:7px 10px 7px 18px;}
.secao a:hover { color:#029991; text-decoration:none;} 
.categoria-selecionada a {color:#029991; text-decoration:none;}/*CATEGORIA SETADA*/

.subsecao {padding:0; background:url(subsecao_bg.gif) repeat-y;}
.subsecao a {color:#90a767; font-size:14px; padding:2px 0 2px 30px; display:block;}
.subsecao a:hover {text-decoration:none;}

.sub {padding:7px 0 !important; background:#FA9333; display: none;}
.sub-selecionada{display: block;}

/* CATEGORIAS COM IMAGEM */
#categorias_geral { background:#fafafa; float;left; padding:10px 10px 10px 0;}
#categorias { background:url(secao_bg.jpg) repeat-y; float:left; width:190px; position:relative; margin-bottom:17px;}
#categoria_esquerda { width: 198px; /* overflow: hidden; */ float: left; margin: 0; background: #fff; border: 1px solid #F7F7F7; position: relative; }

#categoria_esquerda li { margin: 0; width: 198px; border-bottom: 2px dotted #e7e7e7; }
#categoria_esquerda a { display: block;}
#categoria_esquerda a:hover { text-decoration: underline; }

#categoria_esquerda .categoria_item { float: left; background: url(bg-categoria-normal.jpg) no-repeat left 50%; color: #858585; border-top: none; }
#categoria_esquerda .categoria_esquerda_item { display: block; color: #585858; font-size: 16px; display: block; padding: 7px 10px 7px 18px; }
#categoria_esquerda .categoria_esquerda_item:hover { color: #029991; text-decoration: none; } 

#categoria_esquerda .categoria-selecionada  { background:url(secao_bg_on.jpg) repeat-y;}
#categoria_esquerda .categoria-selecionada { background: url(cat-h.jpg) no-repeat; color: #474747; }
#categoria_esquerda .categoria-selecionada a { color: inherit !important; }

#categoria_esquerda .subcategorias-conteudo { width:700px; background:#549f20;}

#categoria_esquerda .subcategorias-itens { display: none; position: absolute; top: 0; width: 211px; height: 414px; margin: 0px 0 0 199px; padding:12px 0 12px 25px !important; z-index: 99999; background-color: #fff; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.05); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.05); }
#categoria_esquerda .subcategorias-itens li { padding: 9px 5px 0px 0px!important; }
#categoria_esquerda ul.subcategorias-itens li { border-bottom: none !important; }
#categoria_esquerda ul.subcategorias-itens li.subcategorias-li:last-child { margin: 0px 0px 27px 0px !important; }
 
#categoria_esquerda .subcategorias-itens li { width: 156px !important; float: left; }
#categoria_esquerda .subcategorias-itens li a { display: block; padding: 0 5px 0 5px; float: left; color: #bcbcbc !important; font-size: 14px!important; font-family: Tahoma; } 
#categoria_esquerda .subcategorias-itens li a:hover { color: #93c539 !important; text-decoration: underline; }

#categoria_esquerda .categoria-imagem { top: 0px; position: absolute; box-shadow: 21px 6px 23px -22px; margin: 0 0 0 211px; padding:22px 15px 15px 0; height: 401px; background: #fff; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.05); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.05); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.05); }
#categoria_esquerda .categoria-imagem a { padding:0!important;}

#banner_esquerda { width: 200px; margin: 70px 0px 38px; float: left; }

#newsletter_campo {width:178px; height:105px; padding:87px 0 0 22px; margin-bottom:20px; float:left; background:url(newsletter.png);}
#NomeNewsletter {background:none; border:none; font-size:12px; color:#888888; padding:0 10px 0 10px; width:135px; height:27px; float:left;}
#EmailNewsletter {background:none; border:none; font-size:12px; color:#888888; margin-top:4px; padding:0 10px 0 10px; width:135px; height:27px; float:left;}
#NewsletterCadastrar{cursor:pointer; width:55px; height:25px; float:left; margin:3px 0 0 48px;}
#NewsletterMensagemValidacao{display:block; margin:10px; clear:both; margin:105px 0 0 10px; color:#f00; position:absolute;}

/* === */

/*==FAIXA BANNER==*/
#faixa_banner {width:767px; height:50px; margin:0 0 20px 2px; background:url(faixa_banner.png) no-repeat; clear:both; float:left;}
.faixa_banner_texto {padding:13px 0; text-align:center; width:767px;}
.faixa_banner_texto a {font-size:18px; color:#fff; text-decoration:none; display: block; text-align: center; margin:0 auto; width:767px;}
/*==FAIXA BANNER==*/

/*PRODUTOS PADRAO*/
/* vitrine */
.vitrine {width:33%; float:left; margin:0 auto 20px auto;}
.vitrine_meio {width:238px; height:446px; margin:0 auto; border:1px solid #f3f3f3; background:#fff;}

	.vitrine_oferta {position:absolute; margin:0 0 0 185px;}
	
    .vitrine_img { margin:0 auto; text-align:center; width:238px ; height:238px; background:#fff;}
        .vitrine_img_alinha {display:table-cell; vertical-align:middle; height:238px; width:238px;}
	 
	.vitrine_nome { padding:5px 10px 5px 10px; margin-bottom:5px; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4; background:#fafafa;}
	.vitrine_nome a { display:block; line-height:17px; height:35px; overflow:hidden; font-size:13px; color:#4d4d4d; text-decoration:none;}
	
	.vitrine_resumo {font-size:11px; padding:0 10px 0 10px; overflow:hidden; line-height:15px; height:30px; color:#8c8b8b;}
	
	.vitrine_alt { height: 67px; padding: 2px 0 0 12px; }  
		.valor_de_produto { text-decoration:line-through ; color: #8d8d8d; font: 11px Tahoma; height: 13px; }
        .vitrine_valor {font: 14px Tahoma; color: #74a428;}
		.vitrine_valor span { font-size: 20px; }
		.valor_parcelado { font-size:11px; color:#8d8d8d;}		
		.valor_a_vista { font-size:11px; color:#8d8d8d;}
		.produto_valor_economize { font-size:11px; color:#517913;}
	
	.vitrine_marcador {float:left; width: 223px; height: 28px;padding: 5px 0px 0px 12px;}
	.vitrine_marcador img:first-child { margin: 0px 0px 0px 0px; }
	
    .vitrine_comprar { width: 149px; height: 37px; float: right; margin: 6px 11px 0px 0px; } 
	.vitrine_comprar a { display:block; width:149px; height:37px; background:url(comprar.gif);}
	.produto_indisponivel { font-size: 15px; color:#afafaf; margin-left:10px;}
/* === */

#box_facebook { width:1001px; height:263px; float:left; margin: 18px 0px 0px -1px; background:url(box_facebook.png);}

#box_facebook iframe { float: left; margin: 25px 0 0 22px;}

#banner_footer2 { float: left; margin: 25px 0 0 25px;}

#banner_footer { list-style:none; width:1001px; height:268px; margin:0 auto; padding:0; clear:both;}
#banner_footer li { width:489px; height:243px; float:left;}
#banner_footer li:first-child { margin-right:23px;}

/* footer */
#footer { width:100%; height:788px; background:url(footer_bg.jpg) top center no-repeat; clear:both;}
#footer_conteudo { width:1001px; height:788px; margin:0 auto;}
#footer img { float:left;}

.redes_sociais_footer { list-style:none; margin:0 0 0 97px; padding:0 0 0 148px; width:100px; height:44px; background:url(acompanhe.png) left no-repeat; float:left;}
.redes_sociais_footer li { float:left; margin-top:9px;}

/* === */

/* newsletter popup */

#mask_newsletter { display: none; position: fixed; left: 0; top: 0; z-index: 999999; height: 100%; width: 100%; background: url(mask.png) repeat; cursor: pointer; }
#popup_newsletter { display: none; z-index: 999999; background: url(popupnewsletter_bg.png) no-repeat; width: 588px; height: 146px; padding: 132px 0 0 41px; position: fixed; top: 22%; left: 28%; } 
#fechar_newsletter_popup { background:url(newsletter_fechar.png) no-repeat; width:33px; height:33px; margin:-140px 0 0 573px; cursor:pointer; position:absolute;}

#NomeNewsletter {font-size:14px; color:#808080; margin:0; padding:0 10px 0 7px; width:292px; height:32px; background:none; border:none;}
#EmailNewsletter {font-size:14px; color:#808080; margin:9px 0 0 0; padding:0 10px 0 7px; width:292px; height:32px; background:none; border:none;}
#NewsletterCadastrar {cursor:pointer; width:78px; height:13px; padding:10px; margin:13px 0 0 0; background:none; text-align:center; font-size:14px; color:#fff; border-radius:5px; }
#NewsletterMensagemValidacao {display: block; margin: 10px; clear: both; margin:48px 0 0 0; font-size: 11px; color:#000; position: absolute;}

#popup_newsletter #newsletter_campo { width: 266px; height: 132px; float: left; margin: 0px 0px 0px -21px; background: none; padding: 0; }
#popup_newsletter #newsletter_campo input { background: none; border: none; font: 15px Arial; color: #767676; margin: 18px 0 0 15px; width: 214px; height: 23px; float: left; }
#popup_newsletter #NewsletterCadastrar { cursor: pointer; width: 100px; height: 8px; padding: 11px; margin: 13px 0 0 9px; background: none; text-align: center; font-size: 14px; color: #fff; border-radius: 5px; } 
#popup_newsletter #NewsletterMensagemValidacao { display: block; margin: 10px; clear: both; margin: 105px 0 0 146px; font-size: 11px; color: #000; position: absolute; } 

#newsletter_esquerda { width: 200px; height: 101px; background: url(btn-newsletter.png) no-repeat; float: left; margin: 23px 0 0 0; cursor: pointer; }

.ui-dialog { z-index: 9999999999999999 !important; }


/* newsletter popup */

a#institucional {
    float: left;
    display: block;
    font-size: 14px;
    margin-top: 39px;
    width: 104px;
    height: 38px;
    text-align: center;
    background: url(sobrenos.png) top center no-repeat;
    margin: 27px 0 0 7px;
    box-sizing: border-box;
    font-size: 0px;
}

#instagram_box {
    float: right;
    width: 468px;
    height: 215px;
    margin: 24px 21px 0 0px;
    border: solid 1px #e8e8e8;
	box-sizing: border-box;
	background: url(insta_bg.png) top center no-repeat;
	text-align: center;
	padding-top: 0px;
}

#instagram_box a:first-child
{
	display: block;
    float: left;
    width: 313px;
    height: 36px;
    margin: 23px 0 0 64px;
    float: left;
}

#instagram_box a:last-child {
    display: block;
    height: 30px;
    background: #ffffff;
    padding: 7px 7px 0 7px;
    box-sizing: border-box;
	margin: 110px 12px 0 0;
    border: solid 1px #757575;
    border-radius: 4px;
    text-decoration: none;
    /* display: none; */
    color: #272425;
    width: 46%;
    float: right;
    font-size: 12px;
    font-weight: bold;
}

#footer_infos{

    margin: 0px 0px -1px -2px;
    width: 994px;
    height: 195px;
    float: left;
    background: url(footer_infos.png) top center no-repeat;
    color: #929693;
    text-align: center;
    box-sizing: border-box;
    padding-top: 4px;
}

#politica-rodape{
    display: none;
}

.container-banner-cookie {
	width: 100%;
    height: 70px;
    background-color: rgba(79, 79, 79, 0.8);
    justify-content: space-evenly;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 16px;
    font-family: "Roboto";
    text-align: justify;
    z-index: 9999999999999;
}

.container-text-banner {
    width: 50%;
    justify-content: center;
    font-weight: 500;
    font-family: Arial;
    color: #fff;
    font-size: 16px;
}

.container-text-banner a {
	color:#fff;
	text-decoration: underline;
	cursor: pointer;
}

.text-button-cookie {
    color: #fff;
    font-weight: 700;
    cursor: pointer;
	font-family: Arial;
}

.main{
	width: 100%;
	height: 100vh;
	text-align: center;
  }
  
  .main div{
	width: 400px;
	height: 400px;
	margin:0 auto;
	text-align: center;
  
  }
  .main div button{
	top: 500px;
	height: 30px;
	margin: 0 auto;
  }
  
  
  .container{
	display: none;
	width: 100%;
	height: 100vh;
	position: fixed;
	opacity: 0.9;
	background: #222;
	z-index: 40000;
	top:0;
	left: 0;
	overflow: hidden;
  
	animation-name: fadeIn_Container;
	animation-duration: 1s;
	
  }
  
  .modal{
	display:none;
	top: 0;
	min-width: 250px;
	width: 80%;
	margin: 0 auto;
	position: fixed;
	z-index: 9999999999;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 10px #000;
	margin-top: 30px;
	margin-left: 10%;
	animation-name: fadeIn_Modal;
	animation-duration: 0.8s;
	overflow-y: auto;
  }
  
  .header{
	width: 98%;
    /* height: 70px; */
    border-radius: 10px 10px 0px 0px;
    border-bottom: 2px solid #ccc;
    position: relative;
    padding: 0 0 0 15px;
    font-size: 16px;
  }
  
  .header a{
	text-decoration: none;
    color: #aaa;
    position: absolute;
    right: 13px;
    top: 2px;
  }
  
  .content{
	padding: 20px;
    max-height: 390px;
  }

  .whatsapp_link {
    width: 38px;
    height: 38px;
    background: url(whatsapp_link_icon.png) no-repeat 8px 8px rgb(0, 229, 118);
    font-size: 0px;
    color: #fff;
    z-index: 5;
    position: fixed;
    left: 22px;
    bottom: 85px;
    display: block;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 5px 0 0 18px;
    font-weight: bold;
    box-shadow: 5px 5px 11px #292b2c38;
}