/* esto es para que el menú sea con pestañas y los submenús aparezcan cuando se selecciona el menú padre */
#menu ul {
	list-style: none; 
	display: inline;
	padding: 10px 10px 0;
}

#menu li {
	float: left;
	color: #40A035;
	padding:0 0 0 9px;
	background: url("http://www.elcampamentobase.es/objetos/left.gif") no-repeat left top;
	display: block;
}

#menu #activo, #menu #activo li {
	display: inline;
	color: #EDFBEB;
	background-image: url("http://www.elcampamentobase.es/objetos/left_on.gif");
}

#menu #activo a {
	background-image: url("http://www.elcampamentobase.es/objetos/right_on.gif");
	padding-bottom: 5px;
}

#menu li ul {
/* se ocultan los submenus */
	display: block;
	visibility: hidden;
	position: absolute;
	top: 8.9em;
	left: 0;
	width: 100%;
}

#menu ul li > #menu ul {
	top: auto;
	left: auto;
}

/* se hacen visibles los submenus */
#menu ul li:hover ul, #menu ul li.over ul { 
	visibility: visible;
}



/* Diferentes tipos de links */
#menu ul li a {
	float: left;
	display: block;
	text-decoration: none;
	color: #40A035;
	background: url("http://www.elcampamentobase.es/objetos/right.gif") no-repeat right top;
/* el padding para la izquierda es también de 15 (como la dere), pero al haber puesto 9 en el elemento "li" hay que descontarlo aquí */
	padding: 5px 15px 4px 6px;
	font-weight: bold;
}

#menu #activo li, #menu #activo li a, #menu li ul li, #menu li ul li a {
	background: #DAE0D2 url("http://www.elcampamentobase.es/objetos/bg.gif") repeat-x bottom;
}

#menu a:visited {
	color: maroon;
}

#menu a:hover {
	color: #B73CBB;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
* #menu a { float: none; }
/* End */