diff --git a/@salix/app/src/mainmenu/mainmenu.html b/@salix/app/src/mainmenu/mainmenu.html
deleted file mode 100644
index 81797d6e1..000000000
--- a/@salix/app/src/mainmenu/mainmenu.html
+++ /dev/null
@@ -1 +0,0 @@
-<!-- por definir -->
\ No newline at end of file
diff --git a/@salix/app/src/mainmenu/mainmenu.js b/@salix/app/src/mainmenu/mainmenu.js
deleted file mode 100644
index cc2a526d3..000000000
--- a/@salix/app/src/mainmenu/mainmenu.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import template from './{name}.html';
-import {module} from '../../module';
-
-export const NAME = '';
-export const COMPONENT = {
-    template: template
-};
-module.component(NAME, COMPONENT);
diff --git a/@salix/client/.gitignore b/@salix/client/.gitignore
new file mode 100644
index 000000000..b512c09d4
--- /dev/null
+++ b/@salix/client/.gitignore
@@ -0,0 +1 @@
+node_modules
\ No newline at end of file
diff --git a/@salix/client/index.js b/@salix/client/index.js
new file mode 100644
index 000000000..8c2e02b72
--- /dev/null
+++ b/@salix/client/index.js
@@ -0,0 +1 @@
+export * from './src/client';
\ No newline at end of file
diff --git a/@salix/client/package.json b/@salix/client/package.json
new file mode 100644
index 000000000..485d4f8dc
--- /dev/null
+++ b/@salix/client/package.json
@@ -0,0 +1,17 @@
+{
+  "name": "@salix/client",
+  "version": "1.0.0",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "ssh://repository@git.verdnatura.es:/var/lib/git/salix-client"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+  }
+}
diff --git a/@salix/client/src/client.js b/@salix/client/src/client.js
new file mode 100644
index 000000000..e69de29bb
diff --git a/@salix/client/src/leftmenu/actions.html b/@salix/client/src/leftmenu/actions.html
new file mode 100644
index 000000000..d029f8b17
--- /dev/null
+++ b/@salix/client/src/leftmenu/actions.html
@@ -0,0 +1,7 @@
+<vn-horizontal>
+    <ul>
+        <li>Datos fiscales y facturación</li>
+        <li>Consignatarios</li>
+        <li>Acceso web</li>
+    </ul>
+</vn-horizontal>
diff --git a/@salix/client/src/leftmenu/actions.js b/@salix/client/src/leftmenu/actions.js
new file mode 100644
index 000000000..c1215fee3
--- /dev/null
+++ b/@salix/client/src/leftmenu/actions.js
@@ -0,0 +1,9 @@
+import template from './actions.html';
+import {module} from '../module';
+
+const _NAME = 'actions';
+export const NAME = module.core.util.getName(_NAME);
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
diff --git a/@salix/client/src/leftmenu/descriptor.html b/@salix/client/src/leftmenu/descriptor.html
new file mode 100644
index 000000000..34d2702cf
--- /dev/null
+++ b/@salix/client/src/leftmenu/descriptor.html
@@ -0,0 +1,3 @@
+<vn-horizontal>
+    descriptor
+</vn-horizontal>
\ No newline at end of file
diff --git a/@salix/client/src/leftmenu/descriptor.js b/@salix/client/src/leftmenu/descriptor.js
new file mode 100644
index 000000000..96fe948b3
--- /dev/null
+++ b/@salix/client/src/leftmenu/descriptor.js
@@ -0,0 +1,9 @@
+import template from './descriptor.html';
+import {module} from '../module';
+
+const _NAME = 'descriptor';
+export const NAME = module.core.util.getName(_NAME);
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
diff --git a/@salix/client/src/leftmenu/leftmenu.html b/@salix/client/src/leftmenu/leftmenu.html
new file mode 100644
index 000000000..1e6fc14a7
--- /dev/null
+++ b/@salix/client/src/leftmenu/leftmenu.html
@@ -0,0 +1,4 @@
+<vn-vertical>
+    <vn-descriptor></vn-descriptor>
+    <vn-actions></vn-actions>
+</vn-vertical>
\ No newline at end of file
diff --git a/@salix/client/src/leftmenu/leftmenu.js b/@salix/client/src/leftmenu/leftmenu.js
new file mode 100644
index 000000000..6901b2597
--- /dev/null
+++ b/@salix/client/src/leftmenu/leftmenu.js
@@ -0,0 +1,9 @@
+import template from './leftmenu.html';
+import {module} from '../module';
+
+const _NAME = 'leftmenu';
+export const NAME = module.core.util.getName(_NAME);
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
diff --git a/@salix/client/src/module.js b/@salix/client/src/module.js
new file mode 100644
index 000000000..51815597b
--- /dev/null
+++ b/@salix/client/src/module.js
@@ -0,0 +1,6 @@
+import {ng} from '@salix/vendor';
+import * as core from 'core';
+
+const DEPENDENCIES = [];
+export const NAME = core.util.getModuleName('client');
+export const  module = ng.module(NAME,DEPENDENCIES);
\ No newline at end of file
diff --git a/@salix/client/src/topbar/topbar.html b/@salix/client/src/topbar/topbar.html
new file mode 100644
index 000000000..a18f9fae1
--- /dev/null
+++ b/@salix/client/src/topbar/topbar.html
@@ -0,0 +1,6 @@
+<vn-horizonal>
+    <vn-one>
+        <vn-label text="Client"></vn-label>
+        <vn-searchbar></vn-searchbar>
+    </vn-one>
+</vn-horizonal>
\ No newline at end of file
diff --git a/@salix/client/src/topbar/topbar.js b/@salix/client/src/topbar/topbar.js
new file mode 100644
index 000000000..bad3d7385
--- /dev/null
+++ b/@salix/client/src/topbar/topbar.js
@@ -0,0 +1,9 @@
+import template from './topbar.html';
+import {module} from '../module';
+
+const _NAME = 'topbar';
+export const NAME = module.core.util.getName(_NAME);
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
diff --git a/@salix/core/src/core.js b/@salix/core/src/core.js
index 056068caa..c17b01481 100644
--- a/@salix/core/src/core.js
+++ b/@salix/core/src/core.js
@@ -37,3 +37,6 @@ export {NAME as SNACKBARMT,factory as snackbarmt} from './snackbar/snackbar.mt'
 export {NAME as SPINNER,directive as SpinnerDirective} from './spinner/spinner'
 export {NAME as SPINNERMT,factory as spinnermt} from './spinner/spinner.mt'
 
+export {NAME as VN_MAINMENU,
+	COMPONENT as VN_MAINMENU_COMPONENT} from './mainmenu/mainmenu';
+
diff --git a/@salix/core/src/mainmenu/mainmenu.html b/@salix/core/src/mainmenu/mainmenu.html
new file mode 100644
index 000000000..eb08fac4d
--- /dev/null
+++ b/@salix/core/src/mainmenu/mainmenu.html
@@ -0,0 +1,5 @@
+<div style="position:fixed; top:0; right:0; height:6em; width:10em; background-color:red;">
+    <i class="material-icons">apps</i>
+    <i class="material-icons">notification</i>
+    <i class="material-icons">account_circle</i>
+</div>
\ No newline at end of file
diff --git a/@salix/core/src/mainmenu/mainmenu.js b/@salix/core/src/mainmenu/mainmenu.js
new file mode 100644
index 000000000..50d6c0755
--- /dev/null
+++ b/@salix/core/src/mainmenu/mainmenu.js
@@ -0,0 +1,10 @@
+import template from './mainmenu.html';
+import {module} from '../module';
+import * as util from '../util';
+
+const _NAME = 'mainmenu';
+export const NAME = util.getName(_NAME);
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
diff --git a/@salix/vendor/src/vendor.js b/@salix/vendor/src/vendor.js
index 364b9c1bd..e8601c647 100644
--- a/@salix/vendor/src/vendor.js
+++ b/@salix/vendor/src/vendor.js
@@ -2,3 +2,5 @@ export * from './angular-vendor';
 export * from './oclazyload-vendor';
 export * from './uirouter-vendor';
 export * from './materialdesignlite-vendor';
+
+export * from './materialDesignIcons-vendor';
\ No newline at end of file
diff --git a/services/salix/client/index.ejs b/services/salix/client/index.ejs
index c8b29ead8..e16fc6316 100644
--- a/services/salix/client/index.ejs
+++ b/services/salix/client/index.ejs
@@ -5,8 +5,9 @@
 			<title>Salix</title>   
 	</head>
 	<body>
-		<div style="position:fixed; top:0; right:0; height:6em; width:10em; background-color:red;"></div>
-		<vn-vertical id="app" class="full-height" ui-view scrollable>
+		<vn-vertical id="app" class="full-height">
+			<vn-mainmenu></vn-mainmenu>	
+			<vn-vertical ui-view scrollable></vn-vertical>
 		</vn-vertical>
 		<script
 			type="text/javascript"