﻿#menu {
	font-family: arial ;
	font-size: 10px;
}

#menu li {
	/* Indicamos que la posición de 'li' sea adjunte siempre a la izquierda */
	float: right;
	/* Eliminamos las marcas que genera el li como pueden ser las redonadas o recuadros */
	list-style-type: none;
}

/* Por defecto ul genera una separación hacia la derecha. con margin:0 queda anulada */
#menu ul {
	margin: 1;
	padding:0;
}

#menu a {
	display: block;
	text-decoration: none;
	color: #fff;
	padding:4px 5px 8px 5px;
	border: 0px 
		/* Pintamos las lineas de todos los lados, excepto el izquierdo */
	border-width:0px 0px 0px 0PX;
}

/* El primer recuadro, no tiene la linea izquierda. Aqui se la colocamos */
#menu a#primero {
	border: 2px solid #E15A00;
}

#menu a:hover {
	text-decoration:none;
	background: url(../imagenes/hover.png) ;
	color: ffff00;	font-size: 10px;

}