{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% if banner[0] %}


{% include 'part_banner.html' %}
{% endif %}

{% include 'part_menu_puntos_priv.html' %}
{% include 'part_menu_priv_small.html' %}



{#<div class="row bg-gris hide-for-large login-small">
   <div class="column small-24 medium-12">
       {% include 'part_login.html' %}
   </div>
   <div class="column small-24 medium-12">
       {% include 'part_menu_banner_small.html' %}
   </div>
</div> #}



<div class="content">
    <div class="content-titulo">
        <div class="row">
            <div class="column small-24">
                <h1 class="titulo-pagina">
                    {% if site_env=='cusa' %}
                    tw{{tarifas.attrs.titulo.data[0]|raw}}
                    <img src="tw{{template_url}}/img/icon-titulo.png" alt="" />
                    {% else %}
                    tw{{tarifas.attrs.titulo.data[0]|raw}}
                    {% endif %}
                </h1>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="column small-24 large-16" id="info">
            <ul class="accordion" data-accordion data-allow-all-closed="true">
                {% for r in destacado %}
                <li id="tw{{loop.index}}" class="accordion-item" data-accordion-item>
                    <a href="#" class="accordion-title">
                        tw{{r.attrs.titulo.data[0]|raw}} <img src="tw{{template_url}}/img_tw{{site_env}}/add.png" class="icono-amp" alt="" />
                    </a>
                    <div class="accordion-content contenido-cms" data-tab-content>
                        tw{{r.attrs.contenido.data[0]|raw}}
                    </div>
                </li>
                {% endfor %}
            </ul>
            <br/>
            <div>
                tw{{tarifas.attrs.contenido.data[0]|raw}}
            </div>
            <div>
                tw{{iva.attrs.contenido.data[0]|raw}}
            </div>
        </div>
        <div class="column small-24 large-8 show-for-large">
            <div data-sticky-container>
                <div class="sticky" data-sticky data-anchor="info">
                    {% if site_env == 'cyem' %}
                        {% include 'part_servicios_online.html' %}
                    {% endif %}
                    <div class="content-login">
                        {% include 'part_login.html' %}
                    </div>
                    <div class="content-cotizador-tarifa">
                        <div class="cotizador-div">
                            <div class="content-titulo-cotizador">
                                <span class="titulo-cotizador bold">Cotizar envío</span>
                            </div>
                            <span class="descripcion-cotizador">Realiza la cotización de tus envíos de una forma fácil y sencilla</span>
                            <br>
                            <div class="content-btn-calcular-envio">
                                <a href="tw{{site_url}}/calcule-su-envio" class="calcular-envio-tarifa bold">
                                    <img class="icono" src="tw{{template_url}}/img/icon-calcule-negro.png" alt="" />
                                    CALCULA TU ENVÍO
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
    </div>

    <br/>

    <div class="row">
        <div class="medium-up-3 large-up-3">
			{% for r in bancos %}
			<div class="column column-icon-centro">
				<div class="text-center">
					<a href="tw{{r.attrs.url.data[0]}}" target="tw{{r.attrs.abrir_en.data[0]}}"><img src="tw{{r.attrs.imagen.data[0]|image}}" title="tw{{r.attrs.titulo.data[0]}}" /></a>
				</div>
			</div>
			{% endfor %}
		</div>
    </div>
</div>
<br/>
<br/>
<script>
$('.accordion-title').click(function() {
       var src = ($(this).children(".icono-amp").attr('src') === template_url + '/img_tw{{site_env}}/add.png')
          ? template_url + '/img_tw{{site_env}}/del.png'
          : template_url + '/img_tw{{site_env}}/add.png';
       $(this).children(".icono-amp").attr('src', src);

       var acordions = $('.accordion-title');
       for (var i = 0; i < acordions.length; i++) {
         if (acordions[i].id != $(this).attr("id")) {
          $("#"+acordions[i].id).children(".accordion-title").children(".icono-amp").attr('src',template_url + '/img_tw{{site_env}}/add.png');
         }
       }
  });
</script>
{% include 'part_footer.html' %}