#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 800px;
	height: 30px;
	
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: 0 0px;
}
#menu a:hover span{
	display: block;
}

#menu .flamenco {
	width: 200px;
	height: 30px;
	left: 0px;
	top: 0px;
	background-image: url(images/buttons1.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

#menu .gastronomico {
	width: 200px;
	height: 30px;
	left: 200px;
	top: 0px;
	background-image: url(images/gast.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

#menu .espectaculos {
	width: 200px;
	height: 30px;
	left: 400px;
	top: 0px;
	background-image: url(images/shows.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

#menu .artistas {
	width: 200px;
	height: 30px;
	left: 600px;
	top: 0px;
	background-image: url(images/art.jpg);
	background-repeat: no-repeat;
	background-position: 0 -30px;
}

body#home ul#menu li a.home,
body#portfolio ul#menu li a.portfolio,
body#nosotros ul#menu li a.nosotros,
body#contact ul#menu li a.contactar,
body#contact ul#menu li a.contact{
	background-position: 0 0;
}