diff --git a/Medievo Oscuro/medievooscuro.css b/Medievo Oscuro/medievooscuro.css
index f333090fd1..089d2e78e3 100644
--- a/Medievo Oscuro/medievooscuro.css	
+++ b/Medievo Oscuro/medievooscuro.css	
@@ -1,1086 +1,1086 @@
-/* CSS Document */
-
-@import url('https://fonts.googleapis.com/css?family=Rakkas|Chonburi|Satisfy&display=swap');
-
-/* CSS PNJ SHEET */
-.sheet-precrearpnj {
-	position: relative;
-	float: left;
-	width: 95%;
-	max-width: 960px;
-	height: 20px;
-	padding: 0px 5px;
-	text-align: right;
-	font-size: 12px;
-	font-weight: 800; 
-}
-.sheet-block-pj,
-.sheet-block-switch:checked ~ .sheet-block-pnj {
-  display: block;
-}
-.sheet-block-pnj,
-.sheet-block-switch:checked ~ .sheet-block-pj {
-  display: none;
-}
-
-.sheet-block-switch{	
-	filter:  hue-rotate(120deg) brightness(0.8);
-  }
-/* filter: invert(100%) hue-rotate(1040deg) brightness(0.8); */
-.sheet-block-switch:checked {
-  background-color: #FF0000;
-}
-.sheet-containerpnj {
-	position: relative;
-	float: left;
-	width: 99%;
-	max-width: 800px;
-	min-width: 600px;
-}
-
-/* PNJ GRID  */
-.sheet-pnjtopgrid {
-	width: 600px;
-	min-height: 50px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 100px 400px 100px;
-	grid-template-rows: 70px;
-	}
-.sheet-pnjtopceldasgrid {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	min-height: 50px;
-	border-right: 1px solid #FFFFFF;
-	border-bottom: 1px solid #FFFFFF;
-	}
-.sheet-pnjdatostopgrid {
-	width: 600px;
-	min-height: 35px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 100px 100px 100px 100px 100px 100px;
-	grid-template-rows: 45px;
-	}
-.sheet-pnjdatostopceldasgrid {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	border-right: 1px solid #FFFFFF;
-	}
-.sheet-pnjdatostopgridB {
-	width: 600px;
-	min-height: 35px;
-	margin: 0px auto;
-	background: #ffffff;
-	display: grid;
-	grid-template-columns: 100px 100px 100px 100px 100px 100px;
-	grid-template-rows: 45px;
-	border-left: 1px solid #000000;
-	}
-.sheet-pnjdatostopceldasgridB {
-	text-align: center;
-	color: #000000;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	border-right: 1px solid #000000;
-	border-bottom: 1px solid #000000;
-	}
-.sheet-pnjarmasgrid {
-	width: 600px;
-	min-height: 35px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 270px 100px 230px;
-	grid-template-rows: 45px;
-	}
-.sheet-pnjarmasceldasgrid {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	border-right: 1px solid #FFFFFF;
-	}
-.sheet-pnjarmasgridB {
-	width: 598px;
-	height: auto;
-	min-height: 35px;
-	margin: 0px auto;
-	background: #ffffff;
-	border: 1px solid #000000;
-	}
-.sheet-pnjatributosgrid {
-	width: 600px;
-	min-height: 45px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 120px 120px 120px 120px 120px;
-	grid-template-rows: 25px;
-	}
-.sheet-pnjatributosceldasgrid {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	min-height: 25px;
-	border-right: 1px solid #FFFFFF;
-	}
-.sheet-pnjatributosgridB {
-	width: 600px;
-	min-height: 90px;
-	margin: 0px auto;
-	background: #ffffff;
-	display: grid;
-	grid-template-columns: 120px 120px 120px 120px 120px;
-	grid-template-rows: 25px;
-	border-left: 1px solid #000000;
-	}
-.sheet-pnjatributosceldasgridB {
-	text-align: center;
-	color: #000000;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	min-height: 70px;
-	border-right: 1px solid #000000;
-	border-bottom: 1px solid #000000;
-	}
-.sheet-pnjdescripcion {
-	position: relative;
-	width: 600px;
-	min-height: 20px;
-	margin: 10px auto 0px;
-	background: #000000;
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	}
-.sheet-pnjcajadescripcion {
-	width: 598px;
-	height: auto;
-	min-height: 35px;
-	margin: 0px auto;
-	background: #ffffff;
-	border: 1px solid #000000;
-	}
-
-/* END PNJ SHEET */
-  .sheet-clearfloat { 
-	clear:both;
-	height:0;
-	font-size: 0px;
-	line-height:0px;
-}	
-.sheet-espaicap{
-	float: none;
-	position: relative;
-	width: 100%;
-	height: 10px;
-	margin: 0px auto;
-	}
-.sheet-espai{
-	float: none;
-	position: relative;
-	width: 100%;
-	height: 40px;
-	margin: 0px auto;
-	}
-.sheet-espai100{
-	float: left;
-	position: relative;
-	width: 100%;
-	height: 100px;
-	margin: 0px auto;
-	}
-.sheet-separador{
-	float: left;
-	position: relative;
-	width: 100%;
-	height: 30px;
-	margin: 10px auto;
-	}
-.sheet-separadorpnj{
-	float: left;
-	position: relative;
-	width: 100%;
-	height: 10px;
-	margin: 0px auto;
-	}
-.sheet-espaipeu{
-	float: none;
-	position: relative;
-	width: 80%;
-	height: auto;
-	margin: 0px auto;
-	padding:30px 10% 10px;
-	text-align:center;
-	font-size: 14px;
-	font-family: Arial, Helvetica, Georgia; 
-	}	
- 
-  /* LINKS CSS */
-a:link {
-	color: #000;
-	text-decoration: none;
-}
-a:visited {
-	color: #000;
-	text-decoration: none;
-}
-a:hover {
-	color: #D3000D;
-	text-decoration: none;
-}
-a:active {
-	color: #CCC;
-	text-decoration: none;
-} 
-   /* END LINKS CSS */
- 
-.sheet-espaitop{
-	float: none;
-	position: relative;
-	width: 100%;
-	height: 0px;
-	margin: 30px auto;
-	}	
-.sheet-espaitop2{
-	float: none;
-	position: relative;
-	width: 100%;
-	height: 0px;
-	margin: 10px auto;
-	}	
-
-.sheet-contenedorMO{
-	float:none;
-	position:relative; 
-	width:100%;
-	height:auto;
-	margin: 0px auto;
-	border: solid medium double ;
-	border-color: #000000;	
-	overflow:hidden;
-	max-width: 1000px;
-	}
-
-.sheet-cap{
-	float: left;
-	position: relative;
-	width: 1000px;
-	height: auto;
-	min-height: 100px;
-	margin: 0px auto;
-	text-align: center;
-	background-color:#FFF;
-	background-image:url(../images/xxx.jpg);
-	background-repeat:no-repeat;
-	background-position: left top;
-	}
-
-.sheet-capintern{
-	float: none;
-	position: relative;
-	width: 100%;
-	height: auto;
-	margin: 0px auto;
-	}	
-
-.sheet-logo{
-	float: left;
-	position: relative;
-	width:200px;
-	height: auto;
-	margin: 0px auto;
-	}
-
-.sheet-logo img{
-	float: none;
-	position: relative;
-	width: 100%;
-	max-width:600px;
-	height: auto;
-	margin: 0px auto;
-	}
-.sheet-col_superviviente{
-	float: left;
-	position: relative;
-	width:480px;
-	height: auto;
-	margin: 0px auto;
-	}
-
-.sheet-superviviente{
-	float: left;
-	position: relative;
-	width:480px;
-	height: 30px;
-	margin: 0px auto;
-	}
-.sheet-superviviente1{
-	float: left;
-	position: relative;
-	width:50%;
-	height: 30px;
-	margin: 0px auto;
-	}
-.sheet-superviviente2{
-	float: left;
-	position: relative;
-	width:150px;
-	height: 30px;
-	margin: 5px auto 0px;
-	font-family: Rakkas, Chonburi, Cambria ;
-	font-size: 20px;
-	}
-.sheet-superviviente3{
-	float: left;
-	position: relative;
-	width:270px;
-	height: 30px;
-	margin: 5px auto 0px;
-	font-family: Rakkas, Cambria, Chonburi;;
-	font-size: 20px;
-	}
-.sheet-superviviente4{
-	float: left;
-	position: relative;
-	width:220px;
-	margin: 5px auto 0px;
-	font-family: Rakkas, Cambria, Chonburi;
-	font-size: 20px;
-	}
-
-.sheet-col-tercera{
-	float: left;
-	position: relative;
-	display: flex;
-	flex-wrap: wrap;
-	width: 270px;
-	height: 120px;
-	min-height: 120px;
-	padding: 10px 20px;
-	border: dotted rgba(0,0,0,1.00);
-	overflow: hidden;
-	}
-
-.sheet-titulos-tercera {
-	float: left;
-	position: relative;
-	display: flex;
-	flex-wrap: wrap;
-	width: 100%;
-	min-height: 50px;
-	margin: 0px auto;
- 	font-size: 20px;
-  	font-family:  Morpheus, Rakkas, Chonburi, Rye, Abril Fatface, Merriweather ;
-	color: #000000;
-	}
-.sheet-titulos-tercera img {
-	margin-top: 0px;
-	max-width: 40px;
-	max-height: 30px;
-	}
-
-/*============= ATRIBUTOS Y HABILIDADES CSS=============*/
-
-.sheet-atributstotal{
-	float: left;
-	position: relative;
-	width:1000px;
-	height: auto;
-	margin: 0px auto;
-	overflow:hidden; 
-	}
-
-.sheet-col-atributs1{
-	float: left;
-	position: relative;
-	width:198px;
-	height: 320px;
-	margin: 10px auto;
-	overflow:hidden;
-	}
-
-.sheet-col-atributs2{
-	float: left;
-	position: relative;
-	width:196px;
-	height: 320px;
-	margin: 10px auto;
-	text-align: center;
-	}
-
-.sheet-col-atributs2 img {
-	float: none;
-	position: relative;
-	margin: 0px auto;
-	text-align: center;
-	height: auto;
-		}
-
-.sheet-atributs1{
-	float: none;
-	position: relative;
-	width:100%;
-	height: 40px;
-	margin: 0px auto;
-	overflow:hidden;
-	font-family: Morpheus, Cambria, Rakkas;
-	font: bold;
-	font-size: 30px;
-	text-align: center;
-	}
-.sheet-atributs2{
-	float: none;
-	position: relative;
-	width:100%;
-	height: 40px;
-	padding: 5px 5px;
-	margin: 0px auto 10px;
-	overflow:hidden;
-	font-family: Morpheus, Cambria, Rakkas;
-	font: bold;
-	font-size: 24px;
-	text-align: center;
-	}
-
-
-.sheet-mycheck{	
-	filter:  hue-rotate(120deg) brightness(0.8);
-  }
-/* filter: invert(100%) hue-rotate(1040deg) brightness(0.8); */
-.sheet-mycheck:checked {
-  background-color: #FF0000;
-}
-
-.sheet-habilidad{
-	float: left;
-	position: relative;
-	width:100px;
-	height: 30px;
-	line-height: 30px;
-	margin: 0px 0px 0px 0px;
-	padding-left: 10px;
-	overflow:hidden;
-	font-family: Constantia, cambria, Baskerville;
-	}
-
-.sheet-habilidad2{
-	float: left;
-	position: relative;
-	width: 80px;
-	height: 30px;	
-	margin: 0px 0px 0px 5px;
-	overflow:hidden;
-	font-family: Constantia, cambria, Baskerville;
-	}
-
-.sheet-habilitat{
-	float: none;
-	position: relative;
-	width:75%;
-	height: 30px;
-	line-height: 30px;
-	margin: 0px 20px 0px 0px;
-	padding-left: 10px;
-	overflow:hidden;
-	font-family: Constantia, cambria, Baskerville;
-	}
-
-	/*============= TABLA ARMAS =============*/
-	.containertabla {
-    border: solid 1px rgba(255, 255, 255, 0.2);
-}	
-
-.sheet-titolsortilegios{
-	float: none;
-	position: relative;
-	width:100%;
-	height: auto;
-	margin: 0px auto;
-	overflow:hidden; 
-	font-family: Morpheus, Rakkas, Cambria;
-	font: bold;
-	font-size: 70px;
-	text-align: center;
-	}
-.sheet-titolpestanyes{
-	float: none;
-	position: relative;
-	width:100%;
-	height: auto;
-	margin: 0px auto;
-	overflow:hidden; 
-	font-family: Morpheus, Rakkas, Cambria;
-	font: bold;
-	font-size: 70px;
-	text-align: center;
-	}
-
-/*============= RASGOS =============*/
-
-.sheet-rasgostotal{
-	float: none;
-	position: relative;
-	width:100%;
-	height: auto;
-	margin: 0px auto;
-	overflow:hidden; 
-	}
-
-.sheet-col-rasgos{
-	float: left;
-	position: relative;
-	width:28%;
-	height: auto;
-	margin: 1%;
-	padding: 1%;
-	border: double rgba(0,0,0,1.00);
-	overflow:hidden;
-	}
-.sheet-col-rasgos2{
-	float: left;
-	position: relative;
-	width:293px;
-	height: auto;
-	margin: 10px 20px 10px 0px;
-	padding: 1%;
-	border: double rgba(0,0,0,1.00);
-	overflow:hidden;
-	}
-.sheet-col-rasgos3{
-	float: left;
-	position: relative;
-	width:294px;
-	height: auto;
-	margin: 10px 0px 10px 0px;
-	padding: 1%;
-	border: double rgba(0,0,0,1.00);
-	overflow:hidden;
-	}
-.sheet-titol_rasgos{
-	float: none;
-	position: relative;
-	width:100%;
-	height: 40px;
-	margin: 0px auto;
-	overflow:hidden;
-	font-family: Morpheus, Rakkas, Cambria;
-	font: bold;
-	font-size: 22px;
-	text-align: center;
-	}
-
-	
-/*============= PIE =============*/
-
-.sheet-pie{
-	float: left ; 
-	position: relative;
-	width:1000px;
-	max-width: 1000px;
-	height: auto;
-	margin: 0px auto;
-	text-align: center;
-	}
-
-.sheet-col-pie1{
-	float: left;
-	width:380px;
-	height: 205px;
-	margin: 10px auto;
-	overflow:hidden;
-	border: double rgba(0,0,0,1.00);
-	}
-
-.sheet-col-atacdefensa{
-	float: left;
-	position: relative;
-	display: flex;
-	flex-wrap: wrap;
-	width: 360px;
-	height: auto;
-	min-height: 70px;
-	padding: 10px 10px 10px 10px;
-	overflow: hidden;
-	}
-
-.sheet-col-pie2{
-	float: left;
-	position: relative;
-	width: 220px;
-	height: 195px;
-	margin: 10px auto;
-	padding: 10px 0px 0px;
-	overflow:hidden;
-	border: double rgba(0,0,0,1.00);
-	}
-
-.sheet-titulos-pie2 {
-	float: left;
-	position: relative;
-	width: 100%;
-	min-height: 40px;
-	margin: 0px auto;
- 	font-size: 20px;
-  	font-family: Morpheus, Cambria, Rakkas;
-	color: #000000;
-	}
-.sheet-titulos-pie2 img {
-	margin-top: 0px;
-	}
-.sheet-col-pie3{
-	float: left;
-	position: relative;
-	width:380px;
-	height: 205px;
-	margin: 10px auto;
-	overflow:hidden;
-	border: double rgba(0,0,0,1.00);
-	}
-.sheet-titulos-pie3 {
-	float: left;
-	position: relative;
-	display: flex;
-	flex-wrap: wrap;
-	width: 100%;
-	min-height: 40px;
-	margin: 0px auto;
- 	font-size: 20px;
-  	font-family:  Morpheus, Rakkas, Cambria;
-	color: #000000;
-	}
-.sheet-titulos-pie3 img {
-	margin-top: 0px;
-	max-width: 40px;
-	max-height: 30px;
-	}
-.sheet-titulos-pie3 input {
-	height: 35px;
-	max-height: 35px;
-	}
-.sheet-titulos-pie3 btn {
-	height: 35px;
-	max-height: 35px;
-	}
-.sheet-ataque-defensa {
-	float: left;
-	width: 50%;
-	height: auto;
-	margin: 10px auto;
-	overflow:hidden;
-	background-color: aqua;
-	}
-.sheet-tipoataque{
-	float: left;
-	width:100%;
-	height: auto;
-	margin: 0px auto;
-	overflow:hidden;
-	}
-.sheet-base-cc-pro{
-	float: left;
-	width:80%;
-	height: auto;
-	overflow:hidden;
-	text-align: right;
-	}
-
-.sheet-espaiprebotonegre{
-	float: left;
-	width:120px;
-	padding: 0px auto;
-	height: auto;
-	overflow:hidden;
-	text-align: center;
-	}
-.sheet-espaiprebotonegre2{
-	float: left;
-	width: 154px;
-	padding: 0px auto;
-	height: auto;
-	overflow:hidden;
-	text-align: center;
-	}
-
-.sheet-botonegre{
-	float: left;
-	width: 57px;
-	margin: 0px 0px 0px 5px; 
-	padding: 0px 2px;
-	height: auto;
-	overflow:hidden;
-	text-align: center;
-	background-color: #000000;
-	color: #FFFFFF;
-	}
-
-.sheet-secundarios-pie {
-	float: left;
-	position: relative;
-	display: flex;
-	flex-wrap: wrap;
-	width: 120px;
-	min-height: 40px;
-	margin: 0px ;
- 	font-size: 20px;
-  	font-family:  Morpheus, Cambria, Rakkas;
-	color: #000000;
-	}
-.sheet-botonegre2{
-	float: left;
-	width:92px;
-	margin: 0px 0px 0px 5px; 
-	padding: 0px 2px;
-	height: auto;
-	overflow:hidden;
-	text-align: center;
-	background-color: #000000;
-	color: #FFFFFF;
-	}
-
-/* ARMAS  */
-.sheet-armasgrid {
-	width: 1000px;
-	min-height: 50px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 220px 58px 80px 70px 575px;
-	grid-template-rows: 20px;
-	}
-.sheet-armasceldasgrid {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Chonburi, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	min-height: 50px;
-	border-right: 1px solid #FFFFFF;
-	}
-/* MAGIA ARCANA E INFERNAL  */
-.sheet-magiagrid {
-	width: 1000px;
-	min-height: 50px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 80px 180px 480px 80px 120px 60px;
-	grid-template-rows: 50px ;
-	}
-.sheet-magiaceldasgrid {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Chonburi, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	border-right: 1px solid #FFFFFF;
-	border-bottom: 1px solid #FFFFFF;
-	}
-.sheet-magiagrid2 {
-	width: 1000px;
-	min-height: 50px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 80px 920px;
-	grid-template-rows: repeat 6 50px ;
-	}
-.sheet-magiaceldasgrid2 {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Chonburi, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	
-	border-right: 1px solid #FFFFFF;
-	border-bottom: 1px solid #FFFFFF;
-	}
-
-/* PODERES DIVINOS  */
-.sheet-poderesgrid {
-	width: 1000px;
-	min-height: 50px;
-	margin: 0px auto;
-	background: #000000;
-	display: grid;
-	grid-template-columns: 85px 180px 735px;
-	grid-template-rows: 20px;
-	}
-.sheet-poderceldasgrid {
-	text-align: center;
-	color: #ffffff;
-	font-family: Rakkas, Cambria, Chonburi, Morpheus;
-	font-size: 20px;
-	padding: 10px 0px;
-	min-height: 50px;
-	border-right: 1px solid #FFFFFF;
-	}
-
-
-/* TABS Y MENU BOTONES*/
-
-.sheet-containertabs {
-	float: left;
-	position: relative;
-	width: 1000px;
-	margin: 0px auto;
-	}
-
-.sheet-butonets{
-	float: left;
-	margin: 10px 5px; 
-	padding: 10px 22px;
-	height: auto;
-	overflow:hidden;
-	text-align: center;
-	background-color: #000000;
-	color: #FFFFFF;
-	font-family: Rakkas, Cambria, Morpheus;
-	font-size: 18px;
-	}
-.sheet-butonets:active{
-	background-color: #4A0001;
-	color: #FFFFFF;
-	}
-
-/*Configure the tab buttons*/
-.charsheet .sheet-habilidades,
-.charsheet .sheet-armas,
-.charsheet .sheet-rasgos,
-.charsheet .sheet-equipo,
-.charsheet .sheet-magia,
-.charsheet .sheet-poddivinos,
-.charsheet .sheet-diario{
-    display: none;
-}
-
-/* show the selected tab */
-.charsheet .sheet-tabstoggle[value="habilidades"] ~ div.sheet-habilidades,
-.charsheet .sheet-tabstoggle[value="armas"] ~ div.sheet-armas, 
-.charsheet .sheet-tabstoggle[value="rasgos"] ~ div.sheet-rasgos,
-.charsheet .sheet-tabstoggle[value="equipo"] ~ div.sheet-equipo,
-.charsheet .sheet-tabstoggle[value="magia"] ~ div.sheet-magia,
-.charsheet .sheet-tabstoggle[value="poddivinos"] ~ div.sheet-poddivinos,
-.charsheet .sheet-tabstoggle[value="diario"] ~ div.sheet-diario{
-    display: block;
-}
-
-
-/* POP UPS  */
-h1 {
-  text-align: center;
-  font-family: Tahoma, Arial, sans-serif;
-  color: #880202;
-  margin: 80px 0;
-}
-
-.overlay {
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  background: rgba(0, 0, 0, 0.7);
-  transition: opacity 500ms;
-  visibility: hidden;
-  opacity: 0;
-}
-.overlay:target {
-  visibility: visible;
-  opacity: 1;
-}
-
-.popup {
-  margin: 70px auto;
-  padding: 50px;
-  background: #fff;
-  border-radius: 5px;
-  width: 30%;
-  position: relative;
-  transition: all 5s ease-in-out;
-	background-color: #000;
-	color: #ffffff;
-}
-
-.popup h2 {
-  margin-top: 0;
-  color: #FFFFFF;
-  font-family: Morpheus, Cambria, Tahoma, Arial;
-}
-.popup .close {
-  position: absolute;
-  top: 30px;
-  right: 40px;
-  transition: all 200ms;
-  font-size: 30px;
-  font-weight: bold;
-  text-decoration: none;
-  color: #FFFFFF;opacity: 1;
-}
-.popup .close:hover {
-  color: #880202;
-}
-.popup .content {
-  max-height: 40%;
-  overflow: auto;
-	font-family: Constantia, Cambria, Tahoma, Arial;
-	font-size: 16px;
-}
-
-@media screen and (max-width: 700px){
-  .box{
-    width: 70%;
-  }
-  .popup{
-    width: 70%;
-  }
-}
-
-
-/*  FIRMA  */
-.sheet-firma{
-	float: left;
-	position: relative;
-	width:100%;
-	height: 20px;
-	margin: 0px auto;
-	overflow:hidden;
-	text-align: center;
-	}	
-
-.sheet-firma:hover{
-	color: #880202;
-	}	
-
-
-/*  TEMPLATE MO  */
-
-.sheet-rolltemplate-mo {
-  margin-left: -37px;
-}
-.withoutavatars .sheet-rolltemplate-mo {
-  margin-left: -7px;
-}
-.sheet-rolltemplate-mo .sheet-container {
-  border: 3px solid black;
-  border-radius: 3px;
-}
-
-.sheet-rolltemplate-mo .sheet-header {
-  background-color: var(--header-bg-color);
-  color: var(--header-text-color);
-  text-align: left;
-  text-transform: capitalize;
-  padding: 5px;
-  border-bottom: 2px solid black;
-}
-
-.sheet-rolltemplate-mo .sheet-title {
-  	padding-top: 3px;
-	font-size: 20px;
-  	font-weight: bold;
-	font-family: Morpheus, Rakkas, Cambria;	
-}
-
-.sheet-rolltemplate-mo .sheet-title img.sheet-logomo {
-	width: 60px;
-    margin: 0px 0px;
-    height: 35px !important;
-    float: right;
-}
-
-.sheet-rolltemplate-mo .sheet-subtitle {
-	font-size: 14px;
-	font-family: arial, tahoma, cambria;
-	padding-top: 5px
-}
-
-.sheet-rolltemplate-mo .sheet-container {
-  --header-bg-color: #000;
-  --header-text-color: #FFF;
-}
-.sheet-rolltemplate-mo .sheet-container.sheet-color-green {
-  --header-bg-color: #008000;
-}
-.sheet-rolltemplate-mo .sheet-container.sheet-color-black {
-  --header-bg-color: #000;
-}
-.sheet-rolltemplate-mo .sheet-container.sheet-color-white {
-  --header-bg-color: #FFF;
-  --header-text-color: #000;
-}
-
-.sheet-rolltemplate-mo .sheet-content {
-  display: grid;
-  background: #FFF;
-	color: #000;
-  grid-template-columns: auto auto;
-  line-height: 1.4em;
-}
-
-.sheet-rolltemplate-mo .sheet-content > div {
-  padding: 8px 5px;
-	background-color: #ffffff;
-}
-
-.sheet-rolltemplate-mo .sheet-content .sheet-key {
- 	font-weight: bold;
-    padding: 15px;
-    text-align: right;
-    font-size: 22px;
-    font-family: Rakas, Cambria;
-}
-.sheet-rolltemplate-mo .sheet-content .sheet-value {
-	padding: 15px 5px;
-    font-size: 20px;
-    color: #868686;
-}
-.sheet-rolltemplate-mo .sheet-content .sheet-desc {
-  background-color:#550103;
-}
-
-
-/*
-.sheet-rolltemplate-mo .sheet-content :nth-child(4n+3),
-.sheet-rolltemplate-mo .sheet-content :nth-child(4n) {
-  background: #EEE;
-}   
-*/
-
-.sheet-rolltemplate-mo .sheet-desc {
-  grid-column: span 2;
-  padding: 5px;
-  text-align: center;
-	border-top: #000000 solid 1px;
-	color: #868686;
-}
-
-
-.sheet-rolltemplate-mo .textchatcontainer .inlinerollresult {
-    background-color: #000!important;
-    border: 2px solid var(--primary-dark);
-	color: #fff!important;
-}
-
-.inlinerollresult {
-    background-color: #000!important ;
-    border: 2px solid var(--primary-dark);
-	color: #fff!important;
-}
-
+/* CSS Document */
+
+@import url('https://fonts.googleapis.com/css?family=Rakkas|Chonburi|Satisfy&display=swap');
+
+/* CSS PNJ SHEET */
+.sheet-precrearpnj {
+	position: relative;
+	float: left;
+	width: 95%;
+	max-width: 960px;
+	height: 20px;
+	padding: 0px 5px;
+	text-align: right;
+	font-size: 12px;
+	font-weight: 800; 
+}
+.sheet-block-pj,
+.sheet-block-switch:checked ~ .sheet-block-pnj {
+  display: block;
+}
+.sheet-block-pnj,
+.sheet-block-switch:checked ~ .sheet-block-pj {
+  display: none;
+}
+
+.sheet-block-switch{	
+	filter:  hue-rotate(120deg) brightness(0.8);
+  }
+/* filter: invert(100%) hue-rotate(1040deg) brightness(0.8); */
+.sheet-block-switch:checked {
+  background-color: #FF0000;
+}
+.sheet-containerpnj {
+	position: relative;
+	float: left;
+	width: 99%;
+	max-width: 800px;
+	min-width: 600px;
+}
+
+/* PNJ GRID  */
+.sheet-pnjtopgrid {
+	width: 600px;
+	min-height: 50px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 100px 400px 100px;
+	grid-template-rows: 70px;
+	}
+.sheet-pnjtopceldasgrid {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	min-height: 50px;
+	border-right: 1px solid #FFFFFF;
+	border-bottom: 1px solid #FFFFFF;
+	}
+.sheet-pnjdatostopgrid {
+	width: 600px;
+	min-height: 35px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 100px 100px 100px 100px 100px 100px;
+	grid-template-rows: 45px;
+	}
+.sheet-pnjdatostopceldasgrid {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	border-right: 1px solid #FFFFFF;
+	}
+.sheet-pnjdatostopgridB {
+	width: 600px;
+	min-height: 35px;
+	margin: 0px auto;
+	background: #ffffff;
+	display: grid;
+	grid-template-columns: 100px 100px 100px 100px 100px 100px;
+	grid-template-rows: 45px;
+	border-left: 1px solid #000000;
+	}
+.sheet-pnjdatostopceldasgridB {
+	text-align: center;
+	color: #000000;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	border-right: 1px solid #000000;
+	border-bottom: 1px solid #000000;
+	}
+.sheet-pnjarmasgrid {
+	width: 600px;
+	min-height: 35px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 270px 100px 230px;
+	grid-template-rows: 45px;
+	}
+.sheet-pnjarmasceldasgrid {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	border-right: 1px solid #FFFFFF;
+	}
+.sheet-pnjarmasgridB {
+	width: 598px;
+	height: auto;
+	min-height: 35px;
+	margin: 0px auto;
+	background: #ffffff;
+	border: 1px solid #000000;
+	}
+.sheet-pnjatributosgrid {
+	width: 600px;
+	min-height: 45px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 120px 120px 120px 120px 120px;
+	grid-template-rows: 25px;
+	}
+.sheet-pnjatributosceldasgrid {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	min-height: 25px;
+	border-right: 1px solid #FFFFFF;
+	}
+.sheet-pnjatributosgridB {
+	width: 600px;
+	min-height: 90px;
+	margin: 0px auto;
+	background: #ffffff;
+	display: grid;
+	grid-template-columns: 120px 120px 120px 120px 120px;
+	grid-template-rows: 25px;
+	border-left: 1px solid #000000;
+	}
+.sheet-pnjatributosceldasgridB {
+	text-align: center;
+	color: #000000;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	min-height: 70px;
+	border-right: 1px solid #000000;
+	border-bottom: 1px solid #000000;
+	}
+.sheet-pnjdescripcion {
+	position: relative;
+	width: 600px;
+	min-height: 20px;
+	margin: 10px auto 0px;
+	background: #000000;
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	}
+.sheet-pnjcajadescripcion {
+	width: 598px;
+	height: auto;
+	min-height: 35px;
+	margin: 0px auto;
+	background: #ffffff;
+	border: 1px solid #000000;
+	}
+
+/* END PNJ SHEET */
+  .sheet-clearfloat { 
+	clear:both;
+	height:0;
+	font-size: 0px;
+	line-height:0px;
+}	
+.sheet-espaicap{
+	float: none;
+	position: relative;
+	width: 100%;
+	height: 10px;
+	margin: 0px auto;
+	}
+.sheet-espai{
+	float: none;
+	position: relative;
+	width: 100%;
+	height: 40px;
+	margin: 0px auto;
+	}
+.sheet-espai100{
+	float: left;
+	position: relative;
+	width: 100%;
+	height: 100px;
+	margin: 0px auto;
+	}
+.sheet-separador{
+	float: left;
+	position: relative;
+	width: 100%;
+	height: 30px;
+	margin: 10px auto;
+	}
+.sheet-separadorpnj{
+	float: left;
+	position: relative;
+	width: 100%;
+	height: 10px;
+	margin: 0px auto;
+	}
+.sheet-espaipeu{
+	float: none;
+	position: relative;
+	width: 80%;
+	height: auto;
+	margin: 0px auto;
+	padding:30px 10% 10px;
+	text-align:center;
+	font-size: 14px;
+	font-family: Arial, Helvetica, Georgia; 
+	}	
+ 
+  /* LINKS CSS */
+a:link {
+	color: #000;
+	text-decoration: none;
+}
+a:visited {
+	color: #000;
+	text-decoration: none;
+}
+a:hover {
+	color: #D3000D;
+	text-decoration: none;
+}
+a:active {
+	color: #CCC;
+	text-decoration: none;
+} 
+   /* END LINKS CSS */
+ 
+.sheet-espaitop{
+	float: none;
+	position: relative;
+	width: 100%;
+	height: 0px;
+	margin: 30px auto;
+	}	
+.sheet-espaitop2{
+	float: none;
+	position: relative;
+	width: 100%;
+	height: 0px;
+	margin: 10px auto;
+	}	
+
+.sheet-contenedorMO{
+	float:none;
+	position:relative; 
+	width:100%;
+	height:auto;
+	margin: 0px auto;
+	border: solid medium double ;
+	border-color: #000000;	
+	overflow:hidden;
+	max-width: 1000px;
+	}
+
+.sheet-cap{
+	float: left;
+	position: relative;
+	width: 1000px;
+	height: auto;
+	min-height: 100px;
+	margin: 0px auto;
+	text-align: center;
+	background-color:#FFF;
+	background-image:url(../images/xxx.jpg);
+	background-repeat:no-repeat;
+	background-position: left top;
+	}
+
+.sheet-capintern{
+	float: none;
+	position: relative;
+	width: 100%;
+	height: auto;
+	margin: 0px auto;
+	}	
+
+.sheet-logo{
+	float: left;
+	position: relative;
+	width:200px;
+	height: auto;
+	margin: 0px auto;
+	}
+
+.sheet-logo img{
+	float: none;
+	position: relative;
+	width: 100%;
+	max-width:600px;
+	height: auto;
+	margin: 0px auto;
+	}
+.sheet-col_superviviente{
+	float: left;
+	position: relative;
+	width:480px;
+	height: auto;
+	margin: 0px auto;
+	}
+
+.sheet-superviviente{
+	float: left;
+	position: relative;
+	width:480px;
+	height: 30px;
+	margin: 0px auto;
+	}
+.sheet-superviviente1{
+	float: left;
+	position: relative;
+	width:50%;
+	height: 30px;
+	margin: 0px auto;
+	}
+.sheet-superviviente2{
+	float: left;
+	position: relative;
+	width:150px;
+	height: 30px;
+	margin: 5px auto 0px;
+	font-family: Rakkas, Chonburi, Cambria ;
+	font-size: 20px;
+	}
+.sheet-superviviente3{
+	float: left;
+	position: relative;
+	width:270px;
+	height: 30px;
+	margin: 5px auto 0px;
+	font-family: Rakkas, Cambria, Chonburi;;
+	font-size: 20px;
+	}
+.sheet-superviviente4{
+	float: left;
+	position: relative;
+	width:220px;
+	margin: 5px auto 0px;
+	font-family: Rakkas, Cambria, Chonburi;
+	font-size: 20px;
+	}
+
+.sheet-col-tercera{
+	float: left;
+	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	width: 270px;
+	height: 120px;
+	min-height: 120px;
+	padding: 10px 20px;
+	border: dotted rgba(0,0,0,1.00);
+	overflow: hidden;
+	}
+
+.sheet-titulos-tercera {
+	float: left;
+	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	width: 100%;
+	min-height: 50px;
+	margin: 0px auto;
+ 	font-size: 20px;
+  	font-family:  Morpheus, Rakkas, Chonburi, Rye, Abril Fatface, Merriweather ;
+	color: #000000;
+	}
+.sheet-titulos-tercera img {
+	margin-top: 0px;
+	max-width: 40px;
+	max-height: 30px;
+	}
+
+/*============= ATRIBUTOS Y HABILIDADES CSS=============*/
+
+.sheet-atributstotal{
+	float: left;
+	position: relative;
+	width:1000px;
+	height: auto;
+	margin: 0px auto;
+	overflow:hidden; 
+	}
+
+.sheet-col-atributs1{
+	float: left;
+	position: relative;
+	width:198px;
+	height: 320px;
+	margin: 10px auto;
+	overflow:hidden;
+	}
+
+.sheet-col-atributs2{
+	float: left;
+	position: relative;
+	width:196px;
+	height: 320px;
+	margin: 10px auto;
+	text-align: center;
+	}
+
+.sheet-col-atributs2 img {
+	float: none;
+	position: relative;
+	margin: 0px auto;
+	text-align: center;
+	height: auto;
+		}
+
+.sheet-atributs1{
+	float: none;
+	position: relative;
+	width:100%;
+	height: 40px;
+	margin: 0px auto;
+	overflow:hidden;
+	font-family: Morpheus, Cambria, Rakkas;
+	font: bold;
+	font-size: 30px;
+	text-align: center;
+	}
+.sheet-atributs2{
+	float: none;
+	position: relative;
+	width:100%;
+	height: 40px;
+	padding: 5px 5px;
+	margin: 0px auto 10px;
+	overflow:hidden;
+	font-family: Morpheus, Cambria, Rakkas;
+	font: bold;
+	font-size: 24px;
+	text-align: center;
+	}
+
+
+.sheet-mycheck{	
+	filter:  hue-rotate(120deg) brightness(0.8);
+  }
+/* filter: invert(100%) hue-rotate(1040deg) brightness(0.8); */
+.sheet-mycheck:checked {
+  background-color: #FF0000;
+}
+
+.sheet-habilidad{
+	float: left;
+	position: relative;
+	width:100px;
+	height: 30px;
+	line-height: 30px;
+	margin: 0px 0px 0px 0px;
+	padding-left: 10px;
+	overflow:hidden;
+	font-family: Constantia, cambria, Baskerville;
+	}
+
+.sheet-habilidad2{
+	float: left;
+	position: relative;
+	width: 80px;
+	height: 30px;	
+	margin: 0px 0px 0px 5px;
+	overflow:hidden;
+	font-family: Constantia, cambria, Baskerville;
+	}
+
+.sheet-habilitat{
+	float: none;
+	position: relative;
+	width:75%;
+	height: 30px;
+	line-height: 30px;
+	margin: 0px 20px 0px 0px;
+	padding-left: 10px;
+	overflow:hidden;
+	font-family: Constantia, cambria, Baskerville;
+	}
+
+	/*============= TABLA ARMAS =============*/
+	.containertabla {
+    border: solid 1px rgba(255, 255, 255, 0.2);
+}	
+
+.sheet-titolsortilegios{
+	float: none;
+	position: relative;
+	width:100%;
+	height: auto;
+	margin: 0px auto;
+	overflow:hidden; 
+	font-family: Morpheus, Rakkas, Cambria;
+	font: bold;
+	font-size: 70px;
+	text-align: center;
+	}
+.sheet-titolpestanyes{
+	float: none;
+	position: relative;
+	width:100%;
+	height: auto;
+	margin: 0px auto;
+	overflow:hidden; 
+	font-family: Morpheus, Rakkas, Cambria;
+	font: bold;
+	font-size: 70px;
+	text-align: center;
+	}
+
+/*============= RASGOS =============*/
+
+.sheet-rasgostotal{
+	float: none;
+	position: relative;
+	width:100%;
+	height: auto;
+	margin: 0px auto;
+	overflow:hidden; 
+	}
+
+.sheet-col-rasgos{
+	float: left;
+	position: relative;
+	width:28%;
+	height: auto;
+	margin: 1%;
+	padding: 1%;
+	border: double rgba(0,0,0,1.00);
+	overflow:hidden;
+	}
+.sheet-col-rasgos2{
+	float: left;
+	position: relative;
+	width:293px;
+	height: auto;
+	margin: 10px 20px 10px 0px;
+	padding: 1%;
+	border: double rgba(0,0,0,1.00);
+	overflow:hidden;
+	}
+.sheet-col-rasgos3{
+	float: left;
+	position: relative;
+	width:294px;
+	height: auto;
+	margin: 10px 0px 10px 0px;
+	padding: 1%;
+	border: double rgba(0,0,0,1.00);
+	overflow:hidden;
+	}
+.sheet-titol_rasgos{
+	float: none;
+	position: relative;
+	width:100%;
+	height: 40px;
+	margin: 0px auto;
+	overflow:hidden;
+	font-family: Morpheus, Rakkas, Cambria;
+	font: bold;
+	font-size: 22px;
+	text-align: center;
+	}
+
+	
+/*============= PIE =============*/
+
+.sheet-pie{
+	float: left ; 
+	position: relative;
+	width:1000px;
+	max-width: 1000px;
+	height: auto;
+	margin: 0px auto;
+	text-align: center;
+	}
+
+.sheet-col-pie1{
+	float: left;
+	width:380px;
+	height: 205px;
+	margin: 10px auto;
+	overflow:hidden;
+	border: double rgba(0,0,0,1.00);
+	}
+
+.sheet-col-atacdefensa{
+	float: left;
+	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	width: 360px;
+	height: auto;
+	min-height: 70px;
+	padding: 10px 10px 10px 10px;
+	overflow: hidden;
+	}
+
+.sheet-col-pie2{
+	float: left;
+	position: relative;
+	width: 220px;
+	height: 195px;
+	margin: 10px auto;
+	padding: 10px 0px 0px;
+	overflow:hidden;
+	border: double rgba(0,0,0,1.00);
+	}
+
+.sheet-titulos-pie2 {
+	float: left;
+	position: relative;
+	width: 100%;
+	min-height: 40px;
+	margin: 0px auto;
+ 	font-size: 20px;
+  	font-family: Morpheus, Cambria, Rakkas;
+	color: #000000;
+	}
+.sheet-titulos-pie2 img {
+	margin-top: 0px;
+	}
+.sheet-col-pie3{
+	float: left;
+	position: relative;
+	width:380px;
+	height: 205px;
+	margin: 10px auto;
+	overflow:hidden;
+	border: double rgba(0,0,0,1.00);
+	}
+.sheet-titulos-pie3 {
+	float: left;
+	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	width: 100%;
+	min-height: 40px;
+	margin: 0px auto;
+ 	font-size: 20px;
+  	font-family:  Morpheus, Rakkas, Cambria;
+	color: #000000;
+	}
+.sheet-titulos-pie3 img {
+	margin-top: 0px;
+	max-width: 40px;
+	max-height: 30px;
+	}
+.sheet-titulos-pie3 input {
+	height: 35px;
+	max-height: 35px;
+	}
+.sheet-titulos-pie3 btn {
+	height: 35px;
+	max-height: 35px;
+	}
+.sheet-ataque-defensa {
+	float: left;
+	width: 50%;
+	height: auto;
+	margin: 10px auto;
+	overflow:hidden;
+	background-color: aqua;
+	}
+.sheet-tipoataque{
+	float: left;
+	width:100%;
+	height: auto;
+	margin: 0px auto;
+	overflow:hidden;
+	}
+.sheet-base-cc-pro{
+	float: left;
+	width:80%;
+	height: auto;
+	overflow:hidden;
+	text-align: right;
+	}
+
+.sheet-espaiprebotonegre{
+	float: left;
+	width:120px;
+	padding: 0px auto;
+	height: auto;
+	overflow:hidden;
+	text-align: center;
+	}
+.sheet-espaiprebotonegre2{
+	float: left;
+	width: 154px;
+	padding: 0px auto;
+	height: auto;
+	overflow:hidden;
+	text-align: center;
+	}
+
+.sheet-botonegre{
+	float: left;
+	width: 57px;
+	margin: 0px 0px 0px 5px; 
+	padding: 0px 2px;
+	height: auto;
+	overflow:hidden;
+	text-align: center;
+	background-color: #000000;
+	color: #FFFFFF;
+	}
+
+.sheet-secundarios-pie {
+	float: left;
+	position: relative;
+	display: flex;
+	flex-wrap: wrap;
+	width: 120px;
+	min-height: 40px;
+	margin: 0px ;
+ 	font-size: 20px;
+  	font-family:  Morpheus, Cambria, Rakkas;
+	color: #000000;
+	}
+.sheet-botonegre2{
+	float: left;
+	width:92px;
+	margin: 0px 0px 0px 5px; 
+	padding: 0px 2px;
+	height: auto;
+	overflow:hidden;
+	text-align: center;
+	background-color: #000000;
+	color: #FFFFFF;
+	}
+
+/* ARMAS  */
+.sheet-armasgrid {
+	width: 1000px;
+	min-height: 50px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 220px 58px 80px 70px 575px;
+	grid-template-rows: 20px;
+	}
+.sheet-armasceldasgrid {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Chonburi, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	min-height: 50px;
+	border-right: 1px solid #FFFFFF;
+	}
+/* MAGIA ARCANA E INFERNAL  */
+.sheet-magiagrid {
+	width: 1000px;
+	min-height: 50px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 80px 180px 480px 80px 120px 60px;
+	grid-template-rows: 50px ;
+	}
+.sheet-magiaceldasgrid {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Chonburi, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	border-right: 1px solid #FFFFFF;
+	border-bottom: 1px solid #FFFFFF;
+	}
+.sheet-magiagrid2 {
+	width: 1000px;
+	min-height: 50px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 80px 920px;
+	grid-template-rows: repeat 6 50px ;
+	}
+.sheet-magiaceldasgrid2 {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Chonburi, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	
+	border-right: 1px solid #FFFFFF;
+	border-bottom: 1px solid #FFFFFF;
+	}
+
+/* PODERES DIVINOS  */
+.sheet-poderesgrid {
+	width: 1000px;
+	min-height: 50px;
+	margin: 0px auto;
+	background: #000000;
+	display: grid;
+	grid-template-columns: 85px 180px 735px;
+	grid-template-rows: 20px;
+	}
+.sheet-poderceldasgrid {
+	text-align: center;
+	color: #ffffff;
+	font-family: Rakkas, Cambria, Chonburi, Morpheus;
+	font-size: 20px;
+	padding: 10px 0px;
+	min-height: 50px;
+	border-right: 1px solid #FFFFFF;
+	}
+
+
+/* TABS Y MENU BOTONES*/
+
+.sheet-containertabs {
+	float: left;
+	position: relative;
+	width: 1000px;
+	margin: 0px auto;
+	}
+
+.sheet-butonets{
+	float: left;
+	margin: 10px 5px; 
+	padding: 10px 22px;
+	height: auto;
+	overflow:hidden;
+	text-align: center;
+	background-color: #000000;
+	color: #FFFFFF;
+	font-family: Rakkas, Cambria, Morpheus;
+	font-size: 18px;
+	}
+.sheet-butonets:active{
+	background-color: #4A0001;
+	color: #FFFFFF;
+	}
+
+/*Configure the tab buttons*/
+.charsheet .sheet-habilidades,
+.charsheet .sheet-armas,
+.charsheet .sheet-rasgos,
+.charsheet .sheet-equipo,
+.charsheet .sheet-magia,
+.charsheet .sheet-poddivinos,
+.charsheet .sheet-diario{
+    display: none;
+}
+
+/* show the selected tab */
+.charsheet .sheet-tabstoggle[value="habilidades"] ~ div.sheet-habilidades,
+.charsheet .sheet-tabstoggle[value="armas"] ~ div.sheet-armas, 
+.charsheet .sheet-tabstoggle[value="rasgos"] ~ div.sheet-rasgos,
+.charsheet .sheet-tabstoggle[value="equipo"] ~ div.sheet-equipo,
+.charsheet .sheet-tabstoggle[value="magia"] ~ div.sheet-magia,
+.charsheet .sheet-tabstoggle[value="poddivinos"] ~ div.sheet-poddivinos,
+.charsheet .sheet-tabstoggle[value="diario"] ~ div.sheet-diario{
+    display: block;
+}
+
+
+/* POP UPS  */
+h1 {
+  text-align: center;
+  font-family: Tahoma, Arial, sans-serif;
+  color: #880202;
+  margin: 80px 0;
+}
+
+.overlay {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background: rgba(0, 0, 0, 0.7);
+  transition: opacity 500ms;
+  visibility: hidden;
+  opacity: 0;
+}
+.overlay:target {
+  visibility: visible;
+  opacity: 1;
+}
+
+.popup {
+  margin: 70px auto;
+  padding: 50px;
+  background: #fff;
+  border-radius: 5px;
+  width: 30%;
+  position: relative;
+  transition: all 5s ease-in-out;
+	background-color: #000;
+	color: #ffffff;
+}
+
+.popup h2 {
+  margin-top: 0;
+  color: #FFFFFF;
+  font-family: Morpheus, Cambria, Tahoma, Arial;
+}
+.popup .close {
+  position: absolute;
+  top: 30px;
+  right: 40px;
+  transition: all 200ms;
+  font-size: 30px;
+  font-weight: bold;
+  text-decoration: none;
+  color: #FFFFFF;opacity: 1;
+}
+.popup .close:hover {
+  color: #880202;
+}
+.popup .content {
+  max-height: 40%;
+  overflow: auto;
+	font-family: Constantia, Cambria, Tahoma, Arial;
+	font-size: 16px;
+}
+
+@media screen and (max-width: 700px){
+  .box{
+    width: 70%;
+  }
+  .popup{
+    width: 70%;
+  }
+}
+
+
+/*  FIRMA  */
+.sheet-firma{
+	float: left;
+	position: relative;
+	width:100%;
+	height: 20px;
+	margin: 0px auto;
+	overflow:hidden;
+	text-align: center;
+	}	
+
+.sheet-firma:hover{
+	color: #880202;
+	}	
+
+
+/*  TEMPLATE MO  */
+
+.sheet-rolltemplate-mo {
+  margin-left: -37px;
+}
+.withoutavatars .sheet-rolltemplate-mo {
+  margin-left: -7px;
+}
+.sheet-rolltemplate-mo .sheet-container {
+  border: 3px solid black;
+  border-radius: 3px;
+}
+
+.sheet-rolltemplate-mo .sheet-header {
+  background-color: var(--header-bg-color);
+  color: var(--header-text-color);
+  text-align: left;
+  text-transform: capitalize;
+  padding: 5px;
+  border-bottom: 2px solid black;
+}
+
+.sheet-rolltemplate-mo .sheet-title {
+  	padding-top: 3px;
+	font-size: 20px;
+  	font-weight: bold;
+	font-family: Morpheus, Rakkas, Cambria;	
+}
+
+.sheet-rolltemplate-mo .sheet-title img.sheet-logomo {
+	width: 60px;
+    margin: 0px 0px;
+    height: 35px !important;
+    float: right;
+}
+
+.sheet-rolltemplate-mo .sheet-subtitle {
+	font-size: 14px;
+	font-family: arial, tahoma, cambria;
+	padding-top: 5px
+}
+
+.sheet-rolltemplate-mo .sheet-container {
+  --header-bg-color: #000;
+  --header-text-color: #FFF;
+}
+.sheet-rolltemplate-mo .sheet-container.sheet-color-green {
+  --header-bg-color: #008000;
+}
+.sheet-rolltemplate-mo .sheet-container.sheet-color-black {
+  --header-bg-color: #000;
+}
+.sheet-rolltemplate-mo .sheet-container.sheet-color-white {
+  --header-bg-color: #FFF;
+  --header-text-color: #000;
+}
+
+.sheet-rolltemplate-mo .sheet-content {
+  display: grid;
+  background: #FFF;
+	color: #000;
+  grid-template-columns: auto auto;
+  line-height: 1.4em;
+}
+
+.sheet-rolltemplate-mo .sheet-content > div {
+  padding: 8px 5px;
+	background-color: #ffffff;
+}
+
+.sheet-rolltemplate-mo .sheet-content .sheet-key {
+ 	font-weight: bold;
+    padding: 15px;
+    text-align: right;
+    font-size: 22px;
+    font-family: Rakas, Cambria;
+}
+.sheet-rolltemplate-mo .sheet-content .sheet-value {
+	padding: 15px 5px;
+    font-size: 20px;
+    color: #868686;
+}
+.sheet-rolltemplate-mo .sheet-content .sheet-desc {
+  background-color:#550103;
+}
+
+
+/*
+.sheet-rolltemplate-mo .sheet-content :nth-child(4n+3),
+.sheet-rolltemplate-mo .sheet-content :nth-child(4n) {
+  background: #EEE;
+}   
+*/
+
+.sheet-rolltemplate-mo .sheet-desc {
+  grid-column: span 2;
+  padding: 5px;
+  text-align: center;
+	border-top: #000000 solid 1px;
+	color: #868686;
+}
+
+
+.sheet-rolltemplate-mo .textchatcontainer .inlinerollresult {
+    background-color: #000!important;
+    border: 2px solid var(--primary-dark);
+	color: #fff!important;
+}
+
+.inlinerollresult {
+    background-color: #000!important ;
+    border: 2px solid var(--primary-dark);
+	color: #fff!important;
+}
+
diff --git a/Medievo Oscuro/medievooscuro.html b/Medievo Oscuro/medievooscuro.html
index 00b56d6e5e..e462c38afe 100644
--- a/Medievo Oscuro/medievooscuro.html	
+++ b/Medievo Oscuro/medievooscuro.html	
@@ -1,1411 +1,1411 @@
-<!-- MEDIEVO OSCURO -->
-<!-- Juego de rol infernal -->
-
-	<div class="sheet-contenedorMO">
-
-<!-- end .SELECT PNJ -->		
-<div class="triapj">
-	<div class="sheet-precrearpnj">Crear pnj </div><!-- end .precrearpnj --><input style="position: absolute; float: right; margin-top: 3px; " type="checkbox" class="sheet-block-switch"><div class="sheet-block-pj">	
-	<!-- end .PNJ -->
-		
-<div class="sheet-cap">
-
-		<div class="sheet-logo">
-		<img src="http://medievooscuro.es/MO-ROLL20/logo-MO-200px.jpg" width="200" height="136" alt="Medievo Oscuro"/>
-		</div><!-- end .logo -->
-		
-		<div class="sheet-col_superviviente">
-	
-			<div class="sheet-superviviente"> Nombre del Jugador <input type="text" style="width: 334px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_nom_jugador" title="Jugador"></div><!-- end .superviviente -->
-			<div class="sheet-superviviente"> Nombre del Superviviente <input type="text" style="width: 302px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_character_name" title="Superviviente"></div><!-- end .superviviente -->
-			<div class="sheet-superviviente1"> Profesión <input type="text" style="width: 160px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_profesion_superviviente" title="Profesión"></div><!-- end .superviviente -->
-			<div class="sheet-superviviente1"> Oficio   <input type="text" style="width: 180px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_oficio_superviviente" title="Oficio"></div><!-- end .superviviente -->
-			
-			<div class="sheet-superviviente2"> NIVEL <input type="number" style="font-size: 18px; width: 50px; text-align: center;" name="attr_nivel_superviviente" title="Nivel del superviviente" value="0" min="0" max="10"></div><!-- end .superviviente -->	
-			<div class="sheet-superviviente3"> Puntos de Experiencia  <input type="number" style="font-size: 18px; width: 60px; text-align: center;" name="attr_puntos_experiencia" title="Puntos de experiencia" value="0" min="0" max="999"></div><!-- end .superviviente -->
-	
-		</div><!-- end.col_superviviente -->
-						
-			<div class="sheet-col-tercera">
-			
-				<div class="sheet-superviviente4">  <img src="http://medievooscuro.es/MO-ROLL20/MO-Monedas-40px.jpg" alt="monedas"/> MONEDAS <input type="number" style="font-size: 18px; width: 70px; text-align: center;" name="attr_Monedas" title="Monedas" value="0" min="0" max="9999"></div><!-- end .superviviente -->
-								
-				<div class="sheet-superviviente4"> <img src="http://medievooscuro.es/MO-ROLL20/MO-Efecto-especial-40px.jpg"  alt="Efecto especial"/>  <a class="button" href="#popupefectoespecial">EFECTO ESPECIAL</a> <input type="text" style=" font-size: 18px; width: 210px; text-align: center;" name="attr_efecto_especial" title="Efecto especial"> </div><!-- end .superviviente -->
-			
-		<!--	CODI DESPLEGABLE EFECTO ESPECIAL
-		<select name="attr_efectoespecial">
-  			<option value="0" selected="selected">Healthy</option>
-  			<option value="1">Amor Roto</option>
-  			<option value="2">Convencer</option>
-  			<option value="3">Dejar inconsciente</option>
-  			<option value="4">Encontrar</option>
-  			<option value="5">Escape</option>
-			<option value="6">Intimidar</option>
-			<option value="7">Matar</option>
-			<option value="8">Ocultarse</option>
-			<option value="9">Seducir</option>
-			<option value="10">Suertudo</option>
-			<option value="11">Vivo de milagro</option>
-			<option value="12">Elección premeditada</option>
-		</select> -->
-								
-			</div><!-- end .col-tercera -->	
-	
-</div><!-- end .cap -->
-				
-				<div class="clearfloat"></div>
-				
-<div class="sheet-pie">			
-			<div class="sheet-col-pie1">
-		  		<div class="sheet-col-atacdefensa">
-		
-					 <div class="sheet-espaiprebotonegre2">  </div><!-- end .espaiprebotonegre --><div class="sheet-botonegre"> BASE </div><!-- end .botonegre --><div class="sheet-botonegre"> CC </div><!-- end .botonegre --><div class="sheet-botonegre"> PRO </div><!-- end .botonegre -->	
-					
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Ataque-40px.jpg" alt="ataque"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popupataque">ATAQUE</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_ataque_base" title="Ataque Base"> <input type="number" style=" margin-right: 5px; 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_ataque_cc" title="Ataque CC"> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_ataque_pro" title="Ataque PRO">
-					</div><!-- end .titulos-pie3 -->
-				
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Defensa-40px.jpg" alt="defensa"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popupdefensa">DEFENSA</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_defensa" title="Defensa base"> <input type="number" style=" margin-rigth: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_defensaarmadura" title="Defensa con Armadura">
-					</div><!-- end .titulos-pie3 -->
-														
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Milagro-40px.jpg" alt="milagro"/><div class="sheet-secundarios-pie" > <a class="button" href="#popupmilagro">MILAGRO</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_milagro" title="Milagro"><button style="height: 35px; max-height: 30px" type="roll" name="roll_milagro" value="&{template:mo} {{title=TIRADA DE MILAGRO }} {{subtitle= @{character_name} }} {{color=}} {{MILAGRO=[[@{milagro} + d20 ]]}}" ></button>
-					</div><!-- end .titulos-pie3 -->
-					
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Reflejos-40px.jpg" alt="reflejos"/><div class="sheet-secundarios-pie" > <a class="button" href="#popupreflejos">REFLEJOS</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_reflejos" title="Reflejos"><button style="height: 35px; max-height: 30px" type="roll" name="roll_iniciativa" value="&{template:mo} {{title=TIRADA DE INICIATIVA }} {{subtitle= @{character_name} }} {{color=}} {{INICIATIVA=[[@{reflejos} + d8 ]]}}" >
-					</button></div><!-- end .titulos-pie3 -->	
-						
-				</div><!-- end .col-atacdefensa -->	
-			</div><!-- end .col-pie1 -->		
-				
-		<div class="sheet-col-pie2">
-			<img src="http://medievooscuro.es/MO-ROLL20/Bondad-Maldad-200x100px.jpg" alt="bondad maldad"/> 
-			<div class="sheet-clearfloat"></div>
-			<div class="sheet-titulos-pie2"><a class="button" href="#popupbondadmaldad">BONDAD - MALDAD</a></div><!-- end .titulos-pie2 -->
-			<div class="sheet-titulos-pie2"><input disabled="true" type="number" style=" font-size: 20px; width: 60px; text-align: center; " name="attr_bondad" title="Bondad" value="[[100-@{maldad}]]" min="-100" max="100"> <input type="number" style=" font-size: 20px; width: 60px; text-align: center; " name="attr_maldad" title="Maldad" value="0" min="0" max="200"></div><!-- end .titulos-pie2 -->
-		</div><!-- end .col-pie2 -->	
-		
-		<div class="sheet-col-pie3">
-		  <div class="sheet-col-atacdefensa">
-		
-			  		 <div class="sheet-espaiprebotonegre">  </div><!-- end .espaiprebotonegre --><div class="sheet-botonegre2"> TOTALES </div><!-- end .botonegre --><div class="sheet-botonegre2"> ACTUALES </div><!-- end .botonegre -->	
-								
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Vida-40px.jpg" width="40px" height="30px" alt="puntos de vida"/><div class="sheet-secundarios-pie"> <a class="button" href="#popuppuntosdevida">P. VIDA</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_vida_total" title="Vida total"> <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_vida_actual" title="Vida actual"> </div><!-- end .titulos-pie -->
-					
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Cordura-40px.jpg" width="40px" height="30px" alt="puntos de cordura"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popuppuntosdecordura">P. CORDURA</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_cordura_total" title="Cordura total">  <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_cordura_actual" title="Cordura actual"> </div><!-- end .titulos-pie -->
-					
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Puntos-Poder-40px.jpg" width="40px" height="30px" alt="puntos de poder"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popuppuntosdepoder">P. PODER</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_poder_total" title="Poder total"> <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_poder_actual" title="Poder actual"> </div><!-- end .titulos-pie -->
-						
-					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Suerte-40px.jpg" width="40px" height="30px" alt="suerte"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popupsuerte">SUERTE</a> </div> <input  type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_suerte_total" title="Suerte total">  <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_suerte_actual" title="Suerte actual"> </div><!-- end .titulos-pie -->
-						
-				</div><!-- end .col-atacdefensa -->	
-					
-		</div><!-- end .col-pie3 -->	
-				
-	</div><!-- end .pie -->							
-					
-				
-	<div class="sheet-clearfloat"></div>
-								
-	<div class="sheet-espaitop2"></div><!-- end .espaitop -->
-		
-				
-				<!-- TABS MENU MO -->
-	<div class="sheet-containertabs">
-						
-	<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab"  value="habilidades"  />
-<div>
-    <button class="sheet-butonets" type="action" name="act_habilidades" >HABILIDADES</button>
-    <button class="sheet-butonets" type="action" name="act_armas" >ARMAS</button>
-    <button class="sheet-butonets" type="action" name="act_rasgos" >RASGOS</button>
-	<button class="sheet-butonets" type="action" name="act_equipo" >EQUIPO</button>
-	<button class="sheet-butonets" type="action" name="act_magia" >MAGIA</button>
-	<button class="sheet-butonets" type="action" name="act_poddivinos" >PODERES DIVINOS</button>
-	<button class="sheet-butonets" type="action" name="act_diario" >DIARIO</button>
-</div>
-
-				<!-- HABILIDADES -->
-<div class="sheet-habilidades">
-	
-	<div class="sheet-titolpestanyes">HABILIDADES</div><!-- end .titolpestanyes -->
-    <div class="sheet-atributstotal">
-		<div class="sheet-col-atributs1">
-			<div class="sheet-atributs1"><a class="button" href="#popupalma">ALMA</a></div> 
-			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_alm" title="Alma" value="10" min="-10" max="30"></span>
-			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_alm" title="Bono Alma" readonly></span>
-			<button type="roll" name="roll_alma" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{ALMA=[[@{bono_alm} + d20 ]]}}" ></button>
-			</div><!-- end .sheet-atributs2 -->		
-							
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkdemonologia"> <a class="button" href="#popupdemonologia">Demonología</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_demonologia" title="Demonologia" value="0"><button type="roll" name="roll_demonologia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Demonología=[[@{demonologia} + @{bono_alm} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkleyendas"> <a class="button" href="#popupleyendas">Leyendas</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_leyendas" title="Leyendas" value="0"><button type="roll" name="roll_leyendas" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Leyendas=[[@{leyendas} + @{bono_alm} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkmagia" /> <a class="button" href="#popupmagia">Magia</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_magia" title="Magia" value="0"><button type="roll" name="roll_magia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Magia=[[@{magia} + @{bono_alm} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checknecromancia"> <a class="button" href="#popupnecromancia">Necromancia</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_necromancia" title="Necromancia" value="0"><button type="roll" name="roll_necromancia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Necromancia=[[@{necromancia} + @{bono_alm} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkpersuadir"> <a class="button" href="#popuppersuadir">Persuadir</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_persuadir" title="Persuadir" value="0"><button type="roll" name="roll_persuadir" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Persuadir=[[@{persuadir} + @{bono_alm} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkregatear"> <a class="button" href="#popupregatear">Regatear</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_regatear" title="Regatear" value="0"><button type="roll" name="roll_regatear" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Regatear=[[@{regatear} + @{bono_alm} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkseduccion"> <a class="button" href="#popupseduccion">Seducción</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_seduccion" title="Seduccion" value="0"><button type="roll" name="roll_seduccion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Seducción=[[@{seduccion} + @{bono_alm} + d20 ]]}}" ></button></div>
-		</div><!-- end .atributs -->
-		
-		<div class="sheet-col-atributs1">
-			<div class="sheet-atributs1"><a class="button" href="#popupcuerpo">CUERPO</a></div>
-			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_cue" title="Cuerpo" value="10" min="-10" max="30"></span>
-			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_cue" title="Bono Cuerpo" readonly></span>
-			<button type="roll" name="roll_cuerpo" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{CUERPO=[[@{bono_cue} + d20 ]]}}" ></button>
-			</div><!-- end .sheet-atributs2 -->
-			
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkagilidad"> <a class="button" href="#popupagilidad">Agilidad</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_agilidad" title="Agilidad" value="0"><button type="roll" name="roll_agilidad" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Agilidad=[[@{agilidad} + @{bono_cue} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkartesania"> <a class="button" href="#popupartesania">Artesanía</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_artesania" title="Artesanía" value="0"><button type="roll" name="roll_artesania" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Artesanía=[[@{artesania} + @{bono_cue} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkequitacion"> <a class="button" href="#popupequitacion">Equitación</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_equitacion" title="Equitación" value="0"><button type="roll" name="roll_equitacion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Equitación=[[@{equitacion} + @{bono_cue} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkinterpretacion"> <a class="button" href="#popupinterpretacion">Interpretación</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_interpretacion" title="interpretacion" value="0"><button type="roll" name="roll_interpretacion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Interpretación=[[@{interpretacion} + @{bono_cue} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkmana"> <a class="button" href="#popupmaña">Maña</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_maña" title="Maña" value="0"><button type="roll" name="roll_maña" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Maña=[[@{maña} + @{bono_cue} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkmontanismo"> <a class="button" href="#popupmontañismo">Montañismo</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_montañismo" title="Montañismo" value="0"><button type="roll" name="roll_montañismo" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Montañismo=[[@{montañismo} + @{bono_cue} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checksigilo"> <a class="button" href="#popupsigilo">Sigilo</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_sigilo" title="Sigilo" value="0"><button type="roll" name="roll_sigilo" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Sigilo=[[@{sigilo} + @{bono_cue} + d20 ]]}}" ></button></div>
-		</div><!-- end .atributs -->
-		
-		<div class="sheet-col-atributs1">
-			<div class="sheet-atributs1"><a class="button" href="#popupmente">MENTE</a></div>
-			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_men" title="Mente" value="10" min="-10" max="30"></span>
-			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_men" title="Bono Mente" readonly></span>
-			<button type="roll" name="roll_mente" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{MENTE=[[@{bono_men} + d20 ]]}}" ></button>
-			</div><!-- end .sheet-atributs2 -->
-					
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkalquimia"> <a class="button" href="#popupalquimia">Alquimia</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_alquimia" title="Alquimia" value="0"><button type="roll" name="roll_alquimia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Alquimia=[[@{alquimia} + @{bono_men} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkfaunayflora"> <a class="button" href="#popupfaunayflora">Fauna y Flora</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_faunayflora" title="Fauna y Flora" value="0"><button type="roll" name="roll_faunayflora" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Fauna y flora=[[@{faunayflora} + @{bono_men} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkcultura"> <a class="button" href="#popupcultura">Cultura</a> </div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_cultura" title="Cultura" value="0"><button type="roll" name="roll_cultura" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Cultura=[[@{cultura} + @{bono_men} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkleeryescribir"> <a class="button" href="#popupleeryescribir">Leer y escribir</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_leeryescribir" title="Leer y escribir" value="0">
-				<button type="roll" name="roll_leeryescribir" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Leer y escribir=[[@{leeryescribir} + @{bono_men} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkmedicina"> <a class="button" href="#popupmedicina">Medicina</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_medicina" title="Medicina" value="0"><button type="roll" name="roll_medicina" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Medicina=[[@{medicina} + @{bono_men} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checknavegar"> <a class="button" href="#popupnavegar">Navegar</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_navegar" title="Navegar" value="0"><button type="roll" name="roll_navegar" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Navegar=[[@{navegar} + @{bono_men} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkteologia"> <a class="button" href="#popupteologia">Teología</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_teologia" title="Teología" value="0"><button type="roll" name="roll_teologia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Teología=[[@{teologia} + @{bono_men} + d20 ]]}}" ></button></div>
-		</div><!-- end .atributs -->
-		
-		<div class="sheet-col-atributs1">
-			<div class="sheet-atributs1"><a class="button" href="#popuppercepcion">PERCEPCIÓN</a> </div>
-			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_per" title="Percepción" value="10" min="-10" max="30"></span>
-			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_per" title="Bono Percepción" readonly></span>
-			<button type="roll" name="roll_percepcion" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{PERCEPCIÓN=[[@{bono_per} + d20 ]]}}" ></button>
-			</div><!-- end .sheet-atributs2 -->
-			
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkdegustar"> <a class="button" href="#popupdegustar">Degustar</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_degustar" title="Degustar" value="0"><button type="roll" name="roll_degustar" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Degustar=[[@{degustar} + @{bono_per} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkdescubrir"> <a class="button" href="#popupdescubrir">Descubrir</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_descubrir" title="Descubrir" value="0"><button type="roll" name="roll_descubrir" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Descubrir=[[@{descubrir} + @{bono_per} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkintuicion"> <a class="button" href="#popupintuicion">Intuición</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_intuicion" title="Intuición" value="0"><button type="roll" name="roll_intuicion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Intuición=[[@{intuicion} + @{bono_per} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checklanzar"> <a class="button" href="#popuplanzar">Lanzar</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_lanzar" title="Lanzar" value="0"><button type="roll" name="roll_lanzar" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Lanzar=[[@{lanzar} + @{bono_per} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkmineria"> <a class="button" href="#popupmineria">Minería</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_mineria" title="Minería" value="0"><button type="roll" name="roll_mineria" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Minería=[[@{mineria} + @{bono_per} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkoido"> <a class="button" href="#popupoido">Oído</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_oido" title="Oído" value="0"><button type="roll" name="roll_oido" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Oído=[[@{oido} + @{bono_per} + d20 ]]}}" ></button></div>
-			<div class="sheet-habilidad">
-				<input type="checkbox" class="sheet-mycheck" name="attr_checkrastrear"> <a class="button" href="#popuprastrear">Rastrear</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_rastrear" title="Rastrear" value="0"><button type="roll" name="roll_rastrear" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Rastrear=[[@{rastrear} + @{bono_per} + d20 ]]}}" ></button></div>
-		</div><!-- end .atributs -->
-		
-		<div class="sheet-col-atributs2">
-			<div class="sheet-atributs1"><a class="button" href="#popupresistencia">RESISTENCIA</a> </div>
-		  <div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_res" title="Resistencia" value="10" min="-10" max="30"></span>
-			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_res" title="Bono Resistencia" readonly></span>
-			<button type="roll" name="roll_resistencia" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{RESISTENCIA=[[@{bono_RES} + d20 ]]}}" ></button>
-			</div><!-- end .sheet-atributs2 -->
-			<img src="http://medievooscuro.es/MO-ROLL20/DEMON_MEDIEVO_OSCURO_142x200px.png" width="142" height="200" alt=""/>
-		</div><!-- end .atributs -->
-	</div><!-- end .atributstotal -->
-</div><!-- end . habilidades -->
-			
-			<!-- ARMAS -->
-<div class="sheet-armas">
-	    			
-	<div class="sheet-titolpestanyes">ARMAS</div><!-- end .titolpestanyes -->
-
-		<div class="sheet-armasgrid">
-				<div class="sheet-armasceldasgrid">	NOMBRE</div><!-- end . sheet-armasceldasgrid -->
-				<div class="sheet-armasceldasgrid">	REC</div><!-- end . sheet-armasceldasgrid -->
-				<div class="sheet-armasceldasgrid">	DAÑO</div><!-- end . sheet-armasceldasgrid -->
-				<div class="sheet-armasceldasgrid">	TIPO</div><!-- end . sheet-armasceldasgrid -->
-				<div class="sheet-armasceldasgrid">	GEMAS</div><!-- end . sheet-armasceldasgrid -->
-		</div><!-- end . sheet-armasgrid -->
-	
-	
-	<fieldset class="repeating_armas"> 
-  		<input type="text" name="attr_armaname"  style=" width: 220px;"/> 
-		<input type="number" name="attr_armarec" value="0" min="0" max="12" style="text-align: center; width: 50px;" /> 
-		<select name="attr_armadaño" class="dtype"  style=" text-align: center; width: 80px;"> 
-    		<option value="0">0</option>
-			<option value="1">1</option>
-			<option value="2">2</option>
-			<option value="3">3</option>
-			<option value="d3">d3</option>
-			<option value="d3+1">d3+1</option>
-			<option value="d3+2">d3+2</option>
-			<option value="d3+3">d3+3</option>
-			<option value="2d3">2d3</option>
-			<option value="3d3">3d3</option>
-			<option value="4d3">4d3</option>
-			<option value="d4">d4</option>
-			<option value="d4+1">d4+1</option>
-			<option value="d4+2">d4+2</option>
-			<option value="d4+3">d4+3</option>
-			<option value="2d4">2d4</option>
-			<option value="3d4">3d4</option>
-			<option value="4d4">4d4</option>
-			<option value="d6">d6</option>
-			<option value="d6+1">d6+1</option>
-			<option value="d6+2">d6+2</option>
-			<option value="d6+3">d6+3</option>
-			<option value="d6+d3">d6+d3</option>
-			<option value="d6+d4">d6+d4</option>
-			<option value="2d6">2d6</option>
-			<option value="d8">d8</option>
-			<option value="d8+1">d8+1</option>
-			<option value="d8+2">d8+2</option>
-			<option value="d8+3">d8+3</option>
-			<option value="d8+d3">d8+d3</option>
-			<option value="d8+d4">d8+d4</option>
-			<option value="2d8">2d8</option>
-    		<option value="d10">d10</option>
-			<option value="d10+1">d10+1</option>
-			<option value="d10+2">d10+2</option>
-			<option value="d10+3">d10+3</option>
-			<option value="d10+d3">d10+d3</option>
-			<option value="d10+d4">d10+d4</option>
-    		<option value="d12">d12</option>
-			<option value="d12+1">d12+1</option>
-			<option value="d12+2">d12+2</option>
-			<option value="d12+3">d12+3</option>
-			<option value="d12+d3">d12+d3</option>
-  		</select>
-		<select name="attr_armatipo" class="dtype"  style=" text-align: center; width: 65px;"> 
-    		<option value="@{ataque_cc}">CC</option>
-			<option value="@{ataque_pro}">PRO</option>
-		</select>
-		<button type="roll" name="roll_dañoarmabase" value="&{template:mo} {{title=TIRADA DE ATAQUE }} {{subtitle= @{character_name} }} {{color=}} {{ @{armaname}= [[ 1d20 + @{ataque_base} + @{armatipo}  ]]}}{{Daño=[[@{armadaño} + @{ataque_base} + @{armatipo}  ]]}}{{desc=@{armanombregema1}[[@{armadañogema1}]] @{armanombregema2}[[@{armadañogema2}]] @{armanombregema3}[[@{armadañogema3}]]}}" ></button>
-		
-		<select name="attr_armanombregema1" class="dtype"  style=" text-align: center; width: 110px;"> 
-    		<option value=" "> </option>
-			<option value="Ágata ">Ágata</option>
-			<option value="Aguamarina ">Aguamarina</option>
-			<option value="Amatista ">Amatista</option>
-			<option value="Ámbar ">Ámbar</option>
-			<option value="Cornalina ">Cornalina</option>
-			<option value="Diamante ">Diamante</option>
-			<option value="Esmeralda ">Esmeralda</option>
-			<option value="Krystallos ">Krystallos</option>
-			<option value="Espinela roja ">Espinela roja</option>
-			<option value="Jade ">Jade</option>
-			<option value="Lapislázuli ">Lapislázuli</option>
-			<option value="Malaquita ">Malaquita</option>
-			<option value="Ópalo ">Ópalo</option>
-			<option value="Perla ">Perla</option>
-			<option value="Peridoto ">Peridoto</option>
-			<option value="Rubí ">Rubí</option>
-			<option value="Turquesa ">Turquesa</option>
-			<option value="Topacio ">Topacio</option>
-			<option value="Zafiro ">Zafiro</option>
-			<option value="Zircón ">Zircón</option>
-			<option value="Otra ">Otra</option>
-    	</select>
-		<select name="attr_armadañogema1" class="dtype"  style=" text-align: center; width: 62px;"> 
-    		<option value="0">0</option>
-			<option value="d3">d3</option>
-			<option value="d3+1">d3+1</option>
-			<option value="d3+2">d3+2</option>
-			<option value="d3+3">d3+3</option>
-			<option value="d4">d4</option>
-			<option value="d4+1">d4+1</option>
-			<option value="d4+2">d4+2</option>
-			<option value="d4+3">d4+3</option>
-    		<option value="d6">d6</option>
-			<option value="2d6">2d6</option>
-    		<option value="d8">d8</option>
-			<option value="2d8">2d8</option>
-    	</select>
-		
-		<select name="attr_armanombregema2" class="dtype"  style=" text-align: center; width: 110px;"> 
-    		<option value=" "> </option>
-			<option value="Ágata ">Ágata</option>
-			<option value="Aguamarina ">Aguamarina</option>
-			<option value="Amatista ">Amatista</option>
-			<option value="Ámbar ">Ámbar</option>
-			<option value="Cornalina ">Cornalina</option>
-			<option value="Diamante ">Diamante</option>
-			<option value="Esmeralda ">Esmeralda</option>
-			<option value="Krystallos ">Krystallos</option>
-			<option value="Espinela roja ">Espinela roja</option>
-			<option value="Jade ">Jade</option>
-			<option value="Lapislázuli ">Lapislázuli</option>
-			<option value="Malaquita ">Malaquita</option>
-			<option value="Ópalo ">Ópalo</option>
-			<option value="Perla ">Perla</option>
-			<option value="Peridoto ">Peridoto</option>
-			<option value="Rubí ">Rubí</option>
-			<option value="Turquesa ">Turquesa</option>
-			<option value="Topacio ">Topacio</option>
-			<option value="Zafiro ">Zafiro</option>
-			<option value="Zircón ">Zircón</option>
-			<option value="Otra ">Otra</option>
-    	</select>
-		<select name="attr_armadañogema2" class="dtype"  style=" text-align: center; width: 62px;"> 
-    		<option value="0">0</option>
-			<option value="d3">d3</option>
-			<option value="d3+1">d3+1</option>
-			<option value="d3+2">d3+2</option>
-			<option value="d3+3">d3+3</option>
-			<option value="d4">d4</option>
-			<option value="d4+1">d4+1</option>
-			<option value="d4+2">d4+2</option>
-			<option value="d4+3">d4+3</option>
-    		<option value="d6">d6</option>
-			<option value="2d6">2d6</option>
-    		<option value="d8">d8</option>
-			<option value="2d8">2d8</option>
-    	</select>
-		
-		<select name="attr_armanombregema3" class="dtype"  style=" text-align: center; width: 110px;"> 
-    		<option value=" "> </option>
-			<option value="Ágata ">Ágata</option>
-			<option value="Aguamarina ">Aguamarina</option>
-			<option value="Amatista ">Amatista</option>
-			<option value="Ámbar ">Ámbar</option>
-			<option value="Cornalina ">Cornalina</option>
-			<option value="Diamante ">Diamante</option>
-			<option value="Esmeralda ">Esmeralda</option>
-			<option value="Krystallos ">Krystallos</option>
-			<option value="Espinela roja ">Espinela roja</option>
-			<option value="Jade ">Jade</option>
-			<option value="Lapislázuli ">Lapislázuli</option>
-			<option value="Malaquita ">Malaquita</option>
-			<option value="Ópalo ">Ópalo</option>
-			<option value="Perla ">Perla</option>
-			<option value="Peridoto ">Peridoto</option>
-			<option value="Rubí ">Rubí</option>
-			<option value="Turquesa ">Turquesa</option>
-			<option value="Topacio ">Topacio</option>
-			<option value="Zafiro ">Zafiro</option>
-			<option value="Zircón ">Zircón</option>
-			<option value="Otra ">Otra</option>
-    	</select>
-		<select name="attr_armadañogema3" class="dtype"  style=" text-align: center; width: 62px;"> 
-    		<option value="0">0</option>
-			<option value="d3">d3</option>
-			<option value="d3+1">d3+1</option>
-			<option value="d3+2">d3+2</option>
-			<option value="d3+3">d3+3</option>
-			<option value="d4">d4</option>
-			<option value="d4+1">d4+1</option>
-			<option value="d4+2">d4+2</option>
-			<option value="d4+3">d4+3</option>
-    		<option value="d6">d6</option>
-			<option value="2d6">2d6</option>
-    		<option value="d8">d8</option>
-			<option value="2d8">2d8</option>
-    	</select>
-	</fieldset>
-  
-	<rolltemplate class="sheet-rolltemplate-mo">
-  <div class="sheet-container sheet-color-{{color}}">
-    <div class="sheet-header">
-      {{#title}}<div class="sheet-title">{{title}}<img class="sheet-logomo" src="http://medievooscuro.es/MO-ROLL20/mo.png" width="59" height="33" alt="Logo Medievo Oscuro"> </div>{{/title}}
-      {{#subtitle}}<div class="sheet-subtitle">{{subtitle}}</div>{{/subtitle}}
-    </div>
-    <div class="sheet-content">
-      {{#allprops() title subtitle desc color}}
-      <div class="sheet-key">{{key}}</div>
-      <div class="sheet-value">{{value}}</div>
-      {{/allprops() title subtitle desc color}}
-      {{#desc}}<div class="sheet-desc">{{desc}}</div>{{/desc}}
-    </div>
-  </div>
-</rolltemplate>
-	
-</div><!-- end . armas -->
-							<!-- HABILIDADES -->
-			
-<div class="sheet-rasgos">
-	<div class="sheet-titolpestanyes">RASGOS Y TALENTOS</div><!-- end .titolpestanyes -->
-    <div class="sheet-col-rasgos2">
-		<div class="sheet-titol_rasgos">RASGOS DESCRIPTIVOS</div><!-- end .titol_rasgos -->
-			<textarea name="attr_rasgos_descriptivos" style=" padding: 2%; width: 96%; resize: vertical; min-height: 300px;  "></textarea>
-	</div><!-- end .col-rasgos2 -->
-		
-	<div class="sheet-col-rasgos2">
-		<div class="sheet-titol_rasgos">TRASFONDO</div><!-- end .titol_rasgos -->
-			<textarea name="attr_trasfondo" style=" padding: 2%; width: 96%; resize: vertical; min-height: 300px;  "></textarea>
-	</div><!-- end .col-rasgos2 -->
-		
-	<div class="sheet-col-rasgos3">
-		<div class="sheet-titol_rasgos">TALENTOS</div><!-- end .titol_rasgos -->
-			<textarea name="attr_talentos" style=" padding: 2%; width: 96%; resize: vertical; min-height: 300px;  "></textarea>
-	</div><!-- end .col-rasgos3 -->
-</div><!-- end . rasgos -->
-			
-							<!-- EQUIPO SUPERVIVIENTE-->
-<div class="sheet-equipo">
-	<div class="sheet-titolpestanyes">EQUIPO DEL SUPERVIVIENTE</div><!-- end .titolpestanyes -->
-    <textarea name="caja-equipo" style=" padding: 2%; width: 96%; resize: vertical; min-height: 400px;  "></textarea>
-</div><!-- end . equipo -->
-			
-							<!-- MAGIA SORTILEGIOS -->
-<div class="sheet-magia">
-    
-	<div class="sheet-titolsortilegios">SORTILEGIOS ARCANOS</div><!-- end .titolsortilegios -->
-	
-
-		<div class="sheet-magiagrid">
-			<div class="sheet-magiaceldasgrid">	NIVEL</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	SORTILEGIO</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	EFECTO</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	DAÑO</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	DUR</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	MAL</div><!-- end . sheet-magiaceldasgrid -->
-		</div><!-- end . sheet-magiagrid -->
-	
-	<div class="sheet-magiagrid2">
-			<div class="sheet-magiaceldasgrid2">1</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa1"> 
-			<input type="text" name="attr_sortilegionamea1" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoa1" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoa1" style=" text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduraciona1" style=" text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldada1" style=" text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-
-			
-			<div class="sheet-magiaceldasgrid2">2</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
-			<input type="text" name="attr_sortilegionamea2" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoa2" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoa2" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduraciona2" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldada2" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">3</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
-			<input type="text" name="attr_sortilegionamea3" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoa3" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoa3" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduraciona3" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldada3" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">4</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa4"> 
-			<input type="text" name="attr_sortilegionamea4" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoa4" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoa4" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduraciona4" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldada4" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">5</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
-			<input type="text" name="attr_sortilegionamea5" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoa5" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoa5" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduraciona5" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldada5" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">6</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
-			<input type="text" name="attr_sortilegionamea6" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoa6" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoa6" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduraciona6" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldada6" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-				
-		</div><!-- end . sheet-magiagrid2 -->
-
-	<div class="clearfloat"></div>
-			<div class="sheet-separador"></div><!-- end .espai100 -->
-		<div class="clearfloat"></div>
- 
-	<div class="sheet-titolsortilegios">SORTILEGIOS INFERNALES</div><!-- end .titolsortilegios -->
-			
-		<div class="sheet-magiagrid">
-			<div class="sheet-magiaceldasgrid">	NIVEL</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	SORTILEGIO</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	EFECTO</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	DAÑO</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	DUR</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid">	MAL</div><!-- end . sheet-magiaceldasgrid -->
-		</div><!-- end . sheet-magiagrid -->
-	
-	<div class="sheet-magiagrid2">
-			<div class="sheet-magiaceldasgrid2">1</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioi1"> 
-			<input type="text" name="attr_sortilegionamei1" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoi1" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoi1" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduracioni1" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldadi1" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-
-			
-			<div class="sheet-magiaceldasgrid2">2</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
-			<input type="text" name="attr_sortilegionamei2" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoi2" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoi2" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduracioni2" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldadi2" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">3</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
-			<input type="text" name="attr_sortilegionamei3" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoi3" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoi3" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduracioni3" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldadi3" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">4</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa4"> 
-			<input type="text" name="attr_sortilegionamei4" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoi4" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoi4" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduracioni4" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldadi4" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">5</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
-			<input type="text" name="attr_sortilegionamei5" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoi5" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoi5" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduracioni5" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldadi5" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-		
-			<div class="sheet-magiaceldasgrid2">6</div><!-- end . sheet-magiaceldasgrid -->
-			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
-			<input type="text" name="attr_sortilegionamei6" style=" width: 180px;" /> 
-			<input type="text" name="attr_sortilegioefectoi6" style=" width: 470px;" />
-			<input type="text" name="attr_sortilegiodañoi6" style="text-align: center; width: 80px;" />
-			<input type="text" name="attr_sortilegioduracioni6" style="text-align: center; width: 105px;" />
-			<input type="text" name="attr_sortilegiomaldadi6" style="text-align: center; width: 60px;" />
-			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
-				
-		</div><!-- end . sheet-magiagrid2 -->
-	
-	
-</div><!-- end . magia -->
-
-								<!-- PODERES DIVINOS -->
-<div class="sheet-poddivinos">
-	<div class="sheet-titolpestanyes">PODERES DIVINOS</div><!-- end .titolpestanyes -->
-	
-		<div class="sheet-poderesgrid">
-				<div class="sheet-poderceldasgrid">	NIVEL</div><!-- end . sheet-poderceldasgrid -->
-				<div class="sheet-poderceldasgrid">	PODER DIVINO</div><!-- end . sheet-poderceldasgrid -->
-				<div class="sheet-poderceldasgrid">	DESCRIPCIÓN	</div><!-- end . sheet-poderceldasgrid -->
-		</div><!-- end . sheet-poderesgrid -->
-
-	<fieldset class="repeating_poderesdivinos"> 
-			<input type="number" value="0" min="0" max="10" name="attr_nivelpoderdivino" style=" text-align: center; width: 80px;" /> 
-			<input type="text" name="attr_nombrepoderdivino" style=" width: 180px;" /><textarea type="text" name="attr_descripcionpoderdivino" style=" width: 990px; resize: vertical; height: 80px; min-height: 80px;" />
-	</fieldset>
-</div><!-- end . poderes divinos -->
-			
-							<!-- DIARIO DE BITACORA -->
-<div class="sheet-diario">
-	<div class="sheet-titolpestanyes">DIARIO DE BITACORA</div><!-- end .titolpestanyes -->
-  		<textarea name="attr_diario_bitacora" style=" padding: 2%; width: 96%; resize: vertical; min-height: 400px;  "></textarea>
-</div><!-- end . diario -->
-			
-<script type="text/worker">
-    const buttonlist = ["habilidades","armas","rasgos","equipo","magia","poddivinos","diario"];
-    buttonlist.forEach(button => {
-        on(`clicked:${button}`, function() {
-            setAttrs({
-                sheetTab: button
-            });
-        });
-    });
-	  
-</script>
-		</div><!-- end .containertabs -->
-				
-	<div class="clearfloat"></div>
-			<div class="sheet-separador"></div><!-- end .espai100 -->
-			<div class="clearfloat"></div>
-			<div class="sheet-firma">© 2020 medievooscuro.es</div>
-	
-	
-			<!-- FORMULA POP UPS 	<a class="button" href="#popupXXX">NOM POP UP</a>	-->
-		
-			<!-- POP UPS ATRIBUTOS -->
-			
-<div id="popupalma" class="overlay">
-	<div class="popup">
-		<h2>ALMA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			El Alma representa la fuerza de voluntad, la cordura y la racionalidad del personaje. A mayor puntuación de Alma, mejor resistirá el personaje al enfrentarse contra los peligros infernales que acechan al mundo.
-
-			La puntuación en el Atributo de Alma multipicada por dos define los puntos de Cordura del personaje, ver atributos secundarios 3.2.
-		</div>
-	</div>
-</div>
-			<div id="popupcuerpo" class="overlay">
-	<div class="popup">
-		<h2>CUERPO</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			El cuerpo define la fuerza bruta y la agilidad del personaje. A mayor puntuación en Cuerpo, más fuerte y atlético será el personaje.
-
-			La puntuación en el Atributo de Cuerpo afecta al ataque y al daño cuerpo a cuerpo.
-		</div>
-	</div>
-</div>
-<div id="popupmente" class="overlay">
-	<div class="popup">
-		<h2>MENTE</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			La Mente representa el conocimiento, la cultura y la 
-			sabiduría del personaje. No la inteligencia, pues el 
-			personaje será tan inteligente como el jugador que lo 
-			interprete. Una puntuación alta en mente, representa un 
-			cerebro privilegiado, con multitud de conocimientos. La 
-			mayoría de humanos con puntuación en Mente elevada, 
-			son sabios de edad avanzada.
-
-			La puntuación del Atributo Mente define el bono a los 
-			puntos de poder.
-		</div>
-	</div>
-</div>
-<div id="popuppercepcion" class="overlay">
-	<div class="popup">
-		<h2>PERCEPCIÓN</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			La Percepción representa los cinco sentidos del personaje. Vista, tacto, olfato, oído y gusto. Una buena puntuación en Percepción, demuestra ser avispado, rápido y atento.
-
-			La puntuación del Atributo Percepción define el ataque y el daño causado con armas proyectiles.
-		</div>
-	</div>
-</div>
-<div id="popupresistencia" class="overlay">
-	<div class="popup">
-		<h2>RESISTENCIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			La Resistencia es la constitución física del personaje. Lo bien que aguanta cargas pesadas, su capacidad de aguantar la respiración bajo del agua o caminar largas jornadas sin fatigarse. Una buena puntuación en Resistencia, representa un personaje rudo y en muy buen estado físico.
-
-			La puntuación del Atributo Resistencia define el bono a los puntos de vida y al valor base de la defensa.
-		</div>
-	</div>
-</div>
-
-			<!-- POP UPS ATRIBUTOS SECUNDARIOS -->
-					
-<div id="popupefectoespecial" class="overlay">
-	<div class="popup">
-		<h2>EFECTO ESPECIAL</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Los efectos especiales suceden y ya está, sin necesidad de lanzar los dados y sin opción a fallo. Un efecto especial siempre se llevará a cabo con éxito. El jugador elige en que momento sucede y el DM será el encargado de narrar lo sucedido.
-
-			Al iniciar una aventura en Medievo Oscuro, los jugadores empezarán sin ningún efecto y deberán esperar a subir a nivel 2 para ganar uno. Cuando lo gasten y suban de nivel, podrán adquirir otro.
-
-			Los efectos especiales se otorgan de forma aleatoria, el jugador debe tirar 1D12 y consultar la lista de la página 32 del manual de Medievo Oscuro. 
-		</div>
-	</div>
-</div>		
-<div id="popupataque" class="overlay">
-	<div class="popup">
-		<h2>ATAQUE</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Para calcular el modificador de ataque del personaje, debes consultar la tabla de avance de nivel según su profesión. Para los ataques cuerpo a cuerpo, a tu bono de Ataque por nivel le añadirás el bono de Cuerpo y para los ataques con proyectiles, el bono de Percepción. Más información en el capítulo 9 del manual de Medievo Oscuro.
-		</div>
-	</div>
-</div>		
-<div id="popupdefensa" class="overlay">
-	<div class="popup">
-		<h2>DEFENSA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Todos los PJ empiezan con un valor numérico de 10. A este valor le sumaremos o restaremos el bono por Resistencia. Y luego, se le podrá añadir los bonos de las armaduras, protecciones, y escudos que posean.
-
-		</div>
-	</div>
-</div>		
-<div id="popupmilagro" class="overlay">
-	<div class="popup">
-		<h2>MILAGRO</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Modificador indicado en la tabla de avance de cada profesión que sirve para resistir conjuros y otros peligros que un humano no podría soportar. Ser salvado gracias a un Milagro depende del DM, quien dirà si hay derecho a tirada y cual es su dificultad. 
-
-		</div>
-	</div>
-</div>		
-<div id="popupreflejos" class="overlay">
-	<div class="popup">
-		<h2>REFLEJOS</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Valor numérico que indica la velocidad de reacción del PJ y que sumado a 1D8 da el valor de iniciativa.
-		</div>
-	</div>
-</div>		
-<div id="popupbondadmaldad" class="overlay">
-	<div class="popup">
-		<h2>BONDAD Y MALDAD</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			La bondad y la maldad son dos aptitudes reciprocas, que van cogidas de la mano. Ambas deben sumar 100 en total y cada vez que una aumenta, la otra disminuye proporcionalmente. 
-
-			Inicialmente, los jugadores empiezan con un valor de 50 en cada una. Si en algún momento durante las aventuras un personaje llega a 100 puntos en maldad (lo que conlleva un 0 en bondad), pasará a ser un PNJ y ya no podrá jugar con él.
-
-			En la tabla de la página 33 del manual de Medievo Oscuro encontraréis ejemplos de ganancias de bondad y maldad.
-		</div>
-	</div>
-</div>		
-<div id="popuppuntosdevida" class="overlay">
-	<div class="popup">
-		<h2>PUNTOS DE VIDA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Los puntos de vida son el resultado numérico equivalente al daño que puede recibir el perso-naje jugador o los personajes no jugadores (PNJ de ahora en adelante) antes de perecer. 
-
-			Para calcular los puntos de vida, hay que lanzar el dado de vida que nos indica nuestra profesión y sumarle o restarle el bono por Resistencia indicado en la tabla de dicho atributo. 
-
-			A nivel 1, todos los PJ empiezan con su dado de vida al máximo valor, a partir de ese momento, deberán lanzar ese dado cada vez que suban de nivel.
-
-			Un personaje que llegue a 0 Puntos de vida (PV de ahora en adelante), caerá inconsciente, perdiendo 1 PV negativo cada turno. Al llegar a -2 PV habrá muerto (Ver Página 82 del manual de Medievo Oscuro).
-
-		</div>
-	</div>
-</div>		
-<div id="popuppuntosdecordura" class="overlay">
-	<div class="popup">
-		<h2>PUNTOS DE CORDURA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Los puntos de cordura (PC de ahora en adelante) son un valor numérico que indica el aguante del personaje antes de volverse loco. Si un PJ llega a 0 PC perderá la razón y será absorbido por un estado de demencia, sufriendo un ataque de locura. Los puntos de cordura iniciales y máximos del personaje se calculan multiplicando por dos el valor del atributo Alma.
-		</div>
-	</div>
-</div>		
-<div id="popuppuntosdepoder" class="overlay">
-	<div class="popup">
-		<h2>PUNTOS DE PODER</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Los puntos de poder son un valor numérico que indica la cantidad de conjuros que puede lanzar el personaje durante un mismo día. Para calcular los puntos de poder, se debe consultar la tabla de progresión 
-			de cada profesión y sumarle, a ese valor, el bono que otorga el atributo Mente, según su tabla. Más información en el capítulo 10 del manual de Medievo Oscuro.
-		</div>
-	</div>
-</div>		
-<div id="popupsuerte" class="overlay">
-	<div class="popup">
-		<h2>SUERTE</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 La suerte se utiliza para salir de un apuro en un momento clave de la historia. Todos los jugadores poseen un valor determinado en la tabla de su profesión que equivale al número de dados de suerte que podrán gastar cuando más los necesiten. Una vez gastados los dados de suerte, no se podrán recuperar hasta subir de nivel. El dado de suerte es un dado de 20 que se puede tirar como dado de ventaja una vez se ha fallado una tirada (Para más información ver tiradas con ventaja o desventaja en la página 29 del manual de Medievo Oscuro.).
-
-		</div>
-	</div>
-</div>			
-			
-			<!-- POP UPS HABILIDADES -->
-			
-<div id="popupdemonologia" class="overlay">
-	<div class="popup">
-		<h2>DEMONOLOGIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Es el conocimiento, del PJ, sobre los demonios y el infierno. Con esta habilidad puede reconocer a un demonio, hablar con él e incluso invocarle.
-		</div>
-	</div>
-</div>		
-			
-<div id="popupleyendas" class="overlay">
-	<div class="popup">
-		<h2>LEYENDAS</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Es el conocimiento que tiene el PJ sobre mitología y antiguas historias. Conocer una leyenda, su origen o valiosa información sobre las criaturas que en ella aparecen. Sirve tanto para contarlas, como para conocerlas.
-		</div>
-	</div>
-</div>
-
-<div id="popupmagia" class="overlay">
-	<div class="popup">
-		<h2>MAGIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Es el conocimiento del PJ sobre la brujería y las artes arcanas. Con esta habilidad se lanzan los sortilegios arcanos.
-
-		</div>
-	</div>
-</div>	
-<div id="popupnecromancia" class="overlay">
-	<div class="popup">
-		<h2>NECROMANCIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 El arte de la necromancia se centra en usar la brujería oscura en relación a los muertos y los nigromantes. Con esta habilidad se lanzan los sortilegios infernales.
-		</div>
-	</div>
-</div>	
-<div id="popuppersuadir" class="overlay">
-	<div class="popup">
-		<h2>PERSUADIR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Representa la elocuencia y la capacidad del PJ de convencer a un PNJ. Así como su capacidad para sugestionar a un interlocutor de una idea o concepto.
-
-		</div>
-	</div>
-</div>	
-<div id="popupregatear" class="overlay">
-	<div class="popup">
-		<h2>REGATEAR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 En Medievo Oscuro, la supervivencia es el día a día y el dinero ya no tiene valor. La habilidad de Regatear sirve para obtener un buen trato en un trueque.
-		</div>
-	</div>
-</div>	
-<div id="popupseduccion" class="overlay">
-	<div class="popup">
-		<h2>SEDUCCIÓN</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Mediante el encanto y la sensualidad, se puede
-			conseguir información y camelarse al interesado. Con dos éxitos se puede llegar a algo más. Y con tres éxitos seguidos, puedes yacer con él/la. Si el seducido no es del sexo opuesto y no le interesan los de su mismo sexo, la dificultad siempre es 20.
-		</div>
-	</div>
-</div>	
-<div id="popupagilidad" class="overlay">
-	<div class="popup">
-		<h2>AGILIDAD</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Representa las capacidades atléticas del PJ. Esta
-			habilidad se usa para correr, nadar, saltar, trepar, etc.
-
-		</div>
-	</div>
-</div>	
-<div id="popupartesania" class="overlay">
-	<div class="popup">
-		<h2>ARTESANIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Representa las aptitudes del PJ para crear o reparar utensilios u objetos con las herramientas adecuadas o las propias manos. Esta habilidad se usa para cambiar la rueda de un carro, crear una flecha, forjar una espada o construir una balsa entre otros ejemplos.
-		</div>
-	</div>
-</div>	
-<div id="popupequitacion" class="overlay">
-	<div class="popup">
-		<h2>EQUITACIÓN</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 El arte de montar a caballo u otra criatura que se deje domesticar por el PJ. Para ir al trote no es necesaria una tirada si el PJ ya tiene la habilidad. Pero, si lo es, para galopar, hacer una carrera o huir de unas alimañas.
-		</div>
-	</div>
-</div>	
-<div id="popupinterpretacion" class="overlay">
-	<div class="popup">
-		<h2>INTERPRETACIÓN</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Representa todas las habilidades clásicas del
-			juglar y el bufón. Habilidad del PJ para actuar, bailar, recitar,cantar, tocar instrumentos, imitar o hacerse pasar por alguien.
-		</div>
-	</div>
-</div>	
-<div id="popupmaña" class="overlay">
-	<div class="popup">
-		<h2>MAÑA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Representa la habilidad manual y la coordinación del PJ realizando trabajos con sus manos. Desde hacer un buen nudo, hasta robar una bolsa sin ser visto o forzar una cerradura.
-		</div>
-	</div>
-</div>	
-<div id="popupmontañismo" class="overlay">
-	<div class="popup">
-		<h2>MONTAÑISMO</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Representa la capacidad del PJ para realizar 
-			acciones físicas en alta montaña con nieve y/o hielo: escalar, esquiar, patinar, caminar con o sin raquetas o ir en trineo.
-		</div>
-	</div>
-</div>	
-<div id="popupsigilo" class="overlay">
-	<div class="popup">
-		<h2>SIGILO</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 La habilidad del PJ para moverse en silencio sin ser detectado o pasar desapercibido entre el gentío.
-		</div>
-	</div>
-</div>	
-<div id="popupalquimia" class="overlay">
-	<div class="popup">
-		<h2>ALQUIMIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Son los conocimientos del PJ sobre pócimas, gemas y talismanes. Como crearlos, sus propiedades y para que sirven. A pesar de ser magia el uso de la alquimia no está mal visto por la fe como los sortilegios y las invocaciones.
-		</div>
-	</div>
-</div>	
-<div id="popupcultura" class="overlay">
-	<div class="popup">
-		<h2>CULTURA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Es el conocimiento general del PJ. No indica su
-			inteligencia, pues esta depende del jugador. Pero puede ayudar a conocer lugares y costumbres entre otros conocimientos.
-		</div>
-	</div>
-</div>				
-<div id="popupfaunayflora" class="overlay">
-	<div class="popup">
-		<h2>FAUNA Y FLORA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Usando esta habilidad un PJ puede saber qué le pasa al caballo, reconocer unas huellas de lobo, saber dónde hacen sus nidos los cuervos... así como reconocer plantas, saber en que lugares y condiciones crecen y sus propiedades.
-		</div>
-	</div>
-</div>	
-<div id="popupleeryescribir" class="overlay">
-	<div class="popup">
-		<h2>LEER Y ESCRIBIR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Muy pocos eran los afortunados que sabían leer y escribir en la época. Con esta habilidad, como su nombre indica, el PJ podrá leer y escribir en las lenguas que conozca.
-		</div>
-	</div>
-</div>	
-<div id="popupmedicina" class="overlay">
-	<div class="popup">
-		<h2>MEDICINA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Capacidad del PJ para conocer enfermedades y 
-			dolencias que sirve tanto para diagnosticarlas, tratarlas y poder guarecerlas como para realizar unos primeros auxilios. también se usa para crear ungüentos.
-		</div>
-	</div>
-</div>	
-<div id="popupnavegar" class="overlay">
-	<div class="popup">
-		<h2>NAVEGAR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Conocimientos que usa el PJ para dirigir y manejar
-			embarcaciones, con o sin timón, propulsadas a vela o a remos, su funcionamiento y partes, como cuidarlas y/o repararlas.
-		</div>
-	</div>
-</div>	
-<div id="popupteología" class="overlay">
-	<div class="popup">
-		<h2>TEOLOGIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Representa el conocimiento del PJ de la sagrada biblia, como rezar a los santos y las costumbres cristianas. Los sacerdotes usan esta habilidad para activar los poderes divinos.
-		</div>
-	</div>
-</div>	
-<div id="popupdegustar" class="overlay">
-	<div class="popup">
-		<h2>DEGUSTAR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Capacidad del PJ para identificar sabores. No solo sirve para saber si un vino está picado y/o aguado, también sirve para detectar si algo está envenenado.
-		</div>
-	</div>
-</div>	
-<div id="popupdescubrir" class="overlay">
-	<div class="popup">
-		<h2>DESCUBRIR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Habilidad usada para percibir cosas que a simple
-			vista no se detectarían. Con ella el PJ puede encontrar puertas secretas, buscar un pergamino escondido en una biblioteca o enterarse de que le acecha una criatura infernal.
-		</div>
-	</div>
-</div>	
-<div id="popupintuicion" class="overlay">
-	<div class="popup">
-		<h2>INTUICIÓN</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			Sensación que percibe el PJ ante situaciones de peligro inminente. Le permite detectar una emboscada, una trampa o saber cuando un PNJ le está mintiendo.
-		</div>
-	</div>
-</div>	
-<div id="popuplanzar" class="overlay">
-	<div class="popup">
-		<h2>LANZAR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Representa la capacidad del PJ para arrojar un objeto con puntería. Desde una piedra, hasta un arma arrojadiza. Si se usa para golpear, se define como habilidad de combate.
-		</div>
-	</div>
-</div>	
-<div id="popupmineria" class="overlay">
-	<div class="popup">
-		<h2>MINERÍA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Capacídad del PJ para conocer grutas y minas, su funcionamiento, orientarse en ellas, las técnicas de extracción así como los minerales y gemas.
-		</div>
-	</div>
-</div>	
-<div id="popupoido" class="overlay">
-	<div class="popup">
-		<h2>OÍDO</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Capacidad del PJ de oír sonidos, identificar melodías,  y escuchar un susurro, conversaciones lejanas o detrás de una pared. 
-		</div>
-	</div>
-</div>	
-<div id="popuprastrear" class="overlay">
-	<div class="popup">
-		<h2>RASTREAR</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Con esta habilidad el PJ puede seguir rastros, en exteriores como senderos y bosques. También puede reconocer mediante los rastros que ha sucedido.
-		</div>
-	</div>
-</div>	
-<div id="popup2" class="overlay">
-	<div class="popup">
-		<h2>DEMONOLOGIA</h2>
-		<a class="close" href="#">&times;</a>
-		<div class="content">
-			 Es el conocimiento, del PJ, sobre los demonios y el infierno. Con esta habilidad puede reconocer a un demonio, hablar con él e incluso invocarle.
-		</div>
-	</div>
-</div>	
-								<!-- END POP UPS TOTAL -->
-</div><!-- end .sheet-block-pj -->	
-
-								<!-- FICHA MO PARA PNJ O PJ DE NIVEL 0 -->
-<div class="sheet-block-pnj">
- 	<div class="sheet-containerpnj">	
-		
-		
-		<div class="sheet-pnjtopgrid">
-				<div class="sheet-pnjtopceldasgrid"><img src="http://medievooscuro.es/MO-ROLL20/mo.png" width="200" height="136" alt="Logo MO"/></div><!-- end . sheet-pnjtopceldasgrid -->
-				<div class="sheet-pnjtopceldasgrid">NOMBRE: <input style=" width: 280px; margin-left: 3px; background-color: transparent; border: none; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 20px; color: #ffffff;" type="text" value="1" min="0" max="10" name="attr_nombrepnj"/></div><!-- end . sheet-pnjtopceldasgrid -->
-				<div class="sheet-pnjtopceldasgrid">NIV <input style="width: 45px; margin-left: 3px; background-color: transparent; border: none; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 20px; color: #ffffff;" type="number" value="1" min="0" max="10" name="attr_nivelpnj"/></div><!-- end . sheet-pnjtopceldasgrid -->
-		</div><!-- end . sheet-pnjtopgrid -->
-		
-		<div class="sheet-pnjdatostopgrid">
-				<div class="sheet-pnjdatostopceldasgrid">REF</div><!-- end . sheet-pnjdatostopceldasgrid -->
-				<div class="sheet-pnjdatostopceldasgrid">SUERTE</div><!-- end . sheet-pnjdatostopceldasgrid -->
-				<div class="sheet-pnjdatostopceldasgrid">DEF</div><!-- end . sheet-pnjdatostopceldasgrid -->
-				<div class="sheet-pnjdatostopceldasgrid">PP</div><!-- end . sheet-pnjdatostopceldasgrid -->
-				<div class="sheet-pnjdatostopceldasgrid">M</div><!-- end . sheet-pnjdatostopceldasgrid -->
-				<div class="sheet-pnjdatostopceldasgrid">PV</div><!-- end . sheet-pnjdatostopceldasgrid -->
-		</div><!-- end . sheet-pnjtopgrid -->
-		<div class="sheet-pnjdatostopgridB">
-				<div class="sheet-pnjdatostopceldasgridB" title="Reflejos"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_reflejospnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Suerte"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="10" name="attr_suertepnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Defensa base"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_defensapnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Poder"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="300" name="attr_pppnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Milagro"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="30" name="attr_milagropnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Vida"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="666" name="attr_pvpnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-		</div><!-- end . sheet-pnjtopgridB -->		
-		<div class="sheet-pnjdatostopgridB">
-				<div class="sheet-pnjdatostopceldasgridB" title="Tirada de Iniciativa">INI<button style="height: 25px; max-height: 25px" type="roll" name="roll_iniciativapnj" value="&{template:mo} {{title=TIRADA DE INICIATIVA }} {{subtitle= @{nombrepnj} }} {{color=}} {{INICIATIVA=[[@{reflejospnj} + d8 ]]}}" ></button></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Suerte actual"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center;  font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
-	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_reflejospnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Defensa con protecciones"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
-	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_defensapnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Poder actuales"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
-	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="300" name="attr_pppnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Tirada de Milagro"><button style="height: 25px; max-height: 25px" type="roll" name="roll_milagropnj" value="&{template:mo} {{title=TIRADA DE MILAGRO }} {{subtitle= @{nombrepnj} }} {{color=}} {{MILAGRO=[[@{milagropnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjdatostopceldasgridB -->
-				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Vida actuales"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
-	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="666" name="attr_pvpnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
-		</div><!-- end . sheet-pnjtopgridB -->
-		
-			<div class="clearfloat"></div>
-			<div class="sheet-separadorpnj"></div><!-- end .espai100 -->
-			<div class="clearfloat"></div>
-		
-		<div class="sheet-pnjarmasgrid">
-				<div class="sheet-pnjarmasceldasgrid">ARMA</div><!-- end . sheet-pnjarmasceldasgrid -->
-				<div class="sheet-pnjarmasceldasgrid">ATAQUE</div><!-- end . sheet-pnjarmasceldasgrid -->
-				<div class="sheet-pnjarmasceldasgrid">DAÑO</div><!-- end . sheet-pnjarmasceldasgrid -->
-		</div><!-- end . sheet-pnjarmasgrid -->
-		<div class="sheet-pnjarmasgridB">
-				<fieldset class="repeating_armas"> 
-  					<input type="text" name="attr_armanamepnj"  style=" width: 45%;" title="Armas del PNJ"/> 
-					<input type="number" name="attr_bonoataquepnj" style=" width: 10%; text-align: center" value="0" min="-10" max="20" title="Bono de ataque del PNJ"/>
-					<button type="roll" name="roll_dañoarmadelpnj" value="&{template:mo} {{title=TIRADA DE ATAQUE }} {{subtitle= @{nombrepnj} }} {{color=}} {{ @{armanamepnj}= [[ 1d20 + @{bonoataquepnj} ]]}}{{Daño=[[@{dañoarmapnj} ]]}}{{desc=Lucha por sobrevivir!}}" ></button>			
-					<input type="text" name="attr_dañoarmapnj" value="0" style=" width: 35%;" title="Daño total del arma. Incluir todos los bonos"/> 
-				</fieldset>
-		</div><!-- end . sheet-pnjarmasgridB -->
-		
-			<div class="clearfloat"></div>
-			<div class="sheet-separadorpnj"></div><!-- end .espai100 -->
-			<div class="clearfloat"></div>
-				
-		<div class="sheet-pnjatributosgrid">
-				<div class="sheet-pnjatributosceldasgrid" title="ALMA">ALM</div><!-- end . sheet-pnjatributosceldasgrid -->
-				<div class="sheet-pnjatributosceldasgrid" title="CUERPO">CUE</div><!-- end . sheet-pnjatributosceldasgrid -->
-				<div class="sheet-pnjatributosceldasgrid" title="MENTE">MEN</div><!-- end . sheet-pnjatributosceldasgrid -->
-				<div class="sheet-pnjatributosceldasgrid" title="PERCEPCIÓN">PER</div><!-- end . sheet-pnjatributosceldasgrid -->
-				<div class="sheet-pnjatributosceldasgrid" title="RESISTENCIA">RES</div><!-- end . sheet-pnjatributosceldasgrid -->	
-		</div><!-- end . sheet-pnjatributosgrid -->
-	
-		
-		<div class="sheet-pnjatributosgridB">
-				<div class="sheet-pnjatributosceldasgridB" title="ALMA"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_almpnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent;  border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonoalmpnj" readonly /><button type="roll" name="roll_almapnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{ALMA=[[@{bonoalmpnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
-				<div class="sheet-pnjatributosceldasgridB" title="CUERPO"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_cuepnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonocuepnj" readonly /><button type="roll" name="roll_cuerpopnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{CUERPO=[[@{bonocuepnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
-				<div class="sheet-pnjatributosceldasgridB" title="MENTE"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_menpnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonomenpnj" readonly /><button type="roll" name="roll_mentepnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{MENTE=[[@{bonomenpnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
-				<div class="sheet-pnjatributosceldasgridB" title="PERCEPCIÓN"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_perpnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonoperpnj" readonly /><button type="roll" name="roll_percepcionpnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{PERCEPCIÓN=[[@{bonoperpnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
-				<div class="sheet-pnjatributosceldasgridB" title="RESISTENCIA"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_respnj" /> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonorespnj" readonly /><button type="roll" name="roll_resistenciapnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{RESISTENCIA=[[@{bonorespnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
-		</div><!-- end . sheet-pnjatributosgridB -->
-		
-				<div class="sheet-pnjdescripcion">DESCRIPCIÓN Y PODERES DEL PNJ</div><!-- end . sheet-pnjdescripcion -->
-				<div class="sheet-pnjcajadescripcion"><textarea name="attr_descripcion_pnj" style=" padding: 2%; width: 95%; resize: vertical; min-height: 100px;  "></textarea></div><!-- end . sheet-pnjcajadescripcion -->
-		
-		
-		<div class="clearfloat"></div>
-			<div class="sheet-separador"></div><!-- end .espai100 -->
-			<div class="clearfloat"></div>
-			<div class="sheet-firma">© 2020 medievooscuro.es</div>
-	</div><!-- end .sheet-containerpnj -->				
-	</div><!-- end .sheet-block-pnj -->	
-</div><!-- end .triapj -->
-				
-			
-	
-</div><!-- end .contenedorMO -->
-
-	<script type="text/worker">
-
-/* ATRIBUT ALM MO BONO */
-	on('change:alm', function () {
-    getAttrs(['alm'], function (values) {
-        let alm = parseInt(values.alm)||0;
-        let modifieralm = 0;
-		if(alm >= 20) { modifieralm = 4;}
-		else if (alm > 17){ modifieralm = 3;}
-		else if (alm > 15){ modifieralm = 2;}
-		else if (alm > 12){ modifieralm = 1;}
-		else if (alm >8){ modifieralm = 0;}
-		else if (alm >3){ modifieralm = -1;}
-		else if (alm > 0){ modifieralm = -2;}
-		else if (alm < 1){ modifieralm = -3;}
-		else {modifieralm = 0;}
-        setAttrs({
-     	bono_alm: modifieralm
-        });
-    });
-});
-
-/* ATRIBUT CUE MO BONO */
-	on('change:cue', function () {
-    getAttrs(['cue'], function (values) {
-        let cue = parseInt(values.cue)||0;
-        let modifiercue = 0;
-		if(cue >= 20) { modifiercue = 4;}
-		else if (cue > 17){ modifiercue = 3;}
-		else if (cue > 15){ modifiercue = 2;}
-		else if (cue > 12){ modifiercue = 1;}
-		else if (cue >8){ modifiercue = 0;}
-		else if (cue >3){ modifiercue = -1;}
-		else if (cue > 0){ modifiercue = -2;}
-		else if (cue < 1){ modifiercue = -3;}
-		else {modifiercue = 0;}
-        setAttrs({
-     	bono_cue: modifiercue
-        });
-    });
-});
-
-/* ATRIBUT MEN MO BONO */
-	on('change:men', function () {
-    getAttrs(['men'], function (values) {
-        let men = parseInt(values.men)||0;
-        let modifiermen = 0;
-		if(men >= 20) { modifiermen = 4;}
-		else if (men > 17){ modifiermen = 3;}
-		else if (men > 15){ modifiermen = 2;}
-		else if (men > 12){ modifiermen = 1;}
-		else if (men >8){ modifiermen = 0;}
-		else if (men >3){ modifiermen = -1;}
-		else if (men > 0){ modifiermen = -2;}
-		else if (men < 1){ modifiermen = -3;}
-		else {modifiermen = 0;}
-        setAttrs({
-     	bono_men: modifiermen
-        });
-    });
-});
-
-/* ATRIBUT PER MO BONO */
-	on('change:per', function () {
-    getAttrs(['per'], function (values) {
-        let per = parseInt(values.per)||0;
-        let modifierper = 0;
-		if(per >= 20) { modifierper = 4;}
-		else if (per > 17){ modifierper = 3;}
-		else if (per > 15){ modifierper = 2;}
-		else if (per > 12){ modifierper = 1;}
-		else if (per >8){ modifierper = 0;}
-		else if (per >3){ modifierper = -1;}
-		else if (per > 0){ modifierper = -2;}
-		else if (per < 1){ modifierper = -3;}
-		else {modifierper = 0;}
-        setAttrs({
-     	bono_per: modifierper
-        });
-    });
-});
-
-/* ATRIBUT RES MO BONO */
-	on('change:res', function () {
-    getAttrs(['res'], function (values) {
-        let res = parseInt(values.res)||0;
-        let modifierres = 0;
-		if(res >= 20) { modifierres = 4;}
-		else if (res > 17){ modifierres = 3;}
-		else if (res > 15){ modifierres = 2;}
-		else if (res > 12){ modifierres = 1;}
-		else if (res >8){ modifierres = 0;}
-		else if (res >3){ modifierres = -1;}
-		else if (res > 0){ modifierres = -2;}
-		else if (res < 1){ modifierres = -3;}
-		else {modifierres = 0;}
-        setAttrs({
-     	bono_res: modifierres
-        });
-    });
-});
-
-/* ATRIBUT ALM PNJ MO BONO */
-	on('change:almpnj', function () {
-    getAttrs(['almpnj'], function (values) {
-        let almpnj = parseInt(values.almpnj)||0;
-        let modifieralmpnj = 0;
-		if(almpnj >= 20) { modifieralmpnj = 4;}
-		else if (almpnj > 17){ modifieralmpnj = 3;}
-		else if (almpnj > 15){ modifieralmpnj = 2;}
-		else if (almpnj > 12){ modifieralmpnj = 1;}
-		else if (almpnj >8){ modifieralmpnj = 0;}
-		else if (almpnj >3){ modifieralmpnj = -1;}
-		else if (almpnj > 0){ modifieralmpnj = -2;}
-		else if (almpnj < 1){ modifieralmpnj = -3;}
-		else {modifieralmpnj = 0;}
-        setAttrs({
-     	bonoalmpnj: modifieralmpnj
-        });
-    });
-});
-
-/* ATRIBUT CUE PNJ MO BONO */
-	on('change:cuepnj', function () {
-    getAttrs(['cuepnj'], function (values) {
-        let cuepnj = parseInt(values.cuepnj)||0;
-        let modifiercuepnj = 0;
-		if(cuepnj >= 20) { modifiercuepnj = 4;}
-		else if (cuepnj > 17){ modifiercuepnj = 3;}
-		else if (cuepnj > 15){ modifiercuepnj = 2;}
-		else if (cuepnj > 12){ modifiercuepnj = 1;}
-		else if (cuepnj >8){ modifiercuepnj = 0;}
-		else if (cuepnj >3){ modifiercuepnj = -1;}
-		else if (cuepnj > 0){ modifiercuepnj = -2;}
-		else if (cuepnj < 1){ modifiercuepnj = -3;}
-		else {modifiercuepnj = 0;}
-        setAttrs({
-     	bonocuepnj: modifiercuepnj
-        });
-    });
-});
-
-/* ATRIBUT MEN MO BONO */
-	on('change:menpnj', function () {
-    getAttrs(['menpnj'], function (values) {
-        let menpnj = parseInt(values.menpnj)||0;
-        let modifiermenpnj = 0;
-		if(menpnj >= 20) { modifiermenpnj = 4;}
-		else if (menpnj > 17){ modifiermenpnj = 3;}
-		else if (menpnj > 15){ modifiermenpnj = 2;}
-		else if (menpnj > 12){ modifiermenpnj = 1;}
-		else if (menpnj >8){ modifiermenpnj = 0;}
-		else if (menpnj >3){ modifiermenpnj = -1;}
-		else if (menpnj > 0){ modifiermenpnj = -2;}
-		else if (menpnj < 1){ modifiermenpnj = -3;}
-		else {modifiermenpnj = 0;}
-        setAttrs({
-     	bonomenpnj: modifiermenpnj
-        });
-    });
-});
-
-/* ATRIBUT PER MO BONO */
-	on('change:perpnj', function () {
-    getAttrs(['perpnj'], function (values) {
-        let perpnj = parseInt(values.perpnj)||0;
-        let modifierperpnj = 0;
-		if(perpnj >= 20) { modifierper = 4;}
-		else if (perpnj > 17){ modifierperpnj = 3;}
-		else if (perpnj > 15){ modifierperpnj = 2;}
-		else if (perpnj > 12){ modifierperpnj = 1;}
-		else if (perpnj >8){ modifierperpnj = 0;}
-		else if (perpnj >3){ modifierperpnj = -1;}
-		else if (perpnj > 0){ modifierperpnj = -2;}
-		else if (perpnj < 1){ modifierperpnj = -3;}
-		else {modifierper = 0;}
-        setAttrs({
-     	bonoperpnj: modifierperpnj
-        });
-    });
-});
-
-/* ATRIBUT RES MO BONO */
-	on('change:respnj', function () {
-    getAttrs(['respnj'], function (values) {
-        let respnj = parseInt(values.respnj)||0;
-        let modifierrespnj = 0;
-		if(respnj >= 20) { modifierrespnj = 4;}
-		else if (respnj > 17){ modifierrespnj = 3;}
-		else if (respnj > 15){ modifierrespnj = 2;}
-		else if (respnj > 12){ modifierrespnj = 1;}
-		else if (respnj >8){ modifierrespnj = 0;}
-		else if (respnj >3){ modifierrespnj = -1;}
-		else if (respnj > 0){ modifierrespnj = -2;}
-		else if (respnj < 1){ modifierrespnj = -3;}
-		else {modifierrespnj = 0;}
-        setAttrs({
-     	bonorespnj: modifierrespnj
-        });
-    });
-});
-</script>	
+<!-- MEDIEVO OSCURO -->
+<!-- Juego de rol infernal -->
+
+	<div class="sheet-contenedorMO">
+
+<!-- end .SELECT PNJ -->		
+<div class="triapj">
+	<div class="sheet-precrearpnj">Crear pnj </div><!-- end .precrearpnj --><input style="position: absolute; float: right; margin-top: 3px; " type="checkbox" class="sheet-block-switch"><div class="sheet-block-pj">	
+	<!-- end .PNJ -->
+		
+<div class="sheet-cap">
+
+		<div class="sheet-logo">
+		<img src="http://medievooscuro.es/MO-ROLL20/logo-MO-200px.jpg" width="200" height="136" alt="Medievo Oscuro"/>
+		</div><!-- end .logo -->
+		
+		<div class="sheet-col_superviviente">
+	
+			<div class="sheet-superviviente"> Nombre del Jugador <input type="text" style="width: 334px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_nom_jugador" title="Jugador"></div><!-- end .superviviente -->
+			<div class="sheet-superviviente"> Nombre del Superviviente <input type="text" style="width: 302px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_character_name" title="Superviviente"></div><!-- end .superviviente -->
+			<div class="sheet-superviviente1"> Profesión <input type="text" style="width: 160px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_profesion_superviviente" title="Profesión"></div><!-- end .superviviente -->
+			<div class="sheet-superviviente1"> Oficio   <input type="text" style="width: 180px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000;" name="attr_oficio_superviviente" title="Oficio"></div><!-- end .superviviente -->
+			
+			<div class="sheet-superviviente2"> NIVEL <input type="number" style="font-size: 18px; width: 50px; text-align: center;" name="attr_nivel_superviviente" title="Nivel del superviviente" value="0" min="0" max="10"></div><!-- end .superviviente -->	
+			<div class="sheet-superviviente3"> Puntos de Experiencia  <input type="number" style="font-size: 18px; width: 60px; text-align: center;" name="attr_puntos_experiencia" title="Puntos de experiencia" value="0" min="0" max="999"></div><!-- end .superviviente -->
+	
+		</div><!-- end.col_superviviente -->
+						
+			<div class="sheet-col-tercera">
+			
+				<div class="sheet-superviviente4">  <img src="http://medievooscuro.es/MO-ROLL20/MO-Monedas-40px.jpg" alt="monedas"/> MONEDAS <input type="number" style="font-size: 18px; width: 70px; text-align: center;" name="attr_Monedas" title="Monedas" value="0" min="0" max="9999"></div><!-- end .superviviente -->
+								
+				<div class="sheet-superviviente4"> <img src="http://medievooscuro.es/MO-ROLL20/MO-Efecto-especial-40px.jpg"  alt="Efecto especial"/>  <a class="button" href="#popupefectoespecial">EFECTO ESPECIAL</a> <input type="text" style=" font-size: 18px; width: 210px; text-align: center;" name="attr_efecto_especial" title="Efecto especial"> </div><!-- end .superviviente -->
+			
+		<!--	CODI DESPLEGABLE EFECTO ESPECIAL
+		<select name="attr_efectoespecial">
+  			<option value="0" selected="selected">Healthy</option>
+  			<option value="1">Amor Roto</option>
+  			<option value="2">Convencer</option>
+  			<option value="3">Dejar inconsciente</option>
+  			<option value="4">Encontrar</option>
+  			<option value="5">Escape</option>
+			<option value="6">Intimidar</option>
+			<option value="7">Matar</option>
+			<option value="8">Ocultarse</option>
+			<option value="9">Seducir</option>
+			<option value="10">Suertudo</option>
+			<option value="11">Vivo de milagro</option>
+			<option value="12">Elección premeditada</option>
+		</select> -->
+								
+			</div><!-- end .col-tercera -->	
+	
+</div><!-- end .cap -->
+				
+				<div class="clearfloat"></div>
+				
+<div class="sheet-pie">			
+			<div class="sheet-col-pie1">
+		  		<div class="sheet-col-atacdefensa">
+		
+					 <div class="sheet-espaiprebotonegre2">  </div><!-- end .espaiprebotonegre --><div class="sheet-botonegre"> BASE </div><!-- end .botonegre --><div class="sheet-botonegre"> CC </div><!-- end .botonegre --><div class="sheet-botonegre"> PRO </div><!-- end .botonegre -->	
+					
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Ataque-40px.jpg" alt="ataque"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popupataque">ATAQUE</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_ataque_base" title="Ataque Base"> <input type="number" style=" margin-right: 5px; 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_ataque_cc" title="Ataque CC"> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_ataque_pro" title="Ataque PRO">
+					</div><!-- end .titulos-pie3 -->
+				
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Defensa-40px.jpg" alt="defensa"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popupdefensa">DEFENSA</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_defensa" title="Defensa base"> <input type="number" style=" margin-rigth: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_defensaarmadura" title="Defensa con Armadura">
+					</div><!-- end .titulos-pie3 -->
+														
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Milagro-40px.jpg" alt="milagro"/><div class="sheet-secundarios-pie" > <a class="button" href="#popupmilagro">MILAGRO</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_milagro" title="Milagro"><button style="height: 35px; max-height: 30px" type="roll" name="roll_milagro" value="&{template:mo} {{title=TIRADA DE MILAGRO }} {{subtitle= @{character_name} }} {{color=}} {{MILAGRO=[[@{milagro} + d20 ]]}}" ></button>
+					</div><!-- end .titulos-pie3 -->
+					
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Reflejos-40px.jpg" alt="reflejos"/><div class="sheet-secundarios-pie" > <a class="button" href="#popupreflejos">REFLEJOS</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_reflejos" title="Reflejos"><button style="height: 35px; max-height: 30px" type="roll" name="roll_iniciativa" value="&{template:mo} {{title=TIRADA DE INICIATIVA }} {{subtitle= @{character_name} }} {{color=}} {{INICIATIVA=[[@{reflejos} + d8 ]]}}" >
+					</button></div><!-- end .titulos-pie3 -->	
+						
+				</div><!-- end .col-atacdefensa -->	
+			</div><!-- end .col-pie1 -->		
+				
+		<div class="sheet-col-pie2">
+			<img src="http://medievooscuro.es/MO-ROLL20/Bondad-Maldad-200x100px.jpg" alt="bondad maldad"/> 
+			<div class="sheet-clearfloat"></div>
+			<div class="sheet-titulos-pie2"><a class="button" href="#popupbondadmaldad">BONDAD - MALDAD</a></div><!-- end .titulos-pie2 -->
+			<div class="sheet-titulos-pie2"><input disabled="true" type="number" style=" font-size: 20px; width: 60px; text-align: center; " name="attr_bondad" title="Bondad" value="[[100-@{maldad}]]" min="-100" max="100"> <input type="number" style=" font-size: 20px; width: 60px; text-align: center; " name="attr_maldad" title="Maldad" value="0" min="0" max="200"></div><!-- end .titulos-pie2 -->
+		</div><!-- end .col-pie2 -->	
+		
+		<div class="sheet-col-pie3">
+		  <div class="sheet-col-atacdefensa">
+		
+			  		 <div class="sheet-espaiprebotonegre">  </div><!-- end .espaiprebotonegre --><div class="sheet-botonegre2"> TOTALES </div><!-- end .botonegre --><div class="sheet-botonegre2"> ACTUALES </div><!-- end .botonegre -->	
+								
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Vida-40px.jpg" width="40px" height="30px" alt="puntos de vida"/><div class="sheet-secundarios-pie"> <a class="button" href="#popuppuntosdevida">P. VIDA</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_vida_total" title="Vida total"> <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_vida_actual" title="Vida actual"> </div><!-- end .titulos-pie -->
+					
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Cordura-40px.jpg" width="40px" height="30px" alt="puntos de cordura"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popuppuntosdecordura">P. CORDURA</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_cordura_total" title="Cordura total">  <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_cordura_actual" title="Cordura actual"> </div><!-- end .titulos-pie -->
+					
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Puntos-Poder-40px.jpg" width="40px" height="30px" alt="puntos de poder"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popuppuntosdepoder">P. PODER</a> </div> <input type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_poder_total" title="Poder total"> <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_poder_actual" title="Poder actual"> </div><!-- end .titulos-pie -->
+						
+					<div class="sheet-titulos-pie3"><img src="http://medievooscuro.es/MO-ROLL20/MO-Suerte-40px.jpg" width="40px" height="30px" alt="suerte"/><div class="sheet-secundarios-pie" >  <a class="button" href="#popupsuerte">SUERTE</a> </div> <input  type="number" style=" margin-right: 5px; font-size: 18px; width: 60px; text-align: center;" name="attr_suerte_total" title="Suerte total">  <input type="number" style=" font-size: 18px; width: 60px; text-align: center;" name="attr_suerte_actual" title="Suerte actual"> </div><!-- end .titulos-pie -->
+						
+				</div><!-- end .col-atacdefensa -->	
+					
+		</div><!-- end .col-pie3 -->	
+				
+	</div><!-- end .pie -->							
+					
+				
+	<div class="sheet-clearfloat"></div>
+								
+	<div class="sheet-espaitop2"></div><!-- end .espaitop -->
+		
+				
+				<!-- TABS MENU MO -->
+	<div class="sheet-containertabs">
+						
+	<input type="hidden" class="sheet-tabstoggle" name="attr_sheetTab"  value="habilidades"  />
+<div>
+    <button class="sheet-butonets" type="action" name="act_habilidades" >HABILIDADES</button>
+    <button class="sheet-butonets" type="action" name="act_armas" >ARMAS</button>
+    <button class="sheet-butonets" type="action" name="act_rasgos" >RASGOS</button>
+	<button class="sheet-butonets" type="action" name="act_equipo" >EQUIPO</button>
+	<button class="sheet-butonets" type="action" name="act_magia" >MAGIA</button>
+	<button class="sheet-butonets" type="action" name="act_poddivinos" >PODERES DIVINOS</button>
+	<button class="sheet-butonets" type="action" name="act_diario" >DIARIO</button>
+</div>
+
+				<!-- HABILIDADES -->
+<div class="sheet-habilidades">
+	
+	<div class="sheet-titolpestanyes">HABILIDADES</div><!-- end .titolpestanyes -->
+    <div class="sheet-atributstotal">
+		<div class="sheet-col-atributs1">
+			<div class="sheet-atributs1"><a class="button" href="#popupalma">ALMA</a></div> 
+			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_alm" title="Alma" value="10" min="-10" max="30"></span>
+			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_alm" title="Bono Alma" readonly></span>
+			<button type="roll" name="roll_alma" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{ALMA=[[@{bono_alm} + d20 ]]}}" ></button>
+			</div><!-- end .sheet-atributs2 -->		
+							
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkdemonologia"> <a class="button" href="#popupdemonologia">Demonología</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_demonologia" title="Demonologia" value="0"><button type="roll" name="roll_demonologia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Demonología=[[@{demonologia} + @{bono_alm} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkleyendas"> <a class="button" href="#popupleyendas">Leyendas</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_leyendas" title="Leyendas" value="0"><button type="roll" name="roll_leyendas" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Leyendas=[[@{leyendas} + @{bono_alm} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkmagia" /> <a class="button" href="#popupmagia">Magia</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_magia" title="Magia" value="0"><button type="roll" name="roll_magia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Magia=[[@{magia} + @{bono_alm} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checknecromancia"> <a class="button" href="#popupnecromancia">Necromancia</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_necromancia" title="Necromancia" value="0"><button type="roll" name="roll_necromancia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Necromancia=[[@{necromancia} + @{bono_alm} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkpersuadir"> <a class="button" href="#popuppersuadir">Persuadir</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_persuadir" title="Persuadir" value="0"><button type="roll" name="roll_persuadir" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Persuadir=[[@{persuadir} + @{bono_alm} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkregatear"> <a class="button" href="#popupregatear">Regatear</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_regatear" title="Regatear" value="0"><button type="roll" name="roll_regatear" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Regatear=[[@{regatear} + @{bono_alm} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkseduccion"> <a class="button" href="#popupseduccion">Seducción</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_seduccion" title="Seduccion" value="0"><button type="roll" name="roll_seduccion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Seducción=[[@{seduccion} + @{bono_alm} + d20 ]]}}" ></button></div>
+		</div><!-- end .atributs -->
+		
+		<div class="sheet-col-atributs1">
+			<div class="sheet-atributs1"><a class="button" href="#popupcuerpo">CUERPO</a></div>
+			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_cue" title="Cuerpo" value="10" min="-10" max="30"></span>
+			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_cue" title="Bono Cuerpo" readonly></span>
+			<button type="roll" name="roll_cuerpo" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{CUERPO=[[@{bono_cue} + d20 ]]}}" ></button>
+			</div><!-- end .sheet-atributs2 -->
+			
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkagilidad"> <a class="button" href="#popupagilidad">Agilidad</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_agilidad" title="Agilidad" value="0"><button type="roll" name="roll_agilidad" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Agilidad=[[@{agilidad} + @{bono_cue} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkartesania"> <a class="button" href="#popupartesania">Artesanía</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_artesania" title="Artesanía" value="0"><button type="roll" name="roll_artesania" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Artesanía=[[@{artesania} + @{bono_cue} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkequitacion"> <a class="button" href="#popupequitacion">Equitación</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_equitacion" title="Equitación" value="0"><button type="roll" name="roll_equitacion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Equitación=[[@{equitacion} + @{bono_cue} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkinterpretacion"> <a class="button" href="#popupinterpretacion">Interpretación</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_interpretacion" title="interpretacion" value="0"><button type="roll" name="roll_interpretacion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Interpretación=[[@{interpretacion} + @{bono_cue} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkmana"> <a class="button" href="#popupmaña">Maña</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_maña" title="Maña" value="0"><button type="roll" name="roll_maña" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Maña=[[@{maña} + @{bono_cue} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkmontanismo"> <a class="button" href="#popupmontañismo">Montañismo</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_montañismo" title="Montañismo" value="0"><button type="roll" name="roll_montañismo" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Montañismo=[[@{montañismo} + @{bono_cue} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checksigilo"> <a class="button" href="#popupsigilo">Sigilo</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_sigilo" title="Sigilo" value="0"><button type="roll" name="roll_sigilo" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Sigilo=[[@{sigilo} + @{bono_cue} + d20 ]]}}" ></button></div>
+		</div><!-- end .atributs -->
+		
+		<div class="sheet-col-atributs1">
+			<div class="sheet-atributs1"><a class="button" href="#popupmente">MENTE</a></div>
+			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_men" title="Mente" value="10" min="-10" max="30"></span>
+			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_men" title="Bono Mente" readonly></span>
+			<button type="roll" name="roll_mente" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{MENTE=[[@{bono_men} + d20 ]]}}" ></button>
+			</div><!-- end .sheet-atributs2 -->
+					
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkalquimia"> <a class="button" href="#popupalquimia">Alquimia</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_alquimia" title="Alquimia" value="0"><button type="roll" name="roll_alquimia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Alquimia=[[@{alquimia} + @{bono_men} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkfaunayflora"> <a class="button" href="#popupfaunayflora">Fauna y Flora</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_faunayflora" title="Fauna y Flora" value="0"><button type="roll" name="roll_faunayflora" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Fauna y flora=[[@{faunayflora} + @{bono_men} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkcultura"> <a class="button" href="#popupcultura">Cultura</a> </div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_cultura" title="Cultura" value="0"><button type="roll" name="roll_cultura" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Cultura=[[@{cultura} + @{bono_men} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkleeryescribir"> <a class="button" href="#popupleeryescribir">Leer y escribir</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_leeryescribir" title="Leer y escribir" value="0">
+				<button type="roll" name="roll_leeryescribir" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Leer y escribir=[[@{leeryescribir} + @{bono_men} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkmedicina"> <a class="button" href="#popupmedicina">Medicina</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_medicina" title="Medicina" value="0"><button type="roll" name="roll_medicina" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Medicina=[[@{medicina} + @{bono_men} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checknavegar"> <a class="button" href="#popupnavegar">Navegar</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_navegar" title="Navegar" value="0"><button type="roll" name="roll_navegar" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Navegar=[[@{navegar} + @{bono_men} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkteologia"> <a class="button" href="#popupteologia">Teología</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_teologia" title="Teología" value="0"><button type="roll" name="roll_teologia" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Teología=[[@{teologia} + @{bono_men} + d20 ]]}}" ></button></div>
+		</div><!-- end .atributs -->
+		
+		<div class="sheet-col-atributs1">
+			<div class="sheet-atributs1"><a class="button" href="#popuppercepcion">PERCEPCIÓN</a> </div>
+			<div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_per" title="Percepción" value="10" min="-10" max="30"></span>
+			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_per" title="Bono Percepción" readonly></span>
+			<button type="roll" name="roll_percepcion" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{PERCEPCIÓN=[[@{bono_per} + d20 ]]}}" ></button>
+			</div><!-- end .sheet-atributs2 -->
+			
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkdegustar"> <a class="button" href="#popupdegustar">Degustar</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_degustar" title="Degustar" value="0"><button type="roll" name="roll_degustar" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Degustar=[[@{degustar} + @{bono_per} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkdescubrir"> <a class="button" href="#popupdescubrir">Descubrir</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_descubrir" title="Descubrir" value="0"><button type="roll" name="roll_descubrir" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Descubrir=[[@{descubrir} + @{bono_per} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkintuicion"> <a class="button" href="#popupintuicion">Intuición</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_intuicion" title="Intuición" value="0"><button type="roll" name="roll_intuicion" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Intuición=[[@{intuicion} + @{bono_per} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checklanzar"> <a class="button" href="#popuplanzar">Lanzar</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_lanzar" title="Lanzar" value="0"><button type="roll" name="roll_lanzar" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Lanzar=[[@{lanzar} + @{bono_per} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkmineria"> <a class="button" href="#popupmineria">Minería</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_mineria" title="Minería" value="0"><button type="roll" name="roll_mineria" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Minería=[[@{mineria} + @{bono_per} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkoido"> <a class="button" href="#popupoido">Oído</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_oido" title="Oído" value="0"><button type="roll" name="roll_oido" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Oído=[[@{oido} + @{bono_per} + d20 ]]}}" ></button></div>
+			<div class="sheet-habilidad">
+				<input type="checkbox" class="sheet-mycheck" name="attr_checkrastrear"> <a class="button" href="#popuprastrear">Rastrear</a></div><div class="sheet-habilidad2"><input type="number" style="width: 40px; border-top: none; border-right: none; border-left: none; border-bottom: 1px medium #000000; float: left; text-align: center; " name="attr_rastrear" title="Rastrear" value="0"><button type="roll" name="roll_rastrear" value="&{template:mo} {{title=TIRADA DE HABILIDAD }} {{subtitle= @{character_name} }} {{color=}} {{Rastrear=[[@{rastrear} + @{bono_per} + d20 ]]}}" ></button></div>
+		</div><!-- end .atributs -->
+		
+		<div class="sheet-col-atributs2">
+			<div class="sheet-atributs1"><a class="button" href="#popupresistencia">RESISTENCIA</a> </div>
+		  <div class="sheet-atributs2"> <span class="sheet-box_atributs"><input type="number" style="width: 50px; font-size: 18px; text-align: center; " name="attr_res" title="Resistencia" value="10" min="-10" max="30"></span>
+			<span class="sheet-box_atributs_bonus"><input type="number" style="width: 50px; font-size: 18px; text-align: center;" name="attr_bono_res" title="Bono Resistencia" readonly></span>
+			<button type="roll" name="roll_resistencia" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{character_name} }} {{color=}} {{RESISTENCIA=[[@{bono_RES} + d20 ]]}}" ></button>
+			</div><!-- end .sheet-atributs2 -->
+			<img src="http://medievooscuro.es/MO-ROLL20/DEMON_MEDIEVO_OSCURO_142x200px.png" width="142" height="200" alt=""/>
+		</div><!-- end .atributs -->
+	</div><!-- end .atributstotal -->
+</div><!-- end . habilidades -->
+			
+			<!-- ARMAS -->
+<div class="sheet-armas">
+	    			
+	<div class="sheet-titolpestanyes">ARMAS</div><!-- end .titolpestanyes -->
+
+		<div class="sheet-armasgrid">
+				<div class="sheet-armasceldasgrid">	NOMBRE</div><!-- end . sheet-armasceldasgrid -->
+				<div class="sheet-armasceldasgrid">	REC</div><!-- end . sheet-armasceldasgrid -->
+				<div class="sheet-armasceldasgrid">	DAÑO</div><!-- end . sheet-armasceldasgrid -->
+				<div class="sheet-armasceldasgrid">	TIPO</div><!-- end . sheet-armasceldasgrid -->
+				<div class="sheet-armasceldasgrid">	GEMAS</div><!-- end . sheet-armasceldasgrid -->
+		</div><!-- end . sheet-armasgrid -->
+	
+	
+	<fieldset class="repeating_armas"> 
+  		<input type="text" name="attr_armaname"  style=" width: 220px;"/> 
+		<input type="number" name="attr_armarec" value="0" min="0" max="12" style="text-align: center; width: 50px;" /> 
+		<select name="attr_armadaño" class="dtype"  style=" text-align: center; width: 80px;"> 
+    		<option value="0">0</option>
+			<option value="1">1</option>
+			<option value="2">2</option>
+			<option value="3">3</option>
+			<option value="d3">d3</option>
+			<option value="d3+1">d3+1</option>
+			<option value="d3+2">d3+2</option>
+			<option value="d3+3">d3+3</option>
+			<option value="2d3">2d3</option>
+			<option value="3d3">3d3</option>
+			<option value="4d3">4d3</option>
+			<option value="d4">d4</option>
+			<option value="d4+1">d4+1</option>
+			<option value="d4+2">d4+2</option>
+			<option value="d4+3">d4+3</option>
+			<option value="2d4">2d4</option>
+			<option value="3d4">3d4</option>
+			<option value="4d4">4d4</option>
+			<option value="d6">d6</option>
+			<option value="d6+1">d6+1</option>
+			<option value="d6+2">d6+2</option>
+			<option value="d6+3">d6+3</option>
+			<option value="d6+d3">d6+d3</option>
+			<option value="d6+d4">d6+d4</option>
+			<option value="2d6">2d6</option>
+			<option value="d8">d8</option>
+			<option value="d8+1">d8+1</option>
+			<option value="d8+2">d8+2</option>
+			<option value="d8+3">d8+3</option>
+			<option value="d8+d3">d8+d3</option>
+			<option value="d8+d4">d8+d4</option>
+			<option value="2d8">2d8</option>
+    		<option value="d10">d10</option>
+			<option value="d10+1">d10+1</option>
+			<option value="d10+2">d10+2</option>
+			<option value="d10+3">d10+3</option>
+			<option value="d10+d3">d10+d3</option>
+			<option value="d10+d4">d10+d4</option>
+    		<option value="d12">d12</option>
+			<option value="d12+1">d12+1</option>
+			<option value="d12+2">d12+2</option>
+			<option value="d12+3">d12+3</option>
+			<option value="d12+d3">d12+d3</option>
+  		</select>
+		<select name="attr_armatipo" class="dtype"  style=" text-align: center; width: 65px;"> 
+    		<option value="@{ataque_cc}">CC</option>
+			<option value="@{ataque_pro}">PRO</option>
+		</select>
+		<button type="roll" name="roll_dañoarmabase" value="&{template:mo} {{title=TIRADA DE ATAQUE }} {{subtitle= @{character_name} }} {{color=}} {{ @{armaname}= [[ 1d20 + @{ataque_base} + @{armatipo}  ]]}}{{Daño=[[@{armadaño} + @{ataque_base} + @{armatipo}  ]]}}{{desc=@{armanombregema1}[[@{armadañogema1}]] @{armanombregema2}[[@{armadañogema2}]] @{armanombregema3}[[@{armadañogema3}]]}}" ></button>
+		
+		<select name="attr_armanombregema1" class="dtype"  style=" text-align: center; width: 110px;"> 
+    		<option value=" "> </option>
+			<option value="Ágata ">Ágata</option>
+			<option value="Aguamarina ">Aguamarina</option>
+			<option value="Amatista ">Amatista</option>
+			<option value="Ámbar ">Ámbar</option>
+			<option value="Cornalina ">Cornalina</option>
+			<option value="Diamante ">Diamante</option>
+			<option value="Esmeralda ">Esmeralda</option>
+			<option value="Krystallos ">Krystallos</option>
+			<option value="Espinela roja ">Espinela roja</option>
+			<option value="Jade ">Jade</option>
+			<option value="Lapislázuli ">Lapislázuli</option>
+			<option value="Malaquita ">Malaquita</option>
+			<option value="Ópalo ">Ópalo</option>
+			<option value="Perla ">Perla</option>
+			<option value="Peridoto ">Peridoto</option>
+			<option value="Rubí ">Rubí</option>
+			<option value="Turquesa ">Turquesa</option>
+			<option value="Topacio ">Topacio</option>
+			<option value="Zafiro ">Zafiro</option>
+			<option value="Zircón ">Zircón</option>
+			<option value="Otra ">Otra</option>
+    	</select>
+		<select name="attr_armadañogema1" class="dtype"  style=" text-align: center; width: 62px;"> 
+    		<option value="0">0</option>
+			<option value="d3">d3</option>
+			<option value="d3+1">d3+1</option>
+			<option value="d3+2">d3+2</option>
+			<option value="d3+3">d3+3</option>
+			<option value="d4">d4</option>
+			<option value="d4+1">d4+1</option>
+			<option value="d4+2">d4+2</option>
+			<option value="d4+3">d4+3</option>
+    		<option value="d6">d6</option>
+			<option value="2d6">2d6</option>
+    		<option value="d8">d8</option>
+			<option value="2d8">2d8</option>
+    	</select>
+		
+		<select name="attr_armanombregema2" class="dtype"  style=" text-align: center; width: 110px;"> 
+    		<option value=" "> </option>
+			<option value="Ágata ">Ágata</option>
+			<option value="Aguamarina ">Aguamarina</option>
+			<option value="Amatista ">Amatista</option>
+			<option value="Ámbar ">Ámbar</option>
+			<option value="Cornalina ">Cornalina</option>
+			<option value="Diamante ">Diamante</option>
+			<option value="Esmeralda ">Esmeralda</option>
+			<option value="Krystallos ">Krystallos</option>
+			<option value="Espinela roja ">Espinela roja</option>
+			<option value="Jade ">Jade</option>
+			<option value="Lapislázuli ">Lapislázuli</option>
+			<option value="Malaquita ">Malaquita</option>
+			<option value="Ópalo ">Ópalo</option>
+			<option value="Perla ">Perla</option>
+			<option value="Peridoto ">Peridoto</option>
+			<option value="Rubí ">Rubí</option>
+			<option value="Turquesa ">Turquesa</option>
+			<option value="Topacio ">Topacio</option>
+			<option value="Zafiro ">Zafiro</option>
+			<option value="Zircón ">Zircón</option>
+			<option value="Otra ">Otra</option>
+    	</select>
+		<select name="attr_armadañogema2" class="dtype"  style=" text-align: center; width: 62px;"> 
+    		<option value="0">0</option>
+			<option value="d3">d3</option>
+			<option value="d3+1">d3+1</option>
+			<option value="d3+2">d3+2</option>
+			<option value="d3+3">d3+3</option>
+			<option value="d4">d4</option>
+			<option value="d4+1">d4+1</option>
+			<option value="d4+2">d4+2</option>
+			<option value="d4+3">d4+3</option>
+    		<option value="d6">d6</option>
+			<option value="2d6">2d6</option>
+    		<option value="d8">d8</option>
+			<option value="2d8">2d8</option>
+    	</select>
+		
+		<select name="attr_armanombregema3" class="dtype"  style=" text-align: center; width: 110px;"> 
+    		<option value=" "> </option>
+			<option value="Ágata ">Ágata</option>
+			<option value="Aguamarina ">Aguamarina</option>
+			<option value="Amatista ">Amatista</option>
+			<option value="Ámbar ">Ámbar</option>
+			<option value="Cornalina ">Cornalina</option>
+			<option value="Diamante ">Diamante</option>
+			<option value="Esmeralda ">Esmeralda</option>
+			<option value="Krystallos ">Krystallos</option>
+			<option value="Espinela roja ">Espinela roja</option>
+			<option value="Jade ">Jade</option>
+			<option value="Lapislázuli ">Lapislázuli</option>
+			<option value="Malaquita ">Malaquita</option>
+			<option value="Ópalo ">Ópalo</option>
+			<option value="Perla ">Perla</option>
+			<option value="Peridoto ">Peridoto</option>
+			<option value="Rubí ">Rubí</option>
+			<option value="Turquesa ">Turquesa</option>
+			<option value="Topacio ">Topacio</option>
+			<option value="Zafiro ">Zafiro</option>
+			<option value="Zircón ">Zircón</option>
+			<option value="Otra ">Otra</option>
+    	</select>
+		<select name="attr_armadañogema3" class="dtype"  style=" text-align: center; width: 62px;"> 
+    		<option value="0">0</option>
+			<option value="d3">d3</option>
+			<option value="d3+1">d3+1</option>
+			<option value="d3+2">d3+2</option>
+			<option value="d3+3">d3+3</option>
+			<option value="d4">d4</option>
+			<option value="d4+1">d4+1</option>
+			<option value="d4+2">d4+2</option>
+			<option value="d4+3">d4+3</option>
+    		<option value="d6">d6</option>
+			<option value="2d6">2d6</option>
+    		<option value="d8">d8</option>
+			<option value="2d8">2d8</option>
+    	</select>
+	</fieldset>
+  
+	<rolltemplate class="sheet-rolltemplate-mo">
+  <div class="sheet-container sheet-color-{{color}}">
+    <div class="sheet-header">
+      {{#title}}<div class="sheet-title">{{title}}<img class="sheet-logomo" src="http://medievooscuro.es/MO-ROLL20/mo.png" width="59" height="33" alt="Logo Medievo Oscuro"> </div>{{/title}}
+      {{#subtitle}}<div class="sheet-subtitle">{{subtitle}}</div>{{/subtitle}}
+    </div>
+    <div class="sheet-content">
+      {{#allprops() title subtitle desc color}}
+      <div class="sheet-key">{{key}}</div>
+      <div class="sheet-value">{{value}}</div>
+      {{/allprops() title subtitle desc color}}
+      {{#desc}}<div class="sheet-desc">{{desc}}</div>{{/desc}}
+    </div>
+  </div>
+</rolltemplate>
+	
+</div><!-- end . armas -->
+							<!-- HABILIDADES -->
+			
+<div class="sheet-rasgos">
+	<div class="sheet-titolpestanyes">RASGOS Y TALENTOS</div><!-- end .titolpestanyes -->
+    <div class="sheet-col-rasgos2">
+		<div class="sheet-titol_rasgos">RASGOS DESCRIPTIVOS</div><!-- end .titol_rasgos -->
+			<textarea name="attr_rasgos_descriptivos" style=" padding: 2%; width: 96%; resize: vertical; min-height: 300px;  "></textarea>
+	</div><!-- end .col-rasgos2 -->
+		
+	<div class="sheet-col-rasgos2">
+		<div class="sheet-titol_rasgos">TRASFONDO</div><!-- end .titol_rasgos -->
+			<textarea name="attr_trasfondo" style=" padding: 2%; width: 96%; resize: vertical; min-height: 300px;  "></textarea>
+	</div><!-- end .col-rasgos2 -->
+		
+	<div class="sheet-col-rasgos3">
+		<div class="sheet-titol_rasgos">TALENTOS</div><!-- end .titol_rasgos -->
+			<textarea name="attr_talentos" style=" padding: 2%; width: 96%; resize: vertical; min-height: 300px;  "></textarea>
+	</div><!-- end .col-rasgos3 -->
+</div><!-- end . rasgos -->
+			
+							<!-- EQUIPO SUPERVIVIENTE-->
+<div class="sheet-equipo">
+	<div class="sheet-titolpestanyes">EQUIPO DEL SUPERVIVIENTE</div><!-- end .titolpestanyes -->
+    <textarea name="caja-equipo" style=" padding: 2%; width: 96%; resize: vertical; min-height: 400px;  "></textarea>
+</div><!-- end . equipo -->
+			
+							<!-- MAGIA SORTILEGIOS -->
+<div class="sheet-magia">
+    
+	<div class="sheet-titolsortilegios">SORTILEGIOS ARCANOS</div><!-- end .titolsortilegios -->
+	
+
+		<div class="sheet-magiagrid">
+			<div class="sheet-magiaceldasgrid">	NIVEL</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	SORTILEGIO</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	EFECTO</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	DAÑO</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	DUR</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	MAL</div><!-- end . sheet-magiaceldasgrid -->
+		</div><!-- end . sheet-magiagrid -->
+	
+	<div class="sheet-magiagrid2">
+			<div class="sheet-magiaceldasgrid2">1</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa1"> 
+			<input type="text" name="attr_sortilegionamea1" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoa1" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoa1" style=" text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduraciona1" style=" text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldada1" style=" text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+
+			
+			<div class="sheet-magiaceldasgrid2">2</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
+			<input type="text" name="attr_sortilegionamea2" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoa2" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoa2" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduraciona2" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldada2" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">3</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
+			<input type="text" name="attr_sortilegionamea3" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoa3" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoa3" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduraciona3" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldada3" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">4</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa4"> 
+			<input type="text" name="attr_sortilegionamea4" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoa4" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoa4" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduraciona4" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldada4" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">5</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
+			<input type="text" name="attr_sortilegionamea5" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoa5" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoa5" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduraciona5" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldada5" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">6</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
+			<input type="text" name="attr_sortilegionamea6" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoa6" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoa6" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduraciona6" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldada6" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+				
+		</div><!-- end . sheet-magiagrid2 -->
+
+	<div class="clearfloat"></div>
+			<div class="sheet-separador"></div><!-- end .espai100 -->
+		<div class="clearfloat"></div>
+ 
+	<div class="sheet-titolsortilegios">SORTILEGIOS INFERNALES</div><!-- end .titolsortilegios -->
+			
+		<div class="sheet-magiagrid">
+			<div class="sheet-magiaceldasgrid">	NIVEL</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	SORTILEGIO</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	EFECTO</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	DAÑO</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	DUR</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid">	MAL</div><!-- end . sheet-magiaceldasgrid -->
+		</div><!-- end . sheet-magiagrid -->
+	
+	<div class="sheet-magiagrid2">
+			<div class="sheet-magiaceldasgrid2">1</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioi1"> 
+			<input type="text" name="attr_sortilegionamei1" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoi1" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoi1" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduracioni1" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldadi1" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+
+			
+			<div class="sheet-magiaceldasgrid2">2</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
+			<input type="text" name="attr_sortilegionamei2" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoi2" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoi2" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduracioni2" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldadi2" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">3</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa2"> 
+			<input type="text" name="attr_sortilegionamei3" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoi3" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoi3" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduracioni3" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldadi3" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">4</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa4"> 
+			<input type="text" name="attr_sortilegionamei4" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoi4" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoi4" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduracioni4" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldadi4" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">5</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
+			<input type="text" name="attr_sortilegionamei5" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoi5" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoi5" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduracioni5" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldadi5" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+		
+			<div class="sheet-magiaceldasgrid2">6</div><!-- end . sheet-magiaceldasgrid -->
+			<div class="sheet-magiaceldasgrid2"><fieldset class="repeating_sortilegioa"> 
+			<input type="text" name="attr_sortilegionamei6" style=" width: 180px;" /> 
+			<input type="text" name="attr_sortilegioefectoi6" style=" width: 470px;" />
+			<input type="text" name="attr_sortilegiodañoi6" style="text-align: center; width: 80px;" />
+			<input type="text" name="attr_sortilegioduracioni6" style="text-align: center; width: 105px;" />
+			<input type="text" name="attr_sortilegiomaldadi6" style="text-align: center; width: 60px;" />
+			</fieldset></div><!-- end . sheet-magiaceldasgrid -->
+				
+		</div><!-- end . sheet-magiagrid2 -->
+	
+	
+</div><!-- end . magia -->
+
+								<!-- PODERES DIVINOS -->
+<div class="sheet-poddivinos">
+	<div class="sheet-titolpestanyes">PODERES DIVINOS</div><!-- end .titolpestanyes -->
+	
+		<div class="sheet-poderesgrid">
+				<div class="sheet-poderceldasgrid">	NIVEL</div><!-- end . sheet-poderceldasgrid -->
+				<div class="sheet-poderceldasgrid">	PODER DIVINO</div><!-- end . sheet-poderceldasgrid -->
+				<div class="sheet-poderceldasgrid">	DESCRIPCIÓN	</div><!-- end . sheet-poderceldasgrid -->
+		</div><!-- end . sheet-poderesgrid -->
+
+	<fieldset class="repeating_poderesdivinos"> 
+			<input type="number" value="0" min="0" max="10" name="attr_nivelpoderdivino" style=" text-align: center; width: 80px;" /> 
+			<input type="text" name="attr_nombrepoderdivino" style=" width: 180px;" /><textarea type="text" name="attr_descripcionpoderdivino" style=" width: 990px; resize: vertical; height: 80px; min-height: 80px;" />
+	</fieldset>
+</div><!-- end . poderes divinos -->
+			
+							<!-- DIARIO DE BITACORA -->
+<div class="sheet-diario">
+	<div class="sheet-titolpestanyes">DIARIO DE BITACORA</div><!-- end .titolpestanyes -->
+  		<textarea name="attr_diario_bitacora" style=" padding: 2%; width: 96%; resize: vertical; min-height: 400px;  "></textarea>
+</div><!-- end . diario -->
+			
+<script type="text/worker">
+    const buttonlist = ["habilidades","armas","rasgos","equipo","magia","poddivinos","diario"];
+    buttonlist.forEach(button => {
+        on(`clicked:${button}`, function() {
+            setAttrs({
+                sheetTab: button
+            });
+        });
+    });
+	  
+</script>
+		</div><!-- end .containertabs -->
+				
+	<div class="clearfloat"></div>
+			<div class="sheet-separador"></div><!-- end .espai100 -->
+			<div class="clearfloat"></div>
+			<div class="sheet-firma">© 2020 medievooscuro.es</div>
+	
+	
+			<!-- FORMULA POP UPS 	<a class="button" href="#popupXXX">NOM POP UP</a>	-->
+		
+			<!-- POP UPS ATRIBUTOS -->
+			
+<div id="popupalma" class="overlay">
+	<div class="popup">
+		<h2>ALMA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			El Alma representa la fuerza de voluntad, la cordura y la racionalidad del personaje. A mayor puntuación de Alma, mejor resistirá el personaje al enfrentarse contra los peligros infernales que acechan al mundo.
+
+			La puntuación en el Atributo de Alma multipicada por dos define los puntos de Cordura del personaje, ver atributos secundarios 3.2.
+		</div>
+	</div>
+</div>
+			<div id="popupcuerpo" class="overlay">
+	<div class="popup">
+		<h2>CUERPO</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			El cuerpo define la fuerza bruta y la agilidad del personaje. A mayor puntuación en Cuerpo, más fuerte y atlético será el personaje.
+
+			La puntuación en el Atributo de Cuerpo afecta al ataque y al daño cuerpo a cuerpo.
+		</div>
+	</div>
+</div>
+<div id="popupmente" class="overlay">
+	<div class="popup">
+		<h2>MENTE</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			La Mente representa el conocimiento, la cultura y la 
+			sabiduría del personaje. No la inteligencia, pues el 
+			personaje será tan inteligente como el jugador que lo 
+			interprete. Una puntuación alta en mente, representa un 
+			cerebro privilegiado, con multitud de conocimientos. La 
+			mayoría de humanos con puntuación en Mente elevada, 
+			son sabios de edad avanzada.
+
+			La puntuación del Atributo Mente define el bono a los 
+			puntos de poder.
+		</div>
+	</div>
+</div>
+<div id="popuppercepcion" class="overlay">
+	<div class="popup">
+		<h2>PERCEPCIÓN</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			La Percepción representa los cinco sentidos del personaje. Vista, tacto, olfato, oído y gusto. Una buena puntuación en Percepción, demuestra ser avispado, rápido y atento.
+
+			La puntuación del Atributo Percepción define el ataque y el daño causado con armas proyectiles.
+		</div>
+	</div>
+</div>
+<div id="popupresistencia" class="overlay">
+	<div class="popup">
+		<h2>RESISTENCIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			La Resistencia es la constitución física del personaje. Lo bien que aguanta cargas pesadas, su capacidad de aguantar la respiración bajo del agua o caminar largas jornadas sin fatigarse. Una buena puntuación en Resistencia, representa un personaje rudo y en muy buen estado físico.
+
+			La puntuación del Atributo Resistencia define el bono a los puntos de vida y al valor base de la defensa.
+		</div>
+	</div>
+</div>
+
+			<!-- POP UPS ATRIBUTOS SECUNDARIOS -->
+					
+<div id="popupefectoespecial" class="overlay">
+	<div class="popup">
+		<h2>EFECTO ESPECIAL</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Los efectos especiales suceden y ya está, sin necesidad de lanzar los dados y sin opción a fallo. Un efecto especial siempre se llevará a cabo con éxito. El jugador elige en que momento sucede y el DM será el encargado de narrar lo sucedido.
+
+			Al iniciar una aventura en Medievo Oscuro, los jugadores empezarán sin ningún efecto y deberán esperar a subir a nivel 2 para ganar uno. Cuando lo gasten y suban de nivel, podrán adquirir otro.
+
+			Los efectos especiales se otorgan de forma aleatoria, el jugador debe tirar 1D12 y consultar la lista de la página 32 del manual de Medievo Oscuro. 
+		</div>
+	</div>
+</div>		
+<div id="popupataque" class="overlay">
+	<div class="popup">
+		<h2>ATAQUE</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Para calcular el modificador de ataque del personaje, debes consultar la tabla de avance de nivel según su profesión. Para los ataques cuerpo a cuerpo, a tu bono de Ataque por nivel le añadirás el bono de Cuerpo y para los ataques con proyectiles, el bono de Percepción. Más información en el capítulo 9 del manual de Medievo Oscuro.
+		</div>
+	</div>
+</div>		
+<div id="popupdefensa" class="overlay">
+	<div class="popup">
+		<h2>DEFENSA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Todos los PJ empiezan con un valor numérico de 10. A este valor le sumaremos o restaremos el bono por Resistencia. Y luego, se le podrá añadir los bonos de las armaduras, protecciones, y escudos que posean.
+
+		</div>
+	</div>
+</div>		
+<div id="popupmilagro" class="overlay">
+	<div class="popup">
+		<h2>MILAGRO</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Modificador indicado en la tabla de avance de cada profesión que sirve para resistir conjuros y otros peligros que un humano no podría soportar. Ser salvado gracias a un Milagro depende del DM, quien dirà si hay derecho a tirada y cual es su dificultad. 
+
+		</div>
+	</div>
+</div>		
+<div id="popupreflejos" class="overlay">
+	<div class="popup">
+		<h2>REFLEJOS</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Valor numérico que indica la velocidad de reacción del PJ y que sumado a 1D8 da el valor de iniciativa.
+		</div>
+	</div>
+</div>		
+<div id="popupbondadmaldad" class="overlay">
+	<div class="popup">
+		<h2>BONDAD Y MALDAD</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			La bondad y la maldad son dos aptitudes reciprocas, que van cogidas de la mano. Ambas deben sumar 100 en total y cada vez que una aumenta, la otra disminuye proporcionalmente. 
+
+			Inicialmente, los jugadores empiezan con un valor de 50 en cada una. Si en algún momento durante las aventuras un personaje llega a 100 puntos en maldad (lo que conlleva un 0 en bondad), pasará a ser un PNJ y ya no podrá jugar con él.
+
+			En la tabla de la página 33 del manual de Medievo Oscuro encontraréis ejemplos de ganancias de bondad y maldad.
+		</div>
+	</div>
+</div>		
+<div id="popuppuntosdevida" class="overlay">
+	<div class="popup">
+		<h2>PUNTOS DE VIDA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Los puntos de vida son el resultado numérico equivalente al daño que puede recibir el perso-naje jugador o los personajes no jugadores (PNJ de ahora en adelante) antes de perecer. 
+
+			Para calcular los puntos de vida, hay que lanzar el dado de vida que nos indica nuestra profesión y sumarle o restarle el bono por Resistencia indicado en la tabla de dicho atributo. 
+
+			A nivel 1, todos los PJ empiezan con su dado de vida al máximo valor, a partir de ese momento, deberán lanzar ese dado cada vez que suban de nivel.
+
+			Un personaje que llegue a 0 Puntos de vida (PV de ahora en adelante), caerá inconsciente, perdiendo 1 PV negativo cada turno. Al llegar a -2 PV habrá muerto (Ver Página 82 del manual de Medievo Oscuro).
+
+		</div>
+	</div>
+</div>		
+<div id="popuppuntosdecordura" class="overlay">
+	<div class="popup">
+		<h2>PUNTOS DE CORDURA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Los puntos de cordura (PC de ahora en adelante) son un valor numérico que indica el aguante del personaje antes de volverse loco. Si un PJ llega a 0 PC perderá la razón y será absorbido por un estado de demencia, sufriendo un ataque de locura. Los puntos de cordura iniciales y máximos del personaje se calculan multiplicando por dos el valor del atributo Alma.
+		</div>
+	</div>
+</div>		
+<div id="popuppuntosdepoder" class="overlay">
+	<div class="popup">
+		<h2>PUNTOS DE PODER</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Los puntos de poder son un valor numérico que indica la cantidad de conjuros que puede lanzar el personaje durante un mismo día. Para calcular los puntos de poder, se debe consultar la tabla de progresión 
+			de cada profesión y sumarle, a ese valor, el bono que otorga el atributo Mente, según su tabla. Más información en el capítulo 10 del manual de Medievo Oscuro.
+		</div>
+	</div>
+</div>		
+<div id="popupsuerte" class="overlay">
+	<div class="popup">
+		<h2>SUERTE</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 La suerte se utiliza para salir de un apuro en un momento clave de la historia. Todos los jugadores poseen un valor determinado en la tabla de su profesión que equivale al número de dados de suerte que podrán gastar cuando más los necesiten. Una vez gastados los dados de suerte, no se podrán recuperar hasta subir de nivel. El dado de suerte es un dado de 20 que se puede tirar como dado de ventaja una vez se ha fallado una tirada (Para más información ver tiradas con ventaja o desventaja en la página 29 del manual de Medievo Oscuro.).
+
+		</div>
+	</div>
+</div>			
+			
+			<!-- POP UPS HABILIDADES -->
+			
+<div id="popupdemonologia" class="overlay">
+	<div class="popup">
+		<h2>DEMONOLOGIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Es el conocimiento, del PJ, sobre los demonios y el infierno. Con esta habilidad puede reconocer a un demonio, hablar con él e incluso invocarle.
+		</div>
+	</div>
+</div>		
+			
+<div id="popupleyendas" class="overlay">
+	<div class="popup">
+		<h2>LEYENDAS</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Es el conocimiento que tiene el PJ sobre mitología y antiguas historias. Conocer una leyenda, su origen o valiosa información sobre las criaturas que en ella aparecen. Sirve tanto para contarlas, como para conocerlas.
+		</div>
+	</div>
+</div>
+
+<div id="popupmagia" class="overlay">
+	<div class="popup">
+		<h2>MAGIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Es el conocimiento del PJ sobre la brujería y las artes arcanas. Con esta habilidad se lanzan los sortilegios arcanos.
+
+		</div>
+	</div>
+</div>	
+<div id="popupnecromancia" class="overlay">
+	<div class="popup">
+		<h2>NECROMANCIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 El arte de la necromancia se centra en usar la brujería oscura en relación a los muertos y los nigromantes. Con esta habilidad se lanzan los sortilegios infernales.
+		</div>
+	</div>
+</div>	
+<div id="popuppersuadir" class="overlay">
+	<div class="popup">
+		<h2>PERSUADIR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Representa la elocuencia y la capacidad del PJ de convencer a un PNJ. Así como su capacidad para sugestionar a un interlocutor de una idea o concepto.
+
+		</div>
+	</div>
+</div>	
+<div id="popupregatear" class="overlay">
+	<div class="popup">
+		<h2>REGATEAR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 En Medievo Oscuro, la supervivencia es el día a día y el dinero ya no tiene valor. La habilidad de Regatear sirve para obtener un buen trato en un trueque.
+		</div>
+	</div>
+</div>	
+<div id="popupseduccion" class="overlay">
+	<div class="popup">
+		<h2>SEDUCCIÓN</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Mediante el encanto y la sensualidad, se puede
+			conseguir información y camelarse al interesado. Con dos éxitos se puede llegar a algo más. Y con tres éxitos seguidos, puedes yacer con él/la. Si el seducido no es del sexo opuesto y no le interesan los de su mismo sexo, la dificultad siempre es 20.
+		</div>
+	</div>
+</div>	
+<div id="popupagilidad" class="overlay">
+	<div class="popup">
+		<h2>AGILIDAD</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Representa las capacidades atléticas del PJ. Esta
+			habilidad se usa para correr, nadar, saltar, trepar, etc.
+
+		</div>
+	</div>
+</div>	
+<div id="popupartesania" class="overlay">
+	<div class="popup">
+		<h2>ARTESANIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Representa las aptitudes del PJ para crear o reparar utensilios u objetos con las herramientas adecuadas o las propias manos. Esta habilidad se usa para cambiar la rueda de un carro, crear una flecha, forjar una espada o construir una balsa entre otros ejemplos.
+		</div>
+	</div>
+</div>	
+<div id="popupequitacion" class="overlay">
+	<div class="popup">
+		<h2>EQUITACIÓN</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 El arte de montar a caballo u otra criatura que se deje domesticar por el PJ. Para ir al trote no es necesaria una tirada si el PJ ya tiene la habilidad. Pero, si lo es, para galopar, hacer una carrera o huir de unas alimañas.
+		</div>
+	</div>
+</div>	
+<div id="popupinterpretacion" class="overlay">
+	<div class="popup">
+		<h2>INTERPRETACIÓN</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Representa todas las habilidades clásicas del
+			juglar y el bufón. Habilidad del PJ para actuar, bailar, recitar,cantar, tocar instrumentos, imitar o hacerse pasar por alguien.
+		</div>
+	</div>
+</div>	
+<div id="popupmaña" class="overlay">
+	<div class="popup">
+		<h2>MAÑA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Representa la habilidad manual y la coordinación del PJ realizando trabajos con sus manos. Desde hacer un buen nudo, hasta robar una bolsa sin ser visto o forzar una cerradura.
+		</div>
+	</div>
+</div>	
+<div id="popupmontañismo" class="overlay">
+	<div class="popup">
+		<h2>MONTAÑISMO</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Representa la capacidad del PJ para realizar 
+			acciones físicas en alta montaña con nieve y/o hielo: escalar, esquiar, patinar, caminar con o sin raquetas o ir en trineo.
+		</div>
+	</div>
+</div>	
+<div id="popupsigilo" class="overlay">
+	<div class="popup">
+		<h2>SIGILO</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 La habilidad del PJ para moverse en silencio sin ser detectado o pasar desapercibido entre el gentío.
+		</div>
+	</div>
+</div>	
+<div id="popupalquimia" class="overlay">
+	<div class="popup">
+		<h2>ALQUIMIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Son los conocimientos del PJ sobre pócimas, gemas y talismanes. Como crearlos, sus propiedades y para que sirven. A pesar de ser magia el uso de la alquimia no está mal visto por la fe como los sortilegios y las invocaciones.
+		</div>
+	</div>
+</div>	
+<div id="popupcultura" class="overlay">
+	<div class="popup">
+		<h2>CULTURA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Es el conocimiento general del PJ. No indica su
+			inteligencia, pues esta depende del jugador. Pero puede ayudar a conocer lugares y costumbres entre otros conocimientos.
+		</div>
+	</div>
+</div>				
+<div id="popupfaunayflora" class="overlay">
+	<div class="popup">
+		<h2>FAUNA Y FLORA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Usando esta habilidad un PJ puede saber qué le pasa al caballo, reconocer unas huellas de lobo, saber dónde hacen sus nidos los cuervos... así como reconocer plantas, saber en que lugares y condiciones crecen y sus propiedades.
+		</div>
+	</div>
+</div>	
+<div id="popupleeryescribir" class="overlay">
+	<div class="popup">
+		<h2>LEER Y ESCRIBIR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Muy pocos eran los afortunados que sabían leer y escribir en la época. Con esta habilidad, como su nombre indica, el PJ podrá leer y escribir en las lenguas que conozca.
+		</div>
+	</div>
+</div>	
+<div id="popupmedicina" class="overlay">
+	<div class="popup">
+		<h2>MEDICINA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Capacidad del PJ para conocer enfermedades y 
+			dolencias que sirve tanto para diagnosticarlas, tratarlas y poder guarecerlas como para realizar unos primeros auxilios. también se usa para crear ungüentos.
+		</div>
+	</div>
+</div>	
+<div id="popupnavegar" class="overlay">
+	<div class="popup">
+		<h2>NAVEGAR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Conocimientos que usa el PJ para dirigir y manejar
+			embarcaciones, con o sin timón, propulsadas a vela o a remos, su funcionamiento y partes, como cuidarlas y/o repararlas.
+		</div>
+	</div>
+</div>	
+<div id="popupteología" class="overlay">
+	<div class="popup">
+		<h2>TEOLOGIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Representa el conocimiento del PJ de la sagrada biblia, como rezar a los santos y las costumbres cristianas. Los sacerdotes usan esta habilidad para activar los poderes divinos.
+		</div>
+	</div>
+</div>	
+<div id="popupdegustar" class="overlay">
+	<div class="popup">
+		<h2>DEGUSTAR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Capacidad del PJ para identificar sabores. No solo sirve para saber si un vino está picado y/o aguado, también sirve para detectar si algo está envenenado.
+		</div>
+	</div>
+</div>	
+<div id="popupdescubrir" class="overlay">
+	<div class="popup">
+		<h2>DESCUBRIR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Habilidad usada para percibir cosas que a simple
+			vista no se detectarían. Con ella el PJ puede encontrar puertas secretas, buscar un pergamino escondido en una biblioteca o enterarse de que le acecha una criatura infernal.
+		</div>
+	</div>
+</div>	
+<div id="popupintuicion" class="overlay">
+	<div class="popup">
+		<h2>INTUICIÓN</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			Sensación que percibe el PJ ante situaciones de peligro inminente. Le permite detectar una emboscada, una trampa o saber cuando un PNJ le está mintiendo.
+		</div>
+	</div>
+</div>	
+<div id="popuplanzar" class="overlay">
+	<div class="popup">
+		<h2>LANZAR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Representa la capacidad del PJ para arrojar un objeto con puntería. Desde una piedra, hasta un arma arrojadiza. Si se usa para golpear, se define como habilidad de combate.
+		</div>
+	</div>
+</div>	
+<div id="popupmineria" class="overlay">
+	<div class="popup">
+		<h2>MINERÍA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Capacídad del PJ para conocer grutas y minas, su funcionamiento, orientarse en ellas, las técnicas de extracción así como los minerales y gemas.
+		</div>
+	</div>
+</div>	
+<div id="popupoido" class="overlay">
+	<div class="popup">
+		<h2>OÍDO</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Capacidad del PJ de oír sonidos, identificar melodías,  y escuchar un susurro, conversaciones lejanas o detrás de una pared. 
+		</div>
+	</div>
+</div>	
+<div id="popuprastrear" class="overlay">
+	<div class="popup">
+		<h2>RASTREAR</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Con esta habilidad el PJ puede seguir rastros, en exteriores como senderos y bosques. También puede reconocer mediante los rastros que ha sucedido.
+		</div>
+	</div>
+</div>	
+<div id="popup2" class="overlay">
+	<div class="popup">
+		<h2>DEMONOLOGIA</h2>
+		<a class="close" href="#">&times;</a>
+		<div class="content">
+			 Es el conocimiento, del PJ, sobre los demonios y el infierno. Con esta habilidad puede reconocer a un demonio, hablar con él e incluso invocarle.
+		</div>
+	</div>
+</div>	
+								<!-- END POP UPS TOTAL -->
+</div><!-- end .sheet-block-pj -->	
+
+								<!-- FICHA MO PARA PNJ O PJ DE NIVEL 0 -->
+<div class="sheet-block-pnj">
+ 	<div class="sheet-containerpnj">	
+		
+		
+		<div class="sheet-pnjtopgrid">
+				<div class="sheet-pnjtopceldasgrid"><img src="http://medievooscuro.es/MO-ROLL20/mo.png" width="200" height="136" alt="Logo MO"/></div><!-- end . sheet-pnjtopceldasgrid -->
+				<div class="sheet-pnjtopceldasgrid">NOMBRE: <input style=" width: 280px; margin-left: 3px; background-color: transparent; border: none; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 20px; color: #ffffff;" type="text" value="1" min="0" max="10" name="attr_nombrepnj"/></div><!-- end . sheet-pnjtopceldasgrid -->
+				<div class="sheet-pnjtopceldasgrid">NIV <input style="width: 45px; margin-left: 3px; background-color: transparent; border: none; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 20px; color: #ffffff;" type="number" value="1" min="0" max="10" name="attr_nivelpnj"/></div><!-- end . sheet-pnjtopceldasgrid -->
+		</div><!-- end . sheet-pnjtopgrid -->
+		
+		<div class="sheet-pnjdatostopgrid">
+				<div class="sheet-pnjdatostopceldasgrid">REF</div><!-- end . sheet-pnjdatostopceldasgrid -->
+				<div class="sheet-pnjdatostopceldasgrid">SUERTE</div><!-- end . sheet-pnjdatostopceldasgrid -->
+				<div class="sheet-pnjdatostopceldasgrid">DEF</div><!-- end . sheet-pnjdatostopceldasgrid -->
+				<div class="sheet-pnjdatostopceldasgrid">PP</div><!-- end . sheet-pnjdatostopceldasgrid -->
+				<div class="sheet-pnjdatostopceldasgrid">M</div><!-- end . sheet-pnjdatostopceldasgrid -->
+				<div class="sheet-pnjdatostopceldasgrid">PV</div><!-- end . sheet-pnjdatostopceldasgrid -->
+		</div><!-- end . sheet-pnjtopgrid -->
+		<div class="sheet-pnjdatostopgridB">
+				<div class="sheet-pnjdatostopceldasgridB" title="Reflejos"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_reflejospnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Suerte"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="10" name="attr_suertepnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Defensa base"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_defensapnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Poder"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="300" name="attr_pppnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Milagro"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="30" name="attr_milagropnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Vida"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 18px; color: #000000;" type="number" value="0" min="0" max="666" name="attr_pvpnj"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+		</div><!-- end . sheet-pnjtopgridB -->		
+		<div class="sheet-pnjdatostopgridB">
+				<div class="sheet-pnjdatostopceldasgridB" title="Tirada de Iniciativa">INI<button style="height: 25px; max-height: 25px" type="roll" name="roll_iniciativapnj" value="&{template:mo} {{title=TIRADA DE INICIATIVA }} {{subtitle= @{nombrepnj} }} {{color=}} {{INICIATIVA=[[@{reflejospnj} + d8 ]]}}" ></button></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Suerte actual"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center;  font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
+	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_reflejospnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Defensa con protecciones"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
+	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="20" name="attr_defensapnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Poder actuales"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
+	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="300" name="attr_pppnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Tirada de Milagro"><button style="height: 25px; max-height: 25px" type="roll" name="roll_milagropnj" value="&{template:mo} {{title=TIRADA DE MILAGRO }} {{subtitle= @{nombrepnj} }} {{color=}} {{MILAGRO=[[@{milagropnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjdatostopceldasgridB -->
+				<div class="sheet-pnjdatostopceldasgridB" title="Puntos de Vida actuales"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;
+	font-size: 18px; color: #000000;" type="number" value="0" min="0" max="666" name="attr_pvpnjactual"/></div><!-- end . sheet-pnjdatostopceldasgridB -->
+		</div><!-- end . sheet-pnjtopgridB -->
+		
+			<div class="clearfloat"></div>
+			<div class="sheet-separadorpnj"></div><!-- end .espai100 -->
+			<div class="clearfloat"></div>
+		
+		<div class="sheet-pnjarmasgrid">
+				<div class="sheet-pnjarmasceldasgrid">ARMA</div><!-- end . sheet-pnjarmasceldasgrid -->
+				<div class="sheet-pnjarmasceldasgrid">ATAQUE</div><!-- end . sheet-pnjarmasceldasgrid -->
+				<div class="sheet-pnjarmasceldasgrid">DAÑO</div><!-- end . sheet-pnjarmasceldasgrid -->
+		</div><!-- end . sheet-pnjarmasgrid -->
+		<div class="sheet-pnjarmasgridB">
+				<fieldset class="repeating_armas"> 
+  					<input type="text" name="attr_armanamepnj"  style=" width: 45%;" title="Armas del PNJ"/> 
+					<input type="number" name="attr_bonoataquepnj" style=" width: 10%; text-align: center" value="0" min="-10" max="20" title="Bono de ataque del PNJ"/>
+					<button type="roll" name="roll_dañoarmadelpnj" value="&{template:mo} {{title=TIRADA DE ATAQUE }} {{subtitle= @{nombrepnj} }} {{color=}} {{ @{armanamepnj}= [[ 1d20 + @{bonoataquepnj} ]]}}{{Daño=[[@{dañoarmapnj} ]]}}{{desc=Lucha por sobrevivir!}}" ></button>			
+					<input type="text" name="attr_dañoarmapnj" value="0" style=" width: 35%;" title="Daño total del arma. Incluir todos los bonos"/> 
+				</fieldset>
+		</div><!-- end . sheet-pnjarmasgridB -->
+		
+			<div class="clearfloat"></div>
+			<div class="sheet-separadorpnj"></div><!-- end .espai100 -->
+			<div class="clearfloat"></div>
+				
+		<div class="sheet-pnjatributosgrid">
+				<div class="sheet-pnjatributosceldasgrid" title="ALMA">ALM</div><!-- end . sheet-pnjatributosceldasgrid -->
+				<div class="sheet-pnjatributosceldasgrid" title="CUERPO">CUE</div><!-- end . sheet-pnjatributosceldasgrid -->
+				<div class="sheet-pnjatributosceldasgrid" title="MENTE">MEN</div><!-- end . sheet-pnjatributosceldasgrid -->
+				<div class="sheet-pnjatributosceldasgrid" title="PERCEPCIÓN">PER</div><!-- end . sheet-pnjatributosceldasgrid -->
+				<div class="sheet-pnjatributosceldasgrid" title="RESISTENCIA">RES</div><!-- end . sheet-pnjatributosceldasgrid -->	
+		</div><!-- end . sheet-pnjatributosgrid -->
+	
+		
+		<div class="sheet-pnjatributosgridB">
+				<div class="sheet-pnjatributosceldasgridB" title="ALMA"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_almpnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent;  border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonoalmpnj" readonly /><button type="roll" name="roll_almapnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{ALMA=[[@{bonoalmpnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
+				<div class="sheet-pnjatributosceldasgridB" title="CUERPO"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_cuepnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonocuepnj" readonly /><button type="roll" name="roll_cuerpopnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{CUERPO=[[@{bonocuepnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
+				<div class="sheet-pnjatributosceldasgridB" title="MENTE"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_menpnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonomenpnj" readonly /><button type="roll" name="roll_mentepnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{MENTE=[[@{bonomenpnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
+				<div class="sheet-pnjatributosceldasgridB" title="PERCEPCIÓN"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ;	font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_perpnj"/> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonoperpnj" readonly /><button type="roll" name="roll_percepcionpnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{PERCEPCIÓN=[[@{bonoperpnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
+				<div class="sheet-pnjatributosceldasgridB" title="RESISTENCIA"><input style=" width: 100%; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 22px; color: #000000;" type="number" value="0" min="-10" max="30" name="attr_respnj" /> Bono: <input style=" width: 20px; margin-left: 3px; background-color: transparent; border: none; text-align: center; font-family: Rakkas, Chonburi, Rye, Abril Fatface, Morpheus, Merriweather ; font-size: 14; color: #000000;" type="text" value="0" min="-5" max="12" name="attr_bonorespnj" readonly /><button type="roll" name="roll_resistenciapnj" value="&{template:mo} {{title=TIRADA DE ATRIBUTO }} {{subtitle= @{nombrepnj} }} {{color=}} {{RESISTENCIA=[[@{bonorespnj} + d20 ]]}}" ></button></div><!-- end . sheet-pnjatributosceldasgridB -->
+		</div><!-- end . sheet-pnjatributosgridB -->
+		
+				<div class="sheet-pnjdescripcion">DESCRIPCIÓN Y PODERES DEL PNJ</div><!-- end . sheet-pnjdescripcion -->
+				<div class="sheet-pnjcajadescripcion"><textarea name="attr_descripcion_pnj" style=" padding: 2%; width: 95%; resize: vertical; min-height: 100px;  "></textarea></div><!-- end . sheet-pnjcajadescripcion -->
+		
+		
+		<div class="clearfloat"></div>
+			<div class="sheet-separador"></div><!-- end .espai100 -->
+			<div class="clearfloat"></div>
+			<div class="sheet-firma">© 2020 medievooscuro.es</div>
+	</div><!-- end .sheet-containerpnj -->				
+	</div><!-- end .sheet-block-pnj -->	
+</div><!-- end .triapj -->
+				
+			
+	
+</div><!-- end .contenedorMO -->
+
+	<script type="text/worker">
+
+/* ATRIBUT ALM MO BONO */
+	on('change:alm', function () {
+    getAttrs(['alm'], function (values) {
+        let alm = parseInt(values.alm)||0;
+        let modifieralm = 0;
+		if(alm >= 20) { modifieralm = 4;}
+		else if (alm > 17){ modifieralm = 3;}
+		else if (alm > 15){ modifieralm = 2;}
+		else if (alm > 12){ modifieralm = 1;}
+		else if (alm >8){ modifieralm = 0;}
+		else if (alm >3){ modifieralm = -1;}
+		else if (alm > 0){ modifieralm = -2;}
+		else if (alm < 1){ modifieralm = -3;}
+		else {modifieralm = 0;}
+        setAttrs({
+     	bono_alm: modifieralm
+        });
+    });
+});
+
+/* ATRIBUT CUE MO BONO */
+	on('change:cue', function () {
+    getAttrs(['cue'], function (values) {
+        let cue = parseInt(values.cue)||0;
+        let modifiercue = 0;
+		if(cue >= 20) { modifiercue = 4;}
+		else if (cue > 17){ modifiercue = 3;}
+		else if (cue > 15){ modifiercue = 2;}
+		else if (cue > 12){ modifiercue = 1;}
+		else if (cue >8){ modifiercue = 0;}
+		else if (cue >3){ modifiercue = -1;}
+		else if (cue > 0){ modifiercue = -2;}
+		else if (cue < 1){ modifiercue = -3;}
+		else {modifiercue = 0;}
+        setAttrs({
+     	bono_cue: modifiercue
+        });
+    });
+});
+
+/* ATRIBUT MEN MO BONO */
+	on('change:men', function () {
+    getAttrs(['men'], function (values) {
+        let men = parseInt(values.men)||0;
+        let modifiermen = 0;
+		if(men >= 20) { modifiermen = 4;}
+		else if (men > 17){ modifiermen = 3;}
+		else if (men > 15){ modifiermen = 2;}
+		else if (men > 12){ modifiermen = 1;}
+		else if (men >8){ modifiermen = 0;}
+		else if (men >3){ modifiermen = -1;}
+		else if (men > 0){ modifiermen = -2;}
+		else if (men < 1){ modifiermen = -3;}
+		else {modifiermen = 0;}
+        setAttrs({
+     	bono_men: modifiermen
+        });
+    });
+});
+
+/* ATRIBUT PER MO BONO */
+	on('change:per', function () {
+    getAttrs(['per'], function (values) {
+        let per = parseInt(values.per)||0;
+        let modifierper = 0;
+		if(per >= 20) { modifierper = 4;}
+		else if (per > 17){ modifierper = 3;}
+		else if (per > 15){ modifierper = 2;}
+		else if (per > 12){ modifierper = 1;}
+		else if (per >8){ modifierper = 0;}
+		else if (per >3){ modifierper = -1;}
+		else if (per > 0){ modifierper = -2;}
+		else if (per < 1){ modifierper = -3;}
+		else {modifierper = 0;}
+        setAttrs({
+     	bono_per: modifierper
+        });
+    });
+});
+
+/* ATRIBUT RES MO BONO */
+	on('change:res', function () {
+    getAttrs(['res'], function (values) {
+        let res = parseInt(values.res)||0;
+        let modifierres = 0;
+		if(res >= 20) { modifierres = 4;}
+		else if (res > 17){ modifierres = 3;}
+		else if (res > 15){ modifierres = 2;}
+		else if (res > 12){ modifierres = 1;}
+		else if (res >8){ modifierres = 0;}
+		else if (res >3){ modifierres = -1;}
+		else if (res > 0){ modifierres = -2;}
+		else if (res < 1){ modifierres = -3;}
+		else {modifierres = 0;}
+        setAttrs({
+     	bono_res: modifierres
+        });
+    });
+});
+
+/* ATRIBUT ALM PNJ MO BONO */
+	on('change:almpnj', function () {
+    getAttrs(['almpnj'], function (values) {
+        let almpnj = parseInt(values.almpnj)||0;
+        let modifieralmpnj = 0;
+		if(almpnj >= 20) { modifieralmpnj = 4;}
+		else if (almpnj > 17){ modifieralmpnj = 3;}
+		else if (almpnj > 15){ modifieralmpnj = 2;}
+		else if (almpnj > 12){ modifieralmpnj = 1;}
+		else if (almpnj >8){ modifieralmpnj = 0;}
+		else if (almpnj >3){ modifieralmpnj = -1;}
+		else if (almpnj > 0){ modifieralmpnj = -2;}
+		else if (almpnj < 1){ modifieralmpnj = -3;}
+		else {modifieralmpnj = 0;}
+        setAttrs({
+     	bonoalmpnj: modifieralmpnj
+        });
+    });
+});
+
+/* ATRIBUT CUE PNJ MO BONO */
+	on('change:cuepnj', function () {
+    getAttrs(['cuepnj'], function (values) {
+        let cuepnj = parseInt(values.cuepnj)||0;
+        let modifiercuepnj = 0;
+		if(cuepnj >= 20) { modifiercuepnj = 4;}
+		else if (cuepnj > 17){ modifiercuepnj = 3;}
+		else if (cuepnj > 15){ modifiercuepnj = 2;}
+		else if (cuepnj > 12){ modifiercuepnj = 1;}
+		else if (cuepnj >8){ modifiercuepnj = 0;}
+		else if (cuepnj >3){ modifiercuepnj = -1;}
+		else if (cuepnj > 0){ modifiercuepnj = -2;}
+		else if (cuepnj < 1){ modifiercuepnj = -3;}
+		else {modifiercuepnj = 0;}
+        setAttrs({
+     	bonocuepnj: modifiercuepnj
+        });
+    });
+});
+
+/* ATRIBUT MEN MO BONO */
+	on('change:menpnj', function () {
+    getAttrs(['menpnj'], function (values) {
+        let menpnj = parseInt(values.menpnj)||0;
+        let modifiermenpnj = 0;
+		if(menpnj >= 20) { modifiermenpnj = 4;}
+		else if (menpnj > 17){ modifiermenpnj = 3;}
+		else if (menpnj > 15){ modifiermenpnj = 2;}
+		else if (menpnj > 12){ modifiermenpnj = 1;}
+		else if (menpnj >8){ modifiermenpnj = 0;}
+		else if (menpnj >3){ modifiermenpnj = -1;}
+		else if (menpnj > 0){ modifiermenpnj = -2;}
+		else if (menpnj < 1){ modifiermenpnj = -3;}
+		else {modifiermenpnj = 0;}
+        setAttrs({
+     	bonomenpnj: modifiermenpnj
+        });
+    });
+});
+
+/* ATRIBUT PER MO BONO */
+	on('change:perpnj', function () {
+    getAttrs(['perpnj'], function (values) {
+        let perpnj = parseInt(values.perpnj)||0;
+        let modifierperpnj = 0;
+		if(perpnj >= 20) { modifierper = 4;}
+		else if (perpnj > 17){ modifierperpnj = 3;}
+		else if (perpnj > 15){ modifierperpnj = 2;}
+		else if (perpnj > 12){ modifierperpnj = 1;}
+		else if (perpnj >8){ modifierperpnj = 0;}
+		else if (perpnj >3){ modifierperpnj = -1;}
+		else if (perpnj > 0){ modifierperpnj = -2;}
+		else if (perpnj < 1){ modifierperpnj = -3;}
+		else {modifierper = 0;}
+        setAttrs({
+     	bonoperpnj: modifierperpnj
+        });
+    });
+});
+
+/* ATRIBUT RES MO BONO */
+	on('change:respnj', function () {
+    getAttrs(['respnj'], function (values) {
+        let respnj = parseInt(values.respnj)||0;
+        let modifierrespnj = 0;
+		if(respnj >= 20) { modifierrespnj = 4;}
+		else if (respnj > 17){ modifierrespnj = 3;}
+		else if (respnj > 15){ modifierrespnj = 2;}
+		else if (respnj > 12){ modifierrespnj = 1;}
+		else if (respnj >8){ modifierrespnj = 0;}
+		else if (respnj >3){ modifierrespnj = -1;}
+		else if (respnj > 0){ modifierrespnj = -2;}
+		else if (respnj < 1){ modifierrespnj = -3;}
+		else {modifierrespnj = 0;}
+        setAttrs({
+     	bonorespnj: modifierrespnj
+        });
+    });
+});
+</script>	
 	
\ No newline at end of file