<div id="atajos" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">Atajos del Teclado</h4>
            </div>
            <div class="modal-body">
                <h3>
                    <img src="img/alt.png" width="50px"> + <strong>Q</strong> = Buscador por nombre o referencia</br>
                    <img src="img/alt.png" width="50px"> + <strong>W</strong> = Buscador por codigo de barras</br>
                    <img src="img/alt.png" width="50px"> + <strong>C</strong> = Cancelar Venta</br>
                    <img src="img/alt.png" width="50px"> + <strong>G</strong> = Colocar venta en Espera</br>
                    <img src="img/alt.png" width="50px"> + <strong>P</strong> = Apartar venta</br>
                    <img src="img/alt.png" width="50px"> + <strong>J</strong> = Completar Venta</br>
                    <img src="img/alt.png" width="50px"> + <strong>S</strong> = Confirmar Venta</br>
                    <img src="img/alt.png" width="50px"> + <strong>Z</strong> = Imprimir factura</br>
                    <img src="img/alt.png" width="50px"> + <strong>N</strong> = Nuevo Cliente</br>
                    <img src="img/alt.png" width="50px"> + <strong>B</strong> = Buscar Cliente</br>
                    <img src="img/alt.png" width="50px"> + <strong>A</strong> = Buscar de Articulos</br>
                </h3>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                </div>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>