diff --git a/app/assets/images/icon_home_debates.png b/app/assets/images/icon_home_debates.png
new file mode 100644
index 000000000..bfdaafa36
Binary files /dev/null and b/app/assets/images/icon_home_debates.png differ
diff --git a/app/assets/images/icon_home_decides.png b/app/assets/images/icon_home_decides.png
new file mode 100644
index 000000000..89630d6c5
Binary files /dev/null and b/app/assets/images/icon_home_decides.png differ
diff --git a/app/assets/images/icon_home_propones.png b/app/assets/images/icon_home_propones.png
new file mode 100644
index 000000000..ffe3d376a
Binary files /dev/null and b/app/assets/images/icon_home_propones.png differ
diff --git a/app/assets/images/icon_home_sehace.png b/app/assets/images/icon_home_sehace.png
new file mode 100644
index 000000000..97ec84c79
Binary files /dev/null and b/app/assets/images/icon_home_sehace.png differ
diff --git a/app/assets/stylesheets/debates.scss b/app/assets/stylesheets/debates.scss
index a2acbea13..30330aac1 100644
--- a/app/assets/stylesheets/debates.scss
+++ b/app/assets/stylesheets/debates.scss
@@ -487,13 +487,16 @@
     font-weight: bold;
   }
 
-  h3 {
-    border-top: 2px solid $brand;
-    display: inline-block;
-    font-size: rem-calc(16);
-    margin: -1px 0 rem-calc(12);
-    padding-top: rem-calc(6);
-    text-transform: uppercase;
+  aside {
+
+    h3 {
+      border-top: 2px solid $brand;
+      display: inline-block;
+      font-size: rem-calc(16);
+      margin: -1px 0 rem-calc(12);
+      padding-top: rem-calc(6);
+      text-transform: uppercase;
+    }
   }
 
   .votes {
diff --git a/app/assets/stylesheets/participacion.scss b/app/assets/stylesheets/participacion.scss
index 5a7d4c6d7..cbd2c3f23 100644
--- a/app/assets/stylesheets/participacion.scss
+++ b/app/assets/stylesheets/participacion.scss
@@ -302,13 +302,21 @@ header {
     font-size: rem-calc(16);
     margin-top: 0;
 
-    &.see-more {
+    &.see-more-debates {
       width: 100%;
 
       @media (min-width: $small-breakpoint) {
         width: auto;
       }
     }
+
+    &.see-more-proposals {
+     @extend .see-more-debates;
+
+     @media (min-width: $small-breakpoint) {
+        margin-left: rem-calc(12);
+      }
+    }
   }
 
   .home-page {
@@ -329,7 +337,7 @@ header {
     @media (min-width: $small-breakpoint) {
       display: inline-block;
       margin-bottom: 0;
-      margin-left: rem-calc(24);
+      margin-left: rem-calc(12);
     }
 
     &:hover {
@@ -656,7 +664,7 @@ header {
     @media (min-width: $small-breakpoint) {
       line-height: $line-height*3;
       margin-left: rem-calc(12);
-      margin-right: rem-calc(72);
+      margin-right: rem-calc(36);
     }
 
     &:after {
@@ -772,7 +780,7 @@ footer {
   @extend .tags;
 
   h3 {
-    border-top: 1px solid $votes-border;
+    border-top: 2px solid $brand;
     display: inline-block;
     font-family: $font-family-sans-serif;
     font-size: rem-calc(16);
@@ -1403,6 +1411,7 @@ table {
 
       li {
         font-size: rem-calc(15);
+        line-height: rem-calc(30);
         margin-bottom: rem-calc(12);
       }
     }
diff --git a/app/assets/stylesheets/proposals.scss b/app/assets/stylesheets/proposals.scss
index 5e5187297..0da187b6d 100644
--- a/app/assets/stylesheets/proposals.scss
+++ b/app/assets/stylesheets/proposals.scss
@@ -75,6 +75,7 @@
   // }
 
   .total-supports {
+    color: $proposals;
     float: right;
     font-size: rem-calc(14);
 
@@ -342,7 +343,6 @@
     // }
 
     .total-supports {
-      color: $proposals;
       display: inline-block;
       line-height: $line-height;
       margin-left: rem-calc(24);
@@ -456,13 +456,16 @@
     font-weight: bold;
   }
 
-  h3 {
-    border-top: 2px solid $brand;
-    display: inline-block;
-    font-size: rem-calc(16);
-    margin: -1px 0 rem-calc(12);
-    padding-top: rem-calc(6);
-    text-transform: uppercase;
+  aside {
+
+    h3 {
+      border-top: 2px solid $brand;
+      display: inline-block;
+      font-size: rem-calc(16);
+      margin: -1px 0 rem-calc(12);
+      padding-top: rem-calc(6);
+      text-transform: uppercase;
+    }
   }
 
   .supports {
@@ -539,8 +542,8 @@
   }
 
   .icon-proposals {
-    color: $debates;
-    font-size: rem-calc(60);
+    color: $proposals;
+    font-size: rem-calc(50);
     line-height: $line-height;
     opacity: .5;
   }
@@ -563,7 +566,7 @@
       margin: rem-calc(12) 0;
 
       &:before {
-        color: $debates;
+        color: $proposals;
         content: "l ";
         font-family: "icons" !important;
       }
diff --git a/app/controllers/pages_controller.rb b/app/controllers/pages_controller.rb
index a00c266dc..d761ff4c7 100644
--- a/app/controllers/pages_controller.rb
+++ b/app/controllers/pages_controller.rb
@@ -34,6 +34,15 @@ class PagesController < ApplicationController
   def transparency
   end
 
+  def proposals_info
+  end
+
+  def participation_facts
+  end
+
+  def participation_world
+  end
+
   def blog
     redirect_to "http://diario.madrid.es/blog/category/gobiernoabierto/"
   end
diff --git a/app/helpers/proposals_helper.rb b/app/helpers/proposals_helper.rb
new file mode 100644
index 000000000..85edd6e07
--- /dev/null
+++ b/app/helpers/proposals_helper.rb
@@ -0,0 +1,11 @@
+module ProposalsHelper
+
+  def progress_bar_percentage(proposal)
+    case proposal.cached_votes_up
+      when 0 then 0
+      when 1..Proposal.votes_needed_for_success then (proposal.cached_votes_up.to_f * 100 / Proposal.votes_needed_for_success).floor
+      else 100
+    end
+  end
+
+end
\ No newline at end of file
diff --git a/app/models/proposal.rb b/app/models/proposal.rb
index dd08ce196..5b9ad5169 100644
--- a/app/models/proposal.rb
+++ b/app/models/proposal.rb
@@ -102,6 +102,10 @@ class Proposal < ActiveRecord::Base
     terms.present? ? where("title ILIKE ? OR description ILIKE ? OR question ILIKE ?", "%#{terms}%", "%#{terms}%", "%#{terms}%") : none
   end
 
+  def self.votes_needed_for_success
+    53726
+  end
+
   protected
 
     def sanitize_description
diff --git a/app/views/debates/index.html.erb b/app/views/debates/index.html.erb
index 256fe3755..38593a359 100644
--- a/app/views/debates/index.html.erb
+++ b/app/views/debates/index.html.erb
@@ -24,7 +24,7 @@
         </div>
 
         <% if @tag_filter || @search_terms %>
-          <div class="small-12 inline-block medium-5 margin-top inline-block debates-order">
+          <div class="small-12 medium-5 margin-top inline-block debates-order">
             <h6 class="inline-block">
               <%= t("debates.index.select_order") %>
             </h6>
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index e85fba66b..2a9716167 100644
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -31,9 +31,10 @@
 
   <div class="row-full subnavigation-container">
     <section class="subnavigation row">
-      <%#= link_to t("layouts.header.welcome"), root_path %>
-      <%#= link_to t("layouts.header.initiatives"), "#" %>
       <div class="small-12 medium-8 column">
+      <% if user_signed_in? %>
+        <%= link_to t("layouts.header.welcome"), root_path, class: ("active" if current_page? root_path) %>
+      <% end %>
       <%= link_to t("layouts.header.debates"), debates_path, class: ("active" if current_page?(controller: "/debates")) %>
       <%= link_to t("layouts.header.proposals"), proposals_path, class: ("active" if current_page?(controller: "/proposals")) %>
       <%= link_to t("layouts.header.more_information"), "/more_information", class: ("active" if current_page?("/more_information"))  %>
@@ -52,9 +53,9 @@
     <div class="row home-page">
       <div class="small-12 medium-7 column">
         <h1><%= t("layouts.header.open_city_title") %></h1>
-        <p><%= t("layouts.header.open_city_slogan") %></p>
-        <%= link_to t("layouts.header.see_all_debates"), debates_path, class: "button radius see-more" %>
-        <%= link_to t("layouts.header.see_all_proposals"), proposals_path, class: "button radius see-more" %>
+        <p><%= t("layouts.header.open_city_slogan_html") %></p>
+        <%= link_to t("layouts.header.see_all_debates"), debates_path, class: "button radius see-more-debates" %>
+        <%= link_to t("layouts.header.see_all_proposals"), proposals_path, class: "button radius see-more-proposals" %>
         <%= link_to t("layouts.header.more_information"), "/more_information", class: "more-info" %>
       </div>
 
diff --git a/app/views/pages/more_information.html.erb b/app/views/pages/more_information.html.erb
index c00e5f108..c43fdc8e9 100644
--- a/app/views/pages/more_information.html.erb
+++ b/app/views/pages/more_information.html.erb
@@ -21,7 +21,26 @@
             <span>Participación Ciudadana, Transparencia y Gobierno Abierto</span>
           </li>
         </a>
+        <a href="/proposals_info">
+          <li>
+            ¿Cómo funcionan las propuestas ciudadanas?
+            <span>Crea tus propias propuestas</span>
+          </li>
+        </a>
+        <a href="/participation_world">
+          <li>
+            Participación ciudadana directa en el mundo
+            <span>Sistemas de participación ciudadana que ya existen en el mundo</span>
+          </li>
+        </a>
+        <a href="/participation_facts">
+          <li>
+            Hechos sobre participación ciudadana y democracia directa
+          </li>
+        </a>
       </ul>
+
+      <p>Si tienes problemas con la web <a href="mailto:web.gobiernoabierto@madrid.es">contacta con el servicio técnico</a>.</p>
     </div>
   </div>
 </div>
diff --git a/app/views/pages/participation_facts.html.erb b/app/views/pages/participation_facts.html.erb
new file mode 100644
index 000000000..718505429
--- /dev/null
+++ b/app/views/pages/participation_facts.html.erb
@@ -0,0 +1,29 @@
+<div class="page row-full">
+  <div class="row">
+    <div class="text small-12 medium-10 column small-centered">
+      <h1>Hechos sobre participación ciudadana y democracia directa</h1>
+      <h2>La democracia directa produce gente más informada y con más cultura política.</h2>
+      <p>El poner en marcha mecanismos de participación reales hace que la gente se preocupe por las decisiones que tiene que tomar, y que por lo tanto se informe sobre ellas. Esto se observa sistemáticamente al comparar diferentes regiones de un mismo país con diferentes grados de democracia directa, o en procesos particulares como por ejemplo la votación del Tratado por una Constitución para Europa, comparando los países que lo votaron en referéndum y los que no.</p>
+      <p>En ocasiones se argumenta que no se deben crear mecanismos de decisión ciudadana, porque un posible bajo nivel cultural o de conocimiento político haría que se tomaran malas decisiones. Esto se ha argumentado tradicionalmente en contra del voto femenino, del voto inmigrante, del voto de la gente sin renta, etc. pero lo que se ha demostrado es que permitir a toda esa gente decidir ha sido precisamente lo que ha permitido que escaparan de su situación de desigualdad cultural y de derechos, o al menos que la mejoraran considerablemente.</p>
+      <p><em>M. Benz / A. Stutzer (2004), «Are voters better informed when they have a larger say in politics?», Public Choice 119, p. 31-59</em></p>
+
+      <h2>La democracia directa es más efectiva para tomar decisiones que la representativa. Por ejemplo genera menos deuda.</h2>
+      <p>Los proyectos disparatados y los gastos desmesurados suelen venir por parte de políticos electos en lugar de por procesos de participación ciudadana. Los estados de Estados Unidos con sistemas de iniciativas populares efectivos generan un 7% menos de deuda que los que no los tienen, y las regiones en Suiza con referéndum obligatorios para gastos públicos importantes gastan un 19% menos que los demás.</p>
+      <p><em>R.K. von Weizsäcker (1992), «Staatsverschuldung und Demokratie», Kyklos 45, p. 51-67</em></p>
+      <p><em>L.P. Feld / J.G. Matsusaka (2003), »Budget referendums and government spending: evidence from Swiss cantons», Journal of Public Economics 87, p. 2703-2724</em></p>
+      <p><em>J. G. Matsusaka (2004), «For the Many or the Few. The Initiative, Public Policy, and American Democracy» University of Chicago Press</em></p>
+
+      <h2>La democracia directa protege mejor los derechos humanos y los de las minorías que la representativa</h2>
+      <p>Estudios de todos los referéndum suizos durante treinta años muestran que los referéndum cuando tratan sobre aumentar los derechos de las minorías se aprueban aproximadamente un 25% más que los que tratan de temas generales. En concreto, el 80% de los referéndum de este tipo a nivel federal fueron aprobados.</p>
+      <p>Decisiones como eliminar el derecho a la vivienda de manera efectiva, el derecho de sanidad para las personas migrantes, o el iniciar guerras contra otros países, suelen darse a través de gobiernos representativos, y no en referéndum ciudadanos.</p>
+      <p><em>B.S. Frey / M. Goette (1998), «Does the popular vote destroy civil rights?», American Journal of Political Science 42, p. 1343-1348</em></p>
+
+      <h2>En cualquier caso, la democracia directa no sustituye ni amenaza a la democracia representativa, la complementa. Y soluciona algunos problemas que no consigue la otra.</h2>
+      <p>El año que más iniciativas ciudadanas se votaron en los diferentes estados con democracia directa de Estados Unidos, estas decisiones sólo representaron el 0,6% de todas las decisiones que tomaron los políticos en esos estados.</p>
+      <p>Las decisiones directas de la ciudadanía no sustituyen en ningún lugar del mundo el sistema político representativo, sólo lo amplían y mejoran. Tampoco pretenden ser la solución a todos los problemas, también se toman decisiones equivocadas a través de las decisiones ciudadanas, pero se reduce el número de las decisiones erróneas que se toman teniendo sólo un sistema representativo.</p>
+      <p><em>M.D. Waters (2002), «Initiative and referendum in the United States: a primer», Washington: Citizen Lawmaker Press</em></p>
+
+      <p><strong>Si los ciudadanos son capaces de elegir entre políticos que toman decisiones buenas o malas para el país, deben ser capaces de elegir directamente entre buenas y malas decisiones.</strong></p>
+    </div>
+  </div>
+</div>
diff --git a/app/views/pages/participation_world.html.erb b/app/views/pages/participation_world.html.erb
new file mode 100644
index 000000000..5c764a26d
--- /dev/null
+++ b/app/views/pages/participation_world.html.erb
@@ -0,0 +1,48 @@
+<div class="page row-full">
+  <div class="row">
+  <div class="menu small-12 medium-3 column">
+    <ul>
+        <li>
+          <a href="#i">La nueva ola global de participación ciudadana</a>
+        </li>
+        <li>
+          <a href="#ii">Participación ciudadana directa con experiencia</a>
+        </li>
+    </ul>
+  </div>
+    <div class="text small-12 medium-9 column">
+      <h1>Participación ciudadana directa en el mundo</h1>
+      <p>En el mundo existen sistemas de participación ciudadana muy similares al que vamos a implementar en Madrid, que llevan funcionando desde hace más de cien años y en países muy diferentes. La experiencia larga y variada de dichos sistemas demuestra que lo que ponemos en marcha en Madrid tendrá un impacto muy positivo en la sociedad, como ha tenido en esos otros países.</p>
+
+      <p>Además de los ejemplos clásicos, como Suiza, asistimos a un desarrollo muy fuerte de los sistemas de participación ciudadana en todo el mundo, en particular en los últimos años, gracias especialmente a las nuevas posibilidades que nos brinda Internet. Islandia, Finlandia, Brasil, Estados Unidos, son algunos de los países que más están apostando por una participación directa de la ciudadanía en la toma de decisiones.</p>
+
+      <h2 id="i">La nueva ola global de participación ciudadana</h2>
+
+      <p>Las nuevas formas de participación se están dirigiendo principalmente a que sean la ciudadanía quien decida qué caminos debe tomar la política de su país, a través de mecanismos de <strong>iniciativas ciudadanas</strong>. Finlandia es uno de los países donde se están desarrollando nuevas herramientas similares al nuevo portal de gobierno abierto de Madrid. Su plataforma <a href="http://openministry.info/" target="_blank">Open Ministry</a> permite a la población presentar y apoyar propuestas, y ha conseguido por ejemplo que se apruebe gracias a él la ley de matrimonio igualitario. Islandia también ha tenido una gran repercusión desde 2011, cuando lanzaron su plataforma Better Reykjavik, que ha permitido que el 58% de la población participe en el proceso de propuestas, seleccionando cada mes las 15 ideas más votadas.</p>
+
+      <p>Estonia es uno de los países que gracias a una apuesta clara por las nuevas tecnologías, ha podido situarse en cabeza de Europa en el nivel de uso por parte de la ciudadanía de Internet para  la interacción con el gobierno. No sólo los ciudadanos y ciudadanas resuelven diariamente todos sus trámites a través de Internet, sino que han puesto en marcha plataformas como Rahvakogu, donde después de los escándalos políticos de 2012, 50.000 personas (de un total de 1.3 millones) participaron proponiendo medidas para mejorar la situación democrática del país.</p>
+
+      <p>Otra de las principales experiencias que se están extendiendo rápidamente por todo el mundo son los <strong>presupuestos participativos</strong>. Estos consisten en mecanismos, generalmente acompañados de una plataforma en Internet, por los cuales el gobierno reserva parte de sus presupuestos de inversión (los que no están comprometidos ya en cuestiones como limpieza o servicios sociales), para que sea la ciudadanía quien decida en qué se gasta dicho dinero.</p>
+
+      <p>Islandia es uno de los países de referencia al respecto, a través de su plataforma Betri Reykjavík-Betri Hverfi (Better District). Cada año se gastan 1.8 millones de euros en alrededor de 200 proyectos propuestos por la población para los distintos barrios de Reykjavík. Las ciudadanas y ciudadanos pueden participar y seguir el proyecto a través de la plataforma digital <a href="http://www.betrireykjavik.is" target="_blank">betrireykjavik</a>, en <a href="http://www.facebook.com/Betri.Reykjavik" target="_blank">Facebook</a> o a través de centros en sus distritos o comités distritales.</p>
+
+      <p>Otras experiencias de referencia incluyen París, donde los residentes decidirán hasta el 2020 cómo se gastan 426 millones de euros (lo que corresponde al 5% del presupuesto municipal de París); Nueva York, donde el año pasado dedicaron <a href="http://council.nyc.gov/html/action/pb.shtml" target="_blank">32 millones de euros a presupuestos participativos</a>; más de 100 ciudades brasileñas donde se han manejado <a href="http://www.washingtonpost.com/blogs/monkey-cage/wp/2014/01/22/brazil-let-its-citizens-makedecisions-about-city-budgets-heres-what-happened" target="_blank">presupuestos participativos que han oscilado entre el 5% y el 15%</a>; entre muchas otras ciudades del mundo.</p>
+
+      <h2 id="ii">Participación ciudadana directa con experiencia</h2>
+
+      <p>En diferentes países del mundo existen sistemas de participación ciudadana directa que vienen funcionando desde hace mucho tiempo sin pasar por las nuevas tecnologías. Aunque estos sistemas no tengan la agilidad de las nuevas plataformas, los procesos que se dan en ellos son básicamente los mismos, y nos aseguran la calidad y los resultados de los mecanismos que se van a poner en marcha. Comentamos a continuación tres de los casos más importantes y resaltamos algunas cifras para entender de lo que hablamos:</p>
+
+      <h3>Suiza</h3>
+      <p>Desde 1848 se han votado unos 600 referéndum a nivel federal (<a href="https://www.admin.ch/ch/f/pore/va/vab_2_2_4_1_gesamt.html" target="_blank">compilación en francés</a>), y se celebran cada año en todo el país del orden de 200 referéndum a todos los niveles (municipal, cantonal y federal).</p>
+      <p>Aproximadamente una de cada dos leyes aprobadas en el Parlamento directamente, y luego consultada a la ciudadanía, fue anulada. Por otro lado, incluso aunque las iniciativas populares no tengan éxito, el gobierno acaba concediendo parte de las demandas propuestas, y se genera una atención nacional sobre el asunto tratado. Esto hace que aproximadamente la mitad de la gente que lanzó las iniciativas que no tuvieron éxito consideren que mereció la pena el esfuerzo y se obtuvo algo que no hubiera sido posible sin la iniciativa.</p>
+
+      <h3>Estados Unidos</h3>
+      <p>En este país no se cuenta con procesos de iniciativas ciudadanas a nivel federal, pero 27 de los 51 estados cuentan con algún tipo sistema de democracia directa (cambiando mucho la regulación y el alcance de un estado a otro). A nivel local, aproximadamente la mitad de las ciudades cuentan con un sistema de iniciativas ciudadanas vinculantes.</p>
+      <p>Entre 1904 y 2000 se convocaron casi 2.000 referéndum iniciados por la ciudadanía. En 1996 en los estados con mecanismos de iniciativas ciudadanas se convocaron 96 referéndum, frente a las más de 14.000 leyes y resoluciones aprobadas por los representantes de esos estados.</p>
+
+      <h3>Alemania</h3>
+      <p>No existe en Alemania ningún mecanismo de democracia directa a nivel nacional, pero sí a nivel regional y local. Estos sistemas se introdujeron en su mayoría en los años 90. En 1996 el número de iniciativas ciudadanas fue de 318, reduciéndose en años posteriores, una vez tratados tantos temas pendientes anteriores a la introducción de estos mecanismos, a una media de 100 por año.</p>
+
+    </div>
+  </div>
+</div>
diff --git a/app/views/pages/proposals_info.html.erb b/app/views/pages/proposals_info.html.erb
new file mode 100644
index 000000000..8c5e35177
--- /dev/null
+++ b/app/views/pages/proposals_info.html.erb
@@ -0,0 +1,103 @@
+<div class="page row-full">
+  <div class="row">
+  <div class="menu small-12 medium-3 column">
+    <ul>
+        <li>
+          <a href="#i">Explicación detallada del proceso</a>
+        </li>
+        <li>
+          <a href="#ii">Preguntas Frecuentes</a>
+        </li>
+        <li>
+          <a href="#iii">Hojas de firmas para recoger apoyos</a>
+        </li>
+    </ul>
+  </div>
+    <div class="text small-12 medium-9 column">
+      <h1>¿Cómo funcionan las propuestas ciudadanas?</h1>
+      <p>El mecanismo de propuestas ciudadanas se resume en cuatro pasos muy sencillos:</p>
+      <ol>
+        <li><strong>¡Propones!</strong> Creas una propuesta en esta web.</li>
+        <li><strong>¡Apoyas!</strong> La gente hace click en el botón de apoyar tu propuesta (necesitas el apoyo del 2% de los empadronados mayores de 16 años para pasar a la siguiente fase).</li>
+        <li><strong>¡Decides!</strong> Si has conseguido suficientes apoyos, dejamos 45 días para que la gente pueda debatir sobre la propuesta, y después durante una semana se invita a toda la gente de Madrid a decidir si están a favor o en contra de tu propuesta, en esta misma web.</li>
+        <li><strong>¡Se hace!</strong> Si hay más gente a favor de tu propuesta que en contra, el gobierno del Ayuntamiento de Madrid asumirá como propia la propuesta y la llevará a cabo.</li>
+      </ol>
+
+      <p>Además no hace falta ni que tengas Internet, todos los pasos se pueden hacer en cualquiera de las 26 Oficinas de Atención al Ciudadano que hay por todo Madrid.</p>
+
+      <h2 id="i">Explicación detallada del proceso</h2>
+
+      <ol>
+        <li><strong>Creación de una propuesta</strong>. Cualquier persona (sin necesidad siquiera de estar empadronada en Madrid) puede crear una propuesta. Lo único que hay que hacer es pulsar el botón “Crear una propuesta” y rellenar los campos requeridos. La propuesta puede ser tan sencilla como una simple frase, pero te recomendamos detallarla todo lo posible, incluso añadiendo material adicional, para que sea más completa e interesante. Una vez creada aparecerá en esta web para que cualquiera pueda apoyarla.</li>
+        <li><strong>Apoyo de propuestas</strong>. Para apoyar una de las propuestas que aparece en la web, pulsamos el botón “apoyar esta propuesta” que aparece en cada una. Para este paso tendremos que estar empadronados en Madrid, así que al llevarlo a cabo por primera vez se nos pedirá que verifiquemos nuestra cuenta para estar seguros de este requerimiento. Se nos va a pedir que introduzcamos algunos datos para comprobar nuestra información de empadronamiento, y se nos enviará un código personal para que el proceso sea seguro. Las propuestas necesitan una cierta cantidad de apoyos para pasar a la siguiente fase; concretamente el 2% de los empadronados mayores de 16 años (que suponen 53.726 apoyos).</li>
+        <li>Decisión sobre propuestas</strong>. Cuando una propuesta consigue los apoyos necesarios, se anuncia en la web. Desde ese momento se dejan 45 días para que todo el mundo pueda debatir e informarse sobre la propuesta. Todas las otras propuestas que hayan conseguido los apoyos necesarios en los primeros 30 días del tiempo de debate se agruparán junto a la primera para decidir sobre ellas al mismo tiempo. Pasados los 45 días se exponen estas propuestas en un espacio especial de votación de la web, donde durante una semana cualquier persona empadronada en Madrid y mayor de 16 años podrá decidir si está a favor o rechaza la propuesta. Para participar en este paso tendrás que tener tu cuenta de usuario verificada completamente, de tal forma que nos aseguremos que cada persona no tiene más de una cuenta y el proceso es seguro.</li>
+        <li>Realización de las propuestas</strong>. En caso de que haya más gente a favor de una propuesta que rechazándola se aceptará como propuesta colectiva de la ciudadanía de Madrid, y el gobierno del Ayuntamiento de Madrid la asumirá como propia y la llevará a cabo.  Para ello en un plazo máximo de un mes, se realizarán los informes técnicos correspondientes sobre su legalidad, viabilidad y coste económico,  teniendo en cuenta a los sectores afectados y a la persona que haya lanzado la propuesta, para detallar la actuación correspondiente por parte del Ayuntamiento. Se publicarán en la web todos los informes realizados, y un seguimiento de las actuaciones que se lleven a cabo, para asegurar un correcto desarrollo de la propuesta.</li>
+      </ol>
+
+      <p>Todas las acciones relacionadas con el proceso de propuestas ciudadanas pueden realizarse a través del portal de gobierno abierto, o presencialmente en cualquiera de las 26 Oficinas de Atención al Ciudadano existentes en Madrid. <a href="http://www.madrid.es/portales/munimadrid/es/Inicio/El-Ayuntamiento/Atencion-al-ciudadano/Oficinas-de-Atencion-al-Ciudadano?vgnextfmt=default&vgnextchannel=5b99cde2e09a4310VgnVCM1000000b205a0aRCRD" target="_blank">Ver la lista completa de oficinas y su ubicación</a>.</p>
+
+      <p>El proceso de recogida de apoyos de una propuesta puede realizarse también a través de hojas de firmas, cuyo modelo puede ser <a href="#">descargado en este enlace</a>. Los apoyos recogidos de esta manera se sumarán a los apoyos ya existentes en el portal de gobierno abierto. Las hojas pueden ser entregadas en cualquiera de los Registros del Ayuntamiento, presentes en cada una de las Juntas de Distrito. <a href="#" target="_blank">Ver la lista completa de Juntas de Distrito</a>.</p>
+
+
+      <h2 id="ii">Preguntas Frecuentes</h2>
+      <ol>
+      <li><strong>¿Cuáles son los requisitos que se solicitan para poder apoyar o votar propuestas?</strong><br>
+      Estar empadronado en Madrid y ser mayor de 16 años. En caso de que se haga a través de Internet se requerirá que se haya verificado la cuenta de usuario de la web (encontramos el botón de verificación en el apartado “Mi cuenta” en la esquina superior derecha), proporcionando la información del padrón, y un medio de comunicación para obtener un código seguro de participación que introduciremos en la web para validar nuestra cuenta.
+      </li>
+
+      <li><strong>¿Cómo va a controlarse que cada persona  vote una única vez por propuesta?</strong><br>
+      Las votaciones presenciales en las Oficinas de Atención al Ciudadano están controladas porque la persona  tiene que presentar su DNI. Para la votación a través de Internet se verifica que la cuenta de usuario corresponde a un único ciudadano/a. Para ello se le facilita un código personal seguro de verificación de la cuenta que se comunica a través de canales de comunicación privados, como son teléfonos móviles que constan en el Ayuntamiento que pertenecen a la persona adecuada, o por correo a través del buzón que figura en la dirección de empadronamiento. De esta forma nos aseguramos de que sólo esa persona ha recibido el código. En caso de que dichos medios de comunicación no estén disponibles se solicitará a la persona que acuda presencialmente a alguna de las Oficinas de Atención al Ciudadano, para obtener su código.
+      </li>
+
+      <li><strong>¿Se llevará a cabo cualquier propuesta que se acepte por mayoría en la web? ¿incluso aunque sean ilegales o atenten contra los derechos humanos? ¿y si no hay presupuesto para llevarla a cabo?</strong><br>
+      Se establecen una serie de criterios objetivos por los que una propuesta no podrá ser aceptada como, por ejemplo, que tenga fines delictivos o que atente contra derechos fundamentales y libertades públicas. Además se excluyen del proceso las propuestas sobre otras modalidades de participación tales como presupuestos participativos, procesos revocatorios, audiencia pública o iniciativas normativas populares.
+      <br>Este mecanismo de participación no cambia los límites ya existentes para el Ayuntamiento, lo que hace es trasladar quién toma la decisión de lo que haya que hacer,  incluyendo a toda la ciudadanía en el proceso de toma de decisiones.
+      <br>En el caso de las propuestas que quedan fuera de las competencias municipales el Ayuntamiento no podrá llevarlas a cabo, pero emprenderá actuaciones alternativas dentro de sus capacidades que intenten cumplir con la decisión de la propuesta. Lo mismo sucede con el presupuesto para llevar a cabo la propuesta; el ayuntamiento utilizará los recursos necesarios en cuanto sea posible, de la misma manera que se costean las decisiones adoptadas sin participación ciudadana.
+      <br>También puede ocurrir que la actuación requiera la aprobación del Pleno, por lo que el resultado dependerá del posicionamiento de todas las fuerzas políticas respecto a la actuación presentada.</li>
+
+      <li><strong>¿Qué diferencia existe entre los debates y las propuestas?</strong><br>
+      Aunque ambos pueden ser apoyados, los primeros no activan ningún mecanismo de actuación concreto, mientras que las segundas pasan a una fase de decisión colectiva y en caso de que sean aprobadas, son asumidas por el Ayuntamiento.</li>
+
+      <li><strong>¿Vota toda la gente de Madrid en cada propuesta? ¿incluso aunque haga referencia a un único distrito?</strong><br>
+      Sí. El mecanismo actual se desarrolla a nivel de toda la ciudad. Lo que no entra en colisión con que a nivel distrital se puedan desarrollar mecanismos de participación ciudadana que afecten únicamente a cada distrito.</li>
+
+      <li><strong>¿Y si se presentan varias propuestas iguales? ¿Se plantea la posibilidad de unificarlas para evitar que se diversifiquen los apoyos y/o votos?</strong><br>
+      Propuestas similares pueden ser marcadas como tales en la plataforma, lo que se señala al visualizar cada una de ellas. Más allá de eso no se unifican, dejando que sea la gente la que decida si apoyar a una o a otra.</li>
+
+      <li><strong>¿Durante cuanto tiempo se pueden recoger apoyos?</strong><br>
+      Las propuestas pueden recoger apoyos durante 12 meses. Si en ese tiempo no consiguen alcanzar el 2% de los apoyos necesarios dejan de poder recibir más apoyos.</li>
+
+      <li><strong>¿Durante cuanto tiempo se votará cada propuesta?</strong><br>
+      Una vez que las propuestas reciben el apoyo del 2% pasan a la fase de decisión final donde la gente puede votar aceptando o rechazando la propuesta durante un plazo de una semana.</li>
+
+      <li><strong>¿Pueden participar asociaciones, fundaciones y ONG´s? ¿Y empresas?</strong><br>
+      Las propuestas tienen que ser presentadas individualmente, sin problema de que la persona que la presenta represente a una organización de cualquier tipo. Al registrar una propuesta en la web existe la posibilidad de señalar este caso como registro de asociaciones/colectivos.</li>
+
+      <li><strong>¿Cuánta gente tiene que votar una propuesta para que sea aprobada? ¿Qué quórum mínimo se necesita para que las votaciones sean vinculantes?</strong><br>
+      El quórum es el mínimo de participación necesaria para considerar una votación vinculante de manera legal. Ningún reglamento del Ayuntamiento puede hacer que este mecanismo sea vinculante juridicamente, porque eso está en contra de la legislación española. La vinculación con el mecanismo es política y se asume de manera personal por los concejales y la Alcaldesa. Por ello no se considerará ningún quórum.</li>
+
+      <li><strong>¿Existen mecanismos presenciales para participar? ¿Se ha planteado llegar a los ciudadanos y ciudadanas con dificultades de acceso a Internet o en situación de exclusión?</strong><br>
+      Todas las acciones relacionadas con el proceso de propuestas ciudadanas pueden realizarse presencialmente en cualquiera de las <a href="http://www.madrid.es/portales/munimadrid/es/Inicio/El-Ayuntamiento/Atencion-al-ciudadano/Oficinas-de-Atencion-al-Ciudadano?vgnextfmt=default&vgnextchannel=5b99cde2e09a4310VgnVCM1000000b205a0aRCRD" target="_blank">26 Oficinas de Atención al Ciudadano</a> repartidas por todos los distritos de Madrid. Además, el proceso de recogida de apoyos de una propuesta puede realizarse también a través de hojas de firmas, cuyo modelo puede ser <a href="#">descargado en este enlace</a>.
+      <br>Adicionalmente se ha creado en el Área de Gobierno de Participación Ciudadana, Transparencia y Gobierno Abierto el Servicio de Inclusión, Neutralidad y Privacidad que pondrá en marcha una mesa de inclusión con personal del Ayuntamiento y asociaciones que trabajan con colectivos en situación de exclusión, para diseñar mecanismos especiales para que puedan participar dichos colectivos.</li>
+
+      <li><strong>¿Cómo puede participar la gente que no esté empadronada en Madrid?</strong><br>
+      Presentando propuestas, participando en los debates, y difundiendo lo que ocurra en la plataforma.</li>
+
+      <li><strong>¿El voto es secreto? ¿el Ayuntamiento podrá tener acceso a los votos de los ciudadanos?</strong><br>
+      El voto es totalmente secreto. Se encripta de manera conjunta con diferentes autoridades externas al Ayuntamiento, de tal manera que para poder conocer la identidad de un votante todas las autoridades tendrían que realizar fraude conjuntamente.</li>
+
+      <li><strong>¿Al ser electrónico el voto no se aumenta el riesgo de fraude?</strong>
+      No, incluso lo reducimos. Hay una sensación subjetiva muy fuerte de diferencia de seguridad entre procesos en papel y procesos electrónicos que no se corresponde con la realidad. En las elecciones generales donde el voto es en papel, después de que las mesas hayan hecho el recuento, las papeletas de los votos se tiran a la basura, y la persona responsable se dirige en persona con el recuento en la mano al centro donde se comparten los datos. Y sin embargo pensemos por ejemplo en el sistema de tarjetas de crédito y cuentas bancarias, donde cada día confiamos la seguridad de nuestro dinero a un sistema electrónico. En el caso del Ayuntamiento, la votación está asegurada mediante diferentes entidades externas, y además cualquier votante puede tanto comprobar que su voto particular está en el recuento final, como realizar el recuento completo de todos los votos por su cuenta. Dos garantías de seguridad completamente imposibles en un votación tradicional.</li>
+
+      <li><strong>¿Cómo se sabe que una propuesta se ha cumplido?</strong><br>
+      Cuando se aprueba una propuesta, el Ayuntamiento publica en la página web cuáles son los pasos que se van a realizar para ponerla en práctica, incluyendo los informes que las correspondientes áreas redacten y las acciones que se emprenden. La información es completa y transparente para que puedas hacer un seguimiento de cómo evoluciona cada propuesta ciudadana.</li>
+
+      <h2 id="iii">Hojas de firmas para recoger apoyos</h2>
+
+      <p>El proceso de recogida de apoyos de una propuesta, además de en la web, puede realizarse a través de hojas de firmas, cuyo modelo puede ser <a href="#">descargado en este enlace</a>.</p>
+      <p>La hoja debe contener en las casillas superiores el código de la propuesta y su título, según figura en la página web específica de la propuesta, dentro del Portal de Gobierno Abierto.</p>
+      <p>Los apoyos recogidos de esta manera se sumarán a los apoyos ya existentes en el portal de gobierno abierto. Las hojas pueden ser entregadas en cualquiera de los Registros del Ayuntamiento, presentes en cada una de las Juntas de Distrito. <a href="#" target="_blank">Ver la lista completa de Juntas de Distrito</a>.</p>
+
+    </div>
+  </div>
+</div>
diff --git a/app/views/proposals/_votes.html.erb b/app/views/proposals/_votes.html.erb
index 29af37f9f..f192942c2 100644
--- a/app/views/proposals/_votes.html.erb
+++ b/app/views/proposals/_votes.html.erb
@@ -1,8 +1,8 @@
 <% voted_classes = css_classes_for_vote(@proposal_votes, proposal) %>
 <div class="supports">
 
-  <div class="progress small-12 radius">
-    <span class="meter" style="width: 10%;"></span>
+  <div class="progress small-12 round">
+    <span class="meter" style="width: <%= progress_bar_percentage(proposal) %>%;"></span>
   </div>
 
   <span class="total-supports">
@@ -10,8 +10,8 @@
   </span>
 
   <div class="in-favor">
-      <%= link_to vote_proposal_path(proposal, value: 'yes'), class: "button button-support tiny radius expand #{voted_classes[:in_favor]}",
-      title: t('proposals.proposal.support'), method: "post", remote: true do %>
+  <%= link_to vote_proposal_path(proposal, value: 'yes'), class: "button button-support tiny radius expand #{voted_classes[:in_favor]}",
+      title: t('proposals.proposal.support_title'), method: "post", remote: true do %>
         <%= t("proposals.proposal.support") %>
       <% end %>
   </div>
diff --git a/app/views/proposals/index.html.erb b/app/views/proposals/index.html.erb
index 4eedf0e84..4d9a2de57 100644
--- a/app/views/proposals/index.html.erb
+++ b/app/views/proposals/index.html.erb
@@ -9,7 +9,7 @@
     <div id="proposals" class="proposals-list small-12 medium-9 column">
 
       <div class="filters">
-        <div class="small-12 medium-7 column">
+        <div class="small-12 medium-7 left">
           <% if @search_terms %>
             <h2 class="margin-top">
               <%= page_entries_info @proposals %>
@@ -24,14 +24,14 @@
         </div>
 
         <% if @tag_filter || @search_terms %>
-          <div class="small-12 medium-5 margin-top inline-block proposals-order">
+          <div class="small-12 medium-5 margin-top margin-top inline-block proposals-order">
             <h6 class="inline-block">
               <%= t("proposals.index.select_order") %>
             </h6>
             <%= render 'shared/order_selector', i18n_namespace: "proposals.index" %>
           </div>
         <% else %>
-          <div class="small-12 column margin-top inline-block">
+          <div class="small-12 inline-block">
             <h2 class="inline-block">
               <%= t("proposals.index.select_order_long") %>
             </h2>
diff --git a/app/views/welcome/index.html.erb b/app/views/welcome/index.html.erb
index 90c7013b3..c4f6090c4 100644
--- a/app/views/welcome/index.html.erb
+++ b/app/views/welcome/index.html.erb
@@ -1,6 +1,28 @@
 <% cache [locale_and_user_status, @featured_debates, @debate_votes, 'featured'] do %>
   <section role="main">
+    <div class="row text-center">
+      <div class="small-12 medium-3 column">
+        <%= image_tag("icon_home_debates.png") %>
+        <h2>Debates</h2>
+        <p>Encontrarnos, debatir y compartir lo que nos parece conveniente, importante o necesario para nuestra ciudad.</p>
+      </div>
+      <div class="small-12 medium-3 column">
+        <%= image_tag("icon_home_propones.png") %>
+        <h2>Propones</h2>
+        <p>Hay también un espacio abierto para propuestas ciudadanas sobre el tipo de ciudad en el que queremos vivir.</p>
+      </div>
 
+      <div class="small-12 medium-3 column">
+        <%= image_tag("icon_home_decides.png") %>
+        <h2>Decides</h2>
+        <p>Cuando una propuesta es apoyada pasa a un espacio de votación en el que se invita a toda la ciudadanía a apoyarla o rechazarla como propuesta colectiva.</p>
+      </div>
+      <div class="small-12 medium-3 column">
+        <%= image_tag("icon_home_sehace.png") %>
+        <h2>Se hace</h2>
+        <p>Si la propuesta es aceptada en mayoría, se emitirán los informes adecuados para llevarla a cabo dentro de los cauces legales, presupuestarios y de viabilidad.</p>
+      </div>
+    </div>
     <div class="filters row">
       <div class="small-12 column">
         <h2><%= t("welcome.last_proposals") %></h2>
diff --git a/config/locales/en.yml b/config/locales/en.yml
index 85e4a2544..d6d1b723c 100644
--- a/config/locales/en.yml
+++ b/config/locales/en.yml
@@ -12,7 +12,7 @@ en:
       open: "Open"
       participation: Participation
       open_city_title: "The city you want, it will be the city you want."
-      open_city_slogan:
+      open_city_slogan_html:
         "Start listening to Madrid.
         For that we open this digital Puerta del Sol, where all the locals can meet to discuss and share everything we want."
       # open_city_text:
@@ -26,7 +26,7 @@ en:
       locale: "Language:"
       administration: Administration
       moderation: Moderation
-      # welcome: Welcome
+      welcome: "Welcome"
       more_information: "More information"
       debates: Debates
       proposals: Proposals
@@ -159,6 +159,7 @@ en:
     proposal:
       proposal: Proposal
       support: "Support"
+      support_title: "Support this proposal"
       comments:
         zero: No comments
         one: 1 Comment
diff --git a/config/locales/es.yml b/config/locales/es.yml
index 52d9eeeb0..c9c2e59b1 100644
--- a/config/locales/es.yml
+++ b/config/locales/es.yml
@@ -12,9 +12,11 @@ es:
       open: "abierto"
       participation: Participación
       open_city_title: "La ciudad que quieres será la ciudad que quieras."
-      open_city_slogan:
-        "Empecemos escuchando qué tiene que decir Madrid.
-        Para ello abrimos esta Puerta del Sol digital, donde toda la gente de Madrid podemos encontrarnos para debatir y compartir todo lo que queramos."
+      open_city_slogan_html:
+        "Existen ciudades gobernadas directamente por sus habitantes, que <b>debaten</b> sobre temas que les preocupan, <b>proponen</b> ideas para mejorar
+        sus vidas y <b>deciden</b> entre todas y todos las que se llevan a cabo. Madrid ya es una de ellas."
+      #"Empecemos escuchando qué tiene que decir Madrid.
+      #Para ello abrimos esta Puerta del Sol digital, donde toda la gente de Madrid podemos encontrarnos para debatir y compartir todo lo que queramos."
       # open_city_text:
       #   "Aquí cualquier voz tiene su espacio y son los ciudadanos y ciudadanas, y nadie en su nombre, quienes deciden votando los debates cuáles son los temas
       #    más importantes de cada momento. Los responsables del gobierno tienen cuentas de usuario propias con las que podrán participar en los debates, y ser evaluados
@@ -26,7 +28,7 @@ es:
       locale: "Idioma:"
       administration: Administrar
       moderation: Moderar
-      # welcome: Portada
+      welcome: "Portada"
       more_information: "Más información"
       debates: Debates
       proposals: Propuestas ciudadanas
@@ -159,6 +161,7 @@ es:
     proposal:
       proposal: Propuesta
       support: "Apoyar"
+      support_title: "Apoyar esta propuesta"
       comments:
         zero: Sin comentarios
         one: 1 Comentario
diff --git a/spec/features/votes_spec.rb b/spec/features/votes_spec.rb
index c7664ee3c..fb44ec9d2 100644
--- a/spec/features/votes_spec.rb
+++ b/spec/features/votes_spec.rb
@@ -569,3 +569,6 @@ feature 'Votes' do
     end
   end
 end
+
+
+pending "Remove support button text - tested in Update spec"
\ No newline at end of file
diff --git a/spec/helpers/proposals_helper_spec.rb b/spec/helpers/proposals_helper_spec.rb
new file mode 100644
index 000000000..595c21fbb
--- /dev/null
+++ b/spec/helpers/proposals_helper_spec.rb
@@ -0,0 +1,23 @@
+require 'rails_helper'
+
+describe ProposalsHelper do
+
+  describe "#progress_bar_percentage" do
+
+    it "should be 0 if no votes" do
+      proposal = create(:proposal)
+      expect(progress_bar_percentage(proposal)).to eq 0
+    end
+
+    it "should be a between 1 and 100 if there are votes but less than needed" do
+      proposal = create(:proposal, cached_votes_up: Proposal.votes_needed_for_success/2)
+      expect(progress_bar_percentage(proposal)).to eq 50
+    end
+
+    it "should be 100 if there are more votes than needed" do
+      proposal = create(:proposal, cached_votes_up: Proposal.votes_needed_for_success*2)
+      expect(progress_bar_percentage(proposal)).to eq 100
+    end
+  end
+
+end
\ No newline at end of file