body {
	background-image: url(imagens/fundo.gif);
	margin: 0;
	font-family: sans-serif, arial;
}
#container{ /* coloca # na frente pois é um ID */
	width:950px; /* largura */
	margin:auto;
}
#banner {
	background-image: url(imagens/banner.jpg);
	background-size: cover;
	height: 250px; /* altura */
}
#menu { /* barra */
	background-color: #000;
	padding: 15px 0; /*15 na horizontal, zero na vertical */
	text-align:center;
}
#menu a { /* botão */
	font-size: 18px;
	font-weight: bold;
	color: #A50;
	text-decoration: none; /* tira o sublinhado */
	margin: 0 20px;
}
#menu a:hover { /* quando mouse passa por cima */
	color: #FF0;
}
#conteudo {
	background-color: #FFF;
	padding: 25px 50px;
}
#rodape {
	background-color: #333;
	text-align: center;
	padding: 50px 0; /*50 na horizontal, zero na vertical */
	color: #FF0; /* cor do texto */
}
#foto {
	float: left; /* a foto vai para a esquerda e o texto ocupa o lado dela */
	margin-right: 15px; /* descolar o texto da foto */
}
h1 {
	padding-bottom: 40px;
}
#contato {
	width: 300px;
	margin: auto;
	background-color: #630;
	padding: 25px;
	box-sizing: border-box; /* impede que estoure o tamanho da caixa */
}
#nome,#email,#fone,#recado {
	width: 200px;
	resize: none;
	display: block; /* para ter blocos independentes, afastados */
	margin: auto;
	margin-bottom: 10px;
	font-family: sans-serif, arial;
	padding: 5px;
	font-size: 13px;
	border: solid 1px #999;
}
#enviar {
	margin:auto;
	display:block;
}
h2 {
	text-align:center;
	color: #630;
}













