body {
	font-family: Arial, Helvetica, sans-serif;
	text-align: center; margin: 0; 
}
.clear { clear: both; }


#container { width: 100%; }
#top { width: 100%; background: url(imagens/superiorBg.jpg) top repeat-x; height: 185px; }
	#superior { width: 960px; margin: 0 auto; }
	#superiorLogo { width: 165px; height: 78px; float: left; margin: 28px 0 0 22px; }
	#superiorSlogan { width: 230px; float: left; margin: 45px 0 0 50px; text-align: left; color: #F10000; font-size: 12px;
			letter-spacing: 3px; font-weight: bold; }
	#superiorBrasil { width: 260px; float: right; font-size: 12px; color: #000; letter-spacing: 3px;  font-weight: bold; 
			text-align: left; line-height: 25px; margin: 45px 0 0 0; }
	#superiorBrasil img { float: left; margin: 0 8px 0 0; }
	
	#menuSup { width: 960px; height: 55px; margin: 24px auto 0 auto; }
	#menuSup ul { margin: 0; padding: 0; }
	#menuSup ul li { margin: 0; padding: 0; line-height: 55px; font-size: 12px; letter-spacing: 3px; 
			list-style: none; display: inline; float: left; }
	#menuSup ul li a { color: #000; font-weight: bold; text-decoration: none; display: block; width: 192px; }
	#menuSup ul li a:hover { background: #333; color: #FFF; }
	
#middle { width: 100%; }
	#middleBanner { width: 100%; background: url(imagens/bannerBg.jpg) top repeat-x; height: 290px; }
	#middleDestaques { width: 100%; background: url(imagens/destaquesBg.jpg) top repeat-x; height: 70px; margin: 1px 0 0 0; }
	#destaques { width: 960px; margin: 0 auto; }
	#destaques div.list { margin: 0; padding: 0; border-left: 1px solid #FFF; height: 70px;}
	#destaques div.list li { margin: 0; padding: 5px 4px; float: left; list-style: none; text-align: center; display: inline; 
			width: 149px; height: 65px;  }
	#destaques div.list a h1 { margin: 0; padding: 0; font-size: 13px; text-transform: uppercase; }
	#destaques div.list a p { margin: 0; padding: 0; font-size: 11px; }
	
	#list-container { overflow:hidden; width: 918px; float:left; }
	.list{  min-width:1400px; float:left; }
	#arrowR{ width:20px; height:70px; line-height: 70px; float:right; cursor:pointer; color: #FFF; border-left: 1px solid #FFF; }
	#arrowR:hover, #arrowL:hover { background: #FFF; color: #000; }
	#arrowL{ width:20px; height:75px; line-height: 70px; float:left; cursor:pointer; color: #FFF; }
	.item{ width:153px; height:70px; color: #FFF; margin: 0; float:left; position:relative; border-right: 1px solid #FFF; }
	.item:hover { background: #FFF; color: #000; text-decoration: none; }
	#destaques div.list a { text-decoration: none; color: #FFF; width:153px; height:50px; padding-top: 20px; display: block;}
	#destaques div.list:hover a { color: #666; }
	
	
	#conteudo a { text-decoration: none; color: #5E5E5E; }
	#conteudo a:hover { text-decoration: underline; }
	#conteudo { width: 960px; margin: 0 auto; text-align: left; color: #5E5E5E; font-size: 16px; padding: 28px 0; }
	#conteudo h1 { color: #FF0000; font-size: 25px; margin: 0 0 10px 0; padding: 0; }
	#conteudo h2 { color: #333; font-size: 19px; margin: 0 0 10px 0; padding: 0; }
	#conteudo p { color: #5E5E5E; font-size: 16px; margin: 0; padding: 0; }
		#conteudoEsq { width: 450px; float: left; }
		#conteudoDir { width: 450px; float: right; }
	#conteudoInterna { }
	
	
	ul#produtosCategoria { width: 900px; margin: 0 auto; padding: 0; }
	ul#produtosCategoria li { margin: 0 20px 20px 0; padding: 0; float: left; list-style: none; width: 200px; }
	ul#produtosCategoria li a { margin: 0; padding: 0; display: block; text-decoration: none; width: 200px; }
	ul#produtosCategoria li a:hover { text-decoration: none; }
	ul#produtosCategoria li a img { width: 200px; height: 200px; } 
	ul#produtosCategoria li a h2 { margin: 2px 0 0 0; padding: 5px; font-size: 14px; color: #FFF; background: #F00; 
			height: 45px; text-align: center; width: 190px; }
	ul#produtosCategoria li a:hover h2 { text-decoration: none; background: #900; }
	
	ul#produtosLista { width: 900px; margin: 0 auto; padding: 0; }
	ul#produtosLista li { margin: 0 20px 20px 0; padding: 0; float: left; list-style: none; width: 200px; }
	ul#produtosLista li a { margin: 0; padding: 0; display: block; text-decoration: none; width: 200px; }
	ul#produtosLista li a:hover { text-decoration: none; }
	ul#produtosLista li a img { width: 200px; height: 200px; } 
	ul#produtosLista li a h2 { margin: 2px 0 0 0; padding: 5px; font-size: 14px; color: #FFF; background: #F00; 
			height: 45px; text-align: center; width: 190px; }
	ul#produtosLista li a:hover h2 { text-decoration: none; background: #900; }
	
	
	a#btnVoltar { margin: 20px 0 0 0; float: right; padding: 3px 10px; background: #F00; border-radius: 7px; 
			color: #FFF; text-decoration: none; font-size: 10px; }
	a:hover#btnVoltar { background: #C00; text-decoration: none; }
	
	#formFaleConosco { margin: 30px 0 0 50px; color: #5E5E5E; font-size: 14px;}
	#formFaleConosco input[type=text], #formFaleConosco select, #formFaleConosco textarea { 
				margin: 2px 5px; border-radius: 7px; padding: 5px; font-size: 14px; color: #333; 
				border: 1px solid #DDD; font-family: Arial, Helvetica, sans-serif; }
	
	#formFaleConosco input[type=submit] { margin: 2px 5px; padding: 5px 25px; color: #FFF; 
			background: #333; font-weight: bold; border: none; border-radius: 7px; }
	
#bottom { width: 100%; background: url(imagens/rodapeBg.jpg) top repeat-x; height: 137px; } 
	#rodape { width: 960px; margin: 0 auto; height: 81px; }
	#endereco { width: 650px; float: left; font-size: 13px; color: #666; margin: 15px 0 0 0; }
	#midiasSociais { width: 230px; float: right; margin: 20px 0 0 0; }
	#midiasSociais p { color: #666; font-size: 13px; font-weight: bold; line-height: 37px; height: 37px; margin: 0; padding: 0; float: left; width: 70px; }
	#midiasSociais img { float: left; margin: 0 10px; }
	#copyright { width: 960px; font-size: 11px; color: #666; height: 56px; line-height: 56px; margin: 0 auto; }
		#copyright a { color: #333; text-decoration: none; }
		#copyright a:hover { color: #000; }