Fix styles for error view.

css/style.css

@@ -3,6 +3,42 @@ body,html{
 	min-height: 100%;
 	margin: 0px 0px;
 	font-family: Century Gothic, sans-serif;
+	background-color: #F3F6F9;
+	height: 100%;
+}
+
+.container{
+	width: 60%;
+	min-width:1300px;
+	margin: 0px auto;
+	background-color: #FFF;
+	padding: 20px;
+	border-radius: 10px;
+}
+
+.error-container {
+	padding: 20px;
+	border: 1px solid #324875;
+	border-radius: 10px;
+}
+
+.btn-eba {
+	background-color: #324875;
+	border-color: #2B3E60;
+	color: white;
+	opacity: 0.9;
+}
+
+.btn-eba:hover,
+.btn-eba:active,
+.btn-eba:focus {
+	background-color: #324875;
+	border-color: #2B3E60;
+	color: white;
+	opacity: 1;
+}
+.error-icon {
+	width: 30px;
 }
 
 .no-disponible { color: #ccc; }
@@ -55,15 +91,6 @@ a:focus{ color:white !important; }
 	clear: both;
 }
 
-.container{
-	width: 60%;
-	min-width:1300px;
-	height: 100%;
-	margin: 0px auto;
-	background-color: #F3F6F9;
-	padding: 20px;
-}
-
 .columnas{ width:100%;  }
 .columnLeft, .columnRight {
 	width:47%;
@@ -94,7 +121,7 @@ a:focus{ color:white !important; }
 }
 #cantidad { width:60px; }
 
-.form-control{
+/*.form-control{
     height: 25px; 
     width: 100%; 
     background-color: transparent;  
@@ -102,7 +129,7 @@ a:focus{ color:white !important; }
     border-width: 0px 0px 1px 0px;  
     border-color: #324875; 
     outline:0; 
-} 
+} */
 
 h1{
 	color: #324875;

images/error.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1"
+	 id="Layer_1" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="110.846px"
+	 height="95.729px" viewBox="4.542 5.019 110.846 95.729" enable-background="new 4.542 5.019 110.846 95.729" xml:space="preserve"
+	>
+<g>
+	<path fill="#324875" d="M114.246,88.35L67.208,9.113c-1.521-2.557-4.266-4.094-7.243-4.094s-5.723,1.537-7.242,4.094L5.684,88.35
+		c-1.521,2.564-1.524,5.743,0,8.306c1.525,2.562,4.298,4.101,7.282,4.093h93.998c2.984,0.013,5.758-1.532,7.282-4.093
+		C115.771,94.093,115.767,90.914,114.246,88.35z M109.916,94.057c-0.538,0.903-1.822,1.656-2.952,1.653H12.966
+		c-1.13,0-2.414-0.75-2.952-1.653c-0.537-0.903-0.536-2.245,0-3.149l47.038-79.237c0.536-0.902,1.785-1.614,2.913-1.614l0,0
+		c1.129,0,2.377,0.712,2.913,1.614l47.038,79.237C110.452,91.812,110.453,93.154,109.916,94.057z"/>
+	<path fill="#324875" d="M59.965,65.48c2.782,0,5.038-2.256,5.038-5.039l1.26-22.673c0-3.478-2.819-6.298-6.298-6.298
+		s-6.298,2.82-6.298,6.298l1.26,22.673C54.927,63.224,57.183,65.48,59.965,65.48z"/>
+	<path fill="#324875" d="M59.965,69.259L59.965,69.259c-4.174,0-7.558,3.384-7.558,7.558s3.384,7.558,7.558,7.558
+		s7.558-3.384,7.558-7.558S64.139,69.259,59.965,69.259z"/>
+</g>
+</svg>

index.html

@@ -5,8 +5,8 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
 	
-	<link rel="styleSheet" href="/css/style.css"/>
 	<link rel="styleSheet" href="/css/bootstrap.min.css"/>
+	<link rel="styleSheet" href="/css/style.css"/>
 	<link rel="styleSheet" href="/js/angular-notify/dist/angular-notify.css"/>
 	
 	<script type="text/javascript" src="/js/angular.min.js"></script>
@@ -25,8 +25,8 @@
 			<img src="images/logo-h.png">
 		</div>
 	</div>
-	<div class="clear"></div>
 	<div class="container">
+		<h1>Central de pedidos</h1>
 		<div ng-view=""></div>
 	</div>
 </body>

views/error.html

@@ -1,8 +1,12 @@
-<h1>ID Inválido</h1>
+<div class="error-container">
+	<h1>
+		<object data="./images/error.svg" type="image/svg+xml" class="error-icon"></object> 
+		ID Inválido</h1>
 
-<div class="input-group">
-	<label>E-mail</label>
-	<input type="text" ng-model="mail" />
-</div>
+	<div class="form-group">
+		<h4 class="error-info">Para recuperar su ID, por favor, ingrese su email</h4>
+		<input type="text" ng-model="mail" class="form-control" placeholder="Ingrese su email"/>
+	</div>
 
-<button class="btn">Recuperar link</button>
+	<button class="btn btn-default btn-eba">Recuperar link</button>
+</div>