{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% include 'part_menu_puntos_priv.html' %}
{% include 'part_menu_priv_small.html' %}
<div class="content-slider">
    {% include 'part_slider.html' %}
    <div class="row">
        <div class="content-login-home">
            <div class="login show-for-large">
                {% include 'part_login.html' %}
            </div>
        </div>
    </div>
</div>
<div class="show-for-large">
    {% include 'part_menu_banner.html' %}
</div>
<div class="row bg-gris hide-for-large login-small index-con">
    <div class="column small-24 medium-12 xling-con">
        {% include 'part_login.html' %}
    </div>

    <div class="column small-24 medium-12 bg-serv xmenu-con">
        {% include 'part_menu_banner_small.html' %}
    </div>
</div>
<br/>
<div class="content">
    <div class="x-bg-gris">
        <div class="row">
    		<div class="column small-24">
    			<div class="row" data-equalizer>
    				<div class="medium-up-2">

    					{% for r in contenido_destacado %}
    					<div class="column column-icon-centro">
                            <div class="bg-gris">
                                <div class="icon text-center">
        							<img class="icono" src="tw{{r.attrs.imagen.data[0]|image}}" title="">
        						</div>
        						<br/>
        						<div data-equalizer-watch>
        							tw{{r.attrs.descripcion.data[0]|raw}}
        						</div>
        						<!--div class="text-center">
        							<a href="tw{{r.attrs.url.data[0]}}" target="tw{{r.attrs.abrir_en.data[0]}}"><input type="button" class="button radius" value="VER MAS"/></a>
        						</div-->
                            </div>
    					</div>
    					{% endfor %}
    				</div>
    			</div>
    		</div>
    	</div>
    </div>

	<div class="banner-como-comprar">
		<div class="row">
			<div class="column small-24 medium-14 large-12">
				<div class="centro">
					tw{{inicio.attrs.franja_1_texto_large.data[0]|raw}}
					<!--a href="tw{{site_url}}/como-comprar"><input type="button" class="animated infinite pulse-lento button radius" value="COMO COMPRAR"/></a!-->
				</div>
			</div>
			<div class="column small-24 medium-10 large-12">
				<div class="text-center">

					{% if inicio.attrs.franja_1_imagen.data[0] == false %}
					{% else %}
					<img src="tw{{inicio.attrs.franja_1_imagen.data[0]|image}}" alt="" />
					{% endif %}

				</div>

				<div class="flex-video widescreen text-center">
                    {% if site_env == 'cusa' %}
                    <video controls>
                        <source src="tw{{site_url}}/videos/puntos-shelf.mp4" type="video/mp4">
                    </video>
                    {% else %}

                    {% if inicio.attrs.video.data[0] == false %}
					{% else %}
					    tw{{inicio.attrs.video.data[0]|raw}}
					{% endif %}

                    {% endif %}

				</div>

			</div>
		</div>

	</div>
	<div class="row">
		<div class="column large-24 medium-24 small-24">
			<div class="text-tienda">
				<br/>
				<br/>
				tw{{inicio.attrs.contenido_tiendas.data[0]|raw}}
				<br/>
			</div>
		</div>
	</div>
	<div class="row">
		<div class="columns large-24 medium-24 small-24">
			<div class="row">
				<div class="small-up-2 large-up-4">
					{% for r in tiendas_en_linea %}
					<div class="column tiendas-en-linea">
						<hr/>
							<div class="text-center">
								<a class="hvr-push" href="tw{{r.attrs.url.data[0]}}" target="tw{{r.attrs.abrir_en.data[0]}}">
									<img  src="tw{{r.attrs.imagen.data[0]|image}}" alt="" />
								</a>
							</div>
						<hr class="show-for-large"/>
					</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
	<br/>
	<br/>
	<br/>
    {% include 'part_modal_sin_servicio.html' %}

</div>
<div class="box-registrarme">
	<div class="row">
		<div class="small-up-1">
			<div class="column text-center">
				<h3>tw{{inicio.attrs.titulo_registrarme.data[0]}}&nbsp;&nbsp;<a class="show-for-medium" href="tw{{site_url}}/registro-casillero-virtual"><input type="button" class="button radius" value="REGÍSTRATE"/></a></h3>
			</div>
			<div class="column text-center hide-for-medium">
				<a href="tw{{site_url}}/registro-casillero-virtual"><input type="button" class="button radius" value="REGÍSTRATE"/></a>
			</div>
		</div>
	</div>
</div>
{% include 'part_footer.html' %}