Relaciones Hardrock.

<link href='http://fonts.googleapis.com/css?family=Herr+Von+Muellerhoff' rel='stylesheet' type='text/css'><link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'><style type='text/css'>.hov{transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;-o-transition-duration: 1s;opacity:0.0; padding:5px;}.hov:hover{opacity:0.9;}</style><center><div style="width: 500px; height: 200px; background-image:url('http://i.imgur.com/sbBsMZI.png'); border-top: 15px solid #000000;"><div class="hov"><div style="overflow: auto; width: 480px; height: 185px; background-color: #101010; border: 3px dotted #000000; border-right: 6px solid #000000;"><div style="font-family: Times New Roman; font-size: 15px; text-align: justify; line-height: 100%; color: #7f7e7e; padding: 10px;"><br><div style="font-family: Herr Von Muellerhoff; font-size: 50px; text-align: center; color: #ababab;">Psicología</div>
Mi psicología.</div></div></div></div><div style="width: 500px; height: 40px; background-color: #000000; padding-top:25px;"><div style="font-family: dorsa; font-size: 60px; text-transform: uppercase; text-align: center; color: #e5e5e5;">Nombre apellido</div></div><div style="width: 500px; background-color: #033649; font-family: Georgia; font-size: 13px; text-transform: uppercase; text-align: center; color: #ababab;">Frase identificativa</div><div style="width: 500px; background-color: #191919; padding-bottom: 25px; border-bottom: 30px solid #000000;"><br><br><br><table cellspacing="2"><td><div style="font-family: dorsa; font-size: 45px; color: #8e9bc1; letter-spacing: -1px; text-align: center; text-transform: uppercase; letter-spacing: 4px;  margin-top: -7;">Amistad</div><div style="width: 230px; height: 155px; background-color: #101010; padding: 4px; font-family: calibri; font-size: 12px; color: #ababab; overflow: auto; text-align: justify; margin-top: 5px; margin-right:5px;">»MEJORES AMIGOS
»BUENOS AMIGOS
»AMIGOS
»CONFIANZA
»CONFIDENTES
»ADMIRACIÓN
»PROTEGIDOS
»PROTECTORES
»RESPETO
»CONSENTIDOS
»CONSENTIDORES
»ALIADOS
»TRATO CORDIAL
»CONOCIDOS
</td><td><div style="font-family: dorsa; font-size: 45px; color: #8e9bc1; letter-spacing: -1px; text-align: center; text-transform: uppercase; letter-spacing: 4px;  margin-top: -7;">Amor</div><div style="width: 230px; height: 155px; background-color: #101010; padding: 4px; font-family: calibri; font-size: 12px; color: #ababab; overflow: auto; text-align: justify; margin-top: 5px;">»ATRACCIÓN
»CURIOSIDAD
»INTERÉS
»COQUETEO
»CAPRICHO
»OBSESIÓN
»ME GUSTAS
»AMIGOS CON DERECHO
»TENSIÓN SEXUAL
»+ 18
»ROLLO DE UNA NOCHE
»AMOR
»AMOR PLATÓNICO
»PAREJA
»EX-PAREJA
»DESLIZ</td></table></br><table cellspacing="2"><td><div style="font-family: dorsa; font-size: 45px; color: #8e9bc1; letter-spacing: -1px; text-align: center; text-transform: uppercase; letter-spacing: 4px;  margin-top: -7;">Odio</div><div style="width: 230px; height: 155px; background-color: #101010; padding: 4px; font-family: calibri; font-size: 12px; color: #ababab; overflow: auto; text-align: justify; margin-top: 5px; margin-right: 5px;">»PIQUES
»INDIFERENCIA
»DESCONFIANZA
»INCORDIO
»GENTE MOLESTA
»TRATO HOSTIL
»RENCOR
»ENVIDIA
»ENEMISTAD
»EX-AMIGOS
»ODIO
»RIVAL
»ENEMIGO
»AMOR/ODIO
</td><td><div style="font-family: dorsa; font-size: 45px; color: #8e9bc1; letter-spacing: -1px; text-align: center; text-transform: uppercase; letter-spacing: 4px;  margin-top: -7;">Leyenda</div><div style="width: 230px; height: 155px; background-color: #101010; padding: 4px; font-family: calibri; font-size: 12px; color: #ababab; overflow: auto; text-align: justify; margin-top: 5px;">Info.
</td></table></div><span style="font-size: 8px; text-transform: uppercase; font-family: calibri; position: relative; top: -25px;">coded by <a href="http://savage-themes.tumblr.com/" style="color: #cccccc;">HARDROCK</a></span></center>