* {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Opera and Firefox */
}

html {
	height:100%;
	min-height:100%;	
}

body {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
}

h1, h2, h3 {
	margin-block-start: 0.25rem;
	margin-block-end: 0.25rem;
	margin: 0.25rem;
}

.ObjetoCuadroExt {
	font-family: 'Grenze', serif;
	background-repeat: no-repeat;
}

.backRar0 { background-image: url("../img/textures/461223168.jpg"); }
.backRar1 { background-image: url("../img/textures/461223108_3.jpg"); }
.backRar2 { background-image: url("../img/textures/461223148_2.jpg"); }
.backRar3 { background-image: url("../img/textures/461223171_2.jpg"); }
.backRar4 { background-image: url("../img/textures/461223110_2.jpg"); }
.backRar5 { background-image: url("../img/textures/461223155_2.jpg"); }
.backRar6 { background-image: url("../img/textures/461223124_2.jpg"); }
.backRar7 { background-image: url("../img/textures/461223109_2.jpg"); }
.backRar8 { background-image: url("../img/textures/461223102_2.jpg"); }
.backRar9 { background-image: url("../img/textures/461223163_3.jpg"); }

.colorRar0 { color: #C0C0C0; }
.colorRar1 { color: #FFFFFF; }
.colorRar2 { color: #b1c9ea; }
.colorRar3 { color: #6babe5; }
.colorRar4 { color: #00b551; }
.colorRar5 { color: #fedb44; }
.colorRar6 { color: #a25eb5; }
.colorRar7 { color: #f28b00; }
.colorRar8 { color: #b68250; }
.colorRar9 { color: #f32836; }

.bgColorRar0 { border-color: #C0C0C0; }
.bgColorRar1 { border-color: #FFFFFF; }
.bgColorRar2 { border-color: #b1c9ea; }
.bgColorRar3 { border-color: #6babe5; }
.bgColorRar4 { border-color: #00b551; }
.bgColorRar5 { border-color: #fedb44; }
.bgColorRar6 { border-color: #a25eb5; }
.bgColorRar7 { border-color: #f28b00; }
.bgColorRar8 { border-color: #b68250; }
.bgColorRar9 { border-color: #f32836; }

.ObjetoCuadroInt {
	width: 16rem;
	min-height: 28rem;
	margin: auto;
    position: relative;
    border-width: 0.75rem;
    border-style: solid;
    border-radius: 2rem;
    background-color: white;
    background-clip: padding-box;
    padding: 0.5rem;
    -webkit-box-shadow: 0 0.25rem 0.75rem black, inset 0 0 0.125rem 0.125rem black;
            box-shadow: 0 0.25rem 0.75rem black, inset 0 0 0.125rem 0.125rem black;
    cursor: pointer;
    text-align: left;
}

.ObjetoCuadroTit{
	font-size: 1.5rem;
	text-align: center;
	background-image: url("../img/textures/white30opa.png");
	border-radius: 0.5rem;
	padding: 0.5rem;
	margin-bottom: 0.5rem;
	-webkit-box-shadow: inset 0 0 0.1rem 0.1rem #303030;
	        box-shadow: inset 0 0 0.1rem 0.1rem #303030;
	/* font-weight: bold; */
}

.ObjetoCuadroImg {
	max-width: 15rem;
	min-height: 10rem;
	background-image: url("../img/textures/white50opa.png");
	/* background-repeat: no-repeat; */
	text-align: center;
	margin: auto;
	border-radius: 4rem;
	padding: 0.5rem;
	-webkit-box-shadow: inset 0 0 0.1rem 0.1rem #303030;
	        box-shadow: inset 0 0 0.1rem 0.1rem #303030;
}

.imgCuadroObjeto {
	max-width: 10rem;
	max-height: 10rem;
	-webkit-animation-duration: 4s;
	        animation-duration: 4s;
	-webkit-animation-iteration-count: infinite;
	        animation-iteration-count: infinite;
	vertical-align: middle;
}

.ObjetoCuadroProps {
	/* font-style: italic; */
	background-image: url("../img/textures/white30opa.png");
	border-radius: 0.5rem;
	-webkit-box-shadow: inset 0 0 0.1rem 0.1rem #303030;
	        box-shadow: inset 0 0 0.1rem 0.1rem #303030;
}

ul.ul1 {
	padding-left: 0.3rem;
	padding-bottom: 0.5rem;
	padding-top: 0.5rem;
	-webkit-margin-before: 0.5rem;
	        margin-block-start: 0.5rem;
	-webkit-margin-after: 0.5rem;
	        margin-block-end: 0.5rem;
}

.nomods ul {
	padding-left: 0rem !important;
	padding-bottom: 0rem !important;
	padding-top: 0rem !important;
}


ul.ul1 li {
	margin: 0;
	padding-left: 0.25rem;
	list-style: none;
}

.contdot {
	width: 0.75rem;
	display: inline-block;
	text-align: center;
}

.dot0 {
	background-color: #303030;
	height: 0.5rem;
	width: 0.5rem;
	border-radius: 50%;
	display: inline-block;
	vertical-align: middle;
	margin-right: 0.25rem;
	-webkit-box-shadow: 0 0 1px 1px black, inset 0 0 1px 1px white;
	        box-shadow: 0 0 1px 1px black, inset 0 0 1px 1px white;
}
.dot1 {
	background-color: #A0A0A0;
}
.dot2 {
	background-color: #6babe5;
}
.dot3 {
	background-color: #00b551;
}
.dot4 {
	background-color: #fedb44;
}
.dot5 {
	background-color: #a25eb5;
}
.dot6 {
	background-color: #f28b00;
}

.ObjetoCuadroPropsImplicito {
	color: #303030;
}

.minmax_mods {
	float: right; 
	margin-right: 0.75rem;
}

.mainMenu {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.2))), url(../img/textures/461223136.jpg), #C0C0C0;
	background: -o-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223136.jpg), #C0C0C0;
	background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223136.jpg), #C0C0C0;
	/* float: left; */
	-webkit-box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	        box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	border-radius: 0.25rem;
	padding: 0.25rem;
	/*
	margin-top: 0.5rem;
	margin-left: 0.5rem;
	*/
	min-width: 11rem;
	max-width: 14rem;
	/* max-height: 22rem; */
	/*
	font-family: 'Dancing Script', cursive;
	font-family: 'Kaushan Script', cursive;
	font-family: 'Great Vibes', cursive;
	font-family: 'Marck Script', cursive;
	font-family: 'Niconne', cursive;
	*/
}

.mainMenu div {
	padding: 0.4rem 1rem;
}

.mainMenu div:hover {
	color: #505050;
}

.mainMenu div {
	font-family: 'Berkshire Swash', cursive;
	font-size: 1.2em;
	cursor: pointer;
	color: #101010;
}

.mainMenu div.mainMenuTop {
	border-bottom: 0.1rem solid #C0C0C0;
	font-family: 'Marck Script', cursive;
	font-size: 1.6em;
	color: #F0F0F0;
	cursor: default;
	margin-bottom: 0.4rem;
}

.mainMenu div.menuIcons {
	border-top: 0.1rem solid #C0C0C0;
	margin-top: 0.4rem;
}

.mainMenu div.menuIcons a img {
	width: 2rem;
	height: 2rem;
	margin-right: 0.25rem;
	margin-top: 0.5rem;
}

.ObjetoCuadroInt:hover {
	/*
  -webkit-animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
          animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 62.5rem;
          perspective: 62.5rem;
	*/
}

/* GRID FRAMES */

.headerFrame {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.2))), url(../img/textures/461223197.jpg), #C0C0C0;
	background: -o-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223197.jpg), #C0C0C0;
	background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223197.jpg), #C0C0C0;
	font-family: 'Grenze', serif;
	-webkit-box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	        box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	border-radius: 1rem;
}

.mainFrame {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.2))), url(../img/textures/461223200.jpg), #C0C0C0;
	background: -o-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223200.jpg), #C0C0C0;
	background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223200.jpg), #C0C0C0;
	font-family: 'Grenze', serif;
	-webkit-box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	        box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	border-radius: 1rem;
	padding: 0.25rem 1rem;
}

.footerFrame {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.2))), url(../img/textures/461223197.jpg), #C0C0C0;
	background: -o-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223197.jpg), #C0C0C0;
	background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223197.jpg), #C0C0C0;
	font-family: 'Grenze', serif;
	-webkit-box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	        box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	border-radius: 1rem;
}

.rightFrame {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.2)), to(rgba(0,0,0,.2))), url(../img/textures/461223145.jpg), #C0C0C0;
	background: -o-linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223145.jpg), #C0C0C0;
	background: linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url(../img/textures/461223145.jpg), #C0C0C0;
	font-family: 'Grenze', serif;
	-webkit-box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	        box-shadow: 0 0.25rem 0.75rem black, inset 0 0 1px 1px black;
	border-radius: 1rem;
}

/* GRID */

.gHeader, .gMenu, .gMain, .gRight, .gFooter {
	/* border: 1px solid blue; */
	margin: 1rem;
	text-align: center;
}
.gHeader { 
	grid-area: header; 
}
.gMenu { 
	grid-area: menu; 
	text-align: left;
    /* justify-self: start; */
    /* align-items: start; */
}
.gMain { 
	grid-area: main; 
	/* justify-self: center;  */
}
.gRight { 
	grid-area: right; 
}
.gFooter { 
	grid-area: footer; 
}


.grid-container {
	/* border: 1px solid red; */
	min-width: 100vw;
	min-height: 100vh;
	display: grid;
	/*
	    grid-template-areas:
	'menu header right'
	'menu main right'
	'footer footer footer';
	
	grid-template-columns: 1fr 4fr 1fr;
	grid-template-rows: 1fr 8fr 1fr;
	*/

	    grid-template-areas:
	'menu header'
	'menu main'
	'footer footer';

/*
	grid-auto-rows: minmax(min-content, max-content);
	grid-auto-columns: minmax(min-content, max-content);
*/

	grid-template-columns: minmax(12rem, 14rem) 4fr;
	grid-template-rows: 1fr 8fr;


	/* justify-items: center; */ 
	/* grid-auto-rows: min-content; */
	/* grid-auto-rows: minmax(min-content, max-content); */

	
	 grid-gap: 0rem; 
	/* padding: 0.625rem; */
	
}

.grid-container > div {
  /* text-align: center; */
  /* padding: 20px 0; */
}

/* END GRID */

/* PRIORIDAD */

#portrait {
	display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

#portrait div {
	font-family: 'Grenze', serif;
	font-size: 1.5rem;
	color: #C0C0C0;
	width: 80vw;
	text-align: center;
}

/* 
- Pantalla apaisada note 7 = 48rem
- Pantalla vertical note 7 = 24rem
*/
/*
@media screen and (max-width: 48rem) {
	.mainMenu {
		display: none;
	}
}
*/
@media all and (orientation: portrait) and (max-width: 48rem) { 
	.grid-container {
		display: none !important;
	}
	#portrait {
		display: block !important;
	}
}

/* HOJA DE PERSONAJE */
/* Foto al hacer hover */
/*
.PJDiv:hover {
	background-image: url(../img/chars/wiz1.png);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center;
	transition: background-image 0.15s ease-in-out;
}

.PJDiv:hover tr {
	opacity: 0;
}
*/

.PJDiv {
	min-width: 18rem;
	text-align: left;
	background-color: rgba(255,255,255,0.3);
	/* background-blend-mode: lighten; */
	border: 1px solid black;
	border-radius: 0.5rem;
	border-spacing: 0.125rem;
	padding-bottom: 1rem;
}

.PJDiv td {
	padding: 0.062rem;
}

.PJDiv .prop {
	padding-right: 0.25rem;
	text-align: right;
	min-width: 10rem;
}

.PJDiv .val {
	min-width: 8rem;
	vertical-align: bottom; 
}

.PJDiv .tit {
	text-align: center;
	color: #4e3615;
	font-size: 1.15rem;
}

.PJDiv .sep, .PJDiv .sep2, .PJDiv .sep3 {
	background-repeat: no-repeat;
	background-position: center;
	height: 1rem;
	padding: 0;	
}

.PJDiv .sep {
	background-image: url(../img/sep/sep2.png); 
	background-size: 14rem 1rem;
}

.PJDiv .sep2 {
	background-image: url(../img/sep/divider-2154993.svg); 
	background-size: 10rem 1rem;
}

.PJDiv .sep3 {
	background-image: url(../img/sep/sep3.png);
	background-size: 14rem 1rem;
}

.PJDiv .sep4 {
	background-image: url(../img/sep/flourish-31609.svg);
	background-size: 12rem 1rem;
}

/*
.PJDiv .sepX {
	border-bottom: 0.1rem solid #C0C0C0;
}
*/

.PJDiv .sep img {
	max-height: 1rem;
	max-width: 14rem;
}


.invColorRar0 { color: #3f3f3f; }
.invColorRar1 { color: #000000; }
.invColorRar2 { color: #4e3615; }
.invColorRar3, .PJDiv .prop { color: #94541a; }
.invColorRar4 { color: #ff4aae; }
.invColorRar5 { color: #0124bb; }
.invColorRar6 { color: #5da14a; }
.invColorRar7 { color: #0d74ff; }
.invColorRar8 { color: #497daf; }
.invColorRar9 { color: #0cd7c9; }


.InvDiv {
	min-width: 22rem;
	max-width: 32rem;
	background-color: rgba(255,255,255,0.3);
	border: 1px solid black;
	border-radius: 0.5rem;
	border-spacing: 0.125rem;
	padding: 0.25rem;
	padding-bottom: 1rem;
	text-align: center; 
	/*
	display: flex;
	justify-content: center;
	align-items: center; 
	*/
}

.InvDivINT {
	
}

.InvPag {
	text-align: left;
	margin-left: 1rem;
	margin-bottom: 1rem;
	margin-top: 0.5rem;
}

.InvPag .InvPagElm {
	margin-right: 0.5rem;
	border: 0.125rem solid #4e3615;
	border-radius: 0.5rem;
	width: 2rem;
	height: 2rem;
	line-height: 1.5rem;
	text-align: center;
	display: inline-block;
	font-size: 1.25rem;
}

.InvPag .InvPagElm:hover {
	background-color: #B0B0B0;
	cursor: pointer;
}

.divMainCont {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
	align-items: flex-start;
}


.PJDiv, .EquipDiv, .InvDiv {
	min-height: 32rem;
	margin-bottom: 1rem;
}

.EquipDiv {
	min-width: 22rem;
	/* background-image: url(../img/other/silueta.svg); */
	background: linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,.7)), url(../img/other/silueta2.png);
	/* background-color: rgba(255,255,255,0.3); */
	background-repeat: no-repeat;
	background-size: auto 100%, auto 95%;
	background-position: center, center;
	border: 1px solid black;
	border-radius: 0.5rem;
	border-spacing: 0.125rem;
	text-align: center;
	height: 32rem;

}

.EquipDiv .eqEXT {
	border: 0.125rem solid #94541a;
	border-radius: 0.25rem;
	width: 4rem;
	height: 4rem;
}

.EquipDiv .eqEXTjew {
	border: 0.125rem solid #94541a;
	border-radius: 0.25rem;
	width: 3rem;
	height: 3rem;
}

.EquipDiv .eqAmul {
	margin: 0.5rem auto 0 auto;
}

.EquipDiv .eqRng1 {
	float: left; 
	margin: 0.5rem 0 0 0.5rem;
}

.EquipDiv .eqRng2 {
	float: left; 
	margin: 0.5rem 0 0 0.5rem;
}

.EquipDiv .eqHeml {
	margin: 0.5rem auto 0 auto;
}

.EquipDiv .eqBody {
	margin: 0.5rem auto 0 auto;
}

.EquipDiv .eqBelt {
	margin: 0.5rem auto 0 auto;
}

.EquipDiv .eqLegs {
	margin: 2rem auto 0 auto;
}

.EquipDiv .eqBoot {
	margin: 2rem auto 0 auto;
}

.EquipDiv .eqArms {
	float: left; 
margin: 1rem 0 0 2rem;
}

.EquipDiv .eqShie {
	float: right; 
	margin: 0 3.5rem 0 0;
}

.EquipDiv .eqWeap {
	float: left; 
	margin: -3.5rem 0 0 2rem;
}

/* Inventario */
.boxInvEXT {
	border: 0.125rem solid #94541a;
	border-radius: 0.25rem;
	width: 4rem;
	height: 4rem;
	margin-right: 0.25rem;
	margin-bottom: 0.25rem;
	display: inline-block;
}

.boxInvINT {

}

.v2PJ {
	text-align: left;
    border-spacing: 0rem;
    border-collapse: separate;	
    border: 1px solid black;
    border-radius: 0.25rem;
    background-color: rgba(255,255,255,0.3);
}

.v2PJ td {
	padding: 0.3rem 0.6rem;
}

.v2PJ .v2PJ_pj:hover {
	background-color: rgba(255,255,255,0.2);
	cursor: pointer;
}

.v2PJ .v2PJ_tit td {
	font-size: 1.2rem;
	font-weight: bold;
}

.v2PJ .v2PJ_pj td {
	font-size: 1rem;
	font-weight: normal;
}

.v2PJ .v2PJ_last td {
	padding: 0;
	line-height: 0.25rem;
}