<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
</head>
<body><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<!DOCTYPE html>
<html lang="en">
	<head>
		<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
		<meta charset="utf-8">
		<title>Menu!!</title>
		<link href="css/style_menu.css" rel="stylesheet" type="text/css" />
		<link href="icon.css" media="screen" rel="stylesheet" type="text/css" />
		<script src="http://localhost:3000/socket.io/lib/socket.io.js"></script>
   
	</head>

<body>
	<div class="wrap">
	<nav>
		<ul class="menu">
			
			<li><a href="/usuario"><span class="icon-github"> </span>Perfil</a>
			</li>
			<li><a href="/Anuncios"><span class="icon-users"></span>Donaciones</a>
			<li><a href="#"><span class="icon-film"> </span>Adopciones</a>
				<ul>
					<li><a href="/video">Hacer video o foto</a></li>
					<li><a href="/upload">Subir archivo</a></li>
					<li><a href="/mos_foto">Animales en adopcion</a></li>
					<li><a href="/mos_video">Animales felices</a></li>
					
				</ul>
			</li>
			<li><a href="#"><span class="icon-home"></span>¿Quienes somos?</a>
				<ul>
					<li><a href="/Adopcion">Como adoptar</a></li>
					<li><a href="/Busqueda">Busqueda</a></li>
					<li><a href="#">¿Quieres ayudar?</a></li>
						<ul>
							<li><a href="/Socio">Socio</a></li>
							<li><a href="/Simpatizante">Simpatizante</a></li>
							<li><a href="/Voluntario">Voluntario</a></li>
						</ul>
				</ul>
			</li>
			<li><a href="#"><span class="icon-location"> </span>Animales perdidos</a>
				<ul>
					<li><a href="/Foto_loc">Foto con localización</a></li>
					<li><a href="/Galeria_Loc">¡Al rescate!</a></li>
				
				</ul>
			</li>
			<li><a href="#"><span class="icon-users"> </span>Códigos QR</a>
				<ul>
					<li><a href="/Lec_qr">Lector qr</a></li>
					<li><a href="/Cod_qr">Generar qr</a></li>
				</ul>
			</li>
			
			
			<li><a href="/logout">Salir</a></li>
			
		</ul>
		<div class="clearfix"> </div>	
	</nav>
	</div>
	<div class="center">
	<h3 id="status">Ver listado de usuarios para enviar un mensaje</h3>
	<input type="button" value="Comunicacion" onclick="Comunicacion()"/>
	</div>		
	<script>
	function comunicacion(){
	socket.emit("ListadoUsuarios","quiero usuarios");
	socket.on("LosUsuarios",function(datos,num){
		var i;
		for(i=0;i<num;i++){
			document.body.innerHTML+="<p align='center'><font size='2' face='Courier'>Nombre Usuario"+ datos[i].usuario + "</p><br>";
			document.body.innerHTML+="<p align='center'><a href=/Mensaje/"+datos[i].usuario+"/>Enviarmensaje</a></p><br>";
		}
	});
};
	</script>	
<div class="box" style=" height:520px;width:640px;">
	<h1 style=" font: 27px Courier New; font-weight:bold;text-align:center;">¿¿¿¿Quieres ser Voluntario????</h1><br>
	<p align="center"><img border="0" hspace="0" align="baseline" style=" height:140px;width:240px;" src="http://animalmascota.com/wp-content/2012/03/pasear_varios_perros.jpg"></p>
	<br>
	<div align="center">
	<p align="left"><font size="2" face="Courier"><b>Los voluntarios atienden stands informativos, realizan el seguimiento de los perros adoptados para garantizar su bienestar, desarrollan labores administrativas, se ocupan de los trabajos de 
		mantenimiento de las instalaciones y del cuidado de los animales los fines de semana en el Centro de Adopción, 
		colaboran en el traslado y cuidado de perros enfermos, acogen temporalmente a cachorros y perros adultos en sus casas, etc. Para ello el trabajo voluntario se distribuye entre diferentes áreas organizadas por un coordinador responsable.
Cada trabajo dentro de la asociación requiere una disponibilidad de tiempo y una determinada constancia que te indicamos para que reflexiones sobre tu capacidad de ejercer aquella tarea que escojas. Asimismo, y siempre con el objetivo de redundar
en el mayor beneficio para la labor que realiza la asociación, al final enumeramos sólo las áreas en las que actualmente se requiere personal voluntario además de unas breves notas sobre su desarrollo.
Para trabajar como voluntario en El Refugio es imprescindible acudir a un curso informativo previo. Dicho curso se convoca anualmente y la fecha oscila cada año en función del cupo de asistentes.</font></p>

		<div id="lightbox" class="general">
			
			<a href="#light-uno">Rescates</a>
			<a href="#light-dos">Cuidados</a>
			<a href="#light-tres">Stand</a> 


  			<div id="light-uno" class="fadeout"> 
    			<a href="#none" id="close">X</a> 
    				<h1 style=" font: 27px Courier New; font-weight:bold;text-align:center;">Rescate</h1>
    				<p align="center"><img border="0" hspace="0" align="baseline" style=" height:80px;width:80px;" src="http://2.bp.blogspot.com/_IlypldsKsoE/TFcz9CCQzLI/AAAAAAAAAC4/pIiB2SMCGS4/S350/rescate+animal.jpg"></p>
  					<p align="left"><font size="2" face="Courier"><b>Muchas son las llamadas a la asociación de personas 
  						preocupadas que han visto animales 
  						abandonados en situaciones extremas, deambulando desorientados, heridos, atropellados, etc. 
  						Los voluntarios de este equipo se encargan de recoger dichos animales (siempre supervisados por el coordinador 
  						responsable) y llevarlos, en función de la gravedad de su estado, al Centro de Adopción o a la clínica veterinaria.</font></p>

	
  				</div> 

  			<div id="light-dos" class="fadeout"> 
    			<a href="#none" id="close">X</a> 
    				<h1 style=" font: 27px Courier New; font-weight:bold;text-align:center;">Cuidados</h1>
    				<p align="center"><img border="0" hspace="0" align="baseline" style=" height:80px;width:80px;" src="http://blogperrosgatos.files.wordpress.com/2012/01/perros_higiene.jpg"></p>
  					<p align="left"><font size="2" face="Courier"><b>Algunos de los animales recogidos por la Asociación El Refugio requieren atención constante o convivencia en un núcleo familiar; cachorros de corta edad, a veces lactantes, y perros adultos que por su situación necesitan una atención más directa (recién operados, con tratamientos intensivos, animales en periodo de socialización, etc.). Los voluntarios “nodrizas” acogen en su hogar a estos animales, dándoles todos los cuidados que requieren.</font></p>

	
  				</div> 

  			<div id="light-tres" class="fadeout"> 
    			<a href="#none" id="close">X</a> 
    				<h1 style=" font: 27px Courier New; font-weight:bold;text-align:center;">Información</h1>
    				<p align="center"><img border="0" hspace="0" align="baseline" style=" height:80px;width:80px;" src="http://www.gevha.com/images/stories/gevha6/No-al-maltrato-animal-255x300.jpg"></p>
  					<p align="left"><font size="2" face="Courier"><b>La labor informativa y de divulgación es uno de los pilares fundamentales del trabajo en protección animal, sólo concienciando y educando a la sociedad en el respeto a los animales podremos conseguir cambiar actitudes y comportamientos que redundan en su maltrato. Los stands informativos son uno de los vehículos fundamentales para esta labor. Los voluntarios que los atienden, informan a los interesados sobre la labor de la Asociación El Refugio y sus actividades.</font></p>

	
  			</div> 

	</div>
</div>
</body>
</html>