/*NAV***************************************************************************************************************************/
.navbar {
    height:80px !important;
}

.navbar-toggle{
    margin-top: 20px;
}

/* menu bar : NAV * *********************************************************************************************************/
.navbar-brand,
.navbar-nav li a {
    line-height: 80px;
    height: 80px;
    padding-top: 0;
    text-align: center;
    font-size: 15px !important;
}

.navbar-collapse{
    background-color: #ffffff;
}

@media only screen and (max-width: 480px) {
    
        .navbar-nav li a {
        line-height: 70px;
        height: 70px;
        padding-top: 0;
        text-align: center;
        font-size: 16px !important;
    }
}

.navbar-nav li a{
    color: #007164 !important;
}


.navbar-brand img {
    margin-top: 5px;
}

#custom-bootstrap-menu.navbar-default .navbar-brand {
    color: #ffffff;
}

#custom-bootstrap-menu.navbar-default {
    font-size: 14px;
    background-color: #ffffff;
    border-width: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 10px 21px -8px rgba(0, 0, 0, 0.34);
    -moz-box-shadow: 0px 10px 21px -8px rgba(0, 0, 0, 0.34);
    box-shadow: 0px 10px 21px -8px rgba(0, 0, 0, 0.34);
}

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
    display: block;
    color: red;
    background-color: #ffffff;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/*trinagulito abajo*/

#custom-bootstrap-menu.navbar-default .navbar-nav li a:hover:after {
    content: '';
    position: absolute;
    left: 46%;
    top: 80px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #ffffff;
    clear: both;
}


/*over*/

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
    background-color: #005967;
    color: #ffffff !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}


/*over del titulo superior*/

#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover div,
#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus div {
    color: #ffffff !important;
}

#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
#custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
    background-color: #005967;
    color: #ffffff !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle {
    border-color: #005967;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
    background-color: #005967;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #ffffff !important;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #005967;
}

#custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
#custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #59595b;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    color: #ffffff !important;
}


/******* clases cuando se queda seleccionada la opcion ***********/

#custom-bootstrap-menu.navbar-default .navbar-nav>.activo>a {
     background-color: rgb(59, 59, 59);
    color: #ffffff !important;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    
    pointer-events: none;
   cursor: default;
}
#custom-bootstrap-menu.navbar-default .navbar-nav>.activo>a:after {
    content: '';
    position: absolute;
    left: 46%;
    top: 80px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #005967;
    clear: both;
}