diff --git a/index.php b/index.php
index ad74349..e6821fd 100644
--- a/index.php
+++ b/index.php
@@ -1,7 +1,7 @@
 <?php session_start();
 //ini_set('display_errors', 'On');
 if(isset($_REQUEST['debug'])) {
-	print_r( $_SESSION ); 
+	print_r( $_SESSION );
 	ini_set('display_errors', 'On');}
 	require ('milfs/xajax/xajax.inc.php');
 	//$xajax = new xajax();
@@ -195,7 +195,7 @@ if ($variable !=''){
 						$menu ="
 				<div class='col-sm-3 col-lg-2 hidden-xs hidden-sm' id='caja_lateral_derecha'>
 			<div class='container'>
-			<nav style=' max-height:95% !important ; overflow:auto !important;  ' id='toc' data-spy='affix' data-toggle='toc'></nav>
+			<nav id='toc' data-spy='affix' data-toggle='toc'></nav>
 			</div>
 				</div>";
 				$cols_interior ="10";
@@ -1112,39 +1112,53 @@ $uri = $_SERVER['REQUEST_URI'];
  if($tema=="") {
 
  $barra="
- <div class='noprint nomostrar' style=' $no_mostrar  '>
- <nav class='navbar navbar-fixed-top topnav navbar-principal ' role='navigation'>
-
-        <div style='padding:10px; ' class='container topnav '>
+ <div class='noprint nomostrar container' id='cabecera' style=' $no_mostrar  '>
+     <nav class='navbar navbar-fixed-top navbar-inverse navbar-toggleable-sm ' id='navbar-principal'>
+         <div class='container navegacion'>
+             <div class='navbar-header'>
+                 <button type='button' class='navbar-toggle collapsed' data-toggle='collapse' data-target='#navbar' aria-expanded='false' aria-controls='navbar'>
+                     <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='./e$id_empresa[0]'>
+								 <img id='logo_cabecera' class='center-block img img-responsive' style='' src='milfs/images/secure/?file=300/$logo[0]'>
+								</a>
+             </div>
+             <div id='menu_principal' class='navbar-collapse collapse'>
+                 <ul class='nav navbar-nav'>
+                     <li  class='dropdown '>
+                     <a  href='#' class='dropdown-toggle menu_tupale img-rounded' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'><i class='fa fa-bars'></i><span class='hidden-xs'> $portal_sigla<span></a>
+                     <ul  class='dropdown-menu' id='menu_tupale'>
+                         <li><a class='' href='$portal_url'><i class='fa fa-home'></i>  Portal</a></li>
+                         <li><a class='' href='$link_empresa'>$sigla[0] Inicio</a></li>
+                         <li><a href='s363'>Blog</a></li>
+                         <li><a href='s133'>Ayuda y documentación</a></li>
+                         <li role='separator' class='divider'></li>
+                         ".aplicaciones_listado("$id_empresa",'','nav','')."
+                     </ul>
+                 </li>
+                 </ul>
+								 <ul class='nav navbar-nav navbar-right'>
+								     <li><a href='milfs/'>Ingresar</a></li>
+                      $soporte
+                     <li><a href='https://twitter.com/ $twitter[0]'><i class='fa fa-twitter'></i></a></li>
+                     <li><a href='$facebook[0]'><i class='fa fa-facebook'></i></a></li>
 
 
+                 </ul>
 
-            <ul style=' ' class='nav navbar-nav navbar-center navbar-principal '>
+             </div>
+     </nav>
+ </div>
 
-            <li class='dropdown ' >
-                <a style='background-color:#F3F1F0; color:red; border-top-left-radius: 0px; border-bottom-left-radius: 0px;'  href='#' class='dropdown-toggle menu_tupale img-rounded' data-toggle='dropdown' role='button' aria-haspopup='true' aria-expanded='false'><i class='fa fa-bars'></i><span class='hidden-xs'> $portal_sigla<span></a>
-		          <ul class='dropdown-menu' >
-		          	<li><a class='' href='$portal_url'><i class='fa fa-home'></i>  Portal</a></li>
-             		<li><a class='' href='$link_empresa'>$sigla[0] Inicio</a></li>
-                  <li><a href='milfs/'>Ingresar</a></li>
-                  <li><a href='s363'>Blog</a></li>
-                  <li><a href='s133'>Ayuda y documentación</a></li>
-             		<li role='separator' class='divider'></li>
-             		".aplicaciones_listado("$id_empresa",'','nav','')."
-		          </ul>
-            </li>
-
-				 </ul>
-
-
-
-        </div>
-
-    </nav>
-    </div>
     ";
 
- echo $css; ?>
+
+
+ echo $css;
+ ?>
      <script src="./librerias/jquery/jquery-2.1.4.min.js" ></script>
     <script src="./librerias/bootstrap/js/bootstrap.min.js" ></script>
    <!--     <script src="./librerias/charts/Chart.bundle.js"></script>
@@ -1195,7 +1209,6 @@ $barra="
 		          <ul  >
 		          	<li><a class='' href='$portal_url'><i class='fa fa-home'></i>  Portal</a></li>
              		<li><a class='' href='$link_empresa'>".@$sigla[0]." Inicio</a></li>
-                  <li><a href='milfs/'>Administrador</a></li>
                   <li><a href='s363'>Blog</a></li>
              		<li role='separator' class='divider'></li>
              		".aplicaciones_listado("$id_empresa",'','nav','')."
@@ -1306,24 +1319,25 @@ document.oncopy = addLink;
    echo " " ;
 }
   	if(isset($_SESSION['id'] )) {
-		$id_empresa_portada='1'; 
-		if($_SESSION['grupo'] == '3'){ 
-			
-				echo "		<span style=' $no_mostrar '>".panel_aplicaciones('1',"","")." </span>"; 
+		$id_empresa_portada='1';
+		if($_SESSION['grupo'] == '3'){
+
+				echo "		<li style=' $no_mostrar '>".panel_aplicaciones('1',"","")." </li>";
 			}
 		else{				$usuario = $_SESSION['username'];
-			echo "		<span style=' $no_mostrar '>".panel_aplicaciones('1',"$_SESSION[id_empresa]","")." </span>"; 
+			echo "		<li style=' $no_mostrar '>".panel_aplicaciones('1',"$_SESSION[id_empresa]","")." </li>";
 				}
-		
+
 		 }else{ echo "
-				<span style=' $no_mostrar '><div style='max-width:100%;' class='container-fluid noprint text-center $no_mostrar ' id='cabecera-botonera-admin'>
-				
-				<a class='btn btn-link' href='./milfs' >Ingresa, se parte de nuestra comunidad</a></div></span>";
-				
+				<li style=' $no_mostrar '><div style='max-width:100%; ' class='container-fluid noprint text-center $no_mostrar ' id='cabecera-botonera-admin'>
+
+				<a class='btn btn-link' id='ingreso_usuario' href='./milfs'>Ingresar <i class='fa fa-users' aria-hidden='true'></i> Aportar a la inteligencia colectiva</a></div></li>";
+
+
 				}
-		
-		
-		
+
+
+
 if(isset($_REQUEST['eventos'])) {
 	//$embebido='1';
 	$librerias_pie="
@@ -1486,44 +1500,19 @@ echo $css_adicional;
 
 
 
-
 <div class="col-sm-<?php echo $cols_interior; ?> col-lg-<?php echo $cols_interior; ?>" id='principal_general'>
 <?php echo $menu_lateral ; ?>
 		<!-- END #fh5co-offcanvas -->
 	<header id="fh5co-header">
 
-
-
- 			<div class="row" id="cabecera">
- 				<div class='pull-right redes_index'>
- 				<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
-				<ul class="fh5co-social list-inline intro-social-buttons ">
-					<?php echo $soporte; ?>
-					<li><a href="https://twitter.com/<?php echo $twitter[0]; ?>"><i class="fa fa-twitter"></i></a></li>
-					<li><a href="<?php echo $facebook[0]; ?>"><i class="fa fa-facebook"></i></a></li>
-					<!-- <li><?php echo milfs_session("$login_formulario","$login_campo_usuario","$login_campo_password","boton",""); ?></li> -->
-
-				</ul>
-
-			</div>
-				 <div id='meta_cabecera'>
-
 					  <div class="container-fluid" id='principal_superior'>
-
-                   <div class="col-md-9">
                     <div id='formulario_login' class='' ></div>
-                    <div class='container' id='contenedor_cabecera'>
-						<div class='col-sm-3 col-md-3' id='logo_cabecera'>
-							<a href="./e<?php echo $id_empresa; ?>">
-								<img id='logo_cabecera' class='center-block img img-responsive' style='' src="milfs/images/secure/?file=300/<?php echo $logo[0]; ?>">
-							</a>
-						</div>
-						<div class='col-sm-6 col-md-7'>
-							<h1 id="titulo_cabecera" data-toc-skip ><a href="<?php if($id_form !=""){echo "s".$id_form;} ?>"><?php echo $titulo[0]; ?></a></h1>
-							<div id='slogan_cabecera'><p><?php echo "$slogan[0] "; ?> </p></div>
-						</div>
+                    <div class='container top' id='contenedor_cabecera'>
+
+							<h1 class="text-center" id="titulo_cabecera" data-toc-skip ><a href="<?php if($id_form !=""){echo "s".$id_form;} ?>"><?php echo $titulo[0]; ?></a></h1>
+							<div class="text-center"id='slogan_cabecera'><p><?php echo "$slogan[0] "; ?> </p></div>
+
 	                 </div>
-	                </div>
 
 	                 <div id="asistento" class="col-md-12 text-center">
 	                 <?php
@@ -1555,8 +1544,6 @@ echo $css_adicional;
 							</div>
 	              </div>
 
-				</div>
-
 
 	</header>
 		<div class="container-fluid" id='caja'>
@@ -1714,6 +1701,7 @@ $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
 </style>
 
 
-
+<script type="text/javascript" src="librerias/landingjs/scripts_landing.js"></script>
 </body>
+
 </html>
diff --git a/landingpage_a.html b/landingpage_a.html
index bad8b63..fe33f8e 100644
--- a/landingpage_a.html
+++ b/landingpage_a.html
@@ -177,7 +177,7 @@
         max-height: calc(100vh - 100px);
         overflow-y: auto;
         }
-        
+
         fieldset.fieldset-borde {
         border: 2px solid #EDEDED !important;
         border-radius:3px;
@@ -210,8 +210,8 @@
         <!-- iOS Safari -->
         <meta name='apple-mobile-web-app-capable' content='yes'/>
         <meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
-        
-        
+
+
         <!-- Google Fonts -->
         <link href='https://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic|Roboto:400,300,700' rel='stylesheet' type='text/css'>
         <!-- Animate -->
@@ -227,7 +227,7 @@
         <!--[if lt IE 9]>
         <script src="temas/magazine/js/respond.min.js"></script>
         <![endif]-->
-        
+
         <!-- jQuery -->
         <script src="temas/magazine/js/jquery.min.js"></script>
         <!-- jQuery Easing -->
@@ -291,9 +291,9 @@
                 </a>
                 <a href="frida.php" ><small class="center-block" >¿ Necesitas ayuda para apoyarnos ?</small></a>
             </div> -->
-            
-            
-            
+
+
+
             <div class="container-principal">
                 <nav class='navbar navbar-inverse navbar-toggleable-md navbar-fixed-top'>
                     <div class='container navegacion'>
@@ -339,7 +339,7 @@
                     <section class='container-fluid' id='home'>
                         <div class='container'>
                             <div class="text-center">
-                                <h1>Desadministrador</h1>                            
+                                <h1>Desadministrador</h1>
                             </div>
                             <div class='col-sm-8 col-sm-offset-2 text-center intro'>
                                 <h2>Plataforma local que nos conecta al movimiento global de datos abiertos</h2>
@@ -380,7 +380,7 @@
                                         </div>
                                     </div>
                                 </section>
-                                
+
                                 <!-- PROYECTOS -->
                                 <section class='container-fluid' id='proyectos'>
                                     <div class='col-sm-8 col-sm-offset-2 text-center'>
@@ -394,57 +394,57 @@
                                                     <a href='e82' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Red de Huertas del Quindío</div>
                                                         <img  class='img-gris' style='' class='img-circle' alt='Red de Huertas del Quindío' src='milfs/images/secure/?file=150/d3f718c67c7a9b852eb892b1a5e8ea3a.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e81' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Avanto</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Avanto' src='milfs/images/secure/?file=150/351a86b485f28a0dafeb1fb4e2b786ca.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e80' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >ChamiTrip</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='ChamiTrip' src='milfs/images/secure/?file=150/16b600fd3bfa781704dba43360d76064.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e78' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Festival del Compartir</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Festival del Compartir' src='milfs/images/secure/?file=150/f93f4934415a7c0c9de6d9ce6ffff5e1.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e77' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >PionerasDev-Primera Nave(Beta)</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='PionerasDev-Primera Nave(Beta)' src='milfs/images/secure/?file=150/6c21c5d8ccaa41d9ff059bd7d59a672e.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e76' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Helios</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Helios' src='milfs/images/secure/?file=150/930dd636bc6e9deca81c0ef4bf577b55.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
@@ -452,70 +452,70 @@
                                                 <div class='div_proyecto'>
                                                     <a href='e74' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>#ConversacionesEnPaz</div>
                                                         <img class='img-gris'  style='' class=' ' src='milfs/images/sinimagen.jpg' alt='#ConversacionesEnPaz'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e73' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>TBT</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='TBT' src='milfs/images/secure/?file=150/71b2dfa4b93feb947728ef46e688eb56.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e72' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Paso Colombia</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Paso Colombia' src='milfs/images/secure/?file=150/35e63cf10bbb279a8af14c29ef8b6e62.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e71' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Red de Museos</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Red de Museos' src='milfs/images/secure/?file=150/683f6697df9d19d26cbd7f89381868a2.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e70' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Dataweek</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Dataweek' src='milfs/images/secure/?file=150/4dd77f4362cd9874f9a5914450dde510.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e67' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Amor animal</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Amor animal' src='milfs/images/secure/?file=150/c8d8303d72c5113d1d2aa689a6dd85d0.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
@@ -524,57 +524,57 @@
                                                     <a href='e66' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Fundación Vivirenlafinca.org</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Fundación Vivirenlafinca.org' src='milfs/images/secure/?file=150/cb5da9e61fc4706267a3605ee506cd58.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e63' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Buscando Dragones</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Buscando Dragones' src='milfs/images/secure/?file=150/b1e4dcc7fb2e92ab6c0f5bb430ca73b4.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e61' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Huecopolis.com</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Huecopolis.com' src='milfs/images/secure/?file=150/9204c0dbb3a724754f7615132c59e7fd.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e60' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Circo Surca</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Circo Surca' src='milfs/images/secure/?file=150/5376f9dfb7befe7ce5e70de8b139809d.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e59' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >Oncomedic ltda</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Oncomedic ltda' src='milfs/images/secure/?file=150/0018c7d524a31ab05438a5db8916f6bf.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e58' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' >El Espejo</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='El Espejo' src='milfs/images/secure/?file=150/eab4388623f88df646a1edf72708638c.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
@@ -582,70 +582,70 @@
                                                 <div class='div_proyecto'>
                                                     <a href='e57' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Firmesconlareserva</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Firmesconlareserva' src='milfs/images/secure/?file=150/52c8d42317cbdfa557f1e3fc5fe1c6b5.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e56' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Unidad de Mapeo Humanitario Colombia</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Unidad de Mapeo Humanitario Colombia' src='milfs/images/secure/?file=150/7ebd06c8ea5cd29b49cfa731df313428.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e55' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Imaginarios de Paz</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Imaginarios de Paz' src='milfs/images/secure/?file=150/e94aba8f683f7474e63d5fc7801ec773.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e54' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Ecoavistador</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Ecoavistador' src='milfs/images/secure/?file=150/3aba9b5a97a6852b43fdf99eae81aa51.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e53' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Nuestrared.org</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Nuestrared.org' src='milfs/images/secure/?file=150/bc400444f5fee1f826a1d60226e71164.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e52' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>ReDHumus</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='ReDHumus' src='milfs/images/secure/?file=150/877a9589e55d5d0819eba8681c3160a1.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
@@ -653,58 +653,58 @@
                                                 <div class='div_proyecto'>
                                                     <a href='e50' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Red de Huerteros Medellín</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Red de Huerteros Medellín' src='milfs/images/secure/?file=150/750136cc5053660dfd457a22bd3b8782.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e49' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>#BrigadaDigital</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='#BrigadaDigital' src='milfs/images/secure/?file=150/ee944e22ef4ae97039b65ced395302c8.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e4' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Comunidad de práctica ConVerGentes</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Comunidad de práctica ConVerGentes' src='milfs/images/secure/?file=150/45c50e2e23317fcb1febe7f08dd22ff1.jpg'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e2' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Tupale (Archivo)</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Tupale (Archivo)' src='milfs/images/secure/?file=150/61a3f54e7b0c7afab3e9cdec2629fd47.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
-                                            
+
                                             <div class='proyecto' title=''>
                                                 <div class='div_proyecto'>
                                                     <a href='e1' data-toggle='modal' data-target='#myModal'>
                                                         <div class='proyecto_titulo' style='
-                                                            
+
                                                         '>Tupale</div>
                                                         <img  class='img-gris' style='' class=' img-circle ' alt='Tupale' src='milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png'>
-                                                        
+
                                                     </a>
                                                 </div>
                                             </div>
@@ -884,7 +884,7 @@
                                                         <li class="list-group-item">
                                                             <span class="glyphicon glyphicon-ok-sign"></span> Creación de aplicacioes
                                                         </li>
-                                                        
+
                                                         <li class="list-group-item">
                                                             <span class="glyphicon glyphicon-ok-sign"></span> Creación y modificación de campos
                                                         </li>
@@ -1019,7 +1019,7 @@
                                         </div>
                                     </div>
                                 </section>
-                                
+
                                 <!--EQUIPO -->
                                 <section class="container-fluid" id="equipo">
                                     <div class="col-sm-8 col-sm-offset-2">
@@ -1104,7 +1104,7 @@
                                                             <h4 class="widgettitle">Más informacion</h4>
                                                             <ul>
                                                                 <li><a href="#"><i class="fa fa-info-circle" aria-hidden="true">
-                                                                    
+
                                                                 </i> Datos Abiertos</a>
                                                             </li>
                                                             <li><a href="#"><i class="fa fa-external-link" aria-hidden="true"></i> Manifiesto</a>
@@ -1168,7 +1168,7 @@
                                                         </div> <!-- end #footer-wrapper -->
                                                         </div> <!-- end .container -->
                                                         </div> <!-- end #footer-widgets -->
-                                                        
+
                                                     </footer>
                                                     <div id="sub-floor">
                                                         <div class="container text-center">
@@ -1180,10 +1180,10 @@
                                                                 </div> <!-- end .row -->
                                                             </div>
                                                         </div>
-                                                        
-                                                        
+
+
                                                         <script type="text/javascript">
-                                                        
+
                                                         $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
                                                         event.preventDefault();
                                                         $(this).ekkoLightbox();
@@ -1216,4 +1216,4 @@
                                                         <noscript><p><img src="//stats.tupale.co/piwik.php?idsite=1" style="border:0;" alt="" /></p></noscript>
                                                         <!-- End Piwik Code -->
                                                     </body>
-                                                </html>
\ No newline at end of file
+                                                </html>
diff --git a/librerias/landingjs/scripts_landing.js b/librerias/landingjs/scripts_landing.js
new file mode 100644
index 0000000..b3dda70
--- /dev/null
+++ b/librerias/landingjs/scripts_landing.js
@@ -0,0 +1,11 @@
+$(window).scroll(function() {
+  if ($(document).scrollTop() > 5) {
+    $('nav').addClass('shrink');
+  } else {
+    $('nav').removeClass('shrink');
+  }
+});
+
+$(window).scroll(function(){
+    $(".top").css("opacity", 1 - $(window).scrollTop() / 100);
+  });
diff --git a/milfs b/milfs
index 28db432..abe571a 160000
--- a/milfs
+++ b/milfs
@@ -1 +1 @@
-Subproject commit 28db432f8386c34cd78fc9a3aadb75a552efdea7
+Subproject commit abe571af6d72b41b9050cfa754a3fffb2c68e561
diff --git a/temas/landingpage/css/landingpage.css b/temas/landingpage/css/landingpage.css
index 24e9962..06a8a35 100644
--- a/temas/landingpage/css/landingpage.css
+++ b/temas/landingpage/css/landingpage.css
@@ -79,6 +79,8 @@ ul, ol {
 /* USING BOOTSTRAP 3.0.3 */
 
 /*NAVBAR BRAND*/
+
+
 .navbar-brand {
   transform: translateX(-50%);
   left: 50%;