body{
	background: ;
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

section, header, footer {
	width: 100%;
	float: left;
}

section h1 { text-align: center;}

.banner {
	height:25px;
	background: #0065b3;
}
.sobre, .produto, .topo {
	background: ;
	padding: 20px 0;
}

.produto {
	border-top: 1px solid gray;
}

.topo h1 {
	float: left;
	margin: 0;
}

.topo ul{
	padding: 0;
	list-style: none;
}

.topo li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 1.125em;
	margin-left: 10px;
}

.contato {
	background: #333;
	color: white;
}

.produto .prod-lista{
	padding: 0;
	list-style: none;
}

.produto .prod-lista li{
	float: left;
	width: 23%;
	margin: 0 1px;
	text-align: center;
}

.rodape {
	text-align: center;
}

.rodape_h4 {
	text-align: center;
}

.content {
	margin: 0 auto;
	max-width: 960px;
	width: 90%;
}

.content p {
	text-indent: 100px;
	text-align: center;
}

.menuico {
	display: none;
	position: absolute;
	top: 1.5em;
	left: 1.5em;
	width: 10%;
	float: left;
}

#closebtn {
	width: 12%;
	display: none;
	margin-bottom: -2em;
}


@media (max-width:480px){
	
	.menuico {display: inherit;}
	#closebtn {
		display: inherit;
	}

	.topo {background: black;
		color: white;
	}
	.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){}