Expediente Hardrock.

<br><style type='text/css'>#cambiocolor:hover {-webkit-filter:grayscale(0%);}#cambiocolor {-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-filter: grayscale(100%)}</style><center><link href='http://fonts.googleapis.com/css?family=Playball' rel='stylesheet' type='text/css'><div style="background-color: #454043; padding: 25px; width: 275px; border-right: 195px solid #612329;"><div style="width: 450px; background-color: #f3f6e7; padding: 10px; padding-bottom: 20px; padding-top: 20px;"><div style="text-align: center; font-family: Playball; font-size: 50px; text-transform: none; text-shadow: 2px 2px 0 #dcdcdc, 3px 3px #454043; color: #454043; letter-spacing: -1px;">Nombre Apellido</div><div id="cambiocolor"><div style="width: 400px; margin-top: 25px; height: 200px; background-image:url(http://i.imgur.com/WsfE7x1.png);"></div></div>
<div style="width: 120px; background-color: #363636; padding: 5px; font-size: 15px; font-family: calibri; border: double 3px #eaeaea; color:#eaeaea; text-transform: uppercase; text-align: center;">Personalidad</div><div style="width: 400px; height: 130px; border: 3px double #363636; overflow: auto; margin-top: -20px;"><div style="font-size: 13px; letter-spacing: 0px; font-family: Calibri; font-style: italic; line-height: 110%; text-align: justify; padding: 20px; font-weight: 700; letter-spacing: -.095px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.  </div></div>
<div style="width: 120px; background-color: #363636; padding: 5px; font-size: 15px; font-family: calibri; border: double 3px #eaeaea; color:#eaeaea; text-transform: uppercase; text-align: center;">Historia</div><div style="width: 400px; height: 130px; border: 3px double #363636; overflow: auto; margin-top: -20px;"><div style="font-size: 13px; letter-spacing: 0px; font-family: Calibri; font-style: italic; line-height: 110%; text-align: justify; padding: 20px; font-weight: 700; letter-spacing: -.095px;">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.  </div></div>
</div></div><span style="font-size: 8px; font-weight: 700;  text-transform: uppercase; font-family: calibri; position: relative; top: -50px;">code by <a href="http://savage-themes.tumblr.com/" style="color: #612329;">HARDROCK</a></span></center>