Modelo de Fitcha para P.I (Campesinos)

<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:#9DF04F; margin-bottom:2px; color:#fff; font-family: tahoma; padding:2px 0px 2px 10px; line-height:120%;border-left: 20px solid #7AB847;} #pinfo li:hover {opacity:1; border-left: 35px solid #9DF04F}</style><link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css'><div style="border-bottom: 10px solid #7AB847;width:450px; height:auto; background: #D5F7B9; padding:10px;  color:#4d4d4d; font-family: tahoma; border-right: 8px solid #7AB847; border-left: 8px solid #7AB847; font-size:9pt; line-height:99%;"><center>

<center><div style="font-family:Rochester; font-size:45pt; letter-spacing: -2px; position: relative; color: #7AB847;">Nombre del Personaje</div>

<div style="background-image:url('imagen del pj 500x200'); 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: #7AB847">Datos Generales del Personaje</div>

<div style="width:420px; height:130px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #7AB847; opacity: 0.7; font-size:10px;">[b]Ocupación[/b]: La profesión de tu personaje.
[b]Nacionalidad[/b]: Lugar de nacimiento del personaje.
[b]Lugar de residencia actual[/b]: El lugar en el que reside actualmente tu personaje.
[b]Clase social[/b]: Depende de su nivel de renta: alta, media, baja, medio-alta, etc.
[b]Lealtad[/b]: A quién es leal tu personaje.
[b]Familiares directos[/b]: Familiares de tu personaje.
[b]Posesiones personales[/b]: Algún objeto de su posesión que resulte más o menos relevante.
[b]Otros datos[/b]: Cualquier detalle que desees mencionar.



</div><div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #7AB847;">Descripción Física</div>

<div style="width:420px; height:190px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #7AB847; 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 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 TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO TEXTO</div>


<div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #7AB847;">Descripción Psicológica</div>

<div style="width:420px; height:250px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #7AB847; 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 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</div>



<div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #7AB847;">Datos Generales de la Personalidad</div>

<div style="width:420px; height:130px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #7AB847; opacity: 0.7; font-size:10px;">[b]Virtudes[/b]:
[b]Defectos[/b]:
[b]Gustos[/b]:
[b]Disgustos[/b]:
[b]Miedos/Fobias[/b]:
[b]Debilidades[/b]:.</div>


<div style="font-family:Rochester; font-size:30pt; letter-spacing: -2px; position: relative; color: #7AB847;">Historia</div>

<div style="width:420px; height:250px; padding: 8px; scrollbar:true; overflow:auto; text-align: justify; color: #fff; background: #7AB847; 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: #D5F7B9; 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 [url=http://www.oursourcecode.net/u83]Little Wonka[/url] © All rights reserved</font></div></center>