diff --git a/pandora_console/ChangeLog b/pandora_console/ChangeLog
index df42bcf6fe..2ced3a6d8f 100644
--- a/pandora_console/ChangeLog
+++ b/pandora_console/ChangeLog
@@ -1,3 +1,8 @@
+2013-04-01 Miguel de Dios <miguel.dedios@artica.es>
+	
+	* mobile/operation/events.php, mobile/include/style/main.css: first
+	version of custom responsive view for details events.
+
 2013-04-01  Sancho Lerena <slerena@artica.es>
 
 	* operation/agentes/sla_view.php,
diff --git a/pandora_console/mobile/include/style/main.css b/pandora_console/mobile/include/style/main.css
index 1220b376f0..e924ee81e0 100644
--- a/pandora_console/mobile/include/style/main.css
+++ b/pandora_console/mobile/include/style/main.css
@@ -152,6 +152,130 @@ table#list_events th {
 	font-size: 12px !important;
 	font-weight: bolder !important;
 }
+
+@media screen and (max-width: 320px)
+{
+	.pandora_responsive th {
+		padding-right: 10px;
+		padding-left: 10px;
+	}
+	
+	.pandora_responsive .event_id td,
+	.pandora_responsive .event_id th,
+	.pandora_responsive .event_name td,
+	.pandora_responsive .event_name th,
+	.pandora_responsive .event_owner th,
+	.pandora_responsive .event_timestamp th,
+	.pandora_responsive .event_timestamp td,
+	.pandora_responsive .event_type td,
+	.pandora_responsive .event_type th {
+		float: left;
+	}
+	
+	.pandora_responsive .event_id {
+		float: left;
+	}
+	
+	.pandora_responsive .event_name {
+		
+	}
+	
+	.cell_event_name {
+		padding-left: 10px;
+	}
+	
+	.event_timestamp td,
+	.event_timestamp th {
+		margin-top: 10px;
+		margin-bottom: 10px;
+	}
+	
+	.cell_event_name {
+		width: 300px;
+	}
+	
+	.cell_event_owner {
+		float: left;
+	}
+	
+	.event_type th {
+		float: left;
+	}
+	
+	.cell_event_type {
+		float: left;
+	}
+	
+	.event_owner {
+		float: left;
+	}
+	
+	.event_type {
+		float: left;
+	}
+	
+	.event_repeated {
+		clear: left;
+		float: left;
+	}
+	
+	.event_repeated > th {
+		float: left;
+	}
+	
+	
+	.cell_event_repeated {
+		float: left;
+	}
+	
+	.event_severity {
+		float: left;
+	}
+	
+	.event_severity > th {
+		float: left;
+	}
+	
+	.cell_event_severity {
+		float: left;
+	}
+	
+	.event_status > th {
+		float: left;
+	}
+	
+	.cell_event_status {
+		float: left;
+	}
+	
+	.event_acknowledged_by > th {
+		float: left;
+	}
+	
+	.cell_event_acknowledged_by {
+		float: left;
+	}
+	
+	.event_group > th {
+		float: left;
+	}
+	
+	.cell_event_group {
+		float: left;
+	}
+	
+	.event_tags > th {
+		float: left;
+		margin-top: 10px;
+	}
+	
+	.cell_event_tags {
+		float: left;
+		padding-left: 10px;
+		width: 300px;
+	}
+}
+
 /*END-----------Events styles-----------------------------------------*/
 
 
diff --git a/pandora_console/mobile/operation/events.php b/pandora_console/mobile/operation/events.php
index 81b7426fb1..2c15656e0d 100644
--- a/pandora_console/mobile/operation/events.php
+++ b/pandora_console/mobile/operation/events.php
@@ -369,7 +369,60 @@ class Events {
 			$table->addRow(array('event_acknowledged_by' => ""), __('Acknowledged by'));
 			$table->addRow(array('event_group' => ""), __('Group'));
 			$table->addRow(array('event_tags' => ""), __('Tags'));
-			$options['content_text'] = $table->getHTML();
+			
+			//Content
+			ob_start();
+			?>
+			<table class="pandora_responsive">
+				<tbody>
+					<tr class="event_id">
+						<th><?php echo __('Event ID');?></th>
+						<td class="cell_event_id"></td>
+					</tr>
+					<tr class="event_name">
+						<th><?php echo __('Event name');?></th>
+						<td class="cell_event_name"></td>
+					</tr>
+					<tr class="event_timestamp">
+						<th><?php echo __('Timestamp');?></th>
+						<td class="cell_event_timestamp"></td>
+					</tr>
+					<tr class="event_owner">
+						<th><?php echo __('Owner');?></th>
+						<td class="cell_event_owner"></td>
+					</tr>
+					<tr class="event_type">
+						<th><?php echo __('Type');?></th>
+						<td class="cell_event_type"></td>
+					</tr>
+					<tr class="event_repeated">
+						<th><?php echo __('Repeated');?></th>
+						<td class="cell_event_repeated"></td>
+					</tr>
+					<tr class="event_severity">
+						<th><?php echo __('Severity');?></th>
+						<td class="cell_event_severity"></td>
+					</tr>
+					<tr class="event_status">
+						<th><?php echo __('Status');?></th>
+						<td class="cell_event_status"></td>
+					</tr>
+					<tr class="event_acknowledged_by">
+						<th><?php echo __('Acknowledged by');?></th>
+						<td class="cell_event_acknowledged_by"></td>
+					</tr>
+					<tr class="event_group">
+						<th><?php echo __('Group');?></th>
+						<td class="cell_event_group"></td>
+					</tr>
+					<tr class="event_tags">
+						<th><?php echo __('Tags');?></th>
+						<td class="cell_event_tags"></td>
+					</tr>
+				</tbody>
+			</table>
+			<?php
+			$options['content_text'] = ob_get_clean();
 			$options_button = array(
 				'text' => __('Validate'),
 				'id' => 'validate_button',
@@ -389,6 +442,9 @@ class Events {
 				<h3 style="color: #ff0000;">' . __('Fail validate') . '</h3></div>';
 			
 			$options['button_close'] = false;
+			
+			
+			
 		$ui->addDialog($options);
 			$options['type'] = 'hidden';