Modelo de Fitcha para P.I (Reyes)

<center><style type="text/css">#pinfo {position:absolute; left:-40px; top:130px;}#pinfo ul {list-style-type:none;text-align:left;}#pinfo li{opacity:0.8;width:240px; -webkit-transition: all 1s linear; background-color:#FCB3B8; margin-bottom:2px; color:#fff; font-family: tahoma; padding:2px 0px 2px 10px; line-height:120%;border-left: 20px solid #FC2A38;} #pinfo li:hover {opacity:1; border-left: 35px solid #FC2A38}</style><link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'><div style="border-bottom: 10px solid #FC2A38;width:450px; height:auto; background: #FCB3B8; padding:10px;  color:#4d4d4d; font-family: tahoma; border-right: 8px solid #FC2A38; border-left: 8px solid #FC2A38; font-size:9pt; line-height:99%;"><center>
<center><div style="font-family:Rochester; font-size:45pt; letter-spacing: -2px; position: relative; color: #FC2A38;">Nombre del Personaje</div>
<div style="background-image:url('imagen'); background-position: center; width:450px;height:200px; position:relative;"><div id="pinfo"><ul><li>Nombre Completo:
</li><li>Apodos:
</li><li>Edad:
</li><li>Raza:
</li><li>Sexo:
</li></div></div>
<div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #FC2A38">Datos Generales del Personaje</div>
<div style="width:420px; height:130px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #FF7D86; opacity: 0.7; font-size:10px;">Ocupación:
Nacionalidad:
Lugar de residencia actual:
Clase social:
Lealtad:
Familiares directos:
Posesiones personales:
Otros datos: 
</div><div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #FC2A38;">Descripción Física</div>
<div style="width:420px; height:190px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #FF7D86; opacity: 0.7; font-size:10px;">TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTOTEXTO TEXTOTEXTOTEXTO TEXTO TEXTO </div>
<div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #FC2A38;">Descripción Psicológica</div>
<div style="width:420px; height:250px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #FF7D86; opacity: 0.7; font-size:10px;">TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTOTEXTO TEXTOTEXTOTEXTO TEXTO TEXTO </div>
<div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #FC2A38;">Datos Generales de la Personalidad</div>
<div style="width:420px; height:130px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #FF7D86; opacity: 0.7; font-size:10px;">Virtudes:
Defectos: 
Gustos:
Disgustos:
Miedos/Fobias:
Debilidades:
</div>
<div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #FC2A38;">Historia</div>
<div style="width:420px; height:250px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #FF7D86; opacity: 0.7; font-size:10px;">
TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTOTEXTO TEXTOTEXTOTEXTO TEXTO TEXTO
</div></center>
</div><div style="width:487px; background: #FCB3B8; line-height:120%; text-align:center; border-radius: 0px 0px 50px 0px;"><font style="font-size:5pt; letter-spacing: 1px; text-transform: uppercase; font-family: mekanik let;">Copyright Little Wonka © All rights reserved</font></div></center>