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

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

#menu { padding: 0; }

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

div.box_menu {}
div.box_menu_top { height: 31px; background: url(../images/menu_bg_top.jpg) top left no-repeat; margin:4px 0 0 0; }
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 {}


div#menu ul li a {
	background: url(../images/menu_a_bg.jpg) no-repeat bottom center #ffffff; 
	display: block; 
	color: #0062c8; 
	font-size: 12px; 
	padding:12px 0 12px 18px; 
	margin:0; 
	text-decoration:none;
	width:181px;
}
div#menu ul li a:hover {
	background: url(../images/menu_a_hover.jpg) no-repeat bottom left #ffffff; 
	display: block; 
	color: #0062c8; 
	font-size: 12px; 
	font-weight:bold;
	padding:12px 0 12px 18px; 
	margin:0; 
	text-decoration:none;
}
div#menu ul li a.selected{
	background: url(../images/menu_selected_bg.gif) no-repeat top left; 
	display: block; 
	color: #0062c8; 
	font-size: 12px; 
	font-weight:bold;
	padding:12px 0 12px 18px; 
	margin:0; 
	text-decoration:none;
}
div#menu ul li a.selected:hover{
	background: url(../images/menu_selected_bg.gif) no-repeat top left; 
	display: block; 
	color: #0062c8; 
	font-size: 12px; 
	font-weight:bold;
	padding:12px 0 12px 18px; 
	margin:0; 
	text-decoration:none;
}
/*///// SEGUNDO NIVEL ////*/
div#menu ul li ul {}
div#menu ul li ul li {}
div#menu ul li ul li a { background: url(../images/submenu_bg.jpg) top left no-repeat #deecfb; padding:4px 10px 4px 30px; font-size:11px; width:157px;}
div#menu ul li ul li a:hover {  background: url(../images/submenu_bg.jpg) top left no-repeat #deecfb; padding:4px 10px 4px 30px;  font-size:11px; width:157px; }
div#menu ul li ul li a.selected { background: url(../images/submenu_selected_bg.jpg) top left no-repeat #deecfb; padding: 4px 10px 4px 30px; font-size:11px;font-weight:bold;  width:157px; }
div#menu ul li ul li a.selected:hover {background: url(../images/submenu_selected_bg.jpg) top left no-repeat #deecfb; padding: 4px 10px 4px 30px; font-size:11px;  width:157px;  }

/*/////  TERCER NIVEL //////*/

div#menu ul li ul li{overflow:hidden; clear:both;}
div#menu ul li ul li ul li{}
div#menu ul li ul li ul li a {  padding:4px 0 4px 40px; font-size:10px; text-decoration:none; color:#d4a00b; width:158px; background: url(../images/bullet_submenu2.jpg) 30px 6px no-repeat #deecfb; }
div#menu ul li ul li ul li a:hover {padding:4px 0 4px 40px; font-size:10px; text-decoration:underline; color:#d4a00b; font-weight:normal; background: url(../images/bullet_submenu2.jpg) 30px 6px no-repeat #deecfb;  }
div#menu ul li ul li ul li a.selected {padding:4px 0 4px 40px; font-size:10px; text-decoration:underline; color:#d4a00b; font-weight:normal; background: url(../images/bullet_submenu2.jpg) 30px 6px no-repeat #deecfb; }
div#menu ul li ul li ul li a.selected:hover { padding:4px 0 4px 40px; font-size:10px; text-decoration:none; color:#d4a00b; font-weight:normal; background: url(../images/bullet_submenu2.jpg) 30px 6px no-repeat #deecfb }

/*/////  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-image:none; padding:4px 0 4px 50px; font-size:10px; text-decoration:none; color:#d4a00b; width:148px; background: url(../images/bullet_submenu3.jpg) 40px 6px no-repeat #deecfb; }
div#menu ul li ul li ul li ul li a:hover {background-image:none; padding:4px 0 4px 50px; font-size:10px; text-decoration:underline; color:#d4a00b; background: url(../images/bullet_submenu3.jpg) 40px 6px no-repeat #deecfb;}
div#menu ul li ul li ul li ul li a.selected { background-image:none; padding:4px 0 4px 50px; font-size:10px; text-decoration:none; color:#d4a00b; font-weight:bold; background: url(../images/bullet_submenu3.jpg) 40px 6px no-repeat #deecfb;}
div#menu ul li ul li ul li ul li a.selected:hover {background-image:none; padding:4px 0 4px 50px; font-size:10px; text-decoration:none; color:#d4a00b; background: url(../images/bullet_submenu3.jpg) 40px 6px no-repeat #deecfb;  font-weight:bold; text-decoration:underline;  }


div#menu ul li a.inroute { 
	background: url(../images/menu_selected_bg.gif) no-repeat top left; 
	display: block; 
	color: #0062c8; 
	font-size: 12px; 
	font-weight:bold;
	padding:12px 0 12px 18px; 
	margin:0; 
	text-decoration:none;
	}
div#menu ul li a.inroute:hover {}
div#menu ul li ul li a.inroute { 
	background: url(../images/submenu_selected_bg.jpg) top left no-repeat #deecfb; padding: 4px 0 4px 30px; font-size:11px;font-weight:bold; height:auto;
}
div#menu ul li ul li a.inroute:hover {}
div#menu ul li ul li ul li a.inroute {padding:4px 0 4px 40px; font-size:10px; text-decoration:underline; color:#d4a00b; font-weight:normal; background: url(../images/bullet_submenu2.jpg) 30px 6px no-repeat #deecfb; }
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 {}
