una/template/css/menu.css

/* --------------- menu footer */

#bx-menu-footer {
    float:left;
}

/* --------------- horizontal menu */

ul.bx-menu-hor {
    padding:0;
    margin:0;
    list-style:none;
}

.bx-menu-hor li {
    float:left;
    margin-left:20px;
}

.bx-menu-hor li:first-child {
    margin-left:0px;
}

.bx-menu-hor li a {
    display:block;
    text-decoration:none;
}

.bx-menu-hor li.bx-menu-tab-active a {
    color:#000;
}

/* --------------- vertical menu */

ul.bx-menu-ver {
    padding:0;
    margin:0;
    list-style:none;
}

.bx-menu-ver li {
    margin-top:1px;
}

.bx-menu-ver li:first-child {
    margin-top:0px;
}

.bx-menu-ver li a {
    display:block;
    text-decoration:none;
}

.bx-menu-ver li.bx-menu-tab-active a {
    color:#000;
}

.bx-menu-ver li img,
.bx-menu-ver li .sys-icon,
.bx-menu-ver li span {
    display:inline-block;
    vertical-align:middle;
}
.bx-menu-ver li img,
.bx-menu-ver li .sys-icon {
    width:20px;
    height:20px;
    margin-right:2px;
    text-align:center;
}

.bx-menu-ver li img {
    background-position:center center;
    background-repeat:no-repeat;
}

.bx-menu-ver li .sys-icon {
    font-size:20px;
}

.bx-menu-ver .bx-def-hr {
    margin:0;
}

/* --------------- vertical menu lite */

ul.bx-menu-verlit {
    padding:0;
    margin:0;
    list-style:none;
}

.bx-menu-verlit li {

}

.bx-menu-verlit li:first-child {
    margin-top:0px;
}

.bx-menu-verlit li a {
    display:block;
    text-decoration:none;
}

.bx-menu-verlit li.bx-menu-tab-active a {
    color:#000;
}

.bx-menu-verlit li img {
    width:24px;
    height:24px;
    background-position:center center;
    background-repeat:no-repeat;
    vertical-align:middle;
}

/* --------------- main menu */

#bx-menu-main-submenu,
#bx-menu-main {
    float:left;
    line-height:39px;
}

#bx-menu-main-container #bx-menu-main-submenu:first-child .bx-menu-main-submenu-div:first-child {
    display:none;
}

.bx-menu-main-submenu-div .sys-icon {
    font-size:32px;
    color:#bbb;
    vertical-align:middle;
}

ul.bx-menu-main-submenu,
ul.bx-menu-main {
    padding:0;
    margin:0;
    list-style:none;
}

.bx-menu-main-submenu li,
.bx-menu-main li {
    float:left;
    margin:0;
}

.bx-menu-main li a,
.bx-menu-main li span,
.bx-menu-main li .sys-icon,
.bx-menu-main-submenu li a {
    text-decoration:none;
    vertical-align:middle;
}
.bx-menu-main li .sys-icon {
    font-size:32px;
}

.bx-menu-main-submenu li.bx-menu-tab-active a,
.bx-menu-main li span {
    color:#000;
}

/* --------------- toolbar menu */

#bx-popup-ajax-wrapper-sys_site .bx-popup-content-wrapped {
    padding:12px;
    width:140px;
}

#bx-menu-toolbar-1-container .bx-menu-toolbar {
    float:left;
}

#bx-menu-toolbar-2-container .bx-menu-toolbar {
    float:right;
}

.bx-menu-toolbar {
    list-style:none;
    margin:0 0 0 0;
    padding:0;
}
ul.bx-menu-toolbar li {
    float:left;
    margin:0px;
} 

ul.bx-menu-toolbar li a {
    position:relative;
    display:block;
    padding-top:4px;
    min-width:48px;
    height:36px;

    line-height:32px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    vertical-align:middle;
    color: #fff;
    text-decoration:none;
    text-shadow: rgba(0, 0, 0, 0.5) 0px 1px 0px;
}

ul.bx-menu-toolbar li:first-child a {
    margin-left:0;
}

ul.bx-menu-toolbar li:hover a {
    background-color:rgba(255, 255, 255, 0.05);

    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px 0px rgba(255, 255, 255, 0.3);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px -1px 0px 0px rgba(255, 255, 255, 0.3);
    
    text-shadow: 0px 0px 1px #000;
}

ul.bx-menu-toolbar li.bx-menu-tab-active a,
ul.bx-menu-toolbar li:active a {
    height:35px;
    padding-top:5px;

    background-color:rgba(0, 0, 0, 0.05);

    -moz-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.3);
    
    text-shadow: 0px 0px 1px #000;
}

ul.bx-menu-toolbar li img {
    background-position:center center;
    background-repeat:no-repeat;
}

ul.bx-menu-toolbar li .sys-icon {
    display:inline-block;
    vertical-align:middle;
    font-size:32px;
    text-align:center;
    
    text-shadow: 0px 0px 2px #000;
}


/* --------------- floating blocks menu */

ul.bx-menu-floating-blocks {
    padding:0;
    margin:0;
    list-style:none;    
}

.bx-menu-floating-blocks li {
    display: inline-block;
    /* For IE 7 */
    zoom: 1;
    *display: inline;
    vertical-align:top;    

    width:64px;
    height:64px;
}

.bx-menu-floating-blocks li:hover {
    opacity:0.8;
}

.bx-menu-floating-blocks li:active,
.bx-menu-floating-blocks li.bx-menu-tab-active {
    opacity:1.0;
}

.bx-menu-floating-blocks li a {
    display:block;
    text-decoration:none;
}

.bx-menu-floating-blocks li.bx-menu-tab-active a {
    color:#000;
}

.bx-menu-floating-blocks li img,
.bx-menu-floating-blocks li .sys-icon {
    display:block;
    width:32px;
    height:32px;
    margin:8px 16px 3px 16px;

}

.bx-menu-floating-blocks li img {
    background-position:center center;
    background-repeat:no-repeat;
}

.bx-menu-floating-blocks li .sys-icon {
    line-height:32px;
    text-align:center;
    vertical-align:bottom;
    font-size:32px;
}

.bx-menu-floating-blocks-title {
    text-align:center;
}


/* --------------- floating circles menu */

ul.bx-menu-floating-circles {
    padding:0;
    margin:0;
    list-style:none;    
}

.bx-menu-floating-circles li {
    display:inline;
    display:inline-block;
    width:44px;
    height:44px;
    vertical-align:top;
    opacity:0.8;
}

.bx-menu-floating-circles li:hover,
.bx-menu-floating-circles li:active {
    opacity:1.0;
}

.bx-menu-floating-circles li a {
    display:block;
    width:100%;
    height:100%;
    text-decoration:none;
}

.bx-menu-floating-circles li .sys-icon {
    display:block;
    padding:10px;
    width:24px;
    height:24px;
    line-height:24px;
    font-size:24px;
    text-align:center;
    vertical-align:middle;
}

.bx-menu-floating-circles li img {
    width:100%;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
}

/* --------------- action menu */

.bx-menu-action-wrapper {
    position:fixed; 
    height:44px; 
    bottom:0px; 
    right:-5px;
    z-index:910;
}

.bx-menu-action-buttons,
.bx-menu-action {
    position:relative;
    float:right;
}

ul.bx-menu-action {
    padding:0;
    margin-top:20px;
    list-style:none;
}
.bx-menu-action li {
    float:left;
    margin:0;
}
.bx-menu-action li a {
    display:block;
    text-decoration:none;
    line-height:normal;

    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);

    transition: transform .5s;
    -webkit-transition: -webkit-transform .5s;
}
.bx-menu-action li a.bx-menu-action-hidden {
    transform:rotate(0deg);
    -ms-transform:rotate(0deg);
    -webkit-transform:rotate(0deg);
}

.bx-menu-action li .sys-icon {
    display:inline-block;
    width:24px;
    height:24px;
    font-size:24px;
    text-align:center;
    vertical-align:middle;
}

/* --------------- interactive block menu */
ul.bx-menu-inter,
ul.bx-menu-inter-vert {
	padding:0;
    margin:0;
	list-style:none;
}
ul.bx-menu-inter li {
    float:left;
}
li.bx-menu-inter-div {
	padding: 0px 3px;
}
li.bx-menu-inter-div:first-child {
	display: none;
}
li.bx-menu-inter-act {}
li.bx-menu-inter-pas {}
li.bx-menu-inter-hidden {
	display: none;
}