diff --git a/js/da-vinci.js b/js/da-vinci.js
index ecdb924..8f36cef 100644
--- a/js/da-vinci.js
+++ b/js/da-vinci.js
@@ -62,10 +62,6 @@
         }, 500);
         return false;
       });
-      // Maronry Class Page.
-      if ($(".view").hasClass('view-masonry')) {
-        $("body").addClass('page-masonry');
-      }
       // Footer height.
       footerpush = function(){
         var footerHeight = $('.site-footer').outerHeight() + 50;
diff --git a/js/masonry-readme.txt b/js/masonry-readme.txt
index 2565d61..156dc87 100644
--- a/js/masonry-readme.txt
+++ b/js/masonry-readme.txt
@@ -6,22 +6,37 @@
 Como aplicar la librería Masonry a tu vista.
 
 1º Creamos la vista con la siguiente configuración:
-  - View name: "nombredetuvista"
+  - View name: "nombre"
   - Format: HTML list
-  - CSS class: "view-masonry"
 
-2º Para aplicarle los estilos masonry nos dirigimos al settings del tema   da_vinci "/admin/appearance/settings/da_vinci" e introducimos el nombre de nuestra vista en el formulario de activación.
-    
-- Activate masonry view: "nombredetuvista"
+2º Para aplicarle los estilos masonry nos dirigimos al settings del tema da_vinci "/admin/appearance/settings/da_vinci" e introducimos el nombre de nuestra vista en el formulario de activación.
+
+- Activate masonry view: "nombre"
+
+¡IMPORTANTE!
+
+Cuando creamos la vista , drupal le añade una clase con la siguiente estructura:  .view-"nombre". Debemos excluir "view-" a la hora de introducir el nombre en el formulario de activación.
+
+Ejemplo:
+  - Nombre de la vista: "drupal"
+  - Clase generada: ".view-drupal"
+  - Activate masonry view: "drupal"
 
 //////////////////////////////////////////////
 
 How to apply the masonry library to your view.
 
 1º Create a view with the following configuration:
-  - View name: "viewname"
+  - View name: "name"
   - Format; HTML list
-  - CSS class: "view-masonry"
 
 2º Go to da_vinci theme settings and insert the name of the view in the activation form:
-  - Activate masonry view: "viewname"
\ No newline at end of file
+  - Activate masonry view: "name"
+
+IMPORTANT!
+When we create the view, drupal adds a class in the view with the following structure: .view-"name". We have to exclude ".view-" in the activation formulary.
+
+Example:
+  - View name: "drupal"
+  - Class name generated: ".view-drupal"
+  - Activate masonry view: "drupal"
\ No newline at end of file
diff --git a/js/masonry-view.js b/js/masonry-view.js
index 50e5cf2..4cedd5d 100644
--- a/js/masonry-view.js
+++ b/js/masonry-view.js
@@ -14,11 +14,12 @@
 (function ($) {
   Drupal.behaviors.da_vinciThemeMasonry = {
     attach: function (context) {
-      var container = document.querySelector('.view-masonry');
+      var container = document.querySelector('.view .view-content');
       var msnry = new Masonry(container, {
         itemSelector: '.views-row',
         columnWidth: '.views-row'
       });
+
       imagesLoaded(container, function(){msnry.layout();});
       eventie.bind(container, 'click', function (event) {
         if (!classie.has(event.target, 'close')) {
@@ -27,8 +28,11 @@
         msnry.remove($(event.target).closest('.views-row'));
         msnry.layout();
       });
+      // Added classes to control body and view styles
+      $("body").addClass('page-masonry');
+      $("body .view").addClass('view-masonry');
       // Add Close element to "Masonry" article.
       $('.view-masonry article').append('<span class="close">close</span>');
     }
   }
-})(jQuery);
+})(jQuery);
\ No newline at end of file
diff --git a/sass/partials/content/block/_block-masonry.sass b/sass/partials/content/block/_block-masonry.sass
index 93daec3..ee6fc7c 100644
--- a/sass/partials/content/block/_block-masonry.sass
+++ b/sass/partials/content/block/_block-masonry.sass
@@ -18,18 +18,32 @@
           width: 50%
         +breakpoint($desk)
           width: 33%
-        .node-article
-          border-bottom: 3px solid $border-masonry-article
+        article
           background-color: $background-masonry-article
-          +box-shadow(5px 0px 16px -9px $shadow-masonry-article)
-          padding: 5px 10px 20px 10px
-          margin: 0 15px 25px 0
+          border: 1px solid $border-masonry-article
+          border-bottom-width: 3px
+          padding: 5px 20px 20px 20px
+          margin: 0 15px 30px 0
           position: relative
+          +box-shadow(7px 0px 10px -9px $shadow-masonry-article)
+          +transition(border-bottom .2s ease-in-out .2s)
           .title
             margin-bottom: 5px
+            text-align: center
+            &:hover
+              text-decoration: underline
           .close
             display: none
+          .field-type-image
+            float: none
+            text-align: center
+            border-top: 3px solid $border-image-masonry
+            img
+              +filter(grayscale(50%))
+              +transition(all .2s ease-in-out .2s)
           &:hover
+            border-bottom: 3px solid $border-bottom-masonry-article
+            +transition(border-bottom .2s ease-in-out)
             .close
               opacity: 1
               display: block
@@ -47,9 +61,10 @@
               &:hover
                 background-color: $background-masonry-close-hover
                 +transition(all .3s)
-          .field-type-image
-            float: none
-            text-align: center
+            .field-type-image
+              img
+                +filter(grayscale(0%))
+                +transition(all .2s ease-in-out)
           .links
             li
               margin: 4px 0
diff --git a/sass/partials/utilities/_variables.sass b/sass/partials/utilities/_variables.sass
index 6edc01e..fd0234f 100755
--- a/sass/partials/utilities/_variables.sass
+++ b/sass/partials/utilities/_variables.sass
@@ -179,12 +179,15 @@ $color-template-span                    : $gray
 // -- Masonry | block-masonry --
 
 // Article
-$border-masonry-article                 : $gray
+$border-masonry-article                 : $light-gray
+$border-bottom-masonry-article          : $gray
 $background-masonry-article             : $white
 $shadow-masonry-article                 : $gray
 // Close icon
-$background-masonry-close               : $color
-$background-masonry-close-hover         : $dark-color
+$background-masonry-close               : $light-gray
+$background-masonry-close-hover         : $gray
+// Image
+$border-image-masonry                   : $light-gray
 // Link login to post
 $border-masonry-forbidden               : $color