#menu {

	width: 0px;
	position: absolute;
	top: -440px;
	left: 30px;
	display: none;

}

#menu ul {

	padding: 0px;
	margin: 0px;

}

#menu li {

	list-style: none;
	margin: 2px;	

}

#btn-portefolio {

	background: url('../imgs/menu/btn-portefolio.png');
	width: 83px;
	height: 20px;
	cursor: pointer;
	
}
#btn-portefolio:hover {	background: url('../imgs/menu/btn-portefolio.png') 0px -20px; }
#btn-portefolio:active { background: url('../imgs/menu/btn-portefolio.png') 0px -40px; }

#btn-servicos {

	background: url('../imgs/menu/btn-servicos.png');
	width: 67px;
	height: 20px;
	cursor: pointer;

}
#btn-servicos:hover {	background: url('../imgs/menu/btn-servicos.png') 0px -20px; }
#btn-servicos:active { background: url('../imgs/menu/btn-servicos.png') 0px -40px; }

#btn-contactos {

	background: url('../imgs/menu/btn-contactos.png');
	width: 79px;
	height: 20px;
	cursor: pointer;

}
#btn-contactos:hover { background: url('../imgs/menu/btn-contactos.png') 0px -20px; }
#btn-contactos:active {	background: url('../imgs/menu/btn-contactos.png') 0px -40px; }

#btn-destaques {

	background: url('../imgs/menu/btn-destaques.png');
	width: 89px;
	height: 20px;
	cursor: pointer;

}
#btn-destaques:hover { background: url('../imgs/menu/btn-destaques.png') 0px -20px; }
#btn-destaques:active { background: url('../imgs/menu/btn-destaques.png') 0px -40px; }