<table><td><div class="icon"><div class="texto"><div class="dato1">d a t o - u n o .</div><div class="dato2">d a t o - d o s .</div><div class="dato3">d a t o - t r e s .</div></div></div></td><td><div class="caja">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></td></table><center><a href="http://onlywn.activoforo.com/u61951" class="hiperlink">quicksilver.</div></center>
<style type="text/css">.icon {width: 240px; height: 240px; background-image: url(http://media.tumblr.com/7967657d2d1f3063101603ae67e3c839/tumblr_inline_mm4rftdgCb1qz4rgp.png); margin: auto; -webkit-transition: ease-in-out 1.5s} .texto {width: 240px; height: auto; top: 45px; left: 2px; position: relative; opacity: 0; transition: ease-in-out 1.5s; -webkit-transition: ease-in-out 1.5s; -moz-transition: ease-in-out 1.5s; -o-transition: ease-in-out 1.5s} .dato1 {width: 185px; height: 20px; background-color: #000; font-family: courier new; font-size: 12px; padding: 15px; color: #fff; text-align: center; margin: auto; opacity: 0; transition: ease-in-out 1.5s; -webkit-transition: ease-in-out 1.5s; -moz-transition: ease-in-out 1.5s; -o-transition: ease-in-out 1.5s} .dato2 {width: 185px; height: 20px; background-color: #000; font-family: courier new; font-size: 12px; color: #fff; padding: 15px; text-align: center; margin: auto; transition: ease-in-out 1.5s; -webkit-transition: ease-in-out 1.5s; -moz-transition: ease-in-out 1.5s; -o-transition: ease-in-out 1.5s; opacity: 0} .dato3 {width: 185px; height: 20px; background-color: #000; font-family: courier new; padding: 15px; font-size: 12px; color: #fff; text-align: center; margin: auto; transition: ease-in-out 1.5s; -webkit-transition: ease-in-out 1.5s; -moz-transition: ease-in-out 1.5s; -o-transition: ease-in-out 1.5s; opacity: 0}
.icon:hover .texto {opacity: 0.9} .caja {width: 200px; height: 200px; background-color: grey; border: solid 10px #000; padding: 10px; margin: auto; font-family: courier new; font-size: 12px; color: #000; text-align: justify; overflow: auto; max-height: 215px; opacity: 0.4; line-height: 100%; transition: ease-in-out 1.5s; -webkit-transition: ease-in-out 1.5s; -moz-transition: ease-in-out 1.5s; -o-transition: ease-in-out 1.5s;}
.hiperlink {width: 480px; margin: auto; text-align: right; font-family: calibri; font-size: 12px;
color: grey; opacity: 0.4; transition: all 1.5s ease-in-out; -webkit-transition: all 1.5s ease-in-out; -moz-transition: all 1.5s ease-in-out; -o-transition: all 1.5s ease-in-out;}
.dato1:hover {background-color: grey; opacity: 1}
.dato2:hover {background-color: grey; opacity: 1}
.dato3:hover {background-color: grey; opacity: 1}
.caja:hover{opacity: 1;}
.hiperlink:hover{color: #000;}</style>