/*=====================================================================================
** Fichero ............: MenuVertical.css
** Autor ..............: Diego Vico Ramírez
** Creación ...........: 07/Marzo/2006
** Última modificación : 18/Octubre/2007
** Objetivo ...........: Definición de estilos para menú vertical
** Dependencias .......: Ninguna
**===================================================================================== 
** Descripción funcional 
**     Para que el menú a definir se presente adecuadamente, tiene que cumplir
**     las condiciones impuestas por los estilos definidos en el fichero 
**     dvrMenu.css que son las siguientes:
**       
**         - Todo el menú debe estar definido dentro de un <div> en el que la 
**           propiedad class debe estar definida como "menuv" (class="menuv").
**           El nombre de la clase "menuv" es arbitrario (de menú vertical) y 
**           si se quiere, se puede cambiar pero el nombre que se ponga aquí 
**           debe aparecer también en el código HTML.
**         - Todas las opciones del menú serán elementos <a> 
**         - Las opciones cabecera de un submenú, deben tener asignada la 
**           propiedad id. Este id puede ser cualquier cosa, por ejemplo 
**           id="mp0", id="mp1", etc. (podría ser de menú principal). Las 
**           cabeceras de segundo nivel, las que están dentro de un submenú, 
**           se pueden componer añadiendo un dígito al id de la cabecera que 
**           abre el submenú donde está, así, de mp1 tendríamos mp10, mp11, 
**           etc. 
**         - Los elementos <div> que contienen a los submenús deben tener 
**           asignado un id igual al de la cabecera que lo habre precedido de 
**           la letra s.
**         - Para que una opción aparezca inactiva, debe ser de la clase
**           "incactivo" y el atributo "href" no debe estar definido y si está
**           definido deberá estar como href="#".
**===================================================================================*/ 
div.menuv {
	position: absolute;
	left: 0px;
	top: 0px;
    padding: 0px 0px 0px 0px ;
	visibility: visible;
	display: block;
	background-color: #E0E0FF; /* Gris azulado */ 
}

div.menuv a {
	position: relative;
	display: block;
	left: 0px;
	width: 130px;
	font-family: Arial;
	font-style: normal;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	color: #000066;
	background-color: #EFEFFF; /* Blanco azulado */ 
	border-top: 1px solid #E0E0FF;
	border-left: 1px solid #E0E0FF;
	border-bottom: 1px solid #E0E0FF;
	border-right: 1px solid #E0E0FF;
	margin: 0px 0px 0px 0px ;
	padding: 2px 2px 2px 5px ;
	overflow: hidden;
}

div.menuv a:link, div.menuv a:visited {
	color: #000066;
}

div.menuv a:hover{
	background-color: #E0E0FF; /* Gris azulado */ 
	border-top: 2px solid #E0E0FF;
	border-left: 2px solid #E0E0FF;
	border-bottom: 2px solid #E0E0FF;
	border-right: 2px solid #E0E0FF;
 	text-decoration: none;
	padding: 1px 1px 1px 4px ;
}

div.menuv div{
	position: absolute;
	left: 35px;
	z-index: 1;
	display: block;
	visibility: hidden;
}

div.menuv div a {
	background-color: #E0E0FF;
	border-top-color: #D0D0FF; 
	border-bottom-color: #D0D0FF;
	border-right-color: #D0D0FF;
	border-left-color: #D0D0FF;
}

div.menuv div a:hover {
	background-color: #D0D0FF;
	border-top-color: #D0D0FF; 
	border-bottom-color: #D0D0FF;
	border-right-color: #D0D0FF;
	border-left-color: #D0D0FF;
}

div.menuv a.inactivo{
	color: #88AA88;
}

div.menuv a.inactivo:hover{
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	padding: 2px 2px 2px 2px ;
	background-color: #EFEFFF; /* Blanco azulado */
}

div.menuv div a.inactivo:hover {
	background-color: #EFEFFF; /* Blanco azulado */
}