h3,p {margin: 0; padding: 0}
body {background: #000; font-family: 'Roboto Condensed', sans-serif; color: #f8f8f8; margin: 0}
.container {width: 600px; margin: 0 auto;}
.datos {width: 410px; margin: 0 auto; position: relative;}
.datos h3 {font-size: 24px; color: #FF0000; font-weight: 300}
.datos p {font-size: 14px; font-weight: 400}
.datos div {margin: 20px 0}
.datos a {text-decoration: none; color: #f8f8f8}
.datos a:hover {color: #FF0000}
.red {position:absolute; width: 29px; bottom:-18px; right:0px}
.red a {display: block; width:29px; height:29px}
.red a:hover {background-position: bottom} /*si pusiera background solo y no background-position anulo la propiedad BACKGROUND del class face*/
.face {background: url(face.png)}
.face span {display: none;}