/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.preload1 {background: url(three_1.gif);}
.preload2 {background: url(three_1a.gif);}

#nav {
	padding:0; 
	margin:0; 
	list-style:none; 
	height:38px; 
	position:relative; 
	z-index:500; 
	font-family: 'helveticaneuelight';
}
#nav li.top {
	display:block; 
	float:left; 
	height:25px;
	margin-right: 10px;
}
#nav li a.top_link {
	display:block; 
	float:left; 
	text-decoration: none;
    height: 26px;
    font-size: 14px;
    width: auto;
    text-align: center;
    color: #5D5D5D;
    padding: 0 0 0 10px;
    line-height: 26px;
}
#nav li a.top_link_naranja {
	display:block; 
	float:left; 
	text-decoration: none;
    height: 26px;
    font-size: 14px;
    width: auto;
    text-align: center;
    color: #e96319;
    padding: 0 10px 0 10px;
    line-height: 26px;
}
#nav li a.top_link_naranja:hover {
	background: #58595a;
}
#nav li a.top_link span {float:left; display:block; padding:0 10px 0 0px; height:35px; background: url(three_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 10px 0 0px; height:35px; background: url(three_0a.gif) no-repeat right top;}

#nav li:hover {
	background: #ea6e2e;
}
#nav li ul li:hover {
	background: none;
}
#nav li:hover a.top_link{
	color: #FFF;
}
#nav li ul li ul{
	background: #dddddd;
}
/* #nav li:hover a.top_link { */
/* 	color:#FFF; */
/*     background-image:url(../images/menu_princi_act.gif); */
/*     background-repeat: no-repeat; */
/* 	} */

#nav li:hover a.top_link span {background:url(three_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(three_1a.gif) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub
{
	left:1px;
	top:27px; 
	padding: 7px 15px; 
	white-space:nowrap; 
	/*width:90px;*/ 
        width: auto;
	height:auto; 
	z-index:300;
	background: #58595a;
}
#nav li:hover ul.sub li
{
	display:block; 
	height:20px; 
	position:relative; 
	float:left; 
	/*width:90px;*/ 
        width: auto;
	font-weight:normal;
	padding: 3px 0;
}
#nav li:hover ul.sub li a
{
	display:block; 
	font-size:14px; 
	height:18px; 
	/*width:88px;*/ 
        width: auto;
        min-width: 88px;
	line-height:18px; 
	text-indent:5px; 
	color: #ffffff; 
	text-decoration:none;
	border-bottom:1px solid #aaa;
	}
	
#nav li ul.sub li a.fly
{background: #ccc url(arrow.gif) 80px 6px no-repeat;}
#nav li:hover ul.sub li a:hover 
{color:#eeeeee; border-color:#e96319;}
#nav li:hover ul.sub li a.fly:hover
{background: url(arrow_over.gif) 80px 6px no-repeat; color:#666;}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
	left:101px; 
	top:-4px; 
	padding: 3px 10px; 
	white-space:nowrap; 
	width:90px; 
	z-index:400; 
	height:auto;
	}

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{background: url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;} 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{background: url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#bbd37e;} 
