diff --git a/css.css b/css.css
index 1d62b08..dfbebfe 100644
--- a/css.css
+++ b/css.css
@@ -114,14 +114,11 @@ body {
 }
 
 a.reservas-online {
-	font-family: Verdana, Geneva, sans-serif;
-	font-size: 14px;
-	font-weight: bold;
 	z-index: 99;
 	position: relative;
-	top: 160px;
-	left: 500px;
-	text-align: right;
+	top: 10px;
+	left: 515px;
+	text-align: left;
 	color: #fff;
 	text-decoration: none;
 }
diff --git a/eng/alojamiento_eng.htm b/eng/alojamiento_eng.htm
index 378e5e3..7bef60a 100644
--- a/eng/alojamiento_eng.htm
+++ b/eng/alojamiento_eng.htm
@@ -96,7 +96,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Reserve online now</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/button-reserve.gif" alt="Reserve online now" width="154" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/eng/cantabria_eng.htm b/eng/cantabria_eng.htm
index 3b05c27..bae5bd8 100644
--- a/eng/cantabria_eng.htm
+++ b/eng/cantabria_eng.htm
@@ -88,7 +88,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Reserve online now</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/button-reserve.gif" alt="Reserve online now" width="154" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/eng/contacto_eng.htm b/eng/contacto_eng.htm
index 4116d05..7b6edc3 100644
--- a/eng/contacto_eng.htm
+++ b/eng/contacto_eng.htm
@@ -95,7 +95,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Reserve online now</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/button-reserve.gif" alt="Reserve online now" width="154" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/eng/galeria_eng.htm b/eng/galeria_eng.htm
index 2d2ed2c..d822b90 100644
--- a/eng/galeria_eng.htm
+++ b/eng/galeria_eng.htm
@@ -102,7 +102,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Reserve online now</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/button-reserve.gif" alt="Reserve online now" width="154" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/eng/home_eng.htm b/eng/home_eng.htm
index 7df3660..6227a11 100644
--- a/eng/home_eng.htm
+++ b/eng/home_eng.htm
@@ -120,13 +120,14 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Reserve online now</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/button-reserve.gif" alt="Reserve online now" width="154" height="30" /></a>            
+ </td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
               <tr>
                 <td width="10" bgcolor="#333333">&nbsp;</td>
-                <td width="540" align="left" bgcolor="#333333" class="menu"><span class="menu2">Presentation</span> <a href="galeria_eng.htm" class="menu">&middot;Images</a>&middot;<a href="alojamiento_eng.htm" class="menu">Lodging</a> &middot;<a href="cantabria_eng.htm" class="menu">The region</a> &middot;<a href="contacto_eng.htm" class="menu">Reserves &amp; Contact </a>&middot;<a href="tarifas_eng.htm#tarifas" class="menu">Prices </a></td>
+                <td width="540" align="left" bgcolor="#333333" class="menu"><span class="menu2">Presentation</span> <a href="galeria_eng.htm" class="menu">&middot;Images</a> &middot;<a href="alojamiento_eng.htm" class="menu">Lodging</a> &middot;<a href="cantabria_eng.htm" class="menu">The region</a> &middot;<a href="contacto_eng.htm" class="menu">Reserves &amp; Contact </a>&middot;<a href="tarifas_eng.htm#tarifas" class="menu">Prices </a></td>
                 <td width="18" align="center" bgcolor="#FFCC00" valign="middle"><img src="../img_nav/phone.gif" width="18" height="15"></td>
                 <td width="129" align="center" bgcolor="#FFCC00" valign="middle"><span class="telefono">+34 942 679 150</span>&nbsp;</td>
               </tr>
diff --git a/eng/tarifas_eng.htm b/eng/tarifas_eng.htm
index 05657c3..898bad8 100644
--- a/eng/tarifas_eng.htm
+++ b/eng/tarifas_eng.htm
@@ -118,7 +118,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Reserve online now</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/button-reserve.gif" alt="Reserve online now" width="154" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/esp/alojamiento_esp.htm b/esp/alojamiento_esp.htm
index 22ef014..437a5e8 100644
--- a/esp/alojamiento_esp.htm
+++ b/esp/alojamiento_esp.htm
@@ -102,7 +102,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Haz tu reserva online</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/boton-reserva.gif" alt="Haz tu reserva online" width="164" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/esp/cantabria_esp.htm b/esp/cantabria_esp.htm
index a478f63..b3d9ad3 100644
--- a/esp/cantabria_esp.htm
+++ b/esp/cantabria_esp.htm
@@ -106,7 +106,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Haz tu reserva online</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/boton-reserva.gif" alt="Haz tu reserva online" width="164" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/esp/contacto_esp.htm b/esp/contacto_esp.htm
index e80c0c6..3c69b44 100644
--- a/esp/contacto_esp.htm
+++ b/esp/contacto_esp.htm
@@ -106,7 +106,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Haz tu reserva online</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/boton-reserva.gif" alt="Haz tu reserva online" width="164" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/esp/galeria_esp.htm b/esp/galeria_esp.htm
index 083316a..9dac7bc 100644
--- a/esp/galeria_esp.htm
+++ b/esp/galeria_esp.htm
@@ -133,7 +133,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Haz tu reserva online</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/boton-reserva.gif" alt="Haz tu reserva online" width="164" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/esp/home_esp.htm b/esp/home_esp.htm
index feab0d9..1ad62be 100644
--- a/esp/home_esp.htm
+++ b/esp/home_esp.htm
@@ -134,7 +134,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Haz tu reserva online</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/boton-reserva.gif" alt="Haz tu reserva online" width="164" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
@@ -214,6 +214,7 @@ body {
       </table></td>
   </tr>
 </table>
+
 <script type="text/javascript">
 <!--
 swfobject.registerObject("FlashID");
diff --git a/esp/tarifas_esp.htm b/esp/tarifas_esp.htm
index 948eb5c..7bc58b3 100644
--- a/esp/tarifas_esp.htm
+++ b/esp/tarifas_esp.htm
@@ -124,7 +124,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Haz tu reserva online</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/boton-reserva.gif" alt="Haz tu reserva online" width="164" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/img_nav/boton-reserva.gif b/img_nav/boton-reserva.gif
new file mode 100644
index 0000000..56ab3df
Binary files /dev/null and b/img_nav/boton-reserva.gif differ
diff --git a/img_nav/button-reserve.gif b/img_nav/button-reserve.gif
new file mode 100644
index 0000000..eaa1ba9
Binary files /dev/null and b/img_nav/button-reserve.gif differ
diff --git a/privado/plantillas/tarifas_eng.htm b/privado/plantillas/tarifas_eng.htm
index 83450c7..c2ae197 100644
--- a/privado/plantillas/tarifas_eng.htm
+++ b/privado/plantillas/tarifas_eng.htm
@@ -118,7 +118,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Reserve online now</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/button-reserve.gif" alt="Reserve online now" width="154" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">
diff --git a/privado/plantillas/tarifas_esp.htm b/privado/plantillas/tarifas_esp.htm
index bfafd26..548c22e 100644
--- a/privado/plantillas/tarifas_esp.htm
+++ b/privado/plantillas/tarifas_esp.htm
@@ -122,7 +122,7 @@ body {
               </object>
               <!--<![endif]-->
             </object>
-            <a href="#" class="reservas-online">Haz tu reserva online</a></td>
+            <a href="#" class="reservas-online"><img src="../img_nav/boton-reserva.gif" alt="Haz tu reserva online" width="164" height="30" /></a></td>
         </tr>
         <tr align="left" valign="top">
           <td><table width="100%" border="0" cellpadding="0" cellspacing="0">