/*
	Estilos de los menús principales de navegación.
	Componente menu-navegacion
	Menú por defecto. Azul cielo.
*/

/*
	Primer nivel
*/
#menu-navegacion{
	background:#F0FCFF url(../img/bg/menu-navegacion-lt.png) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin:0em 1.5em 1em 0em;
}

#menu-navegacion ul{
	background:url(../img/bg/menu-navegacion-lb.gif) left bottom no-repeat;
}

#menu-navegacion ul li{
	border-top:1px solid #FFF;
	border-bottom:1px solid #57AADB;
}

#menu-navegacion ul li a{
	color:#003366;
	text-decoration:none;
	font-weight:bold;
	display:block;
	background:url(../img/bg/menu-navegacion-flecha.gif) right center no-repeat;
	padding-right:1em;
	margin:.8em 1em;
}

/* Título */
#menu-navegacion ul li.titulo{
	background:#9DCEEA url(../img/bg/boton-jcyl-azul-lb.gif) left bottom no-repeat;
	border:none;
}

#menu-navegacion ul li.titulo span{
	background:url(../img/bg/boton-jcyl-azul-lt.gif) left top repeat-x;
	display:block;
}

#menu-navegacion ul li.titulo span span{
	background:url(../img/bg/boton-jcyl-azul-rb.gif) right bottom no-repeat;
	display:block;
}

#menu-navegacion ul li.titulo span span a{
	background:url(../img/bg/boton-jcyl-azul-rt.gif) right top no-repeat;
	display:block;
	margin:0em;
	padding:.3em 1em;
	font-size:1.2em;
}

/* Primero y último */
#menu-navegacion ul li.primero{
	background:transparent url(../img/bg/menu-navegacion-rt.gif) right top no-repeat !important;
}

#menu-navegacion ul li.ultimo{
	border-bottom:none;
	background:url(../img/bg/menu-navegacion-rb.gif) right bottom no-repeat;
	padding-bottom:.2em;
}

/* Seleccionados */
#menu-navegacion ul li.seleccionado{
	background-color:#7DBEE4;
}

#menu-navegacion ul li.seleccionado a{
	background:url(../img/bg/menu-navegacion-flecha-abajo.gif) right center no-repeat;
}

#menu-navegacion ul li.sin-hijos a{
	background:url(../img/bg/menu-navegacion-flecha.gif) right center no-repeat;
}

#menu-navegacion ul li.primero-seleccionado{
	background:#7DBEE4  url(../img/bg/menu-navegacion-lt-primero-seleccionado.gif) left top no-repeat;
}

#menu-navegacion ul li.primero-seleccionado a{
	display:block;
	margin:0em;
	padding:1em 0em 1em 1em;
	color:#003366;
	background:transparent  url(../img/bg/menu-navegacion-primero-seleccionado.gif) right top no-repeat;
}

#menu-navegacion ul li.ultimo-seleccionado{
	background:#7DBEE4 url(../img/bg/menu-navegacion-tema-lb.gif) left bottom no-repeat;
	border-bottom-color:#FFF;
}

#menu-navegacion ul li.ultimo-seleccionado a{
	color:#003366;
	background:url(../img/bg/menu-navegacion-tema-general-rb.gif) right bottom no-repeat;
	display:block;
	margin:0em;
	padding:1em 0em 1em 1em;
	padding-right:1em !important;
}

#menu-navegacion ul li.ultimo-con-hijos{
	border-bottom:none;
}

/* Segundo nivel */
#menu-navegacion ul li ul{
	background:#FFF url(../img/bg/menu-navegacion-nivel2-lt.png) left top repeat-x;
	border-top:1px solid #FFF;
}

#menu-navegacion ul li ul li{
	border:none;
	padding:.5em 0em;
}

#menu-navegacion ul li ul li a{
	font-weight:normal;
	background:url(../img/bg/menu-navegacion-punto.gif) left center no-repeat;
	margin:0em 1em;
	padding-left:7px;
}

#menu-navegacion ul li.seleccionado ul li a{
	background:url(../img/bg/menu-navegacion-punto.gif) left center no-repeat;
}

#menu-navegacion ul li.seleccionado ul li.seleccionado{
	background-color:#FFF;
	border:1px solid #95CAE8;
	margin:.2em 0em;
	/* FF rellena el margen con el color del borde */
	width:98.5%;
	display:inline-block;
}

#menu-navegacion ul li.primero-seleccionado ul li a{
	border:none;
	display:block;
	margin:0em 1em;
	padding:0em 1em 0em 7px;
	color:#003366;
	background:url(../img/bg/menu-navegacion-punto.gif) left center no-repeat;
}

#menu-navegacion ul li.primero-seleccionado ul li.seleccionado{
	background-color:#FFF;
	background-image:none;
	border:1px solid #95CAE8;
	margin:.2em 0em;
	/* FF rellena el margen con el color del borde */
	width:99%;
	display:inline-block;
}


/*
	Componente menu-navegacion-interior
	Menú lateral de las páginas interiores.
*/
#menu-navegacion-interior{
	background:#F0FCFF url(../img/bg/menu-navegacion-lt.png) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin:0em 1.5em 1em 0em;
}

#menu-navegacion-interior ul,
#menu-navegacion-interior p{
	background:url(../img/bg/menu-navegacion-lb.gif) left bottom no-repeat;
}

#menu-navegacion-interior ul li{
	border-top:1px solid #FFF;
	border-bottom:1px solid #57AADB;
}

#menu-navegacion-interior p span{
	display:block;
	overflow:hidden;
}

#menu-navegacion-interior ul li.primero{
	background:url(../img/bg/menu-navegacion-rt.gif) right top no-repeat;
}

#menu-navegacion-interior ul li.ultimo{
	border-bottom:none;
	background:url(../img/bg/menu-navegacion-rb.gif) right bottom no-repeat;
	padding-bottom:.2em;
}

#menu-navegacion-interior ul li a,
#menu-navegacion-interior p span a{
	color:#003366;
	text-decoration:none;
	font-weight:bold;
	display:block;
	background:url(../img/bg/menu-navegacion-interior-flecha.gif) left center no-repeat;
	padding-right:.5em;
	padding-left:10px;
	margin:.8em 1em;
	text-align:right;
}

/*
	Menu de navegación con iconos.
	Iconos pasados al HTML.
*/
#menu-navegacion-iconos{
	background:#F5F5F5 url(../img/bg/enlaces-rapidos-texto-lt.gif) left top no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	font-size:.75em;
	margin:0em 1.5em 1em 0em;
}

#menu-navegacion-iconos ul{
	background:url(../img/bg/enlaces-rapidos-texto-lb.gif) left bottom no-repeat;
}

#menu-navegacion-iconos ul li{
	border-top:1px solid #F5F5F5;
	border-bottom:1px solid #F5F5F5;
	padding:0em 1em;
}

#menu-navegacion-iconos ul li.primero{
	background:url(../img/bg/enlaces-rapidos-texto-rt.gif) right top no-repeat;
}

#menu-navegacion-iconos ul li.ultimo{
	border-bottom:none;
	background:url(../img/bg/enlaces-rapidos-texto-rb.gif) right bottom no-repeat;
	padding-bottom:.2em;
}

#menu-navegacion-iconos ul li a{
	color:#003366;
	text-decoration:none;
	display:block;
	/*margin:0em 1em;*/
	padding:.7em 25px .7em 0em;
	position:relative;
}

#menu-navegacion-iconos ul li a img{
	position:absolute;
	top:.3em;
	right:0em;
}