@charset "utf-8";

.menu-media{
	position: relative;
	/* [disabled]width: 100%; */
	min-height: 45px;
	z-index: 999999999999;
	display: none !important;
}

.menu-media .menu-content .icon{
    width: 101px;
    min-height: 23px;
    float: right;
    line-height: 55px;
    margin-top: 5px;
    margin-right: 10px;
}



.menu-click li {
display: block;
    float: left;
    margin: 0;
    min-height: 29px;
    line-height: 22px;
    padding-left: 0px;
    text-align: left;
    color: #848484;
    font-size: 14px;
    
    position: relative;
    padding-bottom: 5px;
    padding-top: 5px;
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    border-bottom: solid 1px #e2e2e2;
 }

.menu-click li:hover {
    color: #e48c2b;
    background-color: #ffffff;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

 
 .menu-media{
	position: relative;
	/* [disabled]width: 100%; */
    min-height: 40px;
	z-index: 9999;
	display: none;
	
}

.menu-click{
	display: none;
	padding-left: 0px;
	
}

.esconde_desk{
	display: none !important;
}


.mn_roda{
	    display: block;
    float: left;
    padding: 20px;
    color: #6c6c6c;
    font-size: 13px;
    font-weight: 500;
    border: solid 1px #eaeaea;
    border-bottom: 0;
    border-top: 0;
    box-sizing: border-box;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-left: -1px;
    white-space: nowrap;
}

img{
	display: block; border: 0;
}

.consulta{
    display: block;
	color: #C30;
	min-width: 150px;
	border-color: #F30;
	border-width: 1px;
	border-style: solid;
	margin: 0 auto;
	line-height: normal;
	padding: 10px;
	box-sizing: border-box;
	margin-top: 20PX;
	padding-top: 5px;
    padding-bottom: 5px;
	text-align: center;
	clear: both;
	width: 165px;
	bottom: 30px;
	left: -82px;
	margin-left: 50%;
	position: absolute;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}

@media (min-width: 738px) and (max-width: 1223px) {
	
	
	.menu li .cte {
    width: 100%;
    white-space: normal !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 12px;
    padding-right: 12px;
    color: #fff !important;
    font-size: 15px;
    font-weight: 500;
    line-height: 15px;
    text-align: center;
    min-height: auto;
    float: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    min-height: 65px;
    -webkit-flex-flow: column wrap;
    -moz-flex-flow: column wrap;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
}
	
	

.mn_tp {
    padding-left: 15px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
    box-sizing: border-box;
    flex-wrap: wrap;
	    max-width: none !important;
    justify-content: space-evenly !important;
}
	
	.bg_mob{
		    width: 100%;
	}
	
	.header{
		display: block !important;
	}
	
	.curva_mob{
		background-image: none !important;
	}
	
}


@media (min-width: 280px) and (max-width: 1029px) {
	
	
	.peca .retratil{
	
	width: 128px !important;

	

	
}
	
	
	
	.cor_bg {
    background-color: #fff;
}
	
		select{
		-webkit-appearance:none;-moz-appearance:none;appearance:none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0;
	}
	
		input{
		-webkit-appearance:none;-moz-appearance:none;appearance:none;  border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; font-size: 16px !important;
	}
	button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance:button;-moz-appearance:button;appearance:button;

}
	
	input[type="button"] {
    -webkit-appearance: none !important;
		-moz-appearance:    none !important;
   appearance:         none !important;

}
		
		
			input[type="submit"] {
    -webkit-appearance: none !important;
		-moz-appearance:    none !important;
   appearance:         none !important;

}
	
					input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
		-moz-appearance:    checkbox !important;
   appearance:         checkbox !important;

}
	
	
				input[type="radio"] {
    -webkit-appearance: radio !important;
		-moz-appearance:    radio !important;
   appearance:         radio !important;

}
		
/*		select {
    -webkit-appearance: menulist !important;
			
		}*/
	
		.bloco_mob{
		
		display: block !important;
	}
	
	.bg_mob{
		width: 100% !important;
	}
	
	.container{

    box-sizing: border-box;
    max-width: 100%;
    overflow: hidden;
    display: block;
    float: left;
		
		    margin-top: 0 !important;
	}
	
	
	.conteudo {

    padding: 10px;
    box-sizing: border-box;
}
	
	
	
	
	.esconde_mob{
		display: none !important;
		
		
	}
	
	
		.menu{

	display: none !important;
	

}

.menu-media{
background-color: #ffffff;
    margin-bottom: 0px;
    display: block !important;
    clear: both;
    border: solid 2px #dcdcdc;
    border-radius: 10px;    float: left;
    width: 100%;     margin-bottom: 10px;
}

.menu-click{
	z-index:9999999999999;
    margin-bottom: 10px;
	margin-top:0;
	padding-right:0px;
	float:left;width: 100%;min-height: auto;
	padding-right: 15px;
    box-sizing: border-box;

}
	


	
	.logo{
		
padding: 10px !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    margin-left: 0;
    box-sizing: border-box;
    display: block;
    float: left;
		width: 20%;
		    min-width: 100px;
		
	}
	
		.logo img{
			
	    margin: auto;
    display: block;
    float: left;
    width: 100px;
    height: auto;
			
		}
	
	
	.bloco{
			display:block !important;
			
		}
	
	
	.mob{
	
    min-width: 100% !important;
    width: 100% !important;
    padding-left: 0% !important;
    padding-right: 0 !important;
    margin-right: 0 !important;
    margin-left: 0% !important;
    clear: both !important;
    margin-bottom: 10px !important;
    float: left !important;
    min-height: auto !important;
		
		    box-sizing: border-box;
	
	
}
	
	
		.half_mob{
	
	min-width:48% !important;
	width:48% !important;
	margin-left:1% !important;
	float:left !important;
	
}
	
	

.center{
	

	float:none !important;
	clear:both !important;
	
}


	
}

@media (min-width: 768px) and (max-width:1029px) {
	
		.banner_topo{
		
		background-size: auto 100% !important;
	}
	
	

	
			.item_roda{
		width: 32% !important; padding-left: 1% !important;
	}
	
	
	
.prods_g {

    width: 32% !important;

}
	
	.prods {

    width: 32% !important;

}
	
		.prods2 {

    width: 32% !important;

}
	
	.pad_prod{
		
	padding-left: 30px !important;
  
    padding-right: 30px !important;
		
	}
	
	.banner_dir{
		display: none !important;
	}
	
}

@media (min-width: 300px) and (max-width:1029px) {
	
	

	
	
	.pad0mob{
		padding: 0px !important;
	}
	
	
	.fone{
		width: 40%;
		display: block;
		float: left;
		padding-bottom: 10px;
	}
	
		.perfil{
		width: 35%;
		display: block;
		float: left;
	}
	
	.carrinho{
float: right;
display: block;

	}
	
	.busca {
    margin-bottom: 10px;
     position: relative;
    display: block;
    float: left;
    width: 100%;
}
	
	
		.prods_destaque{
	
    width: 48% !important;
  
    margin: 0.5% !important;
		margin-bottom: 20px !important;
		
	}
	
	.prods_destaque2{
	
    width: 48% !important;
  
   margin: 0.5% !important;
		margin-bottom: 20px !important;
		
	}	
	
		.prods_destaque3{
	
    width: 48% !important;
  
   margin: 0.5% !important;
		margin-bottom: 20px !important;
		
	}	
	
.item {
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border: solid 0px #f3f3f3;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    width: 24%;
    box-sizing: border-box;
    margin-right: 1% !important;
    min-height: 70px;
}
	
	.item span{
		font-size: 16px !important; line-height: 16px !important;
	}
	
	
	
		.mn_roda{
    display: block;
    float: left;
    padding: 7px;
    color: #6c6c6c;
    font-size: 12px;
    font-weight: 500;
    border: solid 1px #eaeaea;
    border-bottom: 0;
    border-top: 0;
    box-sizing: border-box;
    margin-left: -1px;
    white-space: nowrap;
}
	
		.show_mob{
		display: block !important;
	}
	
		.pad_news{
		
	padding-left: 30px !important;
  
    padding-right: 30px !important;
		
	}
	
	.tit_mob{
		    font-size: 24px !important;
    line-height: 24px !important;
		    position: static !important;
    margin-bottom: 25px ;
	}
	
	.prods_wrap {
   
    float: left;
    width: 100% !important;
    border: solid 0px #f0f0f0 !important;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 0 !important;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 30px;
		    display: block;
}
	
	.column-sep {

		display: none !important;
}
	
	.mn_tp{
		 
    padding-left: 15px !important;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 15px;
    box-sizing: border-box;
flex-wrap: wrap;
	}
	
	.mn_tp div{
		padding: 5px;
		padding-bottom: 0px;
		
	}
	
		.mn_tp a{
		padding: 5px;
		padding-bottom: 0px;
		
	}
	
	
	.busca_mob{
		padding-left: 15px !important;width: 93% !important;
	}
	
	
	.campo_busca_mob{
		
		width: 80% !important;
	}
	
	.curva_mob{
		display: block;
    float: left;
    width: 100%;
    background-image: none !important;
    min-height: 111px;
    height: auto !important;
    padding-bottom: 10px;
    background-repeat: no-repeat;
	}
	
	
	.esconde_mob{
		
		display: none !important;
	}
	
	.bloco_mob{
		
		display: block !important;
	}
	
	.col_roda{
		
		    margin-left: 20px;margin-bottom: 20px;
	}
	
	
	.prods{
		
		    display: block;
    float: left;
    width: 49% !important;
    border: solid 3px #f0f0f0;
        -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
		border-radius: 20px;
    padding: 20px;
	margin: 0.5% !important;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 30px !important;
	
	
		
	}
	
		.prods2{
		
		    display: block;
    float: left;
    width: 49% !important;
    border: solid 3px #f0f0f0;

    padding: 20px;
	margin: 0.5% !important;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 30px !important;
	max-width: none !important;
	
		
	}
	
		.prods2 img{
			float: none !important; margin: auto !important; margin-bottom: 10px !important; float: none !important;
	}
	
	.related{
		
		    padding-left: 10px !important;
    padding-right: 10px !important;
		
	}
	
	
		.prods_g{
		
		   
    width: 49%;
		margin: 0.5%;
			margin-top: 20px;


		
	}
	
	.banners img{
		
		float: none !important;
		margin: auto !important;
		margin-bottom: 20px !important;
		
	}
	
	
	
	
}



@media (min-width: 220px) and (max-width:520px) {
	

	

	.tittle_newsmob{
		    color: #fff;
    font-size: 52px !important;
    line-height: 52px !important;
    display: block;
	}
	
	.prods{
		

		margin-left: 2%;
 
    padding: 20px;
      margin-bottom: 30px;
		
	}
	
	
		.prods2{
		

		margin-left: 2%;
 
    padding: 20px;
      margin-bottom: 30px !important;
		
	}
	
	
		
	.prods_g{
		
		   
    width: 96%;
	margin-left: 2%;


		
	}
	
	

	
}

@media (min-width: 220px) and (max-width:768px) {
	
	
	
	.black .flickity-prev-next-button {
    display: block;
}
	
	
	.black .flickity-prev-next-button.previous {
    left: 0px;
    -webkit-box-shadow: 1px 1px 45px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 1px 1px 45px 0px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 45px 0px rgb(0 0 0 / 15%);
    border: solid 1px #e1e1e1;
}
	
	
	.black  .flickity-prev-next-button.next{
		
		    right: 0px;
    -webkit-box-shadow: 1px 1px 45px 0px rgb(0 0 0 / 15%);
    -moz-box-shadow: 1px 1px 45px 0px rgb(0 0 0 / 15%);
    box-shadow: 1px 1px 45px 0px rgb(0 0 0 / 15%);
    border: solid 1px #e1e1e1;
		
	}
	
	
		.gallery .prods_destaque2{
		
		min-width: 100%;
		
	}
	
	
	.consulta{
	
	display: block;
    color: #C30;
    min-width: 135px;
    border-color: #F30;
    border-width: 1px;
    border-style: solid;
    margin: 0 auto;
    line-height: normal;
    padding: 3px;
    box-sizing: border-box;
    margin-top: 20PX;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    clear: both;
    width: 135px;
    bottom: auto;
    left: auto;
    margin-left: auto;
    position: relative;
    max-width: 100%;
    box-sizing: border-box;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	
}
	
	
	body {
   
      background-image: url(/imagens/fundo.jpg);
    background-size: 2000px auto !important;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    background-position: 45% top !important;
}
	
	
	.marcas{
		
		width: 33%;
	}
	
	.ancora{
		top: -120px !important;
	}
	
	.titulo_mob{
		font-size: 36px !important; line-height: 36px !important;
	}
	
	.titulo_mob2{
		font-size: 30px !important; line-height: 30px !important;
	}
	
	.banner_topo{
		
		background-size: auto 100% !important;
	}
	
	.banner_wrap{
	
	}
	
	.banner img{
		height: 200px !important; background-repeat: no-repeat; background-size: auto 100% !important; background-position: 65% center !important;
	}
	
	.item_roda{
		width: 50% !important;
    padding: 0;
	}
	
		.fone{
    width: 100%;
    display: block;
    float: left;
    padding: 10px;
			padding-top: 0;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
	}
	
	.fone div{
		    float: left;
    clear: none !important;
    /* min-height: 26px !important; */
    line-height: 14px !important;
		
	}
	
		.zap{
		float: right !important; 
		
	}
	
		.perfil{
		width: 80%;
		display: block;
		float: left;
			margin-bottom: 10px;
	}
	
	

	
	.prods_destaque{
	
    width: 99% !important;
  
    padding: 20px !important;
	margin: 0.5% !important;
		margin-bottom: 20px !important;
		
	}
	
	.prods_destaque2{
	
    width: 99% !important;
  
    padding: 20px !important;
	margin: 0.5% !important;
		margin-bottom: 20px !important;
		
	}
	
		.half_mob{
	
	min-width:99% !important;
	width:99% !important;
	margin-left:1% !important;
	float:left !important;
	
}
	
}


@media (min-width: 778px) and (max-width:1124px) {
	
	
		.banner img{
		height: 310px !important; background-repeat: no-repeat; background-size: auto 100% !important; background-position: center center !important;
	}
	
	
		.banner_wrap{
		height: 310px !important;
	}
	
	.banner{
		height: 310px !important;
	}
	
	
	}


@media (min-width: 640px) and (max-width:778px) {
	
	
		.banner img{
		height: 220px !important; background-repeat: no-repeat; background-size: auto 100% !important; background-position: center center !important;
	}
	
	}




@media (min-width: 460px) and (max-width:640px) {
	
	
		.banner img{
		height: 180px !important; background-repeat: no-repeat; background-size: auto 100% !important; background-position: center center !important;
	}
	
	}



@media (min-width: 378px) and (max-width:460px) {
	
	
		.banner img{
		height: 150px !important; background-repeat: no-repeat; background-size: auto 100% !important; background-position: center center !important;
	}
	
	}
	
	

@media (min-width: 200px) and (max-width:378px) {
	
	
		.banner img{
		height: 120px !important; background-repeat: no-repeat; background-size: auto 100% !important; background-position: center center !important;
	}
		
	.prods2{

    width: 99% !important;

	}
	
		.prods{

    width: 99% !important;

	}
	
}


@media (min-width: 200px) and (max-width:578px) {



	.prods_destaque2{
	
width: 49.5% !important;
padding: 15px !important;
margin: 0.2% !important;
    margin-bottom: 0.2%;
margin-bottom: 10px !important;
box-sizing: border-box;
min-height: 340px !important;
		
	}
	
	.prods_destaque2 span, strong{
		
		font-size: 14px;
		
	}
	
	
	.prods_destaque2:hover > .comprar {
    visibility:hidden;
		display: none !important;
    bottom: -23px;
}
	
	
	
	.feat strong{
		
		font-size: 11px !important;
	}
	
	
		}