*{
	margin: 0; padding: 0;
}

@font-face{
  font-family: 'fonte-ubuntu'; src:url(../_fonts/Ubuntu-Regular.ttf);
}

body{
  background-color: #2C3748; font-family: 'fonte-ubuntu', 'Arial'; font-size: 1em;
  padding-top: 140px;
}

.body0{
	padding-top: 0; font-size: 1em; font-family: 'fonte-ubuntu', 'Arial';
}

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

img{
	max-width: 100%;
}

.container{
  width: 97.5vw; margin: auto; background-color: #FFF;  
}


header{
  background-color: #2C3748;  width: 100%;  height: 140px; 
  position: fixed;
  top: 0;
  z-index: 9999;
}


.imgcabecalho{
	height: 124px;	padding-top: 8px;	margin-left: 2vw;	margin-right: 2vw;	float: left;	
	vertical-align: middle; 
}	

.article-busca{
	width: 35vw;	margin-top: 35px;	height: 45px;	float: left;	text-align: center;	
	vertical-align: middle; 
}


.article-mostra-volta-topo{
	width: 5%;	color: #fff; position: fixed; left:3%; bottom:7%; display: none; cursor: pointer;
	
}

.article-mostra-volta-topo img{
	border-radius: 5px;
}

.campo-busca{
	width: 80%; height: 45px; display: inline; border-top-left-radius: 5px; 
	border-bottom-left-radius: 5px; font-size: 1.01em; padding-left: 2px;
}

.buscaheader{
	border: solid 1px transparent;
}

.buscarastreio{
	border: solid 1px #2C3748;
}

.botao-campo-busca{
	width: 45px; height: 47px; background-image: url(../_img/icones/lupa.png); 
	background-repeat: no-repeat; background-color: #FFF; background-position: 40% 40%;	
	background-size: 25px;	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px; cursor: pointer;	display: inline; position: absolute;
}

.campo-frete{
	width: 150px; height: 30px;	display: inline; border-top-left-radius: 5px; border-bottom-left-radius: 5px;
	border: solid 1px #2C3748; font-size: 1.01em; padding-left: 3px;
}

.botao-campo-frete{
	width: 100px;	height: 32px;	background-color: #DDD; color:#CB7246;	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;	border: solid 1px #2C3748;	cursor: pointer;	display: inline;
	position: absolute; font-size: 1.01em;
}

nav{
	width: 100%;	background-color: #2C3748;	float: left;	box-sizing: border-box;	
	padding: 3px;	color: #FAF7C2; 

}

ul {
	list-style-type: none;
}


ul :hover{
	color: #bbb;
}

ul.menu-topo li {
	width: 185px;	line-height: 35px;	cursor: pointer;	text-align: center;	background-color: #2C3748;	
	margin-right: 5px;	margin-bottom: 5px;	float: left;
}

ul li ul li{
  text-align: left;  box-sizing: border-box;
}

ul.menu-topo :hover{
	background-color: #445;
}

ul li ul{
  display: none;  list-style-type: none;
}

ul li:hover ul{
  display: block;  cursor: pointer;
}

.submenu{
  width: 185px;  box-sizing: border-box;    display: none;  position: absolute;  z-index: 1000;
}

ul li:hover .submenu{
  display: block;
}

ul li ul.submenu li{
	margin-bottom: 0px;
}

ul li ul.submenu :hover{
	background-color: #445;	border-radius: 10px;
}

nav.menulateral{
	width: 23%;	background-color: #FFF;	padding: 10px; border: 1px solid #F58634; color: #CB7246;
	margin-bottom: 10px; line-height: 30px; 

}

a.xmenulateral{
	color: #84716B;
}

ul.xmenulateral :hover{
	color: #F58634;
}


.sitemap{
	line-height: 5vh;	width: 100%;	background-color: #FAF7C2;	float: left;	font-size: 0.90em;
}

a.asitemap{
	color: #2C3748;		padding-left: 12px;	padding-right: 12px;	
}

.asitemap:hover {
	text-decoration: underline;
}


.produtos{
	//session e article que mostram produtos no index;
	width: 75%;    float: right;    color: #2C3748;
}
.showprod{
	box-shadow: 0px 0px 5px 5px #FAF7C2;  width: 21vw;  height: 46vh; max-height: 450px;
	min-height: 265px;	min-width: 165px; float: left; text-align: center;	
	margin: 10px; padding-top: 3px;	 border-radius: 5px;
}



.tituloprod{
  font-size: 1.4em;
}
.tituloprodcarrinho{
  font-size: 1.4em;  padding-left: 10%;
}

.infoprod{
  font-size: 0.8em; 
}


.FormUpLoad{
  font-size: 0.8em; border-left: 2px solid #F00 ; padding-left: 2px;
   
}


figure{
  text-align: center;  margin-bottom: 0.5em; max-height: 65vh;
}

.imgprod{
  max-height: 28vh;  cursor: pointer;
}

.imgetiqueta{
  max-height: 15vh; 
}

footer{
	color: #FAF7C2;	line-height: 30px; text-align: left; clear: both; display: flex;
	background-color: #2C3748; padding-bottom: 20px; padding-top: 20px; 
}

.rodape1, .rodape2{
	padding-left: 30px;	color: #DDD; box-sizing: border-box; float: left;
}

.rodape1{
	width: 20%;
}

.rodape2{
	width: 30%;
}

.copyrights{
	width: 100%; color: #2C3748; text-align: center; font-size: 0.8em; clear: both;	
	background-color: #FAF7C2; float: none;
}

.facebook, .instagram{
	width: 50px;	height: 50px;	margin: 5px;	background-repeat: no-repeat;	cursor: pointer;	float: left;
}

.facebook:hover{
	background-image: url("../_img/icones/facebook-hover.png");	
}

.facebook{
	background-image: url("../_img/icones/facebook.png");
}

.instagram:hover{
	background-image: url("../_img/icones/instagram-hover.png");	
}

.instagram{
	background-image: url("../_img/icones/instagram.png");
}

.sacola{
	background-image: url("../_img/icones/sacola.png");	width: 80px; height: 50px;
	background-repeat: no-repeat; background-position: center top; text-align: center; 
	vertical-align: middle;	color: #2C3748;
}

.article-menu-header{
	margin-top: 35px;	margin-right: 2vw;	height: 50px;	float: right;	text-align: center;
	vertical-align: middle; 
}

.article-menu-header img{
	height: 50px; 
}

ul.menu-header li{
  	cursor: pointer; text-align: center; width: 85px; margin-right: 5px; margin-bottom: 5px; float: right;
}

.menu-header-imgmenu, #FieldSetEnderecoCobranca, #FieldSetCreditCard, #FieldSetBoletoPJ, 
#FieldSetBoletoPF{
  	display: none;
}

ul.menu-header li ul li{
  text-align: left;  box-sizing: border-box;  
}

.submenu-header{
  width: 150px; box-sizing: border-box; line-height: 35px;  display: none;  position: absolute;  
  z-index: 2000; background-color: #52658C; padding-left: 2px; 
}

ul li:hover .submenu-header{
  display: block;
}

ul li ul.submenu-header {
	border-top: 2px solid #F00;
}

ul li ul.submenu-header li{
	margin-bottom: 0px; width: 150px; line-height: 35px;
}

ul li ul.submenu-header :hover{
	background-color: #445;	
}

.submenu-itens-carrinho{
  background-color: #FFF; width: 250px; height: 320px; box-sizing: border-box; padding: 0.3vw; display: none;
  color: #2C3748;  border: 1px solid #2C3748; position: absolute; right: 10px;
}

section.sec-sub-itens-carrinho{
  width: 100%; height: 55px; padding-top: 3px; line-height: 2vw; text-align: justify; border-top: 1px solid #2C3748;
  margin-left: 5px;  color: #2C3748;
}

section.sec-sub-itens-carrinho img{
  width: 50px; height: 50px;  float: left; vertical-align: middle;
}

ul li:hover .submenu-itens-carrinho{
  display: block;
}


.btnloja{
	width: 150px; height:35px; color: #F58634;	font-size: 1em;	cursor: pointer;	
	border-radius: 5px;
}
.vermais{
	border: 1px solid #CB7246;	background-color: #FAF7C2;
}

.comprado{
	border: 1px solid #CB7246;	background-color: #52658C; color: #FAF7C2;
}

.comprar{
	border: 1px solid #2C3748;	background-color: lightblue;	color: #2C3748;	
	 margin-right: 15px;
}

.umClique{
	width: 80px; margin-bottom: 5px;
}

.btnCupomCarrinho{
	width: 160px;	height:35px; background-color: #FAF7C2;	color: #F58634;	font-size: 0.9em;	cursor: pointer;
	border-radius: 5px; border: 1px solid #2C3748;
}

.btnQtdeCarrinho{
	border: 1px solid #2C3748;	background-color: lightblue;	color: #2C3748;	border-radius: 3px;	cursor: pointer;
	padding-left:3px; 	padding-right:3px; 	font-size: 1em;	margin-right: 13%;
}

.formCheckout, .quantidade, .btnComprar{
	display: none;
}

.formCheckout{
	color: #2C3748;
}

.detalhe-produto{
	width: 50%;	min-width: 350px; padding-left: 4%;	float: left; margin: auto; box-sizing: border-box;	
	color: #2C3748;
}
.info-produto{
	padding-left: 4%;	float: left;	margin: auto;	box-sizing: border-box;	color: #2C3748;
	border-left: 3px solid #2C3748;
}
.product-images{
	float: left; width: 50%; padding: 30px; box-shadow: 0 0 5px 2px #2C3748;
}

.thumbs{
	float: left; width: 97%; margin-top: 20px; padding: 2.5px; border: 1px solid #CB7246;
}

.thumbs img{
	float: left; width: 20%; padding: 2.5px; cursor: pointer; background: #FAF7C2; 
}

.thumbs img:hover, .thumbs img.active{
	background: #CB7246;
}

.cover{
	margin:auto; width:70%; margin-top: 50px; box-shadow: 0 0 5px 2px #CB7246;
}

.campo-num{
	width: 60px;	height: 30px;	line-height: 30px;	border: 1px solid #ddd;	margin: 5px;
	padding-left: 2px; 	border-radius: 5px;	font-size: 1em; vertical-align: middle;
}

i {
  text-decoration: line-through;  font-size: 0.8em;
}

.checkout{
	width: 100%; box-sizing: border-box; float: left; border-bottom: 1px solid #2C3748;	padding-top: 3px; 
	line-height: 30px; color: #2C3748; 
}

.chkA{
	background-color: #EEE; text-align: right; padding-right: 10%;
}

.chkB{
	background-color: #FFF; text-align: right; padding-right: 10%;
}

.chkC{
	background-color: #EEE; text-align: left; padding-left: 5%;
}

.chkD{
	background-color: #FFF; text-align: left; padding-left: 5%;
}

.carrinho_section{
	width: inherit;	box-sizing: border-box;	float: left; border: 1px solid #2C3748;	padding-left: 3px;
	padding-top: 3px; background-color: #FFF;
}

.carrinho_title{
	background-color: #EEE;	font-size: 1.1em;
}

.carrinho{
	box-sizing: border-box;    float: left;    display: inline;	       margin-bottom: 3px;
}

.carrinhoFontePeq{
	font-size: 0.8em;
}

.carrinho_direita{
	text-align:right; 
}

.carrinho_cupons{
	width: 100%; border-top: 1px solid #2C3748; padding: 5px;
}

.pedidos_PP{
	line-height: 50px; width: 15%; text-align: center; 
}

.pedidos_P{
	line-height: 50px; width: 25%; text-align: center; 
}

.pedidos_M{
	line-height: 50px;	width: 30%; text-align: left; padding-left: 2px; 
}

.info-produto a, .PerguntaNossosProdutos a, .pedidos_M a{
	color: #2C3748; text-decoration: none;
}

.pedidos_detalhe{
	color: #F58634;
}

.pedidoCliente_detalhe{
	width: 30%;	text-align: left;	float: left; color: #2C3748; font-size: 0.8em;
}

.carrinho_article{
	width: 40%;    padding-left: 2vw;    padding-top: 10px;  
}

.carrinho_article_30{
	width: 30%;    padding-left: 2vw;    padding-top: 10px; 
}

.pedidos_article a, .carrinho_article a{
	color: #2C3748;	
}

.carrinho_article_detalhe{
	width: 33%;	text-align: right;	float: left; color: #F58634; vertical-align: top;
}

.carrinho_article_detalhe_padding{
	padding-top: 20px;
}

.carrinho_article_detalhe_direita{
	width: 33%;	text-align: right;	float:left; color: #F58634; margin-right: 3vw;
}

.carrinho_article_detalhe a{
	color: #2C3748;	font-size: 2em;
}

.carrinho_article_img{
	width: 10%;	max-width: 100px;    
}

.carrinho_article_img img{
	width: 100px;		border-radius: 5px;
}

.carrinho_article_trash{
	width: 3%; align-items: right; padding-left: 1%; padding-top: 30px;
} 	

.carrinho_article_trash img{
	max-width: 15px;
}

.carrinho_article_rodape{
	text-align: right; 
}

.carrinho_valores{
	font-size: 1.2em; color: #CB7246;
}

.carrinho_frete{
		text-align: left;	float: right; color: #F58634;
}

.pedidos_article{
	width: 43%; padding-top: 10px;    
}

.pedidos_article_detalhe{
	width: 33%;	text-align: right;	float: left; color: #F58634; vertical-align: top;
}

.pedidos_article_img{
	width: 40px; 
}

.pedidos_article_img img{
	width: 40px; border-radius: 5px;
}

.pedidos_article_detalhe_direita{
	width: 33%;	text-align: right;	float:left; color: #F58634; margin-right: 3vw;
}


.mensagem{
	background-color: #F58634;	border: 1px solid #84716B;	border-radius: 5px;	color: #2C3748;	
	font-size: 1.1em; line-height: 25px;	text-align: center;	width: 50%;	margin-left: 25%;
}
.mensagemSemMargem{
	margin-left: 0;
}

.mensagemP{
	color: #2C3748;	font-size: 0.8em;
}

.box{	
width: 50px; height: 50px; background: url(../_img/AgulhaseAlfinetes-icone.png) no-repeat;
background-size: contain;
}

.engrenagens{
	float: right;
}  

.esconde{
	display: none;
}

.mostra{
	display: block;
}


@keyframes gira {
    to {
        transform: rotate(360deg);
    }
}

.horario{
   animation: gira 8s linear infinite;   
}

form{
	margin: 0.5%; padding:5px;
}

fieldset {
	color: #F58634; padding: 1%;	
}

.fieldsetCC, .fieldsetRightAlign{
	text-align: right;
}
.fieldsetCenterAlign{
	text-align: justify;
}

.DivRadioCheckout{
	line-height: 40px;  border-bottom: 1px solid #F58634; box-sizing: border-box;
}

.articleCheckout{
	width: 29%; min-width: 330px;	margin: 1%; float: left;	text-align: left;	vertical-align: middle; 
	padding:1%; border: 1px solid #DDD;
}

.articleLogin{
	width: 42%; min-width: 350px; margin-left: 1vw; margin-right: 1vw; float: left; text-align: left; 
	vertical-align: middle; padding:1vw; border: 1px solid #DDD;
}

.articleLogin a{
	padding-left:2px; color: #2C3748;
}

.articleDeclaracao{
	width: 45%; margin: 0.5em; float: left;	text-align: left; vertical-align: middle; 
	border: 1px solid #000;
}

.campoFormCC{
	height: 25px; 	border: 1px solid #2C3748; 	margin: 5px;	padding-left: 3px;	font-size: 0.95em;
	border-radius: 3px; background-color: #EEEEEE;
}

.CCG{
	width: 60%;
}

.CCM{
	width: 40%;
}

.CCP{
	width: 15%;
}


.campoForm-msg{
	width: 80%; height: 100px; border: 1px solid #ddd; margin: 5px; font-size: 0.95em; margin-left: 8%;
	padding-left: 2%;
}

.campoForm-msgContato{
	width: 80%; height: 100px; border: 1px solid #2C3748; margin: 5px; padding-left: 2%; 
	font-size: 1.2em; border-radius: 5px;
}

.campoForm{
	height: 30px; 	border: 1px solid #2C3748; 	margin: 5px;	padding-left: 3px;	font-size: 0.95em;
}

.Contato{
 	border-radius: 5px;	
}

.G{
	width: 80%;
}

.M{
	width: 42%;
}

.P{
	width: 30%;
}

.PP{
	width: 20%;
}


.campoNum{
	width: 30%; height: 30px; border: 1px solid #ddd;	margin-bottom: 5px; padding-left: 2px;
	font-size: 0.95em; vertical-align: middle;
}

.btnForm{
	width: 35%; height: 30px; border: 1px solid #2C3748; background-color: #FAF7C2;color:  #F58634; cursor: pointer;
	font-size: 0.8em; margin-left: 5px;
}



.modal {
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999;
  opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in; pointer-events: none;
}

.modalInterno{
	width: 30vw; min-width: 400px; position: relative; margin: 5% auto; padding: 0px 10px; 
	background: #fff; 
}

.fechar {
  position: relative; left: 0px; top: -2px; text-align: center; line-height: 30px; margin-top: 5px;
  background: #ff4545; border-radius: 50%; font-size: 16px; color: #8d0000;
}


.modalAvisos:target, .modalDetalhesPedidos:target, .modal:target {
  opacity: 1; pointer-events: auto;
}


.modalDetalhesPedidos {
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999;
  opacity:0; -webkit-transition: opacity 400ms ease-in; -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in; pointer-events: none; 
}

.modalInternoDetalhesPedido{
	width: 95vw; position: relative; margin: 5% auto; padding: 15px 10px; background: #fff; 
	height: 80vh; overflow-y: auto; top:-50; left:0;
}

.fecharDetalhesPedido {
  position: relative; left: 0; top: -12px; text-align: center; line-height: 30px; margin-top: 5px;
  background: #ff4545; border-radius: 50%; font-size: 16px; color: #8d0000;
}


.modalAvisos {
  position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0.8); z-index: 99999;
  opacity:0; -webkit-transition: opacity 800ms ease-in; -moz-transition: opacity 800ms ease-in;
  transition: opacity 800ms ease-in; pointer-events: none; 
}

.modalInternoAvisos{
	width: 75vw; position: relative; margin: 5% auto; padding: 15px 10px; background: #fff; 
	height: 80vh; overflow-y: auto; top:-50; left:0; color: #2C3748; 
}

.modalInternoAvisos img{
  
  max-width: 70vw;
  max-height: 50vh;
  border-radius: 5px;
  margin-right: 5px;
}

.ImgmodalInternoAvisos {
  width: 70vw;
  display: inline-block;
  vertical-align: top;
}

.TxtmodalInternoAvisos {
  width: 70vw;
  display: inline-block;
  border-left: solid 2px #F58634;
  padding-left: 7px;
  margin-top: 5px;
}

.fecharAvisos {
  position: relative; right: -95%; top: -12px; text-align: center; line-height: 30px; margin-top: 5px;
  background: #ff4545; border-radius: 50%; font-size: 16px; color: #8d0000;
}

.containerPedidos{
   width: 90vw; margin: auto;   background-color: #FFF;   
}

.containerPaginacao{
	box-sizing: border-box; min-height: 30px; line-height: 30px; font-size: 0.8em; margin: auto; 
	align-self: center; text-align: center; color: #2C3748; margin-top: 5px; margin-bottom: 10px;

}

.containerPaginacao a{
	text-decoration: none; color: #2C3748; 
}

.itemPaginacao{
  box-sizing: border-box; width: 25px; height: 30px; line-height: 35px; display: inline; 
  border: 1px solid #FAF7C2; padding: 7px; background-color: #FFE;
}

.itemPaginacaoSimples{
	background-color: #FAF7C2;
}

.comocomprarSection{
	width: 100%; margin: auto; align-items: center;
}
.PerguntaComoComprar{
	clear:both; width: 80%; margin: auto; align-items: center; text-align: left; border: 1px solid #FAF7C2; 
	align-self: center; padding-top: 2vh; margin-bottom: 2vh; box-sizing: border-box; border-radius: 15px;  
}
.PerguntaComoComprar h3{
	cursor: pointer;
	color: #F58634;
}

.PerguntaNossosProdutos{
	clear:both; float: left; width: 80vw; margin-left:10vw; align-items: center; text-align: left; 
	 margin-top: 5px; margin-bottom: 15px;  padding-top: 2vh; border: 1px solid #FAF7C2; border-radius: 15px;  
}
.PerguntaNossosProdutos h3{
	color: #F58634; 
}

.thumbsNossosProdutos{
	width: 10%; min-width: 75px; display: inline-block; 
	// background: #FAF7C2; 
}

.thumbsNossosProdutos img{
	float: center; width: 90%; min-width: 75px;  border-radius: 5px;
	vertical-align: middle; border-color: #FAF7C2; 
}

.thumbsNossosProdutos img:hover {
	background: #CB7246; transform: scale(3.5); transition: 0.5s;
}

.PerguntaComoImg{
	height: 2vh;
	vertical-align: middle;
}

.RespostaComoComprar{
	margin-left: 2vw; display: none;
}

.RespostaComoNossosProdutos{
	margin-left: 2vw; 
}

.NossosProdutos{
	width: 100%; margin: auto; align-items: center; text-align: left; border: 1px solid #F58634; 
	align-self: center; margin-bottom: 2vh; box-sizing: border-box; display: inline-table;
}

.limpaboth{
	clear:both;
}

#cnpj, #copiar{
	cursor: pointer;
}

.img-band{
    padding-right: 2px;
}
.select-qnt-parcelas{
    display: none;
}

.PaginaInicialCelular{
	display: none;
}