* {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	color:#333;
}
body {
	padding:20px;
}
h1 {
	font-size:24px;
	padding:0 0 20px;
}
h2 {
	font-size:14px;
	font-weight:normal;
	text-transform:uppercase;
	padding:0 0 0;
	color:#999;
}
p {
	font-size:11px;
}



/* botao 1 */
#seu_botao {
	clear: both;
	position:relative;
	display:block;
	height: 64px;
	width: 570px;
	background:url(images/botao.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
#seu_botao span.hover {
	position: absolute;
	display: block;
	height: 64px;
	width: 570px;
	background: url(images/botao.png) no-repeat;
	background-position: bottom;
}

/* botao 2 */
#outro_botao {
	clear: both;
	position:relative;
	display:block;
	height: 64px;
	width: 570px;
	background:url(images/outro.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
}	
#outro_botao span.hover {
	position: absolute;
	display: block;
	height: 64px;
	width: 570px;
	background: url(images/outro.png) no-repeat;
	background-position: bottom;
}