@CHARSET "ISO-8859-1";


#nav{
   width: 240px;
}

/* Titulo de cada bloque de opciones */
.titulonav{   
	background-color: #E2EDF7;
    border: 1px solid black;
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

/* 	Si se da el caso de que un menu de nivel 1 puede tener 
	asociado un enalace */
.titulonav a {
	color: #fff;
}   

.titulonav a:hover {
	color: #000;
}   
a:hover {
	color: #fff;
	text-decoration: none;
	}
/*
 * Area que comprende las opciones
 */
.bloque{
   margin-top: 4px;
   margin-right: 0pt;
   margin-bottom: 10px;
   margin-left: 0pt;
}

.bloque ul{
   margin-top: 5px;
   margin-right: 0px;
   margin-bottom: 20px;
   margin-left: 0px;
   padding-top: 0pt;
   padding-right: 0pt;
   padding-bottom: 0pt;
   padding-left: 1px;
   list-style-type: none;
   list-style-image: none;
   list-style-position: outside;
}

.bloque li{

	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #7F7F7F;
	padding: 1px 0 2px 2px;
   	margin-top: 2px;
   	margin-right: 0pt;
   	margin-bottom: 2px;
	margin-left: 0pt;
	border-bottom: 1px solid #9a9a9a;
}

.bloque li a {
   	text-decoration: none;
   	color: #666666;
} 

.bloque li a:hover {
   	color: #0044CC;
	font-weight: bold
} 

/* opciones de 2 nivel (titulo que agrupa las opciones) */
.bloque .titulonav {
   	border: 0px; 
	background-color: #BCBCBC;
    color: #666;
	font-weight: bold; 
   	padding: 4px;
} 

/* Area que comprende items de nivel 2 */
.bloque .bloque {
	background-color: #BCBCBC;	
}

/* Opciones del 2 nivel */
li a.opcion {
	color: #666;
	font-weight: bold;
	background:url(../images/green-ball.gif) no-repeat 10px 8px;
	padding-left: 25px;
}

li a.opcion:hover {
	color: #000;
	font-weight: bold
}