/* CSS Document */
/* global */
.nav {
	width: 400px;
	height: 39px;
	position: absolute;
	right: 23px;
	top: 17px;
}
 
	.nav > a {
		float: left;
		height: 39px;
		width: 200px; /* for validator */
		display: block;
		background-repeat: no-repeat;
		margin-right: 5px;
	}
 
	/* oque button */	
	.nav > a.oque {
		width: 89px;
		background-position: 0 0;
	}
	
		.nav > a.oque:hover {
			background-position: 0 -43px;
		}
 
	/* paraque button */
	.nav > a.paraque {
		width: 89px;
		background-position: -186px 0;
	}
	
		.nav > a.paraque:hover {
			background-position: -186px -43px;	
		}
 
	/* estatisticas button */
	.nav > a.estatisticas {
		width: 89px;
		background-position: -93px 0;
	}
	
		.nav > a.estatisticas:hover {
		background-position: -93px -43px;
		}

	/* como button */
	.nav > a.como {
		width: 89px;
		background-position: -279px 0;
	}
	
		.nav > a.como:hover {
		background-position: -279px -43px;
		}
 
/* per page */ 

#oque .nav > a {
	background-image: url('../img/oque_nav.png');
}

#paraque .nav > a {
	background-image: url('../img/paraque_nav.png');
}
#estatisticas .nav > a {
	background-image: url('../img/porque_nav.png');
}
#como .nav > a {
	background-image: url('../img/como_nav.png');
}