* {margin:0; padding:0;text-decoration:none;} hr{display:none;} html{overflow-x:hidden;} body {margin:0;text-align:center;font-size:12px;color:#000;line-height:1.6em;font-family:Arial, Tahoma, Verdana, sans-serif;background:#e81923;} /*detalhe do bg*/ #det{width:2600px;height:600px;background:url(../../images/det.png) no-repeat;left:50%;margin-left:-1300px;top:0;position:absolute;} #tudo{width:860px;text-align:left;margin:0 auto;} /*topo*/ #topo{position:relative;width:860px;height:210px;background:none;} #topo h1{position:absolute;text-indent:-5000px;} #topo .flash{width:320px;height:180px;top:2px;left:12px;position:absolute;} /*busca*/ #topo form{width:200px;height:34px;top:40px;position:absolute;right:-8px;} #topo form fieldset{border:none;} #topo form input.busca{margin-top:2px;width:138px;height:36px;border:none;background:url(../../images/bg_input1.png) no-repeat 0 2px;padding:0 50px 0 10px;*padding:12px 50px 0 10px;padding-top /*\**/:12px\9;font-size:10px;color:#5f5f5f;position:absolute;left:0;} #topo form input.botao{width:43px;height:42px;border:none;background:url(../../images/btn_busca.png) no-repeat;position:absolute;left:150px;top:-3px;cursor:pointer;z-index:999;} /*menu*/ #topo #menu{width:480px;height:36px;position:absolute;right:0;top:120px;} #topo #menu ul{list-style:none;text-align:center;} #topo #menu ul li{float:left;display:inline;font-size:1px;} #topo #menu ul li img{position:absolute;} #topo #menu ul li a{display:block;height:33px;color:#ED212D;} #topo #menu ul li a:hover{color:#000;} #topo #menu ul li.home a{width:91px;background:url(../../images/menu_sup.png) no-repeat 0 0;} #topo #menu ul li.home a:hover{background:url(../../images/menu_sup.png) no-repeat 0 -33px;} #topo #menu ul li.home a.active{background:url(../../images/menu_sup.png) no-repeat 0 -33px;color:#000;} #topo #menu ul li.about a{width:100px;background:url(../../images/menu_sup.png) no-repeat -91px 0;} #topo #menu ul li.about a:hover{background:url(../../images/menu_sup.png) no-repeat -91px -33px;} #topo #menu ul li.about a.active{background:url(../../images/menu_sup.png) no-repeat -91px -33px;color:#000;} #topo #menu ul li.games a{width:92px;background:url(../../images/menu_sup.png) no-repeat -191px 0;} #topo #menu ul li.games a:hover{background:url(../../images/menu_sup.png) no-repeat -191px -33px;} #topo #menu ul li.games a.active{background:url(../../images/menu_sup.png) no-repeat -191px -33px;color:#000;} #topo #menu ul li.press a{width:86px;background:url(../../images/menu_sup.png) no-repeat -283px 0;} #topo #menu ul li.press a:hover{background:url(../../images/menu_sup.png) no-repeat -283px -33px;} #topo #menu ul li.press a.active{background:url(../../images/menu_sup.png) no-repeat -283px -33px;color:#000;} /* Remover isso assim que a aba PRESS entrar no ar! */ #topo #menu ul li.temp {width:86px;background:url(../../images/menu_sup_temp.png) no-repeat -283px 0;} #topo #menu ul li.temp a:hover{background:url(../../images/menu_sup_temp.png) no-repeat -283px -33px;} #topo #menu ul li.temp a.active{background:url(../../images/menu_sup_temp.png) no-repeat -283px -33px;color:#000;} #topo #menu ul li.contact a{width:108px;background:url(../../images/menu_sup.png) no-repeat -369px 0;} #topo #menu ul li.contact a:hover{background:url(../../images/menu_sup.png) no-repeat -369px -33px;} #topo #menu ul li.contact a.active{background:url(../../images/menu_sup.png) no-repeat -369px -33px;color:#000;} /*banners*/ /*banner home*/ #banner {width:870px;height:270px;background:url(../../images/bg_top.png) no-repeat;position:relative;} #banner .flash{width:853px;height:267px;margin-left:-432px;left:50%;position:relative;top:3px;} /*banners int*/ #banner2, #banner3, #banner4, #banner5 {width:870px;height:110px;background:url(../../images/bg_dest.png) no-repeat;position:relative;} #banner3_int {width:870px;height:210px;background:url(../../images/bg_dest.png) no-repeat;position:relative;} #banner3_int .flash_int{width:980px;height:250px;position:absolute;left:0;bottom:0;} /*título da seção*/ #banner2 h2, #banner3 h2, #banner4 h2, #banner5 h2{position:absolute;top:70px;left:30px;width:100px;height:50px;text-indent:-5000px;} #banner2 h2{background:url(../../images/tit_about2.png) no-repeat;} #banner3 h2{background:url(../../images/tit_games2.png) no-repeat;} #banner4 h2{background:url(../../images/tit_press2.png) no-repeat;} #banner5 h2{background:url(../../images/tit_contact2.png) no-repeat;} #banner2 h3, #banner3 h3, #banner4 h3, #banner5 h3{position:absolute;top:70px;left:30px;width:300px;height:50px;font-size:18px;color#c00;padding-bottom:5px;margin-bottom:30px;font-weight:normal;} /*corpo*/ #corpo{width:840px;float:left;background:url(../../images/bg_mid.png) repeat-y ;position:relative;padding:30px 30px 10px 30px;} #corpo .deg1{width:853px;height:134px;background:url(../../images/deg1.jpg) repeat-x;position:absolute;top:0;left:3px;z-index:1;} /*home*/ #company h2{width:111px;height:21px;background:url(../../images/tit_company.png) repeat-y;text-indent:-5000px;margin-bottom:15px;} #news h2{width:111px;height:21px;background:url(../../images/tit_news.png) repeat-y;text-indent:-5000px;margin-bottom:10px;} #company{width:390px;float:left;padding-right:25px;margin-bottom:35px;z-index:2;position:relative;} #company img{float:left;margin-right:12px;} #company p{line-height:1.4em;height:94px;margin-top:1px;color:#333;} #company .btn {width:70px;height:25px;float:left;} #company .btn a{display:block;width:70px;height:25px;background:url(../../images/btn.png) no-repeat 0 0;color:#fff;} #company .btn a:hover{width:70px;height:25px;background:url(../../images/btn.png) no-repeat 0 -28px;} #company .btn a:active{width:70px;height:27px;background:url(../../images/btn.png) no-repeat 0 -26px;} #news{width:380px;float:left;padding-right:25px;position:relative;margin-bottom:35px;z-index:2;} #news ul{list-style:none;width:280px;position:relative;z-index:999;} #news ul li{margin-bottom:6px;line-height:1.5em;} #news ul li span{font-weight:bold;font-size:10px;color:#c00;} #news ul li a{color:#333;text-decoration:underline;} #news ul li a:hover{color:#555;} #news img{position:absolute;top:-15px;right:20px;} /*newsletter e social media - entra em todas as páginas*/ #newsletter_social{clear:both;width:853px;height:64px;background:url(../../images/bg_social.png) no-repeat -22px 0;margin-left:-27px;margin-bottom:0;position:relative;z-index:999;} #newsletter_social h2{position:absolute;top:23px;left:30px;width:112px;height:21px;background:url(../../images/tit_newsletter.png) repeat-y;text-indent:-5000px;margin-bottom:15px;} #newsletter_social .esq{float:left;width:420px;height:60px;} #newsletter_social .newsletter_message{position:absolute;top:45px;left:140px;width:260px;height:20px;display:block;font-size:10px;vertical-align:text-bottom;} #newsletter_social form{width:400px;height:27px;top:19px;left:27px;position:relative;} #newsletter_social form fieldset{border:none;} #newsletter_social form input.nome{width:161px;height:27px;float:left;border:none;background:url(../../images/bg_input2.png) no-repeat;font-size:10px;color:#5f5f5f;position:absolute;padding:0 10px;*padding:7px 10px;} #newsletter_social form input.mail{width:250px;height:27px;float:left;border:none;background:url(../../images/bg_input2.png) no-repeat;font-size:10px;color:#5f5f5f;position:absolute;left:105px;padding:0 10px;*padding:7px 10px;} #newsletter_social form input.botao{width:37px;height:33px;border:none;background:url(../../images/btn_ok.png) no-repeat;position:absolute;left:350px;top:-3px;cursor:pointer;z-index:999;} #newsletter_social .botao{width:37px;height:33px;border:none;background:url(../../images/btn_ok.png) no-repeat;position:absolute;left:350px;top:-3px;cursor:pointer;z-index:999;} #newsletter_social .dir{position:relative;float:right;width:410px;height:50px;padding:14px 0 0 10px;} #newsletter_social .dir img{width:36px;height:36px;margin-right:10px;position:relative;} /*colunas das páginas internas*/ #colA{width:600px;float:left;position:relative;z-index:2;margin-bottom:35px;} #colB{width:200px;float:left;position:relative;z-index:2;margin-bottom:35px;margin-left:10px;} /*games*/ /*jogo em destaque*/ #colA .box_game_dest{width:593px;height:220px;margin-bottom:20px;float:left;position:relative;border:none;} #colA .box_game_dest .cont{width:160px;height:177px;position:absolute;top:0;left:0;background:none;padding:20px 0 0 20px;margin:0;z-index:999;} #colA .box_game_dest .cont h5 {margin-bottom:10px;} #colA .box_game_dest .cont h5 a{color:#c00;font-size:18px;font-weight:bold;border-bottom:1px dotted #c00;display:block;} #colA .box_game_dest .cont p{line-height:1.6em;height:67px;color:#333;display:block;} #colA .box_game_dest .cont .btn {position:absolute;width:70px;height:25px;top:162px;} #colA .box_game_dest .cont .btn a{display:block;width:70px;height:25px;background:url(../../images/btn.png) no-repeat 0 0;color:#fff;} #colA .box_game_dest .cont .btn a:hover{width:70px;height:25px;background:url(../../images/btn.png) no-repeat 0 -28px;} #colA .box_game_dest .cont .btn a:active{width:70px;height:27px;background:url(../../images/btn.png) no-repeat 0 -26px;} #colA .box_game_dest img{position:absolute;top:0;left:0;width:593px;height:220px;z-index:2;} /*lista de jogos*/ #colA .box_game{width:185px;height:145px;margin-bottom:20px;padding:0;float:left;margin-right:12px;} #colA .box_game h5 a{color:#333;font-size:14px;font-weight:normal;background:url(../../images/bg_h3_game.png) no-repeat 0 0;width:185px;display:block;padding:3px 8px;} #colA .box_game h5 a:hover{color:#000;} #colA .box_game img.foto{width:185px;margin-bottom:0;position:relative;z-index:1;} #colA .box_game .over{margin-top:-20px;margin-left:-15px;width:210px;height:150px;background:none;position:absolute;z-index:999;} #colA .box_game .over:hover{background:url(../../images/overfoto.png) no-repeat 15px 20px;cursor:pointer;display:block;z-index:999;position:absolute;_display:none;} #colA .box_game img.btn{float:left;margin-right:12px;} #colA .box_game p{line-height:1.3em;height:67px;margin-top:-2px;} /*página interna de games*/ #colA h3{font-size:18px;color:#333;border-bottom:1px solid #ccc;width:590px;padding-bottom:5px;margin-bottom:30px;font-weight:normal;} #colA .box_game_info h3{font-size:18px;color:#c00;border-bottom:1px solid #c00;width:590px;padding-bottom:5px;margin-bottom:30px;} #colA .box_game_info h4{font-size:14px;color:#333;margin:20px 0 5px 0;} #colA .box_game_info p{width:600px;color:#333;} #colA .box_game_info ul{list-style:inside;} #colA .box_game_info h2{font-size:14px;color:#fff;margin:30px 0 5px 0;background:url(../../images/barra.png) no-repeat;width:600px;height:30px;font-weight:normal;padding:3px 0 0 10px;float:left;} /*lista de imagens do jogo*/ #colA .box_game_info .box_shots img.foto{width:140px;margin-bottom:10px;float:left;margin-right:10px;} /*lista de videos do jogo*/ #colA .box_game_info .box_video{clear:both;} #colA .box_game_info .box_video a.video{display:block;float:middle;margin:15px 15px 15px 15px;} /*perguntas freq*/ #colA .box_game_info .box_faq{clear:both;} #colA .box_game_info .box_faq ul{list-style:none;} #colA .box_game_info .box_faq ul li {margin-bottom:6px;} #colA .box_game_info .box_faq ul li a{font-size:12px;font-weight:normal;color:#c00;} #colA .box_game_info .box_faq ul li ul li{width:520px;font-size:12px;font-weight:normal;padding:10px;background:#f8f8f8;margin-left:60px;} #colA .box_game_info .box_faq ul li ul li a{color:#000;} /*press*/ #colA .box_mat {margin-bottom:30px;} #colA .box_mat h3{border-bottom:none;line-height:1.4em;margin-bottom:0;font-weight:normal;font-size:18px;color:#c333;} #colA .box_mat .data{margin-bottom:20px;font-weight:normal;color:#999;} #colA .box_mat .sep3{margin-left:56px;margin-top:30px;} #colA .box_mat img.mat{width:200px;margin-right:15px;float:left;margin-top:4px;} /*texto padrão*/ #colA .texto{width:590px;line-height:1.8em;color:#333;} #colA .texto p{margin-bottom:10px;} #colA .texto p a{text-decoration:underline;color:#c00;} #colA .texto p a:hover{text-decoration:underline;color:#900;} #colA .texto .bold{font-weight:bold;color:#c00;} #colA .texto ul{list-style:none;margin-bottom:10px;} #colA .texto ul li{background:#f1f1f1;margin-bottom:2px;padding:6px 10px 6px 40px;position:relative;font-weight:bold;color:#333;font-size:13px;} #colA .texto ul li.tipo1{background:#f1f1f1;} #colA .texto ul li.tipo1{background:#f8f8f8;} #colA .texto ul li span{position:absolute;left:300px;font-weight:normal;color:#333;font-size:12px;} /*imagens about us*/ #colA img.about{width:185px;float:left;margin-right:12px;margin-top:20px;} /*contact*/ #colA form{width:600px;position:relative;} #colA form fieldset{border:none;} #colA form label{display:block;margin-bottom:10px;font-size:11px;} #colA form input{display:block;width:530px;height:27px;background:url(../../images/bg_input3.png) no-repeat;border:none;padding:0 10px;} #colA form textarea{font-family:Arial, Helvetica, sans-serif;display:block;width:530px;height:80px;background:url(../../images/bg_input4.png) no-repeat;border:none;padding:10px 10px;font-size:12px;} #colA form input.botao{width:65px;height:65px;cursor:pointer;background:url(../../images/btn3.png) no-repeat;position:absolute;top:225px;*top:232px;right:45px;} #colB .contact_info{font-size:12px;border-left:2px solid #c00;padding-left:10px;margin-left:-30px;margin-top:22px;_margin-left:0;_font-size:11px;} #colB .contact_info span{color:#c00;} /*laterais*/ /*menu auxiliar*/ #colB #menu_aux {margin-bottom:20px;} #colB #menu_aux .top{width:180px;height:12px;background:url(../../images/top_none.png) no-repeat;} #colB #menu_aux .mid{width:180px;background:url(../../images/mid_cat.png) repeat-y;position:relative;_top:-3px;} #colB #menu_aux .bot{width:180px;height:13px;background:url(../../images/bot_cat.png) no-repeat;position:relative;_top:-3px;} #colB #menu_aux h4{position:relative;width:140px;height:21px;background:url(../../images/tit_cat.png) no-repeat;margin-bottom:10px;text-indent:-5000px;top:10px;left:20px;} #colB #menu_aux ul{list-style:none;padding:2px 0 0 11px;} #colB #menu_aux ul li{text-transform:uppercase;margin:3px 0 0 -1px;font-size:11px;_line-height:0.3em;} #colB #menu_aux ul li a{width:148px;width:160px\9;height:31px;height:38px\9;display:block;color:#800a0c;font-weight:bold;background:url(../../images/bg_li_cat5.png) no-repeat 0 -42px;padding:11px 0 0 11px;padding-top:18px\9;} #colB #menu_aux ul li a:hover{color:#000;background:url(../../images/bg_li_cat5.png) no-repeat 0 0;} #colB #menu_aux ul li a:active{color:#000;background:url(../../images/bg_li_cat5.png) no-repeat 0 2px;padding:13px 0 0 11px;padding-top:20px\9;height:29px;height:39px\9;} /*games - other games */ #colB #other_games {margin-bottom:20px;} #colB #other_games .top{width:180px;height:30px;background:url(../../images/top_other.png) no-repeat;} #colB #other_games .mid{width:180px;background:url(../../images/mid_cat.png) repeat-y;position:relative;_top:-3px;} #colB #other_games .bot{width:180px;height:13px;background:url(../../images/bot_cat.png) no-repeat;position:relative;_top:-3px;} #colB #other_games h4{position:relative;width:140px;height:21px;background:url(../../images/tit_cat.png) no-repeat;margin-bottom:10px;text-indent:-5000px;top:10px;left:20px;} #colB #other_games ul{list-style:none;padding:2px 0 0 11px;} #colB #other_games ul li{text-transform:uppercase;margin:3px 0 0 -1px;font-size:11px;_line-height:0.3em;} #colB #other_games ul li a{width:148px;width:160px\9;height:31px;height:38px\9;display:block;color:#800a0c;font-weight:bold;background:url(../../images/bg_li_cat5.png) no-repeat 0 -42px;padding:11px 0 0 11px;padding-top:18px\9;} #colB #other_games ul li a:hover{color:#000;background:url(../../images/bg_li_cat5.png) no-repeat 0 0;} #colB #other_games ul li a:active{color:#000;background:url(../../images/bg_li_cat5.png) no-repeat 0 2px;padding:13px 0 0 11px;padding-top:20px\9;height:29px;height:39px\9;} /*news*/ #colB #latest_news{margin-bottom:20px;} #colB #latest_news .top{width:180px;height:10px;background:url(../../images/top_news.png) no-repeat;} #colB #latest_news .mid{width:180px;background:#f2f2f2;position:relative;_top:-5px;} #colB #latest_news .bot{width:180px;height:10px;background:url(../../images/bot_news.png) no-repeat;position:relative;_top:-5px;} #colB #latest_news h4{position:relative;width:140px;height:21px;background:url(../../images/tit_news2.png) no-repeat;margin-bottom:25px;text-indent:-5000px;top:10px;left:20px;} #colB #latest_news img{position:absolute;right:-20px;top:-15px;} #colB #latest_news ul{list-style:none;padding:20px;} #colB #latest_news ul li{margin-bottom:10px;} #colB #latest_news ul li span{font-weight:bold;font-size:10px;color:#c00;} #colB #latest_news ul li a{color:#333;text-decoration:underline;} #colB #latest_news ul li a:hover{color:#555;} /* rodapé ------------------------------------------------------------------------------------------------------------------------------------------------- */ #bottom{width:870px;height:50px;margin-left:-430px;*margin-left:-431px;_margin-left:-443px;left:50%;position:absolute;background:url(../../images/bg_bot.png) no-repeat;} #bottom{margin-left /*\**/:-444px\9;} #rodape{position:relative;width:100%;height:310px;clear:both;text-align:center;background:url(../../images/bg_rodape.jpg) repeat-x;left:0;margin:0;padding:0;} #rodape .conteudo{position:absolute;width:860px;height:260px;text-align:left;margin-left:-430px;*margin-left:-430px;_margin-left:-443px;left:50%;top:50px;} #rodape .bloco{position:relative;float:left;width:430px;height:260px;} #rodape .bloco address{color:#939393;line-height:1.8em;margin:20px 0 0 20px;font-size:11px;font-style:normal;z-index:1;position:relative;} #rodape .bloco img.simb{position:absolute;bottom:0;right:10px;z-index:0;} #rodape .bloco img.sep{position:absolute;top:16px;left:0;} /*menu*/ #rodape .bloco ul{list-style:none;text-align:center;margin:20px 0 0 0;float:right;} #rodape .bloco ul li{float:left;display:inline;width:84px;height:20px;text-indent:-5000px;} #rodape .bloco ul li a{display:block;color:#1F1F1F;} #rodape .bloco ul li.home a{background:url(../../images/menu_inf.png) no-repeat 13px -3px;} #rodape .bloco ul li.home a:hover{background:url(../../images/menu_inf.png) no-repeat 13px -27px;} #rodape .bloco ul li.about a{background:url(../../images/menu_inf.png) no-repeat -62px -3px;} #rodape .bloco ul li.about a:hover{background:url(../../images/menu_inf.png) no-repeat -62px -27px;} #rodape .bloco ul li.games a{background:url(../../images/menu_inf.png) no-repeat -136px -3px;} #rodape .bloco ul li.games a:hover{background:url(../../images/menu_inf.png) no-repeat -136px -27px;} #rodape .bloco ul li.press a{background:url(../../images/menu_inf.png) no-repeat -210px -3px;} #rodape .bloco ul li.press a:hover{background:url(../../images/menu_inf.png) no-repeat -210px -27px;} #rodape .bloco ul li.contact a{background:url(../../images/menu_inf.png) no-repeat -285px -3px;} #rodape .bloco ul li.contact a:hover{background:url(../../images/menu_inf.png) no-repeat -285px -27px;} #rodape .bloco ul li ul{position:relative;display:block;text-align:left;margin-top:10px;font-size:10px;border:1px solid #1F1F1F;} #rodape .bloco ul li.about ul li {position:relative;left:10px;font-size:10px;} #rodape .bloco ul li.about ul li a{display:block;text-indent:0;color:#999;background:none;} #rodape .bloco ul li.about ul li a:hover{display:block;text-indent:0;color:#fff;background:none;} #rodape .bloco ul li.games ul li {position:relative;left:20px;font-size:10px;} #rodape .bloco ul li.games ul li a{display:block;text-indent:0;color:#999;background:none;} #rodape .bloco ul li.games ul li a:hover{display:block;text-indent:0;color:#fff;background:none;} #rodape .bloco ul li.press ul li {position:relative;left:18px;font-size:10px;} #rodape .bloco ul li.press ul li a{display:block;text-indent:0;color:#999;background:none;} #rodape .bloco ul li.press ul li a:hover{display:block;text-indent:0;color:#fff;background:none;} /*siteby*/ #rodape .bloco .siteby{position:absolute;right:0;bottom:20px;} #rodape .siteby p.texto{position:absolute;text-indent:-5000px;} /* extras - store */ #corpo_store { width:840px;float:left; background:url(../../images/bg_mid2.png) repeat-y; position:relative; padding:5px 30px 5px 30px; } #shadow { -moz-box-shadow: 2px 2px 3px #000; -webkit-box-shadow: 2px 2px 3px #000; box-shadow: 2px 2px 3px #000; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000'); } a.button_play:link,a.button_play:visited { background:url(../../images/button_play.png) no-repeat 0 0; overflow:hidden; width:216px;height:42px;display:block; } a.button_play:hover { background:url(../../images/button_play.png) no-repeat 0 -43px; overflow:hidden; width:216px;height:42px;display:block; } a.button_download:link,a.button_download:visited { background:url(../../images/button_download.png) no-repeat 0 0; overflow:hidden; width:216px;height:42px;display:block; } a.button_download:hover { background:url(../../images/button_download.png) no-repeat 0 -43px; overflow:hidden; width:216px;height:42px;display:block; } a.button_buy:link,a.button_buy:visited { background:url(../../images/button_buy.png) no-repeat 0 0; overflow:hidden; width:216px;height:42px;display:block; } a.button_buy:hover { background:url(../../images/button_buy.png) no-repeat 0 -43px; overflow:hidden; width:216px;height:42px;display:block; } /* extras - online */ #corpo_online1 { width:840px;float:left; background:url(../../images/bg_mid.png) repeat-y; position:relative; padding:20px 30px 5px 30px; z-index:auto; } #corpo_online1 .deg1 { width:853px; height:134px; background:url(../../images/deg1.jpg) repeat-x; position:absolute;top:0;left:3px; z-index:1; } #corpo_online2 { width:840px;float:left; background:url(../../images/bg_mid_gray.png) repeat-y; position:relative; padding:0px 30px 10px 30px; } #corpo_online3 { width:840px;float:left; background:url(../../images/bg_mid.png) repeat-y; position:relative; padding:20px 30px 10px 30px; } #colOne { width:800px;float:left;position:relative;z-index:2;margin-bottom:0px; }