diff --git a/painel/urls.py b/painel/urls.py
index 77e9b7596..5729ce980 100644
--- a/painel/urls.py
+++ b/painel/urls.py
@@ -1,13 +1,15 @@
 from django.conf.urls import include, url
 
 from .views import (controlador_painel, cronometro_painel_crud, json_presenca,
-                    json_votacao, painel_parlamentares_view, painel_view,
+                    json_votacao, paienl_mensagem_view,
+                    painel_parlamentares_view, painel_view,
                     painel_votacao_view)
 
 urlpatterns = [
     url(r'^sistema/painel$', painel_view),
     url(r'^sistema/painel/controlador',
         controlador_painel, name='controlador_painel'),
+    url(r'^sistema/painel/mensagem', paienl_mensagem_view),
     url(r'^sistema/painel/parlamentares', painel_parlamentares_view),
     url(r'^sistema/painel/votacao', painel_votacao_view),
     url(r'^sistema/painel/json_presenca', json_presenca, name='json_presenca'),
diff --git a/painel/views.py b/painel/views.py
index a715565f1..e51e60a84 100644
--- a/painel/views.py
+++ b/painel/views.py
@@ -57,6 +57,10 @@ def painel_view(request):
     return render(request, 'painel/index.html', {'context': context})
 
 
+def paienl_mensagem_view(request):
+    return render(request, 'painel/mensagem.html')
+
+
 def painel_parlamentares_view(request):
     return render(request, 'painel/parlamentares.html')
 
diff --git a/templates/painel/index.html b/templates/painel/index.html
index 78743a80e..4b4885f23 100644
--- a/templates/painel/index.html
+++ b/templates/painel/index.html
@@ -97,9 +97,9 @@
         <input id="json_url" type="hidden" value="{% url 'json_votacao' %}">        
         <h2>Ajax refresh counter: <span id="counter"></span></h2>
         <h3>
-        <span id="sessao_plenaria"></span><br/>
-        <span id="sessao_plenaria_data"></span><br/>
-        <span id="sessao_plenaria_hora_inicio"></span></br>
+        <span id="sessao_plenaria"></span><br/><br/>
+        <span id="sessao_plenaria_data"></span><br/><br/>
+        <span id="sessao_plenaria_hora_inicio"></span></br><br/>
         <h2><span id="relogio"></span></h2>
         <table>
             <tr>
diff --git a/templates/painel/mensagem.html b/templates/painel/mensagem.html
new file mode 100644
index 000000000..4d2ec9cbc
--- /dev/null
+++ b/templates/painel/mensagem.html
@@ -0,0 +1,108 @@
+{% load i18n %}                                                                                                              
+{% load staticfiles %}
+<!DOCTYPE HTML>
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html lang="en">
+<!--<![endif]-->
+
+    <head>
+      <meta charset="UTF-8">
+      <!-- TODO: does it need this head_title here? -->
+      <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
+
+      <STYLE type="text/css">
+        @media screen {
+            body {font-size: medium; color: white; line-height: 1em; background: black;}
+        }
+      </STYLE>
+      
+      <script type="text/javascript">
+         $(document).ready(function() {
+
+             //TODO: replace by a fancy jQuery clock
+             function checkTime(i) {
+                 if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
+                    return i;
+             }
+             function startTime() {
+                 var today=new Date();
+                 var h=today.getHours();
+                 var m=today.getMinutes();
+                 var s=today.getSeconds();
+                 m = checkTime(m);
+                 s = checkTime(s);
+                 $("#relogio").text(h+":"+m+":"+s)
+                 var t = setTimeout(function(){
+                     startTime()
+                 },500);
+             }
+
+             startTime();
+
+        var counter = 1;
+        (function poll() {
+            $.ajax({
+               url: $("#json_url").val(),
+               type: "GET",
+               success: function(data) {
+
+                  //TODO: json spitted out is very complex, have to simplify/flat it
+                  //TODO: probably building it by hand on REST side
+
+                  console.debug(data)
+
+                  var presentes = $("#parlamentares");
+                  presentes.children().remove();
+
+                  presentes_ordem_dia = data.presentes_ordem_dia
+                  jQuery.each(presentes_ordem_dia, function(index, parlamentar) {                     
+                      $('<li />', {text: parlamentar.nome + '/' + parlamentar.partido + ' ' + parlamentar.voto }).appendTo(presentes);
+                  });
+
+                  var votacao = $("#votacao")
+                  votacao.children().remove()
+                  votacao.append("<li>Sim: " + data["numero_votos_sim"] + "</li>")
+                  votacao.append("<li>Não: " + data["numero_votos_nao"] + "</li>")
+                  votacao.append("<li>Abstenções: " + data["numero_abstencoes"] + "</li>")
+                  votacao.append("<li>Presentes: " + data["presentes"] + "</li>")
+                  votacao.append("<li>Total votos: " + data["total_votos"] + "</li>")
+
+                  $("#sessao_plenaria").text(data["sessao_plenaria"])
+                  $("#sessao_plenaria_data").text("Data Início: " + data["sessao_plenaria_data"])
+                  $("#sessao_plenaria_hora_inicio").text("Hora Início: " + data["sessao_plenaria_hora_inicio"])
+
+                  $("#materia_legislativa_texto").text(data["materia_legislativa_texto"])
+                  $("#observacao_materia").text(data["observacao_materia"])
+                  $("#resultado_votacao").text(data["tipo_resultado"])
+
+                  $("#counter").text(counter);
+                  counter++;
+               },
+               error: function(err) {
+                  console.error(err);
+               },
+               dataType: "json",
+               //complete: setTimeout(function() {poll()}, 5000),
+               timeout: 20000 // TODO: decrease
+            })
+          })();
+         });
+      </script>
+    </head>
+    <body>
+        <h1>{{ context.title }}</h1>
+        <input id="json_url" type="hidden" value="{% url 'json_votacao' %}">        
+        <h2>Ajax refresh counter: <span id="counter"></span></h2>
+        <h3>
+        <span id="sessao_plenaria"></span><br/><br/>
+        <span id="sessao_plenaria_data"></span><br/><br/>
+        <span id="sessao_plenaria_hora_inicio"></span></br><br/>
+        <h2><span id="relogio"></span></h2></br><br/><br/>
+        <span id="materia_legislativa_texto"></span><br/>
+        <span id="observacao_materia"></span>
+        </h3>
+    </body>
+</html>
diff --git a/templates/painel/parlamentares.html b/templates/painel/parlamentares.html
index 6f046d0d8..a182c40aa 100644
--- a/templates/painel/parlamentares.html
+++ b/templates/painel/parlamentares.html
@@ -1,15 +1,17 @@
+{% load i18n %}                                                                                                              
+{% load staticfiles %}
 <!DOCTYPE HTML>
-<html lang="pt-br">
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html lang="en">
+<!--<![endif]-->
+
     <head>
-      <title>Painel jQuery</title>
       <meta charset="UTF-8">
-      
-      <script src="js/json2.js"></script>
-      <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
-      <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
-      <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
-
-      <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
+      <!-- TODO: does it need this head_title here? -->
+      <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
 
       <STYLE type="text/css">
         @media screen {
@@ -20,30 +22,92 @@
       <script type="text/javascript">
          $(document).ready(function() {
 
+             //TODO: replace by a fancy jQuery clock
+             function checkTime(i) {
+                 if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
+                    return i;
+             }
+             function startTime() {
+                 var today=new Date();
+                 var h=today.getHours();
+                 var m=today.getMinutes();
+                 var s=today.getSeconds();
+                 m = checkTime(m);
+                 s = checkTime(s);
+                 $("#relogio").text(h+":"+m+":"+s)
+                 var t = setTimeout(function(){
+                     startTime()
+                 },500);
+             }
+
+             startTime();
+
         var counter = 1;
         (function poll() {
             $.ajax({
-               //url: "http://localhost:8000/sistema/painel/json",
                url: $("#json_url").val(),
                type: "GET",
                success: function(data) {
-                  console.log(data);                                                    
-                  $("#name").text(data.nome + ', call=' + counter);
+
+                  //TODO: json spitted out is very complex, have to simplify/flat it
+                  //TODO: probably building it by hand on REST side
+
+                  console.debug(data)
+
+                  var presentes = $("#parlamentares");
+                  presentes.children().remove();
+
+                  presentes_ordem_dia = data.presentes_ordem_dia
+                  jQuery.each(presentes_ordem_dia, function(index, parlamentar) {                     
+                      $('<li />', {text: parlamentar.nome + '/' + parlamentar.partido + ' ' + parlamentar.voto }).appendTo(presentes);
+                  });
+
+                  var votacao = $("#votacao")
+                  votacao.children().remove()
+                  votacao.append("<li>Sim: " + data["numero_votos_sim"] + "</li>")
+                  votacao.append("<li>Não: " + data["numero_votos_nao"] + "</li>")
+                  votacao.append("<li>Abstenções: " + data["numero_abstencoes"] + "</li>")
+                  votacao.append("<li>Presentes: " + data["presentes"] + "</li>")
+                  votacao.append("<li>Total votos: " + data["total_votos"] + "</li>")
+
+                  $("#sessao_plenaria").text(data["sessao_plenaria"])
+                  $("#sessao_plenaria_data").text("Data Início: " + data["sessao_plenaria_data"])
+                  $("#sessao_plenaria_hora_inicio").text("Hora Início: " + data["sessao_plenaria_hora_inicio"])
+
+                  $("#materia_legislativa_texto").text(data["materia_legislativa_texto"])
+                  $("#observacao_materia").text(data["observacao_materia"])
+                  $("#resultado_votacao").text(data["tipo_resultado"])
+
+                  $("#counter").text(counter);
                   counter++;
                },
                error: function(err) {
                   console.error(err);
                },
                dataType: "json",
-               complete: setTimeout(function() {poll()}, 5000),
-               timeout: 2000
+               //complete: setTimeout(function() {poll()}, 5000),
+               timeout: 20000 // TODO: decrease
             })
           })();
          });
       </script>
     </head>
     <body>
-        <input id="json_url" type="hidden" value="{% url 'json_view' %}">
-        <h2><div id="name"></div></h2>
+        <h1>{{ context.title }}</h1>
+        <input id="json_url" type="hidden" value="{% url 'json_votacao' %}">        
+        <h3>
+        <span id="sessao_plenaria"></span><br/><br/>
+        <span id="sessao_plenaria_data"></span><br/><br/>
+        <span id="sessao_plenaria_hora_inicio"></span></br><br/>
+        <h2><span id="relogio"></span></h2>
+        <table>
+            <tr>
+               <td>
+                  <ul id="parlamentares">
+                  </ul>
+               </td>
+            </tr>
+        </table>
+        </h3>
     </body>
 </html>
diff --git a/templates/painel/votacao.html b/templates/painel/votacao.html
index 6f046d0d8..edb560615 100644
--- a/templates/painel/votacao.html
+++ b/templates/painel/votacao.html
@@ -1,15 +1,17 @@
+{% load i18n %}                                                                                                              
+{% load staticfiles %}
 <!DOCTYPE HTML>
-<html lang="pt-br">
+<!--[if IE 8]> <html class="no-js lt-ie9" lang="en"> <![endif]-->
+<!--[if gt IE 8]><!-->
+<html lang="en">
+<!--<![endif]-->
+
     <head>
-      <title>Painel jQuery</title>
       <meta charset="UTF-8">
-      
-      <script src="js/json2.js"></script>
-      <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
-      <script src="http://code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
-      <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
-
-      <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
+      <!-- TODO: does it need this head_title here? -->
+      <title>{% block head_title %}{% trans 'SAPL - Sistema de Apoio ao Processo Legislativo' %}{% endblock %}</title>
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
 
       <STYLE type="text/css">
         @media screen {
@@ -20,30 +22,93 @@
       <script type="text/javascript">
          $(document).ready(function() {
 
+             //TODO: replace by a fancy jQuery clock
+             function checkTime(i) {
+                 if (i<10) {i = "0" + i};  // add zero in front of numbers < 10
+                    return i;
+             }
+             function startTime() {
+                 var today=new Date();
+                 var h=today.getHours();
+                 var m=today.getMinutes();
+                 var s=today.getSeconds();
+                 m = checkTime(m);
+                 s = checkTime(s);
+                 $("#relogio").text(h+":"+m+":"+s)
+                 var t = setTimeout(function(){
+                     startTime()
+                 },500);
+             }
+
+             startTime();
+
         var counter = 1;
         (function poll() {
             $.ajax({
-               //url: "http://localhost:8000/sistema/painel/json",
                url: $("#json_url").val(),
                type: "GET",
                success: function(data) {
-                  console.log(data);                                                    
-                  $("#name").text(data.nome + ', call=' + counter);
+
+                  //TODO: json spitted out is very complex, have to simplify/flat it
+                  //TODO: probably building it by hand on REST side
+
+                  console.debug(data)
+
+                  var presentes = $("#parlamentares");
+                  presentes.children().remove();
+
+                  presentes_ordem_dia = data.presentes_ordem_dia
+                  jQuery.each(presentes_ordem_dia, function(index, parlamentar) {                     
+                      $('<li />', {text: parlamentar.nome + '/' + parlamentar.partido + ' ' + parlamentar.voto }).appendTo(presentes);
+                  });
+
+                  var votacao = $("#votacao")
+                  votacao.children().remove()
+                  votacao.append("<li>Sim: " + data["numero_votos_sim"] + "</li>")
+                  votacao.append("<li>Não: " + data["numero_votos_nao"] + "</li>")
+                  votacao.append("<li>Abstenções: " + data["numero_abstencoes"] + "</li>")
+                  votacao.append("<li>Presentes: " + data["presentes"] + "</li>")
+                  votacao.append("<li>Total votos: " + data["total_votos"] + "</li>")
+
+                  $("#sessao_plenaria").text(data["sessao_plenaria"])
+                  $("#sessao_plenaria_data").text("Data Início: " + data["sessao_plenaria_data"])
+                  $("#sessao_plenaria_hora_inicio").text("Hora Início: " + data["sessao_plenaria_hora_inicio"])
+
+                  $("#materia_legislativa_texto").text(data["materia_legislativa_texto"])
+                  $("#observacao_materia").text(data["observacao_materia"])
+                  $("#resultado_votacao").text(data["tipo_resultado"])
+
+                  $("#counter").text(counter);
                   counter++;
                },
                error: function(err) {
                   console.error(err);
                },
                dataType: "json",
-               complete: setTimeout(function() {poll()}, 5000),
-               timeout: 2000
+               //complete: setTimeout(function() {poll()}, 5000),
+               timeout: 20000 // TODO: decrease
             })
           })();
          });
       </script>
     </head>
     <body>
-        <input id="json_url" type="hidden" value="{% url 'json_view' %}">
-        <h2><div id="name"></div></h2>
+        <h1>{{ context.title }}</h1>
+        <input id="json_url" type="hidden" value="{% url 'json_votacao' %}">        
+        <h3>
+        <span id="sessao_plenaria"></span><br/><br/>
+        <span id="sessao_plenaria_data"></span><br/><br/>
+        <span id="sessao_plenaria_hora_inicio"></span></br><br/>
+        <h2><span id="relogio"></span></h2>
+        <table>
+            <tr>
+               <td>
+                  <ul id="votacao">
+                  </ul>
+               </td>
+            </tr>
+        </table>
+        <span id="resultado_votacao"></span><br/>
+        </h3>
     </body>
 </html>
diff --git a/templates/sessao/painel.html b/templates/sessao/painel.html
index bc930d732..9be570af7 100644
--- a/templates/sessao/painel.html
+++ b/templates/sessao/painel.html
@@ -6,11 +6,12 @@
 	<audio type="hidden" id="audio" src="{% static 'audio/ring.mp3' %}"> </audio>
 
 	<ul class="small-block-grid-1 medium-block-grid-2 large-block-grid-2">
-  		<li><a href="#">Iniciar painel presidente</a></li>
-  		<li><a href="#">Iniciar painel completo</a></li>
-  		<li><a href="#">Iniciar painel mensagem</a></li>
-  		<li><a href="#">Iniciar painel parlamentares</a></li>
-  		<li><a href="#">Iniciar painel votação</a></li>
+  		<li><a href="/sistema/painel">Iniciar painel presidente</a></li>
+  		<li><a href="/sistema/painel">Iniciar painel completo</a></li>
+  		<li><a href="/sistema/painel/mensagem">Iniciar painel mensagem</a></li>
+  		<li><a href="/sistema/painel/parlamentares">Iniciar painel parlamentares</a></li>
+  		<li><a href="/sistema/painel/votacao">Iniciar painel votação</a></li>
+  		<li><a href="/sistema/painel/controlador">Controlador Painel</a></li>
 	</ul>
 	<br />
 	<h5>Operação do Painel Eletrônico</h5>
