.col-logo {
    max-width: 230px;
    width: 100%;
}

.col-titulo {
    /*font-size: 1.6em;*/
    font-size: 130%;
    text-align: center;
    line-height: normal;
}

.col-user .btn-1 {
    font-size: 12px;
}

.col-user span {
    font-size: 13px;
    text-align: right;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        border-radius: 0 6px 6px 6px;
        left: 100%;
        margin-left: -1px;
        margin-top: -6px;
        top: 0;
    }

    .dropdown-submenu > a:after {
        border-color: transparent transparent transparent #ccc;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
        display: block;
        float: right;
        height: 0;
        margin-right: -10px;
        margin-top: 5px;
        width: 0;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            border-radius: 6px 0 6px 6px;
            left: -100%;
            margin-left: 10px;
        }

    .dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

.dropdown-toggle {
    min-width: 10em;
    text-align:center;
}

    .dropdown-toggle::after {
        display:none;
    }

.navbar-nav .dropdown-menu {
    background-color: #414141;
    margin-top:0;
}

    .navbar-nav .dropdown-menu .dropdown-item  {
        background-color: #414141;
        color: #FFF;
        text-decoration: none;
    }

        .navbar-nav .dropdown-menu .dropdown-item a {
              color: #FFF;
            text-decoration: none;
        }
         .navbar-nav .dropdown-menu .dropdown-item:hover,  
         .navbar-nav .dropdown-menu .dropdown-item:focus {
            background-color: #7f7f7f;
            color: #FFF;
            text-decoration: none;
        }

    .navbar-nav .dropdown-menu > .activo {
        background-color: #7f7f7f;
    }



.navbar-nav .show {
    background-color: #414141;
    color: #ccc;
    text-decoration: none;
}

    .navbar-nav .show > a, 
    .navbar-nav .show > a:hover, 
    .navbar-nav .show > a:focus {
        background-color: #414141;
        border-color: #414141;
    }

.navbar-nav > .nav-item.activo {
    text-decoration: underline;
}

.navbar {
    background-color: #473338;
    border-color: #707070;
    border:0;
    color: #FFF;
    font-size: 1.05em;
    font-weight: bold;
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 99;
}

.navbar-header {
    background-color: #473338;
    color: #FFF;
    font-size: 1.05em;
    font-weight: bold;
}

.navbar .navbar-nav > .show > a,
.navbar .navbar-nav > .show > a:hover,
.navbar .navbar-nav > .show > a:focus {
    background-color: #7f7f7f;
}

.navbar .navbar-nav > a {
    color: #FFF;
}

.navbar-dark .navbar-nav .nav-link {
    color: white;
}


@media all and (min-width:768px) {
}

@media all and (max-width:767px) {
    .navbar .navbar-nav .show .dropdown-menu > a:hover, 
    .navbar .navbar-nav .show .dropdown-menu > a:focus {
        color: #fff;
        background-color: #7f7f7f;
    }
}