/* CSS Document */

/* ----------------- Navigation ----------------*/

.navigationOn {
	background-color: #666666;
}

.navigationOn {
	background-color: #666666;
}



#nav {

font-size:12px;
font-weight:bold;
font-family:Arial;
text-transform:uppercase;


}

#nav a, #nav ul, #nav li{
	z-index:500;
}

#nav, #nav ul {
float:left;
list-style:none;
line-height:40px;
padding:0;
margin:0 0 1px 0;
width:944px;
margin-top:-4px;

_margin-top:-15px;

}

#nav a {
display:block;
color: #FFFFFF;
text-decoration:none;
padding:0px 10px;


}

#nav li {
float:left;
padding:0;


}

#nav li ul {
position:absolute;
left:-999em;
height:auto;
width:200px;
font-weight:normal;
text-transform: capitalize;

margin:0;
line-height:1;

}

#nav li li {
padding-right:1px;
width:200px;
border-bottom:1px solid #aaa
}

#nav li li a {
padding:4px 10px
}

#nav li ul li {
font-weight:normal;
font-family:verdana,sans-serif
}

#nav li ul li a {
font-size:11px;
line-height:14px;
color:#FFFFFF
}


#nav li ul ul {
margin:-22px 0 0 200px /*alineacion vertical del 2do nivel*/
}

#nav li:hover ul li a { /*color de fondo 2º nivel */
color:#FFFFFF;
background-color: #666666;
}

#nav li ul li:hover {
background:#9C1F1B;
}

#nav li ul li:hover a { /*color de over 2º nivel */
color: #FFFFFF;
background-color:#C61D1D;
}


#nav li li:hover ul li a { /*color fondo 3º nivel*/
color:#FFFFFF;
background-color: #727272;
}


#nav li ul li li:hover a { /*color de over 3º nivel */
color: #FFFFFF;
background-color:#C61D1D;
}



#nav li ul li ul li:hover ul li a { /*color de fondo 4º nivel */
color:#FFFFFF;
background-color: #7D7D7D;
}


#nav li ul li ul li:hover ul li:hover a { /*color de over 4º nivel */
color: #FFFFFF;
background-color:#C61D1D;
}





#nav li ul li:hover li a {
color:#FFFFFF;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left:-999em
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left:auto;
background:#444
}

#nav li:hover, #nav li.sfhover {
/*background:#9C1F1B url("images/nav_on.png") repeat-x;*/
}

#nav li:hover a, #nav li.sfhover a {
color:#FFFFFF;
background-color: #666666;

}


/*-----------*/


li.navarrow ul li.navarrow ul li a {
	background-image: none;
}


#nav li.navarrow ul li.navarrow a {
/*background-image:url(../images/arrow_nav.gif);
background-repeat:no-repeat;*/

}


li.navarrow a {
/*background-image:url(../images/arrow_nav.gif);
background-repeat:no-repeat;*/
}

li.navarrow ul li.navarrow ul li , li.navarrow ul li a {
	background-image: none;
}