diff --git a/app/Resources/public/css/base.css b/app/Resources/public/css/base.css
index 277cd9fed9..8a957685d0 100644
--- a/app/Resources/public/css/base.css
+++ b/app/Resources/public/css/base.css
@@ -5675,6 +5675,25 @@ footer{
   background: #ffffff;
   width: 100%;
 }
+#toolshortcuts_horizontal{
+    padding-top: 15px;
+    padding-bottom: 15px;
+    margin-bottom: 10px;
+    text-align: center;
+}
+#toolshortcuts_horizontal .items-icon{
+    padding: 0px;
+    display: inline-block;
+}
+#toolshortcuts_horizontal .items-icon img{
+    padding:5px;
+    border-radius:5px;
+    -webkit-box-shadow: 0 1px 3px #C8C8C8;
+    -opera-box-shadow: 0 1px 3px #C8C8C8;
+    -moz-box-shadow: 0 1px 3px #C8C8C8;
+    box-shadow: 0 1px 3px #C8C8C8;
+    border: 1px solid #e6e6e6;
+}
 /* CSS NEW TOP ******************************************************************************/
 /* CSS Responsive */
 @media (min-width: 1025px) and (max-width: 1200px) {
diff --git a/main/admin/index.php b/main/admin/index.php
index 3e446a1b29..9766bbc47d 100644
--- a/main/admin/index.php
+++ b/main/admin/index.php
@@ -78,7 +78,7 @@ if (!empty($hook)) {
 }
 
 /* Users */
-$blocks['users']['icon'] = Display::return_icon('members.gif', get_lang('Users'), array(), ICON_SIZE_MEDIUM, false);
+$blocks['users']['icon'] = Display::return_icon('members.png', get_lang('Users'), array(), ICON_SIZE_MEDIUM, false);
 $blocks['users']['label'] = api_ucfirst(get_lang('Users'));
 $blocks['users']['class'] = 'block-admin-users';
 
@@ -432,7 +432,7 @@ if (api_is_platform_admin()) {
 
     /* Chamilo.org */
 
-    $blocks['chamilo']['icon'] = Display::return_icon('logo.png', 'Chamilo.org', array(), ICON_SIZE_MEDIUM, false);
+    $blocks['chamilo']['icon'] = Display::return_icon('platform.png', 'Chamilo.org', array(), ICON_SIZE_MEDIUM, false);
     $blocks['chamilo']['label'] = 'Chamilo.org';
     $blocks['chamilo']['class'] = 'block-admin-chamilo';
 
@@ -456,7 +456,7 @@ if (api_is_platform_admin()) {
     $blocks['chamilo']['search_form'] = null;
 
     // Version check
-    $blocks['version_check']['icon'] = Display::return_icon('logo.png', 'Chamilo.org', array(), ICON_SIZE_MEDIUM, false);
+    $blocks['version_check']['icon'] = Display::return_icon('platform.png', 'Chamilo.org', array(), ICON_SIZE_MEDIUM, false);
     $blocks['version_check']['label'] = get_lang('VersionCheck');
     $blocks['version_check']['extra'] = '<div class="admin-block-version"></div>';
     $blocks['version_check']['search_form'] = null;
diff --git a/main/chat/chat.php b/main/chat/chat.php
index d8257d9c09..8d365c8876 100755
--- a/main/chat/chat.php
+++ b/main/chat/chat.php
@@ -55,4 +55,4 @@ $template = $view->get_template('chat/chat.tpl');
 $content = $view->fetch($template);
 
 $view->assign('content', $content);
-$view->display_one_col_template();
+$view->display_no_layout_template();
diff --git a/main/img/icons/32/dropbox.png b/main/img/icons/32/dropbox.png
new file mode 100644
index 0000000000..2f45b849d5
Binary files /dev/null and b/main/img/icons/32/dropbox.png differ
diff --git a/main/img/icons/32/folder_document.png b/main/img/icons/32/folder_document.png
new file mode 100644
index 0000000000..816aa395cf
Binary files /dev/null and b/main/img/icons/32/folder_document.png differ
diff --git a/main/img/icons/32/glossary.png b/main/img/icons/32/glossary.png
new file mode 100644
index 0000000000..a68b286a92
Binary files /dev/null and b/main/img/icons/32/glossary.png differ
diff --git a/main/img/icons/32/link.png b/main/img/icons/32/link.png
deleted file mode 100755
index e164a9f332..0000000000
Binary files a/main/img/icons/32/link.png and /dev/null differ
diff --git a/main/img/icons/32/links.png b/main/img/icons/32/links.png
new file mode 100755
index 0000000000..ce560ae556
Binary files /dev/null and b/main/img/icons/32/links.png differ
diff --git a/main/img/icons/32/members.png b/main/img/icons/32/members.png
new file mode 100644
index 0000000000..74280e0e81
Binary files /dev/null and b/main/img/icons/32/members.png differ
diff --git a/main/img/icons/32/notebook.png b/main/img/icons/32/notebook.png
new file mode 100644
index 0000000000..56a30b1428
Binary files /dev/null and b/main/img/icons/32/notebook.png differ
diff --git a/main/img/icons/32/valves.png b/main/img/icons/32/valves.png
new file mode 100644
index 0000000000..7807bbcf70
Binary files /dev/null and b/main/img/icons/32/valves.png differ
diff --git a/main/img/icons/32/works.png b/main/img/icons/32/works.png
new file mode 100644
index 0000000000..0ad84c82c2
Binary files /dev/null and b/main/img/icons/32/works.png differ
diff --git a/main/inc/lib/course_home.lib.php b/main/inc/lib/course_home.lib.php
index 8c9b366906..f487706608 100755
--- a/main/inc/lib/course_home.lib.php
+++ b/main/inc/lib/course_home.lib.php
@@ -1218,26 +1218,27 @@ class CourseHome
                 $style_id = "toolshortcuts_vertical";
             }
             $html .= '<div id="'.$style_id.'">';
-
             foreach ($navigation_items as $key => $navigation_item) {
                 if (strpos($navigation_item['link'], 'chat') !== false &&
                     api_get_course_setting('allow_open_chat_window')
                 ) {
-                    $html .= '<a href="javascript: void(0);" onclick="javascript: window.open(\''.$navigation_item['link'].'\',\'window_chat'.$_SESSION['_cid'].'\',config=\'height=\'+600+\', width=\'+825+\', left=2, top=2, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=no, directories=no, status=no\')" target="'.$navigation_item['target'].'"';
+                    $html .= '<a class="items-icon" href="javascript: void(0);" onclick="javascript: window.open(\''.$navigation_item['link'].'\',\'window_chat'.$_SESSION['_cid'].'\',config=\'height=\'+600+\', width=\'+825+\', left=2, top=2, toolbar=no, menubar=no, scrollbars=yes, resizable=yes, location=no, directories=no, status=no\')" target="'.$navigation_item['target'].'"';
                 } else {
-                    $html .= '<a href="'.$navigation_item['link'].'"';
+                    $html .= '<a class="items-icon" href="'.$navigation_item['link'].'"';
                 }
                 if (strpos(api_get_self(), $navigation_item['link']) !== false) {
                     $html .= ' id="here"';
                 }
                 $html .= ' target="_top" title="'.$navigation_item['name'].'">';
-                $html .= '<img src="'.api_get_path(WEB_IMG_PATH).$navigation_item['image'].'" alt="'.$navigation_item['name'].'"/>';
+                $html .= Display::return_icon(substr($navigation_item['image'],0,-3)."png", $navigation_item['name'], null, ICON_SIZE_MEDIUM);
+                //$html .= '<img src="'.api_get_path(WEB_IMG_PATH).$navigation_item['image'].'" alt="'.$navigation_item['name'].'"/>';
                 $html .= '</a> ';
                 if ($orientation == SHORTCUTS_VERTICAL) {
                     $html .= '<br />';
                 }
             }
             $html .= '</div>';
+            
         }
 
         return $html;
diff --git a/main/template/default/auth/session_catalog.tpl b/main/template/default/auth/session_catalog.tpl
index 08dea0bd51..2275e4034b 100644
--- a/main/template/default/auth/session_catalog.tpl
+++ b/main/template/default/auth/session_catalog.tpl
@@ -1,4 +1,4 @@
-{% extends template ~ "/layout/main.tpl" %}
+{% extends template ~ "/layout/page.tpl" %}
 
 {% block body %}
     <script type="text/javascript">
diff --git a/main/template/default/layout/course_navigation.tpl b/main/template/default/layout/course_navigation.tpl
index 9c1055c3a2..e9b3b4ceec 100755
--- a/main/template/default/layout/course_navigation.tpl
+++ b/main/template/default/layout/course_navigation.tpl
@@ -2,8 +2,7 @@
 {% if show_header == true %}
 
     {% if show_course_shortcut is not null %}
-        <div class="col-md-12">
-            
+        <div class="nav-tools">
             {{ show_course_shortcut }}
         </div>
     {% endif %}