﻿.navbar{
    background-color: #2F313D;
    color: #999;
    margin-bottom: 0px;
}
    .navbar-nav{
        margin: 0px;
        border: 0px;
    }
    .navbar-brand, 
    .navbar-nav>li>a{
        text-shadow: none;
    }
    
    .navbar-nav > li > a,
    .navbar-nav > li > a:focus{
        border-bottom: 3px solid #2F313D;
        color: #ccc;
        background-color: transparent;
    }
    .navbar-nav > li >a:hover {
        border-bottom: 3px solid #FF6009;
        color: #FFF;
        background-color: transparent;
    }
    .navbar-nav>li.active>a,
    .navbar-nav>li.active>a:hover{
        border-bottom: 3px solid #2F313D;
        font-weight: bold;
    }
    
    .nav .open>a, 
    .nav .open>a:focus, 
    .nav .open>a:hover {
        border-bottom: 3px solid #FF6009;
        color: #FFF;
        background-color: #2F313D;

    }
    .dropdown-menu{
        background-color: #2F313D;
    }
    .dropdown-menu>li>a{
        color: #ccc;
    } 
    .dropdown-menu>li>a:focus, 
    .dropdown-menu>li>a:hover{
        background-image: none;
        background-color: #2F313D;
        color: #FFF;
        padding-left:25px;
    }
    .navbar-toggle{

    }
    .icon-bar{
        background-color:#CCC;
    }
    
/* Perfil Usuario */
.user-photo {
    width: 25px;
    height: 25px;
    padding: 0px;
    margin:0px;
    border: 1px solid #fff;
    display: inline-block;
}
.navbar-nav > li.user > a {
    padding-bottom:10px;
}

/* Small devices (tablets, 768px and up) */
@media screen and (max-width: 768px) {
    .navbar-nav > li > a,
    .navbar-nav > li > a:focus,
    .navbar-nav > li >a:hover {
        border-bottom: 0px solid #2F313D;
    }
    .user{
        border-top: 1px solid #CCC;
    }
    .navbar-toggle[aria-expanded="true"]{
        background: #FF6009;
    }
    .navbar-toggle[aria-expanded="true"]>.icon-bar{
        background-color:#FFF;
    }   
}