@charset "ISO-8859-1";

#menu-ppal table {
    border-collapse: separate;
}
#menu-ppal td, #menu-ppal td img {
    vertical-align: middle;
    cursor: default;
}
/* Celda vacía que queda visible en Chrome */
.menuTable .defaultMenuText + td {
    display: none;
}
/*disabled menu text - all levels*/
.buttonTextDisabled {
    padding: 2px 5px 0 5px;
    color: #666;
    border-bottom: 3px solid #666;
}
/*menu caption if any*/
.menuName {
    color: #F7F7F7;
    letter-spacing: 0.25em;
    font-size: 0.875em;
    padding-left: 10px;
    padding-right: 0;
    text-align: right;
    vertical-align: middle;
}

/*========= BUTTONS ======================*/

.menuButton, .menuButtondown, .menuButtonover {
    border-right: 1px solid #FFF;
    padding: 3px 6px 3px 10px;
}
.menuButton .defaultMenuText, .menuButtondown .defaultMenuText, .menuButtonover .defaultMenuText {
    padding: 0 15px 0 0;
    color: #FFF;
    font-size: 14px;
    background: #004071;
    font-family: "DejaVu Sans", FreeSans, "Liberation Sans", Verdana, Tahoma, Arial, Helvetica, sans-serif;
    vertical-align: middle;
}
/*plain button state - top level*/
.menuButton:after, .menuButtonover::after, .menuButtondown::after  {
    color: white;
    font-family: FontAwesome;
    content: "\f0d7";
    position: relative;
    left: -8px;
    top: 3px;
}
/*down button state - top level*/
/*mouse over button state - top level*/
.menuButtonover, .menuButtonover .defaultMenuText, .menuButtondown, .menuButtondown .defaultMenuText {
    background-color: #39688B;
}
/*plain button state - other levels*/
.menuButtonSecond {
    background: #C6CFD7;
    color: #07375B;
}
/*mouse over button and down button states - other levels*/
.menuButtonSecondover, .menuButtonSeconddown {
    background: #39688B;
    color: #FFF;
    cursor: default;
}
.secondMenuTable .defaultMenuText {
    padding: 2px 5px;
    /*font-weight: bold;*/
}

/*============ PANELS and DIVIDERS ===========================================*/

/*manu panel - top level*/
.menuTable {
    background-color: #004071;
    margin: 0px;
    padding: 0px;
}
/*menu panel - other levels*/
.secondMenuTable {
    background: #C6CFD7;
    border-top: 2px solid #004071;
    border-right: 1px solid #004071;
    border-bottom: 1px solid #004071;
    border-left: 1px solid #004071;
    margin: 0 0 0 0;
    padding: 0;
}
/*divider - horizontal*/
.menuDivider {
    height: 100%;
    overflow: hidden;
    vertical-align: middle;
    margin: 0 10px 0 5px;
    width: 0;
}
/*divider - vertical*/
.menuDividerY {
/*    border-top: 1px dotted #004071;
    border-bottom: 1px dotted #FFF;*/
    border-top: 1px solid #004071;
    margin: 2px 0;
    height: 0;
    overflow: hidden;
    width: 80%;
}

/*================== DRAG HANDLERS ==================*/

/*drag handler for menu - horizontal*/
.menuHandle {
    background: #C6CFD7;
    border: 1px solid #004071;
    cursor: move;
    height: 100%;
    overflow: hidden;
    width: 3px;
}
/*drag handler for menu - vertical*/
.vmenuHandle {
    background: #C6CFD7;
    border: 1px solid #004071;
    cursor: move;
    height: 3px;
}

/*============ ICONS and SCROLLERS ====================*/

/*disabled icon - all levels*/
.iconGray {
/*	filter: BlendTrans(Percent=50) gray();*/
    cursor: default;
}
/*enabled scroller*/
.menuScrollerEnabled {
    background: #C6CFD7;
     cursor: pointer;
     text-align: center;
}
/*disabled scroller*/
.menuScrollerDisabled {
    background-color: #C6CFD7;
    cursor: default;
    visibility: hidden;
    text-align: center;
}