html, body {height:100%;} 

a {color: #9e0c0f;}

body {
	margin:0; 
	padding:0;
	background:#fff;
	color:#666;
	font:75%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	}
#tudo {
	width:900px;
	margin:0 auto;
	text-align:left;
	}
#header {margin: 0; background: #fff; height: 224px;}
	#left {float: left; width: 273px; height: 224px; margin: 0; padding: 0;}
		#logo {}
		#descricao {padding: 10px;}
			#descricao h1 {font: 12px Arial, Helvetica, sans-serif; color: black; font-weight:bold;}
			#descricao p {font: 11px Arial, Helvetica, sans-serif; color: black;}
		
	#right {width: 500px; height: 224px; background: url(../imagens/direita.jpg) no-repeat; float: left; margin: 0; padding: 0;}
		#menu {width: 470px; margin: 25px 0 0 53px;}
			#menu ul {list-style: none;}
			#menu ul li {float: left; width: 80px; color: white; font-size: 10px; margin: 0 27px 0 0; text-align: right;}
			#menu ul li a{color: white; font-size: 10px; text-decoration: none;}
	
#line {margin: 0; padding: 0; width: 776px; height: 81px; background: url(../imagens/linha.jpg) no-repeat top left;}
	#site {width: 98%; text-align: right; color: white; font: 12px Arial, Helvetica, sans-serif; font-style: italic; padding: 10px 0 0 0;}
	#line h2 {color: #fff; font: 17px Arial, Helvetica, sans-serif; margin: 35px 0 0 10px;}

#conteudo {border: 10px solid #b0c1c8; width: 755px; height: 350px;}
	#marcas {margin: 20px; float: left; width: 400px; text-align:center;}
	#conteudo-right {float: left; width: 300px; margin: 20px  0 0 0;}

#conteudo-quem-somos {border: 10px solid #b0c1c8; width: 755px; height: 250px;}
	#marcas {margin: 20px; float: left; width: 400px; text-align:center;}
	#conteudo-right {float: left; width: 300px; margin: 20px  0 0 0;}
	#conteudo-quem-somos p {padding: 20px;}
	#conteudo-quem-somos h1 {font: 26px Arial, Helvetica, sans-serif; color: #ccc; font-weight:bold; text-align:left;padding: 0 20px;}

#conteudo-produtos {border: 10px solid #b0c1c8; width: 755px; height: 15600px;}
	#marcas {margin: 20px; float: left; width: 400px; text-align:center;}
	#conteudo-right {float: left; width: 300px; margin: 20px  0 0 0;}
	#conteudo-produtos p {padding: 0 20px;}
	#conteudo-produtos h1 {font: 26px Arial, Helvetica, sans-serif; color: #ccc; font-weight:bold; text-align:left;padding: 0 20px;}

#conteudo-contato {border: 10px solid #b0c1c8; width: 755px; height: 600px;}
	#marcas {margin: 20px; float: left; width: 400px; text-align:center;}
	#conteudo-right {float: left; width: 300px; margin: 20px  0 0 0;}
	#conteudo-contato p {padding: 20px;}
	#conteudo-contato h1 {font: 26px Arial, Helvetica, sans-serif; color: #ccc; font-weight:bold; text-align:left;padding: 0 20px;}
	#conteudo-contato img {float: right; padding: 10px; border: 1px solid #ddd; margin: 0 20px 0 0;}	
	
#conteudo-localizacao {border: 10px solid #b0c1c8; width: 755px; height: 450px;}
	#marcas {margin: 20px; float: left; width: 400px; text-align:center;}
	#conteudo-right {float: left; width: 300px; margin: 20px  0 0 0;}
	#conteudo-localizacao p {padding: 20px;}
	#conteudo-localizacao h1 {font: 26px Arial, Helvetica, sans-serif; color: #ccc; font-weight:bold; text-align:left;padding: 0 20px;}
	#conteudo-localizacao img {padding: 5px;}	
		

	#produtos-left {width: 350px; float: left; padding: 0 0 0 20px;}
	#produtos-right {width: 350px; float: left; padding: 0 10px 0 0;}
	
	#endereco {width: 750px; clear: both; text-align: left; margin: 20px 0 0 10px;}
		#endereco h2 {font: 14px Arial, Helvetica, sans-serif; color: #9e0c0f; font-weight:bold; text-align:left;}
		
#footer {clear: both; width: 750px; text-align: center; margin: 20px 0 20px 0;}
	
	
	
	
	
	
	