body { background: url('../../../../imagens/fd.png') #dcdcdc; color: #2d2d2d; font-size: 14px; cursor: default; } body, .area, .entrar { font-family: 'Trebuchet MS'; } a { text-decoration: none; color: inherit; } h1, h2, h3, h4, h5, p { font-weight: normal; padding: 0; margin: 0; } h1 { font-size: 14px; } h2 { font-size: 24px; } h3 { font-size: 14px; color: #ffc81e; text-shadow: 0 1px #000; text-transform: uppercase; } #general { width: 1000px; margin: 0 auto; } #header { overflow: auto; position: relative; height: 112px; } .logo { background: url('../../../web-gallery/v2/images/habbo.png') no-repeat center; width: 221px; height: 63px; float: left; padding-top: 20px; } #twitter { margin: 20px 70px 0 0; float: right; } .tw { background: url('../../../imagens/twf.png'); box-shadow: 0 2px #8c8c8c; float: left; height: 30px; width: 35px; border-radius: 5px 0 0 5px; border: solid 1px #506473; position: absolute; margin-left:-37px; } .textot { background: #ebebeb; box-shadow: 0 2px #8c8c8c, 0 2px #fff inset; color: #8c8c8c; font-size: 12px; text-shadow: 0 1px #fff; border-radius: 0 5px 5px 0; width: 500px; height: 15px; padding: 8px 0px 7px 0px; border-top: solid 1px #8c8c8c; border-bottom: solid 1px #8c8c8c; border-right: solid 1px #8c8c8c; float: right; } .frank { background: url('../../../imagens/frank.png'); height: 62px; width: 80px; position: absolute; margin-top: 30px; right: 20px; } #contenido { margin-top: -28px; text-shadow: 0 1px #fff; font-size: 14px; height: 220px; } #entrada { float: left; position: relative; margin-top: 6px; width: 190px; } .esp { padding-top: 2px; } .circ { background: url('../../../imagens/circ.png') no-repeat center; height: 9px; width: 9px; float: left; padding: 5px; } .area { background: #2d2d2d; border: none; text-align: center; color: #fff; text-shadow: 0 1px #000; font-size: 14px; border-radius: 5px; padding: 8px 15px 8px 15px; box-shadow: 0 3px #141414 inset, 0 2px #fff; width: 155px; outline: none; margin: 0; } .mal { background: #c81400; box-shadow: 0 3px #9f1400 inset, 0 2px #fff; } #mal { background: url('../../../imagens/mal.gif') #c81400 no-repeat 300px; box-shadow: 0 3px #9f1400 inset, 0 2px #fff; color: #fff; text-shadow: 0 1px #000; text-align: center; padding: 15px; font-size: 20px; border-radius: 0 0 5px 5px; margin-top: -8px; } .cont { font-size: 12px; text-align: center; padding-bottom: 10px; } .entrar { width: 100%; position: absolute; background: url('../../../imagens/bot.png'); color: #fff; text-transform: uppercase; text-shadow: 0 1px #917832; box-shadow: 0 3px #5a3705; font-size: 18px; border: solid 1px #5a3705; border-radius: 5px; padding: 10px; cursor: pointer; } .entrar:hover { background: url('../../../imagens/bot.png') 0 -66px; } #hotel { background: url('../../../imagens/hotel.png'); height: 168px; width: 800px; float: right; border-radius: 5px; border: solid 1px #000; box-shadow: 1px 1px #fff inset, -1px -1px #fff inset; } .conec { margin: 0 0 10px 15px; float: left; } #reg { background: url('../../../imagens/bot.png'); float: right; width: 250px; border-radius: 5px; border: solid 1px #5a3705; box-shadow: 0 3px #5a3705; padding: 9px; text-align: center; color: #fff; text-shadow: 0 1px #917832; text-transform: uppercase; margin: 50px 30px 0 0; } #reg:hover { background: url('../../../imagens/bot.png') 0 -66px; } #redes { float: right; clear: both; margin: 15px 0 15px 0; width: 400px; } .enc { margin-left: 20px; } .red { height: 25px; width: 24px; float: right; background: red; margin: -10px 5px 0 5px; margin-top:-24px; } .face { background: url('../../../imagens/redes.png') 0 0; } .face:hover { background: url('../../../imagens/redes.png') 24px 0; } .twit { background: url('../../../imagens/redes.png') 0 -35px; } .twit:hover { background: url('../../../imagens/redes.png') 24px -35px; } .goo { background: url('../../../imagens/redes.png') 0 -70px; } .goo:hover { background: url('../../../imagens/redes.png') 24px -70px; } .sky { background: url('../../../imagens/redes.png') 0 -105px; } .sky:hover { background: url('../../../imagens/redes.png') 24px -105px; } .mail { background: url('../../../imagens/redes.png') 0 -140px; } .mail:hover { background: url('../../../imagens/redes.png') 24px -140px; } .rss { background: url('../../../imagens/redes.png') 0 -175px; } .rss:hover { background: url('../../../imagens/redes.png') 24px -175px; } #descrip { overflow: auto; width: 100%; } #flink { background: url('../../../imagens/flink.gif') no-repeat left top; padding-top: 0px; float: left; width: 150px; font-size: 12px; text-shadow: 0 1px #fff; margin-top:-20px; margin-left:-12px; position:absolute; } #noticias { float: right; } .evento { padding: 15px; height: 150px; width: 225px; float: left; margin-left: 15px; border-radius: 2px; border: solid 1px #000; box-shadow: 1px 1px #fff inset, -1px -1px #fff inset; position: relative; } .titulo { font-size: 12px; color: #fff; text-shadow: 0 0 5px #000; margin: -5px 0 0 -5px; } .texto { background: rgba(0, 0, 0, 0.45); position: absolute; box-shadow: 1px 0 #fff inset, -1px -1px #fff inset; border-radius: 0 0 2px 2px; font-size: 12px; color: #fff !important; text-shadow: 0 1px #000; padding: 10px; left: 0; bottom: 0; } .furnis { background: url('../../../imagens/furnis.png') no-repeat center; } .concursos { background: url('../../../imagens/concursos.png') no-repeat center; } .actual { background: url('../../../imagens/actua.png') no-repeat center; } #footer { text-align: center; margin-top: 15px; font-size: 12px; text-shadow: 0 1px #fff; }
