diff --git a/landingpage_a.html b/landingpage_a.html
index 1fbc822..2a251f7 100644
--- a/landingpage_a.html
+++ b/landingpage_a.html
@@ -1,534 +1,809 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
+  <head >
+    <meta http-equiv="Cache-control" content="public">
     <meta charset="UTF-8">
+    <meta name="viewport" content="user-scalable=no, width=device-width,  maximum-scale=1,  initial-scale=1">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>landingpage</title>
-    <!-- CSS -->
-    <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet">
-    <!-- jQuery Content Delivery Network -->
-    <script src="http://code.jquery.com/jquery.js"></script>
-    <!-- Java Script cdn -->
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <!-- Chrome, Firefox OS y Opera -->
+    <meta NAME="Language" CONTENT="Spanish">
+    <meta NAME="Revisit" CONTENT="1 days">
+    <meta NAME="Distribution" CONTENT="Global">
+    <meta NAME="Robots" CONTENT="All">
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="tupaleco">
+    <meta name="twitter:creator" content="@qwerty_co">
+    <meta name="twitter:url" content="http://localhost/default/tupali/tupali/metafisico.php">
+    <meta name="twitter:title" content="Tupale">
+    <meta name="twitter:description" content=" ">
+    <meta name="twitter:image" content="http://localhost/default/tupali/milfs/images/secure/?file=full/da6d16547658ebc06c5378b30d1ee4bf.png">
+    <meta property="og:type"  content="article">
+    <meta property="og:title" content="Tupale" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://localhost/default/tupali/tupali/metafisico.php" />
+    <meta property="og:image" content="http://localhost/default/tupali/milfs/images/secure/?file=full/da6d16547658ebc06c5378b30d1ee4bf.png" />
+    <meta property="og:site_name" content="" />
+    <meta property="og:description" content=" " />
+    <link rel="shortcut icon" href="milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png">
+    <meta name='viewport' content='width=device-width'>
+    <meta name='mobile-web-app-capable' content='yes'>
+    <link rel='icon' sizes='192x192' href='milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png'>
+    <link rel="apple-touch-icon-precomposed" href="milfs/images/secure/?file=150/da6d16547658ebc06c5378b30d1ee4bf.png">
+    <title>Tupale Te invitamos a usar nuestra plataforma, puedes crear tus campañas y causas, recuerda que Toda causa se gana
+    Tupale.co </title>
+    <script type="text/javascript">
+    var xajaxRequestUri="http://10.10.0.52/tupali/metafisico.php";
+    var xajaxDebug=false;
+    var xajaxStatusMessages=false;
+    var xajaxWaitCursor=true;
+    var xajaxDefinedGet=0;
+    var xajaxDefinedPost=1;
+    function xajax_filtro_generico_buscar(){return xajax.call("filtro_generico_buscar", arguments, 1);}
+    function xajax_formulario_estadistica_ocultar(){return xajax.call("formulario_estadistica_ocultar", arguments, 1);}
+    function xajax_contenido_presentacion(){return xajax.call("contenido_presentacion", arguments, 1);}
+    function xajax_marcar(){return xajax.call("marcar", arguments, 1);}
+    function xajax_mailer(){return xajax.call("mailer", arguments, 1);}
+    function xajax_formulario_permisos_usuario(){return xajax.call("formulario_permisos_usuario", arguments, 1);}
+    function xajax_generar_acceso(){return xajax.call("generar_acceso", arguments, 1);}
+    function xajax_resumen_identificador(){return xajax.call("resumen_identificador", arguments, 1);}
+    function xajax_borrar_linea(){return xajax.call("borrar_linea", arguments, 1);}
+    function xajax_autorizar_usuarios(){return xajax.call("autorizar_usuarios", arguments, 1);}
+    function xajax_cambiar_empresa(){return xajax.call("cambiar_empresa", arguments, 1);}
+    function xajax_clonar_identificador(){return xajax.call("clonar_identificador", arguments, 1);}
+    function xajax_cerrar_sesion(){return xajax.call("cerrar_sesion", arguments, 1);}
+    function xajax_listado_entradas(){return xajax.call("listado_entradas", arguments, 1);}
+    function xajax_panel_aplicaciones(){return xajax.call("panel_aplicaciones", arguments, 1);}
+    function xajax_asistente_aplicaciones(){return xajax.call("asistente_aplicaciones", arguments, 1);}
+    function xajax_mostrar_interacciones(){return xajax.call("mostrar_interacciones", arguments, 1);}
+    function xajax_interaccion_identificador(){return xajax.call("interaccion_identificador", arguments, 1);}
+    function xajax_eliminar_identificador(){return xajax.call("eliminar_identificador", arguments, 1);}
+    function xajax_mover_formulario(){return xajax.call("mover_formulario", arguments, 1);}
+    function xajax_clonar_formulario(){return xajax.call("clonar_formulario", arguments, 1);}
+    function xajax_campo_privacidad(){return xajax.call("campo_privacidad", arguments, 1);}
+    function xajax_consultar_contenido_formulario(){return xajax.call("consultar_contenido_formulario", arguments, 1);}
+    function xajax_multiempresa_listado(){return xajax.call("multiempresa_listado", arguments, 1);}
+    function xajax_autoriza_formulario_mostrar(){return xajax.call("autoriza_formulario_mostrar", arguments, 1);}
+    function xajax_landingpage_contenido_formulario(){return xajax.call("landingpage_contenido_formulario", arguments, 1);}
+    function xajax_wait(){return xajax.call("wait", arguments, 1);}
+    function xajax_campos_tabla(){return xajax.call("campos_tabla", arguments, 1);}
+    function xajax_geocoder(){return xajax.call("geocoder", arguments, 1);}
+    function xajax_mostrar_psi(){return xajax.call("mostrar_psi", arguments, 1);}
+    function xajax_multiempresa_crear(){return xajax.call("multiempresa_crear", arguments, 1);}
+    function xajax_configurar_dominio(){return xajax.call("configurar_dominio", arguments, 1);}
+    function xajax_multiempresa(){return xajax.call("multiempresa", arguments, 1);}
+    function xajax_consultar_formulario(){return xajax.call("consultar_formulario", arguments, 1);}
+    function xajax_parametrizacion_linea(){return xajax.call("parametrizacion_linea", arguments, 1);}
+    function xajax_email_contenido(){return xajax.call("email_contenido", arguments, 1);}
+    function xajax_formulario_parametrizacion(){return xajax.call("formulario_parametrizacion", arguments, 1);}
+    function xajax_parametrizacion_categoria(){return xajax.call("parametrizacion_categoria", arguments, 1);}
+    function xajax_parametrizacion_plantilla_campos_inteligentes(){return xajax.call("parametrizacion_plantilla_campos_inteligentes", arguments, 1);}
+    function xajax_parametrizacion_plantilla(){return xajax.call("parametrizacion_plantilla", arguments, 1);}
+    function xajax_parametrizacion_titulo(){return xajax.call("parametrizacion_titulo", arguments, 1);}
+    function xajax_mostrar_modal(){return xajax.call("mostrar_modal", arguments, 1);}
+    function xajax_portal_filtro_cadena(){return xajax.call("portal_filtro_cadena", arguments, 1);}
+    function xajax_insertar_linea(){return xajax.call("insertar_linea", arguments, 1);}
+    function xajax_select_combo(){return xajax.call("select_combo", arguments, 1);}
+    function xajax_mensajes(){return xajax.call("mensajes", arguments, 1);}
+    function xajax_revisar_campo_unico(){return xajax.call("revisar_campo_unico", arguments, 1);}
+    function xajax_verificacion_email(){return xajax.call("verificacion_email", arguments, 1);}
+    function xajax_milfs_session(){return xajax.call("milfs_session", arguments, 1);}
+    function xajax_buscar_datos(){return xajax.call("buscar_datos", arguments, 1);}
+    function xajax_datos_grid(){return xajax.call("datos_grid", arguments, 1);}
+    function xajax_insertar_registro(){return xajax.call("insertar_registro", arguments, 1);}
+    function xajax_formulario_areas(){return xajax.call("formulario_areas", arguments, 1);}
+    function xajax_tabla_areas(){return xajax.call("tabla_areas", arguments, 1);}
+    function xajax_importar_coleccion(){return xajax.call("importar_coleccion", arguments, 1);}
+    function xajax_listar_archivos(){return xajax.call("listar_archivos", arguments, 1);}
+    function xajax_relacion_render(){return xajax.call("relacion_render", arguments, 1);}
+    function xajax_buscador_base(){return xajax.call("buscador_base", arguments, 1);}
+    function xajax_buscador_select_base(){return xajax.call("buscador_select_base", arguments, 1);}
+    function xajax_buscador_campo(){return xajax.call("buscador_campo", arguments, 1);}
+    function xajax_buscador_select(){return xajax.call("buscador_select", arguments, 1);}
+    function xajax_relacion_select(){return xajax.call("relacion_select", arguments, 1);}
+    function xajax_combo_select(){return xajax.call("combo_select", arguments, 1);}
+    function xajax_formulario_embebido_ajax(){return xajax.call("formulario_embebido_ajax", arguments, 1);}
+    function xajax_aplicacion_presentacion(){return xajax.call("aplicacion_presentacion", arguments, 1);}
+    function xajax_aplicaciones_listado(){return xajax.call("aplicaciones_listado", arguments, 1);}
+    function xajax_contenido_parallax(){return xajax.call("contenido_parallax", arguments, 1);}
+    function xajax_contenido_timeline(){return xajax.call("contenido_timeline", arguments, 1);}
+    function xajax_contenido_listado(){return xajax.call("contenido_listado", arguments, 1);}
+    function xajax_contenido_mostrar(){return xajax.call("contenido_mostrar", arguments, 1);}
+    function xajax_configuracion(){return xajax.call("configuracion", arguments, 1);}
+    function xajax_cambiar_imagen(){return xajax.call("cambiar_imagen", arguments, 1);}
+    function xajax_actualizar_campo(){return xajax.call("actualizar_campo", arguments, 1);}
+    function xajax_eliminar_campo(){return xajax.call("eliminar_campo", arguments, 1);}
+    function xajax_insertar_campo(){return xajax.call("insertar_campo", arguments, 1);}
+    function xajax_insertar_campo_area(){return xajax.call("insertar_campo_area", arguments, 1);}
+    function xajax_editar_campo(){return xajax.call("editar_campo", arguments, 1);}
+    function xajax_formulario_importador(){return xajax.call("formulario_importador", arguments, 1);}
+    function xajax_formulario_importar_subir(){return xajax.call("formulario_importar_subir", arguments, 1);}
+    function xajax_formulario_importar(){return xajax.call("formulario_importar", arguments, 1);}
+    function xajax_borrar_tmp(){return xajax.call("borrar_tmp", arguments, 1);}
+    function xajax_mostrar_coincidencias_plantilla(){return xajax.call("mostrar_coincidencias_plantilla", arguments, 1);}
+    function xajax_mostrar_coincidencias(){return xajax.call("mostrar_coincidencias", arguments, 1);}
+    function xajax_matriz_formulario(){return xajax.call("matriz_formulario", arguments, 1);}
+    function xajax_formulario_campos_select(){return xajax.call("formulario_campos_select", arguments, 1);}
+    function xajax_formulario_campos_filtro(){return xajax.call("formulario_campos_filtro", arguments, 1);}
+    function xajax_formulario_consultar(){return xajax.call("formulario_consultar", arguments, 1);}
+    function xajax_formulario_campos_procesar(){return xajax.call("formulario_campos_procesar", arguments, 1);}
+    function xajax_formulario_opciones_select(){return xajax.call("formulario_opciones_select", arguments, 1);}
+    function xajax_crear_campos_formulario(){return xajax.call("crear_campos_formulario", arguments, 1);}
+    function xajax_formulario_crear_campo(){return xajax.call("formulario_crear_campo", arguments, 1);}
+    function xajax_agregar_campos(){return xajax.call("agregar_campos", arguments, 1);}
+    function xajax_formulario_nuevo(){return xajax.call("formulario_nuevo", arguments, 1);}
+    function xajax_formulario_listado(){return xajax.call("formulario_listado", arguments, 1);}
+    function xajax_formulario_eliminar(){return xajax.call("formulario_eliminar", arguments, 1);}
+    function xajax_campo_multiple(){return xajax.call("campo_multiple", arguments, 1);}
+    function xajax_formulario_grabar(){return xajax.call("formulario_grabar", arguments, 1);}
+    function xajax_formulario_modal(){return xajax.call("formulario_modal", arguments, 1);}
+    function xajax_limpia_div(){return xajax.call("limpia_div", arguments, 1);}
+    function xajax_contenido_ocultar(){return xajax.call("contenido_ocultar", arguments, 1);}
+    function xajax_contenido_show(){return xajax.call("contenido_show", arguments, 1);}
+    function xajax_contenido_cambiar(){return xajax.call("contenido_cambiar", arguments, 1);}
+    function xajax_limite(){return xajax.call("limite", arguments, 1);}
+    function xajax_confirma_campo(){return xajax.call("confirma_campo", arguments, 1);}
+    function xajax_validar_campo(){return xajax.call("validar_campo", arguments, 1);}
+    function xajax_comprobar_email(){return xajax.call("comprobar_email", arguments, 1);}
+    function xajax_registro_express(){return xajax.call("registro_express", arguments, 1);}
+    function xajax_cambiar_grupo(){return xajax.call("cambiar_grupo", arguments, 1);}
+    function xajax_buscar_funcionario(){return xajax.call("buscar_funcionario", arguments, 1);}
+    function xajax_usuarios_listado(){return xajax.call("usuarios_listado", arguments, 1);}
+    function xajax_XXX(){return xajax.call("XXX", arguments, 1);}
+    function xajax_machitroll_grabar_imagen(){return xajax.call("machitroll_grabar_imagen", arguments, 1);}
+    function xajax_machitroll_grabar(){return xajax.call("machitroll_grabar", arguments, 1);}
+    function xajax_machitroll_grabarX(){return xajax.call("machitroll_grabarX", arguments, 1);}
+    function xajax_brigadistas_grabar_imagen(){return xajax.call("brigadistas_grabar_imagen", arguments, 1);}
+    function xajax_brigadistas_grabar(){return xajax.call("brigadistas_grabar", arguments, 1);}
+    function xajax_tuitealo(){return xajax.call("tuitealo", arguments, 1);}
+    </script>
+    <script type="text/javascript" src="milfs/xajax/xajax_js/xajax.js"></script>
+    <style>
+    <!--  ESTILOS PRIORITARIOS -->
+    .modal-dialog {
+    width: 95% !important;
+    height: auto;
+    padding: 0;
+    }
+    .modal-lg {
+    width: 95% !important;
+    height: auto;
+    padding: 0;
+    }
+    .modal-content {
+    height: auto;
+    }
+    .modal-body {
+    max-height: calc(100vh - 100px);
+    overflow-y: auto;
+    }
     
-    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" type="text/css" href="styles.css">
+    fieldset.fieldset-borde {
+    border: 2px solid #EDEDED !important;
+    border-radius:3px;
+    padding: 0 1.4em 1.4em 1.4em !important;
+    margin: 0 0 1.5em 0 !important;
+    -webkit-box-shadow:  0px 0px 0px 0px #000;
+    box-shadow:  0px 0px 0px 0px #000;
+    }
+    legend.legend-area {
+    font-size: 1.2em !important;
+    font-weight: bold !important;
+    text-align: left !important;
+    width:auto;
+    padding:0 10px;
+    border-bottom:none;
+    }
+    </style>
+    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha256-k2/8zcNbxVIh5mnQ52A0r3a6jAgMGxFJFE2707UxGCk= sha512-ZV9KawG2Legkwp3nAlxLIVFudTauWuBpC10uEafMHYL0Sarrz5A7G79kXh5+5+woxQ5HM559XX2UZjMJ36Wplg==" crossorigin="anonymous">
+    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
+    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+    <![endif]-->
+    <!-- tema magazine -->
+    <meta name='theme-color' content='#DF0101'/>
+    <!-- Windows Phone -->
+    <meta name='msapplication-navbutton-color' content='#DF0101'/>
+    <!-- iOS Safari -->
+    <meta name='apple-mobile-web-app-capable' content='yes'/>
+    <meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
     
-  </head>
-  <body data-spy="scroll" data-target=".navbar" data-offset="50">
-    <!-- Static navbar -->
-    <nav class="navbar navbar-default navbar-fixed-top">
-      <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="#">
-            <img src="assets/tupale.png">
-          </a>
-        </div>
-        <div id="navbar" class="navbar-collapse collapse">
-          <ul class="nav navbar-nav">
-            <li class="active"><a href="#home"><span class="glyphicon glyphicon-home" aria-hidden="true"></span></a></li>
-            <li><a href="#proyectos">Proyectos</a></li>
-            <li><a href="#servicios">Servicios</a></li>
-            <li><a href="#precios">Precios</a></li>
-            <li><a href="#patrocinio">Patrocinio</a></li>
-          </ul>
-          <ul class="nav navbar-nav navbar-right">
-            <li><a href="#equipo">Equipo</a></li>
-            <li><a href="#documentacion">Documentación</a></li>
-            <li><a href="#blog">Blog</a></li>
-            <li class="dropdown">
-              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ingresar<b class="caret"></b></a>
-              <ul class="dropdown-menu">
-                <li><a href="#">Desadministrador</a></li>
-                <li><a href="#">Editor</a></li>
-                <li><a href="#">Activista</a></li>
-                <li class="divider"></li>
-                <li><a href="#">Registrarse</a></li>
+    
+    <!-- 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 -->
+    <link rel="stylesheet" href="temas/magazine/css/animate.css">
+    <!-- Icomoon -->
+    <link rel="stylesheet" href="temas/magazine/css/icomoon.css">
+    <!-- Bootstrap  -->
+    <link rel="stylesheet" href="temas/magazine/css/bootstrap.css">
+    <link rel="stylesheet" href="temas/magazine/css/style.css">
+    <!-- Modernizr JS -->
+    <script src="temas/magazine/js/modernizr-2.6.2.min.js"></script>
+    <!-- FOR IE9 below -->
+    <!--[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 -->
+    <script src="temas/magazine/js/jquery.easing.1.3.js"></script>
+    <!-- Bootstrap -->
+    <script src="temas/magazine/js/bootstrap.min.js"></script>
+    <!-- Waypoints -->
+    <script src="temas/magazine/js/jquery.waypoints.min.js"></script>
+    <!-- Main JS -->
+    <script src="temas/magazine/js/main.js"></script>
+    <!-- include codemirror (codemirror.css, codemirror.js, xml.js, formatting.js) -->
+    <link rel="stylesheet" type="text/css" href="temas/landingpage/css/landingpage.css">
+    <script type="text/javascript" src="temas/landingpage/js/scripts.js"></script>
+    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.css">
+    <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/theme/monokai.css">
+    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/codemirror.js"></script>
+    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.20.0/mode/xml/xml.js"></script>
+    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/2.36.0/formatting.js"></script>
+    <!--  wysiwyg -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.js"></script>
+    <!-- include summernote css/js-->
+    <link href="https://cdnjs.cloudflare.com/ajax/libs/summernote/0.8.1/summernote.css" rel="stylesheet">
+    <!-- add after bootstrap.min.js -->
+    <script src="milfs/js/scripts.js"></script>
+    <link rel="stylesheet" href="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.3.0/dist/bootstrap-toc.min.css">
+    <script src="https://cdn.rawgit.com/afeld/bootstrap-toc/v0.3.0/dist/bootstrap-toc.min.js"></script>
+    <script src="//cdnjs.cloudflare.com/ajax/libs/ekko-lightbox/4.0.1/ekko-lightbox.min.js"></script>
+    <style >
+    body{
+    word-wrap: break-word !important;
+    }
+    .fh5co-header {
+    background-image: url("https://tupale.co/images/banner.png") !important;
+    background-color:red !important;
+    background-repeat: no-repeat !important;
+    }
+    </style><script type="text/javascript">
+    function addLink() {
+    var body_element = document.getElementsByTagName('body')[0];
+    var selection;
+    selection = window.getSelection();
+    var pagelink = " /* <br /><br />Gracias por compartir, por favor citanos así:<br/><a href='"+document.location.href+"'>"+document.location.href+"<br /><b>https://tupale.co</b> */";
+      var copytext = selection + pagelink;
+      var newdiv = document.createElement('div');
+      newdiv.style.position='absolute';
+      newdiv.style.left='-99999px';
+      body_element.appendChild(newdiv);
+      newdiv.innerHTML = copytext;
+      selection.selectAllChildren(newdiv);
+      window.setTimeout(function() {
+      body_element.removeChild(newdiv);
+      },0);
+      }
+      document.oncopy = addLink;
+      </script>
+    </head>
+    <body data-spy='scroll' data-target='.navbar #toc' data-offset='50'>
+      <!-- <div class="text-center">
+        <a href="frida.php?redirect" >
+          <img  class='center-block img img-responsive' src='https://tupale.co/milfs/images/frida.gif'>
+        </a>
+        <a href="frida.php" ><small class="center-block" >Â¿ Necesitas ayuda para apoyarnos ?</small></a>
+      </div> -->
+      
+      
+      
+      <div class="col-sm-12">
+        <nav class='navbar navbar-inverse navbar-toggleable-md navbar-fixed-top'>
+          <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='#'>
+                <img src='temas/landingpage/images/logo.png' class='image_full' alt='Tupale.co'>
+                <img src='temas/landingpage/images/logo_tupale.png' class='image_mobile' alt='Tupale.co'>
+              </a>
+            </div>
+            <div id='navbar' class='navbar-collapse collapse'>
+              <ul class='nav navbar-nav'>
+                <li><a href='#proyectos'>Proyectos</a></li>
+                <li><a href='#servicios'>Servicios</a></li>
+                <li><a href='#precios'>Precios</a></li>
+                <li><a href='#patrocinio'>Patrocina</a></li>
               </ul>
-            </li>
-          </ul>
-          </div><!--/.nav-collapse -->
-        </div>
-      </nav>
-      <!-- Intro -->
-      <section class="container-fluid" id="home">
-        <div class="container">
-          <div class="col-sm-8 col-sm-offset-2 text-center">
-            <h2>Plataforma local que nos conecta al movimiento global de datos abiertos</h2>
-          </div>
-          <div class="row">
-            <div class="col-sm-4">
-              <div class="row">
-                <div class="col-sm-10 col-sm-offset-2 text-center"><h3>Activismo</h3><p>Promover la Transparencia para propiciar el establecimiento de una cultura de acceso abierto a la información y de reutilización de los datos públicos.
-                  </p><span class="glyphicon glyphicon-search " aria-hidden="true"></span></div>
-                </div>
+              <ul class='nav navbar-nav navbar-right'>
+                <li><a href='#equipo'>Nosotros</a></li>
+                <li><a href='#documentacion'>Documentación</a></li>
+                <li><a href='#blog'>Blog</a></li>
+                <li class='dropdown'>
+                  <a href='#' class='dropdown-toggle' data-toggle='dropdown'>Ingresar<b class='caret'></b></a>
+                  <ul class='dropdown-menu'>
+                    <li><a href='#'>Desadministrador</a></li>
+                    <li><a href='#'>Editor</a></li>
+                    <li><a href='#'>Activista</a></li>
+                    <li class='divider'></li>
+                    <li><a href='#'>Registrarse</a></li>
+                  </ul>
+                </li>
+              </ul>
+              </div><!--/.nav-collapse -->
+            </div>
+          </nav>
+          <!-- Intro -->
+          <br><br>
+          <section class='container-fluid' id='home'>
+            <div class='container'>
+              <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>
               </div>
-              <div class="col-sm-4 text-center">
-                <div class="row">
-                  <div class="col-sm-10 col-sm-offset-1 text-center"><h3>Memoria</h3><p>Impulsar la conservación de memoria y el seguimiento de los procesos, desarrollando mayores y mejores mecanismos que permitan privilegiar el interés colectivo por sobre los intereses individuales.</p><span class="glyphicon glyphicon-user" aria-hidden="true"></span></div>
-                </div>
-              </div>
-              <div class="col-sm-4 text-center">
-                <div class="row">
-                  <div class="col-sm-10 text-center"><h3>Procesos</h3><p>Fortalecer la Participación Ciudadana efectiva y fomentar la acción colectiva, consolidando así procesos de mayor impacto, más representativos y vinculantes.</p><span class="glyphicon glyphicon-stats" aria-hidden="true"></span></div>
-                </div>
-              </div>
-              </div><!--/row-->
-              <div class="row"><br></div>
-              </div><!--/container-->
-            </section>
-            <!-- Fin Intro -->
-            
-            <!-- PROYECTOS -->
-            <section class="container-fluid" id="proyectos">
-              <div class="col-sm-8 col-sm-offset-2 text-center">
-                <h1>Proyectos</h1>
-                <p class="lead">Conoce los proyectos que usan Túpale para la implementación de sus herramientas, selecciona para conocer más</p>
-              </div>
-              <div class="container-fluid">
-                <div class="col-sm-10 col-sm-offset-1">
-                  <div class="proyecto">
-                    <a href="#" data-toggle="modal" data-target="#myModal">
-                      <img src="assets/pasocolombia.png" width="150" class="img-responsive img-rounded center-block" alt="">
-                    </a>
+              <div class='row'>
+                <div class='col-sm-4'>
+                  <div class='row'>
+                    <div class='col-sm-10 col-sm-offset-2 text-center'><h3>Activismo</h3><p>Promover la Transparencia para propiciar el establecimiento de una cultura de acceso abierto a la información y de reutilización de los datos públicos.
+                      </p><span class='glyphicon glyphicon-search ' aria-hidden='true'></span></div>
+                    </div>
                   </div>
-                  <!-- Thumbnail link para el logo de red de huerteros -->
-                  <div class="proyecto">
-                    <a href="#" data-toggle="modal" data-target="#myModal">
-                      <img src="assets/red_huerteros.png" width="150" class="img-responsive img-rounded center-block" alt="">
-                    </a>
+                  <div class='col-sm-4 text-center'>
+                    <div class='row'>
+                      <div class='col-sm-10 col-sm-offset-1 text-center'><h3>Memoria</h3><p>Impulsar la conservación de memoria y el seguimiento de los procesos, desarrollando mayores y mejores mecanismos que permitan privilegiar el interés colectivo por sobre los intereses individuales.</p><span class='glyphicon glyphicon-user' aria-hidden='true'></span></div>
+                    </div>
                   </div>
-                  <!-- Thumbnail link para el logo avanto -->
-                  <div class="proyecto">
-                    <a href="#" data-toggle="modal" data-target="#myModal">
-                      <img src="assets/avanto.png" width="150" class="img-responsive img-rounded center-block" alt="">
-                    </a>
+                  <div class='col-sm-4 text-center'>
+                    <div class='row'>
+                      <div class='col-sm-10 text-center'><h3>Procesos</h3><p>Fortalecer la Participación Ciudadana efectiva y fomentar la acción colectiva, consolidando así procesos de mayor impacto, más representativos y vinculantes.</p><span class='glyphicon glyphicon-stats' aria-hidden='true'></span></div>
+                    </div>
                   </div>
-                  <!-- Thumbnail link para el logo brigada -->
-                  <div class="proyecto">
-                    <a href="#" data-toggle="modal" data-target="#myModal">
-                      <img src="assets/brigada_digital.png" width="150" class="img-responsive img-rounded center-block" alt="">
-                    </a>
-                  </div>
-                  <!--  Modal para contenido de paso colombia-->
-                  <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-                    <div class="modal-dialog" role="document">
-                      <div class="modal-content">
-                        <div class="modal-header">
-                          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-                          <h4 class="modal-title" id="myModalLabel">Paso Colombia</h4>
+                  </div><!--/row-->
+                  <div class='row'><br></div>
+                  </div><!--/container-->
+                </section>
+                <!-- END #fh5co-offcanvas -->
+                <header id="fh5co-header">
+                  
+                  
+                  <div class="row">
+                    <div class='pull-right'>
+                      <a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle"><i></i></a>
+                      <ul class="fh5co-social list-inline intro-social-buttons ">
+                        
+                        <li><a href="https://twitter.com/tupaleco"><i class="fa fa-twitter"></i></a></li>
+                        <li><a href="https://www.facebook.com/Qwerty-co-146226688795185"><i class="fa fa-facebook"></i></a></li>
+                        <li>
+                          <div class=' btn btn-default btn-xs' onclick="xajax_milfs_session('116','707','708','','');">Login</div>
+                        </li>
+                        
+                      </ul>
+                      
+                    </div>
+                    
+                    <div id='meta_cabecera' class="col-lg-12 col-md-12 ">
+                      
+                      <div class="row">
+                        
+                        <div class="col-md-12 text-center">
+                          <h1 id="fh5co-logo" data-toc-skip ><a href="./">Tupale</a></h1>
+                          <div id='slogan_landingpage'><p>Te invitamos a usar nuestra plataforma, puedes crear tus campañas y causas, recuerda que Toda causa se gana
+                          </p></div>
                         </div>
-                        <div class="modal-body">
-                          ...
+                        <div id="asistento" class="col-md-12 text-center">
+                          <a href='?asistento' class='btn btn-success'>Quiero crear una campaña </a>
                         </div>
-                        <div class="modal-footer">
-                          <button type="button" class="btn btn-primary">Ir al Sitio</button>
+                        <div class="col-md-12">
+                          <div class='center-block'>
+                          </div>
                         </div>
                       </div>
                     </div>
+                    
+                    
+                  </header>
+                  <div class="row fh5co-post-entry">
+                    
+                    
+                    <!-- PROYECTOS -->
+                    <section class='container-fluid' id='proyectos'>
+                      <div class='col-sm-8 col-sm-offset-2 text-center intro'>
+                        <h1>Proyectos</h1>
+                        <p class='lead'>Conoce los proyectos que usan Tupale.co para la implementación de sus herramientas, selecciona para conocer más</p>
+                      </div>
+                      <div class='container principal'>
+                        <div class='container box_proyectos'>
+                        <div class='proyecto' title=''>
+                          <div class='div_proyecto'>
+                            <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>
+                          <div class='proyecto' title=''>
+                            <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>
+                        <div class='proyecto' title=''>
+                          <div class='div_proyecto'>
+                            <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>
+                      <div class='proyecto' title=''>
+                        <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>
+
+                    <div class='proyecto' title=''>
+                      <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>
                   </div>
-                </div>
-              </div>
+                  </div>
+                  </div>
+                </section>
+                <!-- FIN Proyectos -->
+
+              <div class='container-fluid'> </div>
+              <footer id="fh5co-footer">
+                <small>
+                <p class="">Tupale.co funciona gracias a <a href='https://QWERTY.co/milfs'>&copy; MILFS Un proyecto de https://QWERTY.co</a> Se distribuye bajo licencia GPL V3
+                <a href="milfs/?psi" ><i class="fa fa-smile-o "></i> Políticas de privacidad y protección de datos.</a></p>
+                </small>
+              </footer>
             </div>
-          </section>
-          <!-- FIN Proyectos -->
-          <!--SERVICIOS-->
-          <section class="container-fluid" id="servicios">
-            <div class="col-sm-8 col-sm-offset-2 text-center">
-              <h1>Servicios</h1>
-              <p class="lead">Herramientas y servicios que complementan el fujo de proyectos que además puedes integrar a los  procesos actuales de tu grupo de trabajo</p>
-            </div>
-            <div class="container">
-              <div class="row col-sm-8 col-sm-offset-2 text-left ">
-                <div class="col-sm-3">
-                  <button type="button" class="btn btn-danger btn-servicios " data-toggle="collapse" data-target="#raw">RAW</button>
-                  <div id="raw" class="collapse">
-                    Es una aplicación web desarrollada por http://rawgraphs.io/ permite hacer visualizaciones de datos rapidas, podemos utilzar la API simple de Tupale para experimentar con esta herramienta.
-                  </div>
-                </div>
-                <div class="col-sm-3">
-                  <button type="button" class="btn btn-danger btn-servicios" data-toggle="collapse" data-target="#pad">PAD</button>
-                  <div id="pad" class="collapse">
-                    Herramienta de escritura colaborativa, permite que varias personas escriban en tiempo real. Basado en la tecnologia de http://etherpad.org/
-                    PAD
-                  </div>
-                </div>
-                <div class="col-sm-3">
-                  <button type="button" class="btn btn-danger btn-servicios" data-toggle="collapse" data-target="#calc">CALC</button>
-                  <div id="calc" class="collapse">
-                    Herramienta que permite crear hojas de calculo en linea, varias personas puede editar en tiempo real. Basado en el tecnologia de https://ethercalc.net/
-                    estadisticas
-                  </div>
-                </div>
-                <div class="col-sm-3">
-                  <button type="button" class="btn btn-danger btn-servicios" data-toggle="collapse" data-target="#piwik">PIWIK</button>
-                  <div id="piwik" class="collapse">
-                    Es la herramienta que utilizamos para recoger datos de acceso, consulta y uso de Tupale.co y los diferentes proyectos alojados en Tupale, se puede consultar de manera publica https://stats.tupale.co Basado en la tecnologia de https://piwik.org/
-                  </div>
-                </div>
-              </div>
-            </div>
-          </section >
-          <!--FIN Servicios -->
-          <!-- Carrusel APIS Open Data -->
-          <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
-            <!-- Indicators -->
-            <ol class="carousel-indicators">
-              <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
-              <li data-target="#carousel-example-generic" data-slide-to="1"></li>
-              <li data-target="#carousel-example-generic" data-slide-to="2"></li>
-            </ol>
-            <!-- Wrapper for slides -->
-            <div class="carousel-inner" role="listbox">
-              <div class="item active">
-                <img src="https://cldup.com/VvvJCGnUXw.png" alt="portal_open_data">
-                <div class="carousel-caption">
-                  <h3>Portal de Open Data</h3>
-                  <p>Multiples opciones de manejo de datos con estandares mundiales de Open Data</p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="https://cldup.com/cwy7fakMG3.png" alt="apis_json">
-                <div class="carousel-caption">
-                  <h3>APIS JSON</h3>
-                  <p>api json y api json simple para integraciones y programación</p>
-                </div>
-              </div>
-              <div class="item">
-                <img src="https://cldup.com/e2fps1PMMd.png" alt="apis_json">
-                <div class="carousel-caption">
-                  <h3>Visualizaciones</h3>
-                  <p>Mapas y visualizaciónes básicas</p>
-                </div>
-              </div>
-            </div>
-            <!-- Controls -->
-            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
-              <span class="glyphicon glyphicon-chevron-left" aria-hidden="false"></span>
-              <span class="sr-only">Previous</span>
-            </a>
-            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
-              <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-              <span class="sr-only">Next</span>
-            </a>
           </div>
-          <!-- FIN Carrusel -->
-          <!--PRECIOS -->
-          <section class="container" id="precios">
-            <div class="col-sm-12  text-center">
-              <h1>Precios</h1>
-              <p class="lead">Tupale es una herramienta de código abierto puede ser descargada e implementada, el cobro cubre servicios de administración, hosting, reinversión en desarrollo, capacitación en uso y manejo</p>
-            </div>
-            <div class="container">
-              <div class="row">
-                <!-- item -->
-                <div class="col-md-3 text-center">
-                  <div class="panel panel-danger panel-pricing">
-                    <div class="panel-heading">
-                      <span class="glyphicon glyphicon-play" aria-hidden="true"></span>
-                      <h3>Instancia  de Tupale</h3>
-                    </div>
-                    <div class="panel-body text-center">
-                      <h2>$250 USD/ Anuales</h2>
-                    </div>
-                    <ul class="list-group text-left">
-                      <li class="list-group-item"><span class="glyphicon glyphicon-ok"></span>Aplicaciones ilimitadas</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok "></i>  Usuarios ilimitados</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok "></i>  Personalización visual (branding) y plantillas gráficas </li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok "></i>  Redirección o integración con dominio o subdominio a Tupale.co. </li>
-                    </ul>
-                    <div class="panel-footer">
-                      <a class="btn btn-lg btn-block btn-danger" href="#">Contacto</a>
-                    </div>
+          <div class='modal fade ' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
+            <div class='modal-dialog modal-lg' >
+              <div class='modal-content'>
+                <div class='modal-header' >
+                  <button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='fa fa-times-circle'></i></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>
-                <!-- /item -->
-                <!-- item -->
-                <div class="col-md-3 text-center">
-                  <div class="panel panel-warning panel-pricing">
-                    <div class="panel-heading">
-                      <i class="glyphicon glyphicon-step-forward"></i>
-                      <h3>Taller Básico</h3>
-                    </div>
-                    <div class="panel-body text-center">
-                      <h2>$240 USD </h2>
-                    </div>
-                    <ul class="list-group text-left">
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Introducción a creación de modelo de datos con Tupale</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de usuarios</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de aplicaciones</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación y modificación de campos</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Guia básica de plantillas</li>
-                    </ul>
-                    <div class="panel-footer">
-                      <a class="btn btn-lg btn-block btn-warning" href="#">Contactar</a>
-                    </div>
-                  </div>
+                <div class='modal-footer' id='pie_modal'>
+                  
+                  
                 </div>
-                <!-- /item -->
-                <!-- item -->
-                <div class="col-md-3 text-center">
-                  <div class="panel panel-info panel-pricing">
-                    <div class="panel-heading">
-                      <i class="glyphicon glyphicon-forward"></i>
-                      <h3>Taller Medio</h3>
-                    </div>
-                    <div class="panel-body text-center">
-                      <h2>$480 USD</h2>
-                    </div>
-                    <ul class="list-group text-left">
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de modelo de datos con Tupale</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de usuarios</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de aplicaciones</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación y modificación de campos</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Uso de Campos especiales</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de mapas</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Guia avanzada de platillas</li>
-                    </ul>
-                    <div class="panel-footer">
-                      <a class="btn btn-lg btn-block btn-info" href="#">Contactar</a>
-                    </div>
-                  </div>
-                </div>
-                <!-- /item -->
-                <!-- item -->
-                <div class="col-md-3 text-center">
-                  <div class="panel panel-success panel-pricing">
-                    <div class="panel-heading">
-                      <i class="glyphicon glyphicon-fast-forward"></i>
-                      <h3>Taller Avanzado</h3>
-                    </div>
-                    <div class="panel-body text-center">
-                      <h2>$960 USD</h2>
-                    </div>
-                    <ul class="list-group text-left">
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de modelo de datos con Tupale</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de usuarios</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de aplicaciones</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación y modificación de campos</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Utilización de campos especiales</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Creación de mapas</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Uso básico de las API para visualizaciones y analisis de datos.</li>
-                      <li class="list-group-item"><i class="glyphicon glyphicon-ok"></i> Exportación de datos.</li>
-                    </ul>
-                    <div class="panel-footer">
-                      <a class="btn btn-lg btn-block btn-success" href="#">Contactar</a>
-                    </div>
-                  </div>
-                </div>
-                <!-- /item -->
               </div>
             </div>
-          </section>
-          <!-- FIN Precios -->
-          <!--PATROCINADORES -->
-          <section class="container-fluid" id="patrocinio">
-            <div class="col-sm-8 col-sm-offset-2 ">
-              <div class="text-center">
-                <h1>Patrocinadores</h1>
-                <p class="lead">Conoce las empresas, instituciones y organizaciones que han invertido a través de sus proyectos con el avance de la herramienta, todos los desarrollos que han sido adelantados son de acceso libre para toda la comunidad </p>
-              </div>
-              <!-- Thumbnail link para el logo de pasocolombia -->
-              <div class="patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/pasocolombia.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <!-- Thumbnail link para el logo de red de huerteros -->
-              <div class="  patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/red_huerteros.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <!-- Thumbnail link para el logo avanto -->
-              <div class=" patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/avanto.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <!-- Thumbnail link para el logo brigada -->
-              <div class=" patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <div class=" patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <div class=" patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <div class=" patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <div class="patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-              <div class="patrocina">
-                <a href="#" data-toggle="modal" data-target="#myModal">
-                  <img src="assets/brigada_digital.png" class="img-responsive img-rounded center-block" alt="">
-                </a>
-              </div>
-            </div>
-          </section>
-          <!-- FIN patrocinadores -->
-          <!--EQUIPO -->
+          </div>
+          <!-- Modal -->
+          <!-- Footer -->
           
-          <section class="container-fluid" id="equipo">
-            <div class="col-sm-8 col-sm-offset-2">
-              <div class="text-center">
-                <h1>Equipo</h1>
-                <p class="lead">De una creación personal se han vinculado de manera orgánica diferentes personas al crecimiento del entorno de herramientas que facilitan el desarrollo de tupale y la vinculación con equipos, instituciones y causas</p>
-              </div>
-              <div class="container">
-                <div class="row">
-                  <div class="col-md-4 " id="main">
-                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
-                      <div class="panel panel-warning">
-                        <div class="panel-heading" role="tab" id="nosotros">
-                          <h4 class="panel-title">
-                          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
-                            Nosotros
-                          </a>
-                          </h4>
-                        </div>
-                        <div id="collapseOne" class="panel-collapse collapse" role="tabpanel" aria-labelledby="Nosotros">
-                          <div class="panel-body">
-                            <ul>
-                              <li>La Manada: 5 perros Canquis, Lara, Alphita, Amed,Akrus  </li>
-                              <li>El Tigre: Creador de MILF base del funcionamiento de túpale</li>
-                              <li>La Tigra: Apoyo moral incondicional, administradora y facilitadora de procesos </li>
-                              <li>Kleper:  Sisadmin del demonio</li>
-                              <li>Pionerita: Metiendo la mano con lo que ha aprendido de programación </li>
-                            </ul>
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                  <div class="col-md-4 " id="main">
-                    <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
-                      <div class="panel panel-warning">
-                        <div class="panel-heading equipo" role="tab" id="participado">
-                          <h4 class="panel-title">
-                          <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-                            Han Participado
-                          </a>
-                          </h4>
-                        </div>
-                        <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="participado">
-                          <div class="panel-body">
-                            Un montón de personas que de una u otra forma han contribuido para que Tupale sea adoptado dentro de los procesos en instituciones y grupos de trabajo...
-                          </div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </section>
-            <!-- FIN equipo -->
-            <!--FOOTER -->
-            <footer id="footer" class="clearfix">
-              <div id="footer-widgets">
-                <div class="container">
-                  <div id="footer-wrapper">
-                    <div class="row">
-                      <div class="col-sm-6 col-md-2">
-                        <div id="meta-3" class="widget widgetFooter widget_meta">
-                          <h4 class="widgettitle">Más informacion</h4>
-                          <ul>
-                            <li><a href="#"><i class="fa fa-home fa-fw"></i>Datos Abiertos</a></li>
-                            <li><a href="privacypolicy.php"><i class="fa fa-link"></i>Manifiesto</a></li>
-                            <li><a href="#"><i class="fa fa-envelope fa-fw"></i>Recomendado</a></li>
-                          </ul>
-                          </div>      </div> <!-- end widget1 -->
-                          <div class="col-sm-6 col-md-2">
-                            <div id="recent-posts-3" class="widget widgetFooter widget_recent_entries">
-                              <h4 class="widgettitle">Buscanos en redes</h4>
-                              <ul>
-                                <li>
-                                  <a href="https://www.facebook.com/tupaleco" target="_blank"><i class="fa fa-facebook"></i> Facebook</a>
-                                </li>
-                                <li>
-                                  <a href="https://twitter.com/tupaleco" target="_blank"><i class="fa fa-twitter"></i> Twitter</a>
-                                </li>
-                                <li>
-                                  <a href="telegram" target="_blank"><i class="fa fa-youtube"></i> Telegram</a>
-                                </li>
-                              </ul>
-                              </div>            </div> <!-- end widget1 -->
-                              <div class="col-sm-6 col-md-4">
-                                <div id="meta-4" class="widget widgetFooter widget_meta">
-                                  <h4 class="widgettitle">Contáctanos</h4>
-                                  <div class="form-group">
-                                    <div class="input-group">
-                                      <span class="input-group-addon">E-mail :</span>
-                                      <input class="form-control" placeholder="Correo de contacto" type="text">
-                                    </div>
-                                  </div>
-                                  <div class="form-group">
-                                    <div class="input-group">
-                                      <span class="input-group-addon">Mensaje</span>
-                                      <input class="form-control" placeholder="que quieres o necesitas" type="text">
-                                      <span class="input-group-btn">
-                                        <button class="btn btn-primary" type="button">Contactanos!</button>
-                                      </span>
-                                    </div>
-                                  </div>
-                                </div>
-                                </div> <!-- end widget1 -->
-                                <div class="col-sm-6 col-md-4">
-                                  <div id="search-3" class="widget widgetFooter widget_search"><h4 class="widgettitle">Busca en el sitio:</h4>
-                                    <div class="form-group">
-                                      <label class="control-label">Escribe que quieres buscar en Tupale</label>
-                                      <div class="input-group">
-                                        <span class="input-group-addon">¿Que buscas?</span>
-                                        <input class="form-control" placeholder="palabra clave" type="text">
-                                        <span class="input-group-btn">
-                                          <button class="btn btn-primary" type="button">Buscar</button>
-                                        </span>
-                                      </div>
-                                    </div>
-                                    </div>            </div> <!-- end widget1 -->
-                                    </div> <!-- end .row -->
-                                    </div> <!-- end #footer-wrapper -->
-                                    </div> <!-- end .container -->
-                                    </div> <!-- end #footer-widgets -->
-                                    <div id="sub-floor">
-                                      <div class="container">
-                                        <div class="row">
-                                          <div class="col-md-4 copyright">
-                                          </div>
-                                          <div class="col-md-4 col-md-offset-4 attribution">
-                                            Desarrollado por  <a target="_blank" href="#">Equipo Tupale</a> .
-                                          </div>
-                                          </div> <!-- end .row -->
-                                        </div>
-                                      </div>
-                                    </footer>
-                                    <!-- Bootstrap core JavaScript
-                                    ================================================== -->
-                                    <!-- Placed at the end of the document so the pages load faster -->
-                                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-                                    <script src="../../dist/js/bootstrap.min.js"></script>
-                                    <script src="../../assets/js/docs.min.js"></script>
-                                    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
-                                    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
-                                    <script src="scripts.js"></script>
-                                  </body>
-                                </html>
\ No newline at end of file
+          
+          <script type="text/javascript">
+          
+          $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
+          event.preventDefault();
+          $(this).ekkoLightbox();
+          });
+          //// wysiwyg
+          var edit = function() {
+          $('.wysiwyg').summernote({height: 250, codemirror: { theme: 'default' },dialogsInBody: true});
+          };
+          var save = function() {
+          var makrup = $('.wysiwyg').summernote('code');
+          $('.wysiwyg').summernote('destroy');
+          };
+          $(document).ready(function() {
+          $('.wysiwyg_auto').summernote({dialogsInBody: true});
+          });
+          </script>
+          <!-- Piwik -->
+          <script type="text/javascript">
+          var _paq = _paq || [];
+          _paq.push(['trackPageView']);
+          _paq.push(['enableLinkTracking']);
+          (function() {
+          var u="//stats.tupale.co/";
+          _paq.push(['setTrackerUrl', u+'piwik.php']);
+          _paq.push(['setSiteId', 1]);
+          var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
+          g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
+          })();
+          </script>
+          <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
diff --git a/temas/landingpage/css/landingpage.css b/temas/landingpage/css/landingpage.css
index 276169b..ada30ba 100644
--- a/temas/landingpage/css/landingpage.css
+++ b/temas/landingpage/css/landingpage.css
@@ -2,37 +2,90 @@
 html,body {
     height:100%;
     background-size: cover; 
-    padding-top:5em;
+    padding-top:130px;
+}
+
+body {
+    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
+    font-size: 14px;
+    line-height: 1.42857143;
+    color: #333;
+    font-weight: 400;
+}
+
+h2 {
+    font-size: 30px;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-family: "Helvetica", times, sans-serif;
+  font-weight: 500;
+    line-height: 1.1;
+}
+
+h1, h2, h3, h4, h5, h6 {
+    font-family: inherit;
+    font-weight: 500;
+    line-height: 1.1;
+    color: inherit;
+}
+
+p{
+  margin: 0 0 10px;
+
 }
 
 /* USING BOOTSTRAP 3.0.3 */
 
-.navbar-toggle {
-  margin: 13px 15px 13px 0;
+/*NAVBAR BRAND*/
+.navbar-brand {
+  transform: translateX(-50%);
+  left: 50%;
+  position: absolute;
+}
+
+.image_full {
+  display: block;
+}
+
+.image_mobile{
+  display: none !important;
+}
+
+/*logo barra navegacion*/
+.navbar-brand img{
+width: 250px;
+height: 250px;
+margin-top: 100px;
+transition: all 0.3s ease;
 
 }
+/* textos menú*/
+
 a {
     font-size: 18px;
     padding-bottom: 40px !important;
     padding-top: 40px !important;
-    transition: all 0.4s ease;
+    transition: all 0.3s ease;
   }
 
+
 .navbar.shrink {
   min-height: 35px;
 }
 
 
 .navbar.shrink  a {
-    font-size: 15px;
-    padding-bottom: 15px !important;
+    font-size: 18px;
+    padding-bottom: 18px !important;
     padding-top: 20px !important;
   }
 
   .navbar.shrink  img {
    width: 70px;
    height: 70px;
-   transition: all 0.4s ease;
+   transition: all 0.3s ease;
+   margin: 0px;
   }
 
 .navbar.shrink .navbar-toggle {
@@ -40,43 +93,65 @@ a {
     padding: 7px 8px;
   }
 
-
-.navbar-brand {
-  transform: translateX(-50%);
-  left: 50%;
-  position: absolute;
-}
-
-.navbar-brand img{
-width: 250px;
-height: 250px;
+.navbar-toggle {
+  margin: 13px 15px 13px 0;
+  padding: 4px 5px;
 
 }
-.logos{
-  display: inline-block;
-  margin-left: 70px;
+
+
+/*PROYECTOS*/
+.principal{
 }
 
+
+/*container proyectos*/
+.box_proyectos{
+  display: table;
+
+}
+
+/*container proyecto*/
 .div_proyecto{
-	margin: 10px;
-  display: inline-block;
+  display: table-cell;
+  position: relative;
+  margin: 10px;
+  float: left;
   padding: 5px;
- background-color: grey;
+  background-color: grey;
+  height: 200px;
+    width: 200px;
  
 }
-.proyecto{
-
-   padding: 5px;
 
+/*container titulo*/
+.proyecto_titulo{
+      position: absolute;
+      top:100px;
+      color:#fff;
+      background-color:#000;
+      padding:2px ;
+      opacity:0.5;
+      font-weight:bold; width:190px; z-index:20; word-wrap: break-word;
 }
 
+
 .img-gris{
+<<<<<<< HEAD
 	-webkit-filter: grayscale(100%) blur(3px) ; 
 	max-height: 200px;  
 	max-width: 200px; 
 	z-index:10; 
 	transition:filter 0.2s;
 	 -webkit-transition:-webkit-filter 1s;
+=======
+  -webkit-filter: grayscale(100%) blur(3px) ; 
+  height: 200px;  
+  width: 200px; 
+  z-index:10; 
+  transition:filter 0.2s;
+   -webkit-transition:-webkit-filter 1s;
+>>>>>>> 4e304354f68bfb9c6ff10bfa59215a36ea9a90ff
 }
 .img-gris:hover{
 filter: grayscale(0);
@@ -84,20 +159,16 @@ filter: grayscale(0);
 -webkit-filter: grayscale(0);
 }
 
+.img-center {margin:0 auto;}
 
-.proyecto_titulo{
-position: absolute;
-			top:100px;
-			color:#fff;
-			background-color:#000;
-			padding:2px ;
-			opacity:0.5;
-			font-weight:bold; width:190px; z-index:20; word-wrap: break-word;
+
+/*PATROCINADOR*/
+.logos{
+  display: inline-block;
+  margin-left: 70px;
 }
 
 
-.img-center {margin:0 auto;}
-
 .patrocina{
   background-color: white;
   padding: 15px;
@@ -106,20 +177,17 @@ position: absolute;
   display: inline-block;
 }
 
-
-@media (min-width: 992px){
-/*	.col-md-3 {
-    width: 22%;
-}*/
-}
-
-
-
 section {
     padding-top:110px;  
     padding-bottom:70px; 
 }
 
+#campana{
+   background-color: #333333;
+  color: white !important;
+
+}
+
 #proyectos {
   background-color: #d4d4d4;
 }
@@ -193,5 +261,187 @@ section {
     padding: 10px 0px;
 }
 
+/*RESPONSIVE*/
+
+/*ESCRITORIO*/
+
+@media (max-width: 1366px){
+ body {
+    /* background-color: yellow;*/
+  }
+ .navbar-brand {
+    margin-top: 0px;
+  }
+  .image_full {
+  display: block;
+}
+
+.image_mobile{
+  display: none !important;
+}
+
+  .navbar.shrink  img {
+   margin-top: 0px;
+   width: 80px;
+   height: 80px;
+   transition: all 0.3s ease;
+  }
+
+  .navbar-brand img {
+  width: 200px;
+  height: 200px;
+  margin-top: 80px;
+  transition: all 0.4s ease;
+}
+#home {
+    padding-top:20px !important;  
+}
+
+}
+
+
+/*TABLETS*/
+
+@media (max-width: 990px){
+/*  body {
+    background-color: green !important;
+  }
+*/
+  .navbar-nav{
+    float:right;
+    transition: all 0.4s ease;
+    border-bottom: 1px solid #333333;
+  }
+
+  .navbar-brand {
+    margin-top:0px;
+    left: 25%;
+  }
+
+  .navbar-brand img{
+    width: 230px;
+    height: 230px;
+    margin-top: 0px;
+    transition: all 0.4s ease;
+  }
+  .image_full{
+  display: block;
+}
+
+.image_mobile{
+  display: none !important;
+}
+
+  .navbar.shrink  a {
+    font-size: 20px;
+    padding-bottom: 18px !important;
+    padding-top: 20px !important;
+  }
+
+  /*secciones*/
+  #home {
+    padding-top:0px !important;  
+}
+
+
+}
+
+/*MOBILES*/
+
+@media (max-width: 767px){
+  body {
+    padding-top: 0px !important;
+    /*background-color: blue !important;*/
+  }
+
+/*menú  proyectos a la izquierda*/
+.navbar-nav{
+    padding-top: 20px;
+    float:left;
+  }
+
+/* textos menú*/
+
+a {
+    font-size: 23px;
+    padding-bottom: 23px !important;
+    padding-top: 23px !important;
+    transition: all 0.4s ease;
+  }
+
+
+/*menú  Nosotros a la derecha*/
+  .navbar-right{
+    float:right !important;
+  }
+
+/*volver a centrar logo*/
+.navbar-brand {
+  transform: translateX(-50%);
+  left: 50%;
+  position: absolute;
+}
+
+/*logo barra navegacion*/
+.navbar-brand img{
+margin-top: 50px;
+}
+
+.image_full{
+  display: none !important;
+}
+
+.image_mobile{
+  display: block !important;
+  width: 300px !important;
+  height: 80px !important;
+}
+
+
+
+
+/*menú desplegable por delante del logo*/
+
+.navbar.shrink  a {
+    font-size: 20px;
+    padding-bottom: 15px !important;
+    padding-top: 15px !important;
+  }
+
+  .navbar.shrink  img {
+   width: 200px !important;
+   height: 54px !important;
+   transition: all 0.4s ease;
+   margin-top: 30px;
+  }
+
+.navbar.shrink .navbar-toggle {
+    margin: 25px 23px 8px 0;
+    padding: 7px 8px;
+    transition: all 0.4s ease;
+  }
+
+.navbar-toggle {
+  margin: 13px 15px 13px 0;
+  padding: 4px 5px;
+}
+
+.navbar.collapse{
+  margin-top: 50px;
+}
+
+.collapse.in {
+    margin-top: 75px !important;
+}
+
+/*seccion*/
+#home {
+    padding-top:0px !important;  
+}
+
+}
+
+/*fin móbiles*/
+
 
 
