diff --git a/index.php b/index.php
index 32db31a..c81329f 100644
--- a/index.php
+++ b/index.php
@@ -376,6 +376,10 @@ if ($variable !=''){
 		<script src='librerias/reveal/js/reveal.js'></script>
 
 		<script>
+		
+
+
+
    // max-height: calc(100vh - 300px);
    // min-height: calc(100vh - 300px);
 			// More info https://github.com/hakimel/reveal.js#configuration
@@ -771,6 +775,7 @@ $uri = $_SERVER['REQUEST_URI'];
 	<link rel="apple-touch-icon-precomposed" href="<?php echo "milfs/images/secure/?file=150/$logo[0]"; ?>">
 	   <title><?php echo @$titulo[0]; ?> <?php echo strip_tags($slogan[0]); ?> Tupale.co </title>
 <link href="./librerias/font-awesome/css/font-awesome.min.css" rel="stylesheet" >
+
 	<?php $xajax->printJavascript("milfs/xajax/");
 
 	$xajax->statusMessagesOn();
diff --git a/librerias/notas/styles.css b/librerias/notas/styles.css
index 7f496c9..49720a8 100755
--- a/librerias/notas/styles.css
+++ b/librerias/notas/styles.css
@@ -2,12 +2,25 @@ html{
 overflow: hidden;
 
 }
+
+.footer{
+	position: absolute;
+    bottom: 0;
+    width: 100%;
+    padding-right: 10px;
+
+
+}
+
+
 
 .accion{
 width:10px;
 height:10px;
 border: solid 1px ; border-color: #cccccc;
 
+
+
 }
 .botonera .btn{
 
diff --git a/milfs/funciones/funciones.php b/milfs/funciones/funciones.php
index 30dd95e..043aae3 100644
--- a/milfs/funciones/funciones.php
+++ b/milfs/funciones/funciones.php
@@ -47,12 +47,20 @@ function notas_tablero($form) {
         </div>
 </nav>
 ";
-	  		$tablero="
-$footer
+if(isset($_REQUEST['social'])) {
+$social_login = social_login("","","") ;
+$login = milfs_session("","","","boton","");
+}else{}
 
+$tablero="
+$footer
+<div class='container-fluid'>
+$social_login $login
+</div>
 <div id='viewport' style='width:100%; zoom: $zoom[0]; ' onclick=\" xajax_ultimos_registros(document.getElementById('ultimo_id').value,'$form'); \"   >
 
-	<div id='main' ondblclick=\"coordenadas(event);\" >
+	<div id='main' ondblclick=\"coordenadas(event);\"  style=' top: 1000px;'>
+	
 		<div  class=' img-rounded tablero_titulo ' style='' ><h1>$titulo[0] <br><small>$descripcion[0]</small></h1>
 		<span class='data'>$form-titulo</span>
 		<div class='hidden' id='mensaje_titulo'></div>
@@ -64,6 +72,10 @@ $footer
 	</div>	
 </div> 
 <script type='text/javascript'>
+
+
+
+
   // #wall is the infinite wall.
   // The wall is made of tiles 100px wide and 100px high.
   var infinitedrag = jQuery.infinitedrag('#main', {}, {
@@ -176,6 +188,9 @@ while($row=mysqli_fetch_assoc($sql))
 	$posicion = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'posicion' ") ;
 	$color = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'clase' ") ;
 	$mostrar = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'mostrar' ") ;
+
+	$gusta = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'voto' ") ;
+	$comprometo = remplacetas('form_parametrizacion','item',"$row[control]",'descripcion'," campo= '$id' AND opcion = 'voto' ") ;
 	
 	$color=$color[0];
 	$mostrar =$mostrar[0];
@@ -194,13 +209,21 @@ $zindex=$zindex;
 }
 
 
-if($color =="") { $color="yellow";}else { $color=$color;}
-if($mostrar =="") { $mostrar="";}else { $mostrar=$mostrar;}
+if($color =="") { $color="yellow";}else { $color=$color;}
+if($mostrar =="") { $mostrar="";}else { $mostrar=$mostrar;}
+
+if($gusta[0] !="") { $gustax="text-success";}else { $gustax="";}
+if($comprometo[0] !="") { $comprometox="text-success";}else { $comprometox="";}
+
 	$notes.= "
-	<div id='nota_$id-$row[control]' class='note $color $mostrar' style=\" left: ".$left."px; top: ".$top."px; z-index: ".$zindex." \">
+	<div id='nota_$id-$row[control]' class='note $color $mostrar' style=\"  left: ".$left."px; top: ".$top."px; z-index: ".$zindex." \">
+				<div class='pull-left'>
+			<a  href='#'  onclick=\"xajax_mostrar_modal('$id','$row[control]','landingpage');\" ><i class='fa fa-plus'></i></a>
+			</div>
+			
 		<div class='botonera'>
-		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','mostrar','hidden','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'hidden'; \"class='pull-right  '  ><i class='btn fa fa-trash-o' aria-hidden='true'></i></div>
-		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','clase','fantasma','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'note '; \"class='pull-right '  ><i class='btn fa  fa-low-vision' aria-hidden='true'></i></div>
+		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','mostrar','hidden','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'hidden'; \"class='pull-right  '  ><i class='btn btn-xs fa fa-trash-o' aria-hidden='true'></i></div>
+		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','clase','fantasma','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'note '; \"class='pull-right '  ><i class='btn btn-xs  fa  fa-low-vision' aria-hidden='true'></i></div>
 		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','clase','yellow','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'note yellow'; \"class='pull-right yellow btn accion'  style=''></div>
 		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','clase','blue','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'note blue'; \" class='pull-right blue btn accion' ></div>
 		<div onclick=\"xajax_parametrizacion_linea('form_id','$id','clase','green','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('nota_$id-$row[control]').className= 'note green'; \"class='pull-right green btn accion' ></div>
@@ -208,9 +231,17 @@ if($mostrar =="") { $mostrar="";}else { $mostrar=$mostrar;}
 		</div>
 		<hr>
 		<p>$titulo[0]</p> 
-		<div class='author'><a  href='#'  onclick=\"xajax_mostrar_modal('$id','$row[control]','landingpage');\" ><i class='fa fa-plus'></i></a> </div>
+		
 		<span class='data'>$id-$row[control]</span>
-		<div class='hidden' id='mensaje_$row[control]'></div>
+		<div class='hidden' id='mensaje_$row[control]'></div>
+		<div class='footer align-bottom'>
+			
+		<div >
+					 <div id='gusta_$row[control]' class='$gustax pull-left' title='Me gusta' onclick=\"xajax_parametrizacion_linea('form_id','$id','gusta','$_SESSION[pseudo_usuario]','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('gusta_$row[control]').className= 'pull-left text-success'; \"  ><i class='btn fa fa-thumbs-o-up' aria-hidden='true'></i></div>
+					 <div id='comprometo_$row[control]' data-toggle='tooltip' class='$comprometox pull-left' title='Me comprometo' onclick=\"xajax_parametrizacion_linea('form_id','$id','comprometo','$_SESSION[pseudo_usuario]','mensaje_$row[control]','','$row[control]');  javascript: document.getElementById('comprometo_$row[control]').className= 'pull-left text-success'; \"  ><i class='btn fa fa-handshake-o' aria-hidden='true'></i></div>
+		</div>
+
+		</div>
 	</div>
 	
 
@@ -3274,7 +3305,7 @@ $formato="
 }
 
 else{
-	 require ("milfs/includes/parametrizacion.php");
+	 require ("./milfs/includes/parametrizacion.php");
 /// SI EL USUARIO NO ESTA LOGUEADO
 $login = milfs_session("$login_formulario","$login_campo_usuario","$login_campo_password","","");
 $formato ="
@@ -3782,7 +3813,7 @@ return $resultado;
 
 function social_login($accion,$servicio,$uid) {
 	$resultado="";
-   require ("milfs/includes/parametrizacion.php");
+   require ("./milfs/includes/parametrizacion.php");
    $control_uid = remplacetas('form_datos','form_id',"$login_formulario",'control'," BINARY contenido  = '$uid'  AND id_campo = '$social_login_uid'") ;
 	$control_servicio = remplacetas('form_datos','form_id',"$login_formulario",'control'," BINARY contenido  = '$servicio'  AND control = '$control_uid[0]'") ;
 	$usuario = remplacetas('form_datos','control',"$control_servicio[0]","contenido","id_campo = '$login_campo_usuario'") ;
@@ -3818,7 +3849,7 @@ function social_login($accion,$servicio,$uid) {
 
 
 	}
-	else{}
+	else{$resultado ="";}
 
 return $resultado;
 
@@ -7564,14 +7595,14 @@ if($tipo =="") {
 				*/
 				$validar_email = verificacion_email($_SESSION['nombre_usuario_milfs'],'','');
 
-			//$email = "someone@somewhere.com";
-			if(isset($_SESSION['avatar_usuario_milfs']) ) {
-				$avatar = $_SESSION['avatar_usuario_milfs'];
-			}else {
-				$size="";
-			$default = "https://tupale.co/milfs/images/avatar.png";
-			$avatar = "https://www.gravatar.com/avatar/" . md5( strtolower( trim( $email[0] ) ) ) . "?d=" . urlencode( $default ) . "&s=" . $size;
-			}
+							//$email = "someone@somewhere.com";
+							if(isset($_SESSION['avatar_usuario_milfs']) ) {
+								$avatar = $_SESSION['avatar_usuario_milfs'];
+							}else {
+								$size="";
+							$default = "https://tupale.co/milfs/images/avatar.png";
+							$avatar = "https://www.gravatar.com/avatar/" . md5( strtolower( trim( $email[0] ) ) ) . "?d=" . urlencode( $default ) . "&s=" . $size;
+							}
 
 				$formulario = "
 				<p>
@@ -7583,11 +7614,12 @@ if($tipo =="") {
 				return $formulario;
 			}else {
 
-				if($_SERVER['HTTP_HOST'] !="tupale.co" ) {
+/*				if($_SERVER['HTTP_HOST'] !="tupale.co" ) {
 			$social_login="";
 			$cols="12";
 				}
 				else {
+					*/
 					$cols="10";
 			$social_login="
 				<div class='col-md-2'>
@@ -7602,7 +7634,7 @@ if($tipo =="") {
 
 			";
 			//return $formulario;
-				}
+//				}
 			$formulario ="
 			$accion
 			<div class='row' id='formulario_session'>
@@ -7814,7 +7846,6 @@ elseif($tipo=='confirmar_recuperar') {
 
 
 }
-
 elseif ($tipo=='ingreso'){
 
 			$usuario = remplacetas('form_datos','form_id',"$form_id",'control'," BINARY contenido  = '$datos[usuario]'  AND id_campo = '$campo_usuario'") ;
@@ -7987,7 +8018,9 @@ elseif ($tipo=='boton'){
 
 			}else{
 	      $formulario ="
-	      <div class=' btn btn-default btn-xs' onclick=\"xajax_milfs_session('$login_formulario','$login_campo_usuario','$login_campo_password','','');\">Login</div>
+	      <div id='formulario_login' class='' >
+	      <div class=' btn btn-success btn-xs' onclick=\"xajax_milfs_session('$login_formulario','$login_campo_usuario','$login_campo_password','','');\">Social login</div>
+	      </div>
 	       ";
 	    }
 	return $formulario;