diff --git a/src/app/components/proposal-box/proposal-box.directive.js b/src/app/components/proposal-box/proposal-box.directive.js
new file mode 100644
index 0000000..128e1cd
--- /dev/null
+++ b/src/app/components/proposal-box/proposal-box.directive.js
@@ -0,0 +1,58 @@
+(function() {
+  'use strict';
+
+  angular
+    .module('dialoga')
+    .directive('proposalBox', proposalBox);
+
+  /** @ngInject */
+  function proposalBox() {
+
+    /** @ngInject */
+    function ProposalBoxController($state, $log) {
+      $log.debug('ProposalBoxController');
+
+      var vm = this;
+      vm.$state = $state;
+      vm.$log = $log;
+
+      vm.init($log);
+    }
+
+    ProposalBoxController.prototype.init = function () {
+
+      var vm = this;
+
+      if (!vm.vote) { vm.vote = false};
+
+    };
+
+    ProposalBoxController.prototype.showContent = function (program) {
+      var vm = this;
+
+      vm.$state.go('programa-conteudo', {
+        slug: program.slug
+      }, {
+        location: true
+      });
+    };
+
+    var directive = {
+      restrict: 'E',
+      templateUrl: 'app/components/proposal-box/proposal-box.html',
+      scope: {
+        proposal: '=',
+        topic: '=',
+        category: '=',
+        vote: '='
+      },
+      controller: ProposalBoxController,
+      controllerAs: 'vm',
+      bindToController: true
+    };
+
+
+    return directive;
+  }
+
+})();
diff --git a/src/app/components/proposal-box/proposal-box.html b/src/app/components/proposal-box/proposal-box.html
new file mode 100644
index 0000000..e466623
--- /dev/null
+++ b/src/app/components/proposal-box/proposal-box.html
@@ -0,0 +1,58 @@
+<div class="proposal-box" ng-class="{'focus':vm.isFocused}">
+  <div class="proposal-box--top">
+    <div class="proposal-box--theme color-theme-bg-darker">{{::vm.category.name}}</div>
+    <div class="proposal-box--program color-theme-bg">{{::vm.topic.title}}</div>
+  </div>
+  <div class="proposal-box--middle">
+    <div class="proposal-box--content">
+     <div class="proposal-box--content-inner" ng-bind-html="vm.proposal.abstract"></div>
+   </div>
+   <div ng-if="vm.vote==false" class="proposal-box--join">
+    <button class="btn btn-link" ng-click="vm.showContent(vm.topic)">Participe</button>
+  </div>
+  <div ng-if="vm.vote==true"class="proposal-box--actions text-center">
+    <div class="row">
+      <div class="col-xs-4">
+        <div class="action vote_for">
+          <div class="icon-circle">
+            <span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
+          </div>
+          <div class="action-label">Apoio</div>
+        </div>
+      </div>
+      <div class="col-xs-4">
+        <div class="action next">
+          <div class="icon-circle">
+            <span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
+          </div>
+          <div class="action-label">Pular</div>
+        </div>
+      </div>
+      <div class="col-xs-4">
+        <div class="action vote_against">
+          <div class="icon-circle">
+            <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
+          </div>
+          <div class="action-label">Não Apoio</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+<div class="proposal-box--bottom text-center">
+  <div class="proposal-box--share">
+    <span>COMPARTILHE ESSA <b>PROPOSTA</b></span>
+    <div class="dropdown">
+      <button id="dropdown-share-btn" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="icon icon-social-share-small" aria-hidden="true"></span></button>
+      <social-share class="dropdown-menu dropdown-menu-right"></social-share>
+    </div>
+  </div>
+  <div class="proposal-box--ranking">
+   <div class="proposal-box--ranking-inner">
+     <span class="icon icon-small icon-ranking" aria-hidden="true"></span>
+     <span>Colocação nos resultados:</span>
+     <span>{{::vm.proposal.ranking_position}}º</span>
+   </div>
+ </div>
+</div>
+</div>
diff --git a/src/app/components/proposal-box/proposal-box.scss b/src/app/components/proposal-box/proposal-box.scss
new file mode 100644
index 0000000..4253be3
--- /dev/null
+++ b/src/app/components/proposal-box/proposal-box.scss
@@ -0,0 +1,77 @@
+.proposal-box {
+	background-color: #f1f1f1;
+	border-radius: 5px;
+	// overflow: hidden;
+
+	&.focus {
+		border: 7px solid #000;
+		border-radius: 12px;
+		border-color: #5E769C;
+	}
+
+	&--top {
+		color: #fff;
+		font-weight: bold;
+
+		border-top-left-radius: 5px;
+		border-top-right-radius: 5px;
+		overflow: hidden;
+	}
+
+	&--middle {
+        padding: 30px;
+    }
+
+	&--bottom {
+		border-bottom-left-radius: 5px;
+		border-bottom-right-radius: 5px;
+		// overflow: hidden;
+        border-bottom: 5px solid #dadada;
+	}
+
+	&--theme {
+        padding: 10px 15px 5px 15px;
+	}
+
+	&--program {
+        padding: 20px 15px;
+	}
+
+    &--content {
+        padding-bottom: 20px;
+    }
+
+    &--share {
+        padding: 15px 0;
+        background-color: #e8e8e8;
+    }
+
+    &--ranking {
+        font-weight: bold;
+        padding: 10px 0;
+        background-color: #dadada;
+    }
+
+    .action-label {
+        margin-top: 10px;
+    }
+
+    .dropdown {
+        display: inline-block;
+    }
+    .dropdown-menu {
+        padding: 0;
+        margin: 0;
+    }
+
+	.glyphicon {
+		color: #fff;
+	}
+	.icon-circle {
+		cursor: pointer;
+
+		-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
+		-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
+		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
+	}
+}
diff --git a/src/app/components/proposal-related/proposal-related.directive.js b/src/app/components/proposal-related/proposal-related.directive.js
deleted file mode 100644
index 79f1575..0000000
--- a/src/app/components/proposal-related/proposal-related.directive.js
+++ /dev/null
@@ -1,54 +0,0 @@
-(function() {
-  'use strict';
-
-  angular
-    .module('dialoga')
-    .directive('proposalRelated', proposalRelated);
-
-  /** @ngInject */
-  function proposalRelated() {
-
-    /** @ngInject */
-    function ProposalRelatedController($state, $log) {
-      $log.debug('ProposalRelatedController');
-
-      var vm = this;
-      vm.$state = $state;
-      vm.$log = $log;
-
-      vm.init();
-    }
-
-    ProposalRelatedController.prototype.init = function () {
-      // initial values
-      // var vm = this;
-    };
-
-    ProposalRelatedController.prototype.showContent = function (program) {
-      var vm = this;
-
-      vm.$state.go('programa-conteudo', {
-        slug: program.slug
-      }, {
-        location: true
-      });
-    };
-
-    var directive = {
-      restrict: 'E',
-      templateUrl: 'app/components/proposal-related/proposal-related.html',
-      scope: {
-        proposal: '=',
-        topic: '=',
-        category: '='
-      },
-      controller: ProposalRelatedController,
-      controllerAs: 'vm',
-      bindToController: true
-    };
-
-
-    return directive;
-  }
-
-})();
diff --git a/src/app/components/proposal-related/proposal-related.html b/src/app/components/proposal-related/proposal-related.html
deleted file mode 100644
index e9eca78..0000000
--- a/src/app/components/proposal-related/proposal-related.html
+++ /dev/null
@@ -1,58 +0,0 @@
-<div class="proposal-related" ng-class="{'focus':vm.isFocused}">
-  <div class="proposal-related--top">
-  	<div class="proposal-related--theme color-theme-bg-darker">{{::vm.category.name}}</div>
-  	<div class="proposal-related--program color-theme-bg">{{::vm.topic.title}}</div>
-  </div>
-  <div class="proposal-related--middle">
-    <div class="proposal-related--content">
-  	 <div class="proposal-related--content-inner" ng-bind-html="vm.proposal.abstract"></div>
-    </div>
-    <div class="proposal-related--join">
-      <button class="btn btn-link" ng-click="vm.showContent(vm.topic)">Participe</button>
-    </div>
-  	<div class="proposal-related--actions text-center">
-  		<div class="row">
-  			<div class="col-xs-4">
-  				<div class="action vote_for">
-  					<div class="icon-circle">
-  						<span class="glyphicon glyphicon-ok" aria-hidden="true"></span>
-  					</div>
-  					<div class="action-label">Apoio</div>
-  				</div>
-  			</div>
-  			<div class="col-xs-4">
-  				<div class="action next">
-  					<div class="icon-circle">
-  						<span class="glyphicon glyphicon-share-alt" aria-hidden="true"></span>
-  					</div>
-  					<div class="action-label">Pular</div>
-  				</div>
-  			</div>
-  			<div class="col-xs-4">
-  				<div class="action vote_against">
-  					<div class="icon-circle">
-  						<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>
-  					</div>
-  					<div class="action-label">Não Apoio</div>
-  				</div>
-  			</div>
-  		</div>
-  	</div>
-  </div>
-  <div class="proposal-related--bottom text-center">
-  	<div class="proposal-related--share">
-      <span>COMPARTILHE ESSA <b>PROPOSTA</b></span>
-      <div class="dropdown">
-        <button id="dropdown-share-btn" class="btn btn-link dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span class="icon icon-social-share-small" aria-hidden="true"></span></button>
-        <social-share class="dropdown-menu dropdown-menu-right"></social-share>
-      </div>
-    </div>
-  	<div class="proposal-related--ranking">
-     <div class="proposal-related--ranking-inner">
-       <span class="icon icon-small icon-ranking" aria-hidden="true"></span>
-       <span>Colocação nos resultados:</span>
-       <span>{{::vm.proposal.ranking_position}}º</span>
-     </div>
-    </div>
-  </div>
-</div>
diff --git a/src/app/components/proposal-related/proposal-related.scss b/src/app/components/proposal-related/proposal-related.scss
deleted file mode 100644
index 6a87e89..0000000
--- a/src/app/components/proposal-related/proposal-related.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-.proposal-related {
-	background-color: #f1f1f1;
-	border-radius: 5px;
-	// overflow: hidden;
-
-	&.focus {
-		border: 7px solid #000;
-		border-radius: 12px;
-		border-color: #5E769C;
-	}
-
-	&--top {
-		color: #fff;
-		font-weight: bold;
-
-		border-top-left-radius: 5px;
-		border-top-right-radius: 5px;
-		overflow: hidden;
-	}
-
-	&--middle {
-        padding: 30px;
-    }
-
-	&--bottom {
-		border-bottom-left-radius: 5px;
-		border-bottom-right-radius: 5px;
-		// overflow: hidden;
-        border-bottom: 5px solid #dadada;
-	}
-
-	&--theme {
-        padding: 10px 15px 5px 15px;
-	}
-
-	&--program {
-        padding: 20px 15px;
-	}
-
-    &--content {
-        padding-bottom: 20px;
-    }
-
-    &--share {
-        padding: 15px 0;
-        background-color: #e8e8e8;
-    }
-
-    &--ranking {
-        font-weight: bold;
-        padding: 10px 0;
-        background-color: #dadada;
-    }
-
-    .action-label {
-        margin-top: 10px;
-    }
-
-    .dropdown {
-        display: inline-block;
-    }
-    .dropdown-menu {
-        padding: 0;
-        margin: 0;
-    }
-
-	.glyphicon {
-		color: #fff;
-	}
-	.icon-circle {
-		cursor: pointer;
-
-		-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
-		-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
-		box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.3);
-	}
-}
diff --git a/src/app/pages/auth/error-messages.html b/src/app/pages/auth/error-messages.html
deleted file mode 100644
index 996583e..0000000
--- a/src/app/pages/auth/error-messages.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="error-message">
-	<div ng-message="required" >Ops, o campo é obrigatório.</div>
-	<div ng-message="minlength">O campo deve ser maior.</div>
-	<div ng-message="maxlength">O campo deve ser menor</div>
-	<div ng-message="email">O endereço de e-mail deve ser válido</div>
-</div>
\ No newline at end of file
diff --git a/src/app/pages/geral/error-messages.html b/src/app/pages/geral/error-messages.html
deleted file mode 100644
index 996583e..0000000
--- a/src/app/pages/geral/error-messages.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<div class="error-message">
-	<div ng-message="required" >Ops, o campo é obrigatório.</div>
-	<div ng-message="minlength">O campo deve ser maior.</div>
-	<div ng-message="maxlength">O campo deve ser menor</div>
-	<div ng-message="email">O endereço de e-mail deve ser válido</div>
-</div>
\ No newline at end of file
diff --git a/src/app/pages/programas/programa.html b/src/app/pages/programas/programa.html
index cbf5b4b..8e791b6 100644
--- a/src/app/pages/programas/programa.html
+++ b/src/app/pages/programas/programa.html
@@ -60,11 +60,11 @@
                 <div class="row">
                   <div class="col-xs-12" ng-if="pageProgramaContent.proposalsTopRated && pageProgramaContent.proposalsTopRated.length > 0">
                     <h3 class="color-theme-fg">Propostas mais votadas</h3>
-                    <proposal-carousel proposals="pageProgramaContent.proposalsTopRated"></proposal-carousel>
+                    <proposal-carousel proposals="pageProgramaContent.proposalsTopRated" canVote="true"></proposal-carousel>
                   </div>
                   <div class="col-xs-12" ng-if="pageProgramaContent.randomProposal">
                     <h3 class="color-theme-fg">Propostas nesse programa</h3>
-                    <proposal-related proposal="pageProgramaContent.randomProposal" topic="pageProgramaContent.article" category="pageProgramaContent.category"></proposal-related>
+                    <proposal-box proposal="pageProgramaContent.randomProposal" topic="pageProgramaContent.article" category="pageProgramaContent.category" vote="false" ></proposal-box>
                   </div>
                   <div class="col-xs-12" ng-if="!pageProgramaContent.randomProposal && !(pageProgramaContent.proposalsTopRated && pageProgramaContent.proposalsTopRated.length > 0)">
                     <h3>Programas sem propostas</h3>
diff --git a/src/assets/images/icons/sprite.png b/src/assets/images/icons/sprite.png
new file mode 100644
index 0000000..95efc05
Binary files /dev/null and b/src/assets/images/icons/sprite.png differ
--
libgit2 0.21.2