@charset "utf-8";
/* CSS Document */
/*MENU*/

li.inicio { background-image: url(../imagenes/inicio.png); display: block; height: 22px; width: 61px; background-position: center center; }
li.historia { background-image: url(../imagenes/historia.png); display: block; height: 22px; width: 67px; }
li.discografia { background-image: url(../imagenes/discografia.png); display: block; height: 22px; width: 121px; }
li.multimedia { background-image: url(../imagenes/multimedia.png); display: block; height: 22px; width: 115px; }
li.tienda { background-image: url(../imagenes/tienda.png); display: block; height: 22px; width: 69px; }
li.foro { background-image: url(../imagenes/foro.png); display: block; height: 22px; width: 54px; }
li.enlaces { background-image: url(../imagenes/enlaces.png); display: block; height: 22px; width: 76px; }
li.contacto { background-image: url(../imagenes/contacto.png); display: block; height: 22px; width: 98px; }

#menu ul li a:hover, #menu ul li a.activo { font-family: "Trebuchet MS", Arial, Verdana, Tahoma; font-size: 14px; color: #FFFF00; font-weight: bold; text-decoration: none; font-variant: normal; text-transform: uppercase; margin-right: 0px; }
#menu { clear: both; display: block; margin-right: auto; margin-left: auto; width: 770px; height: 22px; margin-top: 0px; margin-bottom: 20px; padding-top: 130px; }
#menu ul li { float: left; margin-right: 3px; list-style-type: none; margin-left: 10px; }
li.inicio a { background-image: url(../imagenes/inicio.png); display: block; height: 22px; width: 61px; background-position: center center; }
li.historia a { background-image: url(../imagenes/historia.png); display: block; height: 22px; width: 67px; }
li.discografia a { background-image: url(../imagenes/discografia.png); display: block; height: 22px; width: 121px; }
li.multimedia a { background-image: url(../imagenes/multimedia.png); display: block; height: 22px; width: 115px; }
li.tienda a { background-image: url(../imagenes/tienda.png); display: block; height: 22px; width: 69px; }
li.foro a { background-image: url(../imagenes/foro.png); display: block; height: 22px; width: 54px; }
li.enlaces a { background-image: url(../imagenes/enlaces.png); display: block; height: 22px; width: 76px; }
li.contacto a { background-image: url(../imagenes/contacto.png); display: block; height: 22px; width: 98px; }
li.inicio a:hover, li.inicio a.activo { background-image: url(../imagenes/inicioHover.png); display: block; height: 22px; width: 61px; }
li.historia a:hover, li.historia a.activo { background-image: url(../imagenes/historiaHover.png); display: block; height: 22px; width: 67px; }
li.discografia a:hover, li.discografia a.activo { background-image: url(../imagenes/discografiaHover.png); display: block; height: 22px; width: 121px; }
li.multimedia a:hover, li.multimedia a.activo { background-image: url(../imagenes/multimediaHover.png); display: block; height: 22px; width: 115px; }
li.tienda a:hover, li.tienda a.activo { background-image: url(../imagenes/tiendaHover.png); display: block; height: 22px; width: 69px; }
li.foro a:hover, li.foro a.activo { background-image: url(../imagenes/foroHover.png); display: block; height: 22px; width: 54px; }
li.enlaces a:hover, li.enlaces a.activo { background-image: url(../imagenes/enlacesHover.png); display: block; height: 22px; width: 76px; }
li.contacto a:hover, li.contacto a.activo { background-image: url(../imagenes/contactoHover.png); display: block; height: 22px; width: 98px; }
#menu2 { clear: both; display: block; margin-right: auto; margin-left: auto; width: 770px; height: 22px; margin-top: 0px; margin-bottom: 20px; padding-top: 70px; }
#menu2 ul li { float: left; margin-right: 3px; list-style-type: none; margin-left: 10px; }