diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 8a4a185..d1afafb 100644
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -12,6 +12,7 @@
 
   <nav class="sidebar-nav">
     <a class="sidebar-nav-item{% if page.url == site.baseurl %} active{% endif %}" href="{{ site.baseurl }}/">Inicio</a>
+    <a class="sidebar-nav-item" href="./instrucciones">Instrucciones</a>
     <a class="sidebar-nav-item" href="./edicion">Edición</a>
     <a class="sidebar-nav-item" href="./busquedas">Búsquedas</a>
     <a class="sidebar-nav-item" href="./vocab_ctrl">Vocabulario controlado</a>
diff --git a/_layouts/investigacionlayout.html b/_layouts/investigacionlayout.html
index beded41..f4beca6 100644
--- a/_layouts/investigacionlayout.html
+++ b/_layouts/investigacionlayout.html
@@ -27,6 +27,10 @@ <h3 class="masthead-title">
       </header>
 
       <main class="container content" id="main">
+        <br/>
+        <h1 class="page-title">{{ page.title }}</h1>
+        <br/>
+        <br/>
         {{ content }}
       </main>
     </div>
@@ -86,4 +90,4 @@ <h3 class="masthead-title">
    }(document, 'script', 'facebook-jssdk'));
 </script>
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/_layouts/recursoslayout.html b/_layouts/recursoslayout.html
new file mode 100644
index 0000000..0d69250
--- /dev/null
+++ b/_layouts/recursoslayout.html
@@ -0,0 +1,93 @@
+<!DOCTYPE html>
+<html lang="en-us">
+
+  {% include head.html %}
+
+  <body class="theme-base-{{site.color-scheme}}">
+
+    <!-- This if statement decides which sidebar to use -->
+    {% if page.toc %}
+    {% include sidebar-toc.html %}
+    {% else %}
+    {% include sidebar.html %}
+    {% endif %}
+
+    <!--
+      Wrap is the content to shift when toggling the sidebar. We wrap the content to avoid any CSS
+      collisions with our real content.
+    -->
+    <div class="wrap">
+      <header class="masthead_recursos">
+        <!-- <div class="container">
+          <h3 class="masthead-title">
+            <a href="{{ site.baseurl }}/" title="Home">{{ site.title | newline_to_br }}</a>
+            <br><small>{{ site.tagline }}</small>
+          </h3>
+        </div> -->
+      </header>
+
+      <main class="container content" id="main">
+        <br/>
+        <h1 class="page-title">{{ page.title }}</h1>
+        <br/>
+        <br/>
+        {{ content }}
+      </main>
+    </div>
+
+    <label for="sidebar-checkbox" class="sidebar-toggle"></label>
+
+    <script>
+
+    // Highlight search Query
+    var url = window.location.href;
+      if (url.lastIndexOf("?q=") > 0) {
+        // get the index of the parameter, add three (to account for length)
+        var stringloc = url.lastIndexOf("?q=") + 3;
+        // get the substring (query) and decode
+        var searchquery = decodeURIComponent(url.substr(stringloc));
+        // regex matches at beginning of line, end of line or word boundary, useful for poetry
+        var regex = new RegExp("(?:^|\\b)(" + searchquery + ")(?:$|\\b)", "gim");
+        // get, add mark and then set content
+        var content = document.getElementById("main").innerHTML;
+        document.getElementById("main").innerHTML = content.replace(regex, "<mark>$1</mark>");
+      }
+
+      // Toggle sidebar
+      (function(document) {
+        var toggle = document.querySelector('.sidebar-toggle');
+        var sidebar = document.querySelector('#sidebar');
+        var checkbox = document.querySelector('#sidebar-checkbox');
+
+        document.addEventListener('click', function(e) {
+          var target = e.target;
+
+          if(!checkbox.checked ||
+             !sidebar.contains(target) ||
+             (target === checkbox || target === toggle)) return;
+
+          checkbox.checked = false;
+        }, false);
+      })(document);
+    </script>
+
+<!-- Facebook SDK for JavaScript -->
+<script>
+  window.fbAsyncInit = function() {
+    FB.init({
+      appId      : '589495744558280',
+      xfbml      : true,
+      version    : 'v2.6'
+    });
+  };
+
+  (function(d, s, id){
+     var js, fjs = d.getElementsByTagName(s)[0];
+     if (d.getElementById(id)) {return;}
+     js = d.createElement(s); js.id = id;
+     js.src = "//connect.facebook.net/en_US/sdk.js";
+     fjs.parentNode.insertBefore(js, fjs);
+   }(document, 'script', 'facebook-jssdk'));
+</script>
+  </body>
+</html>
\ No newline at end of file
diff --git a/_pages/investigacion.html b/_pages/investigacion.html
index 1006974..e1d79d2 100644
--- a/_pages/investigacion.html
+++ b/_pages/investigacion.html
@@ -3,10 +3,6 @@
 title: Investigación
 permalink: investigacion
 ---
-<div type="titulo">
-<h1>Título</h1>
-</div>
-
 <div type="cuerpo del texto">
 <p>Texto texto texto texto texto texto</p>
 </div>
\ No newline at end of file
diff --git a/_pages/investigacion/Testimonios.html b/_pages/investigacion/Testimonios.html
index a48d832..7388892 100644
--- a/_pages/investigacion/Testimonios.html
+++ b/_pages/investigacion/Testimonios.html
@@ -1,12 +1,8 @@
 ---
-layout: entrada1
+layout: investigacionlayout
 title: Testimonios
 permalink: testimonios
 ---
-<div type="titulo">
-<h1>Testimonios</h1>
-</div>
-
 <div type="cuerpo del texto">
 <p>El texto del <i>Libro de Alexandre</i> se conserva a través de cinco testimonios, de los cuales solo dos, los manuscritos <b><a href="#testO">O</a></b> 
 y <b><a href="#testP">P</a></b> 
diff --git a/_pages/recursos.html b/_pages/recursos.html
new file mode 100644
index 0000000..bbb3438
--- /dev/null
+++ b/_pages/recursos.html
@@ -0,0 +1,8 @@
+---
+layout: recursoslayout
+title: Recursos
+permalink: recursos
+---
+<div type="cuerpo del texto">
+<p>Texto texto texto texto texto texto</p>
+</div>
\ No newline at end of file
diff --git a/_sass/_ed.scss b/_sass/_ed.scss
index 5c0d690..36fb542 100644
--- a/_sass/_ed.scss
+++ b/_sass/_ed.scss
@@ -330,6 +330,18 @@ tbody tr:nth-child(odd) th {
   text-align: center;
 }
 
+.masthead_recursos {
+  // display: none;
+  background:fixed;
+  background-image: url("Otranto2.jpg");
+  background-size: cover;
+  border-bottom: 1px solid #eee;
+  margin-bottom: 1rem;
+  padding-top: 175px;
+  padding-bottom: 1rem;
+  text-align: center;
+}
+
 .masthead-title {
 
   display: none; 
diff --git a/assets/css/Otranto2.jpg b/assets/css/Otranto2.jpg
new file mode 100644
index 0000000..55f5ec3
Binary files /dev/null and b/assets/css/Otranto2.jpg differ
diff --git a/assets/css/Tower_of_Babel2.jpg b/assets/css/Tower_of_Babel2.jpg
index 6b70b13..8dfd339 100644
Binary files a/assets/css/Tower_of_Babel2.jpg and b/assets/css/Tower_of_Babel2.jpg differ
diff --git a/assets/css/adanevadetallegg.jpg b/assets/css/adanevadetallegg.jpg
deleted file mode 100644
index 75c1ee4..0000000
Binary files a/assets/css/adanevadetallegg.jpg and /dev/null differ
diff --git a/assets/css/beato_osma.jpg b/assets/css/beato_osma.jpg
new file mode 100644
index 0000000..06616d6
Binary files /dev/null and b/assets/css/beato_osma.jpg differ
diff --git a/assets/css/estudio_apeles.jpg b/assets/css/estudio_apeles.jpg
new file mode 100644
index 0000000..a97bf44
Binary files /dev/null and b/assets/css/estudio_apeles.jpg differ
diff --git a/assets/css/girona.jpg b/assets/css/girona.jpg
index dcccb1c..5705f41 100644
Binary files a/assets/css/girona.jpg and b/assets/css/girona.jpg differ
diff --git a/assets/css/otranto_adanyeva.jpg b/assets/css/otranto_adanyeva.jpg
deleted file mode 100644
index 71aa080..0000000
Binary files a/assets/css/otranto_adanyeva.jpg and /dev/null differ
diff --git a/assets/css/otranto_masthead2.jpg b/assets/css/otranto_masthead2.jpg
deleted file mode 100644
index b743eae..0000000
Binary files a/assets/css/otranto_masthead2.jpg and /dev/null differ
