Outskirts Barcelona Hotels

Hotel Quick Finder

Destination

Region

Country

ABCDEFGHIJKLMNOPQRSTUVWXYZ

Loading Hotels

Your Hotel Shortlist

or to save.

Outskirts Barcelona
Hotels On Map

Loading map...

BEYOND OUTSKIRTS BARCELONA

Eixample Hotels

Gothic Quarter Hotels

Gracia Hotels

Ramblas Hotels

Via Augusta Area Hotels

Last Minute Deals

All Barcelona
Hotels by Area

Home

About Us

Policies

How Bookings Work

Select Country
- Thailand
  - Bangkok
  - Chanthaburi
  - Chiang Mai
  - Chiang Rai
  - Chonburi
  - E-San - North Eastern
  - Hua Hin - Cha-Am
  - Koh Chang
  - Krabi
  - Other Central
  - Other Northern
  - Other Southern
  - Pattaya
  - Phang Nga
  - Phuket
  - Rayong
  - Samui
  - Trat
- Malaysia
  - Johor
  - Kedah - Alor Setar
  - Kelantan - Kota Bahru
  - Kuala Lumpur
  - Labuan
  - Langkawi
  - Malacca
  - Negeri Sembilan
  - Pahang
  - Penang
  - Perak
  - Sabah
  - Sarawak
  - Selangor
  - Terengganu
- Singapore
- China
  - Baotou
  - Beijing
  - Changchun
  - Changsha
  - Changshu
  - Chengdu
  - Chongqing
  - Dali
  - Dalian
  - Dongguan
  - Foshan
  - Fuzhou
  - Gansu
  - Guangzhou
  - Guilin
  - Haikou
  - Hainan Island
  - Hangzhou
  - Harbin
  - Hefei
  - Hohhot
  - Huizhou
  - Humen
  - Jiangsu
  - Jinan
  - Kunming
  - Kunshan
  - Lhasa
  - Liaoning
  - Lijiang
  - Nanjing
  - Nanning
  - Ningbo
  - Qingdao
  - Qingyuan
  - Sanya
  - Shanghai
  - Shantou
  - Shenyang
  - Shenzhen
  - Shunde
  - Suzhou
  - Taiyuan
  - Tianjin
  - Wuhan
  - Wuhu
  - Wuxi
  - Xiamen
  - Xian
  - Yangshuo
  - Yangzhou
  - Yiwu
  - Zhanjiang
  - Zhejiang
  - Zhengzhou
  - Zhenjiang
  - Zhongshan
  - Zhuhai
- Hong Kong
- Indonesia
  - Bali
  - Jakarta
  - Java
  - Kalimantan
  - Lombok
  - Maluku
  - Papua
  - Sulawesi
  - Sumatra
  - Yogyakarta
- Vietnam
  - Buon Ma Thuoc
  - Can Tho
  - Chau Doc
  - Da Nang
  - Dalat
  - Dien Bien Phu City
  - Ha Long Bay
  - Hai Phong
  - Hanoi
  - Ho Chi Minh
  - Hoa Binh Province
  - Hoi An
  - Hue
  - Nha Trang
  - Ninh Binh
  - Phan Thiet
  - Phu Quoc
  - Pleiku
  - Quang Binh
  - Quy Nhon
  - Sapa
  - Vung Tau
- Cambodia
  - Battambang
  - Kep
  - Koh Kong
  - Phnom Penh
  - Siem Reap
  - Sihanoukville
- Laos
- India
  - Andhra Pradesh
  - Bangalore
  - Bikaner
  - Chennai
  - Cochin
  - Delhi
  - Goa
  - Gujarat
  - Himachal Pradesh
  - Hyderabad
  - Jaipur
  - Jaisalmer
  - Jammu and Kashmir
  - Kerala
  - Khajuraho
  - Madhya Pradesh
  - Madurai
  - Maharashtra
  - Mangalore
  - Mumbai
  - Mysore
  - Orissa
  - Pondicherry
  - Pune
  - Punjab
  - Rajasthan
  - Tamil Nadu
  - Udaipur
  - Uttar Pradesh
  - Uttrakhand
  - Varanasi
  - West Bengal
- Maldives
- More...
  - Africa
  - Asia
  - Caribbean
  - Central America
  - Europe
  - Middle East
  - North America
  - Oceania
  - South America

About Us

Policies

How Bookings Work

<% if (destinations.length > 0) { %>
  <% for ( var i = 0; i < 7 && i < destinations.length; i++ ) { %>
      <% if (destinations[i].guideUrl) { %>
          <div style="padding: 5px 0 5px   0; clear: both;"><center><img src="/images/arrow1.png"/></center></div>
      <%  break;} %>
  <% } %>
  <% for ( var i = 0; i < 7 && i < destinations.length; i++ ) { %>
      <% if (destinations[i].guideUrl) { %>
      <div class="dest-panel">
          <div class="dest-title"><a href="<%=destinations[i].guideUrl%>" class="dest-title-a"><%=destinations[i].name%></a></div>    
          <div class="dest-links"><a href="<%=destinations[i].page%>" class="dest-link">Hotels</a><label class="dest-link-sep"> | </label><a href="<%=destinations[i].guideUrl%>" class="dest-link">Guide</a><% if (destinations[i].mapsUrl) { %><label class="dest-link-sep"> | </label><a href="<%=destinations[i].mapsUrl%>" class="dest-link">Maps</a><% } %><% if (destinations[i].toursUrl) { %><label class="dest-link-sep"> | </label><a href="<%=destinations[i].toursUrl%>" class="dest-link">Tours</a><% } %><% if (destinations[i].photosUrl) { %><label class="dest-link-sep"> | </label><a href="<%=destinations[i].photosUrl%>" class="dest-link">Photos</a><% } %></div>
          <a href="<%=destinations[i].guideUrl%>"><img src="/media/images/destinations/guides/<%=destinations[i].id%>.jpg" alt="" width="209px" height="100px" onerror="replaceImage(this)" /></a>
      </div>
      <div class="line2" style="padding:4px 0 4px 0;"><img src="/images/line-gray.gif" height="1" width="100%" ></div>
    <% } %>
  <% } %>
<% } %>

<% var hotels = searchResults.getCurPage();  %>
  <% for ( var i = 0; i < hotels.length; i++ ) { %>
      
      <div class="hotelDiv">
        <div class="hotelImageDiv">
            <a href="<%= hotels[i].DestinationUrl %>"><img src="<%= hotels[i].Image %>" border="0" height="72" width="100" onerror="replaceImage(this)"></a>
        </div>
        <div class="hotelDescDiv">
          <div>
            <div class="hotelNameDiv">
                <a href="<%= hotels[i].DestinationUrl %>"><span id="hn_<%= hotels[i].HotelId %>" class="hotelname1"><%= hotels[i].HotelName %></span><span id="hotel_name_<%= hotels[i].HotelId %>" class="hotelname1">:</span></a>
                <span class="starSpan"><% for (var j = 0; j < hotels[i].Rating; j++) { %><img src="/chang/images/star.gif" height="10" width="10"><% } %></span>
            </div>
            <div class="hotelSlDiv">
                <table id="ht_<%= hotels[i].HotelId %>" title="Add <%= hotels[i].HotelName %> to your shortlist" style="cursor: pointer;" onclick="toggleShortlist(<%= hotels[i].HotelId %>);" cellpadding="0" cellspacing="0" padding="0" border="0" >
                  <tr>
                    <td align="right" style="vertical-align: top;" ><img src="/chang/images/shortlist_left_y.gif" /></td>
                    <td cellpadding="0" cellspacing="0" class="shortlistLabelBackground"><label class="shortlistLabel"  id="sllbl_<%= hotels[i].HotelId %>"></label></td>
                    <td style="vertical-align: top;"><img id="sl_<%= hotels[i].HotelId %>" src="/chang/images/space.gif" onload="checkShortlistIcon(<%= hotels[i].HotelId %>)" style="cursor: pointer;"/></td>
                  </tr>
                </table>
            </div>  
        </div>
        <div class="hotelDetail">
            <div style="clear:both"><span class="hotelprice1"><% if (hotels[i].LowRate > 9) { %>From <%= hotels[i].CurrencyCode %> <%= hotels[i].LowRate %><% } %></span><b><% if (hotels[i].LowRate > 9) { %> - <% } %><%= hotels[i].TwoLevelName %></b></div>
            <div><span class="hotelminitext"><%= hotels[i].Description %></span></div>
        </div>
      </div>
    </div>
    <div class="line2" style="padding:0px;"><img src="/images/spacer.gif" height="1" width="100%" ></div>  
  <% } %>
  
  <% if (searchResults.hasPrevPage() || searchResults.hasNextPage()) { %>
    <div class="hotelLinks">
      <% if (searchResults.hasPrevPage()) { %>
      <div style="float:left;"><label class="links" onclick="prevPage();">◄ Prev</label></div>
      <% } if (searchResults.hasNextPage()) { %>
      <div style="float:right"><label class="links" onclick="nextPage();">Next ►</label></div>
      <% } %>
    </div>
  <% } %>

<div class="sectiontitle" style="font-size: 14px"><label>Popular Hotel Brands</label></div>
<div id="popularBrands">   
    <% for ( var i = 0; i < popularBrandLimit && i < hotels.length; i++ ) { %>
    <div class="pbDiv">
        <div style="float:left">
            <div class="pbHotel"><a href="<%=hotels[i].DestinationUrl%>"><%=hotels[i].HotelName%></a><% if (hotels[i].LowRate > 9) { %><span> From <%=hotels[i].CurrencyCode%> <%=hotels[i].LowRate%></span><% } %><b> - <%=hotels[i].Destination%></b></div>
            <div class="pbImageDiv"><img style="margin:0px" width="75px" src="/media/images/hotels/brands/<%=hotels[i].HotelGroupID%>.jpg" onerror="replaceImage(this);" alt="<%=hotels[i].HotelGroupName%>"/></div>
        </div>
        <div class="divline"><img src="/images/spacer.gif" height="1" width="100%" ></div>
    </div>
    <% } %>
    <div class="pbSeeMore"><label onclick="togglePopularBrands();" style="cursor:pointer;font-size:9px;"><% if (hotels.length > 5) { %><%=popularBrandLink %><% } %></label></div>
</div>