.widgetCategoryBackend{ 
    list-style:none; 
  
    ul{ 
        list-style:none; 
        li{ 
            margin-left:20px; 
            list-style:none !important;
        } 
    } 
} 
  
  
.widgetCategoryTree{     
    padding:20px; 
  
    > li > a{ 
        font-weight:bold; 
    } 
  
    li.current{
        background:green;
        a{
            color:#FFF;
        }
    }

    li{ 
        list-style:none !important;
        line-height:24px; 
  
        // segundo nivel 
        ul{ 
            margin-left:20px; 
  
            li{ 
  
                // tercer nivel 
                ul{ 
                    margin-left:20px; 
  
                    li{ 
  
                    } 
  
                } 
  
            } 
  
        } 
  
    } 
  
} 
  
.widgetCategoryGrid{ 
    list-style:none; 
  
    li{ 
        float:left; 
        list-style:none !important;
        width:200px; 
        margin:0 10px 10px 0; 
        text-align:center; 
    } 
} 
  
.widgetCategoryMenu{     
    list-style: none;         
    display: inline-block; 
    z-index:101; 
    height:40px; 
    line-height:40px;  
    margin:0 !important;
  
    a{ 
        font-size:14px; 
        display:block; 
        text-decoration:none !important; 
    } 
  
    > li:first-child { 
        margin-left:11px; 
    } 
    /* main level link */
    > li { 
        margin: 0 3px 0 0 !important; 
        float: left; 
        position: relative; 
        list-style: none !important; 
        background: #07ACE0; 
        padding:0 10px !important; 
    } 
  
    li:hover, .current{ 
        background: #282828; 
  
    } 
    .current{ 
        background: #282828; 
    } 
    .current a{ 
        color:#FFF; 
    } 
    a { 
        color: #fff; 
        text-decoration: none; 
        display: block; 
        margin: 0; 
    } 
  
    /* Muestra el submenu */
    li:hover > ul { 
        display: block; 
    } 
  
    ul { 
        display: none; 
        list-style: none; 
        margin: 0 !important; 
        padding: 0; 
        width: 240px; 
        position: absolute; 
        left: 0; 
        background: #282828; 
        .rounded-corners-bottomright(9px); 
        .rounded-corners-bottomleft(9px); 
        -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
        -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3); 
        box-shadow: 0 1px 3px rgba(0,0,0, .3); 
  
        li { 
            position:relative; 
            float: none; 
            margin: 0; 
            padding: 0; 
            height:30px; 
            line-height:30px; 
            list-style:none !important;
  
            a{ 
                padding-left:10px;     
            } 
  
            a:hover{ 
                background:#07ACE0; 
                color:#FFF; 
            } 
        } 
  
        li:hover{ 
            background:none; 
        } 
  
        li:last-child > a:hover { 
            .rounded-corners-bottomleft(9px); 
            .rounded-corners-bottomright(9px); 
        } 
  
        /* level 3+ list */
        ul { 
            left: 220px; 
            top: 8px; 
            border:solid 4px #F2C06F; 
            .rounded-corners-topleft(9px); 
            .rounded-corners-topright(9px); 
  
            li:first-child > a:hover { 
                .rounded-corners-topright(4px); 
                .rounded-corners-topleft(4px); 
            } 
            li:last-child > a:hover { 
                .rounded-corners-bottomright(4px); 
                .rounded-corners-bottomleft(4px); 
            } 
        } 
    } 
} 
  
footer{ 
    .widgetCategoryMenu{ 
        > li { 
            list-style:none !important; 
            background: transparent; 
        } 
  
        li:hover, .current{ 
            background: transparent; 
  
        } 
        .current{ 
            background: transparent; 
        } 
        .current a{ 
            color:#000; 
        } 
        a { 
            color: #000; 
            text-decoration: underline !important; 
        } 
    } 
} 
  
.widgetCategoryVerticalMenu{     
    list-style: none;   
    width:90%; 
  
    a{ 
        font-size:14px; 
        color:#787677; 
        display:block; 
        text-decoration:none; 
        padding:14px 8px; 
    } 
  
    a:hover{ 
        color:#ED7904; 
        text-decoration:underline; 
    } 
  
    /* main level */
    > li {         
        border-bottom:solid 1px #CFCFCF; 
        list-style:none !important;
  
        > a{ 
            font-weight:bold; 
        } 
    } 
  
    > li.current, > li.currentIn{ 
        ul{ 
            display:block; 
        } 
    } 
  
    > li.current > a{ 
        color:#ED7904; 
    } 
  
    /* submenu */
    li:hover > ul { 
        display: block;         
    } 
  
    ul { 
        display: none; 
        list-style: none; 
        margin: 6px 0 0 6px; 
        padding: 0; 
  
        li { 
            position:relative; 
            float: none; 
            margin: 0; 
            padding-left:20px; 
            border-top:solid 1px #E4E4E4; 
  
            a:hover{ 
                color:#787677; 
            } 
  
        } 
  
        li.current > a{ 
            color:#ED7904; 
        } 
  
    } 
}

.widgetCategoryBreadCrumbs{     
    list-style: none;   
  
    a{ 
        font-size:14px; 
        color:#787677; 
        display:block; 
        text-decoration:none; 
        padding:14px 0; 
    } 
  
    a:hover{ 
        color:#ED7904; 
        text-decoration:underline; 
    } 
    li:first-child, li.sep { 
        display:inline-block  !important; 
    } 
    li.sep { 
        padding:0 4px; 
    } 
    > li {         
        display:none !important;
        list-style:none !important; 
    } 
  
    > li.current, > li.currentIn{ 
        display:inline-block  !important; 
    } 
  
    > li.current > a{ 
        color:#ED7904; 
    } 
  
}