/* CSS Creado por Carlos Cabo (carloscabo@lapsus.com) 2008 */
/* MENU DE OPCIONES */
div#menu {
	width:200px;
	height:140px;
	float:left;
	display:inline;
	text-align:left;
	margin:9px 0 0 0;
}

div#menu ol, div#menu ul, div#menu li {
	width:230px;
	height:28px;
	list-style:none;
	list-style-type:none;
	/* Estas dos líneas solucionan un espaciado excasivo entre los botones en explorer 6 y 7*/
	font-size:1px;
	line-height:1px;
	/* fin */
	margin:0;
	padding:0;
	text-indent:-9999px; /* OCULTA el TEXTO */
}

div#menu li a {
	/* position:relative;*/ /* PARA CUANDO ESTÁ EN UN DIV CON ALPHA */
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	background:#000 url(../img/1px.png) no-repeat top left;
}

div#menu li a.opcionA { background:url(../img/b_01_bienvenidos.png) no-repeat; }
div#menu li a.opcionB { background:url(../img/b_02_historia_del_coro_mine.png) no-repeat; }
div#menu li a.opcionC { background:url(../img/b_03_noticias_y_actividades.png) no-repeat; }
div#menu li a.opcionD { background:url(../img/b_04_galeria_de_imagenes.png) no-repeat; }
div#menu li a.opcionE { background:url(../img/b_05_contacto.png) no-repeat; }

div#menu li a.opcionA:hover,
div#menu li a.opcionB:hover,
div#menu li a.opcionC:hover,
div#menu li a.opcionD:hover,
div#menu li a.opcionE:hover,
body.opcionA div#menu a.opcionA,
body.opcionB div#menu a.opcionB,
body.opcionC div#menu a.opcionC,
body.opcionD div#menu a.opcionD,
body.opcionE div#menu a.opcionE
{ background-position:0 -28px ; }