diff --git a/temas/landingpage/css/landingpage.css b/temas/landingpage/css/landingpage.css
new file mode 100644
index 0000000..b0e4fc6
--- /dev/null
+++ b/temas/landingpage/css/landingpage.css
@@ -0,0 +1,163 @@
+
+html,body {
+    height:100%;
+    background-size: cover; 
+    padding-top:5em;
+}
+
+/* USING BOOTSTRAP 3.0.3 */
+
+.navbar-toggle {
+  margin: 13px 15px 13px 0;
+
+}
+a {
+    font-size: 18px;
+    padding-bottom: 40px !important;
+    padding-top: 40px !important;
+    transition: all 0.4s ease;
+  }
+
+.navbar.shrink {
+  min-height: 35px;
+}
+
+
+.navbar.shrink  a {
+    font-size: 15px;
+    padding-bottom: 15px !important;
+    padding-top: 20px !important;
+  }
+
+  .navbar.shrink  img {
+   width: 70px;
+   height: 70px;
+   transition: all 0.4s ease;
+  }
+
+.navbar.shrink .navbar-toggle {
+    margin: 8px 15px 8px 0;
+    padding: 7px 8px;
+  }
+
+
+.navbar-brand {
+  transform: translateX(-50%);
+  left: 50%;
+  position: absolute;
+}
+
+.navbar-brand img{
+width: 250px;
+height: 250px;
+
+}
+.logos{
+  display: inline-block;
+  margin-left: 70px;
+}
+
+.div_proyecto{
+	margin: 10px;
+  display: inline-block;
+}
+
+.img-center {margin:0 auto;}
+
+.patrocina{
+  background-color: white;
+  padding: 15px;
+  margin: 5px;
+  width: 100px;
+  display: inline-block;
+}
+
+
+@media (min-width: 992px){
+/*	.col-md-3 {
+    width: 22%;
+}*/
+}
+
+
+
+section {
+    padding-top:110px;  
+    padding-bottom:70px; 
+}
+
+#proyectos {
+  background-color: #d4d4d4;
+}
+
+#servicios {
+  background-color: #333333;
+  color: white !important;
+}
+
+#patrocinio {
+  background-color: grey;
+  color: white !important;
+}
+
+.v-center {
+    padding-top:10%;
+    font-size:30px;
+}
+
+.glyphicon-search, .glyphicon-user, .glyphicon-stats, .glyphicon-play, .glyphicon-forward, .glyphicon-fast-forward, .glyphicon-step-forward {
+    font-size: 50px !important;
+}
+
+.btn-servicios {
+  padding: 20px 60px;
+}
+
+.collapse.in {
+    margin-top: 20px;
+}
+
+/* FOOTER*/
+
+
+#footer {
+    border-top: 5px solid #ff0000;
+    background: grey none repeat scroll 0% 0%;
+    padding-top: 30px;
+    margin-top: 60px;
+    clear: both;
+    color: #AAA;
+    display: block;
+}
+
+#footer .widgettitle {
+    margin: 0px;
+    padding: 0px 0px 15px;
+    border-bottom: medium none;
+}
+#footer h4 {
+    color: #FFF;
+}
+
+#footer ul {
+    list-style: outside none none;
+}
+
+#footer li {
+    padding: 7px 0px;
+    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
+    margin: 0px;
+}
+
+#footer li a {
+    color: #DDD;
+}
+
+#sub-floor {
+    color: #AAA;
+    background: #333333 none repeat scroll 0% 0%;
+    padding: 10px 0px;
+}
+
+
+
diff --git a/temas/landingpage/images/logo.png b/temas/landingpage/images/logo.png
new file mode 100644
index 0000000..3d1a6bc
Binary files /dev/null and b/temas/landingpage/images/logo.png differ
diff --git a/temas/landingpage/js/scripts.js b/temas/landingpage/js/scripts.js
new file mode 100644
index 0000000..66ee394
--- /dev/null
+++ b/temas/landingpage/js/scripts.js
@@ -0,0 +1,7 @@
+$(window).scroll(function() {
+  if ($(document).scrollTop() > 50) {
+    $('nav').addClass('shrink');
+  } else {
+    $('nav').removeClass('shrink');
+  }
+});
\ No newline at end of file