/* 
    Created on : 12/12/2015, 01:55:22 PM
    Author     : LMZC, AAFR
*/

#contendor_g{
    display: flex;
    flex-wrap: wrap;
}


#contenedor_g_ruta{
    background-color: rgba(33,34,33,1.00);
    width: 100%;
    height: auto;
    /*    top: 46px;
        position:fixed;*/
    /*    z-index: 3;*/
}


#contenedor_g_menu{
    background-color: rgba(33,34,33,1.00);
    width: 100%;
    /*    height: 123px;*/
    /*    top: auto;
        position: fixed;
        z-index: 3;*/
}


.menu{
    width: 93%;
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-wrap: nowrap;   
    align-items: center;                
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: rgba(33,34,33,1.00);
}

.logo {
    min-width: 235px;
    margin-right: 3.5%;

}

.contenedor2{
    display: flex;
    flex-wrap: wrap;
/*    justify-content: space-between;*/
    align-items: center;
    margin-right: 3px;
}

#hamburguesa{
    /*    padding-top: 12px;*/
    margin-left: auto;
    /*    background-image: url('/img/iconos/hamburguesaam.svg');
        width: 35px;
        height: 30px;*/
}

#img_hamburguesa{

}

.titulo_modulo{
    font-family: "Century Gothic","Didact Gothic","Apple Gothic",AppleGothic, Verdana, Geneva, sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin-right: auto;
    margin-top: 5px;
    color: #ffcc66;
}

.botones_menu{
    font-family: "Century Gothic","Didact Gothic","Apple Gothic",AppleGothic, Verdana, Geneva, sans-serif;
    font-size: 15px;
    color: #fff;
    margin-top: 10px;
    margin-right: 10px;
}

.datos{
/*    margin-right: 3.5%;                */
}

.localizacion{
/*    margin-right: 3.5%;               */
}

.busqueda_avanzada{
/*    margin-left: 3.5%;
    margin-right: 3.5%;                */
}


/* Estilos para los selectores de la barra */
.select_barra {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.1rem solid #676764;
    box-shadow: none;
    height: 100%;            
    color: #fff;
    font-weight: bold;
    padding: 0.3rem 2rem 0.3rem 1rem;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjkgMTQiICAgaGVpZ2h0PSIxNHB4IiAgIGlkPSJMYXllcl8xIiAgIHZlcnNpb249IjEuMSIgICB2aWV3Qm94PSIwIDAgMjkgMTQiICAgd2lkdGg9IjI5cHgiICAgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjQ4LjQgcjk5MzkiICAgc29kaXBvZGk6ZG9jbmFtZT0iY2FyZXQtZ3JheS5zdmciPjxtZXRhZGF0YSAgICAgaWQ9Im1ldGFkYXRhMzAzOSI+PHJkZjpSREY+PGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+PGRjOmZvcm1hdD5pbWFnZS9zdmcreG1sPC9kYzpmb3JtYXQ+PGRjOnR5cGUgICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+PC9jYzpXb3JrPjwvcmRmOlJERj48L21ldGFkYXRhPjxkZWZzICAgICBpZD0iZGVmczMwMzciIC8+PHNvZGlwb2RpOm5hbWVkdmlldyAgICAgcGFnZWNvbG9yPSIjZmZmZmZmIiAgICAgYm9yZGVyY29sb3I9IiM2NjY2NjYiICAgICBib3JkZXJvcGFjaXR5PSIxIiAgICAgb2JqZWN0dG9sZXJhbmNlPSIxMCIgICAgIGdyaWR0b2xlcmFuY2U9IjEwIiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIiAgICAgaW5rc2NhcGU6cGFnZW9wYWNpdHk9IjAiICAgICBpbmtzY2FwZTpwYWdlc2hhZG93PSIyIiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSI5MDMiICAgICBpbmtzY2FwZTp3aW5kb3ctaGVpZ2h0PSI1OTQiICAgICBpZD0ibmFtZWR2aWV3MzAzNSIgICAgIHNob3dncmlkPSJ0cnVlIiAgICAgaW5rc2NhcGU6em9vbT0iMTIuMTM3OTMxIiAgICAgaW5rc2NhcGU6Y3g9Ii00LjExOTMxODJlLTA4IiAgICAgaW5rc2NhcGU6Y3k9IjciICAgICBpbmtzY2FwZTp3aW5kb3cteD0iNTAyIiAgICAgaW5rc2NhcGU6d2luZG93LXk9IjMwMiIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJMYXllcl8xIj48aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkMzA0MSIgLz48L3NvZGlwb2RpOm5hbWVkdmlldz48cG9seWdvbiAgICAgcG9pbnRzPSIwLjE1LDAgMTQuNSwxNC4zNSAyOC44NSwwICIgICAgIGlkPSJwb2x5Z29uMzAzMyIgICAgIHRyYW5zZm9ybT0ibWF0cml4KDAuMzU0MTEzODcsMCwwLDAuNDgzMjkxMSw5LjMyNDE1NDUsMy42MjQ5OTkyKSIgICAgIHN0eWxlPSJmaWxsOiNkMWQxZDE7ZmlsbC1vcGFjaXR5OjEiIC8+PC9zdmc+) #676764 center right no-repeat;
}

.select_barra:focus {
    border: 0.1rem solid #ffcc66;
    outline: 0;
}

.sel_edo{
/*    margin-right: 3.5%;*/
}

.sel_mun{
    
}




@media screen and (min-width: 1221px){
    .logo{
        order: 1;
    }

    .contenedor2{
        order: 2;
        width: auto;
        flex: 2;
    }

    #hamburguesa{
        order: 3;                   
    } 

    .botones_menu{                   
        margin-top: 4px;
    }

    .titulo_modulo{
        margin-top: 0px;
    }
}

@media screen and (max-width: 1220px){
    .logo{
        order: 1;
    }

    .contenedor2{
        order: 2;
        width: auto;                    
        justify-content: flex-start;
    }

    #hamburguesa{
        order: 3;

    } 

    .botones_menu{                   
        margin-top: 10px;
    }	
    .titulo_modulo{
        width: 100%;
    }


    .busqueda_avanzada{
        margin-left: 2px;
    }

    #contenedor_g_menu{
        /*        height: 129px;*/
    }
}


@media screen and (max-width: 860px){
    .titulo_modulo{
        font-size: 15px;
    }

    .botones_menu{
        font-size: 12px;
    }
}

@media screen and (max-width: 770px){

    #img_hamburguesa{
        width: 25px;
    }

}

/* Regla que se agrega para hacer que el header se desplace en pantallas muy pequeñas */
@media screen and (max-width: 650px){

    #contenedor_g_menu{
        position: relative;
        top: 0px;
        height: auto;
        z-index:auto;
    }

    #seccion{
        margin-top: 0px;	
    }

}




@media screen and (max-width: 639px){
    /*    #seccion{
            margin-top: 156px;	
        }*/

    .menu{
        flex-wrap: wrap;
    }

    .logo{
        order: 1;
        margin-right: auto;    

    }

    .contenedor2{
        order: 3;
        width: 100%;                    
        justify-content: flex-start; 
        /*        display:none;*/
    }

    #hamburguesa{
        order: 2;                          
    } 

    .titulo_modulo{
        margin-top: 12px;
        font-size: 15px;
        width: 100%;
        display: none;
    }

    .botones_menu{                   
        font-size: 12px;
        margin-top: 16px;
    }

    #contenedor_g_menu{
        height: auto;
    }

}