{% include 'part_header.html' %}
{% include 'part_menu.html' %}
{% 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' %}
                    Videos Institucionales
                    <img src="tw{{template_url}}/img/icon-titulo.png" alt="" />
                    {% else %}
                    Videos Institucionales
                    {% endif %}
                </h1>
            </div>
        </div>
    </div>
	<div class="row">
		<div class="column small-24">
			<div id="gallery">
				<div class="column small-24 medium-24 large-12">
					<div id="panel" class="flex-video widescreen">
						<iframe id="largeVideo" width="560" height="315" src="tw{{videos[0].attrs.url_video.data[0]}}" frameborder="0" allowfullscreen></iframe>
					</div>
				</div>
				<div class="column small-24 medium-24 large-12">

					<div id="thumbs">
						{% for r in videos %}
						<div class="column small-12 medium-6 large-12 end">
							<img id="img-arriba" class="tw{{r.attrs.url_video.data[0]}}" src="tw{{r.attrs.imagen_video.data[0]|image}}" alt="tw{{r.attrs.titulo_video.data[0]}}" />
						</div>
						{% endfor %}

					</div>


				</div>
			</div>
		</div>
	</div>
</div>
<br/>
<br/>
{% include 'part_footer.html' %}