<?php 
	//seguridad base
	session_start();

	if(!isset($_SESSION['id_usuario'])){
		header("Location: index.php");
		die();
	}
 ?>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		
		<title> THOMSON REUTERS | ARGENTINA </title>
		
		<link rel="stylesheet" href="libs/bootstrap-3.3.7-dist/css/bootstrap.min.css">
		<link rel="stylesheet" href="libs/bootstrap-3.3.7-dist/css/bootstrap-theme.min.css">
		
		<script src="libs/jquery-1.12.4.min.js" type="text/javascript"></script>
		<script src="libs/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
		
		<style type="text/css" media="screen">
			@font-face {
				font-family: Knowledge-Light;
				src: url(recursos/FONT/Knowledge-Light.ttf);
			}
			@font-face {
				font-family: Knowledge-Regular;
				src: url(recursos/FONT/Knowledge-Regular.ttf);
			}
			@font-face {
				font-family: Montserrat-Light;
				src: url(recursos/FONT/Montserrat-Light.otf);
			}
			*, body{
				font-family: "Arial" ;
			}
			.navbar{
				min-height: 80px;
			}
			#logo_navbar{
				margin-top: 7px;
				margin-left: 55px;
				width: 370px;
			}

			#body{
				margin-top: 20px;
			}

			.archivo{
				margin-bottom: 30px
			}

			.archivo .texto-naranja{
				margin-top: 6px;
			}

			.archivo .texto-gris{
				margin-top: 4px;
			}
			.archivo .texto-azul{
				margin-top: 8px;
			}

			#titulo_evento{
				font-size: 40px;
				color: #555555;
				font-family: Knowledge-Light;
				margin-top: 15px;
			}
			.navbar-default .navbar-nav > .active > a, 
			.navbar-default .navbar-nav > .active > a:focus, 
			.navbar-default .navbar-nav > .active > a:hover{
				background: none;
				box-shadow: none;
				color: #FF6C0C;
				text-decoration: underline;
				
			}

			.navbar-nav > li > a{
				font-family: Knowledge-Regular;
			}

			#btn-buscar{
				background: none;
				border: none;
				padding: 0px; 
			}
			#div_pregunta{
				margin-top: 20px;
			}
			#div_pregunta label{
				color: #999;
				font-weight: normal;
			}
			#div_archivo{
				margin-top: 20px;
			}

			#pregunta{
				height: 100px;
				width: 100%;
				resize: none;
				border: 1px solid #cccc;

			}

			hr{
				border-top-color: #646569;
			}
			#eventos_anteriores{
				margin-bottom: 10px;
			}
			#eventos_anteriores p {
				margin-top: 15px;
				font-size: 15px;

			}
			#footer{
				background-color: #555555;
				height: 40px;
				font-family: Montserrat-Light;
				color: #B3B3B3;
				font-size: 11px;
				width: 100%;
				text-align: center;
				
			}

			.pagination > li > a{
				border:none;
				font-size: 16px;
				font-weight: bold;
				color: #555555;
			}	

			
			.pagination > .active > a,
			.pagination > .active > a:focus,
			.pagination > .active > a:hover{
				background: none;
				color: #FF6C0C;
			}

			/* Estilo esclusivo celular */
			@media (max-width: 767px) { 
				.navbar{
					min-height: 50px;
				}
				#logo_navbar{
					margin-top: -1px;
					margin-left: 0px;
					width: 228px;
				}
				
				#footer{
					margin-top: 100px;
					padding-top: 6px;
				}
			}
	
			/* Estilo resolucion mayor a un celular */
			@media (min-width: 768px) { 
				#menu{
					margin-right: 25px;
					font-size: 15px
				}
				.navbar-nav > li > a{
					padding-top: 30px;
					padding-bottom: 30px;
				}

				#footer{
					/*position: fixed;
					bottom: 0;*/
					padding-top:13px; 
					margin-top: 60px;
				}
			}
			
	
			/* Clases asistentes */
			.texto-naranja{
				color: #FF6C0C;
			}
			.texto-gris{
				color: #555555;
			} 
			.texto-azul{
				color: #0099C4;
			}

			.bold{
				font-weight: bold;
			}

			.px16{
				font-size: 16px;
			}
			.px15{
				font-size: 15px;	
			}
			.input{
				width: 100%;
				border-top: none;
				border-right: none;
				border-left: none;
				border-bottom: 1px solid #cccc;
				padding: 7px 0px;
				margin-bottom: 3px;
				margin-top: 7px;
			}
			.input:placeholder{
				color: #999;
			}
			.wrapper {
				
				width: 100%;
				/* whatever width you want */
				display: inline-block;
				position: relative;
			}
			.wrapper:after {
				padding-top: 56.25%;
				/* 16:9 ratio */
				display: block;
				content: '';
			}
			.main {
			    position: absolute;
			    top: 0;
			    bottom: 0;
			    right: 0;
			    left: 0;
			    background-color: black;
			    color: white;
			}
		</style>
		<script type="text/javascript">
		
			$(document).ready(function() {

				
				$('#form_pregunta').on('submit',  function(event) {
					event.preventDefault();
					alert("submit correcto");
					/*
					$.post('enviar_mensaje.php', $('#form_pregunta').serialize()  , function(data, textStatus, xhr) {
						alert(data);
						
						$('#form_pregunta')[0].reset();

						if(data == "Envió exitoso"){
							$('#form_contacto')[0].reset();
						}
						
					});*/

					return false;
				});
			
			});

		</script>
	</head>
	<body>
		<nav class="navbar navbar-default">
		  	<div class="container-fluid">
		    	<!-- Brand and toggle get grouped for better mobile display -->
		    	<div class="navbar-header">
			      	
			      	<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-collapse-en-vivo" aria-expanded="false">
			        	<span class="sr-only">Toggle navigation</span>
			        	<span class="icon-bar"></span>
			        	<span class="icon-bar"></span>
			        	<span class="icon-bar"></span>
			      	</button>
					
			      	<a class="navbar-brand" href="index.php">
			      		<img alt="Thimsin Reuters" src="recursos/logo.png" id="logo_navbar">
			      	</a>
		    	</div>

		    	<div class="collapse navbar-collapse" id="navbar-collapse-en-vivo">
	      			
	      			<ul class="nav navbar-nav navbar-right" id="menu" >
	        			<li><a href="en_vivo.php">EN VIVO</a></li>
	        			<li class="active"><a href="archivo.php">BIBLIOTECA</a></li>
	        			<li><a href="php/cerrar_sesion.php">LOGOUT</a></li>
	      			</ul>
	    		</div><!-- /.navbar-collapse -->
	
		  	</div><!-- /.container-fluid -->
		</nav>
		
		<div class="container" id="body">
			<div class="row">
				<div class="col-sm-8 " id="div_principal">
					<div class="row">
						<div class="col-sm-12">
							<h1 id="titulo_evento"> Biblioteca: Eventos Anteriores </h1>
						</div>
					</div>
				</div>
				<div class="col-sm-4" id="div_buscar">
					<div class="row">
						<form id="form_buscar">
							<div class="col-sm-12 px15">
								<input type="text" class="input" name="nombre" placeholder="Ingrese aquí su búsqueda" required="">
							</div>
							<div class="col-sm-12">
								<button type="submit" id="btn-buscar" class="texto-azul px16 bold" > Buscar > </button>
							</div>
						</form>
					</div>
				</div>

				<div class="col-sm-12" id="div_archivo">
					<div class="row">
						<div class="col-sm-6 col-md-4 archivo">
							<div class="row">
								<div class="col-sm-12">
									<div class="wrapper">
										<div class="main">
											<iframe src="https://player.vimeo.com/video/183597141?title=0&byline=0&portrait=0" width="360" height="240" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
										</div>
									</div>
								</div>
								<div class="col-sm-12 px15 texto-naranja">
									19 de Septiembre 2016
								</div>
								<div class="col-sm-12 px16 texto-gris bold">
									Régimen de sinceramiento fiscal. Reproducción evento anterior.
								</div>
								<div class="col-sm-12 px16 texto-azul bold">
									<a href="https://drive.google.com/file/d/0B1i8K9qESwTlOUlUSDdMbGFKVGc/view?usp=sharing"> Presentaciones del evento > </a>
								</div>
							</div>
						</div>
					</div>
				</div><!-- Termina div archivo -->
				<div class="col-sm-12" id="div_archivo">
					<div class="row">
						<div class="col-sm-6 col-md-4 archivo">
							<div class="row">
								<div class="col-sm-12">
									<div class="wrapper">
										<div class="main">
											<iframe src="https://player.vimeo.com/video/190031698?title=0&byline=0&portrait=0" width="360" height="240" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
										</div>
									</div>
								</div>
								<div class="col-sm-12 px15 texto-naranja">
									28 de octubre 2016
								</div>
								<div class="col-sm-12 px16 texto-gris bold">
									Régimen de sinceramiento fiscal. Reproducción evento anterior.
								</div>
								<div class="col-sm-12 px16 texto-azul bold">
									<a href="https://drive.google.com/file/d/0B1i8K9qESwTlOXp1RWltN2U5ajA/view?usp=sharing"> Presentaciones del evento > </a>
								</div>
							</div>
						</div>
					</div>
					</div><!-- Termina div archivo -->
				<div class="col-sm-12" id="div_archivo">
					<div class="row">
						<div class="col-sm-6 col-md-4 archivo">
							<div class="row">
								<div class="col-sm-12">
									<div class="wrapper">
										<div class="main">
											<embed src="//www.youtube.com/v/mnrRsn9vGEU?autoplay=1;hl=es_MX&amp;version=3" type="application/x-shockwave-flash" width="360" height="240" allowscriptaccess="always" allowfullscreen="true";controls=0;modestbranding=1;showinfo=0></embed>
										</div>
									</div>
								</div>
								<div class="col-sm-12 px15 texto-naranja">
									1 de diciembre 2016
								</div>
								<div class="col-sm-12 px16 texto-gris bold">
									Régimen de sinceramiento fiscal. Reproducción evento anterior.
								</div>
								<div class="col-sm-12 px16 texto-azul bold">
									<a href="https://drive.google.com/file/d/0B1i8K9qESwTleDR3QU9rV2tqNms/view?usp=sharing"> Presentaciones del evento 1 > </a>
								</div>
								<div class="col-sm-12 px16 texto-azul bold">
									<a href="https://drive.google.com/file/d/0B1i8K9qESwTlRE9WYnd0MnAyc0E/view?usp=sharing"> Presentaciones del evento 2> </a>
								</div>
							</div>
						</div>
					</div>
				</div><!-- Termina div archivo -->
				<div class="col-sm-12 text-center">
					<nav aria-label="Page navigation">
					  	<ul class="pagination">
					    	<li class="active"><a href="#">1</a></li>
					    	<li><a href="#">2</a></li>
					    	<li><a href="#">3</a></li>
					    	<li><a href="#">4</a></li>
					    	<li><a href="#">5</a></li>
					    	<li><a href="#">6</a></li>
					    	<li><a href="#">7</a></li>
					    	<li><a href="#">8</a></li>
					    	<li><a href="#">9</a></li>
					    	<li>
						      	<a href="#" aria-label="Next">
						        	<span class="glyphicon glyphicon-play"></span>
						      	</a>
					    	</li>
					  	</ul>
					</nav>
				</div>
			</div>	
		</div>

		<div class="container-fluid" id="footer">
			<!-- Licencia: www.diabetes.org.ar <span class="hidden-xs">| </span> <br class="visible-xs-block">  Streaming: www.livedirecto.com -->
			Licencia: www.thomsonreuters.com.ar <span class="hidden-xs">| </span> <br class="visible-xs-block"> Streaming: www.livedirecto.com
		</div>
	</body>
</html>