/* CSS Document */ /* ============================= */ /* ========= reset css ========= */ /* ============================= */ /* ============================= */ /* ========= container ========= */ /* ============================= */ /* COLLAPSE */ div.arrow-wrapper { cursor: pointer; display: inline-block; width: 33px; height: 33px; position: absolute; left: 0; top: 0; } span.arrow { position: relative; top: 12px; left: 8px; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid transparent; border-bottom: none; border-right: 5px solid transparent; } .collapsed div.arrow-wrapper span.arrow { top: 8px; left: 12px; border-top: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 5px solid transparent; border-right: none; } /* SPECIFIC ARROW */ div.box div.arrow-wrapper { right: 20px; left: auto; top: 15px; } div.betslip-header div.arrow-wrapper { right: 11px; left: auto; top: 13px; } div.red div.arrow-wrapper { background:url(/html/images/placard/icons/red_arrow_open.png) no-repeat } div.gray div.arrow-wrapper { right: 20px; left: auto; top: 15px; } div.black div.arrow-wrapper { right: 20px; left: auto; top: 15px; } div.white div.arrow-wrapper { background:url(/html/images/placard/icons/red_arrow_open.png) no-repeat } div.white.collapsed div.arrow-wrapper { background:url(/html/images/placard/icons/red_arrow_closed.png) no-repeat } div.gray div.arrow-wrapper { background:url(/html/images/placard/icons/grey_arrow_open.png) no-repeat } div.gray.collapsed div.arrow-wrapper { background:url(/html/images/placard/icons/grey_arrow_closed.png) no-repeat } /* WRAPPER */ div.contentMain div.main { margin-right: 320px; margin-left: 211px; background: #fff; } div.contentMain div.main.homepage { width: 960px; } ul li span.left { text-align: left; } /* CHECKBOX */ label { line-height: 24px; font-size: 12px; padding: 2px; } div.main input[type="checkbox"] { position: absolute; left: -99999px; } div.main input[type="checkbox"] + label { position: relative; overflow: hidden; padding-left: 24px; background: url(/html/images/backgrounds/checkbox.png) no-repeat; background-position: 2px 2px; display: block; cursor: pointer; } div.main input[type="checkbox"] + label span { display: block; top: 36px; left: 0; position: absolute; width: 20px; height: 20px; background-color: white; } div.main input[type="checkbox"] + label.checked { background-position: 2px -38px; } div.main input[type="checkbox"]:checked + label { background-position: 2px -38px; } .betslip-tabs-bets input[type="checkbox"] { position: absolute; left: -99999px; } .betslip-tabs-bets input[type="checkbox"] + label { background: url(/html/images/backgrounds/checkbox.png) no-repeat; background-position: 2px 3px; display: block; cursor: pointer; height: 24px; width: 24px; } .betslip-tabs-bets input[type="checkbox"] + label.checked { background-position: 2px -37px; } .betslip-tabs-bets input[type="checkbox"]:checked + label { background-position: 2px -37px; } /* RADIO */ input[type="radio"] { position: absolute; left: -99999px; } input[type="radio"] + label { background: url(/html/images/backgrounds/radio.png) no-repeat; background-position: 2px 4px; display: block; cursor: pointer; color: #fff; padding-left: 25px; } input[type="radio"] + label.checked { background-position: 2px -32px; } input[type="radio"]:checked + label { background-position: 2px -32px; } /* ICONS */ /* Alterar a posição das imagens do menu para o centro .bask_2 { background-image: url(/html/images/placard/icons/grey_bask_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 14%} .bask_2.active, .bask_2.selected, .bask_2:hover { background-image: url(/html/images/placard/icons/black_bask_2.png); } .foot_2 { background-image: url(/html/images/placard/icons/grey_foot_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 14%} .foot_2.active, .foot_2.selected, .foot_2:hover { background-image: url(/html/images/placard/icons/black_foot_2.png); } .tenn_2 { background-image: url(/html/images/placard/icons/grey_tenn_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 14%} .tenn_2.active, .tenn_2.selected, .tenn_2:hover { background-image: url(/html/images/placard/icons/black_tenn_2.png); } */ /*MENU MENOS DE 4 ITEMS START*/ .width33 .bask_2 { background-image: url(/html/images/placard/icons/grey_bask_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .bask_2.active, .width33 .bask_2.selected, .width33 .bask_2:hover { background-image: url(/html/images/placard/icons/black_bask_2.png); } .width33 .foot_2 { background-image: url(/html/images/placard/icons/grey_foot_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .foot_2.active, .width33 .foot_2.selected, .width33 .foot_2:hover { background-image: url(/html/images/placard/icons/black_foot_2.png); } .width33 .tenn_2 { background-image: url(/html/images/placard/icons/grey_tenn_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .tenn_2.active, .width33 .tenn_2.selected, .width33 .tenn_2:hover { background-image: url(/html/images/placard/icons/black_tenn_2.png); } /*New Sports*/ .width33 .amfb_2 { background-image: url(/html/images/placard/icons/grey_amfb_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .amfb_2.active, .width33 .amfb_2.selected, .width33 .amfb_2:hover { background-image: url(/html/images/placard/icons/black_amfb_2.png); } .width33 .hand_2 { background-image: url(/html/images/placard/icons/grey_hand_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .hand_2.active, .width33 .hand_2.selected, .width33 .hand_2:hover { background-image: url(/html/images/placard/icons/black_hand_2.png); } .width33 .voll_2 { background-image: url(/html/images/placard/icons/grey_voll_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .voll_2.active, .width33 .voll_2.selected, .width33 .voll_2:hover { background-image: url(/html/images/placard/icons/black_voll_2.png); } .width33 .rugu_2 { background-image: url(/html/images/placard/icons/grey_rugu_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .rugu_2.active, .width33 .rugu_2.selected, .width33 .rugu_2:hover { background-image: url(/html/images/placard/icons/black_rugu_2.png); } .width33 .futs_2 { background-image: url(/html/images/placard/icons/grey_futs_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .futs_2.active, .width33 .futs_2.selected, .width33 .futs_2:hover { background-image: url(/html/images/placard/icons/black_futs_2.png); } .width33 .beac_2 { background-image: url(/html/images/placard/icons/grey_beac_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .beac_2.active, .width33 .beac_2.selected, .width33 .beac_2:hover { background-image: url(/html/images/placard/icons/black_beac_2.png); } .width33 .rink_2 { background-image: url(/html/images/placard/icons/grey_rink_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .rink_2.active, .width33 .rink_2.selected, .width33 .rink_2:hover { background-image: url(/html/images/placard/icons/black_rink_2.png); } .width33 .iceh_2 { background-image: url(/html/images/placard/icons/grey_iceh_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width33 .iceh_2.active, .width33 .iceh_2.selected, .width33 .iceh_2:hover { background-image: url(/html/images/placard/icons/black_iceh_2.png); } .width50 .bask_2 { background-image: url(/html/images/placard/icons/grey_bask_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .bask_2.active, .width50 .bask_2.selected, .width50 .bask_2:hover { background-image: url(/html/images/placard/icons/black_bask_2.png); } .width50 .foot_2 { background-image: url(/html/images/placard/icons/grey_foot_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .foot_2.active, .width50 .foot_2.selected, .width50 .foot_2:hover { background-image: url(/html/images/placard/icons/black_foot_2.png); } .width50 .tenn_2 { background-image: url(/html/images/placard/icons/grey_tenn_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .tenn_2.active, .width50 .tenn_2.selected, .width50 .tenn_2:hover { background-image: url(/html/images/placard/icons/black_tenn_2.png); } /*New Sports*/ .width50 .amfb_2 { background-image: url(/html/images/placard/icons/grey_amfb_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .amfb_2.active, .width50 .amfb_2.selected, .width50 .amfb_2:hover { background-image: url(/html/images/placard/icons/black_amfb_2.png); } .width50 .hand_2 { background-image: url(/html/images/placard/icons/grey_hand_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .hand_2.active, .width50 .hand_2.selected, .width50 .hand_2:hover { background-image: url(/html/images/placard/icons/black_hand_2.png); } .width50 .voll_2 { background-image: url(/html/images/placard/icons/grey_voll_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .voll_2.active, .width50 .voll_2.selected, .width50 .voll_2:hover { background-image: url(/html/images/placard/icons/black_voll_2.png); } .width50 .rugu_2 { background-image: url(/html/images/placard/icons/grey_rugu_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .rugu_2.active, .width50 .rugu_2.selected, .width50 .rugu_2:hover { background-image: url(/html/images/placard/icons/black_rugu_2.png); } .width50 .futs_2 { background-image: url(/html/images/placard/icons/grey_futs_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .futs_2.active, .width50 .futs_2.selected, .width50 .futs_2:hover { background-image: url(/html/images/placard/icons/black_futs_2.png); } .width50 .beac_2 { background-image: url(/html/images/placard/icons/grey_beac_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .beac_2.active, .width50 .beac_2.selected, .width50 .beac_2:hover { background-image: url(/html/images/placard/icons/black_beac_2.png); } .width50 .rink_2 { background-image: url(/html/images/placard/icons/grey_rink_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .rink_2.active, .width50 .rink_2.selected, .width50 .rink_2:hover { background-image: url(/html/images/placard/icons/black_rink_2.png); } .width50 .iceh_2 { background-image: url(/html/images/placard/icons/grey_iceh_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width50 .iceh_2.active, .width50 .iceh_2.selected, .width50 .iceh_2:hover { background-image: url(/html/images/placard/icons/black_iceh_2.png); } .width100 .bask_2 { background-image: url(/html/images/placard/icons/grey_bask_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .bask_2.active, .width100 .bask_2.selected, .width100 .bask_2:hover { background-image: url(/html/images/placard/icons/black_bask_2.png); } .width100 .foot_2 { background-image: url(/html/images/placard/icons/grey_foot_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .foot_2.active, .width100 .foot_2.selected, .width100 .foot_2:hover { background-image: url(/html/images/placard/icons/black_foot_2.png); } .width100 .tenn_2 { background-image: url(/html/images/placard/icons/grey_tenn_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .tenn_2.active, .width100 .tenn_2.selected, .width100 .tenn_2:hover { background-image: url(/html/images/placard/icons/black_tenn_2.png); } /*New Sports*/ .width100 .amfb_2 { background-image: url(/html/images/placard/icons/grey_amfb_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .amfb_2.active, .width100 .amfb_2.selected, .width100 .amfb_2:hover { background-image: url(/html/images/placard/icons/black_amfb_2.png); } .width100 .hand_2 { background-image: url(/html/images/placard/icons/grey_hand_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .hand_2.active, .width100 .hand_2.selected, .width100 .hand_2:hover { background-image: url(/html/images/placard/icons/black_hand_2.png); } .width100 .voll_2 { background-image: url(/html/images/placard/icons/grey_voll_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .voll_2.active, .width100 .voll_2.selected, .width100 .voll_2:hover { background-image: url(/html/images/placard/icons/black_voll_2.png); } .width100 .rugu_2 { background-image: url(/html/images/placard/icons/grey_rugu_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .rugu_2.active, .width100 .rugu_2.selected, .width100 .rugu_2:hover { background-image: url(/html/images/placard/icons/black_rugu_2.png); } .width100 .futs_2 { background-image: url(/html/images/placard/icons/grey_futs_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .futs_2.active, .width100 .futs_2.selected, .width100 .futs_2:hover { background-image: url(/html/images/placard/icons/black_futs_2.png); } .width100 .beac_2 { background-image: url(/html/images/placard/icons/grey_beac_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .beac_2.active, .width100 .beac_2.selected, .width100 .beac_2:hover { background-image: url(/html/images/placard/icons/black_beac_2.png); } .width100 .rink_2 { background-image: url(/html/images/placard/icons/grey_rink_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .rink_2.active, .width100 .rink_2.selected, .width100 .rink_2:hover { background-image: url(/html/images/placard/icons/black_rink_2.png); } .width100 .iceh_2 { background-image: url(/html/images/placard/icons/grey_iceh_2.png); background-repeat: no-repeat;background-position: 20px 13px; background-size:32px;} .width100 .iceh_2.active, .width100 .iceh_2.selected, .width100 .iceh_2:hover { background-image: url(/html/images/placard/icons/black_iceh_2.png); } /*MENU MENOS DE 4 ITEMS END*/ .bask_2 { background-image: url(/html/images/placard/icons/grey_bask_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .bask_2.active, .bask_2.selected, .bask_2:hover { background-image: url(/html/images/placard/icons/black_bask_2.png); } .foot_2 { background-image: url(/html/images/placard/icons/grey_foot_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .foot_2.active, .foot_2.selected, .foot_2:hover { background-image: url(/html/images/placard/icons/black_foot_2.png); } .tenn_2 { background-image: url(/html/images/placard/icons/grey_tenn_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .tenn_2.active, .tenn_2.selected, .tenn_2:hover { background-image: url(/html/images/placard/icons/black_tenn_2.png); } /*New Sports*/ .amfb_2 { background-image: url(/html/images/placard/icons/grey_amfb_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .amfb_2.active, .amfb_2.selected, .amfb_2:hover { background-image: url(/html/images/placard/icons/black_amfb_2.png); } .hand_2 { background-image: url(/html/images/placard/icons/grey_hand_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .hand_2.active, .hand_2.selected, .hand_2:hover { background-image: url(/html/images/placard/icons/black_hand_2.png); } .voll_2 { background-image: url(/html/images/placard/icons/grey_voll_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .voll_2.active, .voll_2.selected, .voll_2:hover { background-image: url(/html/images/placard/icons/black_voll_2.png); } .rugu_2 { background-image: url(/html/images/placard/icons/grey_rugu_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .rugu_2.active, .rugu_2.selected, .rugu_2:hover { background-image: url(/html/images/placard/icons/black_rugu_2.png); } .futs_2 { background-image: url(/html/images/placard/icons/grey_futs_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .futs_2.active, .futs_2.selected, .futs_2:hover { background-image: url(/html/images/placard/icons/black_futs_2.png); } .beac_2 { background-image: url(/html/images/placard/icons/grey_beac_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .beac_2.active, .beac_2.selected, .beac_2:hover { background-image: url(/html/images/placard/icons/black_beac_2.png); } .rink_2 { background-image: url(/html/images/placard/icons/grey_rink_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .rink_2.active, .rink_2.selected, .rink_2:hover { background-image: url(/html/images/placard/icons/black_rink_2.png); } .iceh_2 { background-image: url(/html/images/placard/icons/grey_iceh_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 15%} .iceh_2.active, .iceh_2.selected, .iceh_2:hover { background-image: url(/html/images/placard/icons/black_iceh_2.png); } /* ICONS EVENTOS */ td.bask_2 { background-image: url(/html/images/placard/icons/grey_bask_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.bask_2.active, td.bask_2.selected, td.bask_2:hover { background-image: url(/html/images/placard/icons/black_bask_2.png); } td.foot_2 { background-image: url(/html/images/placard/icons/grey_foot_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.foot_2.active, td.foot_2.selected, td.foot_2:hover { background-image: url(/html/images/placard/icons/black_foot_2.png); } td.tenn_2 { background-image: url(/html/images/placard/icons/grey_tenn_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.tenn_2.active, td.tenn_2.selected, td.tenn_2:hover { background-image: url(/html/images/placard/icons/black_tenn_2.png); } /*New Sports*/ td.amfb_2 { background-image: url(/html/images/placard/icons/grey_amfb_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.amfb_2.active, td.amfb_2.selected, td.amfb_2:hover { background-image: url(/html/images/placard/icons/black_amfb_2.png); } td.hand_2 { background-image: url(/html/images/placard/icons/grey_hand_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.hand_2.active, td.hand_2.selected, td.hand_2:hover { background-image: url(/html/images/placard/icons/black_hand_2.png); } td.voll_2 { background-image: url(/html/images/placard/icons/grey_voll_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.voll_2.active, td.voll_2.selected, td.voll_2:hover { background-image: url(/html/images/placard/icons/black_voll_2.png); } td.rugu_2 { background-image: url(/html/images/placard/icons/grey_rugu_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.rugu_2.active, td.rugu_2.selected, td.rugu_2:hover { background-image: url(/html/images/placard/icons/black_rugu_2.png); } td.futs_2 { background-image: url(/html/images/placard/icons/grey_futs_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.futs_2.active, td.futs_2.selected, td.futs_2:hover { background-image: url(/html/images/placard/icons/black_futs_2.png); } td.beac_2 { background-image: url(/html/images/placard/icons/grey_beac_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.beac_2.active, td.beac_2.selected, td.beac_2:hover { background-image: url(/html/images/placard/icons/black_beac_2.png); } td.rink_2 { background-image: url(/html/images/placard/icons/grey_rink_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.rink_2.active, td.rink_2.selected, td.rink_2:hover { background-image: url(/html/images/placard/icons/black_rink_2.png); } td.iceh_2 { background-image: url(/html/images/placard/icons/grey_iceh_2.png); background-repeat: no-repeat;background-position: 33px 18px; background-size: 60%} td.iceh_2.active, td.iceh_2.selected, td.iceh_2:hover { background-image: url(/html/images/placard/icons/black_iceh_2.png); } /* CONTENT MAIN */ div.contentMain div.header { position: relative; } div.main div.header { line-height: 60px; } div.main div.header h2 { padding-left: 20px; } div.main div.header h3 { padding: 0 0 20px 20px; } div.main div.red.header { position: relative; background:url(/html/images/placard/degrades/red_degrade_60px.png) repeat-x; } div.main > div.header h2 { } div.next > div.header h3, div.carrousel > div.header h3, div.highligths > div.header h3 { text-transform: uppercase; } div.main p.empty { padding: 20px; font-family: OswaldBook; font-size: 14px; font-weight: bold; text-align: center; color: #5B5B5B; } div.main h3 { } div.aside.right { width: 320px; } /* INIT HP CAROUSEL */ .main .slideshow { background-color: #3f3f3f; } .slideshow .blockSingleCarousel { position: relative; z-index:2 !important; width: 960px !important; height: 627px !important; } .blockSingleCarousel .jCarouselLite { visibility: hidden; margin: auto; } .blockSingleCarousel .jCarouselLite ul { margin: 0; } .blockSingleCarousel .jCarouselLite li { width: 960px !important; height: 627px !important; } .blockSingleCarousel .jCarouselLite li img { width: 960px !important; height: 460px !important; } .blockSingleCarousel .jCarouselLite li div.title { width: 750px !important; height: 167px !important; color: #fff; padding-left: 30px; font-size: 38px; overflow: hidden; display: table; } .blockSingleCarousel .jCarouselLite li div.title h3 { display: table-cell; vertical-align: middle; } .blockSingleCarousel .carouselPagination { height: 167px; width: 150px; background-color: #3f3f3f; z-index: 3; position: absolute; bottom: 0; right: 0; display: table; } .blockSingleCarousel .carouselPagination ul { width: 23px; display: table-cell; padding-right: 62px; vertical-align: middle; } .blockSingleCarousel .carouselPagination ul li { width: 100%; height: 19px; padding: 2px 0 2px 0; } .blockSingleCarousel .carouselPagination ul li a { width: 21px; height:17px; display:block; text-indent:-9000px; background: url(/html/images/placard/icons/carouselHomepage.png) no-repeat left top; } .blockSingleCarousel .carouselPagination ul li a:hover {background: url(/html/images/placard/icons/carouselHomepage.png) no-repeat left -28px;} .blockSingleCarousel .carouselPagination ul li.selected a {background: url(/html/images/placard/icons/carouselHomepage.png) no-repeat left -28px !important;} .blockSingleCarousel .carouselPagination a:hover, .blockSingleCarousel .carouselPagination a:active { border: none; outline: none; } /*Destaques*/ div.main .carrousel .carrouselTabs li.width25 { width:25%;} div.main .carrousel .carrouselTabs li.width33 { width:33.33%;} div.main .carrousel .carrouselTabs li.width50 { width:50%;} div.main .carrousel .carrouselTabs li.width100 { width:100%} /*Destaques*/ /* EVENTPATHTREE */ div.main .content li { position: relative; cursor: pointer; } div.main .content li.width8 { width:25%;} div.main .content li.width9 { width:25%;} div.main .content li.width10 { width:25%;} div.main .content li.width11 { width:25%;} div.main .content li.width12 { width:25%;} div.main .content li.width13 { width:25%;} div.main .content li.width14 { width:25%;} div.main .content li.width16 { width:25%;} div.main .content li.width17 { width:25%;} div.main .content li.width20 { width:25%;} div.main .content li.width25 { width:25%;} div.main .content li.width33 { width:33.33%;} div.main .content li.width50 { width:50%;} div.main .content li.width100 { width:100%;} div.main .content li a { padding-left: 59px; display: block; vertical-align: middle; font-size:11px; } /*MENU MENOS DE 4 ITEMS*/ div.main .content li.width33 a { padding-left: 60px; display: block; vertical-align: middle; font-size:16px; } div.main .content li.width50 a { padding-left: 60px; display: block; vertical-align: middle; font-size:16px;} div.main .content li.width100 a { padding-left: 60px; display: block; vertical-align: middle; font-size:16px;} /* first level */ div.main .eventpathtree .content > li { display: inline-block; } div.main .eventpathtree .content > li > a { background-color: #262626; color: #ffffff; line-height: 60px;} div.main .eventpathtree .content > li > a.active, div.main .eventpathtree .content > li > a.selected, div.main div.eventpathtree .content > li > a:hover { background-color: #ef3e45; } div.main .eventpathtree .content li ul { position: absolute; width: 100%; } div.main div.eventpathtree .content > li > ul { display: none; } div.main div.eventpathtree .content > li:hover > ul { display: block; } /* second level */ div.main div.eventpathtree > .content li ul li { z-index: 100; } div.main div.eventpathtree > .content li ul li > a { background-color: #d4373e; line-height: 30px; padding: 0px; color: #f0b5b5; text-align:center; } div.main div.eventpathtree > .content li ul li:hover > a { background-color: #d4373e; color: #ffffff;} /* SETAS LATERAIS */ div.main .eventpathtree { width:640px; position:relative;} div.rightarrow {background-color: #262626 ; font-size:55px; display:block; CURSOR:POINTER; vertical-align:middle; height:60px; line-height:60px; z-index:10; position:absolute; width:29px; text-align:center; right:0px;} div.leftarrow {background-color: #262626 ; font-size:55px; display:none; CURSOR:POINTER; vertical-align:middle; height:60px; line-height:60px; z-index:9; position:absolute; float:left; width:29px; text-align:center; } div.rightarrow a {color:white; padding: 0; width: 29px; height: 60px; line-height: 60px; vertical-align: middle; top: -4px; position: relative; display: block; } div.leftarrow a {color:white; padding: 0; width: 29px; height: 60px; line-height: 60px; vertical-align: middle; top: -4px; position: relative; display: block; } div.leftarrow:hover {background-color:grey; color:white; opacity: 1; } div.rightarrow:hover {background-color:grey; color:white; opacity: 1;} div.leftarrow a:hover { color:white;} div.rightarrow a:hover { color:white;} /* SECTIONS */ div.section > div.header h3 { text-transform: uppercase; } div.section > div + div.header { /* margin-top: 10px; */ } div.section div.content { overflow: hidden; } /* div.section div.content div.button input[type="submit"] { cursor: pointer; background-color: #5a5a5a; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; font-size: 13px; color: #ffffff; border: none; padding: 5px 30px 5px 15px; margin: 0; } div.section div.content div.button { cursor: pointer; border: none; position: relative; } div.section div.content div.button span.confirm { position: absolute; right: 15px; top: 8px; width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid #ffffff; border-bottom: 5px solid transparent; border-right: none; } */ /* BETRADAR ICON */ a.betradar-icon { text-indent: -99999px; width: 13px; height: 13px; background:url(/html/images/placard/icons/statistics.png); background-repeat: no-repeat; display: inline-block; padding: 0!important; } /* MARKET FILTERS */ div.filters { cursor: pointer; display: inline-block; position: absolute; left: auto; right: 18px; top: 17px; } /* MAIN.JSP */ /* CARROUSEL SECTION */ div.carrousel ul.carrouselTabs li { display: inline-block; } div.carrousel ul.carrouselTabs li a { line-height: 60px; padding-left: 15px; white-space: nowrap; text-transform: uppercase; background-color: #262626; color: #ffffff; font-size: 16px;} div.carrousel ul.carrouselTabs li.active a, div.carrousel ul.carrouselTabs li a:hover { background-color: #ef3e45; } /* carrousel slideshow */ div.slideshowHeader ul.imageTabs { width: 640px; text-align: center; height: 65px; } div.slideshowHeader ul.imageTabs li { width: 15px; height: 0px; display: inline-block; z-index: 1; } div.slideshowHeader ul.imageTabs li a { width: 15px; height: 17px; display: block; text-indent: -9000px; background: url(/html/images/placard/icons/carousel.png) no-repeat left top 2px; } div.slideshowHeader ul.imageTabs li.active a, div.slideshowHeader ul.imageTabs li a:hover { background: url(/html/images/placard/icons/carousel.png) no-repeat left -28px !important; } .showCarrouselContent { margin-bottom: 30px; text-align: left; overflow: hidden; } .showCarrouselContent .titleCarrouselEvent { padding: 13px 0 0 15px; } .showCarrouselContent .titleCarrouselContent { padding: 0 0 13px 15px; margin-top: -10px; } .showCarrouselContent .txtCarrouselContent { padding-left: 15px; } .showCarrouselContent .imgCarrouselContent img { width: 640px; height: 306px; } /* LAST MINUTE SECTION */ div.next div.header h3 { padding: 0 0 0 20px; } div.next div.header h3.black-letters { margin-top: -29px; } /* HIGHLIGHTS SECTION */ div.main .highlights { width:640px; position:relative; } div.highlights ul.highlightsTabs li { display: inline-block; } div.highlights ul.highlightsTabs li a { line-height: 60px; text-transform: uppercase; background-color: #262626; color: #ffffff; } div.highlights ul.highlightsTabs li.active a, div.highlights ul.highlightsTabs li a:hover { background-color: #ef3e45; } .showHighlightContent { position:relative; margin-bottom: 30px; text-align: left; overflow: hidden;} .showHighlightContent .titleHighlightEvent { padding: 13px 0 0 15px; } .showHighlightContent .titleHighlightContent { padding: 0 0 13px 15px; margin-top: -10px; } .showHighlightContent .txtHighlightContent { padding-left: 15px; } .showHighlightContent .txtHighlightContent a { } .showHighlightContent .txtHighlightContent a:hover { text-decoration: underline; } .showHighlightContent .imgHighlightContent img { width: 640px; height: 306px; } div.highlights div.content h3 { padding: 10px 0; } div.highlights div.content h4 { color: #5b5b5b !important; } /* EVENTS */ div.header.event > a { margin: 15px 24px 0 0; width: 30px; height: 30px; background:url(/html/images/placard/icons/statistics2.png); background-repeat: no-repeat; } /* RESULTS */ div.main div.results.section { } div.main div.results.section label { line-height: 16px; padding: 2px 5px 2px 30px; color: #5B5B5B; background-position: 2px 9px; } div.main div.results.section input[type="radio"]:checked + label, div.main div.results.section input[type="radio"] + label.checked { background-position: 2px -26px; } div.main div.results.section div.filter { padding: 10px 15px 50px 40px; overflow: visible; } div.main div.results.section div.filter div.option { height: 32px; } div.main div.results.section div.content ul { } div.main div.results.section div.content ul li { padding: 5px 20px 5px 60px; display: block; line-height: 24px; text-align: center; } div.main div.results.section div.content ul li a { color: #5a5a5a; padding: 0 60px 0 0; font-size: 16px; } div.main div.results.section div.content ul li a:hover { color: #ef3e45; } div.main div.results.section div.content ul li + li { border-top: 1px solid #fff; } div.main div.results.section div.content div.errorMsg { line-height: 11px; min-height: 11px; font-family: OswaldBook; font-size: 12px; text-align: right; color: #ef3e45; margin: 10px 0px; } div.main div.results.section div.content p.empty { padding: 20px; font-family: OswaldBook; font-size: 12px; text-align: center; color: #5B5B5B; } div.results.section label[for='resultsPerTime'] { overflow: hidden; } div.results.section span.dateSelect { background: url("/html/images/backgrounds/btn-links.png") no-repeat scroll left -271px transparent; line-height: 32px; height: 32px; } div.results.section span.optionWrapper > span { display: block; float: left; position: relative; } div.results.section span.optionWrapper span.text { top: 8px; margin: 0 10px} div.results.section input.datepicker { background: url("/html/images/backgrounds/input-date.png") no-repeat scroll right -31px transparent; border: none; line-height: 32px; height:32px; width: 100px; padding: 0 20px; cursor: pointer; margin:0; font-family: Oswaldbook; font-size: 13px; } div.results.section div.button input[type="submit"] { width: 140px; height: 40px; background: url("/html/images/placard/btns/btn_pesquisar_gray.png") no-repeat; border: none; color: transparent; } /* TABLE */ table.wide-table-qrcode { width: 100%; border-collapse: separate; border-spacing: 1px; table-layout: fixed; margin-left: -1px; margin-top: -1px; font-size: 13px; vertical-align: middle;} table.wide-table-qrcode tr { } table.wide-table-qrcode tr td.titleMrkts { width: 30px; height: 45px; text-align: center; font-weight: bold; border: 1px solid black; vertical-align: middle;} table.wide-table-qrcode tr td.mrkts { width: 30px; height: 45px; text-align: center; font-weight: normal; border: 1px solid black; vertical-align: middle;} /*SIMBOLO ATRAS*/ table.wide-table tr td.simbol { width: 45px; text-align: center; background-position:center;} table a { color: #5b5b5b; } table .right a { float: left; padding: 0 3px; } table.wide-table { width: 642px; border-collapse: separate; border-spacing: 1px; table-layout: fixed; margin-left: -1px; margin-top: -1px; font-size: 16px; font-weight: normal;} table.wide-table tr { } table.wide-table tr td { position: relative; vertical-align: middle; background-color: #E8E8E8; color: #5B5B5B;} table.wide-table tr td span.red_highlight { color: #ef3e45; display: inline; } table.wide-table tr td.title { padding: 5px 5px 5px 5px; } table.wide-table tr td.center { text-align: center; } table.wide-table tr + tr td.title { padding-top: 10px; } table.wide-table tr td.title h4 { color: #c20e1a; font-weight: 100; display: inline-block; float: left; } table.wide-table tr td:first-level { margin-top: 5px; } table.wide-table tr td.marketIndex { width: 49px; height: 58px; text-align: center; } table.wide-table tr td.date { width: 66px; text-align: center; } table.wide-table tr td.time { width: 66px; text-align: center; } /* table.wide-table tr td.marketIndex_correct_score { width: 28px; height: 58px; text-align: center; font-size: 85%; } */ table.wide-table tr td.marketIndex_correct_score { width: 49px; height: 58px; text-align: center; } table.wide-table tr td.date_correct_score { width: 43px; text-align: center; font-size: 85%;} table.wide-table tr td.time_correct_score { width: 40px; text-align: center; font-size: 85%;} table.wide-table tr td.empate { width: 77px; } table.wide-table tr td.extras { width: 56px; } table.wide-table tr td.extras span.maisApostas{ float: left ; margin-left: 12px; } table.wide-table tr td.extras span.betRadar{ float: right ; margin-right: 13px; margin-top: 6px} div.altTitle h4 { margin-left: 94px; margin-top: 5px; } table.wide-table tr td.square { width: 20px; padding: 0; background: #FFFFFF; } table.wide-table tr td.square-betradar { width: 13px; padding: 0; background: #FFFFFF; } table.wide-table tr td.betradar { width: 13px; padding: 0; background: #FFFFFF; } table.wide-table tr td.square a:hover, table.wide-table tr td.title a:hover { color: #c20e1a; } table.wide-table tr td.outcome { overflow: hidden; } table.wide-table tr td.outcome:hover { cursor: pointer; background-color: #D9D9D9; } table.wide-table tr td.outcome.active { cursor: pointer; background-color: #EF3E45; } table.wide-table tr td.outcome.active span.red_highlight { color: #E8E8E8; } table.wide-table tr td.outcome div.outcome-wrapper { position: relative; margin-left: 16px; } table.wide-table tr td.outcome div.outcome-wrapper span.outcome-trend-up { background:url(/html/images/placard/icons/outcome-trend-up.png); background-repeat: no-repeat; background-position: -3px center; /* margin-right: -1px; */ padding-right: 7px; } table.wide-table tr td.outcome div.outcome-wrapper span.outcome-trend-down { background:url(/html/images/placard/icons/outcome-trend-down.png); background-repeat: no-repeat; background-position: -3px center; /* margin-right: -1px; */ padding-right: 7px; } /* New hidden outcomes */ table.wide-table tr td.outcome-hidden { overflow: hidden; cursor: default; } table.wide-table tr td.outcome-hidden div.outcome-wrapper { position: relative; margin-left: 16px;} table.wide-table tr td.outcome-hidden div.outcome-wrapper div:first-child { } table.wide-table tr td.outcome-hidden div.outcome-wrapper div { padding-right: 35px; color: silver; } /* More outcomes */ table.wide-table tr td.outcomes-more { background-color: #ececec; width: 25px; padding-right: 0px; padding-left: 0px; text-align:center; } table.wide-table tr td.outcomes-more:hover { cursor: pointer; background-color: #5b5b5b; color: #ececec; } table.wide-table tr td.outcomes-more div.outcome-wrapper { position: relative; } table.wide-table tr td.outcomes-more div.outcome-wrapper span.outcome-trend-up { background:url(/html/images/placard/icons/outcome-trend-up.png); background-repeat: no-repeat; background-position: right 2px; margin-right: -1px; padding-right: 5px; } table.wide-table tr td.outcomes-more div.outcome-wrapper span.outcome-trend-down { background:url(/html/images/placard/icons/outcome-trend-down.png); background-repeat: no-repeat; background-position: right 2px; margin-right: -1px; padding-right: 5px; } table.wide-table tr td.width10 { width: 10%; } table.wide-table tr td.width20 { width: 20%; } table.wide-table tr td.width25 { width: 25%; } table.wide-table tr td.width33 { width: 33%; } table.wide-table tr td.width40 { width: 40%; } table.wide-table tr td.width50 { width: 50%; } table.wide-table tr td.new_wide_table { font-size: 75%;} /* ERROR */ .error { width: 430px; background-color: white; margin: 96px 25%; padding: 48px; text-align: center; font-size: 13px; color: #7E7E7E; } .error h1 { text-indent: -9999px; background: url(/html/images/placard/menu/logo_placard.png) no-repeat 0 1px; display: block; width: 195px; height: 76px; padding: 0 0 20px 4px; margin: auto; } .error h2 { font-weight: bold; } /* BOX */ .box { position: relative; } /* TIPSY */ div.tipsy-wrapper { cursor: pointer; position: absolute; right: 0; left: auto; top: 0; } div.tipsy-wrapper.parent { width: 55%; height: 20px; } div.tipsy-wrapper.child { width: 20%; height: 10px; } .tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; } .tipsy-inner { background-color: #3f3f3f; color: #ececec; max-width: 500px; padding: 5px 8px 4px 8px; text-align: center; font-weight: 700; font-size: 11px; } /* Rounded corners */ .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; } /* Rules to colour arrows */ .tipsy-arrow-n { border-bottom-color: #3f3f3f; } .tipsy-arrow-s { border-top-color: #3f3f3f; } .tipsy-arrow-e { border-left-color: #3f3f3f; } .tipsy-arrow-w { border-right-color: #3f3f3f; } .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;} .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; } .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; } .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; } /* BETSLIP */ .betslip .betslip-header { overflow: hidden; position: relative; background-color: #fff; } .betslip .betslip-header h3 { background: url(/html/images/placard/betslip/betslip_close.png); background-repeat: no-repeat; line-height: 60px; width: 320px; color: transparent; float: left; } .betslip .betslip-header.collapsed h3 { background: url(/html/images/placard/betslip/betslip_open.png); background-repeat: no-repeat; } .betslip .betslip-error { padding: 5px 10px 8px 30px; color: #fff; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; font-size: 12px; background: url(/html/images/placard/icons/icon_betslip_erro.png) no-repeat; background-position: 7px 3px; display: inline-block; position: relative; } .betslip .betslipClean + .errorsSection .betslip-error { padding: 8px 10px 2px 30px; background-position: 7px 6px; top: -11px; } .betslip .betslip-empty { background: url(/html/images/placard/degrades/grey_degrade_122px.png) repeat-x; height: 120px; } .betslip .betslip-empty div.uppercase { padding:25px 0px 0px 30px; margin-bottom: -24px; } .betslip .betslip-empty span { padding-left: 30px; } .betslip .betslip-body .betslip-empty .betslip-error { background-position: 25px 25px; } .betslip .betslip-body .betslip-empty .betslip-error p { padding: 22px 26px 0 26px; } .cota-inferior {font-size: 12px; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; padding-left: 3px; padding-bottom: 3px;} .win_info {font-size: 12px; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; padding-bottom: 5px; color:black; float:left; } .betslip .betslip-body ul { overflow: hidden; } .betslip .betslip-body ul li { float: left; background-color: #fff; line-height: 60px; width: 33.33%; text-align: center; } .betslip .betslip-body ul li a { color: #262626; } .betslip .betslip-body ul li.active { background-color: #ef3e45;} .betslip .betslip-body ul li.active a { color: #fff; } .betslip .betslip-body ul li:hover { background-color: #ef3e45; } .betslip .betslip-body ul li:hover a { color: #fff; } .betslip .betslip-body ul li.disabled { background-color: #fff; color: #262626; opacity: 0.2; cursor: default; } .betslip .betslip-tabs-container { background-color: #ffffff; } .betslip .betslip-tabs { } .betslip .betslip-tabs-body { } .betslip .betslip-tabs-bets { overflow: hidden; } .betslip .betslip-body table { width: 100%; } .betslip .betslip-body table tr { background: url(/html/images/placard/degrades/red_degrade_120px.png); background-size: 100% 100%; } /* para comentar se se colocar degrade */ .betslip .betslip-body table tr.betError { border-top: none; } .betslip .betslip-body table tr.betError > td { color: #fff; } .betslip .betslip-body table tr.betError > td:first-child { background-image: url(/html/images/placard/icons/icon_betslip_erro.png); background-repeat: no-repeat; background-position: 6px 8px; padding-left: 35px; } /* .betslip .betslip-body table tr + tr { border-top: 1px solid #fff; } */ /* para comentar se se colocar degrade */ .betslip .betslip-body table tr td { vertical-align: middle; } .betslip .betslip-body table tr td:first-child { padding: 10px 0 10px 5px; } .betslip .betslip-body table tr td:first-child form { position: relative; } .betslip .betslip-body table tr td + td { padding: 25px 10px 15px 0; width: 100%; } .betslip .betslip-body table tr td div { line-height: 15px; } .betslip .betslip-body table tr td div .line-height35 { line-height: 35px; } .betslip .betslip-body table tr td.left { text-align: left; width: 16px; } .betslip .betslip-body table tr td.right { text-align: right; vertical-align: top; } .betslip .betslip-body .betType { color: #fff; padding: 10px 0 0 10px; font-size: 12px; font-weight: 700; } .betslip .betslip-body table tr td.betPlaced{ padding-left: 30px; } .betslip .betslip-body table tr td .relativeContainer { position: relative; } .betslip .betslip-body table tr td .price { bottom: 0; position: absolute; right: -30px; } .betslip .betslip-body table tr td.betPlaced .price { float: right; position: relative; right: 0; } .betslip .betslip-body table tr td span.delete { background-image: url("/html/images/placard/icons/btn_white_cross.png"); background-repeat: no-repeat; background-position: 4px 0; padding: 0 9px 2px; cursor: pointer; } .betslip .betslip-tabs-system-details { vertical-align: middle; padding: 10px 0 10px 5px; } .betslip .betslip-tabs-system-details form { position: relative; } .betslip .betslip-tabs-summary { padding: 10px 20px 0px 20px; background-color: #fff; } .betslip .betslip-tabs-summary div { clear: both; position: relative; } .betslip .betslip-tabs-summary div > span { line-height: 35px; } .betslip .betslip-tabs-summary span.right { float: right; line-height: 35px; } .betslip .betslip-tabs-summary span.error { float: right; line-height: 35px; } .betslip .betslip-tabs-summary form { display: inline; } .betslip .betslip-tabs-summary form span.right span { margin-right: -8px; } .betslip .betslip-tabs-summary select { background: transparent; width: 55px; font-size: 22px; font-weight: bold; line-height: 1; height: 25px; border: 0; border-radius: 0; -webkit-appearance: none; overflow: hidden; background: url(/html/images/placard/icons/betslip_select_arrow.png) no-repeat right; } .betslip .betslip-tabs-summary select option { font-size: 12px; } /* .betslip .betslip-tabs-summary .styled-select { overflow: hidden; background: url(/html/images/placard/icons/betslip_select_arrow.png) no-repeat right; } */ .betslip .betslip-tabs-summary div.disclaimer { padding-top: 10px; } .betslip .betslip-tabs-summary span.disclaimerText { font-size: 9px; line-height: 18px; color: white; display: inline-block; position: relative; left: -5px; } .betslip .betslip-tabs-summary span.disclaimerText a { color: #fff; text-decoration: underline; } .betslip .betslip-tabs-summary span.mandatory { font-size:11px; height:11px; line-height:11px; color:#7FC241; } .betslip .betslip-tabs-summary div.download { position: relative; left: -5px; } .betslip .betslip-tabs-summary div.download a { color: #fff; font-size: 10px; text-decoration: underline; } .betslip .betslipClean { overflow: hidden; padding: 15px 10px; /* border-top: 1px solid #fff; */ /* para comentar se se colocar degrade */ position:relative; } .betslip .betslipClean .loading {position: absolute; left: 28px; bottom: 28px; } .betslip .betslipClean #loadingText { display: none; float: left; padding-left: 40px; height: 24px; line-height: 24px; } .betslip .betslipClean #betslipClean { padding: 0 10px; text-transform: uppercase; font-size: 13px; float: right; height: 24px; line-height: 24px; cursor: pointer; } .betslip .betslip-tabs-summary .confirm { overflow: hidden; margin-top: 10px; position: relative; padding-bottom: 10px; } .betslip .betslip-tabs-summary .confirm span { float: right; height: 60px; width: 280px; cursor: pointer; background-image: url(/html/images/placard/btns/betslip_simular.png); background-repeat: no-repeat; } .betslip .betslip-tabs-summary .confirmNewMarkets { overflow: hidden; margin-top: 10px; position: relative; padding-bottom: 10px; } .betslip .betslip-tabs-summary .confirmNewMarkets span { float: right; height: 60px; width: 280px; cursor: pointer; background-image: url(/html/images/placard/btns/betslip_simular_disable.png); background-repeat: no-repeat; } /*QRCODE BTN */ .betslip .betslip-tabs-summary .confirm1 { overflow: hidden; position: relative; padding-bottom: 10px; } .betslip .betslip-tabs-summary .confirm1 span { float: right; height: 60px; width: 280px; cursor: pointer; background-image: url(/html/images/placard/btns/betslip_qrcode.png); background-repeat: no-repeat; } confirmNewMarkets /* BETSLIP GENERATION */ .wrapper-info.gamebet { position: relative; width: 435px !important; height: 740px !important; background: #fff } .wrapper-info.retailPopin .section { padding: 8px 19px 0;} .wrapper-info.retailPopin .section .wrapperBtns { margin: 0; } .wrapper-info.retailPopin .section .closeBtn { float: left; width: 41%; overflow: hidden; margin-top: 3px; } .wrapper-info.retailPopin .section .playBtn { float: left; width: 36%; overflow: hidden; margin-top: 3px; } .wrapper-info.retailPopin .section img { width: 400px; height: 690px; } /* QRCODE */ .wrapper-info.qrcode { position: relative; width: 360px !important; height: 325px !important; background: #fff ; overflow:hidden; clear:both; } .wrapper-info.qrcode .section img { width: 200px; height: 200px; position:relative; left:75px; margin-top:5px; border: 1px solid black;} .wrapper-info.qrcode .section .wrapperBtns { margin: 0; width:360px; margin-top: 20px;} .wrapper-info.qrcode .section .qrCodeMessage { text-align: center; font-size: 12px; font-family: Trebuchet Ms, Arial, Helvetica, sans-serif; color:black; padding-top: 20px;} .wrapper-info.qrcode .section .closeBtn { float: left; width: 41%; overflow: hidden; margin-top: 3px; } .wrapper-info.qrcode .section .playBtn { float: left; width: 36%; overflow: hidden; margin-top: 3px; } /* BUTTONS NEW - only use in */ .btnContainerLeft { text-align: left;} .btnContainerRight {text-align: right; } .btnContainerRight2 { text-align: right;} .button { display: inline-block;} .button a { display: inline-block; height:27px; padding-left:3px;} .button a span { display: inline-block; height:20px; font-size:10px; font-weight:700; color:#fff; text-transform:uppercase;} .btnContainerRightPrint { padding-right: 15px; text-align: right; } .lightGreyBtn a { display:inline-block; background: url(/html/images/backgrounds/btn-links.png) no-repeat left -27px;} .lightGreyBtn a span{ padding:7px 20px 0 15px; display:inline-block; background: url(/html/images/backgrounds/btn-links.png) no-repeat right top;} .popinInfo { background:#fff; margin-top: 25px; margin-left: 25px;} /* MENSAGEM MAIORES 18 ANOS */ div.Maiores18 span { background: url(/html/images/icons/under-eighteen_01.png) no-repeat left; background-position-x: 40px; background-position-y: 0px; margin: 0 auto; background-color: white; height: 42px; width: 280px; display:block; font-size:12px; color:#484848; padding-left: 50px; text-align: center; display: table; display: table-cell; vertical-align: middle; border: 2px solid #ff0000; border-radius: 10px;} /* HOMEPAGE */ div.middle-section { position: relative; } div.big-square { z-index: -1; } div.rectangle.absolute { position: absolute; right: 0; z-index: 99; } div.small-square.relative { position: relative; top: 320px; float: right; } /* CENTER CONTENT */ div.placardCenterContent { margin-top: 30px; } #miniQr{width: 25px;height: 25px;padding-right: 6px; float:left;} @media print { body {margin-top:0 !important;} .popinInfo { margin: 0px 0px 0px 0px !important;} #wrapperBtns { display : none !important; margin: auto !important; height: 0px !important; z-index: 0; } #printButton { display : none !important; margin: auto !important; height: 0px !important; z-index: 0; } #closeButton { display : none !important; margin: auto !important; height: 0px !important; z-index: 0; } #betslipPrint { display : block !important; height: 485px !important; } #betslipTypePrint { display : block !important; padding-bottom: 20px !important; font-weight: bold !important; z-index: 1000; } #betslipImgPrint{ display: block !important; } #footerPrint{ display: block !important; } #footerPrint span{ font-size:11px; color:#484848; display:block; float:right; padding-top:15px; padding-bottom:9px; } #seloFooterPrint{ padding-bottom: 10px !important; padding-left: 40px;vertical-align:middle; } #qrcodePrint {margin-top:50px !important;} #logoPlacardPrint{ vertical-align: top; } @-moz-document url-prefix() { #logoPlacardPrint{ margin-top: -250px; vertical-align: top; float: left; } #betslipTypePrint { display : block !important; font-weight: bold !important; margin-top: -35px; z-index: 1000; position: relative; } } }