<!DOCTYPE html>
{% load static %}
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Monitoreo de Multiples Medios</title>
	<meta name="description" content="M³: Monitoreo de Multiples Medios">
	<meta name="author" content="Mario Chirinos Colunga - CentroGeo">
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="icon" href="/static/images/m3.png">
	
	<!-- Bootstrap 3.3.7 -->
	<link rel="stylesheet" href="{% static 'new/bootstrap-3.3.7-dist/css/bootstrap.min.css' %}">
	<!-- Font Awesome -->
	<link rel="stylesheet" href="{% static 'new/font-awesome/css/font-awesome.min.css' %}">
	<!-- IonIcons -->
	<link rel="stylesheet" href="{% static 'new/Ionicons/css/ionicons.min.css' %}">
	<!-- Theme style -->
	<link rel="stylesheet" href="{% static 'new/adminLTE-dist/css/AdminLTE.min.css' %}">
	<!-- AdminLTE Skins. Choose a skin from the css/skins
       folder instead of downloading all of them to reduce the load. -->
	<link rel="stylesheet" href="{% static 'new/adminLTE-dist/css/skins/_all-skins.min.css' %}">
	<!-- Google Font -->
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic">
	<link href="https://fonts.googleapis.com/css?family=Libre+Franklin" rel="stylesheet">
	<link rel="stylesheet" href="{% static 'new/css/style.css' %}">



	{% block headMedia %}{% endblock %}


</head>
<body class="sidebar-mini skin-red" style="height: auto; min-height: 100%;">

	<div class="wrapper" style="height: auto; min-height: 100%;">
		{% include "new/header.html" %}
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar" style="height: auto;">
				{% block leftbar %} {% endblock %}
			</section><!-- /.sidebar -->
		</aside>
		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header">
				<h1>{% block dash-title %}Dashboard{% endblock %}</h1>
					<ol class="breadcrumb">
						<li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
						<li class="active">Dashboard</li>
					</ol>
			</section>

			<!-- Main content -->
			<section class="content">
				{%block dash %}{% endblock %}
			</section><!-- /.content -->
		</div> <!-- /.content-wrapper -->
	<footer class="main-footer">
		<div class="pull-right hidden-xs">
			<b>Version</b> 2.0
		</div>
		<strong>Copyright © 2016-2019 <a href="https://geoint.mx">Centro de Investigación en Ciencias de Información Geoespacial, A.C.</a>.</strong> All rights reserved.
	</footer>	
	</div><!-- ./wrapper -->

	<!-- jQuery 3 -->
	<script src="{% static 'new/js/jquery-3.3.1.min.js' %}"></script>

	<!-- Bootstrap 3.3.7 -->
	<script src="{% static 'new/bootstrap-3.3.7-dist/js/bootstrap.min.js' %}"></script>
	<!-- AdminLTE App -->
	<script src="{% static 'new/adminLTE-dist/js/adminlte.min.js' %}"></script>

        {% block scripts %}{% endblock %}

</body>
</html>
