diff --git a/app/static/sass/_fonts.scss b/app/static/sass/_fonts.scss
diff --git a/app/static/sass/screen.scss b/app/static/sass/screen.scss
@@ -23,20 +23,49 @@ body{
   background-color:#1E1E1E;
 }
 
+.button_separator{
+  width: 2px;
+  margin: 0 5px 0 10px;
+  background-color: #303030;
+  height: 50%;
+  vertical-align: baseline;
+  display: inline-block;
+}
+
+
+
+.primary_icon{
+  font-size:2em;
+  margin-right:-5px;
+  cursor:pointer;
+}
+
+.primary_icon:hover{
+  color:#CCC;
+}
+
+
+.secondary_icon{
+  font-size: 1em;
+  background-color: #2F2F2F;
+  padding: 4px;
+  margin-right: 0px;
+  vertical-align: super;
+}
+
+.secondary_icon:hover{
+  background-color:#222;
+}
+
 #navIcons{
   height:inherit;
   float:left; 
   margin-top:5px;
-
   i{
-    font-size:2em;
-    margin-right:-5px;
     cursor:pointer;
   }
 
-  i:hover{
-    color:#CCC;
-  }
+
 }
 
 .rightIcons{

diff --git a/app/static/stylesheets/screen.css b/app/static/stylesheets/screen.css
diff --git a/app/ui.js b/app/ui.js
@@ -7,13 +7,12 @@
   */
 
 var gui = window.require("nw.gui");
+var p5manager = require('./p5manager.js');
 var win = gui.Window.get();
 var menu;
 var focused_win;
-
 var current_editor;
 
-var p5manager = require('./p5manager.js');
 
 /*
   setupUi()
@@ -29,6 +28,8 @@ exports.setupUi = function() {
 
     clipboardFix();
     createMenuItems();
+    actions_newProject();
+    win.close();
 }
 
 /*
@@ -46,6 +47,7 @@ exports.setupHandlers = function(window, win, editor) {
 
     //Catch Nodes
     $button_run = $(".button_run");
+    $button_open = $(".button_open");
     $button_exit = $(".exit_button");
     $button_chrome_dev_tool = $(".button_chrome_dev_tool");
 
@@ -55,13 +57,18 @@ exports.setupHandlers = function(window, win, editor) {
         actions_quit();
     });
 
+    $button_open.click(function() {
+        actions_open($);
+    });
+
     $button_run.click(function() {
         actions_run();
     });
 
     $button_chrome_dev_tool.click(function() {
         actions_chrome_dev_tool();
-    })
+    });
+
 }
 
 
@@ -184,6 +191,25 @@ function actions_newProject() {
     });
 }
 
+/*
+  actions_open()
+
+  Usa el input oculto para abrir el trigger 
+
+ */
+
+
+function actions_open($) {
+    //Activa el dialogo.
+    $("#fileDialog").trigger("click");
+
+    $("#fileDialog").change(function(evt) {
+        var file_path = $(this).val()
+        p5manager.open_project(file_path);
+    });
+};
+
+
 
 /*
   actions_quit()