#header_mobile{
	width:100%;
	height:115px;
	float:left;
	margin:0;
	padding:0 9px 0 15px;
	box-shadow:0 0 10px 0 rgba(0,0,0,0.2);
	display:none;}

#area_logo_mobile {
	width: 100%;
	height: 40px;
	float: left;
	margin: 5px 0 0 0;
	position: absolute;
	left: 0;
	top: 0;
}

#menu-mobile{position: fixed;}

a#logo_mobile{
	width:auto;
	height:40px;
	float:none;
	display:table;
	margin:0 auto;
	-webkit-transform:scale(.75);
	-moz-transform:scale(.75);
	transform:scale(.75);}

a#logo_mobile:hover , a#logo_mobile:focus , a#logo_mobile:active{opacity:0.7;}

a#logo_mobile img{
	width:auto;
	height:40px;
	float:left;
	margin:0;}

a#lk_carrinho_mobile{
	width:50px;
	height:50px;
	float:right;
	margin:0;
	background:url(../../img/mobile/icone_carrinho_mobile.png) no-repeat;}

a#lk_carrinho_mobile:hover{opacity:0.7;}

#top_mobile{
	width:100%;
	height:115px !important;
	float:left;
	margin:0;
	z-index:1500;
	position:fixed;
	padding:0 0 0 0;
	top:0;
	left:0;
	display:none;
	-webkit-transform: translate3d(0, 0, 0);
	   -o-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);}

#area_menu_mobile{
	width:240px;
	height:0;
	position:absolute;}

#menu_mobile{
	width:240px !important;
	height:0;
	float:left;
	margin:0;
	padding:0 0;
	top:0;
	left:0;
	position:absolute;
	border:none;
	background:#eee;
	-moz-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);
	box-shadow:0px 0px 10px 2px rgba(0,0,0,0.1);}

#menu_mobile ul{
	width:100%;
	height:auto;
	float:left;
	display:block;
	margin:0;
	padding:0;
	top:0 !important;
	left:0 !important;
	overflow-y:scroll;}

#menu_mobile ul li{
	width:100% !important;
	height:50px;
	float:left;
	margin:0 !important;
	padding:0 15px;
	zoom:1;
	list-style:none;}

#menu_mobile ul li a{
	width:100%;
	height:50px;
	float:left;
	margin:0;
	padding:0;
	font-size:14px;
	color:#333;
	line-height:50px;
	text-align:center;
	font-weight:300;}	

#menu_mobile ul li a.ativo , #menu_mobile ul li a:hover , #menu_mobile ul li a:focus , #menu_mobile ul li a:active{
	opacity:0.7;
	text-decoration:none;}

#busca_mobile{
	width: -webkit-calc(100% - 6px);
	width: -moz-calc(100% - 6px);
	width: calc(100% - 6px);
	height:auto;
	float:left;
	margin:0;
	padding:10px 0 0 0;
	border-top:rgba(0,0,0,1) 1px solid;}

#busca_mobile .q { width:100%; height:40px; float:left; margin:0; padding:0 50px 0 15px; font-size:14px; line-height:40px; color:#333; border:none; background:#FFF; -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3); -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3); box-shadow:0 0 10px 0 rgba(0,0,0,0.3); outline:none;}
#busca_mobile i {width:32px; height:32px; float:right; margin:-32px 5px 0 0; background:url(../../img/mobile/icone_busca_mobile.png) no-repeat; cursor:pointer; text-indent:-99999px;}
#busca_mobile i:hover{opacity:0.7;}	
#busca_mobile .s { width: 1px; height: 1px; background: transparent; padding: 0; border: none; position: absolute; bottom: -10px; right: -10px; opacity: 0; }

#mask_menu{
	width:100%;
	height:100%;
	float:left;
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.85);
	z-index:1100;
	display:none;}


/*end. #header_mobile , #top_mobile , #menu_mobile*/

@media only screen and (max-width: 1024px){
	
	#wrapper, #wrapper_internas{min-width:inherit; padding:0;}
	
	#topao{display:none;}
	
	#top , #header , #menu-scroll , #menu , #header-menu{display:none;}
	
	#breadcrumb{display:none;}
	
	#content{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0;}
	
	#content .borda-fim{
		border:none;
		padding:0;}
	
	.inner{
		width:100% !important;
		max-width:1130px !important;
		height:auto !important;
		margin:0 auto !important;
		padding:0 15px !important;
		float:none !important;}
	
	.titulo-pagina{
		width:100%;
		height:auto;
		float:left;
		margin:115px 0 0 0;
		padding:15px 0;
		border:none;
		border-bottom:#555 1px solid;
		background:none;}
	
	.titulo-pagina h1 , .titulo-pagina h2{
		width:100%;
		height:auto !important;
		float:left;
		margin:0;
		padding:0 !important;
		font-size:22px !important;
		line-height:22px !important;
		color:inherit !important;
		text-align:center !important;
		border:none;
		background:none !important;}
	
	#banner-destaque-barra{display:none !important;}
	
	.btn span{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		text-align:center;
		padding:0;}
	
	.btn i{display:none !important;}
	
	
	/*PRODUTOS*/
	
	#produto{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#produto #detalhes{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#produto #detalhes .coluna1{
		width:470px;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes #foto-grande , #produto #detalhes #foto-grande img{
		width:100% !important;
		height:auto;
		float:left;
		margin:0;}
	
	#produto #detalhes .coluna2{
		width: -webkit-calc(100% - 485px);
		width: -moz-calc(100% - 485px);
		width: calc(100% - 485px);
		margin:5px 0 0 0;}
	
	#produto #detalhes .detalhes{
		width:100%;
		height:auto;
		float:left;
		padding:0 0 15px 0;}
	
	.detalhes-social{ display:none;}
	
	#produto #detalhes .detalhes .info{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	#produto #detalhes .detalhes .info p{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;}
	
	#produto #detalhes .detalhes .info p.ref{
		margin:10px 0 0 0 !important;
		padding:0 !important;
		line-height:12px !important;}
	
	#produto #detalhes .detalhes .valor{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#preco_padrao p{
		width:100%;
		height:auto;
		float:left;
		margin:0 !important;
		padding:0;
		line-height:17px;}
	
	#produto #detalhes .detalhes .comprar{
		width:auto;
		float:left !important;
		margin:15px 0 0 0 !important;
		padding:0 !important;}
	
	#produto #detalhes .detalhes .comprar span{padding:0 12px !important;}
	
	#bt_processa{
		width:auto;
		float:left !important;
		margin:15px 0 0 0;}
	
	.flag_mobile{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;}
	
	#produto #detalhes .detalhes .flag_frete_gratis , #produto #detalhes .detalhes .flag_lancamento , #produto #detalhes .detalhes .flag_desconto{
		margin:0 !important;}
	
	#produto #detalhes .detalhes .formulario .select{
		width:100%;
		height:32px;
		float:left;
		margin:15px 0 0 0;}
	
	.formulario .select select{width:100% !important;}
	
	#produto #detalhes .formulario .select .mask{
		width:100%;
		height:32px;
		float:left;
		margin:0 !important;}
	
	#produto #detalhes .formulario .select .mask .text{
		width: -webkit-calc(100% - 40px) !important;
		width: -calc-calc(100% - 40px) !important;
		width: calc(100% - 40px) !important;
		padding:0 10px !important;}
	
	#produto #detalhes .formulario .select .mask .seta{
		float:right;
		margin:0 !important;}
	
	#produto #detalhes .formulario label{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes .formulario br{display:none !important;}
	
	ul.variacoescp_prd li.cor .camada_cor{margin:0;}
	
	ul.variacoescp_prd li.txt{line-height:20px !important;}
	
	#produto #detalhes .detalhes .links{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes #frete{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;}
	
	#produto #detalhes #frete .linha1{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:15px;}
	
	#produto #detalhes #frete .linha1 .icone{display:none;}
	
	#produto #detalhes #frete .linha1 .calcule{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		font-size:12px;
		line-height:12px;}
	
	#produto #detalhes #frete .linha1 .cep{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;
		padding:0;}
	
	#produto #detalhes #frete .linha1 .cep label{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		line-height:12px;}
	
	#produto #detalhes #frete .linha1 .cep .campos{
		width:100%;
		height:auto;
		float:left;
		margin:10px 0 0 0;}
	
	#produto #detalhes #frete .linha1 .cep .campos #cep1{width:218px !important;}
	
	#produto #detalhes #frete .linha1 .cep .naosei{
		line-height:14px;
		margin:5px 0 0 0;}
	
	#produto #detalhes #frete .linha1 .cep .campos a{
		height:32px !important;
		line-height:32px !important;
		padding:0 15px !important;}
	
	#produto #detalhes #frete .linha1 .cep .campos a:hover{
		color:#FFF !important;
		opacity:0.7;}
	
	#produto #detalhes .pagamento{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	.abas-base{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;}
	
	.abas-base .abas{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		position:relative;}
	
	.abas-base .abas .aba{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:10px;
		border:none;
		border-bottom:#ccc 1px solid !important;
		font-size:16px;
		line-height:16px;
		color:#333;
		text-align:left;}
	
	.abas-base .abas .aba.ativo{padding:10px;}
	
	.abas-base .conteudos{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:0;
		border:none;}
	
	#produto #detalhes .pagamento .conteudos .conteudo .parcelas{width:100%;}
	
	#carrinho .btnset , #carrinho .btnset-topo{
		width:100%;
		height:auto;
		float:left;
		margin:15px 0 0 0;
		padding:10px 150px 0 150px;}

	#carrinho .btnset-topo{padding:10px 150px 10px 150px;}
	
	#carrinho .btnset-topo .finalizar{display:none !important;}
	
	/*PRODUTOS*/
	
	#mp_filtro{margin:115px 0 0 0;}
			
	.marcas_mobile , .categorias_mobile {
		width:100% !important;
		height:auto;
		float:left;
		margin:0;
		padding:0 0 15px 0;
		display:block !important;}
	
	#mp_filtro .paginacao:first-child{padding:15px 0 !important;}
	
	.combo_vazio{display:none !important;}
	
	.outer{min-width:inherit;}
	
	.paginacao .box label{
		width:90px;
		text-align:right;}
	
	#produtos-main{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
	#area_menu_left{display:none;}
	
	.div_pai_h1{
		margin:20px 0 0 0;
		border:none;
		background:none !important;}
	
	#produtos h1{
		width:100%;
		height:auto !important;
		float:left;
		margin:0 0 0 0;
		padding:0 0 15px 0 !important;
		font-size:22px !important;
		line-height:22px !important;
		color:inherit !important;
		text-align:center !important;
		border-bottom:#333 1px solid !important;
		border:none;
		background:none !important;}
	
	#produtos.col4 , #produtos.col3 , #produtos.col2{
		width:100%;
		height:auto;
		float:left;
		margin:0;
		padding:0;
		background:none !important;
		-webkit-box-shadow:none !important;
		-moz-box-shadow:none !important;
		box-shadow:none !important;}
	
	#produtos .produtos{
		width:100%;
		height:auto;
		float:left;
		margin:0;}
	
}

@media only screen and (max-width:768px){
	
	.titulo-pagina h1 , .titulo-pagina h2{
		font-size:18px !important;
		line-height:18px !important;}
	
}


*,
*:before,
*:after {
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
 box-sizing: border-box;
}

#camfreteheader{ display:none; }

.cam_alerta_promocao{ display:none !important; }

.camada_botao_qtd{ display:block !important; overflow:visible !important; }