function funcioPare(value,id,fills){  //id (padre), fills (todas las subopciones de ese padre)

	//inicialmente pintamos los padres (el texto) -> en esta funcion es id (menu pral) en negro oscuro
	document.getElementById(id).style.color="#000033";
	
	if(value == true){
		//estamos en el onMouseOver del padre -> cambiaremos la tipo a marron
		document.getElementById(id).style.color="#b05f4e";
		
		if(fills.length > 0){
			for (i=0;i<fills.length;i++){ 
		
				//pintamos el listado de hijos (submenu de esa opcion)				
				document.getElementById(fills[i]).style.visibility="visible";				
				document.getElementById(fills[i]).style.background="#dedede"; //gris
				document.getElementById(fills[i]).style.color="#000033";				
				document.getElementById(fills[i]).style.position="relative";				
			}
		}
		
	}else{
	
		//onMouseOut del padre
		//volvemos a la tipo en negro
		document.getElementById(id).style.color="#000033";
		
		if(fills.length > 0){
			
			//vamos ocultando los hijos en el onMouseOut
			for (i=0;i<fills.length;i++){    
				document.getElementById(fills[i]).style.visibility="hidden";				
				document.getElementById(fills[i]).style.position="absolute";
			}
		}	
	}
		
}




function funcioFill(value,id1,germans,pare){ //id1-> subopcion donde estamos;  germans (los hermanos de esa subopcion);   pare la opcion del menu pral

 if(value == true){ 
  
   //OnMouseOver de los hijos
   //Seguimos pintando al padre en Marron (pq estamos en su subopcion)...recordemos el negro es deseleccionado
   document.getElementById(pare).style.color="#b05f4e";
   
   //Y en esa subopcion pintamos el texto en marron con fondo gris (como cuando seleccionábamos al padre)
   document.getElementById(id1).style.background="#dedede"; //gris
   document.getElementById(id1).style.color="#b05f4e"; //marron
   document.getElementById(id1).style.visibility="visible";
   document.getElementById(id1).style.position="relative";
  
   //Pintamos el resto de hermanos
   for (i=0;i<germans.length;i++){   
	document.getElementById(germans[i]).style.background="#dedede"; //gris
   	document.getElementById(germans[i]).style.visibility="visible";   	   
   	document.getElementById(germans[i]).style.position="relative";  	
   } 
    
 }else{
 
 	//OnMouseOut de esa subopcion
	//Ponemos la tipo de padre a negro oscuro 
    document.getElementById(pare).style.color="#000033";
	document.getElementById(id1).style.color="#000033";
   
	if((!((document.getElementById(pare).onmouseover.value)==''))||(!((document.getElementById(id1).onmouseover.value)==''))||(!((document.getElementById(id2).onmouseover.value)==''))||(!((document.getElementById(id3).onmouseover.value)==''))){

		//....y ocultamos los hijos.......hermanos......
   		document.getElementById(id1).style.visibility="hidden";
   		document.getElementById(id1).style.position="absolute";
   		
   		for (i=0;i<germans.length;i++){   
   		   
   			document.getElementById(germans[i]).style.visibility="hidden";  				
   			document.getElementById(germans[i]).style.position="absolute";
   			
   		}	

   		
	}

 }

}