diff --git a/novo.css b/novo.css
index 796c368..0810057 100755
--- a/novo.css
+++ b/novo.css
@@ -175,27 +175,143 @@ nav ul {
 #search-input-container {
   margin-top: 10px; }
 
-.proposal-detail .proposal-category {
-  background-color: #000;
-  border-top: 0;
-  display: block;
-  margin-right: 0;
-  padding-top: 0;
-  text-align: left; }
 .proposal-detail .proposal-link {
   border-radius: 0;
-  font-size: 18px;
+  font-size: 19px;
   padding: 15px 35px;
   text-transform: uppercase;
   vertical-align: middle;
   width: auto; }
 .proposal-selection {
+  background-color: #EEEFF1;
+  border: 0;
+  float: right;
+  font-size: 16px;
+  font-weight: 300;
   height: 57px;
+  margin: 0;
+  text-transform: uppercase;
   width: 60%; }
+.proposal-header {
+  position: relative; }
+.proposal-container {
+  display: block;
+  float: left;
+  margin-bottom: 20px;
+  width: 50%; }
+.proposal-content {
+  border: 1px solid #000;
+  height: 500px;
+  padding: 20px; }
+
+.category {
+  background-color: #000;
+  border-top: 0;
+  display: block;
+  margin-bottom: 0;
+  margin-right: 0;
+  padding-top: 0;
+  text-align: left; }
 
 .select {
   padding-left: 0; }
 
+.btn {
+  border: 1px solid;
+  display: inline-block;
+  font-size: 14px;
+  line-height: 3.1;
+  padding: 6px 12px; }
+  .btn-default {
+    background-color: #fff; }
+
+.abstract img {
+  width: 100%; }
+.abstract p {
+  background-color: #000;
+  bottom: 140px;
+  color: #fff;
+  font-size: 14px;
+  padding: 5px 20px 20px 20px;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  width: 50%; }
+
+.title {
+  background-color: #000;
+  bottom: 170px;
+  color: #fff;
+  font-size: 32px;
+  font-weight: 700;
+  padding: 20px 20px 0;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  text-transform: uppercase;
+  width: 50%; }
+
+.show_body {
+  background: #000 url("images/black-alpha.png") no-repeat;
+  border-top: 5px solid;
+  padding: 30px 0;
+  margin: 10px auto; }
+  .show_body a {
+    background: url("images/white-line.png") left center repeat-x;
+    color: #fff;
+    display: block;
+    font-size: 38px;
+    font-weight: 700;
+    margin: auto;
+    text-align: center;
+    text-transform: uppercase;
+    width: 70%; }
+  .show_body span {
+    padding: 5px 15px; }
+
+.container-title {
+  color: #000;
+  font-size: 38px;
+  margin-bottom: 20px; }
+
+.subtitle {
+  color: #03316f;
+  font-size: 24px;
+  font-weight: 700;
+  margin-bottom: 20px; }
+
+.info {
+  font-size: 14px;
+  font-weight: 300; }
+
+.send-button a {
+  background-color: #000;
+  border-radius: 7px;
+  color: #fff;
+  display: block;
+  margin: auto;
+  padding: 20px 0;
+  text-align: center;
+  text-transform: uppercase;
+  width: 60%; }
+  .send-button a span {
+    padding-left: 20px;
+    background-image: url("images/airplane.png");
+    background-position: 0 50%;
+    background-repeat: no-repeat; }
+
+.make-proposal {
+  margin-right: 10px; }
+
+.support-proposal {
+  margin-left: 10px; }
+
+.experience-proposal {
+  margin-right: 10px; }
+
+.talk-proposal {
+  margin-left: 10px; }
+
 #proposal-category-saude .proposal-link {
   background-color: #00a9bd;
   background-image: url(./images/icons/saude.png?3);
@@ -222,6 +338,17 @@ li.category-saude {
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-size: 32px; }
+.saude .proposal-content {
+  border-color: #00a9bd; }
+.saude .show_body {
+  background-color: #007280;
+  border-color: #00a9bd; }
+  .saude .show_body span {
+    background-color: #007280; }
+.saude .container-title {
+  color: #00a9bd; }
+.saude .send-button a {
+  background-color: #00a9bd; }
 
 #proposal-category-seguranca .proposal-link {
   background-color: #e34748;
@@ -249,6 +376,17 @@ li.category-seguranca {
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-size: 32px; }
+.seguranca .proposal-content {
+  border-color: #e34748; }
+.seguranca .show_body {
+  background-color: #ce1f20;
+  border-color: #e34748; }
+  .seguranca .show_body span {
+    background-color: #ce1f20; }
+.seguranca .container-title {
+  color: #e34748; }
+.seguranca .send-button a {
+  background-color: #e34748; }
 
 #proposal-category-educacao .proposal-link {
   background-color: #ffb400;
@@ -276,6 +414,17 @@ li.category-educacao {
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-size: 32px; }
+.educacao .proposal-content {
+  border-color: #ffb400; }
+.educacao .show_body {
+  background-color: #c28900;
+  border-color: #ffb400; }
+  .educacao .show_body span {
+    background-color: #c28900; }
+.educacao .container-title {
+  color: #ffb400; }
+.educacao .send-button a {
+  background-color: #ffb400; }
 
 #proposal-category-reducao-da-pobreza .proposal-link {
   background-color: #51d0b3;
@@ -303,3 +452,14 @@ li.category-reducao-da-pobreza {
   background-position: 0 50%;
   background-repeat: no-repeat;
   background-size: 32px; }
+.reducao-da-pobreza .proposal-content {
+  border-color: #51d0b3; }
+.reducao-da-pobreza .show_body {
+  background-color: #30b395;
+  border-color: #51d0b3; }
+  .reducao-da-pobreza .show_body span {
+    background-color: #30b395; }
+.reducao-da-pobreza .container-title {
+  color: #51d0b3; }
+.reducao-da-pobreza .send-button a {
+  background-color: #51d0b3; }
diff --git a/novo.html b/novo.html
index 80e9a24..927658a 100644
--- a/novo.html
+++ b/novo.html
@@ -112,8 +112,8 @@
               </div>
               
             </div>
-            <div class='make-proposal-container'>
-              <div class='make-proposal'>
+            <div class='make-proposal-container proposal-container'>
+              <div class='make-proposal proposal-content'>
                 <div class='container-title'>Faça Uma Proposta</div>
                 <div class='subtitle'>Qual a sua sugestão para melhorar este programa?</div>
                 <div class='info'>Ela se tornará pública em até 24 horas após o envio e poderá ser apoiada por outros participantes.</div>
@@ -135,8 +135,8 @@
                 <br style="clear: both;" />
               </div>
             </div>
-            <div class='support-proposal-container'>
-              <div class='support-proposal'>
+            <div class='support-proposal-container proposal-container'>
+              <div class='support-proposal proposal-content'>
                 <div class='container-title'> Apoie outras propostas</div>
                 <div class='subtitle'> Propostas da sociedade</div>
                 <div class="random-proposal"></div>
@@ -145,8 +145,8 @@
               </div>
             </div>
             <div class='results-container hide'></div>
-            <div class='experience-proposal-container'>
-              <div class='experience-proposal'>
+            <div class='experience-proposal-container proposal-container'>
+              <div class='experience-proposal proposal-content'>
                 <div class='container-title'>Conte sua experiência</div>
                 <p>Adoraríamos que você nos contasse a sua experiência com este programa ou a de alguém que você conhece.</p>
                 <p>Esta história pode nos ajudar a melhorar a nossa ação e não será divulgada.</p>
@@ -167,8 +167,8 @@
                 </div>
               </div>
             </div>
-            <div class='talk-proposal-container'>
-              <div class='talk-proposal'>
+            <div class='talk-proposal-container proposal-container'>
+              <div class='talk-proposal proposal-content'>
                 <div class='container-title'>Fale com os ministros</div>
                 <p>Confira as datas e horários disponíveis:</p>
                 <ul class='calendar'>
diff --git a/sass/novo/_colors.scss b/sass/novo/_colors.scss
index 2b32689..6a8ca11 100644
--- a/sass/novo/_colors.scss
+++ b/sass/novo/_colors.scss
@@ -1,5 +1,3 @@
-@import "../utilities/variables";
-
 @each $category, $color in $categories {
   #proposal {
     &-category {
@@ -48,6 +46,28 @@
         background-repeat: no-repeat;
         background-size: 32px;
       }
+      &-content {
+        border-color: $color;
+      }
+    }
+    .show_body {
+      background-color: darken($color, 12%);
+      border-color: $color;
+      span {
+        background-color: darken($color, 12%);
+      }
+    }
+    .container {
+      &-title {
+        color: $color;
+      }
+    }
+    .send {
+      &-button {
+        a {
+          background-color: $color;
+        }
+      }
     }
   }
 }
\ No newline at end of file
diff --git a/sass/novo/_proposal_categories.scss b/sass/novo/_proposal_categories.scss
index 688f4ca..b160fd1 100644
--- a/sass/novo/_proposal_categories.scss
+++ b/sass/novo/_proposal_categories.scss
@@ -1,5 +1,3 @@
-@import "utilities/variables";
-
 @each $category, $description in $categories-descriptions {
   .proposal-category-items-#{$category} .description:before {
     color: #fff;
diff --git a/sass/novo/_proposal_detail.scss b/sass/novo/_proposal_detail.scss
index d535e13..67ae942 100644
--- a/sass/novo/_proposal_detail.scss
+++ b/sass/novo/_proposal_detail.scss
@@ -1,31 +1,168 @@
 .proposal {
 	&-detail {
 		.proposal {
-      &-category {
-        background-color: #000;
-        border-top: 0;
-        display: block;
-        margin-right: 0;
-        padding-top: 0;
-        text-align: left;
-      }
       &-link {
         border-radius: 0;
-        font-size: $category-title-size;
+        font-size: $category-select-size;
         padding: 15px 35px;
         text-transform: uppercase;
         vertical-align: middle;
         width: auto;
       }
     }
-	}
+  }
   &-selection {
+    background-color: #EEEFF1;
+    border: 0;
+    float: right;
+    font-size: $default-font-size;
+    font-weight: 300;
     height: 57px;
+    margin: 0;
+    text-transform: uppercase;
     width: 60%;
-    
   }
+  &-header {
+    position: relative;
+  }
+  &-container {
+    display: block;
+    float: left;
+    margin-bottom: $default-spacing-size;
+    width: 50%;
+  }
+  &-content {
+    border: 1px solid #000;
+    height: $container-height;
+    padding: $default-spacing-size;
+  }
+}
+.category {
+  background-color: #000;
+  border-top: 0;
+  display: block;
+  margin-bottom: 0;
+  margin-right: 0;
+  padding-top: 0;
+  text-align: left;
 }
-
 .select {
 	padding-left: 0;
+}
+.btn {
+  border: 1px solid;
+  display: inline-block;
+  font-size: $small-font-size;
+  line-height: 3.1;
+  padding: 6px 12px;
+  &-default {
+    background-color: #fff;
+  }
+}
+.abstract {
+  img {
+    width: 100%;
+  }
+  p {
+    background-color: #000;
+    bottom: 140px;
+    color: #fff;
+    font-size: $small-font-size;
+    padding: 5px 20px 20px 20px;
+    position: absolute;
+    right: 0;
+    text-align: center;
+    width: 50%;
+  }
+}
+.title {
+  background-color: #000;
+  bottom: 170px;
+  color: #fff;
+  font-size: $detail-title-size;
+  font-weight: 700;
+  padding: $default-spacing-size $default-spacing-size 0;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  text-transform: uppercase;
+  width: 50%;
+}
+.show_body {
+  background: #000 url("images/black-alpha.png") no-repeat;
+  border-top: 5px solid;
+  padding: 30px 0;
+  margin: 10px auto;
+  a {
+    background: url("images/white-line.png") left center repeat-x;
+    color: #fff;
+    display: block;
+    font-size: $detail-proposal-size;
+    font-weight: 700;
+    margin: auto;
+    text-align: center;
+    text-transform: uppercase;
+    width: 70%;
+  }
+  span {
+    padding: 5px 15px; 
+  }
+}
+.container {
+  &-title {
+    color: #000;
+    font-size: $detail-proposal-size;
+    margin-bottom: $default-spacing-size;
+  }
+}
+.subtitle {
+  color: $header-color;
+  font-size: $proposal-link-size;
+  font-weight: 700;
+  margin-bottom: $default-spacing-size;
+}
+.info {
+  font-size: $small-font-size;
+  font-weight: 300;
+}
+.send {
+  &-button {
+    a {
+      background-color: #000;
+      border-radius: $default-radius-size;
+      color: #fff;
+      display: block;
+      margin: auto;
+      padding: $default-spacing-size 0;
+      text-align: center;
+      text-transform: uppercase;
+      width: 60%;
+      span {
+        padding-left: 20px;
+        background-image: url("images/airplane.png");
+        background-position: 0 50%;
+        background-repeat: no-repeat;
+      }
+    }
+  }
+}
+.make {
+  &-proposal {
+    margin-right: $default-spacing-size - 10;
+  }
+}
+.support {
+  &-proposal {
+    margin-left: $default-spacing-size - 10;
+  }
+}
+.experience {
+  &-proposal {
+    margin-right: $default-spacing-size - 10;
+  }
+}
+.talk {
+  &-proposal {
+    margin-left: $default-spacing-size - 10;
+  }
 }
\ No newline at end of file
diff --git a/sass/novo/_variables.scss b/sass/novo/_variables.scss
index 85e9223..baf168a 100644
--- a/sass/novo/_variables.scss
+++ b/sass/novo/_variables.scss
@@ -5,10 +5,13 @@ $default-color: #172938;
 
 // font sizes
 $default-font-size: 16px;
-$small-font-size: $default-font-size - 2;
+$small-font-size: 14px;
 $header-h1-size: 28px;
 $category-title-size: 18px;
+$category-select-size: 19px;
 $proposal-link-size: 24px;
+$detail-title-size: 32px;
+$detail-proposal-size: 38px;
 
 // radius sizes
 $default-radius-size: 7px;
--
libgit2 0.21.2