ciclos

diff --git a/src/static/stylesheet.css b/src/static/stylesheet.css
index 22adf68e7693ac65105c7485e1fc30007d0526c3..6d91acfe5a8dbcadf0c934e267f7418254c9e696 100644
--- a/src/static/stylesheet.css
+++ b/src/static/stylesheet.css
@@ -14,7 +14,8 @@   line-height: 1.6;
 }
 
 a {
-  color: #3366CC;
+  /*color: #3366CC;*/
+  color: #21409a;
   border: 1px solid rgba(255, 255, 255, 0);
 }
 
@@ -68,8 +69,33 @@ .form-action {
   margin-top: 5px;
 }
 
+.btn {
+  border: none;
+  line-height: 1em;
+  background: #21409a;
+  color: #fff;
+  line-height: 40px;
+}
+
+a.btn {
+  text-decoration: none;
+  padding: 0 10px;
+}
+
+.destructive {
+  color: #ed5353;
+}
+
+.btn[disabled] {
+  background: #ccc;
+}
+
+.text-secondary, .text-muted {
+  color: #a5a49f
+}
+
 .white-space-pre {
-  white-space: pre;
+  white-space: pre-wrap;
 }
 
 .mt-5 {
@@ -81,11 +107,11 @@   margin-bottom: 5px;
 }
 
 .ml-5 {
-  margin-left: 5px;
+  margin-left: .5rem;
 }
 
 .mr-5 {
-  margin-right: 5px;
+  margin-right: .5rem;
 }
 
 .pt-5 {
@@ -113,5 +139,35 @@   margin: 5px;
 }
 
 .current-cycle {
-  background-color: #ccc;
+  background-color: #eee;
+}
+
+.navbar {
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: .5rem 1rem;
+
+  width: 100%;
+}
+
+.navbar ul {
+  margin-bottom: 0;
+  margin-top: 0;
+  padding-left: 0;
+  list-style: none;
+  
+  display: flex;
+  flex-direction: row;
+  margin-right: auto;
+}
+
+.navbar ul li {
+  margin-bottom: 0px;
+}
+
+.navbar ul li a {
+  text-decoration: none;
 }