diff --git a/public/designs/templates/default/images/add.png b/public/designs/templates/default/images/add.png
new file mode 100644
index 0000000..62a929a
Binary files /dev/null and b/public/designs/templates/default/images/add.png differ
diff --git a/public/designs/templates/default/images/foto.png b/public/designs/templates/default/images/foto.png
new file mode 100644
index 0000000..ee1a089
Binary files /dev/null and b/public/designs/templates/default/images/foto.png differ
diff --git a/public/designs/templates/default/stylesheets/contentblocks.css b/public/designs/templates/default/stylesheets/contentblocks.css
new file mode 100644
index 0000000..bf52eee
--- /dev/null
+++ b/public/designs/templates/default/stylesheets/contentblocks.css
@@ -0,0 +1,34 @@
+div.listblock div.block_content ul {
+margin: 0px;
+padding: 0px;
+}
+
+div.listblock div.block_content li {
+display: block;
+float: left;
+height: 95px;
+width: 80px;
+border: 1px solid #dfdfdf;
+background: #ffffff url("../images/foto.png") no-repeat;
+margin: 2px;
+overflow: hidden;
+font-size: 10px;
+color: #545454;
+font-weight: bold;
+}
+
+div.listblock div.block_content li span {
+display: none;
+}
+
+div.listblock div.block_content li:hover span {
+display: block;
+line-height: 95px;
+text-align: center;
+background: #ffffff;
+vertical-align: middle;
+}
+
+div.listblock div.block_footer {
+clear: both;
+}
diff --git a/public/designs/templates/default/stylesheets/editor.css b/public/designs/templates/default/stylesheets/editor.css
new file mode 100644
index 0000000..02e2f9f
--- /dev/null
+++ b/public/designs/templates/default/stylesheets/editor.css
@@ -0,0 +1,90 @@
+#design_editor_blocksbar {
+  list-style: none;
+  position: relative;
+  width: 760px;
+  left: 50%;
+  margin-left: -380px;
+  padding: 0em;
+  height: 30px;
+}
+
+#design_editor_blocksbar li {
+float: left;
+margin: 4px;
+}
+
+#design_editor_blocksbar a {
+background: url("../images/add.png") no-repeat;
+background-position: 0px 3px;
+display: block;
+padding: 5px;
+padding-left: 28px;
+border: 1px outset #545454;
+text-decoration: none;
+color: black;
+font-weight: bold;
+}
+
+#design_editor_blocksbar a:hover {
+border: 1px inset #545454;
+}
+
+#design_editor ul.block_list {
+  list-style: none;
+  margin: 0px;
+  padding: 3px;
+  border: 2px dotted #dfdfdf;
+}
+
+#design_editor ul:hover.block_list {
+  border: 2px dotted #545454;
+}
+
+#design_editor .box {
+  border: 2px solid transparent;
+}
+
+#design_editor .hover {
+  border: 2px dotted red;
+  background: #ff6;
+}
+
+#design_editor_toolbar { 
+  padding: 5px;
+}
+
+#design_editor_toolbar h3 { 
+  font-size: 10px;
+  background: #dfdfdf;
+  margin: 0px;
+  padding: 1px;
+  text-align: right;
+  color: #545454;
+}
+
+#design_editor_toolbar a { 
+  font-size: 10px;
+  padding: 5px;
+  background: #dfdfdf;
+  color: black;
+}
+
+.design_editor_box_toolbar {
+  text-align: center;
+  margin: 5px;
+  background: #dfdfdf;
+}
+
+.design_editor_box_toolbar a {
+  display: inline;
+  width: 30px;
+  font-size: 10px;
+  padding: 2px;
+  background: #dfdfdf;
+}
+
+#design_editor_toolbar a:hover, .design_editor_box_toolbar a:hover {
+  background: #545454;
+  color: #ffffff;
+}
+
diff --git a/public/designs/templates/default/stylesheets/style.css b/public/designs/templates/default/stylesheets/style.css
index ae86d22..aa4b8c0 100644
--- a/public/designs/templates/default/stylesheets/style.css
+++ b/public/designs/templates/default/stylesheets/style.css
@@ -1,5 +1,6 @@
 @import url("editor.css");
 
+@import url("contentblocks.css");
 
 body {
   font-family: Verdana, Sans-Serif;
@@ -32,7 +33,7 @@ body {
 }
 
 #header {
-height: 135px;
+height: 145px;
 }
 
 #boxes {
@@ -43,18 +44,18 @@ height: 135px;
 }
 
 #box_3 {
-  width: 200px;
+  width: 210px;
   float: right;
 }
 
 #box_2 {
   float: left;
-  width: 200px;
+  width: 210px;
 }
 
 #box_1 {
-  margin-left: 205px;
-  margin-right: 205px;
+  margin-left: 215px;
+  margin-right: 215px;
 }
 
 #spinner {
--
libgit2 0.21.2