<div class="uk-container  uk-padding">
<h1 class="uk-text-center">Municipios Agroturísticos</h1>

<p>Puebla ofrece la oportunidad de conocer y vivir la experiencia del agroturismo como una expresión auténtica de la riqueza cultural de los habitantes del estado.</p>

<p>A través de la localización de puntos agroturísticos buscamos incrementar el turismo tanto nacional como internacional y de esta forma diversificar e incrementar los ingresos de las familias rurales que participan en el turismo en México.</p>


</div>
 <div class="uk-container container"> 
  <div class="uk-padding uk-grid">

     <div class="uk-width-1 uk-width-1-4@s uk-width-1-4@m uk-padding-remove">
    <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
        <a href="/sdr/index.php/ruta-del-mezcal" title="Ruta del Mezcal" target="_blank class="uk-display-block uk-position-relative">
            <img src="/sdr/images/site/agroturiticos/mezcal.jpg" width="1800" height="1200" alt="Ruta del Mezcal" class="uk-display-block">
            <div class="uk-position-center uk-overlay ">
                <h4 class="uk-margin-remove">Mezcal</h4>
            </div>
            <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
                <div class="uk-text-center">
                    <h4 class="uk-margin-remove">Ruta del</h4>
                    <h4 class="uk-margin-remove">Mezcal</h4>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="uk-width-1 uk-width-1-4@s uk-width-1-4@m uk-padding-remove">
    <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
        <a href="/sdr/index.php/ruta-de-la-manzana" title="Ruta de la Manzana" target="_blank" class="uk-display-block uk-position-relative">
            <img src="/sdr/images/site/agroturiticos/manzana.jpg" width="1800" height="1200" alt="Ruta de la Manzana" class="uk-display-block">
            <div class="uk-position-center uk-overlay ">
                <h4 class="uk-margin-remove">Manzana</h4>
            </div>
            <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
                <div class="uk-text-center">
                    <h4 class="uk-margin-remove">Ruta de</h4>
                    <h4 class="uk-margin-remove">la Manzana</h4>
                </div>
            </div>
        </a>
    </div>
</div>

 <div class="uk-width-1 uk-width-1-4@s uk-width-1-4@m uk-padding-remove">
    <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
        <a href="/sdr/index.php/ruta-del-cafe" title="Ruta del Café" target="_blank" class="uk-display-block uk-position-relative">
            <img src="/sdr/images/site/agroturiticos/cafe.jpg" width="1800" height="1200" alt="Ruta del Café" class="uk-display-block">
            <div class="uk-position-center uk-overlay ">
                <h4 class="uk-margin-remove">Café</h4>
            </div>
            <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
                <div class="uk-text-center">
                    <h4 class="uk-margin-remove">Ruta del</h4>
                    <h4 class="uk-margin-remove">Café</h4>
                </div>
            </div>
        </a>
    </div>
</div>

<div class="uk-width-1 uk-width-1-4@s uk-width-1-4@m uk-padding-remove">
    <div class="uk-inline-clip uk-transition-toggle uk-light" tabindex="0">
        <a href="/sdr/index.php/ruta-de-la-vainilla" title="Ruta de la Vainilla" target="_blank" class="uk-display-block uk-position-relative">
            <img src="/sdr/images/site/agroturiticos/vainilla.jpg" width="1800" height="1200" alt="Ruta de la Vainilla" class="uk-display-block">
            <div class="uk-position-center uk-overlay ">
                <h4 class="uk-margin-remove">Vainilla</h4>
            </div>
            <div class="uk-transition-fade uk-position-cover uk-overlay uk-overlay-primary uk-flex uk-flex-center uk-flex-middle">
                <div class="uk-text-center">
                    <h4 class="uk-margin-remove">Ruta de</h4>
                    <h4 class="uk-margin-remove">la Vainilla</h4>
                </div>
            </div>
        </a>
    </div>
</div>
    </div>
</div>

 
 