/*///////////////////////////////////////////////////////////////////
Menú

Estilos usados para el menú de la web, normalmente situado dentro
de la columna izquierda.
///////////////////////////////////////////////////////////////////*/

#menu { padding: 0 0 0 0; width:205px; background:#ffffff;  }

/*Estilos usados en caso de que el menú esté cotenido en un diseño de caja*/

div.box_menu {}
div.box_menu_top { display:none;  }
div.box_menu_bottom { display: none; }

/*Encabezado del menú*/

#menu div.menu_title_main { display:none;}

#menu ul li a.menu_item_depth_0 { margin: 0; width:175px; }
#menu ul li a.menu_item_depth_1 {  margin: 0; width:165px;  }
#menu ul li a.menu_item_depth_2 {  margin: 0 0 0 15px; }
#menu ul li a.menu_item_depth_3 { margin: 0 0 0 30px; }
#menu ul li a.menu_item_depth_4 { margin: 0 0 0 44px; }

/*Al elemento a se le debe poner una dimensión para que el efecto "hover" funcione 
en internet explorer*/

/*///////////////////////////////////////////////////////////////////
Nivel 0
///////////////////////////////////////////////////////////////////*/

/*Estilo para la lista que forma el menú */

#menu ul { list-style: none; margin: 0; padding: 0;  }
#menu ul li { margin:0; padding:0;}

/*Estilo para los enlaces de cada elemento del listado*/

#menu ul li a { 
display: block; 
background: url(../images/menu_a.gif) bottom left repeat-x #d4d3d3; 
border-bottom:2px solid #ffffff; 
color: #000000; 
padding: 8px 0pt 5px 30px; 
font-size:13px; 
font-family:Arial, Helvetica, sans-serif;
}

/*Estilo para que al poner el cursor encima del elemento, cambie de aspecto*/

#menu ul li a:hover { 
	font-weight:bold;
}

/*Estilo cuando el elemento está seleccionado, cuando el elemento de menú se corresponde con la sección actual*/

#menu ul li a.selected { 
display: block; 
background: url(../images/menu_selected.gif) bottom left repeat-x #d4d3d3; 
border-bottom:2px solid #ffffff; 
color: #000000; 
padding: 8px 0 5px 30px;
font-weight:bold;
}

/*Estilo cuando el elemento tiene hijos y uno de ellos está seleccionado, por lo que dicho elemento se encuentra "en ruta" */

#menu ul li a.inroute { background: url(../images/menu_selected.gif) bottom left repeat-x #d4d3d3;  color: #000000; font-weight:bold;}

/*Estilo que se aplica cuando el elemento tiene hijos, por si se le quiere dar un diseño especial */

#menu ul li has_children { display: block; background:url(../images/bg_menu_a.jpg) center left no-repeat; color: #000000;}



/*///////////////////////////////////////////////////////////////////
Nivel 1
///////////////////////////////////////////////////////////////////*/

#menu ul li ul { background:#ebebeb; padding:4px 0 8px 0; }
#menu ul li ul li {	margin:0 0 0 30px;}

#menu ul li ul li a {
	display:block;
	padding: 2px 0 2px 0px;
	color: #000000;
	font-size:10px;
	background:#ebebeb;
	border-bottom:1px solid white;
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif;
}

#menu ul li ul li a:hover {
}
#menu ul li ul li a.selected {
	font-weight:bold;
	display:block;
	padding: 2px 0 2px 10px;
	color: #000000;
	font-size:10px;
	background:#ebebeb;
	border-bottom:1px solid white;
	font-size:11px; 
	font-family:Arial, Helvetica, sans-serif;
}

/*#menu ul li has_children { display: block; background:url(../images/bg_menu_a.jpg) center left no-repeat; color: #525252; }*/

/*///////////////////////////////////////////////////////////////////
Nivel 2
///////////////////////////////////////////////////////////////////*/



/*///////////////////////////////////////////////////////////////////
Estilos especiales para dar un diseño diferente a cada elemento de menú
///////////////////////////////////////////////////////////////////*/

/*Nivel 0*/

li#l_menu_item_1_1 {}
li#l_menu_item_1_2 {}
li#l_menu_item_1_3 {}
li#l_menu_item_1_4 {}
li#l_menu_item_1_5 {}

a#menu_item_1_1 {}
a#menu_item_1_2 {}
a#menu_item_1_3 {}
a#menu_item_1_4 {}
a#menu_item_1_5 {}

/*etc*/

/*Nivel 1*/

li#l_menu_item_2_1 {}
li#l_menu_item_2_2 {}
li#l_menu_item_2_3 {}
li#l_menu_item_2_4 {}
li#l_menu_item_2_5 {}

a#menu_item_2_1 {}
a#menu_item_2_2 {}
a#menu_item_2_3 {}
a#menu_item_2_4 {}
a#menu_item_2_5 {}

/*etc*/