@charset "utf-8";
/* CSS Document */


		body,div,p { 
			padding:0; 
			margin:0; 
			/*box-sizing: border-box;  */
			font-size: 12px;
    		font-family: Helvetica, 'Arial', sans-serif;
            
			
		}
		
		.FL {float:left;}
		.FR {float:right;}
		.M0A {margin: 0 auto;}
		
		.Wd5 {width:5%;}
		.Wd10 {width:10%;}
		.Wd15 {width:15%;}
		.Wd20 {width:20%;}
		.Wd25 {width:25%;}
		.Wd30 {width:30%;}
		.Wd35 {width:35%;}
		.Wd40 {width:40%;}
		.Wd45 {width:45%;}
		.Wd50 {width:50%;}
		.Wd55 {width:55%;}
		.Wd60 {width:60%;}
		.Wd65 {width:65%;}
		.Wd70 {width:70%;}
		.Wd75 {width:75%;}
		.Wd80 {width:80%;}
		.Wd85 {width:85%;}
		.Wd90 {width:95%;}
		.Wd100 {width:100%;}
		
		.mgtop10 {margin-top:10px;}
		
/* - - - -  topo -------*/

#topo {float:left; width:100%; background:#000000; margin-bottom:10px;
background-image:url(../ico_pls/img_lay/fundo_topo.jpg); background-position:right; background-repeat:no-repeat;}
#logo {float:left; width:15%; margin:10px; margin-left:15%;}	
#face{float:left; width:15%; margin-left:30%;}
#insta{float:left; width:15%; margin-left: 10%; margin-right: 10%;}
#box_zap {float:left; width:100%; margin:10px 0 0 30%;}
#zap {float:left; width:15%; margin-right:10px;}
#caixa{float:right; width:8%; margin:9px 15px 0 0;}
.fone {font-size:16px; margin-top:10px;}

/* - - - -  geral -------*/

.ft_br{ color:#FFF; font-size:16px; font-weight: bold;}




/* - - - -  teste -------*/
.hidden{
  display: none;
}

#escondido{
    display:none;
}

.active { display: block !important }

/* - - - -  paginas produtos -------*/
		
#cp_pdt {margin:0 auto; width:70%; height:100%; padding:10px;}
.img_pdt{margin:0 auto; width:50%; height:10%;}
/*.img_pdt{float:left; width:40%; height:10%;}*/
.tm_img {width:100%;}	

#disc_pdt {float:left; width:55%; height:10%; margin-left:2%; }
		
#tit_pdt {float:left; width:55%; height:10%; margin-left:2%; font-family:'Arial'; font-size:17px; font-weight:bold;}

.preco {margin-top:25px; font-size:30px; font-weight:bold; color: #F00;}


/* - - - -  boxs -------*/

#bxlt {margin:0 auto;
	width:60%;
	background-color:#000;}


#box{float:left;
    width:20%;
    background-color:#fff;
	border:solid 2px;
	border-color: #000;
    border-radius: 10px;
	margin:2.2%;
	 
    }
	
	.img2 {
	width:100%;
	border-radius: 10px;
	
	}
	
	.preco {
	margin:0 auto;
	width:100%;
	height: 40%;
	background:#000;
	
	}
	
	.tx_pr{ color:#fff;
	text-align:center;
	font-size:20px; }



/*	1924px â€" Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1920px){
	
	

	
	
		
}


			
			
	
		
			/*	1200px â€" Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1200px){
	


	
		
}



	/*	1024px â€" Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 1024px){
	

	
}

		
		
	/*	960px â€" Desktops, notebooks com monitores widescreen
***********************************************************/
@media screen and (max-width: 960px){
	
#logo {width:20%;}	
#cp_pdt {width:98%;}
#caixa {width:10%;}
.Wd20 {width: 25%;}	 
.fone {font-size:13px;}	
	
	

}


/* 768px â€" Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:768px){
	

#logo {width:22%;}
#cp_pdt {width:98%;}
#caixa {width:10%;}
.Wd20 {width: 25%;}	 
.fone {font-size:13px;}		 


}



/* 736px â€" Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:736px){
	
#logo {width:24%;}
#cp_pdt {width:98%;}
#caixa {width:10%;}
.Wd20 {width: 30%;}	 
.fone {font-size:13px;}	


}





/* 667px â€" Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:667px){

#logo {width:28%;}
#caixa {width:14%;}
.Wd20 {width: 33%;}	 
.fone {font-size:13px;}
#disc_pdt {width:100%;}
.preco {margin-top:30px; font-size:27px;}
.bt_pr { margin-left:8%;}
	

}

/* 600px â€" Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:600px){
	

#logo {width:28%;}
#caixa {width:14%;}
.Wd20 {width: 40%;}	 
.fone {font-size:13px;}
#disc_pdt {width:100%;}

	

}

/* 568px â€" Tablets no formato retrato, como o iPad
***********************************************************/
@media screen and (max-width:568px){
	
#logo {width:28%;}
#logo {width:40%;}
#caixa {width:20%;}
.Wd20 {width: 100%;}
#face {width: 12%; margin-left: 15%;}
#insta {width: 12%; margin: 0 0 10px 5%;}
#box_zap {width:50%; margin:0 0 0 5%;}
#zap {width:24%;}
.fone {font-size:13px;}
#disc_pdt {width:100%;}
.bt_pr { margin-left:5%;}	
}




/* 480px â€" Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:480px){
		
		
#logo {width:30%;}
#logo {width:40%;}
#caixa {width:20%;}
.Wd20 {width: 90%;}
#face {width: 12%; margin-left: 15%;}
#insta {width: 12%; margin: 0 0 10px 5%;}
#box_zap {width:50%; margin:0 0 0 5%;}
#zap {width:24%;}
.fone {font-size:13px;}
.preco {margin-top:28px; font-size:27px; margin-left:5px;}
.bt_pr { margin-left:0;}
	

}

/*  414px â€" Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:414px){
	

#logo {width:40%;}
#caixa {width:20%;}
.Wd20 {width: 100%;}
#face {width: 12%; margin-left: 10%;}
#insta {width: 12%; margin: 0 0 10px 5%;}
#box_zap {width:50%; margin:0 0 0 5%;}
#zap {width:24%;}
.fone {font-size:13px;}


}


/* 384px â€" Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:384px){
	

#logo {width:50%;}


}

/*  375px â€" Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:375px){
	

#logo {width:50%;}


}

/*  320px â€" Smartphones no formato paisagem com tela pequena
***********************************************************/
@media screen and (max-width:320px){
	
#logo {width:50%;}

	

}