Index: organizaciones/templates/organizaciones.list.html
===================================================================
--- organizaciones/templates/organizaciones.list.html	(revision 7197b0ef1761636c3a31544ceca4d893dbeaa2d0)
+++ organizaciones/templates/organizaciones.list.html	(revision c6b917c4bf62aece96549b152a4b103473c2bf25)
@@ -1,98 +1,92 @@
 {% extends 'base.inicio.html' %}
 {% load staticfiles %}
-{% block titulo %}_-=SAPIC-Consultar Usuarios=-_{% endblock titulo %}
+{% block titulo %}Consultar Usuarios - SAPIC{% endblock titulo %}
 {% block extra_constantes %}
-<script type="text/javascript">
-var LISTAR_ORG = "{% url 'organizaciones:listar_orgs' %}"
-ruta = '{% url 'organizaciones:modal_org' request.user.pk %}';
-var user = "{{ request.user.pk }}"
-id_organizacion =  {{request.user.pk}};
-</script>
+    <script type="text/javascript">
+        var LISTAR_ORG = "{% url 'organizaciones:listar_orgs' %}";
+        ruta = '{% url 'organizaciones:modal_org' request.user.pk %}';
+        var user = "{{ request.user.pk }}";
+        id_organizacion = {{request.user.pk}};
+    </script>
 {% endblock extra_constantes %}
 {% block extracss %}
-<link rel="stylesheet" href="{% static 'DataTables/media/css/jquery.dataTables.min.css' %}">
-<link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
+    <link rel="stylesheet" href="{% static 'DataTables/media/css/jquery.dataTables.min.css' %}">
+    <link rel="stylesheet" href="{% static 'css/checked_img.css' %}">
 {% endblock extracss %}
 {% block extrajs %}
-<script src="{% static 'DataTables/media/js/jquery.dataTables.min.js' %}"></script>
-<script src="{% static 'organizaciones/org_listDataTable.js' %}" type="text/javascript"></script>
-<script src="{% static 'start/modals.js' %}"></script>
+    <script src="{% static 'DataTables/media/js/jquery.dataTables.min.js' %}"></script>
+    <script src="{% static 'organizaciones/org_listDataTable.js' %}" type="text/javascript"></script>
+    <script src="{% static 'start/modals.js' %}"></script>
 {% endblock extrajs %}
 {% block contenido %}
-<div class="contenido-sapic">
-  <div class="row">
-    <div class="col-xs-12">
-      <div class="panel-sapic">
+<section class="contenido-sapic">
+    <div class="container-fluid">
+        <div class="row">
 
-        <nav class="navbar navbar-default" role="navigation">
-          <!-- El logotipo y el icono que despliega el menÃº se agrupan
-          para mostrarlos mejor en los dispositivos mÃ³viles -->
-          <div class="navbar-header">
-            <button type="button" class="navbar-toggle" data-toggle="collapse"
-            data-target=".navbar-ex1-collapse">
-            <span class="sr-only">Desplegar navegaciÃ³n</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
+            <!-- MenÃº lateral de navegaciÃ³n - INICIO -->
+            <aside class="col-xs-12">
+                <div class="panel-sapic-nav">
+                    <ul class="nav nav-tabs">
+                        {% if 'Administradores' in request.session.grupos %}
+                        <li role="presentation"><a href="{% url 'organizaciones:registrar_organizacion' %}">Registrar organizaciÃ³n social</a></li>
+                        {% endif %}
+                        <li role="presentation" class="active"><a href="{% url 'organizaciones:listar_organizacion' %}">Consultar organizaciÃ³n social</a></li>
+                    </ul>
+                </div>
+            </aside>
+            <!-- MenÃº lateral de navegaciÃ³n - FINAL -->
+
+
+            <!-- Tabla de listado - INICIO -->
+            <div class="col-xs-12">
+                <div class="panel-sapic">
+                    <div class="content-header">
+                        <h2>
+                            Lista de Organizaciones
+                            <small>Muestra los datos de todas las Organizaciones Sociales Registradas</small>
+                        </h2>
+                    </div>
+                    <div class="content">
+                        <div class="box box-primary">
+                            <div class="box-header">
+                                <i class="fa fa-list"></i>
+                                <h3 class="box-title"> Lista de Organizaciones Sociales</h3>
+                            </div>
+                            <!--
+                            <div class="col-lg-3">
+                              <a href="{% url 'users:registrar'%}" class="glyphicon glyphicon-plus btn btn-block btn-primary"> Agregar Usuario</a>
+                            </div>
+                            -->
+                            <div class="box-body pad table-responsive listado-organizaciones">
+                                <form id="forma_activar" method="post">
+                                    {% csrf_token %}
+                                    <table id="datatable" class="diplay">
+                                        <thead>
+                                            <tr>
+                                                <th>Tipo</th>
+                                                <th>CÃ³digo</th>
+                                                <th>RIF</th>
+                                                <th>SITUR</th>
+                                                <th>Nombre</th>
+                                                <th>email</th>
+                                                <th>Fecha de ConformaciÃ³n</th>
+                                                <th>Sector</th>
+                                                <th>Activo/Inactivo</th>
+                                                <th>Localidad</th>
+                                                <th>Activar/Inactivar Organizacion</th>
+                                            </tr>
+                                        </thead>
+                                    </table>
+                                </form>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Tabla de listado - FINAL -->
+
+
         </div>
-        <!-- Agrupar los enlaces de navegaciÃ³n, los formularios y cualquier
-        otro elemento que se pueda ocultar al minimizar la barra -->
-        <div class="collapse navbar-collapse navbar-ex1-collapse">
-          <ul class="nav navbar-nav">
-            {% if 'Administradores' in request.session.grupos %}
-            <li data-section="" class=""><a style="color:black;" href="{% url 'organizaciones:registrar_organizacion' %}" class="on-nav-item">Registrar organizaciÃ³n social</a></li>
-            {% endif %}
-
-            <li class="active"><a style="color:black;" href="{% url 'organizaciones:listar_organizacion' %}" class="on-nav-item">Consultar organizaciÃ³n social</a></li>
-          </ul>
-        </div>
-      </nav>
-      <section class="content-header">
-        <h2>
-          Lista de Organizaciones
-          <small>Muestra los datos de todas las Organizaciones Sociales Registradas</small>
-        </h2>
-      </section>
-      <section class="content">
-        <div class="row">
-          <div class="col-md-12">
-            <div class="box box-primary">
-              <div class="box-header">
-                <i class="fa fa-list"></i>
-                <h3 class="box-title"> Lista de Organizaciones Sociales</h3>
-              </div>
-              <!--<div class="col-lg-3">
-              <a href="{% url 'users:registrar'%}" class="glyphicon glyphicon-plus btn btn-block btn-primary"> Agregar Usuario</a>
-            </div><br><br>-->
-            <div class="box-body pad table-responsive">
-              <form id="forma_activar" method="post">
-                {% csrf_token %}
-                <table id="datatable" class="diplay">
-                  <thead>
-                    <tr>
-                      <th>Tipo</th>
-                      <th>CÃ³digo</th>
-                      <th>RIF</th>
-                      <th>SITUR</th>
-                      <th>Nombre</th>
-                      <th>email</th>
-                      <th>Fecha de ConformaciÃ³n</th>
-                      <th>Sector</th>
-                      <th>Activo/Inactivo</th>
-                      <th>Localidad</th>
-                      <th>Activar/Inactivar Organizacion</th>
-                    </tr>
-                  </thead>
-                </table>
-              </form>
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  </div>
-</div>
-</div>
-</div>
+    </div>
+</section>
 {% endblock contenido %}
