/*CSS */
/*designed by venagraphica
 menu css de unica imagen de fondo
 www.venagraphica.es/blog
 */

*{
		padding: 0px;
		margin: 0px;
}


#menuSuperior{
 background-image: url(./imagenes/menuSuperior.png);
background-repeat:  no-repeat;
width: 835px;
height: 45px;
background-position: top;
padding: 0px;
margin: 0px;

}



#menuSuperior ul{
list-style: none;
}

#menuSuperior li{
float: left;
display: block;

}



#menuSuperior li a{

float: left;
display: block;
height: 45px;
width:88px;

}



#menuSuperior #opcion1 a{
width:88px;

}



#menuSuperior #opcion2 a{
	width:80px;
	}

#menuSuperior #opcion3 a{
width:80px;
}

#menuSuperior #opcion4 a{
width:78px;
}

#menuSuperior #opcion5 a{
width:86px;
}



#menuSuperior #opcion1  a:hover{
	background-image: url(./imagenes/menuSuperior.png);
	background-position: 0px 93px; 
}

#menuSuperior #opcion2 a:hover{

	 background-image: url(./imagenes/menuSuperior.png);
	background-position: -88px 93px; 
}



#menuSuperior #opcion3 a:hover{

	 background-image: url(./imagenes/menuSuperior.png);
	 background-position: -168px 93px; 

	
}

#menuSuperior #opcion4 a:hover{

	background-image: url(./imagenes/menuSuperior.png);
	background-position: -248px 93px; 

}



#menuSuperior #opcion5 a:hover{

	 background-image: url(./imagenes/menuSuperior.png);
	background-position: -326px 93px; 

}



/*

MENU SUPERIOR (marcado)

*/



#menuSuperior #opcion1  #marcado{

background-image: url(./imagenes/menuSuperior.png);
background-position: 0px 49px; 

	

}

#menuSuperior #opcion2 #marcado{

background-image: url(./imagenes/menuSuperior.png);
background-position: -88px 49px; 

}


#menuSuperior #opcion3 #marcado{

	 background-image: url(./imagenes/menuSuperior.png);
	background-position: -168px 49px; 

}


#menuSuperior #opcion4  #marcado{

	 background-image: url(./imagenes/menuSuperior.png);
	background-position: -248px 49px; 


}

#menuSuperior #opcion5  #marcado{

 background-image: url(./imagenes/menuSuperior.png);
	background-position: -326px 49px;

}