/*##########################################################################################################################*/ /* INFORMAÇÕES BÁSICAS */ /*##########################################################################################################################*/ /* endereço da cdn para imagens comuns a todos os parceiros: http://cdn.media.zylom.com/images/atrativa/partners/common/img/ */ /*##########################################################################################################################*/ /* RESET */ /*##########################################################################################################################*/ #atrawrapper.atrativa.mainsite div,#atrawrapper.atrativa.mainsite span,#atrawrapper.atrativa.mainsite applet,#atrawrapper.atrativa.mainsite object,#atrawrapper.atrativa.mainsite iframe, #atrawrapper.atrativa.mainsite h1,#atrawrapper.atrativa.mainsite h2,#atrawrapper.atrativa.mainsite h3,#atrawrapper.atrativa.mainsite h4,#atrawrapper.atrativa.mainsite h5,#atrawrapper.atrativa.mainsite h6,#atrawrapper.atrativa.mainsite p,#atrawrapper.atrativa.mainsite blockquote,#atrawrapper.atrativa.mainsite pre, #atrawrapper.atrativa.mainsite a,#atrawrapper.atrativa.mainsite abbr,#atrawrapper.atrativa.mainsite acronym,#atrawrapper.atrativa.mainsite address,#atrawrapper.atrativa.mainsite big,#atrawrapper.atrativa.mainsite cite,#atrawrapper.atrativa.mainsite code, #atrawrapper.atrativa.mainsite del,#atrawrapper.atrativa.mainsite dfn,#atrawrapper.atrativa.mainsite em,#atrawrapper.atrativa.mainsite font,#atrawrapper.atrativa.mainsite img,#atrawrapper.atrativa.mainsite ins,#atrawrapper.atrativa.mainsite kbd,#atrawrapper.atrativa.mainsite q,#atrawrapper.atrativa.mainsite s,#atrawrapper.atrativa.mainsite samp, #atrawrapper.atrativa.mainsite small,#atrawrapper.atrativa.mainsite strike,#atrawrapper.atrativa.mainsite strong,#atrawrapper.atrativa.mainsite sub,#atrawrapper.atrativa.mainsite sup,#atrawrapper.atrativa.mainsite tt,#atrawrapper.atrativa.mainsite var, #atrawrapper.atrativa.mainsite dl,#atrawrapper.atrativa.mainsite dt,#atrawrapper.atrativa.mainsite dd,#atrawrapper.atrativa.mainsite ol,#atrawrapper.atrativa.mainsite ul,#atrawrapper.atrativa.mainsite li, #atrawrapper.atrativa.mainsite fieldset,#atrawrapper.atrativa.mainsite form,#atrawrapper.atrativa.mainsite label,#atrawrapper.atrativa.mainsite legend, #atrawrapper.atrativa.mainsite table,#atrawrapper.atrativa.mainsite caption,#atrawrapper.atrativa.mainsite tbody,#atrawrapper.atrativa.mainsite tfoot,#atrawrapper.atrativa.mainsite thead,#atrawrapper.atrativa.mainsite tr,#atrawrapper.atrativa.mainsite th,#atrawrapper.atrativa.mainsite td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; /*font-size: 100%; */ font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ #atrawrapper.atrativa.mainsite input, #atrawrapper.atrativa.mainsite select, #atrawrapper.atrativa.mainsite textarea{padding:0; font: 100% Arial, Helvetica, sans-serif;} #atrawrapper.atrativa.mainsite :focus { outline: 0; } Body #atrawrapper.atrativa.mainsite { line-height: 1; color: black; background: white; font:10px Arial, Helvetica, sans-serif; } #atrawrapper.atrativa.mainsite ol,#atrawrapper.atrativa.mainsite ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ #atrawrapper.atrativa.mainsite table { border-collapse: separate; border-spacing: 0; } #atrawrapper.atrativa.mainsite caption,#atrawrapper.atrativa.mainsite th,#atrawrapper.atrativa.mainsite td { text-align: left; font-weight: normal; } #atrawrapper.atrativa.mainsite blockquote:before,#atrawrapper.atrativa.mainsite blockquote:after, #atrawrapper.atrativa.mainsite q:before, #atrawrapper.atrativa.mainsite q:after { content: ""; } #atrawrapper.atrativa.mainsite blockquote,#atrawrapper.atrativa.mainsite q { quotes: "" ""; } /*##########################################################################################################################*/ /* DEFINIÇÕES GERAIS */ /*##########################################################################################################################*/ #atrawrapper.atrativa.mainsite{font:14px Arial, Helvetica, sans-serif;} /* Definição do tamanho base */ #atrawrapper.atrativa.mainsite #atra_site{background:white;} #atrawrapper.atrativa.mainsite p{font-size:1.1em;} #atrawrapper.atrativa.mainsite ul {list-style:none;} #atrawrapper.atrativa.mainsite li{font-size:1.1em;} #atrawrapper.atrativa.mainsite li li{font-size:1em;} #atrawrapper.atrativa.mainsite a, #atrawrapper.atrativa.mainsite a:hover, #atrawrapper.atrativa.mainsite a:active, #atrawrapper.atrativa.mainsite a:visited{ color:black; } #atrawrapper.atrativa.mainsite a{ text-decoration:none; } #atrawrapper.atrativa.mainsite a:hover{text-decoration: underline;} #atrawrapper.atrativa.mainsite a.old_style{ text-decoration:underline; } #atrawrapper.atrativa.mainsite a.old_style:hover{text-decoration: none;} #atrawrapper.atrativa.mainsite img {border:none;} #atrawrapper.atrativa.mainsite h1, #atrawrapper.atrativa.mainsite .title1{font-size:1.6em;} #atrawrapper.atrativa.mainsite h1 a, #atrawrapper.atrativa.mainsite .title1 a{cursor:default; text-decoration:none;} #atrawrapper.atrativa.mainsite h2,#atrawrapper.atrativa.mainsite .title2{font-size:1.4em;} #atrawrapper.atrativa.mainsite h2 a, #atrawrapper.atrativa.mainsite .title2 a{text-decoration:none;} #atrawrapper.atrativa.mainsite h3, #atrawrapper.atrativa.mainsite .title3{ font-size:1.3em;} #atrawrapper.atrativa.mainsite h3 a, #atrawrapper.atrativa.mainsite .title3 a{text-decoration:none;} #atrawrapper.atrativa.mainsite .atra_clear{clear:both;} #atrawrapper.atrativa.mainsite .atra_clear_right{clear:right;} #atrawrapper.atrativa.mainsite .atra_clear_left{clear:left;} #atrawrapper.atrativa.mainsite input{font: 1.4em Arial, Helvetica, sans-serif;} /*##########################################################################################################################*/ /* ESTRUTURAS */ /*##########################################################################################################################*/ /*##################################################*/ /* ÁREAS */ /*##################################################*/ #atrawrapper.atrativa.mainsite #atra_site{ width:99em; margin:0 auto;} #atrawrapper.atrativa.mainsite #atra_site_bg{ min-height:100em; margin:0.5em 0 0 0; } #atrawrapper.atrativa.mainsite #atra_topo{ height: 9.1em; padding: 2em;} #atrawrapper.atrativa.mainsite #atra_conteudo{ width:99em; margin:auto; clear:both;} #atrawrapper.atrativa.mainsite #atra_box_categories_footer{ width:100%; padding:2.8em 0 1.5em 0; margin: 2em 0 0; clear:both; border-top:1px solid grey;} #atrawrapper.atrativa.mainsite #atra_barra_auxiliar{height:3.3em; width:95em; margin:auto;} #atrawrapper.atrativa.mainsite #atra_slot_esq_aux{ height:100%; float:left; width:55%;} #atrawrapper.atrativa.mainsite #atra_slot_esq_aux p{ height:3.3em; display:table-cell; vertical-align:middle;} #atrawrapper.atrativa.mainsite #atra_slot_esq_aux p a{ text-decoration:underline; color:#003366; font-weight:bold;} #atrawrapper.atrativa.mainsite #atra_slot_esq_aux p a:hover{ text-decoration:none;} #atrawrapper.atrativa.mainsite #atra_slot_dir_aux{height:2.8em; padding:0.3em 0 0.2em; float:right; width:40%;} #atrawrapper.atrativa.mainsite #atra_area_usuario{float:left;} #atrawrapper.atrativa.mainsite #atra_area_usuario li{float:left; padding:0 0.7em;} #atrawrapper.atrativa.mainsite #atra_busca{margin: 0 0.5em 0 0; display:block; height:100%;float:left;} #atrawrapper.atrativa.mainsite #atra_busca dt,#atrawrapper.atrativa.mainsite #atra_busca dd{float:left; margin: 0 0.3em 0 0} #atrawrapper.atrativa.mainsite #atra_border_site{ padding-top: 1em;} #atrawrapper.atrativa.mainsite #barra_dir{ float:left; width:62.8em; margin: 0 0 0 2em;} #atrawrapper.atrativa.mainsite #barra_esq{ float:right; width:30em; margin:0 2em 0 0;} #atrawrapper.atrativa.mainsite #atra_footer_field{width:95%; margin:auto;} #atrawrapper.atrativa.mainsite #atra_top_field .atra_games_launched{width:100%;} #atrawrapper.atrativa.mainsite #atra_top_field .atra_games_launched .atra_box_jogo{width:30em; float:left; margin:0 1em 1em;} #atrawrapper.atrativa.mainsite #atra_top_field .atra_games_launched .atra_box_jogo.atra_even{margin-left:0;} #atrawrapper.atrativa.mainsite #atra_top_field .atra_games_launched .atra_box_jogo.atra_odd{margin-right:0;} #atrawrapper.atrativa.mainsite #barra_dir .extended_header{ margin:0 0 1.5em;} #atrawrapper.atrativa.mainsite #atra_bottom_field .atra_top_games_online .atra_box_jogo{width:30em; float:left; margin:0 1em 1em;} #atrawrapper.atrativa.mainsite #atra_bottom_field .atra_top_games_online .atra_box_jogo.atra_even{margin-left:0;} #atrawrapper.atrativa.mainsite #atra_bottom_field .atra_top_games_online .atra_box_jogo.atra_odd{margin-right:0;} /*##################################################*/ /* PRINCIPAIS MENUS */ /*##################################################*/ #atrawrapper.atrativa.mainsite #atra_menus{font-weight:bold;} #atrawrapper.atrativa.mainsite #atra_menus ul{height:3.3em; clear:both; position:relative; } #atrawrapper.atrativa.mainsite #atra_menus li{float:left; font-size:1.2em;} #atrawrapper.atrativa.mainsite #atra_menus li a{ display:block; height:100%; line-height:2.75em; vertical-align:middle; padding:0 0.6em;} #atrawrapper.atrativa.mainsite #atra_sub_menu{padding:0 1.8em; text-transform:lowercase;} #atrawrapper.atrativa.mainsite #atra_menus .atra_selected a,#atrawrapper.atrativa.mainsite #atra_menus .atra_selected{cursor:default;} #atrawrapper.atrativa.mainsite #atra_menus .atra_selected a:hover,#atrawrapper.atrativa.mainsite #atra_menus .atra_selected:hover{text-decoration:none;} #atrawrapper.atrativa.mainsite #atra_menu{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1800px repeat-x;} #atrawrapper.atrativa.mainsite #atra_menu a:hover{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1763px repeat-x;} #atrawrapper.atrativa.mainsite #atra_menu .atra_selected,#atrawrapper.atrativa.mainsite #atra_menu .atra_selected:hover,#atrawrapper.atrativa.mainsite #atra_menu .atra_selected a:hover{background:white; cursor:default;} #atrawrapper.atrativa.mainsite #atra_sub_menu{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -2479px repeat-x;} #atrawrapper.atrativa.mainsite #atra_sub_menu a:hover{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -2304px repeat-x;} #atrawrapper.atrativa.mainsite #atra_sub_menu .atra_selected a:hover{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -2479px repeat-x;} #atrawrapper.atrativa.mainsite #atra_crumb_menu{height:100%;} #atrawrapper.atrativa.mainsite #atra_crumb_menu li{ float:left; padding: 0 0.5em; text-transform:lowercase; height:100%; line-height:3.3em; vertical-align:middle;} #atrawrapper.atrativa.mainsite #atra_crumb_menu li h1,#atrawrapper.atrativa.mainsite #atra_crumb_menu li .title1{ font-size:1.1em; color:#333; font-weight:bold; text-transform:uppercase;} #atrawrapper.atrativa.mainsite #atra_crumb_menu li a{ text-decoration:underline;} #atrawrapper.atrativa.mainsite #atra_crumb_menu li a:hover, #atrawrapper.atrativa.mainsite #atra_crumb_menu li h1 a,#atrawrapper.atrativa.mainsite #atra_crumb_menu li .title1 a{ text-decoration:none;} #atrawrapper.atrativa.mainsite .atra_search_ico{width:15px; height:15px; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') 0 -38px no-repeat; margin-top:0.3em;} #atrawrapper.atrativa.mainsite #atra_favorito_ico a{width:1.6em; height:1.5em; display:block; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -259px -60px no-repeat; margin: 0.3em 0 0;} #atrawrapper.atrativa.mainsite #atra_area_usuario #atra_perfil_ico{padding-right:0.3em;} #atrawrapper.atrativa.mainsite #atra_perfil_ico a{width:7.5em; display:block;font-weight:bold;} #atrawrapper.atrativa.mainsite .atra_heart_ico{float:left; width:1.8em; height:1.5em; display:block; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -236px -60px no-repeat; margin:0.4em 0.3em 0 0;} #atrawrapper.atrativa.mainsite #atra_ajuda_ico{margin:0.6em 0 0; font-weight:bold;} #atrawrapper.atrativa.mainsite .atra_help_ico{float:left; width:1.1em; height:1em; display:block; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -70px -10px no-repeat; margin:0.2em 0.3em 0 0;} #atrawrapper.atrativa.mainsite #atra_footer_menu{ height:2.2em; width:35em; margin:6.5em auto 1em;} #atrawrapper.atrativa.mainsite #atra_footer_menu li{ float: left; width:50%; text-align:center;} #atrawrapper.atrativa.mainsite #atra_footer_menu li a{ text-decoration:underline;} #atrawrapper.atrativa.mainsite #atra_footer_menu li a:hover{ text-decoration:none;} /*##################################################*/ /* PROPAGANDA */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_ads_stripe{width:95em; margin: 1em auto 1.5em;} #atrawrapper.atrativa.mainsite .ads_square {width:30em; height:25em; margin:0 0 1.5em ;} #atrawrapper.atrativa.mainsite .ads_half{ margin:0 0 1.5em ;} /*##################################################*/ /* CARROSSEL */ /*##################################################*/ #atrawrapper.atrativa.mainsite #atra_conteudo #barra_dir .ads_slideshow{width:62.8em; height:25em; margin:0 auto 1.5em;} #atrawrapper.atrativa.mainsite #atra_conteudo #barra_dir #container{width:100%; height:100%;} /*##################################################*/ /* LOBBY */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_texto_topo img{float:left; margin: 0 0.5em 0 0;} #atrawrapper.atrativa.mainsite .atra_texto_topo h1,#atrawrapper.atrativa.mainsite .atra_texto_topo .title1{height:25px; line-height:25px; vertical-align:middle; font-weight:bold; text-transform:uppercase;} #atrawrapper.atrativa.mainsite .atra_deluxe_download_btn{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1260px repeat-x;} #atrawrapper.atrativa.mainsite #wrapper_iframe{width:100%; margin:0 0 1.5em;} #atrawrapper.atrativa.mainsite #wrapper_iframe iframe{display:block; margin:auto;} #atrawrapper.atrativa.mainsite #atra_lobby_bar{height:3.3em; width:100%; position:relative;} #atrawrapper.atrativa.mainsite #atra_lobby_bar ul li{float:left; margin:0.5em 1em 0 0;} #atrawrapper.atrativa.mainsite #atra_box_share_lobby{position:absolute; top:0; right:0;} #atrawrapper.atrativa.mainsite #atra_box_share_lobby .social_btn{float:left; margin: 0 1em;} #atrawrapper.atrativa.mainsite #atra_box_share_lobby .social_btn.atra_lastCell{margin-right:0;} #atrawrapper.atrativa.mainsite .atra_game_description{margin: 0 0 1.5em;} #atrawrapper.atrativa.mainsite #lateral_esq{float:left; margin:0 2em 0 0;} #atrawrapper.atrativa.mainsite #box_desc_lobby { width: 390px; float: left;} #atrawrapper.atrativa.mainsite #box_desc_lobby .thumbs{margin:0 1px;}/* .lobby #atrawrapper.atrativa.mainsite .atra_btn_collection .atra_btn{ margin-left:2.2em; margin-right:2.2em;} .lobby #atrawrapper.atrativa.mainsite .atra_btn_collection.atra_gratis .atra_btn{ margin-right:11.1em}; */ #atrawrapper.atrativa.mainsite .atra_no_roadblock #atra_lobby_bar{margin-bottom:1em;} #atrawrapper.atrativa.mainsite .atra_no_roadblock #atra_lobby_bar ul{margin:1em 0 0;} #atrawrapper.atrativa.mainsite .atra_no_roadblock #atra_lobby_bar ul li{float:none; margin:0.5em 0 0;} #atrawrapper.atrativa.mainsite .atra_no_roadblock #atra_lobby_bar ul li ul{margin:0;} #atrawrapper.atrativa.mainsite .atra_no_roadblock #atra_lobby_bar ul li ul li{float:left; margin:0 1em 0 0;} .lobby #atrawrapper.atrativa.mainsite .atra_no_roadblock h3, .lobby #atrawrapper.atrativa.mainsite .atra_no_roadblock .title3{font-weight:bold;} .lobby #atrawrapper.atrativa.mainsite .atra_no_roadblock #lateral_esq h3, .lobby #atrawrapper.atrativa.mainsite .atra_no_roadblock #lateral_esq .title3{font-size:1.1em; margin-top:0.5em;} .lobby #atrawrapper.atrativa.mainsite .atra_no_roadblock #box_desc_lobby h3, .lobby #atrawrapper.atrativa.mainsite .atra_no_roadblock #box_desc_lobby .title3{margin-bottom:0.5em;} .lobby #atrawrapper.atrativa.mainsite .atra_no_roadblock #box_desc_lobby .atra_btn_collection{margin: 2.3em 0 2em; text-align:center;} .lobby #atrawrapper.atrativa.mainsite .atra_online #atra_lobby_bar #box_rating{margin-top: 0.3em;} .category #atrawrapper.atrativa.mainsite .texto_topo h1,.category #atrawrapper.atrativa.mainsite .texto_topo .title1{text-transform:uppercase; font-weight:bold;} #atrawrapper.atrativa.mainsite #atra_rodape{ clear:both; width:100%; text-align:center; background:#ffffff; padding:25px 0 0 0; } #atrawrapper.atrativa.mainsite #atra_rodape div{clear:both; padding-bottom: 20px;} #atrawrapper.atrativa.mainsite #atra_rodape div p{ width:100%;} #atrawrapper.atrativa.mainsite #atra_rodape div p img{ padding-top: 10px;} #atrawrapper.atrativa.mainsite #atra_rodape ul{ margin:0 0 15px 0;} #atrawrapper.atrativa.mainsite #atra_rodape ul li{ display:inline; margin:0 5px 0 5px;} #atrawrapper.atrativa.mainsite #barra_auxiliar{ height:20px; padding:10px 0 10px 20px;} #atrawrapper.atrativa.mainsite #slot_esq_aux{ float:left; width:440px;} #atrawrapper.atrativa.mainsite #slot_esq_aux .nav{position:relative; top:-9px;} #atrawrapper.atrativa.mainsite #slot_esq_aux span{ font-weight:bold; font-size:1.2em;} #atrawrapper.atrativa.mainsite #slot_dir_aux{ float:right; width:520px; margin-top:0px;} #atrawrapper.atrativa.mainsite #busca{ float:left; width:170px; padding:0 10px 0 0;} #atrawrapper.atrativa.mainsite #area_usuario{ float:left; width:322px; overflow:visible;} #atrawrapper.atrativa.mainsite #area_usuario ul li{ float:right; height:24px; margin:0 5px 0 0; /*font-size:12px;*/ padding:2px 0 0 10px; } #atrawrapper.atrativa.mainsite #area_usuario ul li span{position:relative;top:-12px;} #atrawrapper.atrativa.mainsite #area_usuario img{float:left;position:relative;top:-6px;} #atrawrapper.atrativa.mainsite #area_usuario ul #ico_ajuda span{position:relative;top:-6px;} #atrawrapper.atrativa.mainsite #area_usuario ul #ico_ajuda img{position:relative;top:-2px;} /*##################################################*/ /* ORGANIZAÇÃO POR COLUNAS */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_outerbox.atra_2columns.atra_col0{margin-left:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_2columns.atra_col1{margin-right:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_3columns.atra_col0{margin-left:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_3columns.atra_col2{margin-right:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_4columns.atra_col0{margin-left:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_4columns.atra_col3{margin-right:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_5columns.atra_col0{margin-left:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_5columns.atra_col4{margin-right:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_6columns.atra_col0{margin-left:0;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_6columns.atra_col5{margin-right:0;} #atrawrapper.atrativa.mainsite .atra_3columns.atra_col0{margin-left:0;} #atrawrapper.atrativa.mainsite .atra_3columns.atra_col2{margin-right:0;} /*##################################################*/ /* BOX DE BOXES DE JOGOS */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_outerbox{margin:0 0 10px 0;} #atrawrapper.atrativa.mainsite .atra_outerbox h2, #atrawrapper.atrativa.mainsite .atra_outerbox .title2{text-transform:uppercase; font-weight:bold; margin:0 0 0.2em;} /*##################################################*/ /* BOXES DE JOGOS */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_box_jogo h3, #atrawrapper.atrativa.mainsite .atra_box_jogo .title3{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:bold; margin: 0 0 0.2em;} #atrawrapper.atrativa.mainsite .atra_box_all .atra_box_jogo.atra_box_h_25{width:46%; margin:1em 3em 1em 0; height:25px; float:left; } #atrawrapper.atrativa.mainsite .atra_box_all .atra_box_jogo.atra_box_h_25 img{float:left; margin-right:0.5em; vertical-align:middle;} #atrawrapper.atrativa.mainsite .atra_box_all .atra_box_jogo.atra_box_h_25 h3, #atrawrapper.atrativa.mainsite .atra_box_all .atra_box_jogo.atra_box_h_25 .title3{height:100%; line-height:25px; vertical-align:middle;} #atrawrapper.atrativa.mainsite .atra_box_all .atra_box_jogo.atra_box_h_25.atra_even{margin-left:0;} #atrawrapper.atrativa.mainsite .atra_box_all .atra_box_jogo.atra_box_h_25.atra_odd{margin-right:0;} #atrawrapper.atrativa.mainsite .atra_box_horizontal .atra_box_jogo{float:left;} #atrawrapper.atrativa.mainsite .atra_box_horizontal .atra_box_jogo.atra_box_w_80{width:8em; margin:0 1.2em 1.2em;} #atrawrapper.atrativa.mainsite .atra_box_horizontal .atra_box_jogo.atra_box_w_120{width:12em; margin:0 1.8em 1.8em;} /*##################################################*/ /* BOX DE TOP JOGOS */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_top_box{position:relative; padding:2.5em 0 0;} #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online{ margin-bottom:0;} #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download .atra_box_jogo,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online .atra_box_jogo{ margin-left:1em; margin-right:1em; } #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download.atra_selected,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online.atra_selected{ border:1px solid #030f71; padding:1.5em 0 0; } #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download h2,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download .title2, #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online h2,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online .title2{ width:45%; position:absolute; text-align:center; border:1px solid #363d37; border-radius:0.5em 0.5em 0 0 ; behavior:url('http://cdn.media.zylom.com/images/atrativa/partners/common/pie/PIE.php'); border-bottom:none; line-height:1.8em; vertical-align:middle; height: 1.8em; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1462px repeat-x; } #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download.atra_selected h2,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download.atra_selected .title2, #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online.atra_selected h2,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online.atra_selected .title2{ background:white; border-bottom:1px solid white; } #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download h2,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_download .title2{right:1.6em; top:-1px;} #atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online h2,#atrawrapper.atrativa.mainsite .atra_top_box #atra_top_online .title2{left:0; top:-1px;} .star-rating { float:left; width:100px; height:17px; cursor:pointer; } /*##################################################*/ /* STAR-RATING */ /*##################################################*/ #atrawrapper.atrativa.mainsite .star-rating { float:left; width:100px; height:17px; cursor:pointer; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/star_rating/light_blue.png'); } #atrawrapper.atrativa.mainsite .star {float:left; width:20px; height:17px;} #atrawrapper.atrativa.mainsite .result { float:left; height:17px; margin-left:5px; margin-top:4px; line-height:110%; color:#454545; } /*##################################################*/ /* TITULOS */ /*##################################################*/ #atrawrapper.atrativa.mainsite .title1.title_box, #atrawrapper.atrativa.mainsite h1.title_box{ font-size:1.4em;} #atrawrapper.atrativa.mainsite .title2.title_box, #atrawrapper.atrativa.mainsite h2.title_box{ font-size:1.4em;} #atrawrapper.atrativa.mainsite .extended_header{min-height:24em; position:relative;} #atrawrapper.atrativa.mainsite .extended_header.no_carousel{min-height: 0; min-height:initial;} /*##################################################*/ /* PAGINA DE DOWNLOAD-ONLINE */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_online-download .ptitle1{color:#373737; font-size:24px; width:100%; text-align:center; font-weight:bold; margin-top:29px; margin-bottom:14px;} #atrawrapper.atrativa.mainsite .atra_online-download #atra_spinner{margin:1em auto; width:50px; height:50px; position:relative; } #atrawrapper.atrativa.mainsite .atra_online-download #img_loader{position:absolute; z-index:1; width:50px; height:50px; background:white url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/spinners/light_blue.gif') center center no-repeat; } #atrawrapper.atrativa.mainsite .atra_online-download #img_loaded{display:none;margin:0px auto;} #atrawrapper.atrativa.mainsite .atra_online-download .ptitle2{color:#373737; font-size:14px; width:100%; text-align:center; margin-top:15px; margin-bottom:15px;} #atrawrapper.atrativa.mainsite .atra_online-download #box_aviso_download{text-align:center; margin-bottom:2em;} /*##################################################*/ /* ALTURAS DOS BOXES DE JOGOS */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_45{height:5em;} #atrawrapper.atrativa.mainsite .atra_box_h_45 .atra_img_box_link{height:4.5em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_50,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:5em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_74,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:7.4em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_75,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:7.5em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_80,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:8em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_90,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:9em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_100,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:10em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_125,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:12.5em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_150,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:15em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_180,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:18em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_237,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:23.7em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_240,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:24em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_250,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:25em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_253,#atrawrapper.atrativa.mainsite .atra_box_h_50 .atra_img_box_link{height:25.3em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_description{line-height:1.3em; overflow:hidden;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_45 .atra_box_description{height:1.3em; } #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_50 .atra_box_description{height:1.3em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_74 .atra_box_description{height:3.9em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_75 .atra_box_description{height:3.9em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_80 .atra_box_description{height:3.9em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_90 .atra_box_description{height:3.9em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_100 .atra_box_description{height:5.2em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_125 .atra_box_description{height:6.5em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_150 .atra_box_description{height:7.8em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_180 .atra_box_description{height:9.1em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_237 .atra_box_description{height:10.4em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_240 .atra_box_description{height:10.4em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_250 .atra_box_description{height:11.7em;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_h_253 .atra_box_description{height:11.7em;} #atrawrapper.atrativa.mainsite .atra_box_jogo .atra_img_box_link{display:block;} #atrawrapper.atrativa.mainsite .atra_full_info .atra_box_jogo .atra_img_box_link{float:left; margin:0 1em 0 0;} #atrawrapper.atrativa.mainsite .atra_box_jogo .atra_img_box_link{} /*##################################################*/ /* COMPORTAMENTO DOS BOTÕES */ /*##################################################*/ #atrawrapper.atrativa.mainsite a.atra_btn{ padding:0 1.5em; height:38px; line-height:38px; vertical-align:middle; color:white; font-size:12px; text-align:center; display:inline-block; text-transform:uppercase; font-weight:bolder; color:white;/*float:right */; border-radius:5px; behavior:url('http://cdn.media.zylom.com/images/atrativa/partners/common/pie/PIE.php'); border:1px solid #113f7b; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1262px repeat-x; margin-right:0; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; transition: all 0.1s ease-out;} #atrawrapper.atrativa.mainsite a.atra_btn:hover{margin-top:6px; height:28px; padding-top:4px; line-height:24px; text-decoration:none; background-position: 0 -1265px -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } #atrawrapper.atrativa.mainsite a.atra_full_width_btn{width:100%; text-align:center; padding-left:0; padding-right:0; } #atrawrapper.atrativa.mainsite .atra_btn_collection{ margin:1em 0; height:38px;} #atrawrapper.atrativa.mainsite .atra_online .atra_btn_collection{clear:both;} #atrawrapper.atrativa.mainsite .atra_btn_collection .atra_btn{ margin-left:1em; margin-right:1em;} #atrawrapper.atrativa.mainsite .atra_btn_collection .atra_full_width_btn{ margin-left:0em; margin-right:0em;} #atra_search #atrawrapper.atrativa.mainsite .box_results a.atra_btn{ padding-left:0; padding-right:0;} #atra_search #atrawrapper.atrativa.mainsite .box_results a.atra_btn:hover{ margin-top:0; } /*##################################################*/ /* BARRAS DE TÍTULO */ /*##################################################*/ #atrawrapper.atrativa.mainsite .divBar{height:10px; margin:0 0 1em;} #atrawrapper.atrativa.mainsite .divBar div{height:100%; width:5px;} #atrawrapper.atrativa.mainsite .divBar .endLeft{float:left;} #atrawrapper.atrativa.mainsite .divBar .endRight{float:right;} #atrawrapper.atrativa.mainsite .divBar{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -212px repeat-x;} #atrawrapper.atrativa.mainsite .divBar .endLeft{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') 0 -10px repeat-x;} #atrawrapper.atrativa.mainsite .divBar .endRight{background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -5px -10px repeat-x;} #atrawrapper.atrativa.mainsite .box_supermarket {margin:1em 0;} #atrawrapper.atrativa.mainsite .title_box{font-weight:bold; text-transform:uppercase;} #atrawrapper.atrativa.mainsite .atra_box_300_under_600 .atra_box_jogo{width:30em; float:left; margin:0 1em 1.5em;} #atrawrapper.atrativa.mainsite .atra_box_300_under_600 .atra_box_jogo.atra_even{margin-left:0} #atrawrapper.atrativa.mainsite .atra_box_300_under_600 .atra_box_jogo.atra_odd{margin-right:0} #atrawrapper.atrativa.mainsite .atra_box_300{width:30em; float:left; margin:0 1em 1em;} #atrawrapper.atrativa.mainsite #barra_esq .atra_box_300{margin:0 0 1em;} #atrawrapper.atrativa.mainsite .atra_box_jogo{position:relative; margin:0 0 1em;} #atrawrapper.atrativa.mainsite .atra_box_jogo .atra_call_to_action{position:absolute; bottom:0; right:0; font-size:1.3em; font-weight:bold;} #atrawrapper.atrativa.mainsite .atra_download .atra_box_jogo .atra_call_to_action a{color:#f89225;} #atrawrapper.atrativa.mainsite a.atra_ver_mais{text-align:right; display:block; font-size:1.3em; text-transform:lowercase; float:right; padding:0 0.5em 0 2em; line-height:1.2em; height:1.2em; vertical-align:middle; border-radius:0.6em 0 0 0.6em; behavior:url('http://cdn.media.zylom.com/images/atrativa/partners/common/pie/PIE.php'); color:white; font-weight:bold; background:#0369a8 url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 4px -2898px no-repeat; } #atrawrapper.atrativa.mainsite .atra_download a.atra_ver_mais{background-color:#f89225; } #atrawrapper.atrativa.mainsite .atra_download a.atra_ver_mais:hover{background-color:#ad6b01; } #atrawrapper.atrativa.mainsite a.atra_ver_mais:hover{ background-color:#0099FF; text-decoration:none;} #atrawrapper.atrativa.mainsite #atra_footer_field a.atra_ver_mais{padding:0; background:none; color:#0369a8;} #atrawrapper.atrativa.mainsite #atra_footer_field a.atra_ver_mais:hover{background:none;} #atrawrapper.atrativa.mainsite .atra_box_jogo.atra_no_img h3, #atrawrapper.atrativa.mainsite .atra_box_jogo.atra_no_img .title3{font-weight:normal;} #atrawrapper.atrativa.mainsite .atra_outerbox.atra_footer{width:17em; float:left; margin:1em;} #atrawrapper.atrativa.mainsite .atra_clear_field{clear:both;} #atrawrapper.atrativa.mainsite .atra_contador{display:none;} #slot_esq_aux #sub_menu{ margin:10px 0 0 0;} #slot_esq_aux #sub_menu a, #slot_esq_aux p a{ text-decoration:underline;font-weight:bold; } #slot_esq_aux #sub_menu a:hover, #slot_esq_aux p a:hover{text-decoration:none; } /*##################################################*/ /* INCLUDES */ /*##################################################*/ #atrawrapper.atrativa.mainsite .atra_included h2, #atrawrapper.atrativa.mainsite .atra_included .title2{text-transform:uppercase; font-weight:bold; margin-bottom:0.2em;} #atrawrapper.atrativa.mainsite .atra_include_clube_box_destaque{width:628px; margin:0 0 1.5em 0; clear:both; } #atrawrapper.atrativa.mainsite .atra_include_clube_box_destaque #destaque_clube{width:170px; height:190px; float:left;} #atrawrapper.atrativa.mainsite .atra_include_clube_box_destaque #outros_clube{ float:right; width:445px; height:190px;} #atrawrapper.atrativa.mainsite .atra_include_clube_box_destaque .jogos_clube{ float:left; width:200px; height:70px; margin:0 0 20px 15px;} #atrawrapper.atrativa.mainsite .atra_include_clube_box_destaque .jogos_clube .destaque{text-align:right;} #atrawrapper.atrativa.mainsite .atra_include_clube_box_destaque .jogos_clube img{ float:left; margin:0 5px 0 0; padding-right:5px;} #atrawrapper.atrativa.mainsite .atra_include_clube_box_300{width:300px; margin:0 0 10px;} #atrawrapper.atrativa.mainsite .atra_include_clube_box_300 .box_clube_80{float:left; width:100px; text-align:center;} #atrawrapper.atrativa.mainsite .atra_include_funpass_box_300{width:300px; margin:0 0 10px;} #atrawrapper.atrativa.mainsite .atra_include_funpass_box_300 p{margin:5px 0 10px;} #atrawrapper.atrativa.mainsite .atra_include_funpass_box_300 .atra_main_img{float:left; margin:0 1em 0 0;} #atrawrapper.atrativa.mainsite .atra_include_funpass_box_300 .atra_btns{height:40px; margin:3px 0 0; text-align:right; } #atrawrapper.atrativa.mainsite .atra_include_funpass_box_300 .atra_btn{ background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1421px repeat-x; border-color:#b3577d;} #atrawrapper.atrativa.mainsite .atra_include_funpass_box_300 .atra_btn:hover{ background-position:0 -1424px;} #atrawrapper.atrativa.mainsite #atra_powered_by{margin:auto; text-align:center;} #atrawrapper.atrativa.mainsite .atra_included{margin-left:1em; margin-right:1em;} #atrawrapper.atrativa.mainsite #barra_esq .atra_included{margin-left:0; margin-right:0;} #atrawrapper.atrativa.mainsite #terms_doublepack{text-align:right; font-weight:bold; margin-bottom:1em;} .atra_img_size_120x90 {width:120px; height:90px;}.atra_img_size_80x80 {width:80px; height:80px;} /* ---- MOCHA ----*/ #atrawrapper.atrativa.mainsite #container{ width: 628px; height:250px; margin-left: auto; margin-right: auto; padding: 0 0 0 0; position: relative; } #atrawrapper.atrativa.mainsite #container img{ display: block; } #atrawrapper.atrativa.mainsite #gallery, #atrawrapper.atrativa.mainsite #thumbs{ float: left; } #atrawrapper.atrativa.mainsite #gallery{ width: 500px; height: 250px; overflow: hidden; } #atrawrapper.atrativa.mainsite #gallery img{ position: absolute; } #atrawrapper.atrativa.mainsite #thumbs{ overflow: hidden; height:250px; width:128px; } #atrawrapper.atrativa.mainsite #thumbs img{border-bottom:1px solid #FFF; border-left:1px solid #FFF; } #atrawrapper.atrativa.mainsite #thumbs a{display:block;} #atrawrapper.atrativa.mainsite #next{ display: block; width: 47px; height: 43px; background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -5px -299px no-repeat; position: absolute; bottom: 0px; right: 40px; z-index:300; opacity:0.4; filter: alpha(opacity=40); } #atrawrapper.atrativa.mainsite #next:hover{ background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -53px -299px no-repeat; opacity:1; filter: alpha(opacity=100); } #atrawrapper.atrativa.mainsite #caption { display:block; background-color:#FFF; } #atrawrapper.atrativa.mainsite #caption div { display:none; visibility:hidden; position:absolute; margin: 20px auto 0; padding: 10px; color: #000; background: #fff; opacity:0.85; bottom:0px; width:480px; left:0px; filter: alpha(opacity=85); } #atrawrapper.atrativa.mainsite #caption div a {width: 100%; height: 100%; display: block; position: absolute; left: 0px; top: 0px;} #atrawrapper.atrativa.mainsite #caption div h2{color:#000; margin-bottom:5px; font-size:13px;} #atrawrapper.atrativa.mainsite #caption{ text-align:left;} /* SEARCH */ #atrawrapper.atrativa.mainsite .search_bar{ height:35px; width:100%; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -2303px repeat-x;} #atrawrapper.atrativa.mainsite #barra_dir .search_bar{ margin-top:10px;} #atrawrapper.atrativa.mainsite #barra_esq .search_bar{ margin-top:20px; display:none;} #atrawrapper.atrativa.mainsite .search_bar a{float:left; color:#FFF; font-weight:bold; font-size:12px; line-height:35px; vertical-align:middle;padding-left:11px; position:relative;} #atrawrapper.atrativa.mainsite .search_bar a .border_right{position:absolute; right:0px; top:0px; width:2px; height:100%; background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -198px -55px no-repeat; } #atrawrapper.atrativa.mainsite .search_bar a.selected .border_right{background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -193px -55px no-repeat;} #atrawrapper.atrativa.mainsite .search_bar a .fborder_right, #atrawrapper.atrativa.mainsite .search_bar a .fborder_left{ width:6px; height:100%; position:absolute; top:0px;} #atrawrapper.atrativa.mainsite .search_bar a .fborder_right{ right:-1px; background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -126px -54px no-repeat;} #atrawrapper.atrativa.mainsite .search_bar a .fborder_left{ left:0px; background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -41px -54px no-repeat;} #atrawrapper.atrativa.mainsite .search_bar a.selected .fborder_right{background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -120px -54px no-repeat;} #atrawrapper.atrativa.mainsite .search_bar a.selected .fborder_left{background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -36px -54px no-repeat;} #atrawrapper.atrativa.mainsite .search_bar a .arrow_menu{width:8px; height:4px; position:absolute; right:7px; bottom:8px;} #atrawrapper.atrativa.mainsite .search_bar a.down .arrow_menu{ background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -226px -13px no-repeat;} #atrawrapper.atrativa.mainsite .search_bar a.up .arrow_menu{ background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -309px -13px no-repeat} #atrawrapper.atrativa.mainsite .search_bar a.down.selected .arrow_menu{ background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -297px -3px no-repeat} #atrawrapper.atrativa.mainsite .search_bar a.up.selected .arrow_menu{ background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -381px -3px no-repeat} #atrawrapper.atrativa.mainsite .search_bar a:hover{cursor:pointer;} #atrawrapper.atrativa.mainsite #data_order{display:block; height:100%; width:81px;} #atrawrapper.atrativa.mainsite #title_order{display:block; height:100%; width:238px;} #atrawrapper.atrativa.mainsite #rating_order{display:block; height:100%; width:99px;} #atrawrapper.atrativa.mainsite #online_order{display:block; height:100%; width:80px;} #atrawrapper.atrativa.mainsite #download_order{display:block; height:100%; width:74px;} #atrawrapper.atrativa.mainsite #box_type{display:block; height:100%; width:92px;} #atrawrapper.atrativa.mainsite #list_type{display:block; height:100%; width:92px;} #atrawrapper.atrativa.mainsite .search_bar a.selected{ background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -2269px repeat-x; } #atrawrapper.atrativa.mainsite .title_h2{ margin-bottom:10px;} #atrawrapper.atrativa.mainsite #destaque_box.box_now .box_results{margin-bottom:0px;} #atrawrapper.atrativa.mainsite #destaque_box{padding:10px 0 0;} #atrawrapper.atrativa.mainsite #destaque_box .title_holder{width:50%; float:left;} #atrawrapper.atrativa.mainsite #destaque_box .title_holder h2{padding-left:19px;} #atrawrapper.atrativa.mainsite #destaque_box .title_holder.online h2{color:#1489c7;} #atrawrapper.atrativa.mainsite #destaque_box .title_holder.download h2{color:#ED7E12;} #atrawrapper.atrativa.mainsite .list_now .box_results{width:100%; height:80px; margin:25px 0 0 0; padding-bottom:28px; border-bottom:1px solid #4fc4f3;} #atrawrapper.atrativa.mainsite .box_now .box_results {width:118px; margin:10px 19px 32px; ; float:left;} #atrawrapper.atrativa.mainsite #all_results .box_now .box_results{/* height:210px; */ height:230px;} #atrawrapper.atrativa.mainsite .box_now .img100100,#atrawrapper.atrativa.mainsite .list_now .img8080{display:block;} #atrawrapper.atrativa.mainsite .box_now .img8080, #atrawrapper.atrativa.mainsite .list_now .img100100{display:none;} #atrawrapper.atrativa.mainsite .box_now .box_results #atrawrapper.atrativa.mainsite .short_desc{display:none;} #atrawrapper.atrativa.mainsite .box_results img{float:left; margin:0 10px 0 0;} #atrawrapper.atrativa.mainsite .list_now .full_title{ display:inline;} #atrawrapper.atrativa.mainsite .box_now .compressed_title{ display:table-cell; vertical-align:middle; height:40px;} #atrawrapper.atrativa.mainsite .list_now .compressed_title, #atrawrapper.atrativa.mainsite .box_now .full_title{ display:none;} #atrawrapper.atrativa.mainsite .list_now .short_desc, #atrawrapper.atrativa.mainsite .list_now h3{width:334px; max-width:334px;}/*240 + valor da imagem + margem*/ #atrawrapper.atrativa.mainsite .box_now .img_link img{float:none;} #atrawrapper.atrativa.mainsite .box_now .img_link{ padding:9px; display:block; /*margin:25px 0 0;*/ margin:45px 0 0; border-radius:10px; behavior:url('http://cdn.media.zylom.com/images/atrativa/partners/common/pie/PIE.php');} #atrawrapper.atrativa.mainsite .box_now .download .img_link{background-color:#f6dcbd; border:1px solid #fc8f46;} #atrawrapper.atrativa.mainsite .box_now .online .img_link{background-color:#e0f3fb; border:1px solid #0db5fa;} #atrawrapper.atrativa.mainsite .box_now .clube .img_link{background-color:#dbf6d1; border:1px solid #33de3c;} #atrawrapper.atrativa.mainsite .box_results{position:relative; min-height:80px;} #atrawrapper.atrativa.mainsite .rating_box{position:absolute;} #atrawrapper.atrativa.mainsite .list_now .rating_box{top:22px; right:188px;} #atrawrapper.atrativa.mainsite .box_now .rating_box{bottom:42px; right:14px;} #atrawrapper.atrativa.mainsite .box_now .genre{display:none;} #atrawrapper.atrativa.mainsite .list_now .genre{ font-weight:bold; display:block;} #atrawrapper.atrativa.mainsite .list_now .genre a{ font-weight:normal; text-decoration:underline;} #atrawrapper.atrativa.mainsite .list_now .online .genre a,#atrawrapper.atrativa.mainsite .list_now .online_download .genre a{color:#1489c7;} #atrawrapper.atrativa.mainsite .list_now .download .genre a{color:#ED7E12;} #atrawrapper.atrativa.mainsite .list_now .genre a:hover{text-decoration:none;} #atrawrapper.atrativa.mainsite .box_now .destaque.online,#atrawrapper.atrativa.mainsite .box_now .destaque.onlineNot{display:block; width:57px; height:32px; background:url('http://www.atrativa.com.br/img/sprites/search.png') 0 -32px no-repeat; margin:0;} #atrawrapper.atrativa.mainsite .box_now .destaque.download,#atrawrapper.atrativa.mainsite .box_now .destaque.downloadNot{display:block; width:58px; height:32px; background:url('http://www.atrativa.com.br/img/sprites/search.png') -57px -32px no-repeat; margin:0;} #atrawrapper.atrativa.mainsite .box_results .destaque.onlineNot,#atrawrapper.atrativa.mainsite .box_results .destaque.downloadNot{cursor:default; opacity:0.3; filter:alpha(opacity=30);} #atrawrapper.atrativa.mainsite #all_results .btn_action a{border-radius:5px; behavior:url('http://cdn.media.zylom.com/images/atrativa/partners/common/pie/PIE.php');} #atrawrapper.atrativa.mainsite .list_now .destaque.online,#atrawrapper.atrativa.mainsite .list_now .destaque.onlineNot{display:block; width:67px; height:37px; line-height:37px; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1224px repeat-x; margin:0;} #atrawrapper.atrativa.mainsite .list_now .destaque.download,#atrawrapper.atrativa.mainsite .list_now .destaque.downloadNot{display:block; width:67px; height:37px; line-height:37px; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/vertical_sprt.png') 0 -1144px repeat-x; margin:0; border-color:#036517;} #atrawrapper.atrativa.mainsite .destaque.online, #atrawrapper.atrativa.mainsite .destaque.download,#atrawrapper.atrativa.mainsite .destaque.onlineNot, #atrawrapper.atrativa.mainsite .destaque.downloadNot{position:absolute;} #atrawrapper.atrativa.mainsite .list_now .destaque.online, #atrawrapper.atrativa.mainsite .list_now .destaque.onlineNot{top:23px; right:97px;} #atrawrapper.atrativa.mainsite .list_now a.destaque.online:hover, #atrawrapper.atrativa.mainsite .list_now a.destaque.download:hover{top:29px;height:31px; padding-top:0; line-height:31px;} #atrawrapper.atrativa.mainsite .list_now a.destaque.onlineNot:hover, #atrawrapper.atrativa.mainsite .list_now a.destaque.downloadNot:hover{padding-top:0; } #atrawrapper.atrativa.mainsite .list_now .destaque.download, #atrawrapper.atrativa.mainsite .list_now .destaque.downloadNot{top:23px; right:8px;} #atrawrapper.atrativa.mainsite .list_now .img_link img{margin:0 15px 0 4px;} #atrawrapper.atrativa.mainsite .box_now .destaque.online,#atrawrapper.atrativa.mainsite .box_now .destaque.onlineNot{bottom:0px; left:0px;} #atrawrapper.atrativa.mainsite .box_now .destaque.download,#atrawrapper.atrativa.mainsite .box_now .destaque.downloadNot{bottom:0px; right:0px;} #atrawrapper.atrativa.mainsite .box_now .box_results h3{position:absolute; top:0px; width:100%; text-align:center;} #atra_search #atrawrapper.atrativa.mainsite .pub_date, #atra_search #atrawrapper.atrativa.mainsite .rating_value, #atra_search #atrawrapper.atrativa.mainsite .online_order, #atra_search #atrawrapper.atrativa.mainsite .download_order{ display:none; } #atrawrapper.atrativa.mainsite .online_off .online{ display:none; } #atrawrapper.atrativa.mainsite .download_off .download{display:none;} #atrawrapper.atrativa.mainsite .download_off .online_download,#atrawrapper.atrativa.mainsite .online_off .online_download{display:block;} #atrawrapper.atrativa.mainsite .download_off .online_download .btn_action .download, #atrawrapper.atrativa.mainsite .online_off .online_download .btn_action .online{display:none;} #atrawrapper.atrativa.mainsite .download_off.online_off .online_download,#atrawrapper.atrativa.mainsite .online_off.download_off .online_download{display:none;} #atra_search #atrawrapper.atrativa.mainsite .star-rating { float:left; width:90px; height:15px; cursor:default; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/star_rating/search/yellow.png'); } #atra_search #atrawrapper.atrativa.mainsite .texto_topo { min-height:250px;} #atra_search #atrawrapper.atrativa.mainsite #filter_it{height:100%; width:154px; cursor:default;} #atra_search #atrawrapper.atrativa.mainsite #filter_it:hover{ text-decoration:none;} #atra_search #atrawrapper.atrativa.mainsite #list_type{height:100%; width:59px; padding-left:9px;} #atra_search #atrawrapper.atrativa.mainsite #box_type{height:100%; width:56px;} #atra_search #atrawrapper.atrativa.mainsite #list_type img,#atra_search #atrawrapper.atrativa.mainsite #box_type img{ position:absolute; right:11px; top:9px;} #atra_search #atrawrapper.atrativa.mainsite #list_type img{right:8px;} #atra_search #atrawrapper.atrativa.mainsite .kids .genre a{ text-transform:capitalize;} #atrawrapper.atrativa.mainsite #filter_box {width:100%; margin:0 0 20px; background-color:#faefe1; min-height:100px; padding: 20px 0 50px; display:none;} #atrawrapper.atrativa.mainsite #filter_box li{width:255px; height:25px; line-height:25px; padding:6px 20px 3px 25px; cursor:pointer; text-decoration:underline;} #atrawrapper.atrativa.mainsite #filter_box li:hover{background-color:#ED7E12; text-decoration:none;} #atrawrapper.atrativa.mainsite #filter_box .selected,#atrawrapper.atrativa.mainsite #filter_box .selected:hover{background-color:#1489c7; color:#FFF;} #atrawrapper.atrativa.mainsite #filter_box li span{float:right;width:50px; text-align:center;} #atrawrapper.atrativa.mainsite #filter_box img{margin-right:14px; vertical-align:middle;} /* #filter_box li span bold{font-weight:bold; font-size-adjust:1px;} */ /* Filtros */ #atrawrapper.atrativa.mainsite .page_hidden{display:none;} #atrawrapper.atrativa.mainsite .page_now{display:block;} #atrawrapper.atrativa.mainsite .filtering .box_results{display:none;} #atra_search #atrawrapper.atrativa.mainsite .filtering_34 .cat_34{ display:block;} #atra_search #atrawrapper.atrativa.mainsite .filtering_35 .cat_35{ display:block;} #atra_search #atrawrapper.atrativa.mainsite .filtering_36 .cat_36{ display:block;} #atra_search #atrawrapper.atrativa.mainsite .filtering_37 .cat_37{ display:block;} #atra_search #atrawrapper.atrativa.mainsite .filtering_38 .cat_38{ display:block;} #atra_search #atrawrapper.atrativa.mainsite .filtering_39 .cat_39{ display:block;} #atra_search #atrawrapper.atrativa.mainsite .filtering_40 .cat_40{ display:block;} #atra_search #barra_dir{padding-bottom:20px; margin-bottom:20px;} #atra_search #atrawrapper.atrativa.mainsite .page_navigation{height:21px; line-height:21px; vertical-align:middle; text-align:center; float:right; margin-top:3px;} #atra_search #atrawrapper.atrativa.mainsite .page_navigation a{width:21px; height:21px; display:block; float:left; } #atra_search #atrawrapper.atrativa.mainsite .page_navigation .active_page{ background:#0469b8; color:#FFF; font-weight:bold; border-radius:5px; behavior:url('http://cdn.media.zylom.com/images/atrativa/partners/common/pie/PIE.php');} #atra_search #atrawrapper.atrativa.mainsite .page_navigation a #atra_arrow_left{height:13px; margin-top: 4px; width:12px; display:block; background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -182px -107px no-repeat; } #atra_search #atrawrapper.atrativa.mainsite .page_navigation a #atra_arrow_right{height:13px;margin-top: 4px; width:12px; display:block; background: url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/sprites/icons_sprt.png') -198px -107px no-repeat; } #atrawrapper.atrativa.mainsite .img_link{position:relative;} #atrawrapper.atrativa.mainsite .img_link .img_link_tl{position:absolute; top:-1px; left:-1px; width:6px; height:5px;} #atrawrapper.atrativa.mainsite .img_link .img_link_tr{position:absolute; top:-1px; right:-1px; width:6px; height:5px;} #atrawrapper.atrativa.mainsite .img_link .img_link_bl{position:absolute; bottom:-1px; left:-1px; width:6px; height:5px;} #atrawrapper.atrativa.mainsite .img_link .img_link_br{position:absolute; bottom:-1px; right:-1px; width:6px; height:5px;} #atrawrapper.atrativa.mainsite .clube .genre a{color:#237423;} #atrawrapper.atrativa.mainsite .list_now .img_link .img_link_tl,#atrawrapper.atrativa.mainsite .list_now .img_link .img_link_tr,#atrawrapper.atrativa.mainsite .list_now .img_link .img_link_bl,#atrawrapper.atrativa.mainsite .list_now .img_link .img_link_br{display:none;} /* FIM SEARCH */ /* INICIO FUNPASS */ #atrawrapper.atrativa.mainsite #funpass_wrapper{ margin:0 auto; width:915px; background:url('http://cdn.media.zylom.com/images/atrativa/partners/common/img/funpass/bg.jpg') no-repeat; overflow:hidden; position:relative; height: 1270px; } #atrawrapper.atrativa.mainsite #funpass_wrapper h4 { margin: 0 0 10px 0; } #atrawrapper.atrativa.mainsite #funpass_wrapper p { margin: 10px 0 0 0; } #atrawrapper.atrativa.mainsite #funpass_wrapper p, #atrawrapper.atrativa.mainsite #funpass_wrapper li{ color:#333333; } #atrawrapper.atrativa.mainsite #box_screenshot p, #atrawrapper.atrativa.mainsite p#promo_footer { color:#333; } #atrawrapper.atrativa.mainsite #funpass_wrapper ul{ list-style-type:circle; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_logo{ position:absolute; top:20px; left:60px; display:block; width:355px; height:459px; text-indent:-9999px; z-index: 10; } #atrawrapper.atrativa.mainsite #funpass_wrapper.atra_language_pt-br #box_logo{background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/legendadas/pt-br/funpass_girl.png) no-repeat;} #atrawrapper.atrativa.mainsite #funpass_wrapper.atra_language_es-xl #box_logo{background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/legendadas/es-xl/funpass_girl.png) no-repeat;} #atrawrapper.atrativa.mainsite #funpass_wrapper #box_description{ position:absolute; top:30px; right:25px; width:465px; height:400px; background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/funpass/characters.png) right bottom no-repeat; } #atrawrapper.atrativa.mainsite #funpass_wrapper .box_sub_desc{ font-size:14px; width:405px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_description p strong{ font-size:16px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_description p#title_char{ width:447px; height:114px; text-indent:-9999px; position:relative; left:32px; display:block; } #atrawrapper.atrativa.mainsite #funpass_wrapper.atra_language_pt-br #box_description p#title_char{background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/legendadas/pt-br/funpass_title.png) no-repeat;} #atrawrapper.atrativa.mainsite #funpass_wrapper.atra_language_es-xl #box_description p#title_char{background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/legendadas/es-xl/funpass_title.png) no-repeat;} #atrawrapper.atrativa.mainsite #funpass_wrapper #box_description ul{ position:relative; left:10px; top:-30px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_desc_text{ position:relative; left:-20px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_description ul li{ font-size:12px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_tutorial{ position:absolute; top:430px; left:51px; background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/funpass/bg_box.png) no-repeat; width:813px; height:281px; text-align:center; padding-top:14px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_games_funpass{ position:relative; top:720px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_games_funpass h3{ display:block; width:100%; height:39px; margin:10px auto; text-indent:-9999px; } #atrawrapper.atrativa.mainsite #funpass_wrapper.atra_language_pt-br #box_games_funpass h3{background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/legendadas/pt-br/funpass_title2.png) center no-repeat;} #atrawrapper.atrativa.mainsite #funpass_wrapper.atra_language_es-xl #box_games_funpass h3{background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/legendadas/es-xl/funpass_title2.png) center no-repeat;} #atrawrapper.atrativa.mainsite #funpass_wrapper #box_screenshot{ float:left; width:395px; margin:0 0 0 55px; text-align:left; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_screenshot h4{ color:#447ABA; font-weight:bold; text-transform:uppercase; font-size:18px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_screenshot p{ font-size:12px; display:none; } #atrawrapper.atrativa.mainsite #funpass_wrapper #box_thumbs{ width:390px; position:absolute; left:485px; } #atrawrapper.atrativa.mainsite #funpass_wrapper .thumbs{ width:94px; height:94px; background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/funpass/bg_thumb.png) no-repeat; float:left; margin:0 3px 3px 0; text-align:left; } #atrawrapper.atrativa.mainsite #funpass_wrapper .thumbs img{ margin: 4px 0 0 4px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #screenshot{ width:405px; height:274px; background:url(http://cdn.media.zylom.com/images/atrativa/partners/common/img/funpass/bg_screen.png) no-repeat; text-align:left; } #atrawrapper.atrativa.mainsite #funpass_wrapper #screenshot img{ margin: 4px 0 0 4px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #btn_call_assine{ position:relative; left:15px; top:-20px; } #atrawrapper.atrativa.mainsite #funpass_wrapper #btn_call_assine a{ /* display:block; width:182px; height:32px; background:url(../img/funpass/btn_assine.png) no-repeat; text-align:center; color:#FFFFFF; text-transform:uppercase; color:#9e1111; font-weight:bold; font-size:18px; padding:7px 0 0 0;*/ } #atrawrapper.atrativa.mainsite #funpass_wrapper #tag_promo{ display:block; width:388px; height:180px; /*background:url(../img/funpass/etiqueta_promo_funpass.png) no-repeat; */ position:absolute; top:232px; left:0px; text-indent:-9999px; z-index: 11; } #atrawrapper.atrativa.mainsite #funpass_wrapper #promo_footer{ position: absolute; text-align: center; bottom: 20px; display: block; width: 100%; clear:both; } /* INICIO SUPERMARKET */ #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket { width:100%; float:left; margin-bottom:28px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket li{ float:left; margin:auto;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket div{margin:auto;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .big_one li .super_img, #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .med_one li .super_img,#atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .small_one li.super_img{border-right:1px solid #c4c4c4; } #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .big_one li .super_img{ padding:0 40px 5px 40px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .med_one li .super_img{ padding:0 40px 12px 40px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .small_one li .super_img{ padding:0 22px 10px 22px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket .divBar{ margin-bottom:15px; width:100%;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket div img, #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket div li img{ padding:0px; border:none; } #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .big_one li{/*width:298px;*/ width: 200px; } #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .med_one li{width:205px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .small_one li{width:144px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .big_one .box_super {margin-left:15px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .med_one .box_super{margin-left:10px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .small_one .box_super{margin-left:30px;} /* .big_one .centralBox{ width:308px;} .med_one .centralBox{ width:162px;} .small_one .centralBox{ width:124px;} */ #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket .lastCell .super_img {border-right:none;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .buttonAndMore ul,#atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket .buttonAndMore li{width:100%;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .big_one .buttonAndMore{width:218px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .med_one .buttonAndMore{width:160px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .small_one .buttonAndMore{width:140px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .buttonAndMore p{text-align:center; width:100%;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .box_supermarket .buttonAndMore img{margin:auto; display:block;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .buy_button { position: relative; top:-10px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .termos{ width:100%; height:20px;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket .termos p{ width:100%; text-align:center;} #atrawrapper.atrativa.mainsite #atra_supermarket.atra_supermarket #barra_esq .funpass{margin-top:30px;}