{% extends "layout.html" %}

<!--title>Test d’Obertura Intercultural - UAB</title-->

{% block css %}
    <link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/style.css')}}">
    <!--link rel="stylesheet" type="text/css" href="{{url_for('static', filename='css/uab.css')}}" /-->
    <link rel="stylesheet" href="{{url_for('static', filename='css/lightview.css')}}" type="text/css" media="screen">
    <link rel="stylesheet" href="{{url_for('static', filename='css/colorbox.css')}}" type="text/css" media="screen">
{% endblock %}

{% block scripts %}
    <!--script src="{{url_for('static', filename='js/jquery.corner.js')}}" type="text/javascript"></script>
    <script src="{{url_for('static', filename='js/jquery.colorbox.js')}}"></script-->
    <script src="{{url_for('static', filename='js/cufon/cufon-yui.js')}}"></script>
    <script src="{{url_for('static', filename='js/cufon/Mistral_italic_400.font.js')}}"></script>
    <script src="{{url_for('static', filename='js/funciones.js')}}" type="text/javascript"></script>
{% endblock %}

{% block js %}
<script>
    function atWork()   {
        alert("Estem en procés de revisió. Disculpeu les molèsties. Tornem aviat.");
    }
</script>
{% endblock %}

{% block jquery %}
<script>
    $(function()    {
       if($(window).width() > 767)  {
           $("#movil").hide();
       } else {
           $("#btnStart").remove();
       }
       
        $("#btnMovilStart").click(function() {
            document.location="start?lng={{lng}}";
        });
       
    });
</script>
{% endblock %}

{% block style %}
{% endblock %}
{% block body %}
        <div class="row">
            <div class="col-md-12">
                <div class="">
                <img class="img-responsive center-block sombra" src="{{url_for('static', filename='imagenes/cabeceraConLogo.jpg')}}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="maintitol">
                    <span  style="color:white">{{lbls[0].texto}}</span>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="">
                    <img class="img-responsive center-block sombra_video" id="video_home" src="{{url_for('static', filename='imagenes/video.home.png')}}">
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div>
                    &nbsp;
                </div>               
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div class="" style="text-align:center">
                    <button class="btn btn-default btnrodo" style="background-color:#326a98;color:white" id="btnStart">{{lbls[3].texto|safe}}</button>
                </div>               
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <div>
                    &nbsp;
                </div>               
            </div>
        </div>
    </div>
    <div class="row">
        <div class="maininfo col-sm-12">
            <div id="movil" class="text-center">
                <button class="btn btn-default btnrodo" style="background-color:#326a98;color:white" id="btnMovilStart">{{lbls[3].texto|safe}}</button>
                <div>
                    &nbsp;
                </div>               
            </div>
            <span style="color:white">{{lbls[1].texto|safe}}</span>
        </div>      
    </div>      
    <br/>         
    <br/>         
    <br/>         
    <br/>         
    <br/>         
    <br/>         
    <br/>         

{% endblock %}