diff --git a/planificacion/index.html b/planificacion/index.html
index 3ce6d87..ec1bcf7 100644
--- a/planificacion/index.html
+++ b/planificacion/index.html
@@ -1,47 +1,117 @@
-<!DOCTYPE HTML>
-<!--
-    Práctica 1 - Sistemas Web | Grupo D
-    CompluCine - FDI-cines
--->
-<html lang="es">
-    <head>
-        <title>CompluCine | Planificación</title>
-        <meta charset="utf-8" />
-        <link id="estilo" rel="stylesheet" type="text/css" href="../assets/css/main.css">
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="icon" href="../img/favicon.png" />
-    </head>
-    <body>
-        <!-- Header -->
-        <div class="header">
-            <a href="/"><img src="../img/favicon2.png" /> CompluCine</a> | Planificación
-            <div class="menu">
-                <a href="/">Inicio |</a>
-                <a href="../detalles/">Detalles |</a>
-                <a href="../bocetos/">Bocetos |</a>
-                <a href="../miembros/">Miembros |</a>
-                <a href="#">Planificación |</a>
-                <a href="../contacto/">Contacto</a>
-            </div>
-        </div>
-
-        <!-- Main -->
-        <div class="main">
-            <div class="image"><img src="../img/logo_trasparente.png" /></div>
-            
-        </div>
-        
-        <!-- Timeline -->
-        
-
-
-        <!-- Footer -->
-        <div class="footer">
-        <p>© Práctica 1 | Sistemas Web 2021 </p>
-        </div>
-
-        <!-- Scripts -->
-       
-    </body>
-
-</html>
+<!DOCTYPE HTML>
+<!--
+    Práctica 1 - Sistemas Web | Grupo D
+    CompluCine - FDI-cines
+-->
+<html lang="es">
+    <head>
+        <title>CompluCine | Planificación</title>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <link rel="icon" href="img/favicon.png" />
+        <link id="estilo" rel="stylesheet" href="assets/css/plan.css" type="text/css">
+    </head>
+    <body>
+        <!-- Header -->
+        <div class="header">
+            <a href="/"><img src="img/favicon2.png" /> CompluCine</a> | Planificación
+            <div class="menu">
+                <a href="/">Inicio |</a>
+                <a href="../detalles/">Detalles |</a>
+                <a href="../bocetos/">Bocetos |</a>
+                <a href="../miembros/">Miembros |</a>
+                <a href="#">Planificación |</a>
+                <a href="../contacto/">Contacto</a>
+            </div>
+        </div>
+
+        <!-- Main -->
+        <div class="main">
+            <div class="image"><img src="img/logo_trasparente.png" /></div>
+            
+        </div>
+        
+        <!-- Timeline -->
+        <section id="planificacion">
+            <h1 class="princpial">PLANIFICACIÓN</h1>
+            <div class="code" id="web">
+                <h2>WEB</h2>
+                <hr />
+                <div class="blockquote">  
+                    <ul>
+                        <li>Pantalla de Inicio (incluye promociones y estrenos)</li>
+                        <li>Cartelera Dinámica</li>
+                        <li>Selección de cines (mapa)</li>
+                        <li>Listado de Horarios</li>
+                        <li>Seleccion de Horarios</li>
+                        <li>Pagar + codigos promocionales</li>
+                        <li>¡Compra realizada!</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="code" id="usuario">
+                <h2>Usuario</h2>
+                <hr />
+                <div class="blockquote">  
+                    <ul>
+                        <li>Registrarse (formulario para usuarios nuevos)</li>
+                        <li>Iniciar sesión (en cualquier pantalla)</li>
+                        <li>Menú y opciones de usuario</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="code" id="pie">
+                <h2>Footer</h2>
+                <hr />
+                <div class="blockquote">  
+                    <ul>
+                        <li>About Us</li>
+                        <li>Formulario de contacto</li>
+                        <li>Términos y condiciones</li>
+                    </ul>
+                </div>
+            </div>
+            <div class="code" id="administrador">
+                <h2>Administrador</h2>
+                <hr />
+                <div class="blockquote">  
+                    <p>VISTA</p>
+                    <ul>
+                        <li>Panel de inicio administrador</li>
+                        <li>Panel Ver todos los cines</li>
+                        <li>Panel añadir/editar/eliminar cine</li>
+                        <li>Panel Ver salas del cine</li>
+                        <li>Panel añadir/editar/eliminar sesiones (peliculas proyectadas en un horario y sala)</li>
+                        <li>Panel editar disposicion de butacas de una sala o crear/eliminar sala</li>
+                    </ul>
+                </div>
+                <div class="blockquote">  
+                    <p>FUNCIONES</p>
+                    <ul>
+                        <legend>Administrador</legend>
+                        <li>Añadir/Eliminar Cine (Añadir Cine -> Panel Añadir Cine (formulario) + subir nueva imagen -> Añadir)</li>
+                        <li>Añadir/Eliminar Administrador/Gerente</li>
+                        <li>Añadir/Editar/Eliminar pelicula en Cartelera</li>
+                    </ul>
+                    <ul>
+                        <legend>Gerente de Cine</legend>
+                        <li>Añadir/Editar/Eliminar pelicula en su Cine</li>
+                        <li>Añadir/Editar/Eliminar sesión en su Cine (peliculas proyectadas en un horario y sala)</li>
+                        <li>Añadir/Editar/Eliminar Sala o disposicion de butacas en su Cine</li>
+                    </ul>
+                </div>
+            </div>
+
+        </section>
+
+
+        <!-- Footer -->
+        <div class="footer">
+        <p>© Práctica 1 | Sistemas Web 2021 </p>
+        </div>
+
+        <!-- Scripts -->
+       
+    </body>
+
+</html>
\ No newline at end of file
