@charset "utf-8";
/* CSS Document */
#nav
{
	font-size:12px;
	position:relative;
	margin:0 auto;
	padding: 0;
	text-align:center;
}
#nav li.on ul, #nav li.off ul 
{
	margin: 0;
	padding: 0;
}
#nav li /*float the main list items*/
{
	margin: 0;
	float: left;
	display: block;
	padding-right: 25px;
	text-align:left;
}

#nav li ul, #nav ul li:hover ul ul 
{
	display: none;
}

#nav li.off ul, #nav li.on ul /*put the subnav below */
{
	position: absolute;
	top: 26px;
	*top: 26px;
	left: 0px;
	height: 26px;
	width:950px;
}
#nav li a 
{
	color: #ffffff;
	font-weight: bold;
	display: block;
	height: 16px;
	width: auto;
	padding: 5px;
}

#nav li.on a
{
	color: #000000;
	text-indent:15px;
	background:url(../imagenes/muela_15px.gif) left no-repeat;
}

#nav li.on ul a, #nav li.off ul a 
{
	float: left; /*ie doesn't inherit the float*/
	border: 0;
	color: #6271FE;
	width: auto;
	margin-right: 10px;
}
#nav li.on ul a 
{
	color: #ffffff;
	background:none;
		
}
#nav li.on ul li.on a, #nav li.on ul li.onn a
{
	color: #000000;
	background:none;
	background:url(../imagenes/muela_15px.gif) left no-repeat;
}
#nav li.on ul li.off a
{
	text-indent:0;
	background:none;
	color: #ffffff;

}
#nav li.on ul, #nav li.on ul li.on ul
{
	display: block;
}
#nav li.on ul li ul
{
	display:none;	
}
#nav li a:hover
{
	text-decoration:underline;
	font:bold;
}
#nav li ul ul, #nav li.on:hover ul ul, #nav li.off:hover ul ul
{
	display:none; 
}
#nav li.off:hover ul,
#nav li.on:hover ul,
#nav li.on ul li:hover ul,
#nav li.off ul li:hover ul
{
	background: #eef0fe;
	display: block;
	z-index: 6000;
}
#nav li.off a:hover, #nav li:hover a 
{
	background: #eef0fe;
	color: #6271FE;
}
#nav li.on:hover a
{
	color:#000000;
}
#nav li.on:hover ul li.off a
{
	color: #6271FE;
}
