@import"fuentes.css";


#nav {padding:0; margin:0; list-style:none; height:auto;  position:relative; z-index:500; font-family:'Open Sans'; }
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:29px; line-height:27px; color:#fff; text-decoration:none; font-size:16px; font-weight:bold; padding:0 10px 0 30px; cursor:pointer;background: url(../imgs/menu.png);}
#nav li a.top_link span {float:left; display:block; padding:0 26px 0 21px; height:36px;background:url(../imgs/menu.png) right top;}
#nav li a.top_link span.down {float:left; display:block; padding:0 20px 0 0; height:36px; background:url(../imgs/menua.png) no-repeat right top;}
#nav li a.top_link:hover {color:#fff; background: url(../imgs/menu_over.png) no-repeat;}
#nav li a.top_link:hover span {background:url(../imgs/menu_over.png) no-repeat right top;}
#nav li a.top_link:hover span.down {background:url(../imgs/menu_overa.png) no-repeat right top;}

#nav li:hover > a.top_link {color:#fff; background: url(../imgs/menu_over.png) no-repeat;}
#nav li:hover > a.top_link span {background:url(../imgs/menu_over.png) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(../imgs/menu_overa.png) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#nav li:hover ul.sub
{left:0; top:31px; background: #fff; padding:3px; border:1px solid #333333; white-space:normal; width:185px; height:auto; z-index:300; }
#nav li:hover ul.sub li
{display:block; height:auto; float:left; width:185px; font-weight:bold;}
#nav li:hover ul.sub li a
{display:block; padding:4px 4px 4px 3px; border-bottom:1px solid #DCDCDC; font-size:13px; height:auto; width:175px; line-height:20px; color:#333; text-decoration:none; text-align:left;}
#nav li ul.sub li a.fly
{background:#fff url(../imgs/arrow.gif) 175px  no-repeat;}
#nav li:hover ul.sub li a:hover 
{background:#2A530E; color:#fff;}
#nav li:hover ul.sub li a.fly:hover
{background:#2A530E url(../imgs/arrow_over.gif) 175px no-repeat; color:#fff;}

#nav li:hover ul li:hover > a.fly {background:#2A530E url(../imgs/arrow_over.gif) 175px no-repeat; color:#fff;} 

#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:185px; top:-4px; background: #fff; padding:3px; border:1px solid #333333; white-space:normal; width:185px; text-align:left;z-index:400; height:auto;}