Búsqueda #03 Safe & Sound

<link href='http://fonts.googleapis.com/css?family=Julius+Sans+One' rel='stylesheet' type='text/css'><style type="text/css">#twd {width: 200px; height: 350px; overflow: hidden; position: relative; border: 15px solid #63864a; outline-offset: -4px; outline: 2px solid #e2e2e2;} #twd .norman {position: absolute; top:-350px; width: 200px; height: 350px; transition:2s;} #twd:hover .norman {top:0px; transition: 2s;} .detailtw {width: 84px; line-height: 90%; color: #e2e2e2; background: #63864a; font-size: 10px; font-family: Arial; text-transform: uppercase; display: inline-block; margin-left: 1px; margin-top: 1px; padding-top: 3px; text-align: center; padding-bottom: 3px;}</style><center><table cellspacing="3"><td><div style="width: 210px; height: 360px; background: #e2e2e2; overflow-y: auto; padding: 10px; line-height: 100%; font-family: arial; font-size: 12px; text-align: justify; color: #383838;"><div style="font-family: Julius Sans One; color: #63864a; text-align: center; text-transform: uppercase; font-size: 22px; border-bottom: 3px double #63864a; width: 210px; letter-spacing: 5px;padding-bottom: 5px; padding-top: 10px;">Trama</div>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
<div style="font-family: Julius Sans One; color: #63864a; text-align: center; text-transform: uppercase; font-size: 22px; border-bottom: 3px double #63864a; width: 210px; letter-spacing: 5px; padding-bottom: 5px; padding-top: 10px;">Reglas</div>
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </div></td><td><div id="twd"><div class="norman"><div style="width:170px; background: #e2e2e2; margin: 10px; padding: 5px; box-shadow: 1px 2px 3px #000000;"><img src="http://38.media.tumblr.com/f92ce0c1db5fd8cedfaf970e78df16d8/tumblr_mx1lbsCT5l1qkwg50o1_500.gif" style="width: 170px; height: 96px;" /><object type="application/x-shockwave-flash" data="http://goo.gl/tBcFGx" width="170" height="8"><param name="movie" value="http://goo.gl/1Qpzwa" /><param name="bgcolor" value="#63864a" /><param name="FlashVars" value="mp3=http://www.filz.us/files/a7c8c9eb/228/Capital_Cities_-_Safe_and_Sound_lyrics.mp3" /></object><div class="detailtw">Dato 1</div><div class="detailtw">Dato 2</div><div class="detailtw">Dato 3</div><div class="detailtw">Dato 4</div><div class="detailtw">Dato 5</div><div class="detailtw">Dato 6</div><div class="detailtw">Dato 7</div><div class="detailtw">Dato 8</div><div style="width: 169px; line-height: 90%; color: #e2e2e2; background: #63864a; font-size: 12px; font-family: Julius Sans One; text-transform: uppercase; display: inline-block; margin: 1px; margin-bottom: 1px; padding-top: 10px; text-align: center; padding-bottom: 7px; margin-top: 1px;">Nombre Apellido</div>
</div></div><div style="width: 200px; height: 350px; background:url(http://i.imgur.com/32uBorq.jpg);"></div></div></td></table><span style="font-size: 10px; font-weight: 700;  text-transform: uppercase; font-family: calibri; letter-spacing: 5px;"><a style="color: #63864a;" href="http://thecaptainknowsbest.tumblr.com/">© HARDROCK</a></span></center>