/* Menú */

#menu {
	height: 58px;
	margin: 0;
	padding: 0;
}

#menu ul {
	margin:0;
	padding:0;
}

#menu li {
	float:left;
	padding: 0;
	list-style: none;
	}

#menu li a, #menu li span {
	height: 0px; 
	padding: 58px 0 0 0;
	overflow: hidden;
	display:block;
	background: transparent url('/img/gen_menu.jpg') no-repeat;
	outline: none;
}

#menu li ul a {
	background-image: none;
	overflow: visible;
	display:inline;
	text-decoration: none;
	color: #4b4b4b;
	padding: 0;
}

#menu li ul a:hover {
	text-decoration: underline;
}

/* Menú con la opción escogida */

#menu li.item1 a {
	width: 128px;
	background-position: 0 0px;
}

#menu li.item1 a:hover {
	background-position: 0 -58px;
}

#menu li.item2 a {
	width: 126px;
	background-position: -128px 0px;
}

#menu li.item2 a:hover {
	background-position: -128px -58px;
}

#menu li.item3 a {
	width: 127px;
	background-position: -254px 0;
}

#menu li.item3 a:hover {
	background-position: -254px -58px;
}

#menu li.item4 a {
	width: 127px;
	background-position: -381px 0;
}

#menu li.item4 a:hover {
	background-position: -381px -58px;
}

#menu li.item5 a {
	width: 127px;
	background-position: -508px 0;
}

#menu li.item5 a:hover {
	background-position: -508px -58px;
}

#menu li.item6 a	{
	width: 127px;
	background-position: -635px 0;
}

#menu li.item6 a:hover {
	background-position: -635px -58px;
}

/* Menú seleccionado */

#menu li.item1 span.seleccionado {
	width: 128px;
	background-position: 0 -116px;
}

#menu li.item2 span.seleccionado {
	width: 126px;
	background-position: -128px -116px;
}

#menu li.item3 span.seleccionado {
	width: 127px;
	background-position: -254px -116px;
}

#menu li.item4 span.seleccionado {
	width: 127px;
	background-position: -381px -116px;
}

#menu li.item5 span.seleccionado {
	width: 127px;
	background-position: -508px -116px;
}

#menu li.item6 span.seleccionado {
	width: 127px;
	background-position: -635px -116px;
}