/*///////////////////////////////////////////////////////////////////
Menú

Estilos usados para el menú de la web, normalmente situado dentro
de la columna izquierda.
///////////////////////////////////////////////////////////////////*/

#menu { padding: 2px; border:1px solid #dcdcdc; margin:0 0 0 9px; float:left; width:160px; display:inline;}


/*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;}


div#menu ul {margin: 0; padding: 0; list-style: none;}

div#menu ul li {
	clear:both;
	float:left;
	width:160px;}


div#menu ul li a {
	background: url(../images/bg_menu_a.jpg) no-repeat bottom left #ffffff; 
	display: block; 
	color: #666666; 
	font-size: 11px; 
	padding:8px 0 8px 5px; 
	margin:0; 
	text-decoration:none;
	border-bottom:1px solid #d9d9d9;
}
div#menu ul li a:hover {
	background: url(../images/bg_menu_selected.jpg) no-repeat bottom left #4070c1; 
	display: block; 
	color: #ffffff; 
	font-size: 11px; 
	padding:8px 0 8px 5px; 
	margin:0; 
	text-decoration:none;
}
div#menu ul li a.selected{
	background: url(../images/bg_menu_selected.jpg) no-repeat bottom left #4070c1; 
	display: block; 
	color: #ffffff; 
	font-size: 11px; 
	font-weight:bold;
	padding:8px 0 8px 5px; 
	margin:0; 
	text-decoration:none;
}
div#menu ul li a.selected:hover{
	background: url(../images/bg_menu_selected.jpg) no-repeat bottom left #4070c1; 
	display: block; 
	color: #ffffff; 
	font-size: 11px; 
	font-weight:bold;
	padding:8px 0 8px 5px; 
	margin:0; 
	text-decoration:none;
}
/*///// SEGUNDO NIVEL ////*/
div#menu ul li ul {}
div#menu ul li ul li { background: #dae1ed;}
div#menu ul li ul li a { background: #dae1ed; padding:4px 0 4px 20px; font-size:11px; border:none; color:#333333;}
div#menu ul li ul li a:hover { background: #dae1ed; padding:4px 0 4px 20px; font-size:11px; border:none; color:#333333; text-decoration:underline; }
div#menu ul li ul li a.selected { background: #dae1ed; padding:4px 0 4px 20px; font-size:11px; border:none; color:#333333;  text-decoration:underline; font-weight:normal;  }
div#menu ul li ul li a.selected:hover {background: #dae1ed; padding:4px 0 4px 20px; font-size:11px; border:none; color:#333333;  font-weight:normal;}

/*/////  TERCER NIVEL //////*/

div#menu ul li ul li{}
div#menu ul li ul li ul li{}
div#menu ul li ul li ul li a { background: url(../images/menu_icon.gif) center left no-repeat #dae1ed; margin:0 0 0 25px; padding:4px 0 4px 8px; font-size:11px; border:none; color:#333333;}
div#menu ul li ul li ul li a:hover {background: url(../images/menu_icon.gif) center left no-repeat #dae1ed; margin:0 0 0 25px; padding:4px 0 4px 8px; font-size:11px; border:none; color:#333333;}
div#menu ul li ul li ul li a.selected {background: url(../images/menu_icon.gif) center left no-repeat #dae1ed; margin:0 0 0 25px; padding:4px 0 4px 8px; font-size:11px; border:none; color:#333333;}
div#menu ul li ul li ul li a.selected:hover {background: url(../images/menu_icon.gif) center left no-repeat #dae1ed; margin:0 0 0 25px; padding:4px 0 4px 8px; font-size:11px; border:none; color:#333333; }

/*/////  cuarto NIVEL //////*/
div#menu ul li ul li ul{}
div#menu ul li ul li ul li ul li {}
div#menu ul li ul li ul li ul li a { background: url(../images/submenu_bg.jpg) top left no-repeat #deecfb; padding:4px 0 4px 35px; font-size:11px;  text-decoration:underline; color:#0062c8;}
div#menu ul li ul li ul li ul li a:hover {background: url(../images/submenu_bg.jpg) top left no-repeat #deecfb; padding:4px 0 4px 35px; font-size:11px;  text-decoration:underline; color:#0062c8;}
div#menu ul li ul li ul li ul li a.selected { background: url(../images/submenu_bg.jpg) top left no-repeat #deecfb; padding:4px 0 4px 35px; font-size:11px; text-decoration:underline; color:#0062c8;}
div#menu ul li ul li ul li ul li a.selected:hover {background: url(../images/submenu_bg.jpg) top left no-repeat #deecfb; padding:4px 0 4px 35px; font-size:11px;  text-decoration:underline; color:#0062c8;  }


div#menu ul li a.inroute { 
	background: url(../images/bg_menu_selected.jpg) no-repeat bottom left #4070c1; 
	display: block; 
	color: #ffffff; 
	font-size: 11px; 
	font-weight:bold;
	padding:8px 0 8px 5px; 
	margin:0; 
	text-decoration:none;
	}
div#menu ul li a.inroute:hover {}
div#menu ul li ul li a.inroute { 
	background: #dae1ed; 
	padding:4px 0 4px 20px; 
	font-size:11px; 
	border:none; 
	color:#333333;  
	text-decoration:underline; 
	font-weight:normal;
}
div#menu ul li ul li a.inroute:hover {}
div#menu ul li ul li ul li a.inroute {}
div#menu ul li ul li ul li a.inroute:hover {}
div#menu ul li ul li ul li ul li a.inroute {}
div#menu ul li ul li ul li ul li a.inroute:hover {}
