diff --git a/app/assets/stylesheets/admin.scss b/app/assets/stylesheets/admin.scss
index 7512e7ef1..9a464280c 100644
--- a/app/assets/stylesheets/admin.scss
+++ b/app/assets/stylesheets/admin.scss
@@ -5,6 +5,7 @@
 // 03. List elements
 // 04. Stats
 // 05. Management
+// 06. Legislation
 //
 
 // 01. Global styles
@@ -425,3 +426,40 @@ table.investment-projects-summary {
   height: 99%;
 }
 
+// 06. Legislation
+// --------------
+.legislation-process-edit {
+  
+  .menu .active > a {
+    background: none;
+  }
+  
+  .edit_legislation_process {
+    
+    small {
+      color: $text-medium;
+    }
+    
+    input[type]:not([type="submit"]):not([type="file"]):not([type="checkbox"]):not([type="radio"]) {
+      background: $white;
+    }
+    
+    .legislation-process-start, .legislation-process-end {
+      @include breakpoint(medium) {
+        line-height: 3rem;
+      }
+    }
+    
+    .legislation-process-end {
+      @include breakpoint(medium) {
+        text-align: right;
+      }
+    }
+  }
+  
+  .legislation-process-save {
+    @include breakpoint(medium) {
+      float: right;
+    }
+  }
+}
diff --git a/app/views/sandbox/admin_legislation_info.html.erb b/app/views/sandbox/admin_legislation_info.html.erb
new file mode 100644
index 000000000..70affe7be
--- /dev/null
+++ b/app/views/sandbox/admin_legislation_info.html.erb
@@ -0,0 +1,157 @@
+<div class="legislation-process-edit row">
+  <div class="small-12 column">
+    <a class="back" href="/admin/legislation/processes">
+      <span class="icon-angle-left"></span>
+      Volver
+    </a>
+    <h1>Licencias urbanísticas, declaraciones responsables y comunicaciones previas</h1>
+
+    <ul class="menu simple clear">
+      <li class=active>
+        <a href="/admin/legislation/processes/1/edit">Información</a>
+      </li>
+      <li >
+        <a href="/admin/legislation/processes/1/questions">Debate</a>
+      </li>
+      <li >
+        <a href="/admin/legislation/processes/1/draft_versions">Texto</a>
+      </li>
+    </ul>
+
+    <form class="edit_legislation_process" id="edit_legislation_process_1" action="/admin/legislation/processes/1" accept-charset="UTF-8" method="post">
+
+      <div class="row">
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_debate_start_date">Proceso</label>
+        </div>
+        <div class="small-12 medium-1 column legislation-process-start">
+          Inicio
+        </div>
+        <div class="small-12 medium-2 column">
+          <input class="js-calendar-full" id="debate_start_date" type="text" value="2016-12-15" name="legislation_process[debate_start_date]" />
+        </div>
+        <div class="small-12 medium-1 column legislation-process-end">
+          Fin
+        </div>
+        <div class="small-12 medium-2 column">
+          <input class="js-calendar-full" id="debate_end_date" type="text" value="2016-12-21" name="legislation_process[debate_end_date]" />
+        </div>
+        
+        
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_debate_start_date">Fase previa</label>
+        </div>
+        <div class="small-12 medium-1 column legislation-process-start">
+          Inicio
+        </div>
+        <div class="small-12 medium-2 column">
+          <input class="js-calendar-full" id="debate_start_date" type="text" value="2016-12-15" name="legislation_process[debate_start_date]" />
+        </div>
+        <div class="small-12 medium-1 column legislation-process-end">
+          Fin
+        </div>
+        <div class="small-12 medium-2 column">
+          <input class="js-calendar-full" id="debate_end_date" type="text" value="2016-12-21" name="legislation_process[debate_end_date]" />
+        </div>
+        
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_debate_start_date">Fase alegaciones</label>
+        </div>
+        <div class="small-12 medium-1 column legislation-process-start">
+          Inicio
+        </div>
+        <div class="small-12 medium-2 column">
+          <input class="js-calendar-full" id="debate_start_date" type="text" value="2016-12-15" name="legislation_process[debate_start_date]" />
+        </div>
+        <div class="small-12 medium-1 column legislation-process-end">
+          Fin
+        </div>
+        <div class="small-12 medium-2 column">
+          <input class="js-calendar-full" id="debate_end_date" type="text" value="2016-12-21" name="legislation_process[debate_end_date]" />
+        </div>
+        
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_final_publication_date">Publicación de resultados</label>
+        </div>
+        <div class="small-12 medium-2 column end">
+          <input class="js-calendar-full" id="final_publication_date" type="text" value="2016-12-30" name="legislation_process[final_publication_date]" />
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_title">Título del proceso</label>
+        </div>
+        <div class="small-12 medium-8 column">
+          <input type="text" value="Licencias urbanísticas, declaraciones responsables y comunicaciones previas" name="legislation_process[title]" id="legislation_process_title" />
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_description">En qué consiste</label>
+        </div>
+        <div class="small-12 medium-8 column">
+          <textarea rows="5" name="legislation_process[description]" id="legislation_process_description">Se va a modificar la regulación del procedimiento para la autorización de obras y la apertura de locales comerciales o empresariales para simplificar y agilizar trámites.
+          </textarea>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_target">A quién va dirigido</label>
+        </div>
+        <div class="small-12 medium-8 column">
+          <textarea rows="5" name="legislation_process[target]" id="legislation_process_target">- Ciudadanos con vivienda en propiedad
+- Profesionales de la construcción y reformas
+- Empresarios con locales comerciales
+        </textarea>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_how_to_participate">Cómo puedes participar</label>
+        </div>
+        <div class="small-12 medium-8 column">
+          <textarea rows="5" name="legislation_process[how_to_participate]" id="legislation_process_how_to_participate">- **Participa en el debate previo** para identificar los problemas a solucionar, la necesidad de esta normativa, sus objetivos y posibles soluciones alternativas.
+- Después del debate el Ayuntamiento presentará un borrador del texto al cual podrás realizar **comentarios y alegaciones**.
+          </textarea>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_additional_info">Información adicional</label>
+          <small>Usa Markdown para formatear el texto</small>
+        </div>
+        <div class="small-12 medium-8 column">
+          <textarea rows="10" name="legislation_process[additional_info]" id="legislation_process_additional_info">Ducimus eaque et autem sed consectetur eos beatae. Dolorum nostrum eveniet amet sed quidem. Repellendus laudantium cum. Provident ut nemo minima dolores distinctio. Deserunt consequatur magnam. Ea quibusdam voluptatibus molestiae corrupti inventore est nesciunt. Aut sed vero autem ab nisi. Quis doloribus explicabo qui ea non consequatur. Molestiae aut repellendus aliquid quo ut impedit. Odit pariatur quis quis molestiae a possimus reiciendis. Voluptatem inventore fugiat et temporibus necessitatibus ab. Quod consequuntur quaerat inventore impedit. Animi quaerat id.
+          </textarea>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_start_date">Fecha de inicio del proceso</label>
+        </div>
+        <div class="small-12 medium-8 column">
+          <input class="js-calendar-full" id="start_date" type="text" value="2016-12-15" name="legislation_process[start_date]" />
+        </div>
+        <div class="small-12 medium-4 column">
+          <label for="legislation_process_end_date">Fecha de fin del proceso</label>
+        </div>
+        <div class="small-12 medium-8 column">
+          <input class="js-calendar-full" id="end_date" type="text" value="2017-01-15" name="legislation_process[end_date]" />
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="actions small-12 medium-3 column legislation-process-save">
+          <input type="submit" name="commit" value="Guardar cambios" class="button expanded" />
+        </div>
+      </div>
+      
+    </form>
+  </div>
+</div>