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

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

#menu { 
	padding: 0; 
	float:left;
	display:inline;
	width: 200px;
	margin:0 0 67px;
	/*background:#faba00;*/
	background:#ff8200;
}

div.box_menu_bottom { display: none; }

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

/*div.box_menu {margin-left:2px;}
div.box_menu_top { height: 9px;}*/


/*Encabezado del menú*/

#menu div.menu_title_main {display:none;}

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

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

#menu ul li a.menu_item_depth_0 {}
#menu ul li a.menu_item_depth_1 {}
#menu ul li a:hover.menu_item_depth_1{}
#menu ul li a.menu_item_depth_2 {}
#menu ul li a.menu_item_depth_3 { }
#menu ul li a.menu_item_depth_4 { }

/*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 { width: 200px; }



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

#menu ul li a { 
	display: block; 
	font-weight: normal; 
	/*color: #282828;*/
	color:#e7e7e7;
	font-size:13px;
	width: 177px;
	margin: 0; 
	padding:10px 0 10px 23px;
	background: url(../images/menu/bg_menu_a.jpg) left bottom repeat-x;
	}
#menu ul li a:hover { color: #fff; 	background:#4c4c4c;	}
#menu ul li a.selected{
	display: block; 
	font-weight: bold; 
	color: #fff;
	font-size:13px;
	width: 177px;
	margin: 0; 
	padding:10px 0 10px 23px;
	background: #4c4c4c;
}
#menu ul li a:hover.selected {}

#menu ul li a.inroute {	
	display: block; 
	font-weight: bold; 
	color: #fff;
	font-size:13px;
	width: 177px;
	margin: 0; 
	padding:10px 0 10px 23px;
	background: #4c4c4c;}



/*Segundo nivel de menu*/
#menu ul li ul li a {
	padding:4px 0 4px 35px;
	color:#fff;
	font-weight:normal;
	background: url(../images/menu/bg_submenu_a.jpg) 26px 6px no-repeat #777777;
	width:165px;
	font-size:11px;
}
#menu ul li ul li a.selected, #menu ul li ul li a:hover {
	color:#faba00;
	background: url(../images/menu/bg_submenu_a.jpg) 26px 6px no-repeat #777777;
	font-weight:normal;
	font-size:11px;
	padding:4px 0 4px 35px;
	width:165px;
}

#menu ul li ul li a:hover.selected { color:#fff;}
#menu ul li ul li a.inroute {
	color:#faba00;
	background: url(../images/menu/bg_submenu_a.jpg) 26px 6px no-repeat #777777;
	font-weight:normal;
	font-size:11px;
	padding:4px 0 4px 35px;
	width:165px;}


/*tercer nivel de menu*/
#menu ul li ul li ul li a {
	padding:4px 0 4px 45px;
	color:#fff;
	font-weight:normal;
	background: url(../images/menu/bg_submenu_a.jpg) 36px 6px no-repeat #777777;
	width:155px;
	font-size:11px;
}
#menu ul li ul li ul li a:hover{ 
	color:#faba00;
	padding:4px 0 4px 45px;
	font-weight:normal;
	background: url(../images/menu/bg_submenu_a.jpg) 36px 6px no-repeat #777777;
	width:155px;
	font-size:11px;
}

#menu ul li ul li ul li a.selected { 
	color:#faba00; 
	text-decoration:underline;
	padding:4px 0 4px 45px;
	font-weight:normal;
	background: url(../images/menu/bg_submenu_a.jpg) 36px 6px no-repeat #777777;
	width:155px;
	font-size:11px;}


#menu ul li ul li ul li a:hover.selected{
}