/*///////////////////////////////////////////////////////////////////

Menú



Estilos usados para el menú de la web, normalmente situado dentro

de la columna izquierda.

///////////////////////////////////////////////////////////////////*/



#menu { color:#fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px }



/*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 {
	clear: both;
	width: 172px;
	margin: 0 0 3px;
	padding: 2px 0 2px 4px;
	font-weight: bold;
	color: #040404;
	font-size: 14px;
}



/*///////////////////////////////////////////////////////////////////

Profundidad de menú



Estilos generales para las dimensiones de los distintos niveles de

menú

///////////////////////////////////////////////////////////////////*/



#menu ul li a.menu_item_depth_0 { width: 160px; padding: 0 0 4px 10px }
#menu ul li a.menu_item_depth_1 { width: 130px; padding: 2px 0 4px 45px }
#menu ul li a.menu_item_depth_2 { width: 115px; padding: 3px 0 3px 55px; }


/*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 0 3px; }



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



#menu ul li a {
	background: url(../images/bg_button01_noselected.gif) top left no-repeat;
	display: block;
	font-weight: bold;
	color: #fff;
	font-size: 11px;
	text-decoration: none;
}



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



#menu ul li a:hover { text-decoration: underline }

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

#menu ul li a.selected {
	color: #DE5408;
	width: 145px;
	padding: 4px 0 4px 30px;
	font-weight: bold;
	background: url(../images/bg_button01_selected.gif) top left no-repeat;
}



/*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 {
	width: 150px;
	padding: 4px 0 4px 31px;
	color: #DE5408;
	font-weight: bold;
	background: url(../images/bg_button01_selected.gif) top left no-repeat;
	
}

#menu ul li ul li a.inroute {
	width: 136px;
	margin: 0 0 2px 0;
	padding: 3px 0 3px 42px;
	background: url(../images/bg_button02_selected.gif) 0 3px no-repeat;
	
}

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

#menu ul li a.has_children {}

/*///////////////////////////////////////////////////////////////////

Nivel 1

///////////////////////////////////////////////////////////////////*/

#menu ul li ul { margin: 0;  }
#menu ul li ul li { margin: 0;  }
#menu ul li ul li a { margin: 0; background: url(../images/bg_button02_noselected.gif) top left no-repeat;  }
#menu ul li ul li a:hover {  }
#menu ul li ul li a.selected {
	width: 130px;
	margin: 0 0 2px 0;
	padding: 0 0 0 45px;
	font-weight: bold;
	background: url(../images/bg_button02_selected.gif) top left no-repeat;
}

/*///////////////////////////////////////////////////////////////////

Nivel 2

///////////////////////////////////////////////////////////////////*/

#menu ul li ul li ul { margin: 0; }
#menu ul li ul li ul li { margin: 0; }
#menu ul li ul li ul li a { margin: 0; }
#menu ul li ul li ul li a:hover { font-weight: bold }
#menu ul li ul li ul li a.selected {
	width: 156px;
	margin: 0 0 2px 0;
	padding: 3px 0 3px 20px;
	background: url(../images/bg_button02_selected.gif) top left no-repeat;
}

/*///////////////////////////////////////////////////////////////////

Nivel 3

///////////////////////////////////////////////////////////////////*/

#menu ul li ul li ul { margin: 5px 0; }
#menu ul li ul li ul li { margin: 0; }
#menu ul li ul li ul li a { margin: 0; background: url(../images/bg_button03_noselected.gif) top left no-repeat; }
#menu ul li ul li ul li a:hover { font-weight: bold }
#menu ul li ul li ul li a.selected {
	width: 105px;
	margin: 0 0 2px 0;
	padding: 3px 0 3px 58px;
	background: url(../images/bg_button03_selected.gif) 0 3px no-repeat;
}

/*///////////////////////////////////////////////////////////////////

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*/