/* Stop lookign at my css :D made by @2010 / Daniel Garrido @ iloveui.com 3.0 all n00bz */ * { margin:0; padding:0; } body { background-color:#312849; background-image:url('img/bg009.png'); font-family:Calibri; font-size: 16px; color:#000; } #heaven /*caja 0*/ { clear:both; width:909px; height:100%; margin-left:auto; margin-right:auto; } .papa /*caja 1*/ { float:left; margin-left:0 px; text-align: justify;} .mama /*caja 1*/ { float:left; padding-right:40px; padding-left:41px; width:909px; height:100%; } .top { clear:both; margin-bottom:10px; text-align:left; margin-left:auto; margin-right:auto; } #banner { clear:both; background-image:url('img/top/top0.png'); width:909px; height:160px; } .logo { float:left; width:92px; padding:8px 8px 8px 8px; background: #000; margin: 92px 4px 0px 12px; } .ay2 /*caja 1*/ { float:left; width:100%; height:100%; margin-bottom:0px;} .paletas { clear:both; width:730px; margin-left:auto; margin-right:auto; } .zz { margin-left:13px;} .musica { clear:both; width:100%; height:100%; } .titulo { clear:both; font-family:Calibri; font-size: 72px; text-align:center; vertical-align: middle;} .trans { filter:alpha(opacity=60); opacity:0.6; background:#000;} /*porcia*/ .testo { font-family:Calibri; font-size: 14px; color:#fff; } #biman { padding:0px; margin:0px; display: block;} #biman:hover { padding:0px; margin:0px; display: block; filter:alpha(opacity=30); opacity:0.3;} #biman:active { padding:0px; margin:0px; display: block;} #biman:visited { padding:0px; margin:0px; display: block; filter:alpha(opacity=40); opacity:0.4;} #bg { background:#000; height:100%; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; } #menu /*caja 1*/ { width:700px; } .tesa { font-size:14px; color: #000; } .tes0 { font-size:14px; color: #fff; } .tito { font-size:30px; font-weight: bold; color: #FFF; } .tita { font-size:30px; font-weight: bold; color: #000; } .titox { font-size:64px; font-weight: bold; } .titito { font-size:13px; font-weight: bold; color: #fff; } .titita { font-weight: bold; color: #000; } .txtmid { clear:both; text-align:center; } div.img { float:left; padding:1px 1px 0px 0px; margin:0px; height:auto; width:auto; text-align:center; display: block; text-decoration:none;} div.img img { display:inline; margin:0px; display: block;} div.img a:hover img { filter:alpha(opacity=30); opacity:0.3; padding:0px; display: block;} #ali /* align */ { text-align:center; margin-left:auto; margin-right:auto; } #tio { float:left; margin:0px; margin-top:0px; width:100%; height:100px;} #tia { float:left; margin:0px; margin-top:0px; width:100%; height:10px;} #abuelo { float:left; margin-top:0px; width:700px; height:800px; } /* C A J A S margin-left:100px; background:#fff; */ #god /*caja 0*/ { clear:both; width:700px; height:100%; /*background-image:url('img/god.png');*/ color:#181d20; text-align:left; } #casa /*caja 1*/ { float:left; width:520px; } #casam /*caja 1*/ { float:left; width:909px; } #porima /*caja texto*/ { clear:both; width:600px; text-align: justify; } #barra { float:left; width:100px; height:100%; margin: 0px 4px 0px 0px; } .hijo /*caja interna*/ { width:100%; height:100%; } #hijo /*caja interna*/ { background: #181d20; text-align:right; width:80px; height:80px; margin:10px; } #nieto /*caja interna*/ { background: #181d20; text-align:right; width:180px; height:180px; margin:10px; } #blanco /*caja interna*/ { background: #fff; text-align:right; width:80px; height:80px; margin:10px; } #hija { background: #181d20; text-align:left; width:80px; height:80px; margin:10px; } #diez { float:left; width:10px; height:10px; margin: 0px 4px 8px 4px; } #cien { float:left; width:100px; height:100px; /*margin: 0px 4px 8px 4px;*/ margin:0px; padding:0; } #cien2 { float:left; width:100px; height:100px; margin: 0px 16px 10px 0px;} #dos { float:left; width:200px; height:200px; margin: 0px 4px 8px 4px; } #d6 { float:left; width:32px; height:32px; margin: 0px 10px 10px 0px; text-align:center;} .shop { float:left; width:300px; height:420px; margin: 0px 3px 16px 0px; text-align:center;} .shop2 { width:280px; margin: 0px 10px 0px 10px; text-align:center;} .shopo { width:240px; height:320px; padding:1px; margin: 0px 20px 0px 20px; text-align:center; background: #666;} .btn.shopa { font-size: 26px; padding:8px; text-decoration:none; background: #000; color:#fff; filter:alpha(opacity=90); opacity:0.9;} .titulox { clear:both; font-size:15px; margin-top:10px;padding:12px; color:#666;} #alto { width:100%; } #total { background:#fff; width:100%; height:100%; } .fuente { font-size: 16px; } .fuente2 { font-size: 32px; } #centro /*caja 0*/ { width:100%; height:100%; text-align:left; } #lin { float:left; width:100%; height:100%; background: #fa0; } #lin2 { float:left; width:100%; height:50px;} #horizontal { clear:both; width:100%; height:1px; margin: 10px 0px 10px 0px; filter:alpha(opacity=50); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; } #boxtxt { margin:0px; color: #fff; line-height: 18px; } #boxtxt2 { font-size:16px; margin:20px 20px 0px 20px; color: #000; line-height: 18px; } #box /*caja pixel*/ { float:left; width:90px; height:90px; margin:0px 1px 1px 0px; } /* botones */ a:link { font-size: 12px; color: #000; text-decoration:none; background: #fff; } a:hover { font-size: 12px; color: #000; text-decoration:none; background: #fff; } a:active { font-size: 12px; color: #000; text-decoration:none; background: #fff; } a:visited { font-size: 12px; color: #000; text-decoration:none; background: #fff; } .btn.abo { font-size: 16px; padding:4px; margin-left:20px; text-decoration:none; background: #c0ff00; } .btn.pix { font-size: 16px; padding:4px; margin-left:30px; text-decoration:none; background: #44d9f9; } .btn.mus { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #ffff00; } .btn.anim { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #fc0; } .btn.sho { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #ff46a3; } .btn.d { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #ff46a3; } .btn.cruz { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #e71710; } .btn.gris { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #666; } .btn.white { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #fff; } .btn.black { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; background: #000; color:#fff;} .btn.manu { font-size: 26px; font-weight: bold; padding:8px; margin:2px; text-decoration:none; background: #000; color:#fff; } .linia { float:left; width:100%; height:100%; background: #000; } .linia2 { float:left; width:100%; height:100%; background: #999; } .btn.musilink { font-size: 16px; padding:0px 3px 0px 3px; margin:0px; text-decoration:none; background: #000; color:#fff;} .shoustak { font-weight: bold; color: #00a8ec; } .shous { float:left; width:100%; height:20px; font-size:16px; margin:0px 0px 1px 0px; background: #ccc; } .fecha { font-size: 16px; padding:0px 8px 1px 8px; text-decoration:none; background: #f8f400; } .btn.show:link { font-size: 16px; padding:0px 6px 1px 6px; text-decoration:none; background: #00a8ec; color:#fff; } .btn.show:visited { font-size: 16px; padding:0px 6px 1px 6px; text-decoration:none; background: #000000; color:#fff; } .btn.show:hover { font-size: 16px; padding:0px 6px 1px 6px; text-decoration:none; background: #e3007b; color:#fff; } .btn.show:active { font-size: 16px; padding:0px 6px 1px 6px; text-decoration:none; background: #000000; color:#fff; } .btn.reslink { font-size: 16px; padding:0px 3px 0px 3px; margin:0px; text-decoration:none; background: #000; color:#fff; } #inter {line-height: 24px;} .btn.blank { font-size: 16px; padding:4px; margin-left:25px; text-decoration:none; } .btn.o { font-size: 12px; padding:4px; margin:0px; text-decoration:none; background: #fff; } .btn.mail { font-size: 15px; padding: 6px 10px 6px 10px ; margin:0px; text-decoration:none; background: #fff; font-weight: bold; } .btn.iman a { padding:0px; margin:0px; } .btn.iman a:hover { padding:0px; margin:0px; filter:alpha(opacity=60); opacity:0.6;background: #e71710;} .btn.iman a:active { padding:0px; margin:0px; filter:alpha(opacity=60); opacity:0.6;background: #e71710;} .btn.iman a:visited { padding:0px; margin:0px; filter:alpha(opacity=60); opacity:0.6;background: #e71710;} /* P A L E T A S */ .ooo /*ghost*/ { float:left; width:100%; height:100%; } .blk /*negro*/ { float:left; width:100%; height:100%; background: #000; } .wht /*blanco*/ { float:left; width:100%; height:100%; background: #fff; } .gri /*gris*/ { float:left; width:100%; height:100%; background: #666; } .red /*rojo*/ { float:left; width:100%; height:100%; background: #F00; } .org /*rojo*/ { float:left; width:100%; height:100%; background: #FC0; } /* COCTAIL */ .mma { float:left; width:100%; height:100%; background: #c0ff00; /*-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;*/ } .mmb { float:left; width:100%; height:100%; background: #44d9f9; /*-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;*/ } .mmc { float:left; width:100%; height:100%; background: #ffff00; /*-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;*/ } .mmd { float:left; width:100%; height:100%; background: #ff46a3; /*-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;*/ } .mme { float:left; width:100%; height:100%; background: #0080ff; /*-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;*/ } .mmf { float:left; width:100%; height:100%; background: #400080; /*-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;*/ } .mmg { float:left; width:100%; height:100%; background: #FFCC00; /*-webkit-border-radius:2px; -moz-border-radius: 2px; border-radius: 2px;*/ } /* commodore 64 */ .c64a { float:left; width:100%; height:100%; background: #883932; } .c64b { float:left; width:100%; height:100%; background: #67b6bd; } .c64c { float:left; width:100%; height:100%; background: #8b3f96; } .c64d { float:left; width:100%; height:100%; background: #55a049; } .c64e { float:left; width:100%; height:100%; background: #40318d; } .c64f { float:left; width:100%; height:100%; background: #bfce72; } .c64g { float:left; width:100%; height:100%; background: #8b5429; } .c64h { float:left; width:100%; height:100%; background: #574200; } .c64i { float:left; width:100%; height:100%; background: #b86962; } .c64j { float:left; width:100%; height:100%; background: #505050; } .c64k { float:left; width:100%; height:100%; background: #787878; } .c64l { float:left; width:100%; height:100%; background: #94e089; } .c64m { float:left; width:100%; height:100%; background: #7869c4; } .c64n { float:left; width:100%; height:100%; background: #9f9f9f; } /* CGA */ .cgaa { float:left; width:100%; height:100%; background: #00a; } .cgab { float:left; width:100%; height:100%; background: #0a0; } .cgac { float:left; width:100%; height:100%; background: #0aa; } .cgad { float:left; width:100%; height:100%; background: #a00; } .cgae { float:left; width:100%; height:100%; background: #a0a; } .cgaf { float:left; width:100%; height:100%; background: #a50; } .cgag { float:left; width:100%; height:100%; background: #aaa; } .cgah { float:left; width:100%; height:100%; background: #555; } .cgai { float:left; width:100%; height:100%; background: #55f; } .cgaj { float:left; width:100%; height:100%; background: #5f5; } .cgak { float:left; width:100%; height:100%; background: #5ff; } .cgal { float:left; width:100%; height:100%; background: #f55; } .cgam { float:left; width:100%; height:100%; background: #f5f; } .cgan { float:left; width:100%; height:100%; background: #ff5; } /* ZX SPECTRUM */ .zxsa { float:left; width:100%; height:100%; background: #0000c0; } .zxsb { float:left; width:100%; height:100%; background: #c00000; } .zxsc { float:left; width:100%; height:100%; background: #c000c0; } .zxsd { float:left; width:100%; height:100%; background: #00c000; } .zxse { float:left; width:100%; height:100%; background: #00c0c0; } .zxsf { float:left; width:100%; height:100%; background: #c0c000; } .zxsg { float:left; width:100%; height:100%; background: #c0c0c0; } .zxsh { float:left; width:100%; height:100%; background: #0000ff; } .zxsi { float:left; width:100%; height:100%; background: #ff0000; } .zxsj { float:left; width:100%; height:100%; background: #ff00ff; } .zxsk { float:left; width:100%; height:100%; background: #00ff00; } .zxsl { float:left; width:100%; height:100%; background: #00ffff; } .zxsm { float:left; width:100%; height:100%; background: #ffff00; } /* GB-DMG I */ .dmga { float:left; width:100%; height:100%; background: #e7d79c; } .dmgb { float:left; width:100%; height:100%; background: #b5a66b; } .dmgc { float:left; width:100%; height:100%; background: #7b7163; } .dmgd { float:left; width:100%; height:100%; background: #393829; } /* GB-DMG II */ .dmge { float:left; width:100%; height:100%; background: #c4cfa1; } .dmgf { float:left; width:100%; height:100%; background: #8b956d; } .dmgg { float:left; width:100%; height:100%; background: #6b7353; } .dmgh { float:left; width:100%; height:100%; background: #414141; } /* GB-DMG III */ .dmgi { float:left; width:100%; height:100%; background: #deefd6; } .dmgj { float:left; width:100%; height:100%; background: #a5b584; } .dmgk { float:left; width:100%; height:100%; background: #5a7b63; } .dmgl { float:left; width:100%; height:100%; background: #313931; } /* GB-DMG IV */ .dmgm { float:left; width:100%; height:100%; background: #d7e894; } .dmgn { float:left; width:100%; height:100%; background: #aec440; } .dmgo { float:left; width:100%; height:100%; background: #527f39; } .dmgp { float:left; width:100%; height:100%; background: #204631; } /* cruz */ .cruza { float:left; width:100%; height:100%; background: #ddee8e; } .cruzb { float:left; width:100%; height:100%; background: #2f3d46; } .cruzc { float:left; width:100%; height:100%; background: #d92a27; } .cruzd { float:left; width:100%; height:100%; background: #788768; } .cruze { float:left; width:100%; height:100%; background: #c2e15c; } .cruzf { float:left; width:100%; height:100%; background: #070e13; } .cruzg { float:left; width:100%; height:100%; background: #e71710; } .cruzh { float:left; width:100%; height:100%; background: #51644f; } /* ??? */ .qqq1 { float:left; width:100%; height:100%; background: #fdf358; } .qqq2 { float:left; width:100%; height:100%; background: #ff941f; } .qqq3 { float:left; width:100%; height:100%; background: #ff5058; } .qqq4 { float:left; width:100%; height:100%; background: #00fcdc; } .qqq5 { float:left; width:100%; height:100%; background: #d343ae; } /* B2A847 B04041 97521A 18102A */