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

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

#menu { padding: 0 0 0 7px; }

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

div.box_menu { background: url(/themes/default/images/backgrounds/box_173_bkg.jpg) left top repeat-y; width: 187px; }
div.box_menu_top { background: url(/themes/default/images/backgrounds/box_173_top.jpg) left top no-repeat; height: 30px; width: 188px; }
div.box_menu_bottom { background: url(/themes/default/images/backgrounds/box_173_bottom.jpg) left top no-repeat; width: 188px; margin: 0 0 10px; }

/*Encabezado del menú*/

#menu div.menu_title_main {
	display: none;
	width: 152px;
	height: 11px;
	margin: 0 0 5px;
	padding: 3px 0 4px;
	color: black;
	font-weight: bold;
	border: 1px solid #c0c0c0;
	background-color: #d4d4d4;
}

/*///////////////////////////////////////////////////////////////////
Profundidad de menú

Estilos generales para las dimensiones de los distintos niveles de
menú
///////////////////////////////////////////////////////////////////*/

#menu ul li a.menu_item_depth_0 { width: 167px; margin: 0; padding: 5px 0 5px 14px; }
#menu ul li a.menu_item_depth_1 { width: 146px; margin: 0; padding-left: 35px; }
#menu ul li a.menu_item_depth_2 { width: 122px; margin: 0 0 0 15px; }
#menu ul li a.menu_item_depth_3 { width: 107px; margin: 0 0 0 30px; }
#menu ul li a.menu_item_depth_4 { width: 93px; 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 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; margin: 0; padding: 0; list-style: none; }
#menu ul li { width: 157px; }

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

#menu ul li a { background: url(/themes/default/images/arrow_menu_item_depth_1.gif) 4px 9px no-repeat; display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; border-bottom: 1px solid #bcc0d0; color: #16171b; }

/*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: #16171b; background: url(/themes/default/images/bg_btn_selected.gif) right top 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 { color: #16171b; background: url(/themes/default/images/bg_btn_selected.gif) right top 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 { }
#menu ul li ul li { }

#menu ul li ul li a {
	color: #ffffff; 
	background: url(/themes/default/images/bg_submenu.gif) right top no-repeat;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-top: 5px;
	height: 10px;
}

#menu ul li ul li a:hover { }
#menu ul li ul li a.selected { font-weight: bold; background: url(/themes/default/images/bg_submenu_selected.gif) right top no-repeat;  }

#menu ul li ul li a.inroute { font-weight: bold; background: url(/themes/default/images/bg_submenu_selected.gif) right top no-repeat;  }

#menu ul li ul li a.has_children {}

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

#menu ul li ul li ul { margin: 0 0 0 27px; }
#menu ul li ul li ul li a { color: #000; font-weight: normal; background: url(/themes/default/images/bg_subsubmenu.gif) right top no-repeat; }
#menu ul li ul li ul li a.selected { color: #000; text-decoration: underline; background: url(/themes/default/images/bg_subsubmenu.gif) right top 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*/