diff --git a/Arcanas&Ancestrais/arcanas.css b/Arcanas&Ancestrais/arcanas.css
index c6c784cb1397..2b866fd806eb 100644
--- a/Arcanas&Ancestrais/arcanas.css
+++ b/Arcanas&Ancestrais/arcanas.css
@@ -266,6 +266,10 @@
     font-size:0.7em;
 }
 
+.sheet-jogada-morte img{
+	max-width: 8%;
+}
+
 .sheet-proficiencies {
   grid-area: proficiencies;
   margin-top:110px;
@@ -590,3 +594,179 @@
     margin-left: 5px;
 }
 
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque{
+    padding:5px;
+    width:100%;
+    box-sizing:border-box;
+	text-align:center;
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque {
+    padding:5px;
+    font-family: 'Oldenburg', cursive;
+    width:100%;
+    box-sizing:border-box;
+	margin-bottom:3px;
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque .sheet-roll-label{
+    margin-top:5px;
+    width:100%;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    text-align:center;
+    font-weight:normal
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque .sheet-roll{
+    padding-top:5px;
+    width:100%;
+    display:flex;
+    align-items:center;
+    justify-content:center;
+    text-align:center
+}
+.sheet-rolltemplate-ataque .sheet-rollbox-container .sheet-rollbox-ataque .sheet-roll span{
+    margin:0 auto;
+    padding:8px;
+    font-size:18px
+}
+
+.sheet-size-70 {
+	max-width: 70px !important;
+}
+
+.sheet-left-30 {
+	margin-left: 30px !important;
+}
+
+.sheet-size-123 {
+	max-width: 123px !important;
+}
+
+.sheet-ca-label {
+	font-size: 1.7em !important;
+	text-align:center !important;
+}
+
+.sheet-left-22 {
+	margin-left:22px !important;
+}
+
+.sheet-ca-total {
+	width: 40px !important;
+	font-size:1.2em !important;
+}
+
+.sheet-size-30 {
+	width: 30px !important;
+}
+
+.sheet-left-10 {
+	margin-left:10px !important;
+}
+
+.sheet-top-6 {
+	"margin-top:6px !important;
+}
+
+.sheet-left-5 {
+	margin-left: 5px !important;
+}
+
+.sheet-left-80 {
+	margin-left: 80px !important;
+}
+
+.sheet-pv {
+	width: 50px !important;
+	font-size: 1em !important;
+	text-align: right !important;
+}
+
+.sheet-dv {
+	width: 30px !important;
+	font-size: 1em !important;
+}
+
+.sheet-top-5 {
+	margin-top: 5px !important;
+}
+
+.sheet-size-205 {
+	max-width:205px !important;
+}
+
+.sheet-height-18 {
+	max-height:18px !important;
+}
+
+.sheet-height-17 {
+	max-height:17px !important;
+}
+
+.sheet-height-15 {
+	max-height:15px !important;
+}
+
+.sheet-font-normal {
+	font-size: 1em !important;
+}
+
+.sheet-size-150 {
+	max-width:150px !important;
+}
+
+.sheet-left-105 {
+	margin-left:105px !important;
+}
+
+.sheet-left-35 {
+	margin-left:35px !important;
+}
+
+.sheet-left-48 {
+	margin-left:48px !important;
+}
+
+.sheet-left-50 {
+	margin-left:50px !important;
+}
+
+.sheet-left-12 {
+	margin-left:12px !important;
+}
+
+.sheet-left-10 {
+	margin-left:10px !important;
+}
+
+.sheet-size-80 {
+	width:80px !important;
+	max-width:80px !important;
+}
+
+.sheet-font-menor {
+	font-size: 0.7em !important;
+}
+
+.sheet-size-50 {
+	width:50px !important;
+	max-width:50px !important;
+}
+
+.sheet-size-53 {
+	width:53px !important;
+	max-width:53px !important;
+}
+
+.sheet-size-60 {
+	max-width:60px !important;
+}
+
+.sheet-nivel {
+	width: 3.5em !important;
+}
+
+.sheet-anotacoes {
+	max-height:100% !important;
+	height:100% !important;
+}
\ No newline at end of file
diff --git a/Arcanas&Ancestrais/arcanas.html b/Arcanas&Ancestrais/arcanas.html
index 68e189b4d882..6ede1078613b 100644
--- a/Arcanas&Ancestrais/arcanas.html
+++ b/Arcanas&Ancestrais/arcanas.html
@@ -20,7 +20,7 @@
 						<label>Ancestralidade</label>
 					</div>
 					<div class="col">
-						<input type="text" name="attr_raca" style="max-width: 123px"/>
+						<input class="size-123" type="text" name="attr_raca"/>
 					</div>
 				</div>
 				<div class="row">
@@ -30,10 +30,10 @@
 					<div class="col">
 						<input type="text" name="attr_classe"/>
 					</div>
-					<div class="col" style="max-width: 70px;">
+					<div class="col size-70">
 						<label>Especialização</label>
 					</div>
-					<div class="col" style="margin-left: 30px">
+					<div class="col left-30">
 						<input type="text" name="attr_especializacao"/>
 					</div>
 				</div>
@@ -127,92 +127,94 @@
 
 			<div class="combat">
 				<div class="row">
-					<label style="font-size: 1.7em; text-align:center">CA</label>
+					<label class="ca-label">CA</label>
 				</div>
-				<div class="row" style="margin-left:22px">
+				<div class="row left-22">
 					<div class="col">
-						<input type="number" name='attr_catotal' value="10+@{ca1}+@{ca2}+@{ca3}" disabled="true" class='sheet-short sheet-atributos' style="width: 40px; font-size:1.2em;">
+						<input type="number" name='attr_catotal' value="10+@{ca1}+@{ca2}+@{ca3}" disabled="true" class='sheet-short sheet-atributos ca-total'>
 					</div>
 					<div class="col">
-						<input type="number" name='attr_ca1' value="0" class='sheet-short' style="margin-left:10px; width: 30px;">
+						<input type="number" name='attr_ca1' value="0" class='sheet-short size-30'>
 					</div>
 					<div class="col">
-						<label style="margin-top:6px">+</label>
+						<label class="top-6">+</label>
 					</div>
 					<div class="col">
-						<input type="number" name='attr_ca2' value="0" class='sheet-short' style="width: 30px;">
+						<input type="number" name='attr_ca2' value="0" class='sheet-short size-30'>
 					</div>
 					<div class="col">
-						<label style="margin-top:6px">+</label>
+						<label class="top-6">+</label>
 					</div>
 					<div class="col">
-						<input type="number" name='attr_ca3' value="0" class='sheet-short' style="width: 30px;">
+						<input type="number" name='attr_ca3' value="0" class='sheet-short size-30'>
 					</div>
 				</div>
-				<div class="row" style="margin-left:22px;">
+				<div class="row left-22">
 					<div class="col">
 						<label>Prof</label>
 					</div>
-					<div class="col" style="margin-left: 5px;">
+					<div class="col left-5">
 						<label>PV</label>
 					</div>
-					<div class="col" style="margin-left: 80px;">
+					<div class="col left-80">
 						<label>DV</label>
 					</div>
 				</div>
-				<div class="row" style="margin-left:22px;">
+				<div class="row left-22">
 					<div class="col">
-						<input type="number" name='attr_prof' value="0" class='sheet-short sheet-atributos' style="width: 30px; font-size: 1em;">
+						<input type="number" name='attr_prof' value="0" class='sheet-short sheet-atributos dv'>
 					</div>
-					<div class="col" style="margin-left: 12px;">
-						<input type="number" name='attr_pv_atual' value="0" class='sheet-short sheet-atributos' style="width: 50px; font-size: 1em; text-align: right;">
+					<div class="col left-12">
+						<input type="number" name='attr_pv_atual' value="0" class='sheet-short sheet-atributos pv'>
 					</div>
 					<div class="col">
-						<input type="number" name='attr_pv' value="0" class='sheet-short sheet-atributos' style="width: 50px; font-size: 1em; text-align: right;">
+						<input type="number" name='attr_pv' value="0" class='sheet-short sheet-atributos pv'>
 					</div>
-					<div class="col" style="margin-left: 10px;">
-						<input type="number" name='attr_dv_atual' value="0" class='sheet-short sheet-atributos' style="width: 30px; font-size: 1em;">
+					<div class="col left-10">
+						<input type="number" name='attr_dv_atual' value="0" class='sheet-short sheet-atributos dv'>
 					</div>
 					<div class="col">
-						<input type="number" name='attr_dv' value="0" class='sheet-short sheet-atributos' style="width: 30px; font-size: 1em;">
+						<input type="number" name='attr_dv' value="0" class='sheet-short sheet-atributos dv'>
 					</div>
 				</div>
-				<div class="row" style="margin-top: 5px; margin-left:22px; max-width:205px;">
+				<div class="row top-5 left-22 size-205">
 					<label>Jogadas de Morte</label>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
+				<div class="row jogada-morte left-22 size-205">
+					<img src="https://i.imgur.com/xJ9MfmW.png" title="source: imgur.com" />
 					<input type="checkbox" name="attr_morte_a1" title="@{morte_a1}" /> 
 					<input type="checkbox" name="attr_morte_a2" title="@{morte_a2}" />
 					<input type="checkbox" name="attr_morte_a3" title="@{morte_a3}" />
 					<br>
+					<img src="https://i.imgur.com/rkY35lq.png" title="source: imgur.com" />
 					<input type="checkbox" name="attr_morte_b1" title="@{caminho_morte_b1}" /> 
 					<input type="checkbox" name="attr_morte_b2" title="@{caminho_morte_b2}" />
 					<input type="checkbox" name="attr_morte_b3" title="@{caminho_morte_b3}" />
 					<br> <br>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
+				<div class="row left-22 size-205">
 					<label>Consequências</label>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
-					<textarea style="max-height:18px" name="attr_consequencias"></textarea>
+				<div class="row left-22 size-205">
+					<textarea class="height-18" name="attr_consequencias"></textarea>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
+				<div class="row left-22 size-205">
 					<label>Exaustão</label>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
-					<textarea style="max-height:18px" name="attr_exaustao"></textarea>
+				<div class="row left-22 size-205">
+					<textarea class="height-18" name="attr_exaustao"></textarea>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
+				<div class="row left-22 size-205">
 					<label>Condições</label>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
-					<textarea style="max-height:17px" name="attr_condicoes"></textarea>
+				<div class="row left-22 size-205">
+					<textarea class="height-17" name="attr_condicoes"></textarea>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
+				<div class="row left-22 size-205">
 					<label>Habilidades de Classe</label>
 				</div>
-				<div class="row" style="margin-left:22px; max-width:205px;">
-					<textarea style="max-height:15px" name="attr_habilidades_classe"></textarea>
+				<div class="row left-22 size-205">
+					<textarea class="height-15" name="attr_habilidades_classe"></textarea>
 				</div>
 			</div>
 
@@ -352,39 +354,39 @@
 			</div>
 
 			<div class="weapons">
-				<div class="row" style="font-size:1em">
-					<div class="col" style="max-width:150px">
+				<div class="row font-normal">
+					<div class="col size-150">
 						<label>Nome</label>
 					</div>
-					<div class="col" style="margin-left:105px">
+					<div class="col left-105">
 						<label>Tipo</label>
 					</div>
-					<div class="col" style="margin-left:35px">
+					<div class="col left-35">
 						<label>Dano</label>
 					</div>
-					<div class="col" style="margin-left:48px">
+					<div class="col left-48">
 						<label>Dado</label>
 					</div>
 				</div>
 				<fieldset class="repeating_skills">
 					<div class="row">
-						<div class="col" style="max-width:150px">
-							<input type="text" name="attr_nome_arma"  style="width:150px;" />
+						<div class="col size-150">
+							<input  class="size-150" type="text" name="attr_nome_arma" />
 						</div>
-						<div class="col" style="max-width:80px">
-							<select name="attr_atributoataque" style="font-size:0.7em; width:80px;">
+						<div class="col size-80">
+							<select class="size-80 font-menor" name="attr_atributoataque">
 								<option value="@{for_mod}" selected="">Corporal</option>
-								<option value="0">Distância</option>
+								<option value="@{des_mod}">Distância</option>
 							</select>
 						</div>
-						<div class="col" style=" max-width:60px">
-							<input type="text" name="attr_dano_arma" style="width: 50px;" />
+						<div class="col size-60">
+							<input class="size-50" type="text" name="attr_dano_arma" />
 						</div>
 						<div class="col">
-							<button type="roll" align="right" value="&{template:ataque} {{nome=@{character_name} atacou com @{nome_arma}!}} {{ataque=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{atributoataque}+?{Bônus|0}]]}} {{dano=[[@{dano_arma}+@{atributoataque}}]]}}"></button>
+							<button type="roll" align="right" value="&{template:ataque} {{nome=@{character_name} atacou com @{nome_arma}!}} {{ataque=[[?{Situação|Normal, 1d20|Vantagem, 2d20kh1|Desvantagem, 2d20kl1}+@{atributoataque}]]}} {{dano=[[@{dano_arma}+@{atributoataque}}]]}} {{uso=[[@{dado}}]]}}"></button>
 						</div>
-						<div class="col" style=" max-width:50px">
-							<select name="attr_dado" style="width:50px;">
+						<div class="col size-50">
+							<select class="size-50" name="attr_dado">
 								<option value="0" selected=""></option>
 								<option value="1d4">d4</option>
 								<option value="1d6">d6</option>
@@ -407,7 +409,7 @@
 				<div class="row">
 					<div class="col">
 						<label>Nível
-							<input type="number" name="attr_nivel" style="width: 3.5em !important">
+							<input class="nivel" type="number" name="attr_nivel">
 						</label>
 					</div>
 					<div class="col">
@@ -436,33 +438,33 @@
 			</div>
 			<div class="equipaments">
 				<label>Equipamentos</label>
-				<div class="row" style="font-size:1em">
-					<div class="col" style="max-width:150px">
+				<div class="row font-normal">
+					<div class="col size-150">
 						<label>Item</label>
 					</div>
-					<div class="col" style="margin-left:105px">
+					<div class="col left-105">
 						<label>Propriedades</label>
 					</div>
-					<div class="col" style="margin-left:50px">
+					<div class="col left-50">
 						<label>Carga</label>
 					</div>
-					<div class="col" style="margin-left:5px">
+					<div class="col left-5">
 						<label>Dado</label>
 					</div>
 				</div>
 				<fieldset class="repeating_skills">
 					<div class="row">
-						<div class="col" style="max-width:150px">
-							<input type="text" name="attr_item"  style="width:150px;" />
+						<div class="col size-150">
+							<input class="size-150" type="text" name="attr_item" />
 						</div>
-						<div class="col" style="max-width:150px">
-							<input type="text" name="attr_propriedades" style="width:150px;" />
+						<div class="col size-150">
+							<input class="size-150" type="text" name="attr_propriedades" />
 						</div>
-						<div class="col" style=" max-width:60px">
-							<input type="number" name="attr_carga" style="width: 53px;" />
+						<div class="col size-60">
+							<input class="size-53" type="number" name="attr_carga" />
 						</div>
-						<div class="col" style=" max-width:50px">
-							<select name="attr_item_dado" style="width:50px;">
+						<div class="col size-50">
+							<select name="attr_item_dado" class="size-50">
 								<option value="0" selected=""></option>
 								<option value="1d4">d4</option>
 								<option value="1d6">d6</option>
@@ -480,7 +482,7 @@
 			<div class="notes">
 				<label>Anotações</label>
 				<div class="row">
-					<textarea style="max-height:100%; height:100%" name="attr_notes"></textarea>
+					<textarea class="anotacoes" name="attr_notes"></textarea>
 				</div>
 			</div>
 		</div>
@@ -515,7 +517,7 @@
 				<span class="left">{{nome}}</span>
 			</div>
 			<br>
-			<div class="rollbox">
+			<div class="rollbox-ataque">
 				<div>
 					<div class="roll">
 						{{ataque}}
@@ -524,7 +526,9 @@
 						Ataque
 					</div>
 				</div>
-				<div class="divisor"><span></span></div>
+			</div>
+			<br>
+			<div class="rollbox">
 				<div>
 					<div class="roll">
 						{{dano}}
@@ -533,6 +537,15 @@
 						Dano
 					</div>
 				</div>
+				<div class="divisor"><span></span></div>
+				<div>
+					<div class="roll">
+						{{uso}}
+					</div>
+					<div class="roll-label">
+						Uso
+					</div>
+				</div>
 			</div>
 		</div>
 	</rolltemplate>