/*-----------MENU-----------*/

/* Neutraliza los margenes defaults de UL dentro de menu */
#menu ul {
	margin: 0px;
	padding: 0px;
}

/* Saca los bullets de los items li dentro de menu
Neutraliza los margenes default de los li dentro de menu
Pone los li uno seguido del otro
text-indent, hace que los bloques de texto no queden encimados
Pone el texto del menu centrado en el bloque*/
#menu li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
	text-indent:0;
	text-align:center
}

/* Define los enlaces dentro de li dentro de menu
Define la apariencia del texto
Le quita el subrayado default del enlace
Hace que los enlaces se comporten como bloque
Define el ancho y altura de cada item del menu
Un poco de padding superior para que el texto quede centralizado verticalmente*/
#menu li a {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-decoration: none;
	color: #333;
	display: block;
	width: 87px;
	height: 22px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/* Define los enlaces dentro de menu con clase middlemenu
Es el fondo de los items del menu que no son ni el primero ni el ultimo*/
#menu a.middlemenu {
	background-image: url(../images/layout/menu_bg_off.gif);
}

/* Define los enlaces dentro de menu con clase firstmenu
Es el fondo del primer item del menu*/
#menu a.firstmenu {
	background-image: url(../images/layout/menu_bg_1st_off.gif);
	padding-left:5px;
	width:82px
}

/* Define los enlaces dentro de menu con clase lastmenu
Es el fondo del ultimo item del menu*/
#menu a.lastmenu {
	background-image: url(../images/layout/menu_bg_last_off.gif);
	padding-right:5px;
	width:82px
}

/* Es la pseudo clase que define cuando el estado over de los enlaces
con clase firstmenu dentro de menu*/
#menu a.firstmenu:hover {
	background-image: url(../images/layout/menu_bg_1st_on.gif)
}

/* Es la pseudo clase que define cuando el estado over de los enlaces
con clase middlemenu dentro de menu*/
#menu a.middlemenu:hover {
	background-image: url(../images/layout/menu_bg_on.gif)
}

/* Es la pseudo clase que define cuando el estado over de los enlaces
con clase lastmenu dentro de menu*/
#menu a.lastmenu:hover {
	background-image: url(../images/layout/menu_bg_last_on.gif)
}

/* Define los enlaces dentro de menu con clase firstdisabled
Creado cuando el primer item del menu no tiene enlaces debido
a que la pagina de su destino se encuentra abierta */
#menu a.firstcurrent {
	background-image: url(../images/layout/menu_bg_1st_on.gif);
	padding-left:5px;
	width:82px

/* Define los enlaces dentro de menu con clase firstdisabled
Creado para el item del menu que no tiene enlace debido
a que la pagina de su destino se encuentra abierta */
}
#menu a.middlecurrent {
	background-image: url(../images/layout/menu_bg_on.gif)
}

/* Define los enlaces dentro de menu con clase firstdisabled
Creado cuando el ultimo item del menu no tiene enlaces debido
a que la pagina de su destino se encuentra abierta */
#menu a.lastcurrent {
	background-image: url(../images/layout/menu_bg_last_on.gif);
	padding-right:5px;
	width:82px
}