

<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width">
	<link rel="icon" type="image/png" href="img/favicon.png" />
	<title>Incivil - Rol en Vivo</title>
	<link rel="stylesheet" type="text/css" href="css/estilos.css">
	<link rel="stylesheet" type="text/css" href="css/fontello.css">
	<link rel="stylesheet" type="text/css" href="css/slider.css" >
	<link rel="stylesheet" type="text/css" href="css/menu.css" >
	<link rel="stylesheet" type="text/css" href="css/noticias.css" >
	<link rel="stylesheet" type="text/css" href="css/cookies.css" >
	<link href='https://fonts.googleapis.com/css?family=Oswald:300' rel='stylesheet' type='text/css'><!--FUENTE-->
	<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
	<!--Para mostrar Jquery Alerts-->
	<script type="text/javascript" src="jQuery/jquery.alerts.js"></script>
	<link href="jQuery/jquery.alerts.css" rel="stylesheet" type="text/css">
	<!---->
	<script type="text/javascript"> 

		//FUNCIONES CON JQUERY
		function eliminarNoticia(id, nombre){
		jConfirm("¿Quieres eliminar la noticia: <b>"+nombre+"</b>?", "Eliminar noticia", function(r) {
			if(r) {
				window.open("php/borrarNoticia.php?idNoticia="+id,"_self");
			} 
		})

	}

	</script>


</head>
<body>
	<!--Código HTML de la política de cookies -->
	<!--La URL incluida es la parte que se ha de modificar -->
	 
	<div class="cookiesms" id="cookie1">
	Esta web utiliza cookies, si tienes dudas consulta nuestra  <a href="http://www.incivil.es/incivil/cookies.php">política de cookies.</a> 
	Si continuas navegando estás aceptándola.
	<button onclick="controlcookies()">Aceptar</button>
	<div  class="cookies2" onmouseover="document.getElementById('cookie1').style.bottom = '0px';">Política de cookies + </div>
	</div>
	<script type="text/javascript">
	if (localStorage.controlcookie>0){ 
	document.getElementById('cookie1').style.bottom = '-50px';
	}
	</script>
	<!-- Fin del código de cookies -->
	<!--+++++++++++++++++++++++++++++++++ LOGOTIPO DESKTOP ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<a href="index.php">
		<figure style="background-image: url('img/logo.png');" class="logo"></figure>
	</a>

	<!--+++++++++++++++++++++++++++++++++ LOGOTIPO MÓVIL ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<div class="logoMovil">
		<a href="index.php">
		<img src="img/logo.png" height="526" width="2000" alt="">
		</a>
	</div>
	
	<!--+++++++++++++++++++++++++++++++++ MENÚ WEB INCIVIL ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<!--+++++++++++++++++++++++++++++++++ MENÚ RESOLUCIÓN GRANDE ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<header class="menuSeccion resolucionGrande">
		<div class="botonMenu">
			<label for="btn-menu" class="icon-menu" onclick="MostrarMenuMovil();"></label><!--Botón invisible para ver u ocultar el menú en los móviles-->
		</div>
		<nav class="menu" id="menu1">
			<ul>
				<li class="submenu"><a href="http://www.incivil.es/incivil/index.php" class="fuenteTituloMenu paginaElegida">Inicio<span class="icon-home iconosMenu"></span><span class="icon-down-open"></span></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/noticias.php" class="fuenteTituloMenu"><span class="icon-doc"></span>&nbsp Noticias &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/quienesSomos.php" class="fuenteTituloMenu"><span class="icon-users"></span>&nbsp ¿Quiénes somos? &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/rev.php" class="fuenteTituloMenu"><span class="icon-help-circled"></span>&nbsp ¿Qué es el rol en vivo? &nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/contacto.php" class="fuenteTituloMenu"><span class="icon-mail"></span>&nbsp Contáctanos &nbsp&nbsp</a></li>
						
					</ul>
				</li>
				<li class="submenu"><a href="http://www.incivil.es/incivil/eventos.php" class="fuenteTituloMenu">Eventos<span class="icon-flag iconosMenu"></span><span class="icon-down-open"></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/eventos.php" class="fuenteTituloMenu"><span class="icon-flag"></span>&nbsp Eventos actuales &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/museoEventos.php" class="fuenteTituloMenu"><span class="icon-museum"></span>&nbsp Museo de eventos &nbsp&nbsp</a></li>
					</ul>
				</li>
				<li class="submenu"><a href="http://www.incivil.es/incivil/ambientaciones.php" class="fuenteTituloMenu">Ambientaciones<span class="icon-globe iconosMenu"></span><span class="icon-down-open"></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/incivil.php" class="fuenteTituloMenu"><span class="icon-shield iconosMenu"></span>&nbsp Incivil &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/rainDay.php" class="fuenteTituloMenu"><span class="icon-umbrella iconosMenu"></span>&nbsp Rain Day &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/totenZone.php" class="fuenteTituloMenu"><span class="icon-police iconosMenu"></span>&nbsp Toten Zone &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/edenWars.php" class="fuenteTituloMenu"><span class="icon-space-shuttle iconosMenu"></span>&nbsp Eden Wars &nbsp&nbsp</a></li>
					</ul>
				</li>
				<li class="submenu"><a href="http://www.incivil.es/incivil/galeria.php" class="fuenteTituloMenu">Galería<span class="icon-camera iconosMenu"></span><span class="icon-down-open"></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/albums.php" class="fuenteTituloMenu"><span class="icon-picture iconosMenu"></span>&nbsp Reportajes fotográficos &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/videos.php" class="fuenteTituloMenu"><span class="icon-video iconosMenu"></span>&nbsp Vídeos &nbsp&nbsp</a></li>
					</ul>
				</li>
			</ul>
		</nav>
	</header>
	<!--+++++++++++++++++++++++++++++++++ MENÚ RESOLUCIÓN MÓVIL ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<header class="menuSeccion resolucionMovil">
		<div class="botonMenu">
			<label for="btn-menu"  class="icon-menu" onclick="MostrarMenuMovil();"></label><!--Botón invisible para ver u ocultar el menú en los móviles-->
		</div>
		<nav style="margin-top:30px;" class="menu" id="menu2">
			<ul>
				<li class="submenu"><a href="#" class="fuenteTituloMenu paginaElegida">Inicio<span class="icon-home iconosMenu"></span></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/noticias.php" class="fuenteTituloMenu"><span class="icon-doc"></span>&nbsp Noticias &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/quienesSomos.php" class="fuenteTituloMenu"><span class="icon-users"></span>&nbsp ¿Quiénes somos? &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/rev.php" class="fuenteTituloMenu"><span class="icon-help-circled"></span>&nbsp ¿Qué es el REV? &nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/contacto.php" class="fuenteTituloMenu"><span class="icon-mail"></span>&nbsp Contáctanos &nbsp&nbsp</a></li>
						
					</ul>
				</li>
				<li class="submenu"><a href="#" class="fuenteTituloMenu">Eventos<span class="icon-flag iconosMenu"></span></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/eventos.php" class="fuenteTituloMenu"><span class="icon-flag"></span>&nbsp Eventos actuales &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/museoEventos.php" class="fuenteTituloMenu"><span class="icon-museum"></span>&nbsp Museo de eventos &nbsp&nbsp</a></li>
					</ul>
				</li>
				<li class="submenu"><a href="#" class="fuenteTituloMenu">Ambientaciones<span class="icon-globe iconosMenu"></span></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/incivil.php" class="fuenteTituloMenu"><span class="icon-shield iconosMenu"></span>&nbsp Incivil &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/rainDay.php" class="fuenteTituloMenu"><span class="icon-umbrella iconosMenu"></span>&nbsp Rain Day &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/totenZone.php" class="fuenteTituloMenu"><span class="icon-police iconosMenu"></span>&nbsp Toten Zone &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/edenWars.php" class="fuenteTituloMenu"><span class="icon-space-shuttle iconosMenu"></span>&nbsp Eden Wars &nbsp&nbsp</a></li>
					</ul>
				</li>
				<li class="submenu"><a href="#" class="fuenteTituloMenu">Galería<span class="icon-camera iconosMenu"></span></a>
					<ul>
						<li><a href="http://www.incivil.es/incivil/albums.php" class="fuenteTituloMenu"><span class="icon-picture iconosMenu"></span>&nbsp Fotografías &nbsp&nbsp</a></li>
						<li><a href="http://www.incivil.es/incivil/videos.php" class="fuenteTituloMenu"><span class="icon-video iconosMenu"></span>&nbsp Vídeos &nbsp&nbsp</a></li>
					</ul>
				</li>
			</ul>
		</nav>
		<br>
		<hr>
	</header>




<!--COOKIES-->
<script src="js/cookie.js" type="text/javascript"></script>
<!---->	<!---++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
	<!--+++++++++++++++++++++++++++++++++ SLIDER ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<header id="encabezadoSlider">
		<div id="slider">
				
					<div><a href="https://www.incivil.es/incivil/Noticias/32.php?codigoNoticia=32"><img src="img/slider/InRol18.jpg" /></a></div>
						
					<div><a href="http://www.incivil.es/incivil/totenZone.php"><img src="img/slider/TZ.jpg" /></a></div>
						
					<div><a href="http://www.incivil.es/incivil/incivil.php"><img src="img/slider/incivil.jpg" /></a></div>
						
					<div><a href="http://www.incivil.es/incivil/edenWars.php"><img src="img/slider/conoceEW.jpg" /></a></div>
							</div>
	</header>
	<!--+++++++++++++++++++++++++++++++++ CONTENIDO ++++++++++++++++++++++++++++++++++++++++++++++++-->
	
	<section class="contenido">
		<h1 class="tituloNoticias"><span class="icon-doc"></span>&nbsp Noticias</h1>

		<article class="post">
			<!--++++++++++++++++++++++++MUESTRA DE NOTICIAS DINÁMICAS DESDE LA BASE DE DATOS++++++++++++++++++++++++-->
			<div class='bloqueNoticias'><a href='Noticias/40.php?codigoNoticia=40'><div class='portadaNoticia' style='background-image:url(http://www.incivil.es/incivil/img/encabezadosNoticias/33_inRol_2019.jpg)'><h1 class='tituloNoticia'>¡Las plazas a las InRol 2019 ya están abiertas! - <span class='icon-clock grey'></span>&nbsp29/04/2019 - 14:45:27</h1></br><p class='textoPortadaNoticia'></p></div></a></div><p class='espacios'>&nbsp</p><div class='bloqueNoticias'><a href='Noticias/39.php?codigoNoticia=39'><div class='portadaNoticia' style='background-image:url(http://www.incivil.es/incivil/img/encabezadosNoticias/32_inRol_2019.jpg)'><h1 class='tituloNoticia'>¿Qué son las InRol 2019? - <span class='icon-clock grey'></span>&nbsp22/04/2019 - 18:23:28</h1></br><p class='textoPortadaNoticia'></p></div></a></div><div class='bloqueNoticias'><a href='Noticias/38.php?codigoNoticia=38'><div class='portadaNoticia' style='background-image:url(http://www.incivil.es/incivil/img/encabezadosNoticias/31_inRol_2019.jpg)'><h1 class='tituloNoticia'>¡Vuelven las InRol 2019! - <span class='icon-clock grey'></span>&nbsp01/04/2019 - 22:12:57</h1></br><p class='textoPortadaNoticia'></p></div></a></div><p class='espacios'>&nbsp</p><div class='bloqueNoticias'><a href='Noticias/37.php?codigoNoticia=37'><div class='portadaNoticia' style='background-image:url(http://www.incivil.es/incivil/img/encabezadosNoticias/30_inRol.jpg)'><h1 class='tituloNoticia'>¡Las Jornadas InRol 2018 ya casi están aquí! - <span class='icon-clock grey'></span>&nbsp03/04/2018 - 18:25:23</h1></br><p class='textoPortadaNoticia'></p></div></a></div><br/><br/><center><div><p>1  <a href="?pagina=2">2</a>    <a href="?pagina=3">3</a>    <a href="?pagina=4">4</a>    <a href="?pagina=5">5</a>    <a href="?pagina=6">6</a>    <a href="?pagina=7">7</a>    <a href="?pagina=8">8</a>    <a href="?pagina=9">9</a>  <a href="?pagina=2"><span class="icon-right-bold"></span></a></p><p>Número de noticias: 35</p><p>Mostrando la página 1 de 9 paginas.</p></div>		</article>
		<!--++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
		
	</section>
	<!--+++++++++++++++++++++++++++++++++ COLUMNA IZQUIERDA ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<aside class="contenido-lateral">
		<!--++++++++++++++ACCESO DE USUARIOS++++++++++++++++++++++++++++-->
		<h1 class="titulo"><span class="icon-lock"></span>&nbsp Acceso usuario</h1>
			

			<!--PANEL DE USUARIO, SÓLO SE MUESTRA SI DETECTA SESIÓN-->
										<div class="fuenteTituloMenuario">
							<form action="logeo.php" method="get" accept-charset="utf-8">
								<span class="iconoLogin icon-user"></span><input name="usuario" id="usuario" required class="cajetillas" type="text" required placeholder="Usuario"><br/>
								<span class="iconoLogin icon-key"></span><input name="password" id="password" required class="cajetillas" type="password" required placeholder="Contraseña">
								<input name="aceptar" class="boton" id="aceptar" type="submit" value="Iniciar sesión"/>
							</form>
							<p class="centrado fuenteGris" >¿No eres miembro?&nbsp<a href="registrar.php"><span class="icon-user-plus">Regístrate</a></p>
						</div>
							<!--++++++++++++++++++++++++++++++++++-->
		
		<!--++++++++++++++ SÍGUENOS EN FACEBOOK++++++++++++++++++++++++++++-->
		<div class="fuenteTituloMenuario">
			<h1 class="titulo"><span class="icon-facebook-circled"></span>&nbsp Síguenos en Facebook</h1>
			<!--PLUGIN DE CARAS DE FACEBOOK-->
			<div id="fb-root"></div>
			<script>(function(d, s, id) {
			  var js, fjs = d.getElementsByTagName(s)[0];
			  if (d.getElementById(id)) return;
			  js = d.createElement(s); js.id = id;
			  js.src = "//connect.facebook.net/es_ES/sdk.js#xfbml=1&version=v2.6";
			  fjs.parentNode.insertBefore(js, fjs);
			}(document, 'script', 'facebook-jssdk'));</script>
			<div class="fb-page" data-href="https://www.facebook.com/Incivil-354133285092" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" height="700"></div>
		</div>
		<!--++++++++++++++ÚLTIMAS NOVEDADES++++++++++++++++++++++++++++-->
		<div class="fuenteTituloMenuario">
			<h1 class="titulo"><span class="icon-rss"></span>&nbsp Últimas novedades</h1>
			<!--+++++++++++++++++++++MUESTRA DINÁMICA DE ÚLTIMAS NOTICIAS DESDE LA BASE DE DATOS++++++++++++++++-->
			<ul class='novedades'><li><a href='Noticias/40.php?codigoNoticia=40'>¡Las plazas a las InRol 2019 ya están abiertas!</a></li><li><a href='Noticias/39.php?codigoNoticia=39'>¿Qué son las InRol 2019?</a></li><li><a href='Noticias/38.php?codigoNoticia=38'>¡Vuelven las InRol 2019!</a></li><li><a href='Noticias/37.php?codigoNoticia=37'>¡Las Jornadas InRol 2018 ya casi están aquí!</a></li><li><a href='Noticias/36.php?codigoNoticia=36'>¡Sólo quedan 6 plazas para las InRol 2018!</a></li><li><a href='Noticias/35.php?codigoNoticia=35'>¡Abiertas las plazas a las InRol 2018!</a></li><li><a href='Noticias/34.php?codigoNoticia=34'>¡No te quedes sin enviar tu actividad para las InRol 2018!</a></li><li><a href='Noticias/33.php?codigoNoticia=33'>¿Quieres organizar una actividad en las InRol 2018?</a></li><li><a href='Noticias/32.php?codigoNoticia=32'>¡Jornadas InRol 2018!</a></li><li><a href='Noticias/31.php?codigoNoticia=31'>¿Qué son las Jornadas InRol?</a></li></ul>			<!--+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-->
		</div>
	</aside>
	
	<!--+++++++++++++++++++++++++++++++++ PÍE DE PÁGINA ++++++++++++++++++++++++++++++++++++++++++++++++-->
	<footer class="pie-pagina">
		<div class="barraSocial">
			<a href="contacto.php" target=""><span class="iconoSocial icon-mail"></a></span><!--CONTÁCTANOS-->
			<a href="https://www.facebook.com/pages/Incivil/354133285092" target="_blank"><span class="iconoSocial icon-facebook-circled"></a></span><!--FACEBOOK-->
			<a href="https://twitter.com/GrupoIncivil" target="_blank"><span class="iconoSocial icon-twitter-circled"></a></span><!--TWITTER-->
			<a href="https://www.youtube.com/playlist?list=PLZg-Rglcsmr9WUjflrF0FnyupXEyjCl5O" target="_blank"><span class="iconoSocial icon-youtube"></a></span><!--YOUTUBE-->
			<a href="https://www.flickr.com/photos/14653385@N06/albums" target="_blank"><span class="iconoSocial icon-camera"></a></span><!--FLICKR-->
		</div>
		
	</footer>

	<div id="copyright"><p class="centrado gris" style="font-size:12px;">Copyright © 2015 Incivil. Todos los derechos reservados. Diseñado por Jesús Durán</p></div>
	
	<script src="js/menu.js"></script>
	<script src="js/funciones.js" type="text/javascript"></script>
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<!--+++++++SCRIPT PARA EL FUNCIONAMIENTO DEL SLIDER++++++++++++++++++++++-->
	<script type="text/javascript">//<![CDATA[
	$(function(){
	    $('#slider div:gt(0)').hide();
	    setInterval(function(){
	      $('#slider div:first-child').fadeOut(0)
	         .next('div').fadeIn(3000)
	         .end().appendTo('#slider');}, 5000);
	});
	</script>

</body>
</html>