From f982eb1cf3dedf3ebd9a9537989a845db999866f Mon Sep 17 00:00:00 2001
From: Kinower <40655940+kinower@users.noreply.github.com>
Date: Sun, 21 Oct 2018 14:21:41 +0200
Subject: [PATCH] Update hitos.html

---
 Hitos/hitos.html | 905 +++++++++++++++++++++++++++++++++--------------
 1 file changed, 637 insertions(+), 268 deletions(-)

diff --git a/Hitos/hitos.html b/Hitos/hitos.html
index 7b0d5b6b7f..a97a297392 100644
--- a/Hitos/hitos.html
+++ b/Hitos/hitos.html
@@ -1,277 +1,646 @@
-<div class="sheet-section-basic sheet-section">
-<table>
-<tbody>
-<tr>
-<td><img class="sheet-logo" style="width: 220px; text-align: left;" src="http://aventurasbizarras.com/wp/wp-content/uploads/2016/09/Hitos-Logo.png" /></td>
-<td>
-<table>
-<tbody>
-<tr>
-<td><label>Nombre</label> <input style="width: 195px; text-align: left;" name="attr_character_name" type="text" /></td>
-<td><label>Concepto</label> <input style="width: 300px; text-align: left;" name="attr_Concepto" type="text" /></td>
-<td ><label>Drama</label> <input  style="width: 40px; text-align: left;" type="number" name="attr_Drama_ACTUAL" />/<input  style="width: 40px; text-align: left;" type="number" name="attr_Drama" /></td></tr>
-</tbody>
-</table>
-<table>
-<tbody>
-<tr>
-<td ><label>Cita</label> <input style="width: 590px; text-align: left;"type="text" name="attr_Cita" /></td>
-</tr>
-</tbody>
-</table>
-</td>
-</tr>
-</tbody>
-</table>
-</div>
- <div class="sheet-break"></div>
-<div class="sheet-section-aspects sheet-section">
-<div class="sheet-header">HITOS Y COMPLICACIONES</div>
-<table width="835">
-<tbody>
-<tr>
-<td><input style="width: 416px;"name="attr_Aspect1" type="text" placeholder="Hito" /></td>
-<td><input style="width: 416px;"name="attr_Aspect2" type="text" placeholder="Hito" /></td>
-</tr>
-<tr>
-<td><input name="attr_Aspect3" type="text" placeholder="Hito" /></td>
-<td><input name="attr_Aspect4" type="text" placeholder="Hito" /></td>
-</tr>
-<tr>
-<td><input name="attr_complicacion" type="text" placeholder="Complicacion" /></td>
-<td>
-<table>
-<tbody>
-<tr>
-<td><input style="width: 100px;" name="attr_extra1" type="text" placeholder="Valor extra"/></td>
-<td><input  style="width: 40px; text-align: left;" type="number" name="attr_extradata1" /></td>
-<td><input style="width: 100px;" name="attr_extra2" type="text" placeholder="Valor extra"/></td>
-<td><input  style="width: 40px; text-align: left;" type="number" name="attr_extradata2" /></td>
-<td><input style="width: 100px;" name="attr_extra3" type="text" placeholder="Valor extra"/></td>
-<td><input  style="width: 40px; text-align: left;" type="number" name="attr_extradata3" /></td>
-</tr>
-</tbody>
-</table>
-</td>
-</tr>
-</tbody>
-</table>
+        <input style="margin-left:9px;" type="radio" name="attr_tab" class="sheet-tab sheet-tab1" value="1" checked="checked"><span title="PERSONAJE"></span>
+        <input type="radio" name="attr_tab" class="sheet-tab sheet-tab2" value="2"><span title="PNJ"></span>
+	    <input type="radio" name="attr_tab" class="sheet-tab sheet-tab3" value="3"><span title="VEHÍCULO"></span>
+        <input type="radio" name="attr_tab" class="sheet-tab sheet-tab4" value="4"><span title="ORGANIZACIÓN"></span>
 
-<div class="sheet-section-stunts sheet-section sheet-half">
-    <div class="sheet-header">VALORES</div>
-    <table style="width: 410px;">
-    <tbody>
-    <tr>
-    <td><strong>AGUANTE</strong></td>
-    <td style="text-align: right; "><button style="width: 33px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{aguante}) +?{Modificador|0} "></button></td>
-    <td style="text-align: right;"><input style="width: 40px;" disabled="true"  name="attr_aguante" type="number" value="round(@{VOLUNTAD}/2)+@{FORTALEZA}"  /></td>
-    <td><strong>&nbsp; &nbsp;&nbsp; &nbsp;ENTEREZA</strong></td>
-    <td style="text-align: right; "><button style="width: 33px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{ENTEREZA})+?{Modificador|0} "></button></td>
-    <td style="text-align: right;"><input style="width: 40px;"  disabled="true"  name="attr_ENTEREZA" type="number" value="round(@{INTELECTO} / 2) + @{VOLUNTAD}" /></td>
-    </tr>
-    <tr>
-    <td style="text-align: right;">PUNTOS RR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
-    <td style="text-align: right;"><input style="width: 40px;"  name="attr_RESISTENCIA" type="number" value="[[(@{aguante})*3]]" /></td>
-    <td style="text-align: right;"><input style="width: 40px;"  disabled="true" name="attr_RESISTENCIA_max" type="number" value="[[(@{aguante})*3]]" /></td>
-    <td style="text-align: right;">SALUD MENTAL</td>
-    <td style="text-align: right;"><input style="width: 40px;" name="attr_SALUD_MENTAL" type="number" value="[[(@{ENTEREZA})*3]]" /></td>
-    <td style="text-align: right;"><input style="width: 40px;"  disabled="true" name="attr_SALUD_MENTAL_max" type="number" value="[[(@{ENTEREZA})*3]]" /></td>
-    </tr>
-    </tbody>
-    </table>
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-<table style="width: 410px;">
-<tbody>
-<tr>
-<td style="width: 85px; text-align: right;">Estado Fisico</td>
-<td style="text-align: right;"><input style="width: 120px;" name="attr_fisico" readonly="readonly" type="text" /></td>
-<td style="width: 85px; text-align: right;">Estado Mental</td>
-<td style="text-align: right;"><input style="width: 120px;" name="attr_Estado_Mental" readonly="readonly" type="text" /></td>
-</tr>
-</tbody>
-</table>
+<div class="sheet-tab-content sheet-tab1 ">
+    <div class="sheet-section-basic sheet-section">
+        <table>
+            <tbody>
+                <tr>
+                <td><img class="sheet-logo" style="width: 220px; text-align: left;" src="http://aventurasbizarras.com/wp/wp-content/uploads/2016/09/Hitos-Logo.png" /></td>
+                <td>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td><label>Nombre</label> <input style="width: 195px; text-align: left;" name="attr_character_name" type="text" /></td>
+                        <td><label>Concepto</label> <input style="width: 300px; text-align: left;" name="attr_Concepto" type="text" /></td>
+                        <td ><label>Drama</label> <input class='sheet-skillvaluebox' style="width: 40px; text-align: left;" type="number" name="attr_Drama_ACTUAL" />/<input class='sheet-skillvaluebox' style="width: 40px; text-align: left;" type="number" name="attr_Drama" /></td></tr>
+                    </tbody>
+                </table>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td ><label>Cita</label> <input style="width: 590px; text-align: left;"type="text" name="attr_Cita" /></td>
+                        </tr>
+                    </tbody>
+                </table>
+                </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    
+    
     <div class="sheet-break"></div>
     <div class="sheet-section-aspects sheet-section">
-    <div >Secuelas y Trastornos</div>
-    <fieldset class="repeating_Aspects"><input type="text" name="attr_secuelas" /></fieldset></div>
-    <table style="width: 410px;">
-    <tbody>
-    <tr>
-    <td><strong>DEGENERACI&Oacute;N</strong></td>
-    <td > <input style="width: 40px;" name="attr_DEGENERACI&Oacute;N" type="number" value="0" /></td>
-    <td><input style="width: 270px;" name="attr_DEGENERACI&Oacute;N_ESTADO" type="text" value="Estado Actual" /></td>
-    </tr>
-    </tbody>
+    <div class="sheet-header">HITOS Y COMPLICACIONES</div>
+    <table width="835">
+        <tbody>
+            <tr>
+                <td><input style="width: 416px;" name="attr_Aspect1" type="text" placeholder="Hito" /></td>
+                <td><input style="width: 416px;" name="attr_Aspect2" type="text" placeholder="Hito" /></td>
+            </tr>
+            <tr>
+                <td><input style="width: 416px;" name="attr_Aspect3" type="text" placeholder="Hito" /></td>
+                <td><input style="width: 416px;" name="attr_Aspect4" type="text" placeholder="Hito" /></td>
+            </tr>
+            <tr>
+            <td><input name="attr_complicacion" type="text" placeholder="Complicacion" /></td>
+            <td>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td><input style="width: 99px;" name="attr_extra1" type="text" placeholder="Valor extra"/></td>
+                        <td><input  style="width: 40px; text-align: left;" type="number" name="attr_extradata1" /></td>
+                        <td><input style="width: 99px;" name="attr_extra2" type="text" placeholder="Valor extra"/></td>
+                        <td><input  style="width: 40px; text-align: left;" type="number" name="attr_extradata2" /></td>
+                        <td><input style="width: 99px;" name="attr_extra3" type="text" placeholder="Valor extra"/></td>
+                        <td><input  style="width: 40px; text-align: left;" type="number" name="attr_extradata3" /></td>
+                        </tr>
+                    </tbody>
+                </table>
+            </td>
+            </tr>
+        </tbody>
     </table>
+    
+    
+    <div class="sheet-section-stunts sheet-section sheet-half">
+    <div class="sheet-header">SALUD</div>
+        <table style="width: 410px;">
+            <tbody>
+            <tr>
+                <td><strong>AGUANTE</strong></td>
+                <td style="text-align: right; "><button style="width: 33px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{aguante}) +?{Modificador|0} "></button></td>
+                <td style="text-align: right;"><input style="width: 40px;" disabled="true"  name="attr_aguante" type="number" value="round(@{VOLUNTAD}/2)+@{FORTALEZA}"  /></td>
+                <td><strong>ENTEREZA</strong></td>
+                <td style="text-align: right; "><button style="width: 33px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{ENTEREZA})+?{Modificador|0} "></button></td>
+                <td style="text-align: right;"><input style="width: 40px;"  disabled="true"  name="attr_ENTEREZA" type="number" value="round(@{INTELECTO} / 2) + @{VOLUNTAD}" /></td>
+                </tr>
+            <tr>
+                <td style="text-align: right;">PUNTOS RR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
+                <td style="text-align: right;"><input style="width: 40px;"  name="attr_RESISTENCIA" type="number" value="[[(@{aguante})*3]]" /></td>
+                <td style="text-align: right;"><input style="width: 40px;"  disabled="true" name="attr_RESISTENCIA_max" type="number" value="[[(@{aguante})*3]]" /></td>
+                <td style="text-align: right;">SALUD MENTAL</td>
+                <td style="text-align: right;"><input style="width: 40px;" name="attr_SALUD_MENTAL" type="number" value="[[(@{ENTEREZA})*3]]" /></td>
+                <td style="text-align: right;"><input style="width: 40px;"  disabled="true" name="attr_SALUD_MENTAL_max" type="number" value="[[(@{ENTEREZA})*3]]" /></td>
+            </tr>
+            </tbody>
+        </table>
+        <table style="width: 410px;">
+            <tbody>
+                <tr>
+                <td style="width: 165px; text-align: right;">Consolidado</td>
+                <td style="text-align: right;"><input style="width: 40px;" name="attr_consolidado_fisico" type="number" /></td>
+                <td style="width: 165px; text-align: right;">Consolidado</td>
+                <td style="text-align: right;"><input style="width: 40px;" name="attr_consolidado_mental" type="number" /></td>
+                </tr>
+            </tbody>
+        </table>
+        <table style="width: 410px;">
+            <tbody>
+                <tr>
+                <td style="width: 85px; ">Estado Fisico</td>
+                <td style="text-align: right;"><input style="width: 120px;" name="attr_fisico" readonly="readonly" type="text" /></td>
+                <td style="width: 85px; ">Estado Mental</td>
+                <td style="text-align: right;"><input style="width: 120px;" name="attr_Estado_Mental" readonly="readonly" type="text" /></td>
+                </tr>
+            </tbody>
+        </table>
+        <div class="sheet-break"></div>
+        <div class="sheet-section-aspects sheet-section">
+            <div ><strong>SECUELAS Y TRASTORNOS</strong></div>
+            <table width="410">
+                <tbody>
+                    <tr>
+                        <td><input name="attr_Secuela1" type="text" placeholder="Secuela" /></td>
+                    </tr>
+                    <tr>
+                        <td><input name="attr_Secuela2" type="text" placeholder="Secuela" /></td>
+                    </tr>
+                </tbody>
+            </table>
+            <br>
+            <table style="width: 410px;">
+                <tbody>
+                    <tr>
+                    <td><strong>DEGENERACI&Oacute;N</strong></td>
+                    <td > <input style="width: 40px;" name="attr_DEGENERACI&Oacute;N" type="number" value="0" /></td>
+                    <td><input style="width: 264px;" name="attr_DEGENERACI&Oacute;N_ESTADO" type="text" placeholder="Estado Actual" /></td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>  
+    </div>
+    
+    
+    <div class="sheet-section-Specialisations sheet-section sheet-half">
+        <div class="sheet-header">COMBATE</div>
+        <table style="height: 100%;">
+            <tbody>
+                <tr>
+                <td><strong>INICIATIVA</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{INTELECTO} / 2) + @{REFLEJOS} "></button></td>
+                <td><strong>ATAQUE</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} + @{COMBATE}"></button></td>
+                <td ><strong>DEFENSA</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} +5 + ?{Elige Habilidad|Forma Física, @{FORMA_FÍSICA}|Combate, @{COMBATE}} + ?{Modificador|0}"></button></td>
+                </tr>
+                <tr>
+                <tr>
+                <td ><strong>DAÑO CaC</strong></td>
+                <td ><strong><input style="width: 40px;" name="attr_INICIATIVA" type="number" value="round((@{FORTALEZA}+@{COMBATE}) / 4)" disabled="true"/></strong></td>
+                <td  style="width: 100px;" ><strong>DAÑO DIS</strong></td>
+                <td ><strong><input style="width: 40px;" name="attr_INICIATIVA" type="number" value="round(@{COMBATE} / 4)" disabled="true"/></strong></td>
+                <td  style="width: 100px;" ><strong>DESPREVENIDO</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} +5 + ?{Elige Habilidad|Forma Física, @{FORMA_FÍSICA}|Combate, @{COMBATE}} -2 + ?{Modificador|0}"></button></td>
+                </tr>
+            </tbody>
+        </table>
+        <table  style="height: 21px;" width="630">
+            <tbody>
+                <tr ><td style="width:310px;"><strong>ARMA</strong></td><td ><strong>DAÑO</strong></td></tr>
+            </tbody>
+        </table>
+        <table style="height: 100%;">
+            <tbody>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_arma1" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_daño1" type="text" />
+                </tr>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_arma2" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_daño2" type="text" />
+                </tr>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_arma3" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_daño3" type="text" />
+                </tr>
+            </tbody>
+        </table>
+        <table  style="height: 22px;" width="410">
+            <tbody>
+                <tr><td style="width:310px;" ><strong>PROTECCIÓN</strong></td><td><strong>RD</strong></td></tr>
+            </tbody>
+        </table>
+        <table style="height: 100%;">
+            <tbody>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_proteccion1" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_pro1" type="text" />
+                </tr>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_proteccion2" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_pro2" type="text" />
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    
+    
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">CARACTERISTICAS</div></div>
+        <table style="width: 100%;">
+            <tbody>
+                <tr>
+                <td ><strong>FORTALEZA</strong></td>
+                <td ><input type="number" name="attr_FORTALEZA" value="0" /><input name="attr_FORTALEZA_hito" style="width: 287px;" type="text" placeholder="Concepto" /></td>
+                <td ><strong>VOLUNTAD</strong></td>
+                <td ><input type="number" name="attr_VOLUNTAD" value="0" /><input name="attr_VOLUNTAD_hito" style="width: 287px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                <td ><strong>REFLEJOS</strong></td>
+                <td ><input type="number" name="attr_REFLEJOS" value="0" /><input name="attr_REFLEJOS_hito" style="width: 287px;" type="text" placeholder="Concepto" /></td>
+                <td ><strong>INTELECTO</strong></td>
+                <td ><input type="number" name="attr_INTELECTO" value="0" /><input name="attr_INTELECTO_hito" style="width: 287px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+            </tbody>
+        </table>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">HABILIDADES</div></div>
+        <table style="width: 100%; height: 204px;">
+            <tbody>
+                <tr>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/accion.jpg" /><strong>FORMA FÍSICA</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{FORMA_FÍSICA}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_FORMA_FÍSICA" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_FORMA_FÍSICA_hito" /></td>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/percepcion.jpg" /><strong>PERCEPCIÓN</strong></td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{PERCEPCIÓN}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_PERCEPCIÓN" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PERCEPCIÓN_hito" /></td>
+                </tr>
+                <tr>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/combate.jpg" /><strong>COMBATE</strong></td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{COMBATE}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_COMBATE" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_COMBATE_hito" /></td>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/subterfugio.jpg" /><strong>SUBTERFUGIO</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{SUBTERFUGIO}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_SUBTERFUGIO" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_SUBTERFUGIO_hito" /></td>
+                </tr>
+                <tr>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/comunicacion.jpg" /><strong>COMUNICACIÓN</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{COMUNICACIÓN}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_COMUNICACIÓN" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_COMUNICACIÓN_hito" /></td>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/cultura.jpg" /><strong>CULTURA</strong></td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{CULTURA}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_CULTURA" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_CULTURA_hito"  /></td>
+                </tr>
+                <tr>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/profesion.jpg" /><strong>PROFESIÓN</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{PROFESIÓN}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_PROFESIÓN" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PROFESIÓN_hito" /></td>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/psi.jpg" /><strong>PSIQUICO</strong></td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{PSI}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_PSI" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PSI_hito" /></td>
+                </tr>
+                <tr>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/ocultismo.jpg" /><strong>OCULTISMO</strong></td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{CULTURISMO}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_CULTURISMO" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_OCULTISMO_hito" /></td>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/brujeria.jpg" /><strong>BRUJERÍA</strong></td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{BRUJERÍA}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_BRUJERÍA" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_BRUJERÍA_hito" /></td>
+                </tr>
+                <tr>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/arcanas.jpg" /><strong>ARCANAS</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{ARCANAS}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_ARCANAS" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_ARCANAS_hito" /></td>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/otras.jpg" /><strong>OTRAS</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{OTRAS1}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_OTRAS1" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_OTRAS1_hito"/></td>
+                </tr>
+                <tr>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/otras.jpg" /><strong>OTRAS</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{OTRAS2}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_OTRAS2" type="number" value="0" /><input style="width: 220px;" type="text"   name="attr_OTRAS2_hito" /></td>
+                <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/otras.jpg" /><strong>OTRAS</strong> </td>
+                <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{OTRAS3}+?{Modificador|0}"></button></td>
+                <td><input style="width: 35px;" name="attr_OTRAS3" type="number" value="0" /><input style="width: 220px;" type="text"   name="attr_OTRAS3_hito" /></td>
+                </tr>
+            </tbody>
+        </table>
+    
+    
+    <div class="sheet-header">PODERES, ESPECIALIDADES & NOTAS</div>
+        <textarea style="width: 99%; height: 212px;" name="attr_Extra"></textarea>
+    </div>
 </div>
- <div class="sheet-section-Specialisations sheet-section sheet-half">
-	<div class="sheet-header">COMBATE</div>
-<table style="height: 100%;">
-<tbody>
-<tr>
-<td><strong>INICIATIVA</strong></td>
-<td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{INTELECTO} / 2) + @{REFLEJOS} "></button></td>
-<td><strong>ATAQUE</strong></td>
-<td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} + @{COMBATE}"></button></td>
-<td ><strong>DEFENSA</strong></td>
-<td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} +5 + ?{Elige Habilidad|Atletismo, @{ATLETISMO}|Combate, @{COMBATE}} + ?{Modificador|0}"></button></td>
-</tr>
-<tr>
-<tr>
-<td ><strong>DAÑO CaC</strong></td>
-<td ><strong><input style="width: 40px;" name="attr_INICIATIVA" type="number" value="round((@{FORTALEZA}+@{COMBATE}) / 4)" disabled="true"/></strong></td>
-<td  style="width: 100px;" ><strong>DAÑO DIS</strong></td>
-<td ><strong><input style="width: 40px;" name="attr_INICIATIVA" type="number" value="round(@{COMBATE} / 4)" disabled="true"/></strong></td>
-<td  style="width: 100px;" ><strong>DESPREVENIDO</strong></td>
-<td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} +5 + ?{Elige Habilidad|Atletismo, @{ATLETISMO}|Combate, @{COMBATE}} -2 + ?{Modificador|0}"></button></td>
-</tr>
-</tbody>
-</table>
- <table width="630">
-<tbody>
-<tr><td >Arma</td><td >Daño</td></tr>
-</tbody>
-</table>
- <table style="height: 100%;">
-<tbody>
-<tr>
-<input class="sheet-invisible" style="width: 310px;" name="attr_arma1" type="text" /> 
-<input class="sheet-invisible" style="width: 100px;" name="attr_daño1" type="text" />
-</tr>
-<tr>
-<input class="sheet-invisible" style="width: 310px;" name="attr_arma2" type="text" /> 
-<input class="sheet-invisible" style="width: 100px;" name="attr_daño2" type="text" />
-</tr>
-<tr>
-<input class="sheet-invisible" style="width: 310px;" name="attr_arma3" type="text" /> 
-<input class="sheet-invisible" style="width: 100px;" name="attr_daño3" type="text" />
-</tr>
-</tbody>
-</table>
- <table width="410">
-<tbody>
-<tr><td >Protección</td><td >RD</td></tr>
-</tbody>
-</table>
- <table style="height: 100%;">
-<tbody>
-<tr>
-<input class="sheet-invisible" style="width: 310px;" name="attr_proteccion1" type="text" /> 
-<input class="sheet-invisible" style="width: 100px;" name="attr_pro1" type="text" />
-</tr>
-<tr>
-<input class="sheet-invisible" style="width: 310px;" name="attr_proteccion2" type="text" /> 
-<input class="sheet-invisible" style="width: 100px;" name="attr_pro2" type="text" />
-</tr>
-</tbody>
-</table>
-                    
- </div>
- <div class="sheet-section-aspects sheet-section">
-<div class="sheet-header">CARACTERISTICAS</div></div>
-<table style="width: 100%;">
-<tbody>
-<tr>
-<td ><strong>FORTALEZA</strong></td>
-<td ><input type="number" name="attr_FORTALEZA" value="0" /><input name="attr_FORTALEZA_hito" style="width: 280px;" type="text" placeholder="Concepto" /></td>
-<td ><strong>VOLUNTAD</strong></td>
-<td ><input type="number" name="attr_VOLUNTAD" value="0" /><input name="attr_VOLUNTAD_hito" style="width: 280px;" type="text" placeholder="Concepto" /></td>
-</tr>
-<tr>
-<td ><strong>REFLEJOS</strong></td>
-<td ><input type="number" name="attr_REFLEJOS" value="0" /><input name="attr_REFLEJOS_hito" style="width: 280px;" type="text" placeholder="Concepto" /></td>
-<td ><strong>INTELECTO</strong></td>
-<td ><input type="number" name="attr_INTELECTO" value="0" /><input name="attr_INTELECTO_hito" style="width: 280px;" type="text" placeholder="Concepto" /></td>
-</tr>
-</tbody>
-</table>
- <div class="sheet-section-aspects sheet-section">
-<div class="sheet-header">HABILIDADES</div></div>
-<table style="width: 100%; height: 204px;">
-<tbody>
-<tr>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/accion.jpg" /><strong>FORMA FÍSICA</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{FORMA_FÍSICA}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_FORMA_FÍSICA" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_FORMA_FÍSICA_hito" /></td>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/percepcion.jpg" /><strong>PERCEPCIÓN</strong></td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{PERCEPCIÓN}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_PERCEPCIÓN" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PERCEPCIÓN_hito" /></td>
-</tr>
-<tr>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/combate.jpg" /><strong>COMBATE</strong></td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{COMBATE}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_COMBATE" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_COMBATE_hito" /></td>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/subterfugio.jpg" /><strong>SUBTERFUGIO</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{SUBTERFUGIO}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_SUBTERFUGIO" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_SUBTERFUGIO_hito" /></td>
-</tr>
-<tr>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/comunicacion.jpg" /><strong>COMUNICACIÓN</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{COMUNICACIÓN}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_COMUNICACIÓN" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_COMUNICACIÓN_hito" /></td>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/cultura.jpg" /><strong>CULTURA</strong></td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{CULTURA}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_CULTURA" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_CULTURA_hito"  /></td>
-</tr>
-<tr>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/profesion.jpg" /><strong>PROFESIÓN</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{PROFESIÓN}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_PROFESIÓN" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PROFESIÓN_hito" /></td>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/psi.jpg" /><strong>PSIQUICO</strong></td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{PSI}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_PSI" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PSI_hito" /></td>
-</tr>
-<tr>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/ocultismo.jpg" /><strong>OCULTISMO</strong></td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{CULTURISMO}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_CULTURISMO" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_OCULTISMO_hito" /></td>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/brujeria.jpg" /><strong>BRUJERÍA</strong></td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{BRUJERÍA}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_BRUJERÍA" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_BRUJERÍA_hito" /></td>
-</tr>
-<tr>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/arcanas.jpg" /><strong>ARCANAS</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{ARCANAS}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_ARCANAS" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_ARCANAS_hito" /></td>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/otras.jpg" /><strong>OTRAS</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{OTRAS1}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_OTRAS1" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_OTRAS1_hito"/></td>
-</tr>
-<tr>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/otras.jpg" /><strong>OTRAS</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{OTRAS2}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_OTRAS2" type="number" value="0" /><input style="width: 220px;" type="text"   name="attr_OTRAS2_hito" /></td>
-<td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/otras.jpg" /><strong>OTRAS</strong> </td>
-<td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA}|VOLUNTAD, @{VOLUNTAD}|REFLEJOS, @{REFLEJOS}|INTELECTO, @{INTELECTO}}+ @{OTRAS3}+?{Modificador|0}"></button></td>
-<td><input style="width: 35px;" name="attr_OTRAS3" type="number" value="0" /><input style="width: 220px;" type="text"   name="attr_OTRAS3_hito" /></td>
-</tr>
-</tbody>
-</table>
- 	<div class="sheet-header">PODERES, ESPECIALIDADES & NOTAS</div>
-	<textarea style="height: 212px;" name="attr_Extra"></textarea>
+<!-- 1st Tab End -->
 
-        <script type="text/worker">
+<div class="sheet-tab-content sheet-tab2">
+    <div class="sheet-section-basic sheet-section">
+        <table>
+            <tbody>
+                <tr>
+                <td><img class="sheet-logo" style="width: 220px; text-align: left;" src="http://aventurasbizarras.com/wp/wp-content/uploads/2016/09/Hitos-Logo.png" /></td>
+                <td>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td><label>Nombre</label> <input style="width: 195px; text-align: left;" name="attr_character_name_pnj" type="text" /></td>
+                        <td><label>Concepto</label> <input style="width: 390px; text-align: left;" name="attr_Concepto_pnj" type="text" /></td>
+                    </tbody>
+                </table>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td ><label>Descripción</label> <input style="width: 590px; text-align: left;"type="text" name="attr_descripcion_pnj" /></td>
+                        </tr>
+                    </tbody>
+                </table>
+                </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    
+    
+    <div class="sheet-section-stunts sheet-section sheet-half">
+    <div class="sheet-header">SALUD</div>
+        <table style="width: 410px;">
+            <tbody>
+            <tr>
+                <td><strong>AGUANTE</strong></td>
+                <td style="text-align: right; "><button style="width: 33px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{aguante_pnj}) +?{Modificador|0} "></button></td>
+                <td style="text-align: right;"><input style="width: 40px;" disabled="true"  name="attr_aguante_pnj" type="number" value="round(@{VOLUNTAD_pnj}/2)+@{FORTALEZA_pnj}"  /></td>
+                <td><strong>ENTEREZA</strong></td>
+                <td style="text-align: right; "><button style="width: 33px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{ENTEREZA_pnj})+?{Modificador|0} "></button></td>
+                <td style="text-align: right;"><input style="width: 40px;"  disabled="true"  name="attr_ENTEREZA_pnj" type="number" value="round(@{INTELECTO_pnj} / 2) + @{VOLUNTAD_pnj}" /></td>
+                </tr>
+            <tr>
+                <td style="text-align: right;">PUNTOS RR&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
+                <td style="text-align: right;"><input style="width: 40px;"  name="attr_RESISTENCIA" type="number" value="[[(@{aguante_pnj})*3]]" /></td>
+                <td style="text-align: right;"><input style="width: 40px;"  disabled="true" name="attr_RESISTENCIA_max_pnj" type="number" value="[[(@{aguante_pnj})*3]]" /></td>
+                <td style="text-align: right;">SALUD MENTAL</td>
+                <td style="text-align: right;"><input style="width: 40px;" name="attr_SALUD_MENTAL" type="number" value="[[(@{ENTEREZA_pnj})*3]]" /></td>
+                <td style="text-align: right;"><input style="width: 40px;"  disabled="true" name="attr_SALUD_MENTAL_max_pnj" type="number" value="[[(@{ENTEREZA_pnj})*3]]" /></td>
+            </tr>
+            </tbody>
+        </table>
+    <div class="sheet-header">CARACTERISTICAS</div>
+        <table style="width: 100%;">
+            <tbody>
+                <tr>
+                <td ><strong>FORTALEZA</strong></td>
+                <td ><input type="number" name="attr_FORTALEZA_pnj" value="0" /><input name="attr_FORTALEZA_hito_pnj" style="width: 286px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                <td ><strong>VOLUNTAD</strong></td>
+                <td ><input type="number" name="attr_VOLUNTAD_pnj" value="0" /><input name="attr_VOLUNTAD_hito_pnj" style="width: 286px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                <td ><strong>REFLEJOS</strong></td>
+                <td ><input type="number" name="attr_REFLEJOS_pnj" value="0" /><input name="attr_REFLEJOS_hito_pnj" style="width: 286px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                <td ><strong>INTELECTO</strong></td>
+                <td ><input type="number" name="attr_INTELECTO_pnj" value="0" /><input name="attr_INTELECTO_hito_pnj" style="width: 286px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="sheet-section-Specialisations sheet-section sheet-half">
+        <div class="sheet-header">COMBATE</div>
+        <table style="height: 100%;">
+            <tbody>
+                <tr>
+                <td><strong>INICIATIVA</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1+ floor(@{INTELECTO} / 2) + @{REFLEJOS_pnj} "></button></td>
+                <td><strong>ATAQUE</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} + @{COMBATE}"></button></td>
+                <td ><strong>DEFENSA</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS} +5 + ?{Elige Habilidad|Forma Física, @{FORMA_FÍSICA_pnj}|Combate, @{COMBATE_pnj}} + ?{Modificador|0}"></button></td>
+                </tr>
+                <tr>
+                <tr>
+                <td ><strong>DAÑO CaC</strong></td>
+                <td ><strong><input style="width: 40px;" name="attr_INICIATIVA_pnj" type="number" value="round((@{FORTALEZA_pnj}+@{COMBATE_pnj}) / 4)" disabled="true"/></strong></td>
+                <td  style="width: 100px;" ><strong>DAÑO DIS</strong></td>
+                <td ><strong><input style="width: 40px;" name="attr_INICIATIVA_pnj" type="number" value="round(@{COMBATE} / 4)" disabled="true"/></strong></td>
+                <td  style="width: 100px;" ><strong>DESPREVENIDO</strong></td>
+                <td ><button style="width: 40px;" type="roll" value="/r {3d10dh1}kh1 + @{REFLEJOS_pnj} +5 + ?{Elige Habilidad|Forma Física, @{FORMA_FÍSICA_pnj}|Combate, @{COMBATE_pnj}} -2 + ?{Modificador|0}"></button></td>
+                </tr>
+            </tbody>
+        </table>
+        <table  style="height: 21px;" width="630">
+            <tbody>
+                <tr ><td style="width:310px;"><strong>ARMA</strong></td><td ><strong>DAÑO</strong></td></tr>
+            </tbody>
+        </table>
+        <table style="height: 100%;">
+            <tbody>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_arma1_pnj" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_daño1_pnj" type="text" />
+                </tr>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_arma2_pnj" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_daño2_pnj" type="text" />
+                </tr>
+            </tbody>
+        </table>
+        <table  style="height: 22px;" width="410">
+            <tbody>
+                <tr><td style="width:310px;" ><strong>PROTECCIÓN</strong></td><td><strong>RD</strong></td></tr>
+            </tbody>
+        </table>
+        <table style="height: 100%;">
+            <tbody>
+                <tr>
+                <input class="sheet-invisible" style="width: 310px;" name="attr_proteccion1_pnj" type="text" /> 
+                <input class="sheet-invisible" style="width: 100px;" name="attr_pro1_pnj" type="text" />
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">HABILIDADES</div></div>
+    <table style="width: 100%; ">
+        <tbody>
+            <tr>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/accion.jpg" /><strong>FORMA FÍSICA</strong> </td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_FORMA_FÍSICA_pnj" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_FORMA_FÍSICA_hito_pnj" /></td>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/percepcion.jpg" /><strong>PERCEPCIÓN</strong></td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_PERCEPCIÓN_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PERCEPCIÓN_hito_pnj" /></td>
+            </tr>
+            <tr>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/combate.jpg" /><strong>COMBATE</strong></td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_COMBATE_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_COMBATE_hito_pnj" /></td>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/subterfugio.jpg" /><strong>SUBTERFUGIO</strong> </td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_SUBTERFUGIO_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_SUBTERFUGIO_hito_pnj" /></td>
+            </tr>
+            <tr>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/comunicacion.jpg" /><strong>COMUNICACIÓN</strong> </td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_COMUNICACIÓN_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_COMUNICACIÓN_hito_pnj" /></td>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/cultura.jpg" /><strong>CULTURA</strong></td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_CULTURA_pnj" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_CULTURA_hito_pnj"  /></td>
+            </tr>
+            <tr>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/profesion.jpg" /><strong>PROFESIÓN</strong> </td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_PROFESIÓN_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PROFESIÓN_hito_pnj" /></td>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/psi.jpg" /><strong>PSIQUICO</strong></td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_PSI_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_PSI_hito_pnj" /></td>
+            </tr>
+            <tr>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/ocultismo.jpg" /><strong>OCULTISMO</strong></td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_CULTURISMO_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_OCULTISMO_hito_pnj" /></td>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/brujeria.jpg" /><strong>BRUJERÍA</strong></td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_BRUJERÍA_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_BRUJERÍA_hito_pnj" /></td>
+            </tr>
+            <tr>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/arcanas.jpg" /><strong>ARCANAS</strong> </td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_ARCANAS_pnj" type="number" value="0" /><input style="width: 220px;" type="text"  name="attr_ARCANAS_hito_pnj" /></td>
+            <td><img class="sheet-logo" style="width: 20px; text-align: left;" src="http://3dsign.es/borrar2/otras.jpg" /><strong>OTRAS</strong> </td>
+            <td><button type="roll" value="/r {3d10dh1}kh1+?{Elige Característica|FORTALEZA, @{FORTALEZA_pnj}|VOLUNTAD, @{VOLUNTAD_pnj}|REFLEJOS, @{REFLEJOS_pnj}|INTELECTO, @{INTELECTO_pnj}}+ @{FORMA_FÍSICA_pnj}+?{Modificador|0}"></button></td>
+            <td><input style="width: 35px;" name="attr_OTRAS1_pnj" type="number" value="0" /><input style="width: 220px;" type="text" name="attr_OTRAS1_hito_pnj"/></td>
+            </tr>
+        </tbody>
+    </table>
+    
+    
+    <div class="sheet-header">PODERES, ESPECIALIDADES & NOTAS</div>
+    <textarea style="width: 99%; height: 212px;" name="attr_Extra_pnj"></textarea>
+             
+    </div>
+
+</div>
+<!-- 2st Tab End -->
+
+<div class="sheet-tab-content sheet-tab3">
+    <div class="sheet-section-basic sheet-section">
+        <table>
+            <tbody>
+                <tr>
+                <td><img class="sheet-logo" style="width: 220px; text-align: left;" src="http://aventurasbizarras.com/wp/wp-content/uploads/2016/09/Hitos-Logo.png" /></td>
+                <td>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td><label>Nombre</label> <input style="width: 195px; text-align: left;" name="attr_character_name_vehiculo" type="text" /></td>
+                        <td><label>Concepto</label> <input style="width: 390px; text-align: left;" name="attr_Concepto_vehiculo" type="text" /></td>
+                    </tbody>
+                </table>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td ><label>Descripción</label> <input style="width: 590px; text-align: left;"type="text" name="attr_descripcion_vehiculo" /></td>
+                        </tr>
+                    </tbody>
+                </table>
+                </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">ATRIBUTOS</div></div>
+        <table style="width: 100%;">
+            <tbody>
+                <tr>
+                <td ><strong>ESTRUCTURA</strong></td>
+                <td ><input type="number" name="attr_ESTRUCTURA" value="0" /><input name="attr_ESTRUCTURA_hito" style="width: 275px;" type="text" placeholder="Concepto" /></td>
+                <td ><strong>TAMAÑO</strong></td>
+                <td ><input type="number" name="attr_TAMAÑO" value="0" /><input name="attr_TAMAÑO_hito" style="width: 275px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                <td ><strong>MANIOBRABI.</strong></td>
+                <td ><input type="number" name="attr_MANIOBRABI" value="0" /><input name="attr_MANIOBRABI_hito" style="width: 275px;" type="text" placeholder="Concepto" /></td>
+                <td ><strong>TECNOLOGÍA</strong></td>
+                <td ><input type="number" name="attr_TECNOLOGÍA" value="0" /><input name="attr_TECNOLOGÍA_hito" style="width: 275px;" type="text" placeholder="Concepto" /></td>
+                </tr>
+            </tbody>
+        </table>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">HITOS</div></div>
+        <table width="835">
+            <tbody>
+                <tr>
+                    <td><input style="width: 416px;" name="attr_Aspect1_vehiculo" type="text" placeholder="Hito" /></td>
+                    <td><input style="width: 416px;" name="attr_Aspect2_vehiculo" type="text" placeholder="Hito" /></td>
+                </tr>
+                <tr>
+                    <td><input style="width: 416px;" name="attr_Aspect3_vehiculo" type="text" placeholder="Hito" /></td>
+                    <td><input style="width: 416px;" name="attr_Aspect4_vehiculo" type="text" placeholder="Hito" /></td>
+                </tr>
+                <tr>
+                    <td><input style="width: 416px;" name="attr_Aspect3_vehiculo" type="text" placeholder="Hito" /></td>
+                    <td><input style="width: 416px;" name="attr_Aspect4_vehiculo" type="text" placeholder="Hito" /></td>
+                </tr>
+            </tbody>
+        </table>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">TRIPULANTES</div></div>
+        <table>
+            <tbody>
+                <tr>
+                    <td><input style="width: 835px;" name="attr_Aspect5_vehiculo" type="text"  /></td>
+                </tr>
+                <tr>
+                    <td><input style="width: 835px;" name="attr_Aspect6_vehiculo" type="text"  /></td>
+                </tr>
+            </tbody>
+        </table>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">ESPECIAL</div>
+    <textarea style="width: 99%; height: 100px;" name="attr_Extra_vehiculo"></textarea>
+             
+    </div>
+</div>
+    
+<!-- 3st Tab End -->
+
+<div class="sheet-tab-content sheet-tab4">
+    <div class="sheet-section-basic sheet-section">
+        <table>
+            <tbody>
+                <tr>
+                <td><img class="sheet-logo" style="width: 220px; text-align: left;" src="http://aventurasbizarras.com/wp/wp-content/uploads/2016/09/Hitos-Logo.png" /></td>
+                <td>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td><label>Nombre</label> <input style="width: 195px; text-align: left;" name="attr_character_name_organizacion" type="text" /></td>
+                        <td><label>Concepto</label> <input style="width: 390px; text-align: left;" name="attr_Concepto_organizacion" type="text" /></td>
+                    </tbody>
+                </table>
+                <table>
+                    <tbody>
+                        <tr>
+                        <td ><label>Motivación</label> <input style="width: 590px; text-align: left;"type="text" name="attr_descripcion_organizacion" /></td>
+                        </tr>
+                    </tbody>
+                </table>
+                </td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">ATRIBUTOS</div></div>
+        <table style="width: 100%;">
+            <tbody>
+                <tr>
+                    <td ><strong>RECURSOS</strong></td>
+                    <td ><input name="attr_RECURSOS" type="number" value="0" /></td>
+                    <td ><p><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /></p></td>
+                    <td ><input style="width: 540px;" name="attr_RECURSOS_hito" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                    <td ><strong>INFLUENCIA</strong></td>
+                    <td ><input name="attr_INFLUENCIA" type="number" value="0" /></td>
+                    <td ><p><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /></p></td>
+                    <td ><input style="width: 540px;" name="attr_INFLUENCIA_hito" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                    <td ><strong>PODER</strong></td>
+                    <td ><input name="attr_PODER" type="number" value="0" /></td>
+                    <td ><p><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /></p></td>
+                    <td ><input style="width: 540px;" name="attr_PODER_hito" type="text" placeholder="Concepto" /></td>
+                </tr>
+                <tr>
+                    <td ><strong>TAMAÑO</strong></td>
+                    <td ><input name="attr_TAMAÑO" type="number" value="0" /></td>
+                    <td ><p><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /><input type="checkbox" /></p></td>
+                    <td ><input style="width: 540px;" name="attr_TAMAÑO_hito" type="text" placeholder="Concepto" /></td>
+                </tr>
+            </tbody>
+        </table>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">HITOS</div></div>
+        <table width="835px">
+            <tbody>
+                <tr>
+                    <td><input style="width: 416px;" name="attr_Aspect1_organizacion" type="text" placeholder="Hito" /></td>
+                    <td><input style="width: 416px;" name="attr_Aspect2_organizacion" type="text" placeholder="Hito" /></td>
+                </tr>
+                <tr>
+                    <td><input style="width: 416px;" name="attr_Aspect3_organizacion" type="text" placeholder="Hito" /></td>
+                    <td><input style="width: 416px;" name="attr_Aspect4_organizacion" type="text" placeholder="Hito" /></td>
+                </tr>
+            </tbody>
+        </table>
+    <div class="sheet-section-aspects sheet-section">
+    <div class="sheet-header">NOTAS</div>
+    <textarea style="width: 99%; height: 100px;" name="attr_Extra_organizacion"></textarea>
+             
+    </div>
+</div>
+    
+<!-- 4st Tab End -->
+
+
+         <script type="text/worker">
         on("change:RESISTENCIA change:FORTALEZA change:VOLUNTAD change:aguante", function() {
            getAttrs(["RESISTENCIA","FORTALEZA","VOLUNTAD", "aguante"], function(values) {
                 let aguante = parseInt(values.aguante)||0;