diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 6bd46e4d6..f4d73aba2 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -59,26 +59,8 @@ body.admin {
     width: 100% !important;
   }
 
-  .dashboard {
-
-    ul, ol {
-      margin-left: rem-calc(12);
-
-      li {
-        font-size: rem-calc(15);
-        line-height: rem-calc(30);
-        margin-bottom: rem-calc(12);
-      }
-    }
-
-    p {
-      font-size: rem-calc(15);
-      line-height: rem-calc(30);
-    }
-
-    h3 {
-      font-weight: bold;
-    }
+  .accordion-title {
+    font-size: $base-font-size;
   }
 
   .button.secondary {
diff --git a/app/views/admin/dashboard/index.html.erb b/app/views/admin/dashboard/index.html.erb
index fc1671737..0b4fad794 100644
--- a/app/views/admin/dashboard/index.html.erb
+++ b/app/views/admin/dashboard/index.html.erb
@@ -1,54 +1,91 @@
-<div class="dashboard">
+<%= link_to t("admin.dashboard.index.back") + " " + Setting['org_name'], root_path, class: "button float-right" %>
 
-  <%= link_to t("admin.dashboard.index.back") + " " + Setting['org_name'], root_path, class: "button float-right" %>
+<h2 class="inline-block"><%= t("admin.dashboard.index.title") %></h2>
 
-  <h2 class="inline-block"><%= t("admin.dashboard.index.title") %></h2>
+<p>Desde aquí puedes administrar el sistema, a través de las siguientes acciones:</p>
 
-  <p>Desde aquí puedes administrar el sistema, a través de las siguientes acciones:</p>
+<div class="small-12 medium-9">
+  <ul class="accordion" data-accordion data-multi-expand="true" data-allow-all-closed="true">
 
-  <h3>Temas de debate</h3>
-  <p>Los temas (también llamadas tags, o etiquetas) de debate son palabras que definen los usuarios al crear debates, para catalogarlos (ej: sanidad, movilidad, arganzuela, ...). Aquí se pueden eliminar temas inapropiados, o <strong>marcarlos para ser propuestos al crear debates</strong> (cada usuario puede definir los que quiera, pero se le sugieren algunos que nos parecen útiles como catalogación por defecto; aquí se puede cambiar cuáles se sugieren)</p>
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Temas de debate</a>
+      <div class="accordion-content" data-tab-content>
+        <p>Los temas (también llamadas tags, o etiquetas) de debate son palabras que definen los usuarios al crear debates, para catalogarlos (ej: sanidad, movilidad, arganzuela, ...). Aquí se pueden eliminar temas inapropiados, o <strong>marcarlos para ser propuestos al crear debates</strong> (cada usuario puede definir los que quiera, pero se le sugieren algunos que nos parecen útiles como catalogación por defecto; aquí se puede cambiar cuáles se sugieren)</p>
+      </div>
+    </li>
 
-  <h3>Propuestas/Debates/Comentarios ocultos</h3>
-  <p>Cuando un moderador o un administrador oculta una Propuesta/Debate/Comentario aparecerá en esta lista. De esta forma los administradores pueden revisar que se ha ocultado el elemento adecuado.</p>
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Propuestas/Debates/Comentarios ocultos</a>
+      <div class="accordion-content" data-tab-content>
+        <p>Cuando un moderador o un administrador oculta una Propuesta/Debate/Comentario aparecerá en esta lista. De esta forma los administradores pueden revisar que se ha ocultado el elemento adecuado.</p>
 
-  <ul>
-    <li>Al pulsar <strong>Confirmar</strong> se acepta el que se haya ocultado, se considera que se ha hecho correctamente.</li>
-    <li>Al pulsar <strong>Volver a mostrar</strong> se revierte la acción de ocultar y vuelve a ser una Propuesta/Debate/Comentario visible, en el caso de que se considere
-  que ha sido una acción errónea el haberlo ocultado.</li>
+        <ul>
+          <li>Al pulsar <strong>Confirmar</strong> se acepta el que se haya ocultado, se considera que se ha hecho correctamente.</li>
+          <li>Al pulsar <strong>Volver a mostrar</strong> se revierte la acción de ocultar y vuelve a ser una Propuesta/Debate/Comentario visible, en el caso de que se considere
+        que ha sido una acción errónea el haberlo ocultado.</li>
+        </ul>
+
+        <p>Para facilitar la gestión, arriba encontramos un <strong>filtro</strong> con las secciones: "pendientes" (los elementos sobre los que todavía no se ha pulsado "confirmar" o "volver a mostrar", que deberían ser revisados todavía), "confirmados" y "todos".</p>
+
+        <p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Usuarios bloqueados</a>
+      <div class="accordion-content" data-tab-content>
+        <p>Cuando un moderador o un administrador bloquea a un usuario aparecerá en esta lista. Al <strong>bloquear a un usuario, éste deja de poder utilizarlo para ninguna acción de la web</strong>. Los administradores pueden desbloquearlos pulsando el botón al lado del nombre del usuario en la lista.</p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Organizaciones</a>
+      <div class="accordion-content" data-tab-content>
+        <p>En la web hay dos tipos de usuarios: individuales y organizaciones. Cualquier persona puede crear usuarios de un tipo o de otro en la propia web. Los usuarios de organizaciones pueden ser verificados por parte de los administradores, confirmando que quien gestiona el usuario efectivamente representa a esa organización. Una vez se haya realizado el proceso de verificación, por el proceso externo a la web que se haya definido para ello, se pulsa el botón <strong>"Verificar"</strong> para confimarlo; lo que hará que al lado del nombre de la organización aparezca una etiqueta señalando que es una organización verificada.</p>
+
+        <p>En caso de que el proceso de verificación haya sido negativo, se pulsa el botón <strong>"Rechazar"</strong>. Para editar alguno de los datos de la organización, se pulsa el botón <strong>"Editar"</strong>.</p>
+
+        <p>En caso de que el proceso de verificación haya sido negativo, se pulsa el botón <strong>"Rechazar"</strong>. Para editar alguno de los datos de la organización, se pulsa el botón <strong>"Editar"</strong>.</p>
+
+        <p>Las organizaciones que no aparecen en la lista pueden ser encontradas para actuar sobre ellas por medio del buscador en la parte superior. Para facilitar la gestión, arriba
+        encontramos un <strong>filtro</strong> con las secciones: "pendientes" (las organizaciones que todavía no han sido verificadas o rechazadas), "verificadas", "rechazadas" y "todas".</p>
+        <p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Cargos Públicos</a>
+      <div class="accordion-content" data-tab-content>
+        <p>En la web, los usuarios individuales pueden ser usuarios normales, o cargos públicos. Estos últimos se diferencian de los primeros únicamente en que al lado de sus nombres aparece una <strong>etiqueta que les identifica</strong>, y cambia ligeramente el estilo de sus comentarios. Esto permite que los usuarios les identifiquen más fácilmente. Al lado de cada usuario vemos la identificación que aparece en su etiqueta, y <strong>su nivel</strong> (la manera que internamente usa la web para diferenciar entre un tipo de cargos y otros). Pulsando el botón <strong>"Editar"</strong> al lado del usuario, se puede modificar su información. Los cargos públicos que no aparecen en la lista pueden ser encontrados para actuar sobre ellos por medio del buscador en la parte superior.</p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Moderadores</a>
+      <div class="accordion-content" data-tab-content>
+        <p>Mediante el buscador de la parte superior se pueden buscar usuarios, para activarlos o desactivarlos como moderadores de la web. Los moderadores al acceder a la web con su usuario ven en la parte superior una nueva sección llamada <strong>"Moderar"</strong></p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Actividad de moderadores</a>
+      <div class="accordion-content" data-tab-content>
+        <p>En esta sección se va guardando <strong>todas las acciones que realizan los moderadores o los administradores respecto a la moderación</strong>: ocultar/mostrar Propuestas/Debates/Comentarios y bloquear usuarios. En la columna <strong>"Acción"</strong> comprobamos si la acción corresponde con ocultar o con volver a mostrar (restaurar) elementos o con bloquear usuarios. En las demás columnas tenemos el tipo de elemento, el contenido del elemento y el moderador o administrador que ha realizado la acción. Esta sección permite que los administradores detecten comportamientos irregulares por parte de moderadores específicos y que por lo tanto puedan corregirlos.</p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Configuración Global</a>
+      <div class="accordion-content" data-tab-content>
+        <p>Opciones generales de configuración del sistema.</p>
+      </div>
+    </li>
+
+    <li class="accordion-item" data-accordion-item>
+      <a href="#" class="accordion-title">Estadísticas</a>
+      <div class="accordion-content" data-tab-content>
+        <p>Estadísticas generales del sistema.</p>
+      </div>
+    </li>
   </ul>
-
-  <p>Para facilitar la gestión, arriba encontramos un <strong>filtro</strong> con las secciones: "pendientes" (los elementos sobre los que todavía no se ha pulsado "confirmar" o "volver a mostrar", que deberían ser revisados todavía), "confirmados" y "todos".</p>
-
-  <p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
-
-  <h3>Usuarios bloqueados</h3>
-  <p>Cuando un moderador o un administrador bloquea a un usuario aparecerá en esta lista. Al <strong>bloquear a un usuario, éste deja de poder utilizarlo para ninguna acción de la web</strong>. Los administradores pueden desbloquearlos pulsando el botón al lado del nombre del usuario en la lista.</p>
-
-  <h3>Organizaciones</h3>
-  <p>En la web hay dos tipos de usuarios: individuales y organizaciones. Cualquier persona puede crear usuarios de un tipo o de otro en la propia web. Los usuarios de organizaciones pueden ser verificados por parte de los administradores, confirmando que quien gestiona el usuario efectivamente representa a esa organización. Una vez se haya realizado el proceso de verificación, por el proceso externo a la web que se haya definido para ello, se pulsa el botón <strong>"Verificar"</strong> para confimarlo; lo que hará que al lado del nombre de la organización aparezca una etiqueta señalando que es una organización verificada.</p>
-
-  <p>En caso de que el proceso de verificación haya sido negativo, se pulsa el botón <strong>"Rechazar"</strong>. Para editar alguno de los datos de la organización, se pulsa el botón <strong>"Editar"</strong>.</p>
-
-  <p>Las organizaciones que no aparecen en la lista pueden ser encontradas para actuar sobre ellas por medio del buscador en la parte superior. Para facilitar la gestión, arriba
-  encontramos un <strong>filtro</strong> con las secciones: "pendientes" (las organizaciones que todavía no han sido verificadas o rechazadas), "verificadas", "rechazadas" y "todas".</p>
-  <p><em>Es recomendable revisar regularmente la sección "pendientes".</em></p>
-
-  <h3>Cargos Públicos</h3>
-  <p>En la web, los usuarios individuales pueden ser usuarios normales, o cargos públicos. Estos últimos se diferencian de los primeros únicamente en que al lado de sus nombres aparece una <strong>etiqueta que les identifica</strong>, y cambia ligeramente el estilo de sus comentarios. Esto permite que los usuarios les identifiquen más fácilmente. Al lado de cada usuario vemos la identificación que aparece en su etiqueta, y <strong>su nivel</strong> (la manera que internamente usa la web para diferenciar entre un tipo de cargos y otros). Pulsando el botón <strong>"Editar"</strong> al lado del usuario, se puede modificar su información. Los cargos públicos que no aparecen en la lista pueden ser encontrados para actuar sobre ellos por medio del buscador en la parte superior.</p>
-
-  <h3>Moderadores</h3>
-
-  <p>Mediante el buscador de la parte superior se pueden buscar usuarios, para activarlos o desactivarlos como moderadores de la web. Los moderadores al acceder a la web con su usuario ven en la parte
-  superior una nueva sección llamada <strong>"Moderar"</strong></p>
-
-  <h3>Actividad de moderadores</h3>
-
-  <p>En esta sección se va guardando <strong>todas las acciones que realizan los moderadores o los administradores respecto a la moderación</strong>: ocultar/mostrar Propuestas/Debates/Comentarios y bloquear usuarios. En la columna <strong>"Acción"</strong> comprobamos si la acción corresponde con ocultar o con volver a mostrar (restaurar) elementos o con bloquear usuarios. En las demás columnas tenemos el tipo de elemento, el contenido del elemento y el moderador o administrador que ha realizado la acción. Esta sección permite que los administradores detecten comportamientos irregulares por parte de moderadores específicos y que por lo tanto puedan corregirlos.</p>
-
-  <h3>Configuración Global</h3>
-  <p>Opciones generales de configuración del sistema.</p>
-
-  <h3>Estadísticas</h3>
-  <p>Estadísticas generales del sistema.</p>
 </div>