diff --git a/app/views/layouts/base.html.erb b/app/views/layouts/base.html.erb
index 4024b09..f0f7509 100644
--- a/app/views/layouts/base.html.erb
+++ b/app/views/layouts/base.html.erb
@@ -63,6 +63,7 @@
 
 <div id="wrapper2">
 <div id="wrapper3">
+
 <div id="top-menu">
     <div id="wrapper-top-menu">
     <ul class="social-menu">
@@ -129,9 +130,10 @@
     </div>
     </div>
 </div>
-</div>
 
-<a href="#" id="scrollup" class="hide-when-print"><%=l(:label_sort_higher)%></a><%= javascript_tag "$('#scrollup').click(function(){$('html,body').animate({scrollTop:0},600);return false;});" %>
+</div> <!-- #wrapper3 -->
+
+<a href="#" id="scrollup" class="hide-when-print" style="display: none;"><%=l(:label_sort_higher)%></a><%= javascript_tag "$('#scrollup').click(function(){$('html,body').animate({scrollTop:0},600);return false;});" %>
 
 <div id="ajax-indicator" style="display:none;"><span><%= l(:label_loading) %></span></div>
 <div id="ajax-modal" style="display:none;"></div>
@@ -147,18 +149,20 @@
         <li class="social-link-mail"><a href="https://manuel.cillero.es/contacto/#suitepro" title="Mail" class="icon-mail"><span>Mail</span></a></li>
     </ul>
     <div class="bgl"><div class="bgr">
+        <%= Time.current.year %> &copy; SuitePro (powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %>)
         <div id="legal">
         <span class="legal-legal"><a href="/projects/suitepro/wiki/Legal"><%= l(:label_legal) %></a></span>
         <span class="legal-terms"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Condiciones_de_uso"><%= l(:label_legal_terms) %></a></span>
         <span class="legal-privacy"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Política_de_privacidad"><%= l(:label_legal_privacy) %></a></span>
         <span class="legal-cookies"> &nbsp;|&nbsp; <a href="/projects/suitepro/wiki/Política_de_cookies"><%= l(:label_legal_cookies) %></a></span>
         </div>
-        <%= Time.current.year %> &copy; SuitePro (powered by <%= link_to Redmine::Info.app_name, Redmine::Info.url %>)
     </div></div>
-    </div>
-</div>
 </div>
 </div>
+
+</div> <!-- #wrapper2 -->
+
+</div> <!-- #wrapper -->
 <%= call_hook :view_layouts_base_body_bottom %>
 
 <script>
diff --git a/public/themes/circlepro/stylesheets/application.css b/public/themes/circlepro/stylesheets/application.css
index 3d0fb5b..df47e82 100644
--- a/public/themes/circlepro/stylesheets/application.css
+++ b/public/themes/circlepro/stylesheets/application.css
@@ -56,6 +56,7 @@ body {
 	margin-left: auto;
 	margin-right: auto;
 	max-width: 1240px;
+	position: relative;
 }
 
 #wrapper3,
@@ -455,6 +456,8 @@ ul.social-menu .social-link-mail:hover a {
 	border-radius: 300px;
 }
 #footer ul.social-menu {
+	position: absolute;
+	right: 0;
 	margin: 3px 30px 0 0;
 }
 
@@ -642,7 +645,7 @@ ul.social-menu .social-link-mail:hover a {
 	height: 40px;
 	opacity: 0.2;
 	position: fixed;
-	bottom: 50px;
+	bottom: 92px;
 	right: 60px;
 	display: none;
 	text-indent: -9999px;
@@ -667,7 +670,8 @@ ul.social-menu .social-link-mail:hover a {
 }
 #footer div.bgl {
 	display: inline-block;
-	margin: 14px 0 4.4em 30px;
+	margin: 14px 0 0 30px;
+	height: 6.4em;
 }
 #footer a, #footer a:visited {
 	color: #ced4d9;
@@ -678,8 +682,7 @@ ul.social-menu .social-link-mail:hover a {
 }
 
 #legal {
-	position: absolute;
-	margin-top: 2.8em;
+	margin-top: 0.65em;
 	line-height: 1.6em;
 }
 #legal a {