diff --git a/src/app/components/programa/programa.html b/src/app/components/programa/programa.html
index 25a91ed..fb8173d 100644
--- a/src/app/components/programa/programa.html
+++ b/src/app/components/programa/programa.html
@@ -1,6 +1,6 @@
-<div ng-if="vm.program">
+<div ng-if="vm.program" class="{{::vm.getCategorySlug()}}">
   <article class="program-box" ng-if="vm.isDisplayBox()" ng-click="vm.showContent()">
-    <div class="{{::vm.getCategorySlug()}}">
+    <div>
       <h2 class="program-box--category">{{::vm.getCategoryName()}}</h2>
       <div class="program-box--image-wrapper">
         <!-- <img class="program-box--image img-responsive" ng-src="{{::vm.getImageUrl()}}" alt="{{::vm.getImageAlt()}}" /> -->
diff --git a/src/app/components/programa/programa.scss b/src/app/components/programa/programa.scss
index fa53773..36ec216 100644
--- a/src/app/components/programa/programa.scss
+++ b/src/app/components/programa/programa.scss
@@ -51,10 +51,10 @@ $darken: 15%;
             vertical-align: middle;
 
             // Altura das linhas do abstract
-            $hLine: 20px;            
-            // default 
-            height: $hLine * 2; 
-            
+            $hLine: 20px;
+            // default
+            height: $hLine * 2;
+
             @media (max-width: $screen-xs) {
                 // height: $hLine * 3;
                 height: auto;
@@ -79,7 +79,7 @@ $darken: 15%;
         padding: 0 $program-box-space;
         display: table-cell;
         vertical-align: middle;
-        
+
         // Altura das linhas do abstract
         $pLine: 20px;
         // 1 linha: 19px -> 20
@@ -88,7 +88,7 @@ $darken: 15%;
         // 4 linhas: 76px -> 80
 
         height: $pLine * 2; // default
-        
+
         @media (max-width: $screen-xs) {
             // height: $pLine * 4;
             height: auto;
@@ -190,6 +190,45 @@ $darken: 15%;
 
 .program-preview {
     .program-banner {
+        position: relative;
+    }
+
+    .program-banner--image {
+        width: 100%;
+    }
+
+    .program-banner--strip {
+        color: #fff;
+        position: absolute;
+        bottom: 15%;
+        right: 0;
+        width: 50%;
+        text-align: center;
 
+        @each $category, $color in $categories {
+            .#{$category} & {
+                background-color: $color;
+            }
+        }
+
+        @media (max-width: $screen-sm){
+            position: relative;
+            width: 100%;
+        }
+
+    }
+
+    .program-banner--title {
+        font-size: 32px;
+        text-transform: uppercase;
+        margin-top: 0;
+        padding-top: 20px;
+    }
+    .program-banner--title,
+    .program-banner--abstract {
+        font-weight: bold;
+    }
+    .program-banner--abstract {
+        padding-bottom: 10px;
     }
 }
diff --git a/src/app/pages/programas/programas.scss b/src/app/pages/programas/programas.scss
index 48de84e..32b3b13 100644
--- a/src/app/pages/programas/programas.scss
+++ b/src/app/pages/programas/programas.scss
@@ -1,14 +1,18 @@
 .article-bar {
-    
+
     .btn {
         color: #fff;
         font-weight: bold;
     }
-    
+
     &--item {
         margin: 8px 0;
     }
 
+    .navbar {
+        margin-bottom: 0;
+    }
+
     .navbar-right {
         margin-right: 15px;
     }
--
libgit2 0.21.2