diff --git a/@salix-services/customer/client/index.ejs b/@salix-services/customer/client/index.ejs
index 3f258702d..bb638c5c6 100644
--- a/@salix-services/customer/client/index.ejs
+++ b/@salix-services/customer/client/index.ejs
@@ -5,7 +5,20 @@
     <title>Salix</title>    
 </head>
 <body ng-app="login">
-	<vn-login></vn-login>
+	<vn-vertical id="app" class="full-height">
+		<vn-horizontal>
+			<vn-one>
+				Barra de Aplicación
+			</vn-one>
+			<vn-
+		</vn-horizontal>
+		<vn-horizontal ui-view scrollable>
+			<vn-one>
+			Loading......
+			</vn-one>
+			
+		</vn-horizontal>
+	</vn-vertical>
 	<script
 		type="text/javascript"
 		src="/salix.customer.js">
diff --git a/@salix-services/salix/client/index.ejs b/@salix-services/salix/client/index.ejs
index 75a343824..5a7c56fb5 100644
--- a/@salix-services/salix/client/index.ejs
+++ b/@salix-services/salix/client/index.ejs
@@ -6,18 +6,9 @@
 			<link rel="stylesheet" href="layout.css"/>    
 	</head>
 	<body>
-		<vn-vertical id="app" class="full-height">
-			<vn-horizontal>
-				<vn-one>
-					Barra de Aplicación
-				</vn-one>
-			</vn-horizontal>
-			<vn-horizontal ui-view scrollable>
-			 <vn-one>
-			 	Loading......
-			 </vn-one>
-			   
-			</vn-horizontal>
+		<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>
 		<script
 			type="text/javascript"
diff --git a/@salix/.eslintrc.json b/@salix/.eslintrc.json
index 0035ec45f..db03f7a49 100644
--- a/@salix/.eslintrc.json
+++ b/@salix/.eslintrc.json
@@ -3,6 +3,7 @@
     "installedESLint": true,
     "rules": {
         "indent": ["error", 4],
-        "require-jsdoc": 0
+        "require-jsdoc": 0,
+        "max-len": 0
     }
 }
diff --git a/@salix/app/src/mainmenu/mainmenu.html b/@salix/app/src/mainmenu/mainmenu.html
new file mode 100644
index 000000000..81797d6e1
--- /dev/null
+++ b/@salix/app/src/mainmenu/mainmenu.html
@@ -0,0 +1 @@
+<!-- por definir -->
\ No newline at end of file
diff --git a/@salix/app/src/mainmenu/mainmenu.js b/@salix/app/src/mainmenu/mainmenu.js
new file mode 100644
index 000000000..cc2a526d3
--- /dev/null
+++ b/@salix/app/src/mainmenu/mainmenu.js
@@ -0,0 +1,8 @@
+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/core/src/button/button.js b/@salix/core/src/button/button.js
index 67b169422..9d49323de 100644
--- a/@salix/core/src/button/button.js
+++ b/@salix/core/src/button/button.js
@@ -5,14 +5,14 @@ import * as util from '../util';
 const _NAME = 'button';
 export const NAME = util.getName(_NAME);
 
-directive.$inject =[resolveFactory.NAME];
-export function directive (resolve){
-    return{
-        require:'E',
-        template: function(_,attr){
-           return resolve.getTemplate(_NAME, attr);
+directive.$inject = [resolveFactory.NAME];
+export function directive(resolve) {
+    return {
+        require: 'E',
+        template: function(_, attr) {
+            return resolve.getTemplate(_NAME, attr);
         }
-    }
+    };
 }
 
-_module.directive(NAME,directive);
+_module.directive(NAME, directive);
diff --git a/@salix/core/src/core.js b/@salix/core/src/core.js
index 2dccf075f..056068caa 100644
--- a/@salix/core/src/core.js
+++ b/@salix/core/src/core.js
@@ -25,6 +25,8 @@ export {NAME as TEXTFIELDBT,factory as textfieldbt} from './textfield/textfield.
 export {NAME as LABEL,directive as LabelDirective} from './label/label'
 export {NAME as LABELMT,factory as labelmt} from './label/label.mt'
 export {NAME as LABELBT,factory as labelbt} from './label/label.bt'
+export {NAME as SEARCHBARMT,factory as searchbarmt} from './searchbar/searchbar.mt'
+export {NAME as SEARCHBARBT,factory as searchbarbt} from './searchbar/searchbar.bt'
 
 export {NAME as PASSWORD,directive as PasswordDirective} from './password/password'
 export {NAME as PASSWORDMT,factory as passwordmt} from './password/password.mt'
diff --git a/@salix/core/src/searchbar/searchbar.bt.html b/@salix/core/src/searchbar/searchbar.bt.html
new file mode 100644
index 000000000..6f11ff1d2
--- /dev/null
+++ b/@salix/core/src/searchbar/searchbar.bt.html
@@ -0,0 +1 @@
+<!-- por definir -->
diff --git a/@salix/core/src/searchbar/searchbar.bt.js b/@salix/core/src/searchbar/searchbar.bt.js
new file mode 100644
index 000000000..6c466b3f2
--- /dev/null
+++ b/@salix/core/src/searchbar/searchbar.bt.js
@@ -0,0 +1,20 @@
+import {module as _module} from '../module';
+import * as util from '../util';
+import * as constant from '../constants';
+import template from './searchbar.bt.html';
+
+const _NAME = 'searchbar';
+const DEFAULT_TEXT = 'Search';
+
+export const NAME = util.getFactoryName(_NAME + constant.BOOTSTRAP_FRAMEWORK);
+
+export function factory() {
+    return {
+        template: template,
+        default: {
+            text: DEFAULT_TEXT
+        }
+    };
+}
+
+_module.factory(NAME, factory);
diff --git a/@salix/core/src/searchbar/searchbar.js b/@salix/core/src/searchbar/searchbar.js
new file mode 100644
index 000000000..04c351fd8
--- /dev/null
+++ b/@salix/core/src/searchbar/searchbar.js
@@ -0,0 +1,18 @@
+import {module as _module} from '../module';
+import * as resolveFactory from '../resolveDefaultComponents';
+import * as util from '../util';
+
+const _NAME = 'searchbar';
+export const NAME = util.getName(_NAME);
+
+directive.$inject = [resolveFactory.NAME];
+export function directive(resolve) {
+    return {
+        require: 'E',
+        template: function(_, attr) {
+            return resolve.getTemplate(_NAME, attr);
+        }
+    };
+}
+
+_module.directive(NAME, directive);
diff --git a/@salix/core/src/searchbar/searchbar.mt.html b/@salix/core/src/searchbar/searchbar.mt.html
new file mode 100644
index 000000000..7034d79d6
--- /dev/null
+++ b/@salix/core/src/searchbar/searchbar.mt.html
@@ -0,0 +1,11 @@
+<form action="#">
+  <div class="mdl-textfield mdl-js-textfield mdl-textfield--expandable">
+    <label class="mdl-button mdl-js-button mdl-button--icon" for="sample6">
+      <i class="material-icons">search</i>
+    </label>
+    <div class="mdl-textfield__expandable-holder">
+      <input class="mdl-textfield__input" type="text" id="sample6">
+      <label class="mdl-textfield__label" for="sample-expandable">*[text]*</label>
+    </div>
+  </div>
+</form>
\ No newline at end of file
diff --git a/@salix/core/src/searchbar/searchbar.mt.js b/@salix/core/src/searchbar/searchbar.mt.js
new file mode 100644
index 000000000..faa94c3dc
--- /dev/null
+++ b/@salix/core/src/searchbar/searchbar.mt.js
@@ -0,0 +1,20 @@
+import {module as _module} from '../module';
+import * as util from '../util';
+import * as constant from '../constants';
+import template from './searchbar.mt.html';
+
+const _NAME = 'searchbar';
+const DEFAULT_TEXT = 'Search';
+
+export const NAME = util.getFactoryName(_NAME + constant.MATERIAL_DESIGN_FRAMEWORK);
+
+export function factory() {
+    return {
+        template: template,
+        default: {
+            text: DEFAULT_TEXT
+        }
+    };
+}
+
+_module.factory(NAME, factory);
diff --git a/@salix/vendor/src/vendor.js b/@salix/vendor/src/vendor.js
index 5d9cded94..364b9c1bd 100644
--- a/@salix/vendor/src/vendor.js
+++ b/@salix/vendor/src/vendor.js
@@ -1,4 +1,4 @@
 export * from './angular-vendor';
 export * from './oclazyload-vendor';
 export * from './uirouter-vendor';
-export * from './materialdesignlite-vendor';
\ No newline at end of file
+export * from './materialdesignlite-vendor';
