diff --git a/ieducar/intranet/styles/login.css b/ieducar/intranet/styles/login.css
new file mode 100644
index 0000000..9e23050
--- /dev/null
+++ b/ieducar/intranet/styles/login.css
@@ -0,0 +1,90 @@
+body {
+  background-color: white;
+}
+
+#flash-container {
+  min-height: 41px;
+}
+
+#flash-container, #menu, #corpo, #rodape {
+
+  /* login-form.widght + 42px */
+  width: 706px;
+}
+
+#login-form {
+  float: left;
+  background-color: #fcfcfc;
+  padding: 20px 40px;
+  width: 255px;
+
+  -moz-box-shadow: 0px 0px 5px #d9d9d9;
+  -webkit-box-shadow: 0px 0px 5px #d9d9d9;
+  box-shadow: 0px 0px 5px #d9d9d9;
+
+  border: 1px solid #ccc;
+}
+
+#login-form, #login-form form {
+  margin-bottom: 0;
+}
+
+#login-form label {
+  display: block;
+}
+
+.forget-password {
+  margin-top: 9px;
+}
+
+input#senha, input#login {
+  width: 241px;
+}
+
+input.submit, input#senha, input#login {
+  margin: 0px;
+  margin-bottom: 9px;
+}
+
+#recaptcha_widget_div {
+  margin-bottom: 9px;
+}
+
+#service-info {
+  margin-left: 372px;
+}
+
+#service-info .title {
+  color: #184E7F;
+}
+
+#service-info p.service, #service-info p.requiriments {
+  font-size: 125%;
+}
+
+#service-info ul.service-about {
+  margin-top: 10px;
+  margin-bottom: 20px;
+}
+
+ul.unstyled, ol.unstyled {
+  list-style: none;
+}
+
+#service-info ul.requiriments {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+#rodape {
+  margin-top: 10px;
+  padding: 10px;
+  /* border-top: 1px solid #e9e9e9; */
+  padding-left: 0px;
+  padding-right: 0px;
+  text-align: center;
+}
+
+#rodape .contact {
+  font-weight: bold;
+}
\ No newline at end of file
diff --git a/ieducar/intranet/styles/min-portabilis.css b/ieducar/intranet/styles/min-portabilis.css
new file mode 100644
index 0000000..e0b0963
--- /dev/null
+++ b/ieducar/intranet/styles/min-portabilis.css
@@ -0,0 +1,237 @@
+ul.autocomplete {
+  background-color: whiteSmoke;
+  color: #3C3C3D;
+  cursor: pointer;
+  list-style-type: none;
+  margin: 0px;
+  margin-left: 2px;
+  margin-bottom: 10px;
+  padding: 0px;
+  border: 1px solid #CACACA;
+  border-top: 0px;
+
+  -moz-border-radius: 2px;
+  border-radius: 3px;
+  -webkit-border-radius: 2px;
+}
+
+.decorated {
+	text-decoration: underline;
+}
+
+*:hover.decorated {
+	text-decoration: none;
+}
+
+ul.autocomplete li {
+  padding: 4px;
+}
+
+ul.autocomplete li:hover {
+	background: #ECECEC;
+	color: #3C3C3D;
+	text-shadow: none;
+	text-decoration: none;
+}
+
+table.small {
+
+}
+
+table.styled {
+  border:           thin solid #e9e9e9;
+  border-collapse:  collapse;
+  margin-top: 5px;
+
+  font-family: arial, verdana, lucida, helvetica, sans-serif;
+  font-size: 11px;
+}
+
+table {
+  caption-side:     top;
+}
+
+table > caption {
+	margin-bottom: 5px;
+}
+
+table.styled tr td, table.styled tr th {
+  border: 1px solid #fff;
+}
+
+table.styled td, table.styled th {
+  padding: 5px;
+}
+
+table.styled th {
+  background-color: #A1B3BD;
+  color: #3C3C3D;
+  font-weight: bold;
+}
+
+.horizontal-expand {
+	width: 100%;
+}
+
+.center {
+  text-align:       center;
+}
+
+.right {
+  text-align:       right;
+}
+
+.texto-normal, .texto-normal a, a.texto-normal {
+	font-weight: normal;
+}
+
+table.nocellcolor th, .nocellcolor {
+  background-color: #fff;
+}
+
+table.cellcolor th, table tr.cellcolor th, .cellcolor, tr.even {
+  background-color: #E4E9ED;
+}
+
+table.strong th , tr.strong th, tr.strong td{
+  background-color: #A1B3BD;
+}
+
+.hidden {
+  display: none;
+}
+
+.success {
+  color: #157100 !important;
+  border: 1px solid #e0f9d8 !important;
+  background-color: #f0f9ee !important;
+}
+
+.notice {
+  color: #b0af84 !important;
+  border: 1px solid #fdffac !important;
+  background-color: #feffce !important;
+}
+
+.info {
+  color: #3A87AD;
+  background-color: #D9EDF7;
+  border-color: #BCE8F1;
+}
+
+.error {
+  color: #ff4e4e !important;
+  border: 1px solid #ffe5e5 !important;
+  background-color: #ffeeee !important;
+}
+
+.simple-block {
+  padding: 5px;
+  display: inline-block;
+}
+
+.block {
+  display: block;
+}
+
+.light {
+  font-weight: normal;
+}
+
+.small {
+  font-size: 90%;
+}
+
+#recaptcha_widget_div a {
+  margin-left: 0;
+}
+
+.spacer {
+  padding: 2px;
+}
+
+.clear {
+  clear: both;
+}
+
+/* form */
+
+select, input, textarea {
+  border: 1px solid #CACACA;
+}
+
+input[type='submit'],
+input[type='button'],
+.bar-buttons .button {
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+}
+
+input {
+  padding: 2px;
+}
+
+input[type='submit'], input[type='button'], a.button {
+  padding: 4px 14px;
+}
+
+input[type='submit'], input[type='button'] {
+  font-weight: bold;
+  font-style: normal;
+  cursor: pointer;
+}
+
+select, input[type="text"], input[type="password"], textarea {
+  padding: 4px 6px;
+}
+
+/* flash messages */
+
+#flash-container {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+#flash-container p {
+    /*margin-top: 5px;
+    padding: 5px;*/
+    padding: 10px;
+}
+
+#flash-container .flash {
+    color: #b0af84;
+    border: 1px solid #fdffac;
+    background-color: #feffce;
+}
+
+#flash-container .success {
+    color: #157100;
+    border: 1px solid #e0f9d8;
+    background-color: #f0f9ee;
+}
+
+#flash-container .exclamation {
+    color: #ffba00;
+    border: 1px solid #fff3d3;
+    background-color: #fff7e2;
+}
+
+#flash-container .error {
+    color: #ff4e4e;
+    border: 1px solid #ffe5e5;
+    background-color: #ffeeee;
+}
+
+
+
+
+/* inputs not required */
+.geral {
+  background-color: #fff;
+}
+
+.disabled, *[disabled] {
+  cursor: not-allowed;
+  background-color: #EEE;
+}
\ No newline at end of file
diff --git a/ieducar/intranet/styles/portabilis.css b/ieducar/intranet/styles/portabilis.css
new file mode 100644
index 0000000..1fa6e1a
--- /dev/null
+++ b/ieducar/intranet/styles/portabilis.css
@@ -0,0 +1,220 @@
+body {
+  font-family: Verdana, Geneva, Arial, sans-serif;
+  font-size: small;
+  line-height: 1.5;
+	margin: 0px;
+	color: #666;
+	text-align: left;
+  background-color: #FCFCFC;
+}
+
+
+body, table td{
+    font-family: Verdana, Geneva, Arial, sans-serif;
+    font-size: small;
+}
+
+a {
+	font-weight: bold;
+	color: #054B80;
+	text-decoration: none;
+}
+
+a.logout {
+	color: #ff8f00;
+}
+
+a.cadastro {
+	color: #42e112;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+h1, h2, h3, h4, h5, h6, table caption, #service-info p.service, #extra .title {
+	color: #184e7f;
+	font-weight: bold;
+}
+
+h1 {
+  font-size: 150%;
+}
+
+h2 {
+  font-size: 150%;
+}
+
+h3 {
+  font-size: 110%;
+}
+
+#corpo {
+  	margin-top: 10px;
+}
+
+.explanation {
+	font-style: italic;
+}
+
+body {
+  font-family: Verdana, Geneva, Arial, sans-serif;
+  font-size: 13px;/*small;*/
+  line-height: 1.5;
+	margin: 0px;
+	color: #666;
+  padding: 0px;
+}
+
+#cabecalho {
+	color: #fff;
+/*  padding-top: 6px;
+  padding-bottom: 6px;*/
+}
+
+#cabecalho, #ccorpo {
+	background-color: #184e7f;
+}
+
+#flash-container, #menu, #corpo, /*#cabecalho #ccorpo,*/ #rodape {
+    width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+#cabecalho #ccorpo {
+  line-height: 1.2;
+	padding: 0px;
+	padding-left: 10px;
+	padding-right: 10px;
+}
+
+#cabecalho #ccorpo #logo {
+	font-size: 175%;
+	font-weight: bold;
+}
+
+#cabecalho #ccorpo a#logo, #cabecalho #ccorpo #status a#user {
+	font-weight: bold;
+}
+
+#cabecalho #ccorpo a{
+	color: #fff;
+	text-decoration: none;
+}
+
+#cabecalho #ccorpo #status {
+	float: right;
+  text-align: right;
+	margin-top: 6px;
+}
+
+.erro{
+  color: red;
+    padding: 4px;
+}
+
+form {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+input, textarea, .bar-buttons .button {
+    border: 1px solid #CACACA;
+}
+
+a.button, input, textarea {
+    padding: 4px;
+}
+
+input[type="submit"], input[type="button"], .bar-buttons .button  {
+  background-color: #f5f5f5;
+  color: #3C3C3D;
+  cursor: pointer;
+}
+
+input.submit, input.button  {
+  background-color: #f5f5f5;
+  color: #3C3C3D;
+  cursor: pointer;
+}
+
+a.button, input[type="submit"], input[type="button"], .bar-buttons .button {
+    padding: 4px;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin-right: 3px;
+}
+
+input.submit, input.button {
+    padding: 4px;
+    padding-left: 20px;
+    padding-right: 20px;
+    margin-right: 3px;
+}
+
+a.button, input[type="button"], .bar-buttons a.button  {
+	font-weight: normal;
+	font-style: normal;
+}
+
+a[class="button"].primary, input[type="submit"], input[type="button"].primary, .bar-buttons .button.primary {
+  font-weight: bold;
+  font-style: normal;
+}
+
+input.submit, input.button {
+  font-weight: bold;
+  font-style: normal;
+}
+
+input:focus, textarea:focus, .bar-buttons .button:focus {
+	border: 1px solid #666;
+/*    outline: #054B80 solid 1px;
+    outline-offset: -2px;*/
+    outline-width: 0px;
+}
+
+input:hover, textarea:hover {
+	border: 1px solid #666;
+}
+
+input[type="submit"]:hover, input[type="button"]:hover, .bar-buttons .button:hover {
+	border: 1px solid #CACACA;
+	background: #ECECEC;
+	color: #3C3C3D;
+	text-shadow: none;
+	text-decoration: none;
+}
+
+input.submit:hover, input.buton:hover  {
+	border: 1px solid #CACACA;
+	background: #ECECEC;
+	color: #3C3C3D;
+	text-shadow: none;
+	text-decoration: none;
+}
+
+input, textarea {
+    margin-top:4px;
+    margin-left:4px;
+}
+
+.shadow {
+  -moz-box-shadow: 0px 0px 5px #e6e6e6;
+  -webkit-box-shadow: 0px 0px 5px #E6E6E6;
+  box-shadow: 0px 0px 5px #E6E6E6;
+}
+
+.box {
+  padding-top: 10px;
+}
+
+.box, .bubble {
+  border: 1px solid #EEE;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-border-radius: 3px;
+  padding: 0 10px 10px 10px;
+  margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/ieducar/intranet/styles/reset.css b/ieducar/intranet/styles/reset.css
new file mode 100644
index 0000000..1417c4c
--- /dev/null
+++ b/ieducar/intranet/styles/reset.css
@@ -0,0 +1,67 @@
+/* --------------------------------------------------------------
+
+   reset.css
+   * Resets default browser CSS.
+
+-------------------------------------------------------------- */
+
+html { 
+	margin:0; 
+	padding:0; 
+	border:0; 
+}
+
+body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, code,
+del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-weight: inherit;
+  font-style: inherit;
+  font-size: 100%;
+  font-family: inherit;
+  vertical-align: baseline;
+}
+
+/* This helps to make newer HTML5 elements behave like DIVs in older browers */ 
+article, aside, dialog, figure, footer, header,
+hgroup, nav, section {
+    display:block;
+}
+
+/* Line-height should always be unitless! */
+body {
+  line-height: 1.5;
+  background: white; 
+}
+
+/* Tables still need 'cellspacing="0"' in the markup. */
+table { 
+	border-collapse: separate; 
+	border-spacing: 0; 
+}
+/* float:none prevents the span-x classes from breaking table-cell display */
+caption, th, td { 
+	text-align: left; 
+	font-weight: normal; 
+	float:none !important; 
+}
+table, th, td { 
+	vertical-align: middle; 
+}
+
+/* Remove possible quote marks (") from <q>, <blockquote>. */
+blockquote:before, blockquote:after, q:before, q:after { content: ''; }
+blockquote, q { quotes: "" ""; }
+
+/* Remove annoying border on linked images. */
+a img { border: none; }
+
+/* Remember to define your own focus styles! */
+:focus { outline: 0; }
\ No newline at end of file
diff --git a/ieducar/intranet/templates/nvp_htmlloginintranet.tpl b/ieducar/intranet/templates/nvp_htmlloginintranet.tpl
index 2780e29..202f4dd 100755
--- a/ieducar/intranet/templates/nvp_htmlloginintranet.tpl
+++ b/ieducar/intranet/templates/nvp_htmlloginintranet.tpl
@@ -1,73 +1,131 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-<html>
-	<head>
-		<title>Intranet</title>
-
-		<meta http-equiv='Content-Type' content='text/html; charset=iso-8859-1' />
-		<meta http-equiv="Pragma" content="no-cache" />
-		<meta http-equiv="Expires" content="-1" />
-
-		<script language="JavaScript" type="text/javascript">
-			function loginpage_onload()
-			{
-				loginObj = document.getElementById( "login" );
-				if( loginObj.value == "" )
-				{
-					loginObj.focus();
-				}
-			}
-		</script>
-		<style type="text/css">
-			BODY,TABLE,TD {
-				color: #000000;
-				background-color: #E4E9ED;
-				font-family: verdana, arial, heveltica, sans;
-				font-size: 11px;
-				background-repeat: no-repeat;
-				margin: 0 0 0 0;
-			}
-			A:link, A:visited, A:active, A:hover {
-				color: #0033CC;
-				font-family: verdana, arial, heveltica, sans;
-				font-size: 11px;
-			}
-			LABEL{
-				float: left;
-				width: 60px;
-				font-family: verdana, arial, heveltica, sans;
-				font-size: 11px;
-			}
-			INPUT{
-				margin-bottom:5px;
-				width: 140px;
-			}
-			.botao{
-				margin-left: 60px;
-				width:66px;
-			}
-		</style>
-	</head>
-	<body onload="loginpage_onload();">
-		<table border="0" cellpadding="0" cellspacing="0" align="center" width="100%">
-			<tr>
-				<td valign="top" align="left" width="211"><img src="imagens/nvp_top_webmail.jpg" border="0" alt="Intranet" title="Intranet" /></td>
-				<td style="padding-left:10px;">
-					<br /><br /><br /><br /><br />
-					<br /><!-- #&ERROLOGIN&# --><br /><br />
-					<img src="imagens/nvp_tit_intranet.jpg" border="0" alt="Bem vindo � Intranet" title="Bem vindo � Intranet" /><br /><br />
-					<form action="" method="post">
-						<label for="login">Matr&iacute;cula:</label>
-						<input type="text" name="login" id="login" value="" size="15" /><br />
-						
-						<label for="senha">Senha:</label>
-						<input type="password" name="senha" id="senha" size="15" /><br />
-
-						<input type="image" class="botao" src="imagens/nvp_bot_entra_webmail.jpg" value="Entrar" />
-					</form>
-					<br /><br /><br /><br /><br /><br />
-					
-				</td>
-			</tr>
-		</table>
-	</body>
-</html>
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html>
+	<head>
+		<title>Intranet</title>
+    <meta http-equiv='Content-Type' content='text/html; charset=ISO-8859-1' />
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+		<meta http-equiv="Pragma" content="no-cache" />
+		<meta http-equiv="Expires" content="-1" />
+
+    <link rel=stylesheet type='text/css' href='styles/reset.css?rand=3' />
+    <link rel=stylesheet type='text/css' href='styles/portabilis.css?rand=3' />
+    <link rel=stylesheet type='text/css' href='styles/min-portabilis.css?rand=3' />
+    <link rel=stylesheet type='text/css' href='styles/login.css?rand=4' />
+
+  <script type='text/javascript' src='//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js'></script>
+
+  <script type="text/javascript">
+
+    var $j = jQuery.noConflict();
+
+    function currentSO() {
+      var so = undefined;
+
+      if (navigator && navigator.platform) {
+        var platform = navigator.platform.toLowerCase();
+
+        if (platform.indexOf('win') > -1)
+          so = 'windows';
+        else if (platform.indexOf('linux') > -1)
+          so = 'linux';
+        else if (platform.indexOf('mac') > -1)
+          so = 'macOS';
+        else if (platform.indexOf('x11') > -1)
+          so = 'unix';
+        else
+          so = platform;
+      }
+
+      return so;
+    }
+
+    function loginpage_onload() {
+      var domainName = window.location.hostname;
+
+      if (domainName.indexOf('treinamento') < 0 && domainName.indexOf('demonstracao') < 0)
+        $j('.only-for-clients').show();
+
+      $j('.fade-in').fadeIn('slow');
+
+      $j('#login').focus();
+
+      // used for support links
+      if (currentSO() == 'windows')
+        $j('.visible-for-windows-so').show();
+      else
+        $j('.visible-for-non-windows-so').show();
+    }
+  </script>
+
+	</head>
+	<body onload="loginpage_onload();" class="hidden fade-in">
+    <div id="flash-container">
+
+      <!--[if lt IE 7]>
+      <p style="min-height: 32px;" class="flash update-browser"><strong>Seu navegador est&aacute desatualizado.</strong> Para melhor navega&ccedil;&atildeo  no sistema, por favor, atualize seu navegador.<a href="http://br.mozdev.org/download/" target="_blank"><img style="margin-top:4px;" src="http://www.mozilla.org/contribute/buttons/110x32bubble_r_pt.png" alt="Firefox" width="110" height="32" style="border-style:none;" title="Mozilla Firefox" /></a></p>
+      <![endif]-->
+
+      <!-- #&ERROLOGIN&# -->
+    </div>
+
+    <div id="corpo">
+      <div id="login-form" class="box shadow">
+        <h2>Entrar</h2>
+        <p class="explanation"></p>
+
+        <form action="" method="post">
+        <table>
+          <tbody><tr>
+    		    <td>
+              <label class="" for="login">Matr&iacute;cula:</label>
+              <input type="text" name="login" id="login"></td>
+    	    </tr>
+
+          <tr>
+    		    <td>
+              <label class="" for="senha">Senha:</label>
+              <input type="password" name="senha" id="senha">
+            </td>
+          </tr>
+          <tr>
+            <td><!-- #&RECAPTCHA&# --></td>
+          </tr>
+          <tr>
+    		    <td>
+              <input type="submit" class="submit" src="imagens/nvp_bot_entra_webmail.jpg" value="Entrar">
+            </td>
+          </tr>
+          <tr>
+            <td>
+              <p class="forget-password"><a class="light small" href="/module/Usuario/RedefinirSenha">Esqueceu sua senha?</a></p>
+
+              <p><a target="_blank" class="light small" href="http://educacao.portabilis.com.br/">Acesso professores, pais e alunos.</a> <a target="_blank" class="decorated light small" href="http://www.portabilis.com.br/produto/educacao-19#destaques">Saiba mais</a>
+            </p>
+            </td>
+          </tr>
+        </tbody></table>
+        </form>
+
+      </div> <!-- end login-form -->
+
+      <div id="service-info">
+        <p class="requiriments title">Requisitos</p>
+        <p class="explanation">Para melhor uso do sistema, recomendamos:</p>
+        <ul class="requiriments unstyled">
+          <li>- Navegador <a target="_blank" class="light decorated" href="https://www.google.com/intl/pt-BR/chrome/browser/">Google Chrome</a> ou <a target="_blank" class="light decorated" href="http://br.mozdev.org/download/">Mozilla Firefox</a></li>
+          <li>- Leitor relat&oacute;rios PDF <a target="_blank" class="light decorated" href="http://get.adobe.com/br/reader/">Adobe Reader</a> ou <a target="_blank" class="light decorated" href="http://www.foxitsoftware.com/downloads#reader">Foxit</a></li>
+        </ul>
+      </div>
+
+      <div class="clear"></div>
+
+    </div> <!-- end corpo -->
+
+    <div id="rodape" class="texto-normal">
+		  <p>
+        <!--Portabilis Tecnologia-->
+		  </p>
+    </div> <!-- end rodape -->
+
+  </body>
+</html>
--
libgit2 0.21.2