/*°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
°°°                                                  Estilos para Menu                                                          °°°
°°°                                                                                                                             °°°
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°
°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°*/
        
        /*Estos estilos no afectan o se cambian en las distintas resoluciones*/
        .navbar-yonusa{

            width: 100%;
            background: rgba(0,0,0,.1);           
            
            /*background-color: rgba(0,0,0,.5);*/
            border: none !important;
            border-radius: 0px !important;
            margin-bottom: 0px !important;
            box-shadow: 0px 2px 15px #000;
            position: fixed;
            z-index: 10;

        }
        .navbar-yonusa_normal{
            background-image: url("../img/texturas/navbar_normal.png") !important;
        }

        .navbar-yonusa_transparente{
            background-image: url("../img/texturas/navbar_transparente.png") !important;
        }

        .navbar-logo-yonusa{
            width: 130px !important;
        }
        
        /** Colorea la pestaña seleccionada, en argumentos por que el estilo se aplica desde el css de cada pagina
        .active .navbar-opcion{
            color: #FFF !important;
            background-color: rgba(17, 65, 109, 0.66) !important;
        }**/

        .navbar-opcion{
            font-family: "Roboto", sans-serif !important;
            font-weight: 300;
            font-size: 1.2em !important;
        }

        
        /*Solo cuando la pantallas es mayor a min-width se mantiene el alto de la barra 
        de menu en 70px y el padding en 25 para centrar el <a>*/
        @media (min-width: 768px){

            .navbar-opcion{
                min-height: 70px !important;
                padding-top: 25px !important;
            }
            .navbrand-yonusa{
                padding-top: 15px !important;
            }
            .navbar-nav{
                float: right;
            }
            
        }

        /*Se disminuyen las dimenciones de fuentes y navbar-logo por que entre 
        767 y 992 no caben los elementos en la pantalla*/
        @media (max-width: 992px){ 
            .navbar-opcion {
                font-size: 1em !important;
            }
            .navbar-logo-yonusa{
                width: 100px !important;
            }
            .navbrand-yonusa{
                padding-top: 20px !important;
            }

        }


        /*Estilos solo para moviles y tabletas*/
        @media (max-width: 767px){
            .navbar-logo-yonusa{
                width: 80px !important;
            }
            .navbar-opcion {
                font-size: 1.2em !important;
            }
            .navbrand-yonusa{
                padding-top: 15px !important;
            }
        }