<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="es"> <!--<![endif]-->
<html lang="es">

<head>
    <meta charset="utf-8">

    {% block metas %}
    <title>{{ title }} &#8212; {{ settings.SITE_TITLE }}</title>
    <meta name="description" content="My blog content" />
    <meta name="keywords" content="blog, content" />
    {% endblock %}
    <meta name="viewport" content="width=device-width" />

    <!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

	<!-- CSS -->
    <link rel="shortcut icon" href="favicon.ico" />
    <link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap.css">
    <link rel="stylesheet" href="{{ STATIC_URL }}css/bootstrap-responsive.css">
    <link rel="stylesheet" href="{{ STATIC_URL }}css/custom.css">
    <link rel="stylesheet" href="{{ STATIC_URL }}css/colorbox.css">
    {% block css %}{% endblock %}
	<!-- /CSS -->
    <link rel="alternate" type="application/atom+xml" href="" title="{{ blogtitle }}" />
</head>

<body class="container">

  <!-- Header -->
  <div class="row">
    <header class="span10 offset1" id="header">
	  {% block header %}{% include "elements/header.html" %}{% endblock %}
	</header>
  </div>
  <!-- /Header -->

  <!-- Nav -->
  <div class="row">
    <nav class="span10 offset1 menu">
	  {% block nav %}{% include "elements/nav.html" %}{% endblock %}
	</nav>
  </div>
  <!-- /Nav -->

  <!-- BreadCrumbs -->
  <div class="row">
    <section class="span10 offset1" id="breadcrumbs">
	  {% block breadcrumbs %}{% include "elements/breadcrumbs.html" %}{% endblock %}
    </section>
  </div>
  <!-- /BreadCrumbs -->

  <!-- Notification -->
  <div class="row">
    <section class="span10 offset1" id="notification">
	  {% include "elements/notification.html" %}
	</section>
  </div>
  <!-- /Notification -->

<div class="row">
    <div class="span10 offset1">
	  <div class="content">
		{% block content %}Este es el contenido por defecto de la
		página web{% endblock %}
	  </div>
    </div>
</div>

<!-- Footer -->
<div class="row">
  <footer class="span10 offset1 foot">
	{% block footer %}{% include "elements/footer.html" %}{% endblock %}
  </footer>
</div>
<!-- /Footer -->

<!-- Modals -->
{% block modals %}{% include "elements/modals.html" %}{% endblock %}
<!-- /Modals -->

<!-- Javascript -->
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/jquery-1.7.2.js"></script>
<script>window.jQuery || document.write('<script type="text/javascript" src="{{ STATIC_URL }}js/libs/jquery-1.7.2.js"><\/script>')</script>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/modernizr-2.5.3-respond-1.1.0.min.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/bootstrap/bootstrap.js"></script>
<script type="text/javascript" src="{{ STATIC_URL }}js/libs/jquery.colorbox.js"></script>
{% block js %}{% endblock %}
<script type="text/javascript" src="{{ STATIC_URL }}js/custom.js"></script>

{% block javascript %}{% endblock %}
<script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', '{{ settings.KEY_ANALYTICS }}']);
      _gaq.push(['_trackPageview']);

      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
      })();
</script>
<!-- /Javascript -->

</body>
</html>
