diff --git a/portalcautivo/imagen_central.jpg b/portalcautivo/imagen_central.jpg
new file mode 100644
index 0000000..9bb5ea8
Binary files /dev/null and b/portalcautivo/imagen_central.jpg differ
diff --git a/portalcautivo/prueba.html b/portalcautivo/prueba.html
index 1f18568..a2389a5 100644
--- a/portalcautivo/prueba.html
+++ b/portalcautivo/prueba.html
@@ -2,19 +2,13 @@
 <html lang="en">
 
 <head>
-
-
-
-
-
-
-  <!-- <meta charset="utf-8">
+  <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous"> -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.4.1/css/all.css" integrity="sha384-5sAR7xN1Nv6T6+dT2mhtzEpVJvfS3NScPQTrOxhwjIuvcA67KV2R5Jz6kr4abQsz" crossorigin="anonymous">
   <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
-  <title>Bootstrap 101 Template</title>
+  <title>Portal Cautivo Red Comunitaria</title>
 
   <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
   <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
@@ -24,6 +18,7 @@
     <![endif]-->
 
   <style>
+
     .register {
       background: -webkit-linear-gradient(left, #3931af, #00c6ff);
       margin-top: 3%;
@@ -181,11 +176,6 @@
       background: #1b2d41;
     }
 
-    /*=====================================================================================
-    OK
-=======================================================================================
-*/
-
     .cursor,
     .cursor::before {
       background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/953/ok_1.svg) no-repeat center center;
@@ -293,16 +283,7 @@
       text-decoration: none;
     }
 
-    /* .btn-circle.btn-xl {
-  width: 70px;
-  height: 70px;
-  padding: 10px 16px;
-  font-size: 24px;
-  line-height: 1.33;
-  border-radius: 35px;
-} */
-
-    .orange-circle-button {
+    .circle-button {
       box-shadow: 2px 4px 0 2px rgba(0, 0, 0, 0.1);
       border: .5em solid #c7d400;
       font-size: 1em;
@@ -378,7 +359,7 @@
               <div>
                 <div class="container d-flex justify-content-center">
                   <div class="col-md-12">
-                    <button class="btn btn-default orange-circle-button" href="">Entrar /><span class="orange-circle-greater-than">></span></button>
+                    <button class="btn btn-default circle-button" href="">Entrar /><span class="orange-circle-greater-than">></span></button>
 
                   </div>
                 </div>
@@ -391,10 +372,8 @@
 
     </div>
 
-
-    <!-- Estos enlaces son para que funcione local
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> -->
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
 </body>
 
 </html>
diff --git a/weblocal/images/logo isoc.png b/weblocal/images/logo_isoc.png
similarity index 100%
rename from weblocal/images/logo isoc.png
rename to weblocal/images/logo_isoc.png
diff --git a/weblocal/libs/css/master.css b/weblocal/libs/css/master.css
index fd58c31..b7b0ad3 100644
--- a/weblocal/libs/css/master.css
+++ b/weblocal/libs/css/master.css
@@ -7,15 +7,18 @@ body {
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
-    color: blue;
     background-color: white;
     height: 100%
   }
 
+  h3{
+    margin-top: 0px !important;
+  }
+
 #redes{
   color:white;
   font-size: 2em;
-  padding: 0.1em;
+  padding: 0.4em;
 }
 
 #logo_cabecera{
@@ -31,6 +34,8 @@ background-image: url("");
 #cabezote{
  background: url(../../images/imagen_principal.jpg) fixed center no-repeat;
  background-size: cover;
+ text-shadow: 0px 2px 3px rgb(0, 0, 0);
+ color: white;
 }
 
 .linea_botones{
@@ -43,9 +48,9 @@ background-image: url("");
   font-size: 2em;
 }
 .btn-circle.btn-xl {
-  width: 5em;
-  height: 5em;
-  padding: 2em;
+  width: 4em;
+  height: 4em;
+  padding: 1.5em;
   font-size: 2em;
   line-height: 1.33;
   border-radius: 5em;
@@ -95,21 +100,51 @@ background-color: #f0eee1 !important;
         animation-fill-mode: forwards;
         z-index: 10000;
 }
-
-#creditos{
+ #creditos{
   column-count: 4;
-    column-gap: 1em;
+  column-gap: 1em;
 
 }
 
 .img_creditos{
-      background-color: #eee;
-      display: inline;
+      background-color: white;
+      display: inline-block;
       margin: 0 0 1em;
       width: 100%;
 
 }
 
+.img_grad{
+  max-width: 15em;
+
+}
+
+/* Masonry on large screens */
+@media only screen and (min-width: 1024px) {
+  #creditos{
+    column-count: 4;
+  }
+}
+
+/* Masonry on medium-sized screens */
+@media only screen and (max-width: 1023px) and (min-width: 768px) {
+  #creditos {
+    column-count: 3;
+  }
+}
+
+/* Masonry on small screens */
+@media only screen and (max-width: 767px) and (min-width: 540px) {
+  #creditos {
+    column-count: 2;
+  }
+}
+@media max-width: 540px{
+  #creditos {
+    column-count: 1;
+  }
+}
+
     @-webkit-keyframes animatedBackground {
         0% {
             -webkit-transform: scale(1, 1);
@@ -163,3 +198,8 @@ background-color: #f0eee1 !important;
         }
 
     }
+.pie{
+  padding-bottom: 1em;
+  padding-top: 2em;
+  font-size: 1.5em;
+    }
diff --git a/weblocal/portal.php b/weblocal/portal.php
index 40a8446..7a40ff7 100644
--- a/weblocal/portal.php
+++ b/weblocal/portal.php
@@ -1,10 +1,10 @@
 <?php
 /// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO libs
 session_start();
-   if(isset($_REQUEST[debug])) {
-ini_set('display_errors', 'On');
-}
-require ('libs/xajax/xajax.inc.php');
+   if (isset($_REQUEST[debug])) {
+       ini_set('display_errors', 'On');
+   }
+require('libs/xajax/xajax.inc.php');
 $xajax = new xajax();
 $razon_social[0] ="RedINC.org";
 $telefono[0] ="317 8946799";
@@ -12,33 +12,37 @@ $email[0] ="correo@redinc.org";
 // $facebook[0] ="https://www.facebook.com/redinc/";
 // $twitter[0] ="@RedINC";
 $web[0] ="http://redinc.org";
-$slogan[0] ="Red <br />INC-Comunitaria ";
+$slogan[0] ="RedINC <br/> Buenos Aires - Buenas Ondas ";
 
-function enviar_mail($formulario) {
+function enviar_mail($formulario)
+{
+    $respuesta = new xajaxResponse('utf-8');
+    if ($formulario['nombre'] =="") {
+        $error ="Por favor dinos tu nombre";
+    } elseif ($formulario['email'] =="") {
+        $error ="Por favor escribe un correo electrónico para comunicarnos";
+    } elseif ($formulario['telefono'] =="") {
+        $error ="Necesitamos un número telefónico para comunicarnos";
+    } elseif ($formulario['mensaje'] =="") {
+        $error ="¿Cual es tu mensaje?";
+    } else {
+        $error ="";
+    }
 
-	$respuesta = new xajaxResponse('utf-8');
-	if($formulario['nombre'] =="") { $error ="Por favor dinos tu nombre";}
-	elseif($formulario['email'] =="") { $error ="Por favor escribe un correo electrónico para comunicarnos";}
-	elseif($formulario['telefono'] =="") { $error ="Necesitamos un número telefónico para comunicarnos";}
-	elseif($formulario['mensaje'] =="") { $error ="¿Cual es tu mensaje?";}
-	else { $error ="";}
-
-	if ($error !=""){
-$respuesta->addAlert("$error");
-		return $respuesta;
+    if ($error !="") {
+        $respuesta->addAlert("$error");
+        return $respuesta;
+    }
 
 
-	}
-
-
-$headers = "MIME-Version: 1.0\r\n";
-$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
-$headers .= "From: RedInc.org <correo@redinc.org>\r\n";
-$headers .= "Reply-To: correo@redinc.org\r\n";
-$headers .= "Return-path: correo@redinc.org\r\n";
-$headers .= "Cc: correo@redinc.org" . "\r\n";
-$asunto ="Mensaje de RedINC";
-$cuerpo ="
+    $headers = "MIME-Version: 1.0\r\n";
+    $headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
+    $headers .= "From: RedInc.org <correo@redinc.org>\r\n";
+    $headers .= "Reply-To: correo@redinc.org\r\n";
+    $headers .= "Return-path: correo@redinc.org\r\n";
+    $headers .= "Cc: correo@redinc.org" . "\r\n";
+    $asunto ="Mensaje de RedINC";
+    $cuerpo ="
 <img  src='https://es.123rf.com/photo_76488764_icono-de-l%C3%ADnea-de-red-comunitaria.html' style='width:100%'>
 Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='Redinc.org'>RedINC.org</a>
 <div>
@@ -52,15 +56,16 @@ Gracias <strong>$formulario[nombre]</strong> por comunicarse con <a href='Redinc
 
 ";
 
-if(mail("$formulario[email]","$asunto","$cuerpo","$headers")){
-$mensaje  ="$cuerpo";
- }else {$mensaje ="<div class='alert alert-danger'><h2>Error enviando correo</h2>";}
+    if (mail("$formulario[email]", "$asunto", "$cuerpo", "$headers")) {
+        $mensaje  ="$cuerpo";
+    } else {
+        $mensaje ="<div class='alert alert-danger'><h2>Error enviando correo</h2>";
+    }
 
 
-$respuesta->addAssign("div_contacto","innerHTML","$mensaje");
-//$respuesta->addAlert("Hola Mundo");
-		return $respuesta;
-
+    $respuesta->addAssign("div_contacto", "innerHTML", "$mensaje");
+    //$respuesta->addAlert("Hola Mundo");
+    return $respuesta;
 }
 $xajax->registerFunction("enviar_mail");
 $xajax->processRequests();
@@ -99,7 +104,9 @@ $xajax->processRequests();
 <!--   <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
 <link href="libs/css/carousel.css" rel="stylesheet">
 
-<?php if($_REQUEST[id] !='' AND $_REQUEST[c]){$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";} ?>
+<?php if ($_REQUEST[id] !='' and $_REQUEST[c]) {
+    $onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";
+} ?>
 </head>
 <body>
   <body><?php echo $onload; ?>
@@ -128,8 +135,8 @@ $xajax->processRequests();
             </button>
             <a id='redes' title="Inicio" target="" href="?"><span><i class='fa fa-home'></i></span></a>
 		      	 <p>|
-            <?php echo $razon_social[0];?> | </p> <?php if($_SESSION[usuario_libs]) {
-	$accion = "<p>$_SESSION[nombre_usuario_libs]</p> <a href='#' class=''  onclick=\"xajax_libs_session('','','','salir') \"><i class='fa fa-sign-out fa-fw'></i> SALIR</a>";
+            <?php echo $razon_social[0];?> | </p> <?php if ($_SESSION[usuario_libs]) {
+    $accion = "<p>$_SESSION[nombre_usuario_libs]</p> <a href='#' class=''  onclick=\"xajax_libs_session('','','','salir') \"><i class='fa fa-sign-out fa-fw'></i> SALIR</a>";
 } echo $accion;  ?>
 
 
@@ -152,32 +159,32 @@ $xajax->processRequests();
 
   	</div>
 
-    <div class='container alert alert-info'>
-
-    <h4>RedINC.org ofrece acceso a los contenidos que puedes encontrar navegando esta página, son contenidos locales que no necesitan internet<strong> Si quieres acceso a Internet Sigue este enlace para conocer más</strong> Somos una Red Comunitaria </h4>
+    <div class='container-fluid franja text-center'>
+    <h1>RedInc.org <div class='lead'>ofrece acceso gratuito a los contenidos que puedes encontrar navegando esta página, son contenidos de la red local que no necesitan internet <strong> <a style="color:black;" href="#">Si quieres comprar internet conoce más en este enlace</a> </strong></div></h1>
 
     </div>
 
 
-    <div class="container" >
-		<div class="row">
+    <div class='container' >
 			<div class="col-lg-10 col-lg-push-1 text-center">
 				<img src="libs/redinc/images/wikipedia.png" alt="Wikipedia" class='img img-responsive center-block '>
 				<br>
 				<span class="linea_botones"> <a class='btn btn-block btn-default btn-circle btn-xl' href="http://wikipedia.redinc.org/wikipedia_es_all_novid.html"><i class="fab fa-wikipedia-w"></i></a> <br><a class="texto_botones" href="http://wikipedia.redinc.org/wikipedia_es_all_novid.html">Wikipedia</a></span>
-				<span class="linea_botones"><a class='btn btn-block btn-primary btn-circle btn-xl' href= "http://wikipedia.redinc.org/wiktionary_es_all_novid?"><i class="fas fa-font"></i></a><br><a class="texto_botones" href= "http://wikipedia.redinc.org/wiktionary_es_all_novid?">Diccionario</a></span>
-				<span class="linea_botones"><a class='btn btn-block btn-success btn-circle btn-xl' href="http://wikipedia.redinc.org/wikibooks_es_all_novid?" ><i class="fas fa-book"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikibooks_es_all_novid?">Biblioteca</a></span>
-				<span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://wikipedia.redinc.org/wikivoyage_es_all_novid?" ><i class="fas fa-globe"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikivoyage_es_all_novid?" >Viajar</a></span>
-        <span class="linea_botones"><a class='btn btn-block btn-danger btn-circle btn-xl' href="http://wikipedia.redinc.org/vikidia_es_all_novid?"    ><i class="fas fa-child"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/vikidia_es_all_novid?"    >Niños</a></span>
-        <span class="linea_botones"><a class='btn btn-block btn-default btn-circle btn-xl' href="http://wikipedia.redinc.org/wikiquote_es_all_novid?"  ></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikiquote_es_all_novid?"  >Frases</a></span>
-				<span class="linea_botones"><a class='btn btn-block btn-info btn-circle btn-xl' href="http://wikipedia.redinc.org/wikisource_es_all_novid?" ><i class="fas fa-book-reader"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikisource_es_all_novid?" >Documentos</a></span>
-				<span class="linea_botones"><a class='btn btn-block btn-success btn-circle btn-xl' href="http://wikipedia.redinc.org/wikiversity_es_all_novid?"></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikiversity_es_all_novid?">Universidad</a></span>
-        <span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://wikipedia.redinc.org/wikinews_es_all_novid?"   ></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikinews_es_all_novid?"   >Prensa</a></span>
+				<span class="linea_botones"><a class='btn btn-block btn-primary btn-circle btn-xl' href= "http://wikipedia.redinc.org/wiktionary_es_all_novid?"><i class="fas fa-sort-alpha-down"></i></a><br><a class="texto_botones" href= "http://wikipedia.redinc.org/wiktionary_es_all_novid?">Diccionario</a></span>
+				<span class="linea_botones"><a class='btn btn-block btn-success btn-circle btn-xl' href="http://wikipedia.redinc.org/wikibooks_es_all_novid?"><i class="fas fa-atlas"></i></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikibooks_es_all_novid?">Biblioteca</a></span>
+				<span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://wikipedia.redinc.org/wikivoyage_es_all_novid?"><i class="fas fa-globe"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikivoyage_es_all_novid?" >Viajar</a></span>
+        <span class="linea_botones"><a class='btn btn-block btn-danger btn-circle btn-xl' href="http://wikipedia.redinc.org/vikidia_es_all_novid?"><i class="fas fa-child"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/vikidia_es_all_novid?"    >Niños</a></span>
+        <span class="linea_botones"><a class='btn btn-block btn-default btn-circle btn-xl' href="http://wikipedia.redinc.org/wikiquote_es_all_novid?"><i class="fas fa-broadcast-tower"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikiquote_es_all_novid?">Frases</a></span>
+				<span class="linea_botones"><a class='btn btn-block btn-info btn-circle btn-xl' href="http://wikipedia.redinc.org/wikisource_es_all_novid?"><i class="fas fa-book-reader"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikisource_es_all_novid?">Documentos</a></span>
+				<span class="linea_botones"><a class='btn btn-block btn-success btn-circle btn-xl' href="http://wikipedia.redinc.org/wikiversity_es_all_novid?"><i class="fas fa-user-graduate"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikiversity_es_all_novid?">Universidad</a></span>
+        <span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://wikipedia.redinc.org/wikinews_es_all_novid?"><i class="fab fa-readme"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikinews_es_all_novid?">Prensa</a></span>
+        <span class="linea_botones"><a class='btn btn-block btn-warning btn-circle btn-xl' href="http://redinc.org/es.stackoverflow.com_es_all/?"><i class="fab fa-stack-overflow"></i></a><br><a class="texto_botones" href="http://wikipedia.redinc.org/wikinews_es_all_novid?">Stack Overflow</a></span>
 
 			</div>
+    </div>
 
-			<div class="col-lg-10 col-lg-push-1 alert alert-info text-center"  >
-			<div id='div_contacto' class="container-fluid">
+			<div id='div_contacto' class='container-fluid'>
+			<div class='col-lg-6 col-lg-push-3 alert alert-info text-center'  >
 			<form role='form' class='form-horizontal' id='formulario_contacto' name='formulario_contacto'>
 			<h2>Contacto y sugerencias</h2>
 				<div class='form-group '>
@@ -212,68 +219,51 @@ $xajax->processRequests();
 
 			</div>
 			</div>
-		</div>
 
 
-	<div class='container-fluid franja' ><h1>RedInc.org <div class='lead'>Es un proyecto de Red Comunitaria</div></h1> </div>
-	</div>
+	<div class='container-fluid franja text-center' >
+    <h1>RedINC.org <div class='lead'>Es un proyecto de Red Comunitaria</div></h1>
+  </div>
 
 
-<div  class="container-fluid " id="creditos">
-   <h3 class="text-center">Con el apoyo de:</h3>
+<div  class="container-fluid " >
+  <div class='col-lg-6 col-lg-push-3'  >
+  <div id="creditos">
+   <h3>Con el apoyo de:</h3></br>
 		<div class="img_creditos">
 		 <a target='new' href='https://www.apc.org/es'>
 		  <img  class='img img-responsive' src="images/apc.png" alt="Asociación para el progreso de las comunicaciones">
 		  </a>
 		</div>
 		<div class="img_creditos">
-			<a target='new' href='http://colnodo.org'>
+			<a target='new' href='https://colnodo.apc.org/'>
 		  <img  class='img img-responsive' src="images/logo_colnodo.png" alt="Colnodo">
 		  </a>
 		</div>
+    <div class="img_creditos">
+			<a target='new' href='https://www.internetsociety.org/es/'>
+		  <img  class='img img-responsive' src="images/logo_isoc.png" alt="Internet Society">
+		  </a>
+		</div>
+</div>
 
-
-  <div >
-<h3 class="text-center">Agradecimientos:</h3>
-	<div class="img_creditos">
+<div id="agradecimientos" class="text-center">
+<h4>Agradecimientos:</h4></br>
+	<div class="img_grad">
 		<a target='new' href='http://nuestrared.org'>
-		<img   style='height:100px;'  class='img img-responsive center-block' src="images/logoNR.png" alt="QMP ">
+		<img class='img img-responsive center-block' src="images/logoNR.png" alt="QMP ">
 		</a>
 	</div>
   </div>
   </div>
-  <!-- Modal -->
-
-<div class='modal fade ' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
-  <div class='modal-dialog' >
-    <div class='modal-content'>
-      <div class='modal-header' >
-        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'>&times;</button>
-        <h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
-      </div>
-      <div class='modal-body'>
-
-       <div id='muestra_form'></div>
-      </div>
-      <div class='modal-footer' id='pie_modal'>
-
-
-      </div>
     </div>
-  </div>
-</div>
-<div class='pie' style="
-	       position: fixed; z-index: 10000;
-  bottom: 0;
-  width: 100%;
-  /* Set the fixed height of the footer here */
-  height: 20px;
- /* background-color: white;*/
-background-image: url('');
-">
 
-        <a class='pull-right' href=''>Creado con  para la Red Comunitaria de Buenos Aires</a>
-        	</div>
+  <!-- Modal -->
+  <div  class="container text-center " >
+      <div class='pie'>
+        <a href=''>Creado con <i class="far fa-grin-hearts"></i> para la Red Comunitaria de Buenos Aires</a>
+      </div>
+      </div>
     <!-- Bootstrap core JavaScript
     ================================================== -->
     <!-- Placed at the end of the document so the pages load faster -->
