diff --git a/main/css/academica/default.css b/main/css/academica/default.css
index 6f08de093b..5f1ece10d6 100644
--- a/main/css/academica/default.css
+++ b/main/css/academica/default.css
@@ -11,7 +11,7 @@ html {
 /* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
-        behavior:url("/main/css/csshover3.htc");
+    behavior:url("/main/css/csshover3.htc");
 	font-family: bold arial, verdana, helvetica, sans-serif;
 	font-size: 12px;
 	margin: 0;
@@ -113,7 +113,7 @@ input[type=button], input[type=submit] {
 /* header 3 styles */
 #header3 {
 	border-bottom: 1px solid #aeaeae;
-	height:26px;
+	height:50px;
 	font-weight: bold;
 	margin: 0;
 	padding: 0;	
diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css
index 813d9a3aa1..24224f50ea 100644
--- a/main/css/baby_orange/default.css
+++ b/main/css/baby_orange/default.css
@@ -4,14 +4,16 @@
 /* Adding default generic style for non chamilo_X themes */
 @import url('../base.css');
 
+/* the sticky effect */
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */        
     behavior:url("/main/css/csshover3.htc");
 	font-family: arial, verdana, helvetica, sans-serif;
-	font-size: 12px; 
+	font-size: 12px;
 	color: #000;
 	background-color: #fff;
 	margin: 0;
@@ -110,7 +112,7 @@ input[type=button], input[type=submit] {
 /* header 3 styles */
 #header3 {
 	border-bottom: 1px solid #aeaeae;
-	height:26px;
+	height:50px;
 	font-weight: bold;
 	margin: 0;
 	padding: 0;	
diff --git a/main/css/base.css b/main/css/base.css
index d710ab3dea..fae637af2b 100644
--- a/main/css/base.css
+++ b/main/css/base.css
@@ -41,8 +41,55 @@ legend {
     margin-bottom:0px;
 }
 
+#header2 {    
+    width:100%;
+}
+
+#header2 .nav {
+    float:right;
+}
+
+#header3 li a {
+    margin:0px;
+}
+
 /* Fixing old chamilo forms */
 
+
+/* Subnav */
+.subnav {
+  width:100%;  
+  height: 36px;
+  
+  -webkit-border-radius: 4px;
+     -moz-border-radius: 4px;
+          border-radius: 4px;
+  
+}
+
+.subnav .nav {
+    display: block;
+    float: left;
+    left: 0;
+    margin-bottom: 0;
+    margin-left: 0;
+    margin-right: 10px;
+    margin-top: 0;
+    position: relative;
+}
+
+#header4 {
+	height:26px;
+    padding:0px;
+    background:none;                    
+    width: 100%;	
+    /*margin-top:35px;*/
+    margin-bottom:5px;    
+    background-repeat:repeat-x;
+    
+    
+}
+
 form .label {
     color: #404040;
     float: left;
@@ -323,13 +370,9 @@ a.tag {
 img {
     border: none;
 }
-p, blockquote, ol, ul {
-    font-size: 12px;
-}
 
 /* User portal */
 
-
 /* user_portal course status icon */
 .coursestatusicons {
     border: 0px solid #000;
@@ -1119,7 +1162,7 @@ button.next.disabled, .a_button.disabled {
 /* Breadcrumb */
 
 .bread {
-    height: 24px;
+    height: 26px;
     margin: 0px 0px 5px 0px;    
     padding:0px;
     border-bottom:1px solid #ccc;
diff --git a/main/css/base_chamilo.css b/main/css/base_chamilo.css
index 7cef4025fb..35f48d146d 100755
--- a/main/css/base_chamilo.css
+++ b/main/css/base_chamilo.css
@@ -314,9 +314,7 @@ input.link_alike:hover {
 /********************************************************
  *  HEADER 2: Users online, help, student/teacher view  *
  ********************************************************/
-#header2 {
-    float:right;    
-}
+
 #header2 a {
 }
 #header2 a:hover {
@@ -347,9 +345,8 @@ input.link_alike:hover {
     border:1px solid #E1E1E0;
 }
 
-/*****************************************************
- *  HEADER 4:       
- *****************************************************/
+/* HEADER 4:      */
+
 #header4 {
 	height:26px;
     padding:0px;
@@ -1744,10 +1741,6 @@ Document title
     margin-right: 10px;
     vertical-align:middle;
 }
-.actions form {
-    margin-right: 10px;
-    vertical-align:middle;
-}
 
 .actions fieldset {
     margin-top:0px;
diff --git a/main/css/blue_lagoon/default.css b/main/css/blue_lagoon/default.css
index 8eb97c3b3c..802d63535e 100644
--- a/main/css/blue_lagoon/default.css
+++ b/main/css/blue_lagoon/default.css
@@ -8,6 +8,7 @@
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -389,35 +390,16 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-	position: relative; /* to avoid the IE peekabo bug*/
 	color: #636363;/*border: 1px solid red;*/
-	min-height: 25px;
+    
 }
 #header2 a {
 	color: #636363;
-	text-decoration: none;
-	font-weight:normal;
 }
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
+
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -425,8 +407,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     padding-left:0px;
     padding-right:0px; 
     width: 100%;
@@ -441,6 +422,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;
@@ -448,7 +430,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	PADDING-BOTTOM: 0px;
 	MARGIN: 0px;
 	LIST-STYLE-TYPE: none;
-	display: inline;
+	display: inline;    
 }
 #header3 li {
 	PADDING-RIGHT: 0px;
@@ -472,23 +454,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header3 .banner_links {
 	margin: 0;
 }
-#header3 input.logout {
-	/* makes an input appear like a link in this header */
-	margin: 0px;
-	padding: 0px;
-	background-color: transparent;
-	border: none;
-	COLOR: rgb(39,84,175);
-	font-weight:bold;
-	display: inline;
-	background:  url(../../img/tab_right.gif) no-repeat right top;
-	PADDING-RIGHT: 10px;
-	PADDING-TOP: 3px;    
-}
-#header3 input:hover {
-	color: #333;
-	background:  url(../../img/tab_right_hover.gif) no-repeat right top;
-}
+
 #header3 input {
 	padding-right: 15px;
 	display: block;
@@ -505,17 +471,15 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	width: auto;
 	text-align: right;
 }
-#header3 .clear {
-	display: none;
-}
+
 /*****************************************************
  *  HEADER 3: not used          			     	 *
  *****************************************************/
 #header4 {	
 	background-color: #fff;
 	color: #fff;
-	width:100%;    
 }
+
 /* The tool shortcuts */
 #toolshortcuts {
 	text-align: right;
diff --git a/main/css/chamilo_sport_red/default.css b/main/css/chamilo_sport_red/default.css
index 4f744895e6..eaf9184141 100755
--- a/main/css/chamilo_sport_red/default.css
+++ b/main/css/chamilo_sport_red/default.css
@@ -116,22 +116,24 @@ a:active {
     /*background-image:url(images/bg-header4.png);*/
 }
 
-#header3  a {
+#header3 li {    
     background:transparent url(images/tab_left.png) no-repeat scroll left top;
+    border:none;
+    margin-right: 2px;
 }
 
-#header3 li a span {
+#header3 li a {
     background:transparent url(images/tab_right.png) no-repeat scroll right top;
+    margin-left: 5px;
+    border:none;
+    color:#ffffff;
 }
 
-#current a {
+#header3 li#current {
     background:transparent url(images/tab_left-active.png) no-repeat scroll left top;
+     height: 30px;
 }
-#current {
-    /*background:transparent url(images/tab_center-active.png) no-repeat scroll right top;*/
-}   
-
-#current #tab_active {
+#header3 #current a {
     background:transparent url(images/tab_right-active.png) no-repeat scroll right top;
 }
 .maincontent {
diff --git a/main/css/cool_blue/default.css b/main/css/cool_blue/default.css
index 046038754a..b95d9b0dcf 100644
--- a/main/css/cool_blue/default.css
+++ b/main/css/cool_blue/default.css
@@ -429,8 +429,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
 	height:41px;
-    width:100%;
-    float:left;
+    width:100%;    
 }
 #header3 a {
 	DISPLAY: block;
diff --git a/main/css/corporate/default.css b/main/css/corporate/default.css
index 4e1c0c2cd5..0013fd3c05 100644
--- a/main/css/corporate/default.css
+++ b/main/css/corporate/default.css
@@ -113,12 +113,10 @@ input[type=button], input[type=submit] {
 	border-bottom: 1px solid #aeaeae;
 	color: #333;
 	height:auto;
-	font-weight: bold;
-	float:left;
+	font-weight: bold;	
     width:100%;
 }
 
-
 #header3 UL {
 	PADDING-RIGHT: 2px;
 	PADDING-LEFT: 10px;
diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css
index d4d899d89d..cd97c00b11 100644
--- a/main/css/cosmic_campus/default.css
+++ b/main/css/cosmic_campus/default.css
@@ -130,8 +130,7 @@ input[type=button], input[type=submit] {
 	border-bottom: 1px solid #aeaeae;
 	height:25px;
 	margin-bottom: 1px;
-	background-image: url(images/fondoHeader3.jpg);
-	float:left;
+	background-image: url(images/fondoHeader3.jpg);	
     width:99%;
 }
 #header3 a {
diff --git a/main/css/delicious_bordeaux/default.css b/main/css/delicious_bordeaux/default.css
index 669db15908..517392a464 100644
--- a/main/css/delicious_bordeaux/default.css
+++ b/main/css/delicious_bordeaux/default.css
@@ -4,9 +4,11 @@
 /* Adding default generic style for non chamilo_X themes */
 @import url('../base.css');
 
+/* the sticky effect */
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -293,13 +295,6 @@ a:active {
 	font-weight : bold;
 	color : #975b5b;
 }
-select, textarea, input{
-	color : #000;
-	border: 1px solid #000;
-}
-input.checkbox {
-	border-width: 0;
-}
 /* form elements */
 
 select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
@@ -393,7 +388,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-	position: relative; /* to avoid the IE peekabo bug*/
 	color: #636363;/*border: 1px solid red;*/
 }
 #header2 a {
@@ -404,23 +398,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -428,8 +405,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     padding-left:0px;
     padding-right:0px; 
     width: 100%;
@@ -444,6 +420,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;
diff --git a/main/css/dokeos_blue/default.css b/main/css/dokeos_blue/default.css
index 854168900a..a40a2d0329 100644
--- a/main/css/dokeos_blue/default.css
+++ b/main/css/dokeos_blue/default.css
@@ -4,9 +4,11 @@
 /* Adding default generic style for non chamilo_X themes */
 @import url('../base.css');
 
+/* the sticky effect */
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -293,13 +295,6 @@ a:active {
 	font-weight : bold;
 	color : #4171B5;
 }
-select, textarea, input{
-	color : #000;
-	border: 1px solid #000;
-}
-input.checkbox {
-	border-width: 0;
-}
 /* form elements */
 
 select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
@@ -393,7 +388,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-	position: relative; /* to avoid the IE peekabo bug*/
 	color: #636363;/*border: 1px solid red;*/
 	min-height: 25px;
 }
@@ -405,23 +399,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -429,12 +406,10 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     padding-left:0px;
     padding-right:0px; 
     width: 100%;
-    float:left;
 }
 #header3 a {
 	DISPLAY: block;
@@ -446,6 +421,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;
diff --git a/main/css/dokeos_classic/default.css b/main/css/dokeos_classic/default.css
index 2550a34215..2ef9721f72 100644
--- a/main/css/dokeos_classic/default.css
+++ b/main/css/dokeos_classic/default.css
@@ -445,8 +445,7 @@ input[text] {
 	color: #006;
 	border-bottom: 1px solid #4171b5;
 	height:auto;
-	margin-bottom: 1px;
-	float:left;
+	margin-bottom: 1px;	
     width:99%;
 }
 #header3 a {
diff --git a/main/css/dokeos_classic_2D/default.css b/main/css/dokeos_classic_2D/default.css
index 85f7987b0f..a09d5e2e6c 100644
--- a/main/css/dokeos_classic_2D/default.css
+++ b/main/css/dokeos_classic_2D/default.css
@@ -431,8 +431,7 @@ ul#navigation .student-connect a {
 	font-size: 1.0em;
 	margin: 0px;
 	margin-bottom: 1px;
-	padding: 0em 0em 0.4em 0em;
-	float:left;
+	padding: 0em 0em 0.4em 0em;	
     width:100%;
 }
 #header3 a {
diff --git a/main/css/empire_green/default.css b/main/css/empire_green/default.css
index df6466309f..af6a77095e 100644
--- a/main/css/empire_green/default.css
+++ b/main/css/empire_green/default.css
@@ -4,9 +4,11 @@
 /* Adding default generic style for non chamilo_X themes */
 @import url('../base.css');
 
+/* the sticky effect */
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -293,13 +295,6 @@ a:active {
 	font-weight : bold;
 	color : #5b975b;
 }
-select, textarea, input{
-	color : #000;
-	border: 1px solid #000;
-}
-input.checkbox {
-	border-width: 0;
-}
 /* form elements */
 
 select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
@@ -393,7 +388,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-	position: relative; /* to avoid the IE peekabo bug*/
 	color: #636363;/*border: 1px solid red;*/
 }
 #header2 a {
@@ -404,23 +398,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -428,8 +405,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     width:100%;
 }
 #header3 a {
@@ -442,6 +418,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;
diff --git a/main/css/fruity_orange/default.css b/main/css/fruity_orange/default.css
index 526e40a89c..f953c90a94 100644
--- a/main/css/fruity_orange/default.css
+++ b/main/css/fruity_orange/default.css
@@ -4,9 +4,11 @@
 /* Adding default generic style for non chamilo_X themes */
 @import url('../base.css');
 
+/* the sticky effect */
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -201,8 +203,7 @@ a.invisible:link, a.invisible:visited {
 }
 .clear {
 	clear: both;
-	line-height:
- 0px;
+	line-height: 0px;
 	height: 0;
 }
 
@@ -294,13 +295,6 @@ a:active {
 	font-weight : bold;
 	color : #fea404;
 }
-select, textarea, input{
-	color : #000;
-	border: 1px solid #000;
-}
-input.checkbox {
-	border-width: 0;
-}
 /* form elements */
 
 select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
@@ -394,7 +388,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-	position: relative; /* to avoid the IE peekabo bug*/
 	color: #636363;/*border: 1px solid red;*/
 }
 #header2 a {
@@ -405,23 +398,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -429,8 +405,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     width:100%;
 }
 #header3 a {
@@ -443,6 +418,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;
diff --git a/main/css/medical/images/default.css b/main/css/medical/images/default.css
index d878563f0e..e3f18ad83c 100644
--- a/main/css/medical/images/default.css
+++ b/main/css/medical/images/default.css
@@ -12,9 +12,9 @@ body {
 
 #outerframe {
     position: relative;  /* do not remove, fixes a bug in IE */
-
+
     background-color: #fff;
-
+
     background-repeat:no-repeat;
 }
 
@@ -37,9 +37,9 @@ body {
  background-color: transparent;
 
  min-height: 320px;
-
-
-
+
+
+
  background-repeat: no-repeat;
 }
 
@@ -198,11 +198,11 @@ input[text] {font-size: 12px; }
     width:180px;
 
     height:74px;
-
+
     margin-bottom: 0px;
-
+
     margin-top: 10px;
-
+
     margin-right: 5px;
 
     padding: 0px 0px 0px 0px;
@@ -243,7 +243,7 @@ input[text] {font-size: 12px; }
     padding-bottom: 0.2em;
     background: #ffffff;
     color: #666;
-
+
 }
 #header2 a {
     color: #666;
@@ -281,19 +281,16 @@ input[text] {font-size: 12px; }
     padding: 0.8em 0.5em 0.4em 0.5em;
     background: #fff;
     color: #006;
-
     height:25px;
     margin-bottom: 1px;
-    background-image: url(Images/fondoHeader3.jpg);
-	float:left;
+    background-image: url(Images/fondoHeader3.jpg);	
     width:100%;
-
 }
 #header3 A {
     PADDING-RIGHT: 15px;
     DISPLAY: block;
     PADDING-LEFT: 6px;
-
+
     BACKGROUND:  url(Images/tab_right.gif) no-repeat right top;
     PADDING-BOTTOM: 0px;
     COLOR: #fff;
@@ -302,7 +299,7 @@ input[text] {font-size: 12px; }
 }
 #header3 A:hover {
     COLOR: #9ba408;
-
+
 }
 #header3 UL {
     PADDING-RIGHT: 10px;
@@ -329,7 +326,7 @@ input[text] {font-size: 12px; }
     PADDING-TOP: 0px
 }
 #header3 #current {
-
+
 }
 #header3 #current A {
         COLOR: #999
@@ -414,7 +411,7 @@ input[text] {font-size: 12px; }
     font-size: 12px;
     font-weight:bold;
     color:#ec135a;
-
+
 
 }
 #footer .copyright {
diff --git a/main/css/public_admin/default.css b/main/css/public_admin/default.css
index 3685685217..630df9942a 100644
--- a/main/css/public_admin/default.css
+++ b/main/css/public_admin/default.css
@@ -183,12 +183,6 @@ ul#navigation .student-connect a {
 
 
 /* for content section in main index.php file */
-/*
-|----------------------------------------------------------------------------
-| modified: to fit img and blocks in home page
-|----------------------------------------------------------------------------
-|
-*/
 .maincontent {
     float: left;
     width: 65%;
@@ -342,14 +336,6 @@ select, textarea {
     color : #000;
     border: 1px solid #000;
 }
-input.checkbox {
-    border-width: 0;
-}
-select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
-    cursor:	pointer;
-    font-size: 12px;
-}
-
 /* user_portal course status icon */
 .coursestatusicons {
     border: 0px solid #000;
@@ -436,13 +422,14 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-    position: relative; /* to avoid the IE peekabo bug*/
     font-size: 1.0em;
     font-weight: normal;
-    min-height:20px;
+    min-height:35px;
     padding:  0.2em 0.5em;    
     background: #2A4B74;
     color: #666;
+    width:100%;
+    color:#fff;
 }
 #header2 a {
     color: #666;
@@ -452,24 +439,7 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
 #header2 a:hover {
     text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-    position: relative; /* to avoid the IE peekabo bug*/
-    float: right;
-    width: 70%;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-    text-align: right;
-}
-#Header2Right ul li {
-    display: inline;
-    color:#ffffff;
-}
-#Header2Right ul li a {
-    padding: 4px 6px 4px 4px;
-    color:#f1d40d;
-}
+
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -481,8 +451,7 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
     border-bottom: 1px solid #aeaeae;
     height:25px;
     margin-bottom: 1px;
-    background-image: url(images/fondoHeader3.jpg);
-	float:left;
+    background-image: url(images/fondoHeader3.jpg);	
     width:100%;
 }
 #header3 A {
@@ -497,6 +466,7 @@ select, input[type=checkbox], input[type=radio], input[type=button], input[type=
 }
 #header3 A:hover {
     COLOR: #9ba408;
+    background: none;
 }
 #header3 UL {
     PADDING-RIGHT: 2px;
diff --git a/main/css/royal_purple/default.css b/main/css/royal_purple/default.css
index 9b76ee91c4..7b4ae77a73 100644
--- a/main/css/royal_purple/default.css
+++ b/main/css/royal_purple/default.css
@@ -4,9 +4,11 @@
 /* Adding default generic style for non chamilo_X themes */
 @import url('../base.css');
 
+/* the sticky effect */
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -201,8 +203,7 @@ a.invisible:link, a.invisible:visited {
 }
 .clear {
 	clear: both;
-	line-height:
- 0px;
+	line-height: 0px;
 	height: 0;
 }
 
@@ -294,13 +295,6 @@ a:active {
 	font-weight : bold;
 	color : #8e5b97;
 }
-select, textarea, input{
-	color : #000;
-	border: 1px solid #000;
-}
-input.checkbox {
-	border-width: 0;
-}
 /* form elements */
 
 select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
@@ -394,7 +388,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-	position: relative; /* to avoid the IE peekabo bug*/
 	color: #636363;/*border: 1px solid red;*/
 }
 #header2 a {
@@ -405,23 +398,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -429,8 +405,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     width:100%;
 }
 #header3 a {
@@ -443,6 +418,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;
@@ -474,23 +450,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header3 .banner_links {
 	margin: 0;
 }
-#header3 input.logout {
-	/* makes an input appear like a link in this header */
-	margin: 0 0 0 0;
-	padding: 0;
-	background-color: transparent;
-	border: none;
-	COLOR: rgb(39,84,175);
-	font-weight:bold;
-	display: inline;
-	background:  url(../../img/tab_right.gif) no-repeat right top;
-	PADDING-RIGHT: 10px;
-	PADDING-TOP: 3px;
-}
-#header3 input:hover {
-	color: #333;
-	background:  url(../../img/tab_right_hover.gif) no-repeat right top;
-}
+
 #header3 input {
 	padding-right: 15px;
 	display: block;
@@ -507,9 +467,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	width: auto;
 	text-align: right;
 }
-#header3 .clear {
-	display: none;
-}
+
 /*****************************************************
  *  HEADER 4
  *****************************************************/
diff --git a/main/css/silver_line/default.css b/main/css/silver_line/default.css
index 034be33a2b..a3e81c3110 100644
--- a/main/css/silver_line/default.css
+++ b/main/css/silver_line/default.css
@@ -440,8 +440,7 @@ ul#navigation .student-connect a {
 #header3 {
     width: 100%;
     margin: 5;
-    padding: 0;
-    float: left;
+    padding: 0;    
     height:41px;
 }
 #header3 input.logout {
diff --git a/main/css/steel_grey/default.css b/main/css/steel_grey/default.css
index 95ead52167..26cb34859d 100644
--- a/main/css/steel_grey/default.css
+++ b/main/css/steel_grey/default.css
@@ -8,6 +8,7 @@
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -294,13 +295,6 @@ a:active {
 	font-weight : bold;
 	color : #808080;
 }
-select, textarea, input{
-	color : #000;
-	border: 1px solid #000;
-}
-input.checkbox {
-	border-width: 0;
-}
 /* form elements */
 
 select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
@@ -405,23 +399,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -429,8 +406,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     width:100%;
 }
 #header3 a {
@@ -443,6 +419,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;
@@ -474,23 +451,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header3 .banner_links {
 	margin: 0;
 }
-#header3 input.logout {
-	/* makes an input appear like a link in this header */
-	margin: 0px;
-	padding: 0px;
-	background-color: transparent;
-	border: none;
-	COLOR: rgb(39,84,175);
-	font-weight:bold;
-	display: inline;
-	background:  url(../../img/tab_right.gif) no-repeat right top;
-	PADDING-RIGHT: 10px;
-	PADDING-TOP: 3px;
-}
-#header3 input:hover {
-	color: #333;
-	background:  url(../../img/tab_right_hover.gif) no-repeat right top;
-}
 #header3 input {
 	padding-right: 15px;
 	display: block;
@@ -507,9 +467,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	width: auto;
 	text-align: right;
 }
-#header3 .clear {
-	display: none;
-}
 /*****************************************************
  *  HEADER 4
  *****************************************************/
diff --git a/main/css/tasty_olive/default.css b/main/css/tasty_olive/default.css
index befa910eb0..963c98a472 100644
--- a/main/css/tasty_olive/default.css
+++ b/main/css/tasty_olive/default.css
@@ -4,9 +4,11 @@
 /* Adding default generic style for non chamilo_X themes */
 @import url('../base.css');
 
+/* the sticky effect */
 html {
 	height: 100%;
 }
+/* Redefining html styles */
 body {
 	/* hack ignored by non-IE to enable ie to support :hover on button */
      behavior:url("/main/css/csshover3.htc");
@@ -293,13 +295,6 @@ a:active {
 	font-weight : bold;
 	color : #8e975b;
 }
-select, textarea, input{
-	color : #000;
-	border: 1px solid #000;
-}
-input.checkbox {
-	border-width: 0;
-}
 /* form elements */
 
 select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
@@ -393,7 +388,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
  *  HEADER 2: Users online, help, student/teacher view	*
  ********************************************************/
 #header2 {
-	position: relative; /* to avoid the IE peekabo bug*/
 	color: #636363;/*border: 1px solid red;*/
 }
 #header2 a {
@@ -404,23 +398,6 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 #header2 a:hover {
 	text-decoration: underline;
 }
-/* Header2Right: online users, student/teacher view, help */
-#Header2Right ul {
-	position: relative; /* to avoid the IE peekabo bug*/
-	float: right;
-	width: 70%;
-	margin: 0;
-	padding: 0;
-	list-style-type: none;
-	text-align: right;
-}
-#Header2Right ul li {
-	display: inline;
-}
-#Header2Right ul li a {
-	padding: 4px 6px 4px 4px;
-	color:#636363;
-}
 /*****************************************************
  *  HEADER 3: TABS OF THE HEADER			     	 *
  *****************************************************/
@@ -428,8 +405,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 	background-image: url(images/tab-repeat.png);
 	background-position: 0px 0px;
 	background-repeat: repeat-x;/*border: 1px solid green;*/
-	height:41px;
-	float:left;
+	height:41px;	
     width:100%;
 }
 #header3 a {
@@ -442,6 +418,7 @@ input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
 }
 #header3 a:hover {
 	color: #a8a7a7;
+    background: none;
 }
 #header3 ul {
 	PADDING-RIGHT: 10px;