#menu {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 900px;
	height: 160px;
	background: url(images/back_1.jpg) no-repeat;
	position: relative;
}
#menu span {
	display: none;
	position: absolute;
}
#menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
	left: 153px;
	top: 24px;
}
#menu a:hover {
	background-position: left bottom;
}
#menu a:hover span{
	display: block;
}
#menu .home {
	width: 144px;
	height: 58px;
	background: url(images/home.gif) no-repeat;
	left: 2px;
	top: 33px;
}
#menu .home span {
	width: 110px;
	height: 20px;
	background: url(images/home-over.gif) no-repeat;
	left: 28px;
	top: -20px;
}
#menu .web {
	width: 144px;
	height: 58px;
	background: url(images/web.gif) no-repeat;
	left: 275px;
	top: 35px;
}
#menu .web span {
	width: 240px;
	height: 22px;
	background: url(images/web-over.gif) no-repeat;
	left: -20px;
	top: -20px;
}

#menu .blog {
	width: 144px;
	height: 58px;
	background: url(images/blog.gif) no-repeat;
	left: 138px;
	top: 74px;
}
#menu .blog span {
	width: 217px;
	height: 22px;
	background: url(images/blog-over.gif) no-repeat;
	left: 40px;
	top: 60px;
}

#menu .gestion {
	width: 144px;
	height: 58px;
	background: url(images/gestion.gif) no-repeat;
	left: 623px;
	top: 33px;
}
#menu .gestion span {
	width: 217px;
	height: 22px;
	background: url(images/gestion-over.gif) no-repeat;
	left: -30px;
	top: -20px;
}

#menu .mail {
	width: 144px;
	height: 58px;
	background: url(images/mail.gif) no-repeat;
	left: 743px;
	top: 82px;
}
#menu .mail span {
	width: 133px;
	height: 22px;
	background: url(images/mail-over.gif) no-repeat;
	left: 20px;
	top: 50px;
}
#menu .portafolio {
	width: 215px;
	height: 58px;
	background: url(images/portafolio.gif) no-repeat;
	left: 415px;
	top: 76px;
}
#menu .portafolio span {
	width: 94px;
	height: 22px;
	background: url(images/portafolio-over.gif) no-repeat;
	left: 100px;
	top: 60px;
}