/* ---------------------- Blackslate nav ---------------------- */
#barra-menu-principal {
    background: transparent url(../img/header_menu_left_thin.png) no-repeat top left;
    padding-left: 75px;
}
#barra-menu-principal .right {
    background: transparent url(../img/header_menu_right_thin.png) no-repeat top right;
    padding-right: 75px;
}
/* IE6 */
* html #barra-menu-principal {
    width: 100%;
}
* html #barra-menu-principal .right {
    padding: 0;
}
#menu-principal {
    clear: both; 
    margin:0 auto; 
    position:relative;
    display:block;
    height:42px;
    font-size:100%;
    font-weight:bold;
    background: transparent url(../img/menu_desplegable_blue.png) repeat-x top left;
    font-family:Arial,Verdana,Helvetica,sans-serif;
    text-transform: uppercase;
    width:100%;
}
* html #menu-principal {
    margin-right: 75px;
}
#menu-principal ul {
    padding:0;
    list-style-type:none;
    width:40em;
    margin:0 auto;    
}
#menu-principal ul li {
    display:block;
    float:left;
    margin:0 1px 0 0;
}
#menu-principal ul li a {
    display:block;
    float:left;
    color:#585858;
    text-decoration:none;
    padding:14px 22px 0 22px;
    height:28px;
}
* html #menu-principal ul li a {
    height:42px;
}
#menu-principal ul li a:hover,
#menu-principal ul li.current a {
    color:#fff;
    background: transparent url(../img/menu_hover_desplegable_blue.png) no-repeat top center;
}


/* -------------- Menú de subopciones ---------------- */
#subopciones ul {
    margin: 0;
    padding: 0 2em 0 0;
    height: 2.5em;
    line-height: 2.5em;    
    font-size: 100%;
    text-align: right;
    background: rgb(153,204,255) url(../img/borde_pie.png) repeat-x bottom;
    
}
#subopciones ul li {
    list-style: none;
    height: 2.5em;
    line-height: 2.5em;
    padding: 0em 1em;
    font-variant: small-caps;
    vertical-align: middle;
    display: block;
    float: right;
}
#subopciones ul li a,
#subopciones ul li a:link,
#subopciones ul li a:visited {
    padding: 0em 1em;
    text-decoration: none;
    color: #383838;
    border: none;
    height: 2.5em;
    line-height: 2.5em;
    display: block;
}
* html #subopciones ul li a {
    float: left;    
}
#subopciones ul li a:hover,
#subopciones ul li a:active {
    color: #fff;
    background-color: #000;
    border: none;
}
#subopciones ul li.current {
    height: 2.5em;
    line-height: 2.5em;
    font-weight: bold;
    color: #000;
}
/* Si tiene el menú vacío */
.vacio {
    visibility: hidden;
}