/* EN ORDEN ALFABETICO LOS ESTILOS GENERALES */

h4 { margin:0; }

body { background:#e6e7e8; }

a.menu { position:absolute; top:43px; left:123px; z-index:996; }
div.menu { position:fixed; top:20px; right:20px; z-index:996; }

img.bg { height:29.7cm; width:21cm; display:block; }

fieldset { border:0; display:inline-block; }
fieldset .btn { border-radius:15px; }

/* EN ORDEN DE APARICION LOS ESTILOS DE LA FICHA */
div.file-field 
{ 
	position:absolute; left:42px; top:88px; z-index:3; 
	height:286px; width:198px;
}
div.file-field:hover { background-color:#b71c1c; filter:blur(5px); opacity:0.35; }
#important div.file-field input
{ 
	cursor:default;
	height:inherit; 
	position:static; 
}

img.foto { position:absolute; left:42px; top:88px; z-index:2;  }

input.datos
{ 
	font-size:13px; 
	font-weight:bold;
	height:16px; width:176px;
	letter-spacing:1px;
	padding:2px 0;
}
input.datos[name="nombre"] { top:111px; }
input.datos[name="edad"] { top:132px; }
input.datos[name="prof"] { top:153px; }

input.atributos 
{ 
	font-size:38px; 
	height:32px; width:21px;
	left:633px;  
	padding:3px 0 1px;
}
input.atributos[name="agilidad"] { top:95px; }
input.atributos[name="constitucion"] { top:144px; }
input.atributos[name="destreza"] {top:193px; }
input.atributos[name="fe"] { top:242px; }
input.atributos[name="conexion"] { top:291px; }
input.atributos[name="mente"] { top:341px; }

input.estados 
{ 
	font-size:38px; 
	height:32px; width:21px;
	padding:3px 0 1px;
}

#important label.afinidades,
input.afinidades[name="afinidad"]
{ 
	position:absolute; top:312px; z-index:2; 
}

#important label.dioses,
input.dioses[name="dios"]
{ 
	position:absolute; left:705px; z-index:2; 
}
label[for="kaliva"], input[id="kaliva"] { top:107px; }
label[for="vexal"], input[id="vexal"] { top:161px; }
label[for="hexia"], input[id="hexia"] { top:218px; }
label[for="ergon"], input[id="ergon"] { top:272px; }
label[for="ledger"], input[id="ledger"] { top:327px; }

input.habilidades 
{ 
	font-size:38px; 
	height:32px; width:21px;
	padding:3px 0 1px;
}
input.habilidades[name="punteria"] { left:127px; top:411px; }
input.habilidades[name="lucha"] { left:127px; top:464px; }
input.habilidades[name="hackeo"] { left:127px; top:517px; }
input.habilidades[name="iniciativa"] { left:325px; top:411px; }
input.habilidades[name="atletismo"] { left:325px; top:464px; }
input.habilidades[name="eva"] { left:325px; top:517px; }
input.habilidades[name="pilotaje"] { left:522px; top:411px; }
input.habilidades[name="supervivencia"] { left:522px; top:464px; }
input.habilidades[name="astucia"] { left:522px; top:517px; }
input.habilidades[name="medicina"] { left:722px; top:411px; }
input.habilidades[name="mecanica"] { left:722px; top:464px; }
input.habilidades[name="profesion"] { left:722px; top:517px; }

input.mejoras 
{ 
	font-size:13px; 
	font-weight:bold;
	height:16px; width:426px;
	letter-spacing:1px;
	left:59px; 
	padding:2px 0;
}
#mejora0 { top:645px; }
#mejora1 { top:671px; }
#mejora2 { top:698px; }
#mejora3 { top:724px; }
#mejora4 { top:751px; }
#mejora5 { top:777px; }
#mejora6 { top:804px; }
#mejora7 { top:830px; }
#mejora8 { top:856px; }
#mejora9 { top:883px; }
#mejora10 { top:910px; }
#mejora11 { top:936px; }
#mejora12 { top:963px; }
#mejora13 { top:989px; }
#mejora14 { top:1016px; }

form:not(.s12) input[name="creditos"] 
{
	font-size:38px; 
	height:32px; width:142px;
	left:542px; top:645px; 
	padding:3px 0 1px;
	text-align:center;
}

input.objetos 
{ 
	font-size:13px; 
	font-weight:bold;
	height:16px; width:142px;
	letter-spacing:1px;
	left:542px; 
	padding:2px 0;
}
#objeto0 { top:751px; }
#objeto1 { top:777px; }
#objeto2 { top:804px; }
#objeto3 { top:830px; }
#objeto4 { top:856px; }
#objeto5 { top:883px; }
#objeto6 { top:910px; }
#objeto7 { top:936px; }
#objeto8 { top:963px; }
#objeto9 { top:989px; }
#objeto10 { top:1016px; }

#important label.exp,
input.exp
{ 
	position:absolute; left:721.5px; z-index:2; 
}
label[for="exp0"], input[id="exp0"] { top:635px; }
label[for="exp1"], input[id="exp1"] { top:662px; }
label[for="exp2"], input[id="exp2"] { top:690px; }
label[for="exp3"], input[id="exp3"] { top:717px; }
label[for="exp4"], input[id="exp4"] { top:745px; }
label[for="exp5"], input[id="exp5"] { top:772px; }
label[for="exp6"], input[id="exp6"] { top:799px; }
label[for="exp7"], input[id="exp7"] { top:826px; }
label[for="exp8"], input[id="exp8"] { top:853px; }
label[for="exp9"], input[id="exp9"] { top:881px; }
label[for="exp10"], input[id="exp10"] { top:909px; }
label[for="exp11"], input[id="exp11"] { top:936px; }
label[for="exp12"], input[id="exp12"] { top:964px; }
label[for="exp13"], input[id="exp13"] { top:991px; }
label[for="exp14"], input[id="exp14"] { top:1019px; }
label[for="exp15"], input[id="exp15"] { top:1045px; }

/* PARA IMPRIMIR LA FICHA */

@media print
{
	body { background:#fff; }
	div.clearfix, form.mazo, .menu { display:none; }
}
@page { margin:0; size:A4; }

@media (min-width: 601px)
{
	#important form input
	{ 
		color:#b71c1c;
		margin-bottom:0;  
		position:absolute; z-index:2; 
	}

	input.blur:checked+label:after, 
	input.blur.with-gap:checked+label:after { background-color:#b71c1c; border:0; filter:blur(5px); }

	input.blur:not(:checked)+label:before, 
	input.blur:not(:checked)+label:after { border:0; }

	input.blur+label:before, 
	input.blur+label:after { height:46px; width:46px; }

	input.blur:not(:checked)+label,
	input.blur:checked+label { opacity:0.35; }

	input:not([type]), input[type=text], input[type=password], input[type=email], input[type=url], input[type=time], input[type=date], input[type=datetime], input[type=datetime-local], input[type=tel], input[type=number], input[type=search], textarea.materialize-textarea
	{ 
		border-bottom:0; 
	}
	input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]), input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]), input[type=url]:focus:not([readonly]), input[type=time]:focus:not([readonly]), input[type=date]:focus:not([readonly]), input[type=datetime]:focus:not([readonly]), input[type=datetime-local]:focus:not([readonly]), input[type=tel]:focus:not([readonly]), input[type=number]:focus:not([readonly]), input[type=search]:focus:not([readonly]), textarea.materialize-textarea:focus:not([readonly])
	{
		border-bottom:0;
		box-shadow:none;
	}

	[type="radio"]:not(:checked)+label:before, [type="radio"]:not(:checked)+label:after
	{ 
		border:0; 
	}
	[type="radio"]:checked+label:after, [type="radio"].with-gap:checked+label:after
	{
		border:0; 
		background:#b71c1c;
	}
}