/* --- nav ------------------------------------------- */
div.nav {
    height: 40px;

}

/* NIVEL 1*/
div.nav ul {
    list-style: none;
	margin:0px 0px 0px 10px;
	padding:0px;
	z-index: 80 !important;
}

div.nav li {
    float: left;
	font-size:11px !important;
	margin:0px;
	padding:0px;
}

div.nav li a {
    display: block;
	line-height:40px;
    padding: 0px 5px 0px 5px;
    font-weight: bold;
	text-decoration:none;
}
div.nav ul li a:hover {
	background:#333;
	color:#FFF;
}

/* --- Colores NAVEGACION ------------------------------------------- */

div.nav li a{ color: #FFF}
div.nav li a:hover, 
div.nav li:hover a,
div.nav li ul, 
div.nav li li a {
	background:#F5F5F5;
    color: #666;
	z-index:80 !important;
}

div.nav li.activo a{
	color:#ffffff;
	background:#666666;
}

/*--------------------------------------------------------*/
/* NIVEL 2*/
div.nav li ul {
    position: absolute;
    width: 220px;
    left: -9999em;
    margin: 0px;
	padding-top: 0px !important;
	border-bottom:2px solid #333;
	z-index:80 !important;
}

div.nav li li a {
    margin: 0px;
    padding: 5px 10px;
    width: 200px;
    text-align: left;
    line-height: 15px;
    font-weight: 400;
    font-size: 11px;
}

div.nav li li a:hover {
	background:#999;
	color:#FFF;
}

/*
 Estos 2 estilos prenden y apagan las listas de menu
 */
div.nav li:hover ul ul, div.nav li:hover ul ul ul, div.nav li.sfhover ul ul, div.nav li.sfhover ul ul ul {
    left: -9999em
}

div.nav li:hover ul, div.nav li li:hover ul, div.nav li li li:hover ul, div.nav li.sfhover ul, div.nav li li.sfhover ul, div.nav li li li.sfhover ul {
    left: auto
}