/* Efecto de X al abrir el menu resposivo */
.navbar-toggle .icon-bar {
    transition: all 0.2s;
}

.navbar-toggle .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggle .middle-bar {
    opacity: 0;
}

.navbar-toggle .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}

.navbar-toggle.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggle.collapsed .middle-bar {
    opacity: 1;
}

.navbar-toggle.collapsed .bottom-bar {
    transform: rotate(0);
}

/* Color hover para el menu del footer*/
.menu_color:hover
{
    color: #BD8C58 !important;
}

/* Boton para moviles */
.navbar-toggle
{
    padding: 0px;
    margin-top: 0px;
    margin-right: 20px;
}

/* Linea bajo cada opcion*/
.nav li:hover, .nav li.active
{
    /*border-bottom: #BD8C58 5px solid;*/
}

.nav li a:hover
{
    color: #BD8C58 !important;
}

/* padding de cada opcion del menu */
.nav > li > a {
    padding: 5px 9px;
}

/* Estilo de fuente en menu */
.navbar a
{
    font-family: myriad pro regular;
    font-size: 17px;
    color: #3C3C3B;
}

/* Color y tamaño del menu responsivo */
.navbar-toggle .icon-bar
{
    width: 40px;
    height: 3px;
    margin-top: 20px;
    background: #575755;
}

/* Si se ocupan las tres lineas con separacion */
.navbar-toggle .icon-bar+.icon-bar 
{
    margin-top: 8px;
}

/* Estilos de la barra de menu */
.navbar
{
    background: #ffffff;
    color: #3C3C3B;
    border: none;
}

/* Estilo de los submenus */
.dropdown-menu
{
    margin-left: -20px;
    margin-top: 7px !important;
    background: #124734;
    opacity: 0.95;
    border-bottom-left-radius: 35px;
    padding: 20px !important;
    z-index: 20000;
}

/* Estilo de fuente de los submenus */
.dropdown-menu>li>a, .dropdown-menu>li>a:focus, 
.dropdown-menu>li> a:hover, .navbar-toggle
{
    font-family: myriad pro light;
    font-size: 16px;
    color: #F2F2F2;
    border-bottom: none !important;
}

.pico
{
    background: #124734;
    opacity: 0.95;
}

.pico:after
{
    bottom: 100%;
    left: 115px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(18, 71, 52, 0);
    border-bottom-color: #124734;
    border-width: 15px;
    margin-left: -65px;
}

/* Estilo para las opciones del dropdown menu */
.nav>li>a:focus, .nav>li>a:hover, .nav .open>a, .nav .open>a:focus, 
.nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
{
    border-bottom: 3px solid transparent;
    background: none;
}

/* Quitar borde de opciones de los submenus */
.dropdown-menu>li
{
    border-bottom: none !important;
}

.navbar-brand, .navbar-nav>li>a
{
    text-shadow: none;
}

/*Logo de menu*/
.navbar-brand
{
    width: 140px;
    height: 60px !important;
    margin-top: 7px;
    margin-left: 15px;
    padding: 0px !important;
}

.navbar
{
    margin-bottom: 0px !important;
}

@media(min-width: 1335px)
{
    #idioma_xs
    {
        display: none;
    }
}

/* Menu para moviles */
@media(max-width: 1335px)
{
    .navbar-nav {
        margin: 0px 0px 0px 0px !important;
    }
    
    .navbar a
    {
        font-family: myriad pro regular !important;
        font-size: 20px !important;
        color: #F2F2F2 !important;
        text-align: center !important;
    }

    #navbar
    {
        margin-top: 15px;
        opacity: 0.95;
        background: #124734;
        opacity: 0.95;
    }
    
    #idioma
    {
        display: none;
    }
    
    ul
    {
        margin-left: 0px !important; 
        margin-top: 15px !important;
    }
    
    .pico:after
    {
        display: none !important;
    }
    
    .nav li:hover, .nav li.active
    {
        border-bottom: none;
    }
    
    .nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, 
    .nav .open>a:hover, .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover
    {
        border-bottom: none;
    }
    
    .dropdown-toggle
    {
        width: 70%;
        height: 50px;
        margin: 0 auto;
        border-bottom: 1px solid #CCD5D4 !important;
    }
}

@media(max-width: 1335px) 
{
    .navbar-nav .open .dropdown-menu
    {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
        
    .navbar-nav .open .dropdown-menu>li>a 
    {
        line-height: 20px;
    }
        
    .navbar-nav .open .dropdown-menu>li>a,
    .navbar-nav .open .dropdown-menu .dropdown-header
    {
        padding: 5px 15px 5px 25px;
    }

    .dropdown-menu>li>a
    {
        display: block;
        padding: 3px 20px;
        clear: both;
        font-weight: normal;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
    }

    .navbar-header
    {
        float: none;
    }

    .navbar-toggle
    {
        display: block;
    }

    .navbar-collapse
    {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-collapse.collapse
    {
        display: none!important;
    }

    .navbar-nav
    {
        float: none!important;
        margin: 7.5px 50px 7.5px -15px
    }

    .navbar-nav>li
    {
        float: none;
    }

    .navbar-nav>li>a
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .navbar-text
    {
        float: none;
        margin: 15px 0;
    }

    .navbar-collapse.collapse.in
    { 
        display: block!important;
    }

    .collapsing
    {
        overflow: hidden!important;
    }

    .dropdown-menu
    {
        margin-top: 15px !important;
        padding: 0px !important;
    }
}