RELAS--SUMMP

@font-face {font-family: 'Bebas'; src: url('https://dl.dropbox.com/s/so3s9ix3a0kbom1/BebasNeue-Regular.ttf');} #ale {width: 500px; background: #fff; border: 1px solid #eaeaea; position: relative; margin: 0 auto; text-align: center;}#jandra #jani {margin: 10px; height: 95px; position: relative; overflow: hidden;}#jani #letrasbigs {font: 130px 'Bebas'; color: #dedede; position: absolute; top:-23px; width: 1000px; text-align: center; left: -300px; font-style: italic; height: 120px; overflow: hidden; letter-spacing: -8px; font-weight: bold;}#jani #letrasmini {text-align: center; position: absolute; top: 44px;left: 0px; right: 0px; color: #444; font: 8px roboto; text-transform: uppercase;}#jani #letrasmini span {background: #fff; padding: 7px; text-transform: uppercase; letter-spacing: 3px;}#jandra {width: 450px; margin: 0 auto; border: 1px solid #ecf0f8; margin: 22px; padding-bottom: 10px;}#alfo {border: 1px solid #ecf0f8; height: 130px; width: 130px; margin: 5px; display: inline-block; vertical-align: top;}#alfo .nso {margin: 10px; width: 110px; height: 110px; position: relative; overflow: hidden; background-size: 100%!important}#alfo n {display: block; width: 110px; height: 110px; background: #ffffff70; position: absolute; top: -110px; left: -110px;transition:1s;}#alfo m {display: block; width: 110px; height: 110px; background: #ffffff70; position: absolute; top: 110px; left: 110px;transition:1s;}#alfo:hover n, #alfo:hover m {position: absolute; top: 0px; left: 0px}#alfo span {position: absolute; display: block; font-size: 80px; height: 80px; width: 80px; margin: 15px; color: #222345; transition:1s; top: -100px;}.cito {text-align: center;position: absolute; top: 130px;left: 0px; right: 0px; color: #9faeab; font: 8px roboto; text-transform: uppercase; line-height: 110%; background: #fff; padding: 5px; margin: 10px; transition:1s;}.cito i {color: #999; display: block; font-size: 8px; text-transform: lowercase;}#alfo:hover span {top: 0px}#alfo:hover .cito {top: 30px;}.crdts {text-decoration:none; font-family: roboto; font-size: 9px; text-align: center;}