/* Marca secciones */

.menu-marcador { 
	max-width:950px;
	margin:auto;
}

.marcador { float: left; height:6px; border-right: 1px solid #fff; background-color:#FF0000; }

.color01 { background-color: #f26400; width: 54px; } 
.color02 { background-color: #b2c900; width: 48px; }
.color03 { background-color: #5E841D; width: 251px; }
.color04 { background-color: #FAB700; width: 228px; }
.color05 { background-color: #65b9e4; width: 90px; }
.color06 { background-color: #006293; width: 72px; }


/* PRINCIPAL */

.nav-bar {
	/* width: 800px; */ /* comentar */
    background-image:url(../imagenes/nav1_bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#FFF;
    padding:0;
}
#nav { 
	float:left; 
	background-image:url(../imagenes/nav1_sep.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:1px;
}


/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li {
    list-style:none;
    position:relative;
    text-align:left;
    }
#nav li.over { z-index:99; }
#nav li.active { z-index:100; } /* to prevent the li separator from showing through on mouseover on li */
#nav a, #nav a:hover {
    display:block;
    text-decoration:none;
    }
#nav span { display:block; /*cursor:pointer;*/ }
#nav a {line-height:1.3em; }


/************ 1ST LEVEL  ***************/

#nav li {
    float:left;
	 background:url(../imagenes/nav1_sep.gif) no-repeat 100% 0;
    }
	
#nav a {
    float:left;
    padding:0 10px;
    color:#484848;
    line-height:27px;
    }
	
#nav li a {	margin:0 5px 0 4px; }

#nav li li a { margin:0; } /* Quitar el margen para el menu desplegable */
	
#nav li.over a { 
	color:#484848; 
	background:url(../imagenes/nav1_hover.gif) repeat-x;
	background-position:center;
	}

#nav li a:hover{ 
	color:#484848; 
    background:url(../imagenes/nav1_hover.gif) repeat-x;
	background-position:center;
	}

#nav li.active {

    font-weight:normal;
	}

#nav li.active a{
    color:#fff ;
    background:url(../imagenes/nav1_active.gif) repeat-x; /* Añadimos el background ACTIVE del boton */
	background-position:center;
    }
	
#nav li.active em {
    display:block;
    position:absolute;
    top:0;
    right:-1px;
    width:3px;
    height:27px;
    background:url(../imagenes/nav1_active.gif) repeat-x 100% 0;
    }

/************ 1ST LEVEL RESET ************/
#nav ul li, #nav ul li.active {
    float:none;
    height:auto;
    background:none;
    margin:0;
    }
#nav ul a, #nav ul a:hover {
    float:none;
    padding:0;
    background:none;
    line-height:1.3em;
    }
#nav ul li.over a,
#nav ul li.over a:hover
#nav ul a,
#nav li.active li { font-weight:normal;}


/************ 2ND LEVEL ************/
#nav ul {
    position: absolute;
    width:189px;
    top:34px;
    left:-10000px;
    margin-top:-7px;
    padding-bottom:3px;
    padding-top:1px;
    border-top:1px solid #ccc;	
}

#nav ul ul  {
    border-top:none;
}

/* Show menu */
#nav li.over ul { left:-1px; }
#nav li.over ul ul { left:-10000px; }
#nav li.over ul li.over ul { left:100px; }

#nav ul li {
    background:url(../imagenes/nav2_li_bg.png) repeat-y;
    padding:0 2px;
    }
#nav ul li a:hover {
    background:#d0d0d0;
    }
#nav li.over ul a,
#nav ul li.active a,
#nav ul li a,
#nav ul li a:hover { color:#2F2F2F; background-image:none;} /* Desactivamos el background del menu 1º level */
#nav ul span, #nav ul li.last li span {
    padding:5px 15px;
    background:url(../imagenes/nav2_link_bg.gif) repeat-x 0 100%;
    }
#nav ul li.last span, #nav ul li.last li.last span {
    background:none;
    }
#nav ul li.last {
    background:url(../imagenes/nav2_last_li_bg.png) no-repeat 0 100%;
    padding-bottom:3px;
    }
#nav ul li.parent a,
#nav ul ul li.parent a {
    background-image:url(../imagenes/nav2_parent_arrow.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    }

/************ 3RD+ LEVEL ************/

/* Cursors */
#nav li.parent a,
#nav li.parent li.parent a,
#nav li.parent li.parent li.parent a { cursor:default; }

#nav li.parent li a,
#nav li.parent li.parent li a,
#nav li.parent li.parent li.parent li a { cursor:pointer; }

/* Show menu */
#nav ul ul ul { left:-10000px; }
#nav li.over ul li.over ul ul { left:-10000px;}
#nav li.over ul li.over ul li.over ul { left:100px; }

#nav ul ul {
    background:url(../imagenes/nav3_bg.png) no-repeat;
    padding-top:2px;
    left:100px;
    top:13px;
}
#nav ul li.parent li a {
    background-image:none;
    }

#nav ul li.parent li li a {
    background-image:none;
    }

#nav ul ul li.parent a {
    background-image:url(../imagenes/nav2_parent_arrow.gif);
    background-position:right bottom;
    background-repeat:no-repeat;
    }

.nav-bar:after {
    content:".";
    display:block;
    clear:both;
    height:0;
    font-size:0;
    line-height:0em;
    overflow:hidden;
    }

/* Fix for IE hover bug */
/*
#nav iframe { position:absolute; left:0px; top:-1px; z-index:-1; background:red; filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); }
*/

/* colores menu */

.naranja { background-color: #f26400; height: 10px;}
