<!-- Revolution Slider -->
<section class="revolution-slider">
  <div class="bannercontainer">
    <div class="banner">
      <ul>
        <!-- Slide 1 -->
        <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" > 
          <!-- Main Image --> 
          <img src="images/slides/b1/fundo.jpg" style="opacity:0;" alt="Café da manhã"  data-bgfit="cover" data-bgposition="center" data-bgrepeat="no-repeat"> 
          <!-- Layers -->           
          <!-- Layer 1 -->
          <!--<div class="caption sft revolution-starhotel bigtext"  
          				data-x="right" 
                        data-y="0" 
                        data-speed="700" 
                        data-start="0" 
                        data-easing="easeOutBack"
                        > 
              <img src="images/slides/b1/estampa.jpg" alt="" />		
          </div>-->
          <!-- Layer 2 -->
          <div class="caption sft revolution-starhotel smalltext"  
          				data-x="right" 
                        data-y="0"
                        data-speed="800" 
                        data-start="500" 
                        data-easing="easeOutBack">
              <img src="images/slides/b1/texto.png" width="856" height="449" alt="" />		
          </div>
        
        </li>
        <!-- Slide 2 -->
        <li data-transition="fade" data-slotamount="7" data-masterspeed="1500" > 
          <!-- Main Image --> 
          <img src="images/slides/b2/fundo.jpg" style="opacity:0;" alt="Apartamentos"  data-bgfit="cover" data-bgposition="center" data-bgrepeat="no-repeat"> 
          <!-- Layers -->           
          <!-- Layer 1 -->
          <!--<div class="caption sft revolution-starhotel bigtext"  
          				data-x="right" 
                        data-y="0" 
                        data-speed="700" 
                        data-start="0" 
                        data-easing="easeOutBack"
                        > 
              <img src="images/slides/b1/estampa.jpg" alt="" />		
          </div>-->
          <!-- Layer 2 -->
          <div class="caption sft revolution-starhotel smalltext"  
          				data-x="right" 
                        data-y="0"
                        data-speed="800" 
                        data-start="500" 
                        data-easing="easeOutBack">
              <img src="images/slides/b2/texto.png" width="1077" height="449" alt="" />		
          </div>
        
        </li>
      </ul>
    </div>
  </div>
</section>
