/* MENU DE OPCIONES */
div#menu {
	width:226px;
	height:144px;
	float:left;
	display:inline;
	text-align:left;
	/*background-color:#f00;*/
}

div#menu ol, div#menu ul, div#menu li {
	width:226px;
	height:18px;
	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_quienes_somos.png) no-repeat; }
div#menu li a.opcionB { background:url(../img/b_02_servicios_y_tarifas.png) no-repeat; }
div#menu li a.opcionC { background:url(../img/b_03_senda_del_oso.png) no-repeat; }
div#menu li a.opcionD { background:url(../img/b_04_noticias.png) no-repeat; }
div#menu li a.opcionE { background:url(../img/b_05_actividades.png) no-repeat; }
div#menu li a.opcionF { background:url(../img/b_06_rutas_btt.png) no-repeat; }
div#menu li a.opcionG { background:url(../img/b_07_galeria.png) no-repeat; }
div#menu li a.opcionH { background:url(../img/b_08_enlaces.png) no-repeat; }
div#menu li a.opcionI { background:url(../img/b_09_tienda_online.png) no-repeat; }
div#menu li a.opcionJ { background:url(../img/b_12_club_btt.png) no-repeat; }
div#menu li a.opcionK { background:url(../img/b_10_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,
div#menu li a.opcionF:hover,
div#menu li a.opcionG:hover,
div#menu li a.opcionH:hover,
div#menu li a.opcionI:hover,
div#menu li a.opcionJ:hover,
div#menu li a.opcionK: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,
body.opcionF div#menu a.opcionF,
body.opcionG div#menu a.opcionG,
body.opcionH div#menu a.opcionH,
body.opcionI div#menu a.opcionI,
body.opcionJ div#menu a.opcionJ,
body.opcionK div#menu a.opcionK
{ background-position:0 -18px ; }


/*
div#menu li a.opcionA { background:url(../img/b_01_quienes_somos.png) no-repeat; }
div#menu li a.opcionB { background:url(../img/b_02_servicios_y_tarifas.png) no-repeat; }
div#menu li a.opcionC { background:url(../img/b_03_rutas_btt.png) no-repeat; }
div#menu li a.opcionD { background:url(../img/b_04_galeria.png) no-repeat; }
div#menu li a.opcionE { background:url(../img/b_05_noticias_y_actividades.png) no-repeat; }
div#menu li a.opcionF { background:url(../img/b_06_enlaces.png) no-repeat; }
div#menu li a.opcionG { background:url(../img/b_07_contacto.png) no-repeat; }
div#menu li a.opcionH { background:url(../img/b_08_reserva.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,
div#menu li a.opcionF:hover,
div#menu li a.opcionG:hover,
div#menu li a.opcionH: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,
body.opcionF div#menu a.opcionF,
body.opcionG div#menu a.opcionG,
body.opcionG div#menu a.opcionH
{ background-position: 0px -18px;}
*/

/* FLECHA ARRIBA */

div#f_arriba {
	width:48px;
	height:52px;
	float:left;
	display:inline;
	text-indent:-9999px;
	margin:3px 0 0 47px;
}

div#f_arriba a.farriba {
	width:100%;
	height:100%;
	float:left;
	display:block;
	background:url(../img/f_arriba.png) no-repeat top left;
}

div#f_arriba a.farriba:hover {
	/*background:url(../img/f_arriba_o.png);*/
	background-position:0 -52px;
}
/*div#f_arriba a.farriba span { /*text-indent:-9999px;*/ }*/
