diff --git a/app/assets/javascripts/application/accessibility.js b/app/assets/javascripts/application/accessibility.js
index c121b221fc896c27fc80bd1036b28644ef89f29f..6d9ac31c3bcb4f25f9d2ce90793f08cadba93a4d 100644
--- a/app/assets/javascripts/application/accessibility.js
+++ b/app/assets/javascripts/application/accessibility.js
@@ -126,6 +126,12 @@ function readCookie(name) {
 	return null;
 }
 
+function HandleBrowseClick()
+{
+    var fileinput = document.getElementById("browse");
+    fileinput.click();
+}
+
 // define global variables
 var fontSize = fontSize();
 var contrast = contrast();
diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index a90ea50c99b2eefcead6f8173c4293623897554d..5c0f9017472f65395ae219291d2e1441c93c7eff 100644
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -508,3 +508,7 @@ input.chk {
 .white-input input{
   border:none;
 }
+
+.add-picture{
+  color:#1676bc;
+}
diff --git a/app/assets/stylesheets/application/users.scss b/app/assets/stylesheets/application/users.scss
index 18506d84d196843390c7653887aa399156ea9764..662334523081ba53307701437a3378a5e83ac3ac 100644
--- a/app/assets/stylesheets/application/users.scss
+++ b/app/assets/stylesheets/application/users.scss
@@ -78,3 +78,7 @@ $background-grey: #e7e7e8;
   margin-top: 20px;
   padding: 20px;
 }
+
+.avatar_input {
+  display: none;
+}
diff --git a/app/views/devise/registrations/new.html.erb b/app/views/devise/registrations/new.html.erb
index b8d0ffa2d461da4acc4c18de564796f7cd2a1263..434b35b874eb88d18bab25ebe0bee7ac9efb0c6a 100644
--- a/app/views/devise/registrations/new.html.erb
+++ b/app/views/devise/registrations/new.html.erb
@@ -1,34 +1,49 @@
-<h2>Cadastrar</h2>
-
 <%= form_for(resource, as: resource_name, url: registration_path(resource_name)) do |f| %>
     <%= devise_error_messages! %>
+<div class="container">
+ <div class="row">
+   <div class="col-md-12">
+     <div class="grey-panel">
+       <div class="center_data">
+         <h2 ><FONT COLOR="#343D3E"  FACE="Arial">Cadastre-se</font></h2><br/>
+           <%= image_tag image_path("user-anon.png")%><br/>
+         <font>
+           <input type="file" id="browse" name="fileupload" style="display: none" />
+           <%=link_to 'adicionar foto', '#', { :class=>"add-picture", :onclick=>"HandleBrowseClick()" }%>
+        </font><br/></br>
 
-    <div class="field">
-      <%= f.label :name %><br/>
-      <%= f.text_field :name, autofocus: true, required: true %>
-    </div>
-
-    <div class="field">
-      <%= f.label :email %><br/>
-      <%= f.email_field :email, :value => params[:email], required: true %>
-    </div>
-
-    <div class="field">
-      <%= f.label :password %>
-      <% if @minimum_password_length %>
-          <em>(<%= @minimum_password_length %> caracteres mínimos)</em>
-      <% end %><br/>
-      <%= f.password_field :password, autocomplete: "off" %>
-    </div>
-
-    <div class="field">
-      <%= f.label :password_confirmation %><br/>
-      <%= f.password_field :password_confirmation, autocomplete: "off" %>
-    </div>
-
-    <div class="actions">
-      <%= f.submit "Cadastrar" %>
-    </div>
+         <div class="col-md-10">
+             <p style="line-height: 170%"><div class="col-md-10"><span class="pull-right">Nome:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                 <%= f.text_field :name, autofocus: true, required: true , style:"width:335px;"%></span></div><br/></p>
+             <p style="line-height: 15%"><br/></p>
+             <p style="line-height: 170%"><div class="col-md-10"><span class="pull-right">Email:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                 <%= f.email_field :email, :value => params[:email], required: true, style:"width:335px;" %></span></div><br/></p>
+             <p style="line-height: 15%"><br/></p>
+             <p style="line-height: 170%"><div class="col-md-10"><span class="pull-right">Senha:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                <%= f.password_field :password, autocomplete: "off", style:"width:335px;" %><br/>
+                <% if @minimum_password_length %>
+                 <em>(<%= @minimum_password_length %> caracteres mínimos)</em>
+                <% end %><br/>
+            </span></div><br/></p>
+            <p style="line-height: 15%"><br/></p>
+            <p style="line-height: 170%"><div class="col-md-10"><span class="pull-right">Confirmar senha:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+                 <%= f.password_field :password_confirmation, autocomplete: "off", style:"width:335px;"  %></span></div><br/><br/></p>
+         </div>
+         <div class="container-fluid">
+          <div class="col-md-offset-3 col-md-5">
+            <div class="center_data">
+              <div class="col-md-6">
+                <br/><span class="pull-right">Já possui conta?</span><br/>
+                  <span class="pull-right"><%= render "devise/shared/links"%></span>
+              </div>
+              <div class=" col-md-5">
+                <br/><span class="pull-right"><%= f.submit "Cadastrar", :class=> "but but-shadow but-rc"  %></span><br/>
+              </div>
+            </div>
+          </div>
+        </div>
+     </div>
+   </div>
+ </div>
+</div>
 <% end %>
-
-<%= render "devise/shared/links" %>
diff --git a/app/views/devise/shared/_links.html.erb b/app/views/devise/shared/_links.html.erb
index cd4f77afa2407f6c35a51cae7d503d7feaeaf245..e66478680a5925eaba54cb76857255f00dca5543 100644
--- a/app/views/devise/shared/_links.html.erb
+++ b/app/views/devise/shared/_links.html.erb
@@ -1,5 +1,5 @@
 <%- if controller_name != 'sessions' %>
-  <%= link_to "Entrar", new_session_path(resource_name) %><br />
+  <%= link_to "Entre Aqui",  new_session_path(resource_name) , {:style=>'color:#1676bc'} %><br />
 <% end -%>
 
 <%- if devise_mapping.registerable? && controller_name != 'registrations' %>