body{
	margin: 0;
	width: 100%;
	min-width: 600px;
	max-width: 2000px;
}

section{
	width: 100%;
	float: left;
}

/* text */
h1, h2, h3, p{
	text-align: center;
}

h1, h2, h3{
	color: black;
}

p{
	color: gray;
}

/* tabela */

table{
	width: 100%;
	height: 140px;
	border-collapse: collapse;
}

table, tr, th, td{
	border: 0px solid black;
	text-align: center;
}

#tr{
	width: 33%;
	text-align: center;
}

.table-responsive{
	-sm|-md|-lg|-xl}

#BoxA{
	width: 100%;
	height: 440px;	
}

#BoxB{
	width: 33%;
	height: 140px;
	float: left;
}

#BoxC{
	width: 33%;
	height: 140px;
	float:right;
}

#BoxD{
	width: 33%;
	height: 140px;
}

/* Responsive*/

@media (max-width:480px){
	
	.banner{display: none;}
	.topo h1{ width: 100%;
		text-align: center;
	}
	.topo .menu li {
		width: 100%;
		padding: 10px 0;
		margin: 0;
		border-top: 1px rgba(255,255,255,0.5) solid;
	}
	.produto .prod-lista li {
		width: 100%;
	}

	#listamenu {display: none;}
	#listamenu:target {display: inherit;}
}

@media (min-width:481px) and (max-width:768px) {
	.topo {background: gray;}
	.produto .prod-lista li{
		width: 46%;
		margin: 0;
		padding: 2px;
	}
}
@media (max-width:1200px){}