diff --git a/main/course_progress/thematic.php b/main/course_progress/thematic.php
index d71dc74d11..7f4943b2aa 100755
--- a/main/course_progress/thematic.php
+++ b/main/course_progress/thematic.php
@@ -88,7 +88,7 @@ if ($action == 'thematic_list') {
 				echo '<tr>';
 				
 				// display thematic data		
-				echo '<td><div><strong>'.Security::remove_XSS($thematic['title'], STUDENT).'</strong></div><div>'.Security::remove_XSS($thematic['content'], STUDENT).'</div></td>';
+				echo '<td><div ><strong>'.Security::remove_XSS($thematic['title'], STUDENT).'</strong></div><div>'.Security::remove_XSS($thematic['content'], STUDENT).'</div></td>';
 				
 				// display thematic plan data
 				echo '<td>';					
@@ -97,7 +97,7 @@ if ($action == 'thematic_list') {
 					}
 					if (!empty($thematic_plan_data[$thematic['id']])) {
 						foreach ($thematic_plan_data[$thematic['id']] as $thematic_plan) {
-							echo '<div><strong>'.Security::remove_XSS($thematic_plan['title'], STUDENT).'</strong></div><div>'.Security::remove_XSS($thematic_plan['description'], STUDENT).'</div>'; 
+							echo '<div id="titlethematic" ><strong>'.Security::remove_XSS($thematic_plan['title'], STUDENT).'</strong></div><div>'.Security::remove_XSS($thematic_plan['description'], STUDENT).'</div>'; 
 						}
 					} else {
 						echo '<div><em>'.get_lang('StillDoNotHaveAThematicPlan').'</em></div>';
diff --git a/main/course_progress/thematic_plan.php b/main/course_progress/thematic_plan.php
index d25b4f2e0b..69f09c0b63 100755
--- a/main/course_progress/thematic_plan.php
+++ b/main/course_progress/thematic_plan.php
@@ -82,11 +82,11 @@ if ($action == 'thematic_plan_list') {
 	$form->addElement('style_submit_button', null, get_lang('Save'), 'class="save"');
 	
 	if ($description_type < ADD_THEMATIC_PLAN) {
-		$default['title'] = strtoupper($default_thematic_plan_title[$description_type]);
+		$default['title'] = $default_thematic_plan_title[$description_type];
 	}
 	if (!empty($thematic_plan_data)) {
 		// set default values
-		$default['title'] = strtoupper($thematic_plan_data[0]['title']);
+		$default['title'] = $thematic_plan_data[0]['title'];
 		$default['description'] = $thematic_plan_data[0]['description'];		
 	}	
 	$form->setDefaults($default);
diff --git a/main/css/academica/default.css b/main/css/academica/default.css
index de9bc8097e..c7aea0767a 100755
--- a/main/css/academica/default.css
+++ b/main/css/academica/default.css
@@ -2994,7 +2994,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/baby_orange/default.css b/main/css/baby_orange/default.css
index 1e20144e25..f27835e229 100755
--- a/main/css/baby_orange/default.css
+++ b/main/css/baby_orange/default.css
@@ -2968,7 +2968,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/blue_lagoon/default.css b/main/css/blue_lagoon/default.css
index ee2db4add3..f5b7f6c6f1 100755
--- a/main/css/blue_lagoon/default.css
+++ b/main/css/blue_lagoon/default.css
@@ -3623,6 +3623,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
+#titlethematic{
+	text-transform: uppercase;
+}
 
 /* ATTENDANCE */
 
diff --git a/main/css/chamilo/default.css b/main/css/chamilo/default.css
index 83238ad5e9..bc3e0a58b1 100755
--- a/main/css/chamilo/default.css
+++ b/main/css/chamilo/default.css
@@ -3990,6 +3990,11 @@ div.image-social-content center.friend {
  padding-top: 5px;
 }
 
+#titlethematic{
+	text-transform: uppercase;
+	color: blue;
+}
+
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/chamilo_green/default.css b/main/css/chamilo_green/default.css
index c8a27cf541..68d1054c60 100755
--- a/main/css/chamilo_green/default.css
+++ b/main/css/chamilo_green/default.css
@@ -3991,7 +3991,10 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+	color: green;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/chamilo_red/default.css b/main/css/chamilo_red/default.css
index 1052625a02..b01a9a4b85 100755
--- a/main/css/chamilo_red/default.css
+++ b/main/css/chamilo_red/default.css
@@ -3988,7 +3988,10 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+	color: red;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/cool_blue/default.css b/main/css/cool_blue/default.css
index 4bb4de114a..2317e4c961 100755
--- a/main/css/cool_blue/default.css
+++ b/main/css/cool_blue/default.css
@@ -3500,7 +3500,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/corporate/default.css b/main/css/corporate/default.css
index bf1715a78b..50b073ab75 100755
--- a/main/css/corporate/default.css
+++ b/main/css/corporate/default.css
@@ -2967,7 +2967,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/cosmic_campus/default.css b/main/css/cosmic_campus/default.css
index b1e043defd..24722d11a4 100755
--- a/main/css/cosmic_campus/default.css
+++ b/main/css/cosmic_campus/default.css
@@ -3013,7 +3013,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/delicious_bordeaux/default.css b/main/css/delicious_bordeaux/default.css
index 73d99ee8bf..845959e090 100755
--- a/main/css/delicious_bordeaux/default.css
+++ b/main/css/delicious_bordeaux/default.css
@@ -3487,7 +3487,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/dokeos_blue/default.css b/main/css/dokeos_blue/default.css
index 0df4596c21..f4bf82ffb1 100755
--- a/main/css/dokeos_blue/default.css
+++ b/main/css/dokeos_blue/default.css
@@ -3505,7 +3505,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/dokeos_classic/default.css b/main/css/dokeos_classic/default.css
index 9d972e06a1..db4e84d079 100755
--- a/main/css/dokeos_classic/default.css
+++ b/main/css/dokeos_classic/default.css
@@ -3783,6 +3783,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
+#titlethematic{
+	text-transform: uppercase;
+}
 
 /* ATTENDANCE */
 
diff --git a/main/css/dokeos_classic_2D/default.css b/main/css/dokeos_classic_2D/default.css
index f59dc917f1..10db38c7b6 100755
--- a/main/css/dokeos_classic_2D/default.css
+++ b/main/css/dokeos_classic_2D/default.css
@@ -3813,7 +3813,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/empire_green/default.css b/main/css/empire_green/default.css
index a674da7eab..e92d485112 100755
--- a/main/css/empire_green/default.css
+++ b/main/css/empire_green/default.css
@@ -3515,7 +3515,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/fruity_orange/default.css b/main/css/fruity_orange/default.css
index c322cfe2e1..9d3b2a4826 100755
--- a/main/css/fruity_orange/default.css
+++ b/main/css/fruity_orange/default.css
@@ -3516,7 +3516,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/medical/default.css b/main/css/medical/default.css
index a0629af5d1..158bb0ad5e 100755
--- a/main/css/medical/default.css
+++ b/main/css/medical/default.css
@@ -3974,7 +3974,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/public_admin/default.css b/main/css/public_admin/default.css
index 901acc040e..ab568a4444 100755
--- a/main/css/public_admin/default.css
+++ b/main/css/public_admin/default.css
@@ -3700,7 +3700,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/royal_purple/default.css b/main/css/royal_purple/default.css
index 6cc545c986..75e28ca653 100755
--- a/main/css/royal_purple/default.css
+++ b/main/css/royal_purple/default.css
@@ -3512,7 +3512,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/silver_line/default.css b/main/css/silver_line/default.css
index c43d7b5ba5..b3fe0efffd 100755
--- a/main/css/silver_line/default.css
+++ b/main/css/silver_line/default.css
@@ -3338,7 +3338,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/sober_brown/default.css b/main/css/sober_brown/default.css
index ca8e58262d..72e36cacd8 100755
--- a/main/css/sober_brown/default.css
+++ b/main/css/sober_brown/default.css
@@ -3694,7 +3694,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/steel_grey/default.css b/main/css/steel_grey/default.css
index 1d16d50454..a942d67c2b 100755
--- a/main/css/steel_grey/default.css
+++ b/main/css/steel_grey/default.css
@@ -3516,7 +3516,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {
diff --git a/main/css/tasty_olive/default.css b/main/css/tasty_olive/default.css
index fb874b7674..8658188cff 100755
--- a/main/css/tasty_olive/default.css
+++ b/main/css/tasty_olive/default.css
@@ -3518,7 +3518,9 @@ div.image-social-content center.friend {
  padding-bottom:10px;
  padding-top: 5px;
 }
-
+#titlethematic{
+	text-transform: uppercase;
+}
 /* ATTENDANCE */
 
 div.attendance-calendar-add div.row div.formw,div.attendance-calendar-edit div.row div.formw  {