diff --git a/@salix-services/salix/client/index.ejs b/@salix-services/salix/client/index.ejs
index 33436fd27..75a343824 100644
--- a/@salix-services/salix/client/index.ejs
+++ b/@salix-services/salix/client/index.ejs
@@ -2,17 +2,23 @@
 <html>
 	<head>
 		<meta charset="UTF-8">
-			<title>Salix</title>    
+			<title>Salix</title>
+			<link rel="stylesheet" href="layout.css"/>    
 	</head>
 	<body>
-		<div id="app">
-			<div ui-view></div>
-			<a ui-sref="index">index</a>
-			<a ui-sref="add">add</a>
-			<a ui-sref="edit">edit</a>
-			<a ui-sref="delete">delete</a>
-			<a ui-sref="navigation">navigation</a>
-		</div>
+		<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>
+		</vn-vertical>
 		<script
 			type="text/javascript"
 			src="/static/salix.routes.js">
diff --git a/@salix-services/salix/client/layout.css b/@salix-services/salix/client/layout.css
new file mode 100644
index 000000000..e93d58b8e
--- /dev/null
+++ b/@salix-services/salix/client/layout.css
@@ -0,0 +1,110 @@
+
+html, body {
+  height: 100%;
+  margin: 0px;
+  padding: 0px;
+}
+
+html [full-height], .full-height {  
+  height: 100%; 
+}
+html [self-scroll], .self-scroll {  
+  overflow: auto; 
+}
+
+/* Horizontal & vertical */
+
+html [vn-horizontal], vn-horizontal, .vn-horizontal,
+html [vn-vertical], vn-vertical, .vn-vertical {
+    display: flex;
+}
+html [vn-horizontal], vn-horizontal, .vn-horizontal {
+    flex-direction: row;
+}
+vn-horizontal [reverse] {
+    flex-direction: row-reverse;
+}
+html [vn-vertical], vn-vertical, .vn-vertical {
+    flex-direction: column;
+}
+vn-vertical [reverse] {
+    flex-direction: column-reverse;
+}
+html [wrap] {
+    flex-wrap: wrap;
+}
+html [wrap-reverse] {
+    flex-wrap: wrap-reverse;
+}
+html [scrollable] {
+    min-height: 1px;
+    flex: 1;
+    flex-basis: 0.000000001px;
+}
+
+/* Horizontal & vertical childs */
+
+html [vn-auto],
+html [vn-none],
+html [vn-one],
+html [vn-two],
+html [vn-three],
+html [vn-four],
+html [vn-five],
+html [vn-six],
+html [vn-seven],
+html [vn-eight],
+html [vn-nine],
+html [vn-ten],
+html [vn-eleven],
+html [vn-twelve]{
+    flex-basis: 0.000000001px;
+}
+html [vn-auto], vn-auto, .vn-auto {
+    flex: 1;
+    flex-basis: auto;
+}
+html [vn-empty], vn-empty, .vn-empty {
+    display: block;
+}
+html [vn-none], vn-none, .vn-none {
+    flex: 1;
+    flex: none;
+}
+html [vn-one], vn-one, .vn-one {
+    flex: 1;
+}
+html [vn-two], vn-two, .vn-two {
+    flex: 2;
+}
+html [vn-three], vn-three, .vn-three {
+    flex: 3;
+}
+html [vn-four], vn-four, .vn-four {
+    flex: 4;
+}
+html [vn-five], vn-five, .vn-five {
+    flex: 5;
+}
+html [vn-six], vn-six, .vn-six {
+    flex: 6;
+}
+html [vn-seven], vn-seven, .vn-seven {
+    flex: 7;
+}
+html [vn-eight], vn-eight, .vn-eight {
+    flex: 8;
+}
+html [vn-nine], vn-nine, .vn-nine {
+    flex: 9;
+}
+html [vn-ten], vn-ten, .vn-ten {
+    flex: 10;
+}
+html [vn-eleven], vn-eleven, .vn-eleven {
+    flex: 11;
+}
+html [vn-twelve], vn-twelve, .vn-twelve {
+    flex: 12;
+}
+
diff --git a/@salix/app/src/configroutes.js b/@salix/app/src/configroutes.js
index bc1f47b54..f500e8a85 100644
--- a/@salix/app/src/configroutes.js
+++ b/@salix/app/src/configroutes.js
@@ -14,8 +14,11 @@ function loader(route) {
 }
 
 function config($stateProvider, $urlRouterProvider) {
+    
     core.splitingRegister.registerGraph(deps);
 
+    $urlRouterProvider.otherwise('/customer/edit');
+
 	for (var file in routes)
     routes[file].forEach(function (route) {
         $stateProvider.state(route.state, {
diff --git a/@salix/crud/src/crud.js b/@salix/crud/src/crud.js
index fab68853b..a075fe829 100644
--- a/@salix/crud/src/crud.js
+++ b/@salix/crud/src/crud.js
@@ -6,6 +6,13 @@ export {NAME as CUSTOMER_ADD,
 	COMPONENT as CUSTOMER_ADD_COMPONENT} from './customer/index/add';
 export {NAME as CUSTOMER_LIST,
 	COMPONENT as CUSTOMER_LIST_COMPONENT} from './customer/index/list';
+export {NAME as CUSTOMER_EDIT,
+	COMPONENT as CUSTOMER_EDIT_COMPONENT} from './customer/edit/edit';
+export {NAME as CUSTOMER_DESCRIPTOR,
+	COMPONENT as CUSTOMER_DESCRIPTOR_COMPONENT} from './customer/edit/descriptor';
+
+export {NAME as CUSTOMER_ACTIONS,
+	COMPONENT as CUSTOMER_ACTIONS_COMPONENT} from './customer/edit/actions';
 
 
 export {NAME as NAVIGATION_INDEX,
@@ -19,4 +26,4 @@ export {NAME as NAVIGATION_HEADER,
 export {NAME as NAVIGATION_MAIN,
      COMPONENT as NAVIGATION_MAIN_COMPONENT} from './navigation/index/main';
 export {NAME as NAVIGATION_COMPOSE,
-     COMPONENT as NAVIGATION_COMPOSE_COMPONENT} from './navigation/index/compose';
\ No newline at end of file
+     COMPONENT as NAVIGATION_COMPOSE_COMPONENT} from './navigation/index/compose';
diff --git a/@salix/crud/src/customer/edit/actions.html b/@salix/crud/src/customer/edit/actions.html
new file mode 100644
index 000000000..34f0a9b1d
--- /dev/null
+++ b/@salix/crud/src/customer/edit/actions.html
@@ -0,0 +1,9 @@
+<vn-horizontal>
+    <ul>
+        <li>Lorem ipsum.</li>
+        <li>Perspiciatis, omnis.</li>
+        <li>Minima, ab.</li>
+        <li>Odit, optio.</li>
+        <li>Facilis, aspernatur!</li>
+    </ul>
+</vn-horizontal>
\ No newline at end of file
diff --git a/@salix/crud/src/customer/edit/actions.js b/@salix/crud/src/customer/edit/actions.js
new file mode 100644
index 000000000..2ac7c8cfa
--- /dev/null
+++ b/@salix/crud/src/customer/edit/actions.js
@@ -0,0 +1,8 @@
+import template from './actions.html';
+import {module} from '../../module';
+
+export const NAME = 'customerActions';
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
\ No newline at end of file
diff --git a/@salix/crud/src/customer/edit/containercard.html b/@salix/crud/src/customer/edit/containercard.html
new file mode 100644
index 000000000..044ed682a
--- /dev/null
+++ b/@salix/crud/src/customer/edit/containercard.html
@@ -0,0 +1,3 @@
+<vn-horizontal ui-view="details">
+    
+</vn-horizontal>
\ No newline at end of file
diff --git a/@salix/crud/src/customer/edit/descriptor.html b/@salix/crud/src/customer/edit/descriptor.html
new file mode 100644
index 000000000..687737290
--- /dev/null
+++ b/@salix/crud/src/customer/edit/descriptor.html
@@ -0,0 +1,3 @@
+<vn-horizontal style="border: 1px solid black;">
+    descriptor
+</vn-horizontal>
\ No newline at end of file
diff --git a/@salix/crud/src/customer/edit/descriptor.js b/@salix/crud/src/customer/edit/descriptor.js
new file mode 100644
index 000000000..c39b13cc7
--- /dev/null
+++ b/@salix/crud/src/customer/edit/descriptor.js
@@ -0,0 +1,8 @@
+import template from './descriptor.html';
+import {module} from '../../module';
+
+export const NAME = 'customerDescriptor';
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
\ No newline at end of file
diff --git a/@salix/crud/src/customer/edit/edit.html b/@salix/crud/src/customer/edit/edit.html
new file mode 100644
index 000000000..10a7c2578
--- /dev/null
+++ b/@salix/crud/src/customer/edit/edit.html
@@ -0,0 +1,9 @@
+<vn-horizontal full-height>
+    <vn-three style="border: 1px solid black;" self-scroll pad-small>   
+        <vn-vertical>
+            <customer-descriptor vn-one></customer-descriptor>
+            <customer-actions vn-one></customer-actions>
+        </vn-vertical>   
+    </vn-three>
+    <vn-nine style="border: 1px solid black;" pad-small>content</vn-nine>
+</vn-horizontal> 
\ No newline at end of file
diff --git a/@salix/crud/src/customer/edit/edit.js b/@salix/crud/src/customer/edit/edit.js
new file mode 100644
index 000000000..92ec21f6a
--- /dev/null
+++ b/@salix/crud/src/customer/edit/edit.js
@@ -0,0 +1,8 @@
+import template from './edit.html';
+import {module} from '../../module';
+
+export const NAME = 'customerEdit';
+export const COMPONENT = {
+    template: template
+};
+module.component(NAME, COMPONENT);
\ No newline at end of file
diff --git a/@salix/crud/src/customer/routes.js b/@salix/crud/src/customer/routes.js
index d68ceeac3..c16cdba68 100644
--- a/@salix/crud/src/customer/routes.js
+++ b/@salix/crud/src/customer/routes.js
@@ -1,8 +1,29 @@
 [{
-    url: '/index',
+    url: '/customer',
     state: 'index',
     template: '<customer-index></customer-index>',
     module: 'crud',
     description: '',
     image: '',
-}]
+},
+{
+    url: '/customer/edit',
+    state: 'edit',
+    template: '<customer-edit vn-one></customer-edit>',
+    module: 'crud',
+    description: '',
+    image: '',
+},
+{
+    url: '/customer/edit/adress',
+    state: 'customer-adress',
+    view:{
+        'details':{
+            template: '<customer-edit vn-one></customer-edit>',
+        }
+    },    
+    module: 'crud',
+    description: '',
+    image: '',
+}
+]
diff --git a/@salix/nginx.conf b/@salix/nginx.conf
index ff25d3e73..ea73254cd 100644
--- a/@salix/nginx.conf
+++ b/@salix/nginx.conf
@@ -10,6 +10,7 @@ events {
 
 http {
 	sendfile      on;
+	gzip          on;
 	default_type  application/octet-stream;
 
 	access_log             build/nginx/access.log;
