@charset "UTF-8";

/*  Green Style */

.topMenu .navbar-inner {
    background-image: linear-gradient(to bottom, #19b0c9, #057e93);
}

.topMenu .navbar-inner .nav > .active > a,
.topMenu .navbar-inner .nav > .active > a:hover,
.topMenu .navbar-inner .nav > .active > a:focus {
    background-image: linear-gradient(to bottom, #006677, #0290a8);
    color: #fbfbfb;
    text-shadow: 0px 1px 0px #006677;
}

.topMenu .navbar-inner .nav .dropdown-menu {
    background-color: #01a0ba;
}

.topMenu .navbar-inner .nav .dropdown-menu li a {
    color: #eee !important;
    transition: color 0s ease, opacity 0s ease;
}

.topMenu .navbar-inner .nav .dropdown-menu li.active > a {
    background: #4ab7cd;
}

.topMenu .navbar-inner .nav .dropdown-menu li > a:hover,
.topMenu .navbar-inner .nav .dropdown-menu li > a:focus,
.topMenu .navbar-inner .nav .dropdown-submenu:hover > a {
    background-image: linear-gradient(to bottom, #4bb9cf, #077f93);
    color: #a6f1fd !important;
}

.topMenu .navbar-inner .nav .dropdown-menu .divider {
    background-color: #007d92;
}

.topMenu .navbar-inner .nav > li > .dropdown-menu:after {
    border-bottom: 6px solid #01a0ba;
}

.topMenu .navbar-link {
    color: #eee;
}

.topMenu .navbar-link:hover {
    color: #a6f1fd;
}

.topMenu .nav > li > a {
    color: #eee !important;
    text-shadow: 0px 1px 0px #005f6f;
}

.topMenu .nav > li > a:hover {
    color: #a6f1fd;
}

.topMenu .navbar-inner .divider-vertical {
    border-left-color: #088fa5;
    border-right-color: #19b0c9;
}

.topMenu .navbar-inner .dropdown-toggle .caret {
    border-top-color: #eee !important;
    border-bottom-color: #eee !important;
    transition: border 0.30s ease, opacity 0.30s ease;
}

.topMenu .navbar-inner .dropdown-toggle:hover .caret {
    border-top-color: #a6f1fd !important;
    border-bottom-color: #a6f1fd !important;
}

.topMenu .navbar-inner .navbar-text {
    color: #eee;
}

@media (min-width: 1160px) {
    .topMenu .navbar-inner:before,
    .topMenu .navbar-inner:after {
        width: 30px;
        height: 65px;
        position:absolute;
        display:block;
        content: '';
        top:-25px;
        z-index:1;
    }
    .topMenu .navbar-inner:before {
        background-image: url(../img/ribbon-right.png);
        right:-30px;
    }
    .topMenu .navbar-inner:after {
        background-image: url(../img/ribbon-left.png);
        left:-30px;
    }
}

/**********/

@media (max-width: 979px) {
    .nav-collapse .nav > li > a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background-image: linear-gradient(to bottom, #4bb9cf, #077f93);
    }

    .topMenu .navbar-inner .nav .dropdown-menu {
        background: none;
    }
}