Submarino Viagens

Submarino Viagens > Hotéis > Resultado de busca

Pesquise seu Hotel

Digite aqui a cidade de seu hotel:

Data de entrada

Data de saída

Quartos

Adultos

Crianças

Quarto 1

Quarto 2

Quarto 3

<div class="segura-balao">
	    <div class="top-balao"></div>
	    <div class="meio-balao">
	        <div class="balao-hoteis-encontrados">
                <div class="segura-balao-qtd-hoteis-filtro">
                    <p class="balao-qtd-hoteis-valor-filtro">
                        <span id="lblActualNumberOfHotels">${NumberOfHotels}</span>
                        <span id="lblNumberOfHotels"></span>
                    </p>
                    <p class="balao-txt-hoteis">Hotéis Encontrados</p>
                </div>
	        </div>    	  
	        <div class="balao-menor-preco-encontrado">
	            <p class="balao-txt-menor-preco-encontrado">a partir de</p>
                <p class="balao-valor-menor-preco-encontrado" id="lblMinPrice">
                    {if isB2B()}
                        ${FormatDecimalPointsB2B(Math.ceil(MinPrice))} <span style="font-size:16pt;">pts</span>
                    {else}
                        ${FormatPriceSlider(MinPrice)}
                    {/if}
               </p>  
            </div>    	  
	    </div>
	    <div class="bottom-balao"></div>
    </div>
    {if isB2B()}
        <div class="filtrar-resultados" style="margin-left:0px !important;">
            <div id="hotel-container-links" style="display:none">
                <br />
	            <br />
                <span class="resetar-filtro" id="lblResetFilters" onclick="javascript:view.ResetHotelFilters();">Limpar Filtros</span>
            </div>
        </div>
    {else}
        <p class="filtrar-resultados"></p>
    {/if}
    <div class="border_filter">
        <p class="tit-filtro-nome">Por Nome do Hotel</p>
        <div class="campo-filtro-nome">
	        <input type="text" id="txtHotelNameFilter" class="filtro-label-nome" value="" onkeyup="javascript: HotelFilterUC.OnDoFilter();" />
            <div class="filtro-label-seta"></div>
	    </div>
        <p class="tit-filtro-preco">
            {if isB2B()}
                Por Pontos
            {else}
                Por Preço
            {/if}
        </p>
        
        <div class="filter_slider filter_priceSlider sliderHotelPrice" id="divSliderPrice">
            <div class="filter_slider_title">
                <div class="filter_left">
                    <span id="spnHotelMinPrice" class="spnMinPrice" />
                </div>
                <div class="filter_right">
                    <span id="spnHotelMaxPrice" class="spnMaxPrice"/>
                </div>
            </div>

<div class="filter_hotelSlider_control">
                <div id="sliderHotelPrice" class="sliderNoMargin" ></div>
            </div>
        </div>
                   
        <p class="tit-filtro-center-city">Por Distância do Centro</p>        
        <div class="filter_slider filter_centerCitySlider sliderCenterCity" id="divSliderCenterCity">
            <div class="filter_slider_title">
                <div class="filter_left">
                    <span id="spMinDistanceToCenterCity" />
                </div>
                <div class="filter_right">
                    <span id="spMaxDistanceToCenterCity" />
                </div>
            </div>

<p class="tit-filtro-nearest-airport">Por Distância do Aeroporto</p>        
        <div class="filter_slider filter_nearesAirportSlider sliderNearestAirport" id="divSliderNearestAirport">
            <div class="filter_slider_title">
                <div class="filter_left">
                    <span id="spMinDistanceToNearestAirport" />
                </div>
                <div class="filter_right">
                    <span id="spMaxDistanceToNearestAirport" />
                </div>
            </div>

<div class="filter_hotelSlider_control">
                <div id="sliderNearestAirport" class="sliderNoMargin"></div>
            </div>
        </div>
           
        <div class="segura-filtro-categoria">
	        <p class="tit-filtro-categoria">Por Categoria</p>
	        <p class="tit-filtro-categoria-melhor-preco">Melhor<br/>{if isB2B()}Condição{else}Preço{/if}</p>
            
            {for category in HotelStars}
                <div style="width: 175px; height: 22px; margin-top: 2px;">
                    <div class="filtro-por-preco-checkbox" >
                        {if category.Value < 1}
                            <input type="checkbox" value="${category.Key}" class="chkCategoryFilters checkbox" disabled="disabled" />
		                {else}
                            <input type="checkbox" value="${category.Key}" class="chkCategoryFilters checkbox" checked="checked" onclick="javascript: HotelFilterUC.OnDoFilter();" />
                        {/if}
                    </div>
                    <div class="filtro-por-preco-estrelas">
                        {if category.Key != 0}
                            {if category.Value < 1} 
                                <div class="filtro-sem-categoria filtro-sem-categoria-0${category.Key}"></div>
                            {else}
                                <div class="filtro-categoria filtro-categoria-0${category.Key}"></div>
                            {/if}
                        {else}
                            <span class="filtro-categoria-outros">Não Informado</span>
                        {/if}       
                    </div>
                    <div class="filtro-por-preco-valor" >
                        {if category.Value < 1}
                            -
                        {else}
                            {if isB2B()}
                                ${FormatDecimalPointsB2B(Math.ceil(category.Value))} PTS
                            {else}
                                ${FormatPriceSlider(category.Value)}
                            {/if}
                        {/if}
                    </div>
                    <div class="clear"></div>
                </div>
                <div class="clear"></div>
            {/for}
           
        </div>
                        
        <div id="segura-maps">
            <div class="top-maps"></div>

<div class="meio-maps">
                <p class="txt-maps">Hotéis próximos ao destino selecionado:</p>
            
            <div class="img-maps" onclick="javascript:HotelsUC.ShowHotelsMap();"> </div>
            
            <p class="call-maps">
                <a name="openMapa" class="open-window-modal" onclick="javascript: HotelsUC.ShowHotelsMap();">clique aqui</a></p>
        </div>
        <div class="bottom-maps"></div>
        </div>
        </div>

<div id="primeiro_controle_lista">
        <div class="segura-ord-pag">
            <div class="ord-pag-bg-left">
            </div>
            <div class="ord-pag-bg-centro">
                <div class="ord">
                    <p class="ord-p">
                        <b>Ordenar:</b>
                    </p>
                    <ul class="ord-tipo">
                        {for orderType in OrderTypes}
                            {if orderType.show}
                                <li class="ord-option">
                                    <a class="ord-option-a" type="${orderType.SortType}" dir="${orderType.Ordened}">
                                        ${orderType.Name}
                                    </a>
                                    {if orderType.Ordened}
                                        <div class="fluxo-seta-order-${orderType.Ordened}"></div>
                                    {/if}
                                </li>
                            {/if}
                        {/for}
                    </ul>
                </div>
                <div>
                    {if TotalHotels > NumberOptionsToShow[0].Number}
                        <div class="itensPag">
                            <p class="itensPag-p">Itens por página:   </p>
                            <select class="drpNumberOfOptions">
                                {for numberOption in NumberOptionsToShow}
                                    <option {if numberOption.Selected} selected="true" {/if}>${numberOption.Number}</option>
                                {/for}
                            </select>
                        </div>
                    {/if}
                    {if PagerOptions.length > 1}
                        <div class="pag">
                            <ul class="pag-lista">
                                {if ShowLeftPagerArrow}
                                    <li class="pag-lista-btn">
                                        <div class="left-pager-arrow fluxo-seta-left" title="Página Anterior"></div>
                                    </li>
                                    <li class="pag-lista-li">
                                        <a class="pagerIndex">1</a>
                                    </li>
                                    <li class="pag-lista-li">...</li>
                                {/if}
                            
                                {for pagerOption in PagerOptions}
                                    <li class="pag-lista-li">
                                        <a class="pagerIndex ${pagerOption.Selected}">${pagerOption.Number}</a>
                                    </li>
                                {/for}
                            
                                {if ShowRightPagerArrow}
                                    <li class="pag-lista-li">...</li>
                                    <li class="pag-lista-li">
                                        <a class="pagerIndex">${LastPagerOption}</a>
                                    </li>
                                    <li class="pag-lista-btn">
                                        <div class="fluxo-seta-right  right-pager-arrow" title="Próxima Página"></div>
                                    </li>
                                {/if}
                            </ul>
                        </div>
                    {/if}
                </div>
            </div>
            <div class="ord-pag-bg-right">
            </div>
        </div>
    </div>

{if isB2B()}
            <div class="preco-diaria" id="preco-diaria-${hotel.HashKey}">
                    </div>

<div class="box-titulo-conteudo">
                        <div class="name-end">
                            <h1 class="name name" style="width:500px; overflow:hidden">
                                ${hotel.Name}</h1>
                            <p class="end">
                                <span class="end-span-title">Endereço:</span>
                                <span class="hotelSource end-span-txt" style="font-weight:bold; font-size:14px; display:none">${Sources[hotel.Source] == "None" ? "CMS" : Sources[hotel.Source]}</span>
                                <span class="end-span-txt" style="width:440px; height:13px; overflow:hidden">
                                    {if hotel.Address.Street }
                                        ${hotel.Address.Street}
                                    {/if}
                                    {if hotel.Address.Number }
                                        , ${hotel.Address.Number}
                                    {/if}
                                    {if hotel.Address.District}
                                        - ${hotel.Address.District} 
                                    {/if}
                                    {if hotel.Address.City }
                                        - ${hotel.Address.City}
                                    {/if}
                                    {if hotel.Address.PostalCode}
                                        - ${hotel.Address.PostalCode}
                                    {/if}
                               </span>
                            </p>
                            <p class="breve-descricao" style="overflow:hidden; width:440px; padding-top: 10px; height: 42px; ">
                                ${hotel.Description}
                            </p>
                            <a class="mais-detalhes" style="margin-left: 0px !important; margin-top: 5px !important; " onclick="javascript: HotelsUC.Detail('${hotel.HashKey}');"></a>
                            <br />
                            <div class="clear"></div>
                            </div>
                            {if hotel.Latitude != 0 && hotel.Longitude != 0}
                                <div class="segura-distancias">
                                    {if hotel.DistanceToCenterCity}
                                    Distância para o centro da cidade: 
                                    <b>
                                        {var distanceCenterCity = hotel.DistanceToCenterCity.toFixed(2)}
                                        {if distanceCenterCity < 1}
                                            ${distanceCenterCity * 1000} m
                                        {else} 
                                            ${(parseFloat(distanceCenterCity)).FormatNumber()} km
                                        {/if}
                                    </b>
                                    {/if}
                                    {if hotel.NearestAirport}
                                        , Aeroporto mais próximo: 
                                        <b>
                                            {var distanceAirport = hotel.DistanceToNearestAirport.toFixed(2)}
                                            {if distanceAirport < 1}
                                                ${distanceAirport * 1000} m
                                            {else} 
                                                ${(parseFloat(distanceAirport)).FormatNumber()} km
                                            {/if}
                                        </b> 
                                        (<b>${hotel.NearestAirport.IATA}</b>) 
                                    {/if}
                                    <br />
                                </div>
                            {/if}

<div class="categoria">
                            <p class="categoria-title">
                                Categoria:</p>
                            <div class="categoria-hotel">
                                {if hotel.Stars != 0}
                                    {for starType in CreateStarsTypes(hotel.Stars)}
                                        <div class="categoria-img-cat-star-${starType}"></div>
                                    {/for}
                                {else}
                                    <span class="categoria-hotel-estrelas">
                                        {if hotel.Category != null && hotel.Category != ""}
                                            ${hotel.Category}
                                        {else}
                                            Não Informado
                                        {/if}
                                    </span>
                                {/if}
                            </div>

<div class="segura-loc-fot" style="margin-left: -60px !important; margin-top: 7px !important; ">
                                {if hotel.Latitude != 0 && hotel.Longitude != 0}
                                    <div class="loc" >
                                        <div class="loc-img" onclick="javascript: HotelsUC.ShowMap('${hotel.HashKey}')"></div>
                                        <a class="loc-fot-a" onclick="javascript: HotelsUC.ShowMap('${hotel.HashKey}');">
                                            <span class="loc-title">Localização</span>
                                        </a>
                                    </div>
                                {/if}
                                {if hotel.Images.length > 0}
                                    <div class="fot">
                                        <div class="fot-img" onclick="javascript: HotelsUC.ShowImages('${hotel.HashKey}');"></div>
                                        <a class="loc-fot-a" onclick="javascript: HotelsUC.ShowImages('${hotel.HashKey}');">
                                            <span class="fot-title">Fotos</span>
                                        </a>
                                    </div>
                                {/if}
                            </div>

</div>

<div class="segura-mask-thumb" style="margin-left: 10px !important; ">
                        {if hotel.IsRecommended}
		                    <div class="thumb-img-recomendado"></div>
                        {/if}

<div class="mask-img">
                            
                        </div>
                        {if hotel.ThumbImage}
                            <div>
                                <img class="thumb-img" border="0" width="100px" height="100px" alt="" src="${hotel.ThumbImage.Url}" />
                            </div>
                        {else}
                            <div class="thumb-img-error">
                                <img border="0" width="111px" height="111px" alt="" src="${ThumbError}" />
                            </div>
                        {/if}
                    </div>
            {else}

<div class="box-centro">
                <div class="segura-conteudo-box-centro">
                    <div class="segura-mask-thumb">
                        {if hotel.IsRecommended}
		                    <div class="thumb-img-recomendado"></div>
                        {/if}

<div class="mask-img">
                            
                        </div>
                        {if hotel.ThumbImage}
                            <div>
                                <img class="thumb-img" border="0" width="100px" height="100px" alt="" src="${HotelsUC.ParseImages(hotel.ThumbImage.Url)}" />
                            </div>
                        {else}
                            <div class="thumb-img-error">
                                <img border="0" width="111px" height="111px" alt="" src="${HotelsUC.ParseImages(ThumbError)}" />
                            </div>
                        {/if}
                    </div>
                    <div class="box-titulo-conteudo">
                        <div class="name-end">
                            <h1 class="name" style="width: 500px; overflow: hidden; height: 22px;">
                                ${hotel.Name}</h1>
                            <p class="end">
                                <span class="end-span-title">Endereço:</span>
                                <span class="end-span-txt" style="width: 440px; height: 13px; overflow: hidden;">
                                    {if hotel.Address.Street }
                                        ${hotel.Address.Street}
                                    {/if}
                                    {if hotel.Address.Number }
                                        , ${hotel.Address.Number}
                                    {/if}
                                    {if hotel.Address.District}
                                        - ${hotel.Address.District} 
                                    {/if}
                                    {if hotel.Address.City }
                                        - ${hotel.Address.City}
                                    {/if}
                                    {if hotel.Address.PostalCode}
                                        - ${hotel.Address.PostalCode}
                                    {/if}
                               </span>
                            </p>
                        </div>
                        <div class="categoria">
                            <p class="categoria-title">
                                Categoria:</p>
                            <div class="categoria-hotel" style="height: 15px; width:100px; overflow: hidden;">
                                {if hotel.Stars != 0}
                                    {for starType in CreateStarsTypes(hotel.Stars)}
                                        <div class="categoria-img-cat-star-${starType}"></div>
                                    {/for}
                                {else}
                                    <span class="categoria-hotel-estrelas">
                                        {if hotel.Category != null && hotel.Category != ""}
                                            ${hotel.Category}
                                        {else}
                                            Não Informado
                                        {/if}
                                    </span>
                                {/if}
                            </div>
                        </div>
                    </div>
                    <div class="segura-breve-drecricao">
                        <p class="breve-descricao" style="height: 42px; overflow: hidden; ">
                            ${hotel.Description}
                        </p>
                    </div>
                    <div class="segura-mais-detalhes">
                        <a class="mais-detalhes" onclick="javascript: HotelsUC.Detail('${hotel.HashKey}');">
                            + detalhes do hotel
                        </a>
                    </div>

{if hotel.Latitude != 0 && hotel.Longitude != 0}
                        <div class="segura-distancias">
                            {if hotel.DistanceToCenterCity}
                            Distância para o centro da cidade: 
                            <b>
                                {var distanceCenterCity = hotel.DistanceToCenterCity.toFixed(2)}
                                {if distanceCenterCity < 1}
                                    ${distanceCenterCity * 1000} m
                                {else} 
                                    ${(parseFloat(distanceCenterCity)).FormatNumber()} km
                                {/if}
                            </b>
                            {/if}
                            {if hotel.NearestAirport}
                                , Aeroporto mais próximo: 
                                <b>
                                    {var distanceAirport = hotel.DistanceToNearestAirport.toFixed(2)}
                                    {if distanceAirport < 1}
                                        ${distanceAirport * 1000} m
                                    {else} 
                                        ${(parseFloat(distanceAirport)).FormatNumber()} km
                                    {/if}
                                </b> 
                                (<b>${hotel.NearestAirport.IATA}</b>) 
                            {/if}
                            <br />
                        </div>
                    {/if}
                    
                    <div class="segura-loc-fot">
                        {if hotel.Latitude != 0 && hotel.Longitude != 0}
                            <div class="loc" >
                                <div class="loc-img" onclick="javascript: HotelsUC.ShowMap('${hotel.HashKey}')"></div>
                                <a class="loc-fot-a" onclick="javascript: HotelsUC.ShowMap('${hotel.HashKey}');">
                                    <span class="loc-title">Localização</span>
                                </a>
                            </div>
                        {/if}
                        {if hotel.Images.length > 0}
                            <div class="fot">
                                <div class="fot-img" onclick="javascript: HotelsUC.ShowImages('${hotel.HashKey}');"></div>
                                <a class="loc-fot-a" onclick="javascript: HotelsUC.ShowImages('${hotel.HashKey}');">
                                    <span class="fot-title">Fotos</span>
                                </a>
                            </div>
                        {/if}
                    </div>

<div class="preco-diaria" id="preco-diaria-${hotel.HashKey}">
                    </div>
          {/if}

<div class="conteudo-quarto">
                        <div class="segura-bloco-quarto segura-bloco-quarto-${hotel.HashKey}-${hotel_index}"  {if isB2B()}style="margin-top: 30px; #margin-top: 50px !important;" {else}  style="#margin-top: 35px !important;"{/if}>
                        
                            {if hotel.SeparatedRooms.length > 1}
                                <div class="bloco-indicacao-titulo">Selecione os tipos de quartos:</div>

<div class="botoes-quartos">
                                    {for separatedRoom in hotel.SeparatedRooms}
                                        <div class="selectRoom selectRoom${hotel.HashKey} selectRoom-${hotel.HashKey}-${parseInt(separatedRoom_index)+1} {if parseInt(separatedRoom_index)+1 == 1} bto-quarto-on selectedRoom {else} bto-quarto-off {/if}" block="${parseInt(separatedRoom_index)+1}" hotelIndex="${hotel_index}" hotelHash="${hotel.HashKey}" separatedRoom="${parseInt(separatedRoom_index)+1}">
                                            Quarto ${parseInt(separatedRoom_index)+1}
                                        </div>
                                    {/for}
                                    <div class="clear"></div>
                                </div>
                            {/if}

<div class="bloco-quarto-titulo">
                                {if hotel.SeparatedRooms.length > 1}
                                    <div class="tipo-selecione-titulo">Selecione</div>
                                {/if}
                                <div class="tipo-quarto-titulo">
                                    Tipo do Quarto</div>
                                
                                
                                    {if HotelsUC.IsPackage}
                                        <div class="valor-diaria-titulo-pacote">
                                            Valor do Pacote
                                        </div>
                                    {else}
                                        <div class="valor-diaria-titulo">
                                            Valor Total
                                        </div>
                                    {/if}
                                
                                {if HotelsUC.IsPackage && !isB2B()}
                                    <div class="valor-voce-economizou-titulo">
                                        Você economizou
                                    </div>
                                {/if}
                                
                            </div>
                                                        
                            {for separatedRoom in hotel.SeparatedRooms}
                                {var block = parseInt(separatedRoom_index)+1}

<div class="bloco-hotel bloco-hotel${hotel.HashKey}">
                                    {for room in separatedRoom}
                                        <div id="bloco-quarto-${hotel.HashKey}-${room.HashKey}" class='bloco-quarto bloco-quarto${block} bloco-quarto-${hotel.HashKey}-${room.HashKey} {if room_index >= MinRoomsToShowMore}show-more-room show-more-room-${hotel.HashKey}-${hotel_index} show-more-room-${hotel.HashKey}-${hotel_index}-${block} {/if}' {if block == 1 && room_index < MinRoomsToShowMore}  style='display: block;' {/if} >
                                            
                                            {if hotel.SeparatedRooms.length > 1}
                                                <div class="selecione">
                                                    <input type="radio" name="bloco-quarto${hotel.HashKey}-${block}" id="" class="roomSelector roomSelector${hotel.HashKey} roomSelector-${hotel.HashKey}-${block}" block="${block}" hashKey="${room.HashKey}" hotelHashKey="${hotel.HashKey}" separatedRoom="${block}" {if room_index == 0} checked="checked" {/if} />
                                                </div>
                                            {/if}
                                                                                        
                                            <div class="tipo-quarto {if hotel.SeparatedRooms.length > 1} tipo-quarto-separatedRooms {/if} ">

<div class="btn-plus btn-plus-${hotel.HashKey} btn-plus-${hotel.HashKey}-${hotel_index}-${block}-${room_index}" onclick="javascript: HotelsUC.ShowRoomDetails('${hotel.HashKey}-${hotel_index}-${block}-${room_index}')">
                                                    <div class="btn-plus-img"></div>
                                                    <div class="mais-detalhes-do-quarto hide">
                                                        <div class="mais-detalhes-do-quarto-img"></div>
                                                        <p class="mais-detalhes-do-quarto-txt">
                                                            Clique aqui e veja mais detalhes do quarto
                                                        </p>
                                                    </div>
                                                </div>
                                                <div class="btn-less btn-less-${hotel.HashKey} btn-less-${hotel.HashKey}-${hotel_index}-${block}-${room_index}" onclick="javascript: HotelsUC.HideRoomDetails('${hotel.HashKey}-${hotel_index}-${block}-${room_index}')">
                                                    <div class="btn-less-img"></div>
                                                </div>

<span class="roomSource" style="display:none"> - {if room.SourceOrigin == null} ${Sources[room.Source]} {else} ${room.SourceOrigin} via ${Sources[room.Source]} {/if}</span>
                                                </div>
                                                <div class="tipo-quarto-regime">
                                                    {if room.SelectedRoomOption.Board == null}
                                                        Não possui refeição incluída
                                                    {else}
                                                        <span> ${room.SelectedRoomOption.Board.Name} </span>
                                                    {/if}
                                                </div>
                                            </div>

{if hotel.SeparatedRooms.length == 1}
                                                <div class="{if HotelsUC.IsPackage}btn-reservar-aereoHotel{else}btn-reservar{/if}" onclick="HotelsUC.Buy('${hotel.HashKey}',['${room.HashKey}'])"></div>
                                            {/if}
                                            
                                        </div>

{if !HotelsUC.IsPackage}
                                            <div class="roomMoreInfo roomMoreInfo-${hotel.HashKey}-${hotel_index} roomMoreInfo-${hotel.HashKey}-${hotel_index}-${block}-${room_index}" hashKey="${hotel.HashKey}-${hotel_index}-${block}-${room_index}">

{if room.Services.length > 0}
                                                    <b>Serviços do quarto: </b>
                                                
                                                    {for service in room.Services}
                                                        {if (parseInt(service_index)+1) != room.Services.length}
                                                            ${service.Description + ","}
                                                        {else}
                                                            ${service.Description}
                                                        {/if}
                                                    {/for}
                                                    <br />
                                                {/if}

<div class="calendar">
                                                    <div class="week-days">
                                                        <div class="days-of-week"> </div>
                                                        <div class="days-of-week"> Dom </div>
                                                        <div class="days-of-week"> Seg </div>
                                                        <div class="days-of-week"> Ter </div>
                                                        <div class="days-of-week"> Qua </div>
                                                        <div class="days-of-week"> Qui </div>
                                                        <div class="days-of-week"> Sex </div>
                                                        <div class="days-of-week"> Sab </div>
                                                    </div>
                                                
                                                    <div class="clear"></div>
                                                
                                                    {for week in room.SelectedRoomOption.DailyFareCalendar}
                                                        <div class="week">
                                                            <div class="week-title">
                                                                Semana ${parseInt(week_index)+1}
                                                            </div>
                                                        
                                                            {for day in week}
                                                                <div class="days">  
                                                                    {if day}
                                                                        {if room.SelectedRoomOption.B2BExtension == null}
                                                                            {if day[0] == day[1]}
                                                                                ${day[1].FormatCurrency()}
                                                                            {else}
                                                                                <span class="valor-diaria-calendario-com-promo">${day[0].FormatCurrency()}</span>
                                                                                <span class="">${day[1].FormatCurrency()}</span>
                                                                            {/if}
                                                                        {else}
                                                                            {if day[0] == day[1]}
                                                                                ${FormatDecimalPointsB2B(Math.ceil(day[1]))}
                                                                            {else}
                                                                                <span class="valor-diaria-calendario-com-promo">${FormatDecimalPointsB2B(Math.ceil(day[0]))}</span>
                                                                                <span class="">${FormatDecimalPointsB2B(Math.ceil(day[1]))}</span>
                                                                            {/if}
                                                                        {/if}
                                                                     {else}
                                                                        -
                                                                     {/if}
                                                                </div>
                                                            {/for}
                                                        </div>
                                                        <div class="clear"></div>
                                                    {/for}

<div class="clear"></div>
                                                </div>
                                            </div>
                                        {/if}

{/for}
                                    <div class="clear"></div>
                                    {if hotel.SeparatedRooms.length > 1}
                                       {if separatedRoom.length >= (MinRoomsToShowMore + 1)}
                                            <div id="show-more-link-${hotel.HashKey}-${hotel_index}-${block}" class="show-more-link-${hotel.HashKey}-${hotel_index} show-more-link-${hotel.HashKey}-${hotel_index}-${block} show-more-rooms" separatedRoom="${block}" {if (block) > 1} style="display: none;" {/if}  onclick="javascript: HotelsUC.ShowMoreRooms('${hotel.HashKey}-${hotel_index}', this);">
                                                <span class="show-more-text">
                                                    ver mais quartos (${separatedRoom.length - MinRoomsToShowMore}) <div class="fluxo-seta-down"></div>
                                                </span>
                                            </div>
                                            <div id="hide-rooms-link-${hotel.HashKey}-${hotel_index}-${block}" class="hide-rooms-link-${hotel.HashKey}-${hotel_index} hide-rooms-link-${hotel.HashKey}-${hotel_index}-${block} show-more-rooms" separatedRoom="${block}" style="display: none;" onclick="javascript: HotelsUC.HideRooms('${hotel.HashKey}-${hotel_index}', this);">
                                                <span class="show-more-text">
                                                    esconder quartos <div class="fluxo-seta-up"></div> 
                                                </span>
                                            </div>
                                        {/if}
                                    {/if}
                                </div>
                            {/for}

{if hotel.SeparatedRooms.length > 1}
                                <div class="{if HotelsUC.IsPackage}btn-reservar-aereoHotel{else}btn-reservar{/if}" onclick="HotelsUC.Buy('${hotel.HashKey}')"></div>
                            {/if}
                        </div>

{if hotel.SeparatedRooms.length == 1}
                             {if hotel.SeparatedRooms[0].length >= (MinRoomsToShowMore + 1)}
                                <div class="show-more-link-${hotel.HashKey}-${hotel_index} show-more-rooms" onclick="javascript: HotelsUC.ShowMoreRooms('${hotel.HashKey}-${hotel_index}', this);">
                                    <span class="show-more-text">
                                        ver mais quartos (${hotel.SeparatedRooms[0].length - MinRoomsToShowMore}) <div class="fluxo-seta-down"></div>
                                    </span>
                                </div>
                                <div class="hide-rooms-link-${hotel.HashKey}-${hotel_index} show-more-rooms" style="display: none;" onclick="javascript: HotelsUC.HideRooms('${hotel.HashKey}-${hotel_index}', this);">
                                    <span class="show-more-text">
                                        esconder quartos <div class="fluxo-seta-up"></div>
                                    </span>
                                </div>
                            {/if}
                        {/if}
                    </div>
                </div>
                <div class="fix-height"></div>
            </div>
        </div>
        
        <div class="box-bottom ${hotel.HashKey}" >
        </div>

{if isB2B()}
    <div class="box-centro">
        <div class="segura-conteudo-box-centro" style="margin-top: 0px !important; ">
            <div id="Div1" class="info_fechar info_fechar-pacote" style="margin-top: 0px !important; " onclick="javascript: HotelsUC.CloseDetail();"></div>
            <div class="box-titulo-conteudo" style="width: 745px ! important;">
                <div class="name-end">
                    <h1 class="name threeDots"><span class="ellipsis_text">${Name}</span></h1>
                    <p class="end"><span class="end-span-title">Endereço:</span><span class="end-span-txt threeDots"><span class="ellipsis_text"> 
                        {if Address.Street }
                            ${Address.Street}
                        {/if}
                        {if Address.Number }
                            , ${Address.Number}
                        {/if}
                        {if Address.District}
                            - ${Address.District} 
                        {/if}
                        {if Address.City }
                            - ${Address.City}
                        {/if}
                        {if Address.PostalCode}
                            - ${Address.PostalCode}
                        {/if}</span></span> </p>
                </div>
                <div class="categoria" style="margin-right: 33px ! important;">
                    <p class="categoria-title" style="margin-left: 0px ! important;">Categoria:</p>
                    <div class="categoria-hotel" style="margin-left: 0px ! important; width: 100px;">
                        {if Stars != 0}
                            {for starType in CreateStarsTypes(Stars)}
                                <div class="categoria-img-cat-star-${starType}-pacote"></div>
                            {/for}
                        {else}
                            <span class="categoria-hotel-estrelas">
                            {if Category != null && Category != ""}
                                ${Category}
                            {else}
                                Não Informado
                            {/if}
                            </span>
                        {/if}
                    </div>
                </div>
            </div>
        </div>
        <div class="segura-descricao" style="margin: 0px ! important; padding-top: 10px ! important;">
            <p class="descricao">${Description}</p>
            {if Latitude != 0 && Longitude != 0}
            <div class="segura-distancias-detalhes">
                {if DistanceToCenterCity}
                    Distância para o centro da cidade: 
                    <b>
                        {var distanceCenterCity = DistanceToCenterCity.toFixed(2)}
                        {if distanceCenterCity < 1}
                            {var distanceCenterCity = distanceCenterCity * 1000} 
                            ${distanceCenterCity} m
                        {else} 
                            ${(parseFloat(distanceCenterCity)).FormatNumber()} km
                        {/if}
                    </b>
                {/if}
                {if NearestAirport}
                    , Aeroporto mais próximo: 
                    <b>
                        {var distanceAirport = DistanceToNearestAirport.toFixed(2)}
                        {if distanceAirport < 1}
                            {var distanceAirport = distanceAirport * 1000}
                            ${distanceAirport} m
                        {else}
                            ${(parseFloat(distanceAirport)).FormatNumber()} km
                        {/if}
                    </b>
                    (<b>${NearestAirport.IATA}</b>)
                {/if}
                <br />
            </div>
            {/if}
        </div>
        <div class="segura-mask-thumb" style="float: right !important; margin-right: 15px !important;">
	        {if IsRecommended}
		        <div class="thumb-img-recomendado"></div>
            {/if}    
	        <div class="mask-img">
	        </div>
	        {if ThumbImage}
                <div>
                    <img class="thumb-img" border="0" width="100px" height="100px" alt="" src="${ThumbImage.Url}" />
                </div>
            {else}
                <div class="thumb-img-error">
                    <img border="0" width="111px" height="111px" alt="" src="${ThumbError}" />
                </div>
            {/if}
        </div>
        <div class="servicos">
            <div class="descricao-container-servicos">
                <div class="descricao-barra-servicos-meio">
                    <h2 class="descricao-tit-servicos">Serviços Oferecidos /  Atrações e Lazer </h2>
                </div>
            </div>                    
            <div class="segura-descricao-lista-servicos">
            {if Services == undefined || Services.length == 0}
                <div class="nenhum-servico-encontrado">Nenhum serviço encontrado.</div>
            {else}
                <ul class='descricao-lista-servicos'>
                {var posicao=1}
                {for service in Services}
                    <li>${service.Description}</li>
                    {if ((posicao % 3) == 0)}
                        </ul>
                        {if (posicao != Services.length)}
                            <ul class='descricao-lista-servicos'>
                        {/if}
                    {/if}
                    {var posicao = posicao + 1}
                {/for}
                </ul>
            {/if}
            </div>
        </div>
        <div class="clear"></div>
    </div>
    {else}
    <div class="box-conteudo-hotel">
        <div class="box-titulo">
            <div class="box-titulo-bg-left"></div>

<div class="box-titulo-bg-centro"></div>
            <div class="box-titulo-bg-right"></div>
        </div>
        <div class="box-centro">
            <div class="segura-conteudo-box-centro">
                <div class="segura-mask-thumb">
	                {if IsRecommended}
		                <div class="thumb-img-recomendado"></div>
                    {/if}    
	                <div class="mask-img">
                        
	                </div>
	                {if ThumbImage && ThumbImage.Url != null}
                        <div>
                            <img class="thumb-img" border="0" width="100px" height="100px" alt="" src="${ThumbImage.Url}" />
                        </div>
                    {else}
                        <div class="thumb-img-error">
                            <img border="0" width="111px" height="111px" alt="" src="${ThumbError}" />
                        </div>
                    {/if}
                </div>
                <div class="box-titulo-conteudo">

<div class="name-end">
                        <h1 class="name" style="width: 500px; overflow: hidden; height: 22px;">
                            <span class="ellipsis_text">
                                ${Name}
                            </span>
                        </h1>
                        <p class="end">
                            <span class="end-span-title">
                                Endereço:
                            </span>
                            <span class="end-span-txt threeDots" style="width: 440px; height: 13px; overflow: hidden;">
                                {if Address.Street }
                                    ${Address.Street}
                                {/if}
                                {if Address.Number }
                                    , ${Address.Number}
                                {/if}
                                {if Address.District}
                                    - ${Address.District} 
                                {/if}
                                {if Address.City }
                                    - ${Address.City}
                                {/if}
                                {if Address.PostalCode}
                                    - ${Address.PostalCode}
                                {/if}
                            </span> 
                        </p>
                    </div>
                    <div id="btnFecharDetalhe" class="info_fechar info_fechar-pacote" onclick="javascript: HotelsUC.CloseDetail();"></div>
                </div>                                                                        
            </div>
            <div class="segura-descricao">
                <p class="descricao">${Description}</p>
            </div>
            
            <div class="categoria">
                <p class="categoria-title">Categoria:</p>

<div class="categoria-hotel">
                    {if Stars != 0}
                        {for starType in CreateStarsTypes(Stars)}
                            <div class="categoria-img-cat-star-${starType}-pacote"></div>
                        {/for}
                    {else}
                        <span class="categoria-hotel-estrelas">
                        {if Category != null && Category != ""}
                            ${Category}
                        {else}
                            Não Informado
                        {/if}
                        </span>
                    {/if}
                </div>
            </div>

{if Latitude != 0 && Longitude != 0}
                <div class="segura-distancias-detalhes">
                   {if DistanceToCenterCity}
                        Distância para o centro da cidade: 
                        <b>
                            {var distanceCenterCity = DistanceToCenterCity.toFixed(2)}
                            {if distanceCenterCity < 1}
                                {var distanceCenterCity = distanceCenterCity * 1000} 
                                ${distanceCenterCity} m
                            {else} 
                                ${(parseFloat(distanceCenterCity)).FormatNumber()} km
                            {/if}
                        </b>
                   {/if}
                   {if NearestAirport}
                        , Aeroporto mais próximo: 
                        <b>
                            {var distanceAirport = DistanceToNearestAirport.toFixed(2)}
                            {if distanceAirport < 1}
                                {var distanceAirport = distanceAirport * 1000}
                                ${distanceAirport} m
                            {else}
                                ${(parseFloat(distanceAirport)).FormatNumber()} km
                            {/if}
                        </b>
                        (<b>${NearestAirport.IATA}</b>)
                   {/if}
                   <br />
                </div>
            {/if}
        
            <div id="servicos">
                <div id="descricao-container-servicos">

<div class="descricao-segura-barra-servicos">
                        <div class="descricao-barra-servicos-left"></div>
                        <div class="descricao-barra-servicos-meio">
                            <h2 class="descricao-tit-servicos">Serviços Oferecidos /  Atrações e Lazer </h2>
                        </div>
                        <div class="descricao-barra-servicos-right"></div>
                    </div>

</div>
                <div class="segura-descricao-lista-servicos">
                    {if Services == undefined || Services.length == 0}
                        <div class="nenhum-servico-encontrado">Nenhum serviço encontrado.</div>
                    {else}
                        <ul class='descricao-lista-servicos'>
                        {var posicao=1}
                        {for service in Services}
                            <li>${service.Description}</li>
                            {if ((posicao % 3) == 0)}
                                </ul>
                                {if (posicao != Services.length)}
                                    <ul class='descricao-lista-servicos'>
                                {/if}
                            {/if}
                            {var posicao = posicao + 1}
                        {/for}
                        </ul>
                    {/if}
                </div>
            </div>
        </div>
    </div>
    {/if}

<div class="valor-diaria-quarto">
        {if isB2B()}
            {if SelectedRoomOption.B2BExtension.PromoDisplayAmountPoints == SelectedRoomOption.B2BExtension.DisplayAmountPoints}
                {if HotelsUC.IsPackage}
                     ${FormatDecimalPointsB2B(Math.ceil(SelectedRoomOption.PromoDisplayDailyFare))} PTS
                {else}
                    ${FormatDecimalPointsB2B(Math.ceil(SelectedRoomOption.B2BExtension.PromoDisplayAmountPoints))} PTS
                {/if}
             {else} 
                {if HotelsUC.IsPackage}
                    <div class="valor-diaria-quarto-com-promo">${FormatDecimalPointsB2B(Math.ceil(SelectedRoomOption.DisplayDailyFare))} PTS</div>
                    <div class="valor-diaria-quarto-sem-promo">${FormatDecimalPointsB2B(Math.ceil(SelectedRoomOption.PromoDisplayDailyFare))} PTS</div>
                {else}
                    <div class="valor-diaria-quarto-com-promo">${FormatDecimalPointsB2B(Math.ceil(SelectedRoomOption.B2BExtension.DisplayAmountPoints))} PTS</div>
                    <div class="valor-diaria-quarto-sem-promo">${FormatDecimalPointsB2B(Math.ceil(SelectedRoomOption.B2BExtension.PromoDisplayAmountPoints))} PTS</div>
                {/if}
            {/if}
        {else}
            {if SelectedRoomOption.PromoDisplayDailyFare == SelectedRoomOption.DisplayDailyFare}
                R$ ${SelectedRoomOption.PromoDisplayDailyFare.FormatCurrency()}
            {else} 
                <div class="valor-diaria-quarto-com-promo">R$ ${SelectedRoomOption.DisplayDailyFare.FormatCurrency()}</div>
                <div class="valor-diaria-quarto-sem-promo">R$ ${SelectedRoomOption.PromoDisplayDailyFare.FormatCurrency()}</div>
            {/if}
        {/if}
    </div>
    {if HotelsUC.IsPackage}
        <div class="valor-voce-economizou">
            {if isB2B()} {else}
                {if SelectedRoomOption.TotalPackageDiscount && SelectedRoomOption.TotalPackageDiscount > 0}
                    {if isB2B()}
                        ${FormatDecimalPointsB2B((SelectedRoomOption.DisplayDailyFare - SelectedRoomOption.PromoDisplayDailyFare))} PTS
                    {else}
                        R$ ${(SelectedRoomOption.DisplayDailyFare - SelectedRoomOption.PromoDisplayDailyFare).FormatCurrency()}
                    {/if}
                {else}
                    Sem Economia
                {/if}
            {/if}
        </div>
    {/if}

<div class="preco-diaria-bg-left">
    </div>
    <div class="preco-diaria-bg-center">
        <p class="preco-diaria-txt">{if HotelsUC.IsPackage} Pacotes{else}Diárias{/if} a partir {if PromoDisplayDailyFare == DisplayDailyFare} de:{/if}</p>
        {if isB2B()}
            {if PromoDisplayDailyFare == DisplayDailyFare}
                <p class="preco-diaria-valor">${FormatDecimalPointsB2B(Math.ceil(PromoDisplayDailyFare))} <label class="points-click">pts</label></p>
            {else}
                <div class="preco-diaria-valor-sem-promo-div">
                    <div class="preco-diaria-valor-txt">de:</div> 
                    <div class="preco-diaria-valor-sem-promo">${FormatDecimalPointsB2B(Math.ceil(DisplayDailyFare))} pts</div>
                </div>
                <div class="preco-diaria-valor-promo-div">
                    <div class="preco-diaria-valor-txt">por:</div>
                    <div class="preco-diaria-valor-promo">${FormatDecimalPointsB2B(Math.ceil(PromoDisplayDailyFare))} pts</div>
                </div>
            {/if}
        {else}
            {if PromoDisplayDailyFare == DisplayDailyFare}
                <p class="preco-diaria-valor">
                    R$ ${PromoDisplayDailyFare.FormatCurrency()}</p>
            {else}
                <div class="preco-diaria-valor-sem-promo-div">
                    <div class="preco-diaria-valor-txt">de:</div> 
                    <div class="preco-diaria-valor-sem-promo">R$ ${DisplayDailyFare.FormatCurrency()}</div>
                </div>
                <div class="preco-diaria-valor-promo-div">
                    <div class="preco-diaria-valor-txt">por:</div>
                    <div class="preco-diaria-valor-promo">R$ ${PromoDisplayDailyFare.FormatCurrency()}</div>
                </div>
            {/if}
        {/if}
    </div>
    <div class="preco-diaria-bg-right">
    </div>

<div class="segura-dados-pesquisa">
        
            
		    <div class="segura-destino-periodo">
		        <p class="infoDestino">
                    <b>
                        Destino:
                    </b> 
                    ${Destination}
                </p>
                
                <p class="infoPeriodo"><b>Período:</b> ${FormatSimpleDateValues(CheckIn)} <b>a</b> ${FormatSimpleDateValues(CheckOut)}</p>

<p class="infoQtdDiarias"><b>Qtd. Diárias:</b> ${DateDif(DateValuesToDate(CheckIn), DateValuesToDate(CheckOut))}</p>
		    </div>
		    <div class="info-pesquisa-qtos">
                {for room in Rooms}
		            <div class="info-pesquisa-detail">
                        <p class="infoDestino">
                            <b>Quarto ${parseInt(room_index)+1}:</b> ${room.Adults}
                            {if room.Adults > 1} 
                                adultos
                            {else} 
                                adulto
                            {/if}

{if room.ChildAges.length > 0}
                                e ${room.ChildAges.length} 
                                {if room.ChildAges.length > 1 }
                                    crianças ( 
                                        {for age in room.ChildAges} 
                                            {if age_index == (room.ChildAges.length - 2)} 
                                                ${age} e {else} 
                                                {if age_index < (room.ChildAges.length - 2)} 
                                                    ${age}, 
                                                {else} 
                                                    ${age} 
                                                {/if} 
                                            {/if} 
                                        {/for} 
                                   anos )
                                {else} 
                                    criança de ${room.ChildAges[0]} {if room.ChildAges[0] <= 1} ano {else} anos {/if}                               
                                {/if}
                            {/if}
                        </p>
                    </div>
                {/for} 
		    </div>	
            <div class="clear"></div>      
		</div>

O que é a etapa "Selecione seu hotel"?

O que faço na etapa "Selecionar Hotel"?

Não encontrou o que queria?

Para que serve o campo "Ordenar"?

Posso selecionar a quantidade de hotéis na visualização da página?

O valor do apartamento duplo ou triplo é referente à todos os passageiros?

O que significam as estrelas que cada hotel possui?

Quais informações são fornecidas para cada hotel?

Como posso encontrar mais informações?

Não conheço o endereço do hotel, como me localizo?

Como utilizo a ferramenta "Localização" do hotel?

O que significa "Tipo de quarto"?

Quero adicionar mais pessoas no meu quarto, mas a ferramenta de busca só me permite inserir até 3 pessoas. Como devo proceder?

Posso chegar no hotel em qualquer horário?

Já selecionei meu hotel, como prossigo minha reserva?

Por que não consigo visualizar os hotéis?

Pesquise seu Hotel