<script src="https://cdn.datatables.net/1.10.15/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.15/js/dataTables.bootstrap.min.js"></script>

    <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <!-- DataTables -->
    <link href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css" rel="stylesheet"> 

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.15/css/dataTables.bootstrap.min.css">

<style>
     .pagination{
        display:none;
    } .dataTables_info{
        display:none;
    }
</style>

<script type="text/javascript">
	
$(document).ready(function() {
    $('#example').DataTable( {
        "order": [[ 3, "desc" ]],
      language: {
        "decimal":        "",
    "emptyTable":     "No hay datos",
    "info":           "Mostrando _START_ a _END_ de _TOTAL_ registros",
    "infoEmpty":      "Mostrando 0 a 0 de 0 registros",
    "infoFiltered":   "(Filtro de _MAX_ total registros)",
    "infoPostFix":    "",
    "thousands":      ",",
    "lengthMenu":     "Mostrar _MENU_ registros",
    "loadingRecords": "Cargando...",
    "processing":     "Procesando...",
    "search":         "Buscar:",
    "zeroRecords":    "No se encontraron coincidencias",
    "paginate": {
        "first":      "Primero",
        "last":       "Ultimo",
        "next":       "Próximo",
        "previous":   "Anterior"
    },
    "aria": {
        "sortAscending":  ": Activar orden de columna ascendente",
        "sortDescending": ": Activar orden de columna desendente"
    }
      }
    } );
} );


</script>
   <div class="container "> <div class="row"> <div class="col-lg-12">
 
  <div style="margin-top:-50px; position: absolute; left: 15%;" class="container  ">
    <div class="row ">
    <h1 style="color:#015e56; font-size:60px;" class="page-header">Grupo Gerencia General</h1>
  </div>
    <div class="row ">
    <div class="col-md-12">
      <div class="col-md-10 col-md-offset-1 col-sm-12 ">
    <table id="example" class="table table-responsive display table-striped " width="100%" cellspacing="0">
        <thead style="background: #015e56;">
            <tr>
                <th>Titulo</th>
                <th>Fecha de Inicio</th>
                <th style="display: none;"></th>
                <th style="display: none;" ></th>
                <th style="display: none;"></th>
                <th style="display: none;"></th>
            </tr>
        </thead>
        <tfoot>
            <tr>
<th>Titulo</th>
<th>Fecha de Inicio</th>
                <th style="display: none;"></th>
                <th style="display: none;"></th>
                <th style="display: none;"></th>
                <th style="display: none;"></th>
                
            </tr>
        </tfoot>
        <tbody style="width: 100%;">
            <tr>
<td><a href="p006">GGG-2019 025 FICIDET - BONIFICACIONES POR LLAMADAS</a></td>
                <td>marzo 17 2019</td>
                <td style="display: none;"></td>
                <td style="display: none;"></td>
                <td style="display: none;"></td>
                <td style="display: none;" ></td>
            </tr>
           
        </tbody>
    </table>
      </div>
    </div>
  </div>
  </div>



          
        </div>
        
      </div>
    </div>
    <footer style="background:#015e56; position: absolute; top:98%; width: 100%; " id="sticky-footer" class="py-4  text-white-50">
    <div class="container text-center">
      <small>Copyright &copy; Coopserp</small>
    </div>
  </footer>