/* ================================================================ 
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(../imagenes/menu1a.gif);}
.preload2 {background: url(../imagenes/menu1b.gif);}

#nav {
    	padding: 0;
        margin: 0;
        list-style: none;
        height: 38px;
        background: #fff url(../imagenes/menu0a.gif) repeat-x;
        position: relative;
        z-index: 500;
        font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
#nav li.top {
        display: block;
        float: left;
        height: 38px;
}
#nav li a.top_link {
        display: block;
        float: left;
        height: 35px;
        line-height: 33px;
        color: #ffc;
        text-decoration: none;
        font-size: 11px;
        font-weight: bold;
        padding: 0 0 0 12px;
        cursor: pointer;
        background: url(../imagenes/menu0a.gif);
}
#nav li a.top_link span {
        float: left;
        display: block;
        padding: 0 24px 0 12px;
        height: 35px;
        background: url(../imagenes/menu0a.gif) right top no-repeat;
}
#nav li a.top_link span.down {
        float: left;
        display: block;
        padding: 0 24px 0 12px;
        height: 35px;
        background: url(../imagenes/menu0b.gif) no-repeat right top;
}


#nav li:hover a.top_link {
        color: #fff;
        background: url(../imagenes/menu1a.gif) no-repeat;
}
#nav li:hover a.top_link span {
        background: url(../imagenes/menu1a.gif) no-repeat right top;
}
#nav li:hover a.top_link span.down {
        background: url(../imagenes/menu1b.gif) no-repeat right top;
}

/* Default list styling */

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

#nav li:hover ul.sub {
        left: 1px;
        top: 38px;
        background: #a66;
        padding: 1px;
        border: 1px solid #422;
        white-space: nowrap;
        width: 145px;
        height: auto;
        z-index: 300;
}
#nav li:hover ul.sub li {
        display: block;
        height: 20px;
        position: relative;
        float: left;
        width: 135px;
        font-weight: normal;
}
#nav li:hover ul.sub li a {
        display: block;
        font-size: 11px;
        height: 18px;
        width: 143px;
        line-height: 18px;
        text-indent: 5px;
        color: #000;
        text-decoration: none;
        border: 1px solid #a66;
}
#nav li ul.sub li a.fly {
        background: #a66 url(../imagenes/arrow.gif) 135px 6px no-repeat;
}
#nav li:hover ul.sub li a:hover {
    background: #422;
    color: #fee;
    border-color: #ffc;
}
#nav li:hover ul.sub li a.fly:hover {
        background: #422 url(../imagenes/arrow_over.gif) 135px 6px no-repeat;
        color: #ffc;
}


#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: 135px;
        top: -4px;
        background: #822;
        padding: 1px;
        border: 5px solid #ffc;
        white-space: nowrap;
        width: 145px;
        z-index: 400;
        height: auto;
        color: #ffc;
}

#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: #822 url(../imagenes/arrow_over.gif) 135px 6px no-repeat;
        color: #fee;
        border-color: #ffc;
} 

#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: #822 url(../imagenes/arrow.gif) 135px 6px no-repeat;
        color: #fee;
        border-color: #ffc;
}