/* Minification failed. Returning unminified contents. (8252,87): run-time error CSS1062: Expected semicolon or closing curly-brace, found '/' (10885,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' */ /*! * jQuery UI CSS Framework 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-clearfix { min-height: 0; /* support: IE7 */ } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } /*! * jQuery UI Slider 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* For IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /*! * jQuery UI CSS Framework 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/ */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/_img/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; } .ui-widget-content a { color: #222222/*{fcContent}*/; } .ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(/_img/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; } .ui-widget-header a { color: #222222/*{fcHeader}*/; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(/_img/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/_img/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited { color: #212121/*{fcHover}*/; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/_img/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/_img/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/_img/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* For IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/_img/ui-icons_222222_256x240.png)/*{iconsContent}*/; } .ui-widget-header .ui-icon { background-image: url(/_img/ui-icons_222222_256x240.png)/*{iconsHeader}*/; } .ui-state-default .ui-icon { background-image: url(/_img/ui-icons_888888_256x240.png)/*{iconsDefault}*/; } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(/_img/ui-icons_454545_256x240.png)/*{iconsHover}*/; } .ui-state-active .ui-icon { background-image: url(/_img/ui-icons_454545_256x240.png)/*{iconsActive}*/; } .ui-state-highlight .ui-icon { background-image: url(/_img/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/_img/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px/*{cornerRadius}*/; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px/*{cornerRadius}*/; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(/_img/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3/*{opacityOverlay}*/; filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/; } .ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/_img/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3/*{opacityShadow}*/; filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; } /*! * jQuery UI Datepicker 1.10.3 * http://jqueryui.com * * Copyright 2013 jQuery Foundation and other contributors * Released under the MIT license. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* style globalne */ body { margin: 0; padding: 0; text-align: center; background: #ffffff url('/_img/layout/bgBodyNewSecond.png') repeat-x 0 0; } body, p, a, td, input, textarea, select, option { color: #666666; font: normal 12px Arial, Verdana, Helvetica, sans-serif; } div, span, ul, ol, li, p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; } supportDiscussions ul, ol, li { list-style-type: none; } form, fieldset { margin: 0; padding: 0; border-width: 0; } a { text-decoration: none; cursor: pointer; color: #d21d04; } a:hover { text-decoration: underline; } img, a img { border: none; } a, input, object { outline-width: 0; } input[type="text"], input[type="password"], select, textarea { border: solid 1px #cdcdcd; background-color: #ffffff; margin: 0; padding: 0; } select.saldo-select { position: absolute; left: -9999px; top: 0; opacity: 0; width: 0; height: 0; } input[type="checkbox"] { margin: 0 5px 0 0; padding: 0; } input[type="submit"], input[type="button"], a.submit { background-color: #d31d04; border-width: 0; color: #ffffff; font-weight: bold; padding: 0; width: 125px; height: 23px; cursor: pointer; } a.submit { display: block; white-space: nowrap; height: 19px; padding-top: 4px; text-align: center; } input[type="submit"].submit-wide { width: 220px; } a.submit.gray { background-color: #676d6f; } .alert-box { width: 100%; background-color: #fef8e2; border: 1px solid #ffebaa; color: #a26816; text-align: center; padding: 20px 0; } .red { color: #cc3300; } .bold { font-weight: bold } .small { font-size: 10px } .error { display: block; color: #cc3300; border: 2px solid #cc3300; font-weight: bold; background-color: #f1f1f1; padding: 4px; } .BigCreation { padding: 25px; margin-bottom: 46px; background-color: #a80808; color: #ffffff; text-align: center } .BigCreation h2 { font-size: 14px; font-weight: bold; } .BigCreation p { font-size: 12px; color: #ffffff !important; } .waitingPointsTable { width: 100%; clear: both; } .waitingPointsTable td { font-size: 12px; padding: 5px 0; border-bottom: solid 1px #c8c8c8; } .waitingPointsTable td.pts { font-size: 14px; font-weight: bold; color: #333333; text-align: right; } .waitingPoints { margin-top: 20px; color: #333333; font-size: 14px; font-weight: bold; } .whiteText { color: #FBC01C !important; font-weight: bold; font-size: 16px } .clear { clear: both; font-size: 0; line-height: 0; width: 100%; float: left; } .cl { clear: both; font-size: 0; line-height: 0; width: 100%; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .noFloat { clear: both; float: none !important; width: 100%; height: 0px; line-height: 0; font-size: 0; } .oneColumn { width: 100%; clear: both; float: left; } .oneLine { clear: both; width: 100%; float: left; padding: 0 0 10px 0; } .hr { background-color: #e1e1e1; font-size: 0; line-height: 0; height: 1px; padding: 0; margin: 10px 0; width: 100%; clear: both; } .hr2 { background-color: #d4d4d4; font-size: 0; line-height: 0; height: 1px; padding: 0; margin: 5px 0 8px 0; width: 100%; clear: both; } .wrapText { white-space: pre; /* CSS 2.0 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3.0 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ white-space: -moz-pre-wrap; /* Mozilla */ white-space: -hp-pre-wrap; /* HP Printers */ word-wrap: break-word; /* IE 5+ */ } .twoEqColumns { clear: both; float: left; width: 100%; } .twoEqColumns .firstCol { clear: both; float: left; width: 48%; margin-right: 3%; } .twoEqColumns .secondCol { clear: none; float: left; width: 48%; } .threeEqColumns { clear: both; float: left; width: 100%; } .threeEqColumns .firstCol, .threeEqColumns .secondCol { float: left; width: 32%; margin-right: 2%; } .threeEqColumns .thirdCol { clear: none; float: left; width: 32%; } .valErr { color: #d31d04 !important; } .activationCodeBox .valErr, .activationCodeBox .red { color: #FFC0CB !important } .valSummary { color: #d31d04 !important; border: solid 5px #d31d04; padding: 15px; margin: 0 0 15px 0; font-size: 18px; } .valSummary ul { margin-top: 10px; } .valSummary ul li { font-size: 12px; padding: 2px 0; list-style-type: disc; list-style-position: outside; margin: 0 0 0 35px; color: #d31d04 !important; } .infoMessage { padding: 10px 0; font-size: 14px; font-weight: normal; } .txtAlRight { text-align: right; } .txtAlLeft { text-align: left; } .txtAlCenter { text-align: center; } .leftFloated { float: left; } .rightFloated { float: right; } .noFloated { float: none; } .font18 { font-size: 18px; } .font16 { font-size: 16px; } .font14 { font-size: 14px; } .font13 { font-size: 13px; } .font12 { font-size: 12px; } .fontBold { font-weight: bold; } .text220 { width: 220px; } .text223 { width: 223px; } .text250 { width: 250px; } .text360 { width: 360px; } .bottom5 { padding-bottom: 5px !important; } .bottom10 { padding-bottom: 10px !important; } .bottom15 { padding-bottom: 15px !important; } .bottom30 { padding-bottom: 30px !important; } .top10 { padding-top: 10px !important; } .top15 { padding-top: 15px !important; } .top20 { padding-top: 20px !important; } .top40 { padding-top: 40px !important; } .left26px { padding-left: 26px !important; } .mt10 { margin-top: 10px !important; } .mt20 { margin-top: 20px !important; } .mt30 { margin-top: 30px !important; } .mb10 { margin-bottom: 10px !important; } .mb20 { margin-bottom: 20px !important; } .mb30 { margin-bottom: 30px !important; } .ofHidden { overflow: hidden !important; } .bgFFFFFF { background-color: #ffffff !important; } .classic p { margin: 1em 0; } /* /style globalne */ /* wspolne elementy layoutu */ /*form.mainForm {background-color: #a80808;}*/ body.bodyMainPage { background-image: url('/_img/layout/bgBodyMainPage.png'); overflow-x: hidden; } /*overflow-x dla banerów*/ body.bodyMainPage #mainPage { position: relative; } /*dla banerów*/ #cookie-bar { padding: 15px 0 10px 0; margin: 0; background-color: #e6e6e6; text-align: left; } #cookie-bar .inside { width: 950px; margin: 0 auto; } #cookie-bar p { margin: 0; padding: 0 0 6px 0; color: #000000; } #cookie-bar .cookieListCnt { display: none; overflow: hidden; } #cookie-bar .cookieListCnt ul { display: block; float: left; width: 49%; } #cookie-bar .cookieListCnt li { background: transparent url('/_img/layout/bgBulletRedRight.png') no-repeat 0px 6px; padding-left: 12px; line-height: 1.8; color: #000000; } #pageHeaderWrapper { background: transparent url('/_img/layout/bgBodyNewSecond.png') repeat-x 0 0; } #pageHeaderWrapper > .inner { background: url('/_img/layout/bgPageHeaderNewSecond.png') no-repeat 50% 0; } #pageHeader { clear: both; text-align: left; width: 970px; height: 129px; margin: 0 auto; } #pageHeader h1.logo { float: left; font-size: 11px; padding: 15px 0 0 25px; width: 145px; height: 80px; } #pageHeader .headerContent { float: left; width: 800px; } #pageHeader .headerTop { height: 95px; clear: both; } #pageHeader .headerBottom { height: 34px; overflow: hidden; clear: both; width: 100%; } #pageHeader .loginIndicatorNotLogged { float: right; white-space: nowrap; } #pageHeader .loginIndicatorNotLogged a { font-size: 13px; color: #ffffff; } #pageHeader .loginIndicatorNotLogged ul { float: right; height: 28px; padding-top: 15px; padding-right: 11px; } #pageHeader .loginIndicatorNotLogged ul li { float: left; border-right: solid 1px #c06e6d; padding: 0 10px; height: 100%; } #pageHeader .loginIndicatorNotLogged ul li.last { border-right-width: 0; padding-right: 0; } #pageHeader .loginIndicatorLogged { position: relative; float: right; padding: 8px 0 0 0; color: #ffffff; } #pageHeader .loginIndicatorLogged .cardImage { float: left; margin: 0 15px 0 0; cursor: pointer; } #pageHeader .loginIndicatorLogged .userInfo { float: left; white-space: nowrap; padding: 5px 20px 0 0; } #pageHeader .loginIndicatorLogged .userInfo a, #pageHeader .loginIndicatorLogged .userInfo .state .enhanced { color: #ffc000; font-size: 14px; font-weight: bold; } #pageHeader .loginIndicatorLogged .userInfo .name { font-weight: bold; font-size: 16px; text-align: right; } #pageHeader .loginIndicatorLogged .userInfo .state { clear: both; display: block; text-align: right; } #pageHeader .loginIndicatorLogged .userInfo .state a { color: #ffffff; font-size: 12px; font-weight: normal; } #pageHeader .loginIndicatorLogged .links { float: left; white-space: nowrap; padding: 0 11px 10px 20px; margin-top: 5px; border-left: solid 1px #cc6f6c; } #pageHeader .loginIndicatorLogged .userInfo .name, #pageHeader .loginIndicatorLogged .links li:first-child a { line-height: 22px; } #pageHeader .loginIndicatorLogged .links a { color: #ffffff; } #pageHeader .cardList { position: absolute; top: 10px; left: 0px; width: 210px; padding: 10px; background-color: #ffffff; } #pageHeader .cardList .title { color: #333333; font-weight: bold; padding: 0 0 5px 0; } #pageHeader .cardList ul { clear: both; float: left; width: 100%; } #pageHeader .cardList ul li { clear: both; float: left; width: 100%; padding: 5px 0; } #pageHeader .cardList .img { float: left; margin: 0 15px 0 0; width: 61px; } #pageHeader .cardList .cardName { float: left; width: 134px; } #pageHeader .cardList .cardName, #pageHeader .cardList .cardName a { color: #333333; font-weight: bold; } #pageHeader #mainTopMenu { height: 30px; float: left; padding-top: 4px; } #pageHeader #mainTopMenu li { float: left; padding: 5px 20px 0 20px; height: 25px; } #pageHeader #mainTopMenu li.selectedItem { background: #f3f3f3 url('/_img/layout/bgTopMenuItemActive.png') repeat-x 0 0; } #pageHeader #mainTopMenu li, #pageHeader #mainTopMenu li a, #pageHeader #mainTopMenu li h1, #pageHeader #mainTopMenu li h2 { font-size: 14px; line-height: normal; color: #ffffff; } #pageHeader #mainTopMenu li.selectedItem a { color: #333333; } #pageHeader #basketInfoContainer { float: right; white-space: nowrap; padding: 9px 11px 0 40px; height: 25px; background: transparent url('/_img/layout/icoBasket.png') no-repeat 0 2px; } #pageHeader #basketInfoContainer a { font-size: 14px; color: #ffc000; } #breadcrumb { clear: both; float: left; padding: 10px 15px; width: 940px; color: #333333; } #breadcrumb a, #breadcrumb .separator, #breadcrumb .activeItem { float: left; } #breadcrumb .separator { padding: 0 8px; } #pageContent { clear: both; text-align: left; width: 975px; margin: 0 auto; min-height: 660px; } body.bodyMainPage #pageContent { width: auto; padding: 0 0 15px; padding-top: 15px; overflow: hidden; position: relative; height: 654px; min-height: 654px; } body.bodyMainPage #mainPage { width: 980px; margin: 0 auto; } #layoutWide { width: 100%; clear: both; float: left; } #layoutTwoCol { width: 100%; display: flex; } #layoutTwoCol #mainCol { width: 650px; } #layoutTwoCol #sideCol { float: left; max-width: 325px; } #pageFooterWrapper { clear: both; background-color: #da221c; } #pageFooter { text-align: left; width: 945px; padding: 20px 20px 50px 10px; margin: 0 auto; } #pageFooter, #pageFooter a { color: #ffffff; font-size: 11px; } #pageFooter .footerTop { border-bottom: solid 1px #c46464; padding: 0 0 7px 0; clear: both; width: 100%; } #pageFooter .footerBottom { padding: 10px 0 0 0; clear: both; width: 100%; } #pageFooter .phone { float: left; white-space: nowrap; background: transparent url('/_img/layout/bgFooterSeparator.png') no-repeat 100% 8px; padding: 5px 10px 0 0; margin-right: 20px; font-size: 12px; } #pageFooter .phone .big { font-size: 14px; padding-right: 10px; } #pageFooter .contactLink { float: left; white-space: nowrap; padding-top: 6px; } #pageFooter .orlen { float: right; } #pageFooter .links { float: left; } #pageFooter .links li { float: left; margin-right: 20px; padding-right: 20px; background: transparent url('/_img/layout/bgFooterSeparator.png') no-repeat 100% 2px; } #pageFooter .links li.last { margin-right: 0; padding-right: 0; background-image: none; } #pageFooter .copy { color: #ffffff; float: right; white-space: nowrap; } .pageTitle { font-size: 30px; line-height: normal; font-weight: normal; color: #333333; letter-spacing: -1px; margin-bottom: 10px; padding-left: 15px; clear: both; } .pageSubtitle { font-size: 18px; font-weight: normal; color: #333333; letter-spacing: -1px; padding: 0 15px; clear: both; margin: 0 0 5px 0; } .pageSubtitleSmall { font-size: 14px; font-weight: bold; color: #333333; padding: 0 15px; clear: both; margin: 0 0 5px 0; } .mainBoxWrapper .content .pageSubtitle, .mainDoubleBoxWrapper .content .pageSubtitle, .mainBoxWrapper .content .pageSubtitleSmall, .mainDoubleBoxWrapper .content .pageSubtitleSmall { padding-left: 0; padding-right: 0; } .pageDesc { padding: 0 15px 10px 15px; } .sideSectionTitle { font-size: 16px; color: #333333; font-weight: bold; text-indent: 10px; letter-spacing: -1px; } .sideSectionTitleWithBullet { background: transparent url('/_img/layout/bgBulletBlackRight.png') no-repeat 12px 8px; font-size: 20px; font-weight: normal; padding-left: 27px; font-size: 20px; color: #333333; letter-spacing: -1px; } .sideBox { padding: 0 10px 10px 10px; } .sideBox .sideSectionTitle { text-indent: 0; padding-bottom: 5px; } .sideBoxWrapper { clear: both; margin: 0 0 20px 0; } .sideBoxWrapper > .top, .sideBoxWrapper > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 5px; background: transparent none no-repeat 0 0; } .sideBoxWrapper > .top { background-image: url('/_img/layout/bgSideTopShadow.png'); } .sideBoxWrapper > .bottom { background-image: url('/_img/layout/bgSideBottomShadow.png'); } .sideBoxWrapper > .middle { width: 315px; padding: 0 4px; clear: both; float: left; background: transparent url('/_img/layout/bgSideLeftRightShadow.png') repeat-y 0 0; } .sideBoxWrapper > .middle > .content { padding: 10px 20px; width: 275px; clear: both; float: left; } .mainBoxWrapper { clear: both; margin: 0 0 10px 0; padding: 0 0 0 5px; width: 645px; } .mainBoxWrapper > .top, .mainBoxWrapper > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 5px; background: transparent none no-repeat 0 0; } .mainBoxWrapper > .top { background-image: url('/_img/layout/bgMainTopShadow.png'); } .mainBoxWrapper > .bottom { background-image: url('/_img/layout/bgMainBottomShadow.png'); } .mainBoxWrapper > .middle { width: 635px; padding: 0 5px; clear: both; float: left; background: transparent url('/_img/layout/bgMainLeftRightShadow.png') repeat-y 0 0; } /* .mainBoxWrapper > .middle > .content { padding: 10px 20px; width: 595px; clear: both; float: left; } */ #layoutWide .mainBoxWrapper { width: 970px; } #layoutWide .mainBoxWrapper > .top { background-image: url('/_img/layout/bgMainWideTopShadow.png'); } #layoutWide .mainBoxWrapper > .bottom { background-image: url('/_img/layout/bgMainWideBottomShadow.png'); } #layoutWide .mainBoxWrapper > .middle { width: 960px; background-image: url('/_img/layout/bgMainWideLeftRightShadow.png'); } #layoutWide .mainBoxWrapper > .middle > .content { width: 920px; } .mainBoxWrapper.promo-box > .top { float: left; } .mainBoxWrapper.promo-box > .middle { background-image: url('/_img/layout/bgMainLeftRightShadowFilledWithGray.png') } .mainDoubleBoxWrapper { clear: both; margin: 0 0 10px 0; padding: 0 0 0 5px; width: 645px; } .mainDoubleBoxWrapper > .top, .mainDoubleBoxWrapper > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 5px; background: transparent none no-repeat 0 0; } .mainDoubleBoxWrapper > .top { background-image: url('/_img/layout/bgMainDoubleTopShadow.png'); } .mainDoubleBoxWrapper > .bottom { background-image: url('/_img/layout/bgMainDoubleBottomShadow.png'); } .mainDoubleBoxWrapper > .middle { width: 635px; padding: 0 5px; clear: both; float: left; background: transparent url('/_img/layout/bgMainDoubleLeftRightShadow.png') repeat-y 0 0; } .mainDoubleBoxWrapper > .middle > .left, .mainDoubleBoxWrapper > .middle > .right { float: left; width: 313px; } .mainDoubleBoxWrapper > .middle > .left { margin-right: 9px; } .mainDoubleBoxWrapper > .middle > .left > .content, .mainDoubleBoxWrapper > .middle > .right > .content { padding: 10px 15px; width: 283px; clear: both; float: left; } .mainTripleBoxWrapper { clear: both; margin: -15px 0 10px 0; padding: 0 0 0 5px; width: 967px; } .mainTripleBoxWrapper > .top, .mainTripleBoxWrapper > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 5px; background: transparent none no-repeat 0 0; } .mainTripleBoxWrapper > .top { background-image: url('/_img/layout/bgMainTripleTopShadow.png'); } .mainTripleBoxWrapper > .bottom { background-image: url('/_img/layout/bgMainTripleBottomShadow.png'); } .mainTripleBoxWrapper > .middle { width: 957px; padding: 0 5px; clear: both; float: left; background: transparent url('/_img/layout/bgMainTripleMiddleShadow.png') repeat-y 0 0; } .mainTripleBoxWrapper > .middle > .left, .mainTripleBoxWrapper > .middle > .center, .mainTripleBoxWrapper > .middle > .right { float: left; width: 313px; } .mainTripleBoxWrapper > .middle > .left, .mainTripleBoxWrapper > .middle > .center { margin-right: 9px; } .mainTripleBoxWrapper > .middle > .left > .content, .mainTripleBoxWrapper > .middle > .center > .content, .mainTripleBoxWrapper > .middle > .right > .content { padding: 10px 15px; width: 283px; clear: both; float: left; } .wideBoxWrapper { clear: both; margin: 0 0 10px 0; padding: 0; width: 959px; } .wideBoxWrapper > .top, .wideBoxWrapper > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 9px; background: transparent none no-repeat 0 0; } .wideBoxWrapper > .top { background-image: url('/_img/layout/bgWideTopShadow.png'); } .wideBoxWrapper > .bottom { background-image: url('/_img/layout/bgWideBottomShadow.png'); } .wideBoxWrapper > .middle { width: 936px; padding: 0 11px; clear: both; float: left; background: transparent url('/_img/layout/bgWideLeftRightShadow.png') repeat-y 0 0; } .boxWhite895 { clear: both; margin: 0 0 10px 0; padding: 0; width: 895px; } .boxWhite895 > .top, .boxWhite895 > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 5px; background: transparent none no-repeat 0 0; } .boxWhite895 > .top { background-image: url('/_img/layout/bg-box-white-895-top.png'); } .boxWhite895 > .bottom { background-image: url('/_img/layout/bg-box-white-895-bottom.png'); background-position: 0 100%; } .boxWhite895 > .middle { width: 885px; padding: 0 5px; clear: both; float: left; background: transparent url('/_img/layout/bg-box-white-895-middle.png') repeat-y 0 0; } .boxWhite895 > .middle > .content { padding: 10px 20px; width: 845px; clear: both; float: left; } .boxWhiteWithGray895 { clear: both; margin: 0 0 10px 0; padding: 0; width: 895px; } .boxWhiteWithGray895 > .top, .boxWhiteWithGray895 > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 9px; background: transparent none no-repeat 0 0; } .boxWhiteWithGray895 > .top { background-image: url('/_img/layout/bg-box-white-895-top.png'); } .boxWhiteWithGray895 > .bottom { background-image: url('/_img/layout/bg-box-white-895-bottom.png'); } .boxWhiteWithGray895 > .middle { width: 877px; padding: 0 9px; clear: both; float: left; background: transparent url('/_img/layout/bg-box-white-with-gray-895-middle.png') repeat-y 0 0; } .boxWhiteWithGray895 > .middle > .content { padding: 10px 20px; width: 837px; clear: both; float: left; } .boxRed507 { clear: both; margin: 0 0 10px 0; padding: 0; width: 507px; } .boxRed507 > .top, .boxRed507 > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 6px; background: transparent none no-repeat 0 0; } .boxRed507 > .top { background-image: url('/_img/layout/bg-box-red-507-top.png'); } .boxRed507 > .bottom { } .boxRed507 > .middle { width: 495px; padding: 0 6px; clear: both; float: left; background: transparent url('/_img/layout/bg-box-red-507-middle.png') repeat-y 0 0; } .form { background-color: #f1f1f1; margin-bottom: 10px; } .form fieldset { padding: 10px; border-bottom: solid 1px #ffffff; } .form .pageSubtitle { padding: 5px 10px !important; } .form fieldset .pageSubtitle { padding: 5px 0px !important; } .form .oneLine { padding-bottom: 7px; } .form .oneLine .key { float: left; width: 160px; margin: 0 10px 0 0; } .form .oneLine .key.key-short { width: 110px; } .form .oneLine .val { float: left; width: 405px; } .form .reqFieldInfo { padding: 10px; clear: both; } .form fieldset .reqFieldInfo { padding-left: 0; padding-right: 0; width: 100%; } .form .addText { font-size: 11px; color: #999999; } .editorText ul, .editorText ol ul { margin: 0 0 5px 0; padding: 0; list-style-type: none; } .editorText ul li, .editorText ol ul li { list-style-type: none; list-style-position: outside; margin: 0; padding: 1px 0 1px 10px; background: transparent url('/_img/layout/bgListBullet.png') no-repeat 0 7px; } .editorText ol { margin: 0 0 5px 0; padding: 0; list-style-type: decimal; } .editorText ol li { list-style-type: decimal; list-style-position: outside; margin: 0 0 0 35px; padding: 1px 0; } .editorText p { margin: 0 0 5px 0; line-height: 140%; } .popupContainer { text-align: left; } .popupContainer .topCloseButton { width: 100%; clear: both; float: left; } .popupContainer .topCloseButton a { float: right; padding: 2px 30px 0 0; height: 15px; background: transparent url('/_img/layout/close.png') no-repeat 100% 0; color: #727272; font-size: 11px; text-decoration: underline; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; cursor: pointer; } .popupContainer .popupTitle { font-size: 18px; line-height: normal; font-weight: normal; color: #d31d04; letter-spacing: -1px; padding-bottom: 20px; clear: both; } .popupConfirm { width: 280px; } .popupContainer .bottomButtons, .popupConfirm .bottomButtons { clear: both; padding: 10px 0; float: left; width: 100%; } .popupContainer .bottomButtons a, .popupConfirm .bottomButtons a { float: left; white-space: nowrap; } .popupContainer .bottomButtons a.right, .popupConfirm .bottomButtons a.right { float: right; } .popupContainer .bottomCenterInputButtons, .popupConfirm .bottomCenterInputButtons { clear: both; padding: 10px 0; text-align: center; } .popupContainer .link { padding: 5px 0 5px 12px; clear: both; background: transparent url("/_img/layout/bgBulletRedRight.png") no-repeat 0 8px; } .popupContainer .link a { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 11px; } .popupContainer ul, .popupContainer ol { clear: both; } .simpleForm .oneLine { padding-bottom: 5px; } .simpleForm .oneLine .key { float: left; width: 40%; margin: 0 2% 0 0; } .simpleForm .oneLine .val { float: left; width: 57%; } .basic-btn, .basic-btn .in { height: 25px; background: url('/_img/buttons/basicBtn.png') no-repeat; border: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; text-align: center; text-decoration: none; display: inline-block; } .basic-btn { background-position: right 0; font-size: 0; margin-left: 10px; } .basic-btn .in { min-width: 90px; width: auto; background-position: left 0; font-size: 14px; font-weight: bold; line-height: 25px; padding-left: 10px; position: relative; left: -10px; } .ie7 .basic-btn .in { min-width: 0; } .basic-btn:hover { background-position: right -25px; } .basic-btn:hover .in { background-position: left -25px; } .show-more { background: url('/_img/layout/arrowDown.png') no-repeat right 4px; padding-right: 15px; } .show-more.open { background: url('/_img/layout/arrowUp.png') no-repeat right 4px; } /* */ /* */ .custom-radios .custom-radio-basic, .custom-radios label, .custom-checboxes .custom-checkbox-basic, .custom-checboxes label { margin-bottom: 1em; } .custom-radios.horizontal .custom-radio-item, .custom-checboxes.horizontal .custom-checkbox-item { display: inline-block; vertical-align: top; width: 30%; margin-right: 3%; } .ie7 .custom-radios.horizontal .custom-radio-item, .ie7 .custom-checboxes.horizontal .custom-checkbox-item { display: inline; } .custom-radio-basic, .custom-checkbox-basic { cursor: pointer; float: left; } .custom-vitay-radio, .custom-vitay-checkbox { min-height: 22px; background: no-repeat 0 0; padding: 0 0 0 30px; } .custom-vitay-radio { background-image: url('/_img/forms/radio.png'); } .custom-vitay-checkbox { background-image: url('/_img/forms/checkbox.png'); } .vitay-radios label, .vitay-checboxes label { min-height: 22px; line-height: 1.6em; margin-top: 2px; margin-left: 40px; display: block; } .custom-radio-hide, .custom-checkbox-hide { height: 0; width: 0; border: 0; padding: 0; margin: 0; position: absolute; left: -9999px; float: right; opacity: 0; } .custom-vitay-radio, .custom-vitay-checkbox { background-position: 0 0; } .custom-vitay-radio.checked, .custom-vitay-checkbox.checked { background-position: -30px 0; } .custom-vitay-radio.disabled, .custom-vitay-checkbox.disabled { background-position: 0 -22px; } .custom-vitay-radio.disabled.checked, .custom-vitay-checkbox.disabled.checked { background-position: -30px -22px; } /* */ /* */ .progress-bar-box { border-top: 1px solid #f0f0f0; padding-top: 20px; margin-top: 20px; margin-bottom: 3em; } .progress-bar-box p:first-child { width: 540px; margin: 0 auto 1em; display: block; } .vitay-progress-bar { width: 540px; height: 30px; background: url('/_img/forms/progress-bar.png') no-repeat 0 0; margin: 0 auto; } .vitay-progress-bar .progress-bar-value { width: 30px; height: 30px; background: url('/_img/forms/progress-bar.png') no-repeat 0 -30px; } .vitay-progress-bar .progress-bar-value .progress-bar-mark { width: 60px; height: 30px; background: url('/_img/forms/progress-pointers.png') no-repeat 0 0; margin-right: -30px; float: right; } /* */ /* */ /* */ .questionnaire * { font-family: 'Open Sans', sans-serif; } .questionnaire .q strong { color: #161616; font-size: 26px; font-weight: bold; line-height: 1.3; margin-bottom: 10px; } .questionnaire .a { margin: 3em 0; } .questionnaire .a label { font-size: 26px; color: #161616; font-weight: 300; } .questionnaire .a .custom-vitay-checkbox, .questionnaire .a .custom-vitay-radio { margin-top: 10px; } .questionnaire .a .valErr { display: block; text-align: center; margin-bottom: 15px; } .questionnaire textarea { width: 100%; min-height: 100px; } /* */ /* /wspolne elementy layoutu */ /* elementy prawej kolumny */ #catalogSideSpacer { height: 80px; width: 100%; clear: both; } #catalogMainPageSideSpacer { height: 50px; width: 100%; clear: both; } #hiperCategoryMenu ul { background-color: #ffffff; clear: both; width: 100%; } #hiperCategoryMenu li { background: transparent url('/_img/layout/bgBulletRed.png') no-repeat 17px 9px; padding: 6px 10px 6px 38px; width: 267px; border-bottom: solid 1px #E1E1E1; } #hiperCategoryMenu li.last { border-bottom-width: 0; } #hiperCategoryMenu li a { color: #d21d04; font-size: 14px; } #hiperCategoryMenu li.selectedHiperCategory { background-image: url('/_img/layout/bgBulletWhiteOnGray.png'); background-position: 14px 6px; } #hiperCategoryMenu li.selectedHiperCategory a { color: #666666; } #categoryMenu { width: 100%; clear: both; float: left; background-color: #ffffff; } #categoryMenu li { float: left; background: transparent url('/_img/layout/bgBulletRed.png') no-repeat 17px 8px; padding: 5px 10px 5px 38px; width: 109px; } #categoryMenu li a { color: #d21d04; } #categoryMenu li.separator { background-image: none; background-color: #e1e1e1; font-size: 0; line-height: 0; height: 1px; padding: 0; width: 100%; clear: both; } #categoryMenu li.selectedCategory { background-image: url('/_img/layout/bgBulletWhiteOnGray.png'); background-position: 14px 6px; } #categoryMenu li.selectedCategory a { color: #666666; } .sideMenu { margin-bottom: 20px; clear: both; width: 320px; padding-left: 5px; } .sideMenu li { padding: 7px 10px 6px 20px; border-top: solid 1px #dddddd; background: transparent url('/_img/layout/bgBulletRed.png') no-repeat 4px 10px; } .sideMenu li:first-child { border-top-width: 0; } .sideMenu li.selectedMenuItem { background-image: url('/_img/layout/bgBulletWhiteOnRed.png'); background-position: 0 7px; } .sideMenu li a { color: #cc3300; font-size: 14px; display: block; } #findPrize { background-color: #f1f1f1; padding: 10px 0; width: 100%; clear: both; float: left; } #findPrize .oneLine { border-bottom: solid 1px #ffffff; margin-bottom: 10px; } #findPrize .oneLine, #findPrize .oneColumn { padding-left: 12px; width: 303px; } #findPrize .oneLine .oneColumn, #findPrize .oneColumn .oneColumn, #findPrize .oneLine .oneLine, #findPrize .oneColumn .oneLine { padding-left: 0; } #findPrize .chbLine { padding-bottom: 4px; } #findPrize .btnLine { padding-top: 10px; } #findPrize .key { width: 105px; float: left; } #findPrize .val { width: 190px; float: left; } #findPrize select.dropFromTo { width: 70px; float: left; margin-right: 10px; } #findPrize select.dropCategory { width: 185px; } #findPrize #spanCanAfford { padding-bottom: 6px; } #findPrize .points .pointsFrom input[type="text"] { width: 50px; margin-right: 15px; } #findPrize .points .pointsTo input[type="text"] { width: 75px; } #findPrize .sliderColumn { margin-left: 6px; width: 297px; } #findPrize .ui-slider, #prizePage .ui-slider { clear: both; margin: 10px 0; } #findPrize .ui-widget-content, #prizePage .ui-widget-content { background-image: none; background-color: #cdcdcd; border-color: #cdcdcd; } #findPrize .ui-widget-header, #prizePage .ui-widget-header { background-color: #cdcdcd; background-image: none; } #findPrize .ui-corner-all, #prizePage .ui-corner-all { border-radius: 0; } #findPrize .ui-state-default, #findPrize .ui-widget-content .ui-state-default, #findPrize .ui-widget-header .ui-state-default, #prizePage .ui-state-default, #prizePage .ui-widget-content .ui-state-default, #prizePage .ui-widget-header .ui-state-default { background-image: url('/_img/layout/bg-slider-handle.png'); border-width: 0; } #findPrize .ui-slider .ui-slider-handle, #prizePage .ui-slider .ui-slider-handle { width: 18px; height: 18px; } #findPrize .sliderInfo { text-align: center; width: 291px; } .sideInfoWithIco { padding-bottom: 15px; } .sideInfoWithIco .ico { float: left; margin: 0 15px 0 0; } .sideInfoWithIco .info { float: left; width: 240px; padding-top: 6px; } .editorText ul.shippingUL { clear: both; } .editorText ul.shippingUL li { padding-bottom: 15px; } /* /elementy prawej kolumny */ /* content */ .gridPrizeCatalogue { padding: 0 0 10px 5px; clear: both; float: left; width: 645px; } .gridPrizeCatalogue .item { float: left; width: 312px; height: 150px; overflow: hidden; padding: 5px; background: transparent url('/_img/layout/bgGridPrizeCatalogueItem.png') no-repeat 0 0; cursor: pointer; position: relative; } .gridPrizeCatalogue .item .bgImage { width: 100%; height: 100%; background: transparent none no-repeat 100% 100%; } .gridPrizeCatalogue .item .bgOutline { width: 100%; height: 100%; background: transparent none no-repeat 0 0; } .gridPrizeCatalogue .selectedItem .bgOutline { background-image: url('/_img/layout/bgGridPrizeCatalogueItemSelected.png'); } .gridPrizeCatalogue .item .category { padding: 15px 10px 0 12px; width: 290px; height: 80px; } .gridPrizeCatalogue .item .category, .gridPrizeCatalogue .item .category a { color: #d31d04; font-size: 20px; line-height: normal; font-weight: normal; } .gridPrizeCatalogue .item .desc { padding: 0 0 0 12px; width: 160px; } .gridPrizeCatalogue .item .news-ribbon { position: absolute; top: 1px; right: 1px; } #categoryPageHeader { padding: 0 0 0 12px; width: 623px; clear: both; float: left; border-bottom: solid 1px #f2f2f2; } #categoryPageHeader .info { float: left; width: 305px; padding-top: 12px; } #categoryPageHeader.isNotHiper .topInfo { height: 130px; overflow: hidden; } #categoryPageHeader .img { float: left; } #categoryPageHeader .categoryName { font-size: 24px; letter-spacing: -1px; font-weight: normal; } #categoryPageHeader.isNotHiper .categoryName { color: #d31d04; padding-bottom: 5px; } #categoryPageHeader.isHiper .categoryName { padding-bottom: 30px; text-transform: uppercase; } #categoryPageHeader.new .categoryName { color: #ff6600; } #categoryPageHeader.special .categoryName { color: #a30592; } #categoryPageHeader.vitay .categoryName { color: #009eca; } #categoryPageHeader .desc { color: #333333; font-size: 14px; } #categoryPageHeader.isHiper .desc { display: none; } .gridSorter, .gridSorter .sorterLine { clear: both; width: 100%; float: left; } .gridSorter .label { float: left; } .gridSorter .item { float: left; padding: 0 0 0 6px; margin: 0 0 0 4px; background: transparent url('/_img/layout/bgSorterSeparator.png') no-repeat 0 2px; } .gridSorter .item:first-child { padding-left: 0; background-image: none; } .gridSorter .item a { float: left; } .gridSorter .item.selected a { color: #999999; } .gridSorter .item.selectedAsc a, .gridSorter .item.selectedDesc a { padding-right: 17px; margin-right: 4px; background: transparent url('/_img/layout/arrow-sprite.png') no-repeat 100% 4px; } .gridSorter .item.selectedAsc a { background-position: 100% 4px; } .gridSorter .item.selectedDesc a { background-position: 100% -6px; } #categoryPageHeader.isHiper .gridSorter { padding-bottom: 15px; } .prizeGrid { clear: both; float: left; width: 635px; background: #ffffff none repeat-y 0 0; } .prizeGrid .item { float: left; overflow: hidden; margin: 0 1px 0 0; background: #ffffff none no-repeat 0 0; cursor: default; } .prizeGrid .item.lastInRow { margin-right: 0; } .prizeGrid .separator { float: left; clear: both; width: 100%; font-size: 0; line-height: 0; height: 1px; background-color: #ececec; } .prizeGrid .buttons { overflow: hidden; clear: both; visibility: hidden; } .prizeGrid .buttons .btnAddToWishList { margin: 2px 0 0 0; float: left; background: transparent url('/_img/layout/bgStar.png') no-repeat 0 0; } .prizeGrid .buttons .btnOrder { margin: 0; float: right; background: transparent url('/_img/layout/bgBasket.png') no-repeat 100% 0; } .prizeGrid .buttons .info { font-size: 10px; float: right; padding-top: 5px; white-space: nowrap; } .prizeGrid .item.hover .buttons { visibility: visible; } .prizeGrid .img { height: 125px; clear: both; margin: 0 auto; text-align: center; overflow: hidden; } .prizeGrid .hiperLabelContainer { height: 23px; clear: both; text-align: center; float: left; width: 100%; } .prizeGrid .hiperLabelContainer span { text-transform: uppercase; color: #ffffff; font-size: 11px; padding: 3px 0 4px 0; margin: 0 auto; white-space: nowrap; display: block; width: 130px; } .prizeGrid .prizeName { clear: both; padding: 0; } .prizeGrid .prizeName, .prizeGrid .prizeName a { font-size: 12px; font-weight: normal; color: #333333; } .prizeGrid .points { clear: both; padding: 0; font-weight: bold; color: #d31d04; } .prizeGrid .points .oldPoints { text-decoration: line-through; font-size: 11px; } .prizeGrid .whenYouBuyItem, .prizeGrid .gridTitle { padding: 5px 13px; width: 610px; clear: both; float: left; background-color: #ffffff; border-bottom: solid 1px #ececec; } .prizeGrid .whenYouBuyItem .label, .prizeGrid .gridTitle { font-size: 18px; letter-spacing: -1px; color: #333333; float: left; padding-right: 10px; white-space: nowrap; } .prizeGrid .gridTitle a { font-size: 18px; letter-spacing: -1px; color: #333333; } .prizeGrid .gridTitle a.enhanced { color: #D21D04; } .prizeGrid .gridTitle .linkRight { font-size: 12px; letter-spacing: 0; float: right; white-space: nowrap; margin-top: 4px; } .prizeGrid .whenYouBuyItem img { float: left; margin: 1px 0 3px 0; } .prizeGrid .vitay .hiperLabelContainer span { background-color: #009eca; } .prizeGrid .new .hiperLabelContainer span { background-color: #ff6600; } .prizeGrid .special .hiperLabelContainer span { background-color: #a30592; } .prizeGrid .cheaper .hiperLabelContainer span { background-color: #134a75; } .prizeGrid .vitay .points { color: #009eca; } .prizeGrid .new .points { color: #ff6600; } .prizeGrid .special .points { color: #a30592; } .prizeGrid .cheaper .points { color: #134a75; } .prizeGridSmall { background-image: url('/_img/layout/bgGrid4col.png'); } .prizeGridSmall .item { width: 158px; height: 237px; background-image: url('/_img/layout/bgGridSmallItem-sprite.png'); } .prizeGridSmall .buttons { width: 140px; height: 21px; padding: 9px 9px 0 9px; } .prizeGridSmall .buttons .btnAddToWishList { width: 17px; height: 17px; } .prizeGridSmall .buttons .btnOrder { width: 22px; height: 21px; } .prizeGridSmall .buttons .btnAddToWishList span, .prizeGridSmall .buttons .btnOrder span { display: none; } .prizeGridSmall .prizeName { margin: 0 auto; width: 150px; text-align: center; } .prizeGridSmall .points { margin: 0 auto; width: 150px; text-align: center; } .prizeGridSmall .item.hover { background-position: 0 -247px; } .prizeGridSmall .vitay.hover { background-position: 0 -494px; } .prizeGridSmall .new.hover { background-position: 0 -741px; } .prizeGridSmall .special.hover { background-position: 0 -988px; } .prizeGridSmall .cheaper.hover { background-position: 0 -1235px; } .prizeGridFull { background-image: url('/_img/layout/bgGrid2col.png'); } .prizeGridFull .item { width: 317px; height: 200px; background-image: url('/_img/layout/bgGridFullItem-sprite.png'); position: relative; } .prizeGridFull .left { float: left; width: 157px; } .prizeGridFull .right { float: left; width: 150px; margin-right: 10px; } .prizeGridFull .virtual-prize-icon { position: absolute; right: 11px; bottom: 11px; } .prizeGridFull .buttons { width: 285px; height: 25px; padding: 11px 17px 0 15px; } .prizeGridFull .buttons .btnAddToWishList { padding: 3px 0 0 20px; height: 21px; } .prizeGridFull .buttons .btnOrder { padding: 5px 25px 0 5px; height: 21px; } .prizeGridFull .buttons .btnAddToWishList span, .prizeGridFull .buttons .btnOrder, .prizeGridFull .buttons .btnAddToWishList, .prizeGridFull .buttons .btnOrder span, .prizeGridFull .buttons .btnAddToWishList span:hover, .prizeGridFull .buttons .btnOrder span:hover { color: #666666; font-size: 10px; } .prizeGridFull .prizeName { padding-bottom: 5px; } .prizeGridFull .points { margin: 0; width: 100%; padding-bottom: 5px; } .prizeGridFull .desc { font-size: 11px; padding-bottom: 5px; } .prizeGridFull .specialDesc { font-size: 11px; font-weight: bold; text-align: right; } .prizeGridFull .item.hover { background-position: 0 -210px; } .prizeGridFull .vitay.hover { background-position: 0 -420px; } .prizeGridFull .new.hover { background-position: 0 -630px; } .prizeGridFull .special.hover { background-position: 0 -840px; } .prizeGridFull .cheaper.hover { background-position: 0 -1050px; } .subcategories-grid-wrapper { } .subcategories-grid-wrapper > .top { height: 9px; background-image: url('/_img/layout/bgMainTopShadowSubcategories.png'); } .subcategories-grid-wrapper .subcategory { padding: 8px 12px; border-bottom: solid 1px #f0f0f0; font-weight: normal; } .subcategories-grid-wrapper .subcategory a { font-size: 24px; } .subcategories-grid-wrapper .prizeGridMore { text-align: center; float: left; padding: 117px 0 0 0; height: 120px; width: 158px; text-transform: lowercase; font-size: 11px; background: transparent url('/_img/layout/bgRedDots.png') no-repeat 50% 98px; } .K2Pager { width: 100%; clear: both; text-align: center; padding-bottom: 10px; } .K2Pager .separator { padding: 0 2px; color: #999999; } .K2Pager .pages { padding: 0 20px; } .K2Pager .pages .page, .K2Pager .pages .pageSelected { padding: 0 3px; } .K2Pager .pages .pageSelected { color: inherit; } .K2Pager .prevPage { padding-left: 15px; background: url('/_img/layout/bgBulletRed.png') no-repeat 0 4px; } .K2Pager .nextPage { padding-right: 15px; background: url('/_img/layout/bgBulletRedRight.png') no-repeat 100% 4px; } .K2Pager .prevPageNoActive { padding-left: 15px; background: url('/_img/layout/bgBulletGray.png') no-repeat 0 4px; } .K2Pager .nextPageNoActive { padding-right: 15px; background: url('/_img/layout/bgBulletGrayRight.png') no-repeat 100% 4px; } #prizePage .prize { width: 605px; clear: both; float: left; padding: 20px 15px; } #prizePage .prizeInfo { clear: both; float: left; width: 100%; } #prizePage .prize .left { float: left; width: 295px; margin: 0 10px 0 0; } #prizePage .prize .right { float: left; width: 300px; } #prizePage .prize .hiperLabelContainer { height: 23px; clear: both; padding: 0 0 5px 0; } #prizePage .prize .hiperLabelContainer span { text-transform: uppercase; color: #ffffff; font-size: 11px; padding: 3px 0 4px 0; white-space: nowrap; background-color: #000000; width: 130px; text-align: center; display: block; } #prizePage .prize.vitay .hiperLabelContainer span { background-color: #009eca; } #prizePage .prize.new .hiperLabelContainer span { background-color: #ff6600; } #prizePage .prize.special .hiperLabelContainer span { background-color: #a30592; } #prizePage .prize.cheaper .hiperLabelContainer span { background-color: #134a75; } #prizePage .prize .prizeName { clear: both; width: 100%; font-size: 24px; font-weight: normal; color: #333333; letter-spacing: -1px; padding: 0 0 15px 0; } #prizePage .prize .img { width: 100%; clear: both; text-align: center; padding: 0 0 20px 0; } #prizePage .prize .img img { cursor: pointer; margin: 0 auto; display: block; } #prizePage .slider { clear: both; float: left; padding: 0 0 0 10px; } #prizePage .slider .prizeCarouselPrev, #prizePage .slider .prizeCarouselNext { float: left; width: 11px; height: 55px; margin: 1px 0 0 0; font-size: 0; line-height: 0; cursor: pointer; background: transparent none 0 0; } #prizePage .slider .prizeCarouselPrev { background-image: url('/_img/layout/bgSliderLeft.png'); } #prizePage .slider .prizeCarouselNext { background-image: url('/_img/layout/bgSliderRight.png'); } #prizePage .slider .prizeCarouselPrev span, #prizePage .slider .prizeCarouselNext span { display: none; } #prizePage .pointsAndMoney { background-color: #f1f1f1; border: 2px solid #ccc; padding: 10px 15px; margin: 0 0 15px 0 } #prizePage .pointsAndMoneyHeader { font-size: 18px; color: #666 } #prizePage .pointsAndMoneyHeader input { font-size: 18px; color: #cc3300; width: 78px; margin-right: 6px } #prizePage .pointsAndMoneyHeader input, #prizePage .pointsAndMoneyHeader .red { float: left } #prizePage .pointsAndMoneyHeader .andGrey { color: #666; margin-left: 5px; } #prizePage .amountContainer { float: right } #prizePage .amountContainer .moneyLabel { margin-left: 7px; } #prizePage .sliderInfo { text-align: center; font-style: italic; clear: both } #prizePage .btnMore { background: url('/_img/layout/arrowDown.png') no-repeat right center; padding-right: 12px } #prizePage .btnLess { background: url('/_img/layout/arrowUp.png') no-repeat right center; padding-right: 12px } .prizeCarousel { overflow: hidden; position: relative; z-index: 2; left: 0px; float: left; } .prizeCarousel ul { margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; } .prizeCarousel ul li { overflow: hidden; margin: 0 3px; } .prizeCarousel ul li img { width: 55px; height: 55px; border: solid 1px #dedede; cursor: pointer; } #prizePage #onlyForSuperVitayClubInfo { float: left; width: 100%; clear: both; font-weight: bold; font-size: 12px; padding: 0 0 20px 0; text-align: right; color: #333333; } #prizePage #onlyForVervaClubInfo { float: left; width: 100%; clear: both; font-weight: bold; font-size: 12px; padding: 0 0 20px 0; text-align: right; color: #333333; } #prizePage .brandPicture { clear: both; margin: 0 0 10px 0; } #prizePage .prize .desc { font-size: 12px; line-height: 140%; padding: 0 0 10px 0; clear: both; } #prizePage .prize .specialDesc { font-size: 11px; line-height: 140%; padding: 0 0 10px 0; clear: both; font-weight: bold; text-align: right; } #prizePage .prize .desc ul { margin: 0 0 5px 0; padding: 0; list-style-type: square; } #prizePage .prize .desc ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 0 35px; padding: 1px 0; } #prizePage .prize .desc ol { margin: 0 0 5px 0; padding: 0; list-style-type: decimal; } #prizePage .prize .desc ol li { list-style-type: decimal; list-style-position: outside; margin: 0 0 0 35px; padding: 1px 0; } #prizePage .prize .virtual-prize-icon-container { padding: 0 0 10px 0; } #prizePage .prize .points { clear: both; padding: 0 0 15px 0; font-size: 20px; letter-spacing: -1px; font-weight: normal; color: #d31d04; } #prizePage .prize .points .oldPoints { text-decoration: line-through; font-size: 14px; } #prizePage .prize .vitay .points { color: #009eca; } #prizePage .prize .new .points { color: #ff6600; } #prizePage .prize .special .points { color: #a30592; } #prizePage .prize .buttons { width: 100%; clear: both; } #prizePage .prize .buttons .info { width: 100%; clear: both; float: left; } #prizePage .prize .buttons .btnOrder { width: 131px; padding: 8px 0 0 23px; margin: 0 10px 0 0; height: 24px; background: transparent url('/_img/layout/bgBasketBig.png') no-repeat 0 0; float: left; } #prizePage .prize .buttons .btnOrder:hover { text-decoration: none; } #prizePage .prize .buttons .btnOrder span { color: #ffffff; font-weight: bold; font-size: 14px; } #prizePage .prize .buttons .btnOrder:hover span { text-decoration: underline; } #prizePage .prize .buttons .btnAddToWishList { margin: 6px 0 0 0; padding: 2px 0 0 23px; min-height: 17px; float: left; background: transparent url('/_img/layout/bgStar.png') no-repeat 0 0; } #prizePage .prize .buttons .btnAddToWishList span { font-size: 11px; color: #999999; } #prizePage .prize .buttons .btnAddToWishList:hover { text-decoration: none; } #prizePage .prize .buttons .btnAddToWishList:hover span { text-decoration: underline; } #prizePage .prize .buttons #orderInfo { float: left; width: 100%; color: #333333; font-size: 11px; padding-top: 5px; } #prizePage .prizeSocialBox { clear: both; float: left; width: 635px; margin: 20px 0 0 -15px; border-top: solid 1px #eaeaea; padding: 15px 0; } #prizePage .prizeSocialBox .left { float: left; width: 310px; margin: 0 10px 0 0; } #prizePage .prizeSocialBox .right { float: left; width: 315px; } #prizeRating { } #prizeRating .vote-box { width: 275px; float: right; margin: 0 35px 0 0; } #prizeRating .vote-box .label { float: right; font-size: 11px; color: #999999; padding: 10px 0 0 0; } #prizeRating .vote-box .vote { width: 32px; height: 32px; font-size: 0; line-height: 0; background: transparent none no-repeat 0 0; float: right; margin: 0 0 0 10px; } #prizeRating .vote-box .vote:hover { text-decoration: none; opacity: 0.8; filter: alpha(opacity=80); } #prizeRating .vote-box .yes { background-image: url('/_img/layout/bg-prize-vote-yes.png'); } #prizeRating .vote-box .no { background-image: url('/_img/layout/bg-prize-vote-no.png'); } #prizeRating .vote-results { width: 157px; float: right; margin: 0 35px 0 0; } #prizeRating .vote-results .vote-bar { clear: both; width: 100%; height: 13px; font-size: 0; line-height: 0; margin: 0 0 10px 0; background: transparent url('/_img/layout/bg-prize-vote-result-bar-red.png') no-repeat 0 0; } #prizeRating .vote-results .vote-bar .inside { clear: both; height: 13px; font-size: 0; line-height: 0; background: transparent url('/_img/layout/bg-prize-vote-result-bar-green.png') no-repeat 0 0; } #prizeRating .vote-count { clear: both; width: 100%; float: left; } #prizeRating .vote-count .yes, #prizeRating .vote-count .no { width: 78px; float: left; color: #000000; font-size: 11px; } #prizeRating .vote-count .no { text-align: right; } #prizeCatalogueSearchPage .pageTitle { font-size: 24px; padding: 13px 0 5px 15px; } #prizeCatalogueSearchPage .searchResultsLabel { padding: 0 15px 15px 15px; } #prizeCatalogueSearchPage .gridSorter { padding: 0 15px 15px 15px; width: 606px; border-bottom: solid 1px #ececec; } .emptyGridNotifier { padding: 15px; font-size: 14px; } #prizeCatalogueSearchPage .emptyGridNotifier { padding-top: 0; } .mainPageSliderContainer { width: 949px; clear: both; float: left; background: transparent url('/_img/layout/bgMainPageSlider.png') no-repeat 0 0; padding: 0 0 20px 11px; } #mainPageSlider { width: 935px; height: 279px; margin: 0; clear: both; position: relative; overflow: hidden; float: left; } #mainPageSlider .oneSection { width: 623px; height: 264px; padding-bottom: 5px; float: left; position: absolute; background: transparent url('/_img/layout/bgMainPageSliderBottom.png') no-repeat 0 100%; } #mainPageSlider #divNews.oneSection { left: 0px; } #mainPageSlider #divSpecial.oneSection { left: 623px; } #mainPageSlider #divOnlyOnVitay.oneSection { left: 779px; } #mainPageSlider .oneSectionSelected { height: 274px; background-image: url('/_img/layout/bgMainPageSliderSelectedBottom.png'); } #mainPageSlider .prizeGrid { background-image: url('/_img/layout/bgSliderHP-sprite.png'); background-position: 300px 0; width: 624px; } #mainPageSlider .oneSection .prizeGrid .item { margin-right: 0; width: 155px; height: 222px; border-right: solid 1px #d9d9d9; } #mainPageSlider .oneSectionSelected .prizeGrid .item { height: 237px; } #mainPageSlider .oneSection .sectionTitle { height: 28px; clear: both; overflow: hidden; margin-top: 14px; } #mainPageSlider .oneSection .sectionTitle .category { width: 145px; padding: 8px 0 0 10px; height: 20px; background: transparent url('/_img/layout/bgBulletWhiteRight.png') no-repeat 135px 11px; float: left; font-size: 11px; text-transform: uppercase; font-weight: normal; color: #fafafa; border-right: solid 1px #ffffff; } #mainPageSlider .oneSection .showAllLink { display: none; padding-top: 7px; } #mainPageSlider .oneSection .item .buttons { height: 16px; } #mainPageSlider .oneSectionSelected .sectionTitle { height: 32px; clear: both; overflow: hidden; padding: 5px 0 0 0; margin-top: 0; background: #ffffff url('/_img/layout/bgMainPageSliderSelectedTop.png') no-repeat 0 0; } #mainPageSlider .oneSectionSelected .sectionTitle .category { background-image: none; margin-right: 15px; border-right-width: 0; font-size: 12px; height: 24px; } #mainPageSlider .oneSectionSelected .showAllLink { display: block; float: left; } #mainPageSlider .oneSectionSelected .item .buttons { height: 21px; } #mainPageSlider #divNews.oneSection .sectionTitle .category { background-color: #ff6600; border-right-color: #ff6600; } #mainPageSlider #divNews.oneSectionSelected .showAllLink a { color: #ff6600; } #mainPageSlider #divNews.oneSectionSelected .prizeGrid { background-position: 0 0; } #mainPageSlider #divSpecial.oneSection .sectionTitle .category { background-color: #a30592; border-right-color: #a30592; } #mainPageSlider #divSpecial.oneSectionSelected .showAllLink a { color: #a30592; } #mainPageSlider #divSpecial.oneSectionSelected .prizeGrid { background-position: 0 -287px; } #mainPageSlider #divOnlyOnVitay.oneSection .sectionTitle .category { background-color: #009eca; border-right-color: #009eca; } #mainPageSlider #divOnlyOnVitay.oneSectionSelected .showAllLink a { color: #009eca; } #mainPageSlider #divOnlyOnVitay.oneSectionSelected .prizeGrid { background-position: 0 -574px; } #mainPageSlider .oneSection .prizeGrid .item { background-color: transparent; background-image: url('/_img/layout/bgGridSmallItemSlider-sprite.png'); } #mainPageSlider .oneSectionSelected .prizeGrid .item { margin-right: 1px; border-right-width: 0; } #mainPageSlider #divNews.oneSection .prizeGrid .item.hover { background-position: 0 -494px; } #mainPageSlider #divSpecial.oneSection .prizeGrid .item.hover { background-position: 0 -741px; } #mainPageSlider #divOnlyOnVitay.oneSection .prizeGrid .item.hover { background-position: 0 -247px; } #mainPageSlider #divNews.oneSection .prizeGrid .item .points { color: #ffb27f; } #mainPageSlider #divSpecial.oneSection .prizeGrid .item .points { color: #d182c8; } #mainPageSlider #divOnlyOnVitay.oneSection .prizeGrid .item .points { color: #7fcee4; } #mainPageSlider #divNews.oneSectionSelected .prizeGrid .item .points { color: #ff6600; } #mainPageSlider #divSpecial.oneSectionSelected .prizeGrid .item .points { color: #a30592; } #mainPageSlider #divOnlyOnVitay.oneSectionSelected .prizeGrid .item .points { color: #009eca; } #mainPageSlider .oneSection .prizeGrid .item .img img { opacity: 0.5; filter: alpha(opacity=50); } #mainPageSlider .oneSection .prizeGrid .item .prizeName a { color: #999999; } #mainPageSlider .oneSectionSelected .prizeGrid .item .img img { opacity: 1; filter: alpha(opacity=100); } #mainPageSlider .oneSectionSelected .prizeGrid .item .prizeName a { color: #333333; } #hpBottomBoxes { clear: both; width: 941px; padding: 0 9px; margin-bottom: 20px; float: left; background: transparent url('/_img/layout/bgHpBottom.png') repeat-y 0 0; } #hpBottomBoxes #divBoxPollSurvey { float: left; width: 305px; margin: 0 18px 0 0; padding-bottom: 10px; } #hpBottomBoxes #hpStaticCreation { float: left; width: 295px; margin: 0 8px 0 0; padding-bottom: 10px; } #hpBottomBoxes #hpBottomCreation { float: left; width: 315px; overflow: hidden; } #hpBottomBoxes > div > h4 { font-size: 18px; color: #333333; font-weight: normal; letter-spacing: -1px; padding: 10px 0 5px; } #hpBottomBoxes #divBoxPollSurvey .question { margin-bottom: 10px; } #hpBottomBoxes #divBoxPollSurvey #divAnswers { margin-top: 10px; margin-bottom: 10px; width: 100%; clear: both; float: left; } #hpBottomBoxes #divBoxPollSurvey .option { margin-bottom: 3px; width: 100%; clear: both; float: left; } #hpBottomBoxes #divBoxPollSurvey .option input { float: left; margin: 0 5px; padding: 0; } * + HTML #hpBottomBoxes #divBoxPollSurvey .option input { height: 15px; } #hpBottomBoxes #divBoxPollSurvey .option label { float: left; width: 270px; } #hpBottomBoxes #divBoxPollSurvey #divError { margin-bottom: 5px; } #hpBottomBoxes #divBoxPollSurvey .answerContainer { margin-bottom: 5px; width: 100%; clear: both; float: left; } #hpBottomBoxes #divBoxPollSurvey .answerContainer .answer { margin-bottom: 2px; width: 100%; clear: both; float: left; } #hpBottomBoxes #divBoxPollSurvey .answerContainer .answerChart { float: left; width: 250px; margin: 0 10px 0 0; height: 14px; font-size: 0; line-height: 0; background-color: #dfdfdf; } #hpBottomBoxes #divBoxPollSurvey .answerContainer .answerChart div { background-color: #d31d04; height: 100%; } #hpBottomBoxes #divBoxPollSurvey .answerContainer .percent { width: 40px; float: left; } #hpBottomBoxes #divBoxPollSurvey .pollInfo { margin-top: 10px; margin-bottom: 10px; font-size: 11px; } #hpBottomBoxes #divBoxPollSurvey .surveyBox { background: transparent url('/_img/layout/bgSurveyBox.jpg') no-repeat 0 0; width: 275px; height: 270px; padding: 0 15px; } #hpBottomBoxes #divBoxPollSurvey .surveyBox h4 { font-size: 18px; color: #333333; font-weight: normal; letter-spacing: -1px; padding: 15px 0 25px 0; } #hpBottomBoxes #divBoxPollSurvey .surveyBox .top { width: 100%; clear: both; height: 135px; overflow: hidden; margin: 0 0 10px 0; } #hpBottomBoxes #divBoxPollSurvey .surveyBox .surveyTitle { clear: both; width: 200px; font-weight: bold; color: #d81e04; font-size: 16px; padding: 0 0 26px 0; } #hpBottomBoxes #divBoxPollSurvey .surveyBox .surveyInfo { clear: both; width: 130px; } .productsTable { width: 100%; clear: both; } .productsTable td, .productsTable th { padding: 10px 5px; border-bottom: solid 1px #f2f2f2; vertical-align: top; text-align: left; } .productsTable th { padding-top: 15px; font-size: 14px; font-weight: normal; color: #999999; } .productsTable td.prizeNameContainer { border-bottom-width: 0; padding-bottom: 0; } .productsTable .prizeName, .productsTable .prizeName a { font-size: 12px; color: #333333; font-weight: bold; } .productsTable td.prizeImg { text-align: center; } .productsTable td.prizeInfo .desc { font-size: 11px; padding-bottom: 20px; } .productsTable td.prizeInfo a { font-size: 11px; } .productsTable td.reqPoints { color: #d21d04; } .productsTable td.lack { font-weight: bold; width: 130px; } .productsTable td.lack .noLack .label { color: #d21d04; } .productsTable td.lack .noLack a { background-color: #d31d04; color: #ffffff; font-weight: bold; padding: 3px 0; margin-top: 5px; width: 125px; cursor: pointer; display: block; text-align: center; vertical-align: middle; } .productsTable td.points { color: #d21d04; } .productsTable .buttons { clear: both; width: 100%; float: left; } .productsTable .buttons a { display: block } .productsTable .buttons a:first-child { border-left-width: 0; padding-left: 0; margin-left: 0; } .productsTableSummary td.prizeImg { width: 52px; } .productsTableSummary td.prizeImg img { border: solid 1px #f1f1f1 !important; } .productsTableSummary td.points { color: #666666 !important; } .productsTableSummary .totalRow .label { color: #333333; text-align: right; font-size: 16px; font-weight: bold; } .productsTableSummary .totalRow .points { font-size: 16px; font-weight: bold; color: #333333 !important; } .ordersTable { width: 100%; clear: both; } .ordersTable td, .ordersTable th { padding: 10px 10px; border-bottom: solid 1px #f2f2f2; vertical-align: top; text-align: left; } .ordersTable th { padding-top: 15px; font-size: 14px; font-weight: normal; color: #999999; } .ordersTable td { color: #333333; } .massagesTable { width: 100%; clear: both; } .massagesTable td, .massagesTable th { padding: 10px 10px; border-bottom: solid 1px #f2f2f2; vertical-align: top; text-align: left; } .massagesTable th { padding-top: 15px; font-size: 14px; font-weight: normal; color: #999999; } .massagesTable td { color: #333333; font-size: 12px; } .massagesTable td.dateTime .time { color: #999999; font-size: 11px; } .massagesTable td.titleAndTeaser .title { margin-bottom: 5px; } .massagesTable td.titleAndTeaser .teaser { font-size: 11px; color: #999999; } .massagesTable tr.notRead td.titleAndTeaser .title, .massagesTable tr.notRead td.titleAndTeaser .title a { font-weight: bold; } .massagesTable tr.notRead td.titleAndTeaser .teaser { color: #666666; } .massagesTableSec { width: 100%; clear: both; } .massagesTableSec td, .massagesTableSec th { padding: 10px; border: solid 1px #fff; vertical-align: top; text-align: left; } .massagesTableSec th { background-color: #D81E04; color: #fff; font-size: 14px; font-weight: normal; } .massagesTableSec td { color: #333333; font-size: 12px; background-color: #F0F0F0; color: #676D6F; } .massagesTableSec td.dateTime .time { color: #999999; font-size: 11px; } .massagesTableSec td.titleAndTeaser .title { margin-bottom: 5px; } .massagesTableSec td.titleAndTeaser .teaser { font-size: 11px; color: #999999; } .massagesTableSec tr.notRead td.titleAndTeaser .title, .massagesTableSec tr.notRead td.titleAndTeaser .title a { font-weight: bold; } .massagesTableSec tr.notRead td.titleAndTeaser .teaser { color: #666666; } .massagesTableSec tr.special td { font-weight: bold; color: #D81E04; } .messagesActions { clear: both; float: left; padding: 15px; width: 606px; } .messagesActions a { float: left; padding: 0 0 0 10px; margin: 0 0 0 8px; background: transparent url('/_img/layout/bgSorterSeparator.png') no-repeat 0 2px; } .messagesActions a:first-child { padding-left: 0; margin-left: 0; background-image: none; } #messagePage .messagesActions { border-bottom: solid 1px #f2f2f2; margin-bottom: 10px; padding-bottom: 10px; } #messagePage .dateTime { padding: 0 15px 10px 15px; clear: both; } #messagePage .dateTime .time { color: #999999; } #messagePage .pageSubtitle { padding-bottom: 10px; } #messagePage .text { margin-bottom: 20px; padding: 0 15px; } #messagePage .text ul { margin: 0 0 5px 0; padding: 0; list-style-type: square; } #messagePage .text ul li { list-style-type: disc; list-style-position: outside; margin: 0 0 0 35px; padding: 1px 0; } #messagePage .text ol { margin: 0 0 5px 0; padding: 0; list-style-type: decimal; } #messagePage .text ol li { list-style-type: decimal; list-style-position: outside; margin: 0 0 0 35px; padding: 1px 0; } #messagePage .text p { margin: 0 0 5px 0; } .cardNumberControl input[type="text"], #contactForm .cardNumberControl input[type="text"] { text-align: center; width: 20px; float: left; margin: 0; } .cardNumberControl input.readonly { background-color: #f0f0f0; color: #cccccc; } .cardNumberControl input[type="text"].withSpace { margin-right: 10px !important; } .passStrength { padding: 1px 10px; color: #000000; margin-left: 10px; font-size: 11px; } .passStrength1 { background-color: #ff0000; } .passStrength2 { background-color: #ffa500; } .passStrength3 { background-color: #ffff00; } .passStrength4 { background-color: #00ff00; } /* #myAccountPage .left {width: 295px; float: left; padding: 15px;} #myAccountPage .right {width: 310px; float: left;} #myAccountPage .balance {padding-bottom: 10px;} #myAccountPage .balance .label {font-size: 18px; color: #333333;} #myAccountPage .balance .points {font-size: 30px; color: #a80808; font-weight: bold; line-height: 36px;} #myAccountPage .balance .points .suffix {font-size: 36px; font-weight: normal; letter-spacing: -3px;} #myAccountPage .balanceMonth {padding-bottom: 10px; font-size: 17px; font-weight: bold; color: #333333; letter-spacing: -1px;} #myAccountPage .balanceMonth .label, #myAccountPage .balanceMonth .points {display: inline;} #myAccountPage .balanceMonth .points {color: #a80808; padding-left: 5px; font-size: 17px; white-space: nowrap;} #myAccountPage .detailsLabel {font-size: 14px; color: #333333; font-weight: bold;} #myAccountPage .pointsTable, #myAccountPage .partnersPointsTable {width: 100%; clear: both;} #myAccountPage .pointsTable td {padding: 5px 0; border-bottom: solid 1px #c8c8c8;} #myAccountPage .pointsTable td.pts {font-size: 14px; font-weight: bold; color: #333333; text-align: right; } #myAccountPage .partnersPointsTable td {padding: 3px 0 3px 10px; font-size: 11px;} #myAccountPage .partnersPointsTable td.pts {font-weight: bold; color: #333333; text-align: right; padding-left: 0;} #myAccountPage .cardImage {width: 100%; height: 160px; overflow: hidden; margin: -60px 0 10px 0; background: transparent url('/_img/layout/bgVitayCard.png') no-repeat 93px 0;} #myAccountPage .checkYourBalance {background: #ffffff url('/_img/layout/bgCheckYourBalance.png') no-repeat 0 14px; padding: 0 13px;} #myAccountPage .checkYourBalance > * {background-color: #f1f1f1; padding: 0 10px; width: 265px;} #myAccountPage .checkYourBalance .title {padding-top: 15px; font-size: 16px; color: #333333;} #myAccountPage .checkYourBalance .subtitle {color: #333333;} #myAccountPage .checkYourBalance .check {padding-top: 10px; padding-bottom: 10px;} #myAccountPage .checkYourBalance .check select {float: left; margin-right: 7px; margin-top: 1px;} #myAccountPage .checkYourBalance .check select.year {width: 55px;} #myAccountPage .checkYourBalance .check select.month {width: 80px;} #myAccountPage .checkYourBalance .check select option[disabled] {color: #999999;} #myAccountPage .checkYourBalance .check input[type="submit"] {width: 75px; height: 20px;} #myAccountPage .checkYourBalance .showCurrent {padding-top: 10px; padding-bottom: 10px; border-top: solid 1px #ffffff;} */ #myAccountPage { position: relative; } #myAccountPage .cardImage { width: 167px; height: 139px; overflow: hidden; background: transparent url('/_img/layout/vitay-card-167x139.png') no-repeat; position: absolute; top: -53px; right: 24px; } #myAccountPage .up-balance { padding: 18px 20px; } .last-login { width: 260px; margin: 3px 0 0 30px; clear: none; } .last-login span { font: normal 11px/15px Arial; color: #6a6a6a; } .last-login span.last-bad { color: #b20d00; } #myAccountPage .bottom-sep-box { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 10px; } #myAccountPage .header { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 10px; } #myAccountPage .header .saldo-select { float: left; } #myAccountPage .header table { width: 420px; } #myAccountPage .header td { height: 68px; vertical-align: middle; } #myAccountPage .balance { float: left; width: 200px; color: #909090; font-size: 11px; text-align: center; padding: 0; } #myAccountPage .balance .points { color: #d41900; font-size: 30px; font-weight: bold; } #myAccountPage .balance .bloked-points strong { font-size: 14px; } #myAccountPage .balance .balanceDate { } #myAccountPage .filter-box { padding: 25px 15px; margin: 20px 0; } #myAccountPage .filter-box h3 { font-size: 18px; font-weight: normal; margin-bottom: 15px; } #myAccountPage .filter-box .line { margin: 7px 0; } #myAccountPage .filter-box select { margin-right: 10px; } #myAccountPage .filter-box .month, #myAccountPage .filter-box .cards { width: 280px; } #myAccountPage .filter-box .year { width: 150px; } #myAccountPage .filter-box .show-more { background-position: right 6px; font-weight: bold; line-height: 19px; float: right; } #myAccountPage .filter-box .summary { border-top: 1px solid #e0e0e0; font-size: 13px; padding-top: 20px; margin-top: 20px; overflow: hidden; } #myAccountPage .filter-box .summary li { width: 147px; padding: 0 20px; float: left; } #myAccountPage .filter-box .summary li + li { border-left: 1px solid #cecece; } #myAccountPage .filter-box .summary .value { font-size: 32px; } #myAccountPage .filter-box .summary .saldo { font-weight: bold; } .saldo-station-rating-link, .saldo-station-rating-link:hover { display: block; width: 580px; height: 75px; background: url('/_img/content/saldo-banner.jpg') no-repeat; color: #cc2c34; font-size: 18px; font-weight: bold; text-decoration: none; padding: 65px 0 0 15px; } .saldo-filter { color: #070707; } .saldo-filter .info { font-size: 14px; padding: 5px 0 15px; overflow: hidden; } .saldo-filter .info a { font-weight: bold; } .saldo-filter .info .label { float: left; width: 450px; } .saldo-filter .saldo-counter { float: right; position: static; } .saldo-filter .nav-belt { overflow: hidden; border-top: 1px solid #e4e4e4; padding: 20px 0; } .saldo-filter .nav-belt .points { float: left; color: #010101; font-size: 17px; font-weight: bold; line-height: 55px; } .saldo-filter .nav-belt .points + .points { padding-left: 20px; } .saldo-filter .nav-belt .numb { color: #d41900; font-size: 22px; } .saldo-filter .nav-belt .numb.minus { color: #a0a0a0; } .choice-box { float: right; height: 55px; } .choice-box .choice-info { float: left; width: 145px; height: 55px; background: transparent url('/_img/content/choice-box-bg.png') repeat-x; color: #000; font-size: 14px; font-weight: bold; line-height: 55px; text-align: center; } .choice-box .arrow { float: left; width: 40px; height: 55px; background: transparent url('/_img/content/choice-box-arrows.png') no-repeat; text-indent: -9999px; } .choice-box .arrow.prev { background-position: 0 0; } .choice-box .arrow.prev[disabled="disabled"], .choice-box .arrow.prev[disabled] { background-position: 0 -55px; } .choice-box .arrow.next { background-position: -40px 0; } .choice-box .arrow.next[disabled="disabled"], .choice-box .arrow.next[disabled] { background-position: -40px -55px; } .bloked-points { width: 100%; height: 60px; box-sizing: border-box; border: 1px solid #dbdbdb; border-radius: 10px; margin: 10px 0; padding: 15px 20px 0 50px; position: relative; } .bloked-points p { font-size: 14px; color: #4c4c4c; } .bloked-points::before { content: ' '; background: url(/_img/content/clock-expect.png) no-repeat; width: 35px; height: 35px; position: absolute; top: 50%; left: 10px; transform: translateY(-60%) scale(0.7); } .bloked-points strong { font-size: 18px; float: right; color: #b5b5b5; } .bloked-points .show-points { display: block; width: 100px; margin: auto; text-align: center; padding-right: 30px; } .bloked-points .trigger { color: #d41900; } .pointsInfobox { display: block; } .pointsInfobox::before, .pointsInfobox::after { content: ''; display: block; width: 100%; height: 10px; } .pointsInfobox::before { background: transparent url('/_img/boxes/saldo-box-top.png') no-repeat left top; } .pointsInfobox::after { background: transparent url('/_img/boxes/saldo-box-bottom.png') no-repeat left bottom; } .pointsInfobox .content { width: 557px; min-height: 38px; background-color: #f4f4f4; border-style: solid; border-color: #ddd; border-width: 0 1px; padding: 0 18px; overflow: hidden; } .pointsInfobox p { margin: 10px 0; color: #000; } .pointsInfobox mark { background-color: transparent; color: #d41900; } .pointsInfobox a { color: #d41900; text-transform: uppercase; text-decoration: underline; } .saldo-list { position: relative; } .saldo-list .pending { transition-property: height,opacity,visibility; transition-duration: .3s; transition-timing-function: ease-in-out; } .saldo-box { display: block; width: 595px; margin: 0 0 10px; } .saldo-box.top { background: transparent url('/_img/boxes/saldo-box-top.png') no-repeat left top; padding-top: 10px; } .saldo-box .bottom { background: transparent url('/_img/boxes/saldo-box-bottom.png') no-repeat left bottom; padding-bottom: 10px; } .saldo-box .middle { width: 557px; min-height: 38px; background-color: #f4f4f4; border-style: solid; border-color: #ddd; border-width: 0 1px; padding: 0 18px; overflow: hidden; } .saldo-box.open { } .saldo-box.open.top { background-image: url('/_img/boxes/saldo-white-box-top.png'); } .saldo-box.open .bottom { background-image: url('/_img/boxes/saldo-white-box-bottom.png'); } .saldo-box.open .middle { background-color: #fff; } .saldo-box .data { width: 100%; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; } .saldo-box .data td { height: 38px; vertical-align: middle; border: 0; padding: 0; } .saldo-box, .saldo-box p, .saldo-box td { color: #909090; font-size: 11px; } .saldo-box .info { width: 240px; } .saldo-box .headline { display: block; color: #1e1e1e; font-size: 14px; overflow: hidden; } .saldo-box .name { float: left; max-width: 350px; margin-right: 10px; } .saldo-box .pin { float: left; width: 14px; height: 15px; background: transparent url('/_img/content/saldo-pin.png') no-repeat; text-indent: -9999px; } .saldo-box .points { width: 240px; color: #d41900; font-size: 18px; font-weight: bold; text-align: right; } .saldo-box .points.minus, .saldo-box .points > .minus { color: #a0a0a0; } .saldo-box .show-more { width: 77px; background: transparent; text-align: center; } .saldo-box .hide-more { text-align: center; } .saldo-box .hide-more a { color: #2c2c2c; } .saldo-box .details { padding-top: 10px; } .saldo-box .details-table { width: 100%; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; } .saldo-box .details-table td { vertical-align: top; border: 0; padding: 0; } .saldo-box .details .line { border-top: 1px solid #ebebeb; padding: 5px 0 3px 15px; } .saldo-box .details .line .name { float: left; width: 380px; max-width: none; color: #909090; font-size: 12px; } .saldo-box .details .line .points { float: right; width: 150px; font-size: 14px; } .saldo-list .pagination { text-align: center; padding: 0 110px; } .saldo-list .pagination a { display: inline-block; } .saldo-list .pagination .page-link { padding: 0 3px; } .saldo-list .pagination .page-link + .page-link { border-left: 1px solid #4d4d4d; } .saldo-list .pagination .active { color: #4c4c4c; cursor: default; text-decoration: none; } .saldo-list .pagination .ellipse.less { margin-right: 3px; } .saldo-list .pagination .prev-link { background: url('/_img/layout/bgBulletRed.png') no-repeat left center; padding-left: 15px; margin-right: 10px; } .saldo-list .pagination .prev-link.no-more { background: url('/_img/layout/bgBulletGray.png') no-repeat left center; } .saldo-list .pagination .next-link { background: url('/_img/layout/bgBulletRedRight.png') no-repeat right center; padding-right: 15px; margin-left: 10px; } .saldo-list .pagination .next-link.no-more { background: url('/_img/layout/bgBulletGrayRight.png') no-repeat right center; } .saldo-list .pagination .no-more { color: #4c4c4c; cursor: default; text-decoration: none; } .ie7 .saldo-list .pagination a { display: inline; } .saldo-counter { position: absolute; right: 0; bottom: 0; font-size: 14px; padding-right: 20px; } .saldo-counter .range { color: #070707; } .saldo-counter .from { color: #b7b7b7; } .saldo-data .line, .saldo-data .row { overflow: hidden; } .saldo-data .box { border: 1px solid #dcdcdc; border-left-color: #fff; border-bottom-color: #f9f9f9; float: left; } .saldo-data .box .in { border-top: 1px solid #fff; padding: 15px; display: block; } .saldo-data td.box { float: none; } .promotion-codes { width: 280px; background-color: #fff; border: 1px solid #ebebeb; -webkit-box-shadow: -2px 0 2px 0 rgba(0,0,0,0.1); box-shadow: -2px 0 2px 0 rgba(0,0,0,0.2); padding: 20px; margin: 0 0 20px; float: right; } .promotion-codes h3 { font-size: 16px; font-weight: normal; margin-bottom: 20px; } .promotion-codes h3 span { color: #b10b00; font-size: 18px; font-weight: bold; } .promotion-codes input[type="text"] { display: block; width: 264px; height: 23px; border: 1px solid #b7b7b7; border-top-color: #a6a6a6; color: #aeaeae; line-height: 23px; margin: 0; } .promotion-codes input[type="text"].focus { color: #666; } .promotion-codes .message-info { text-align: center; margin: 20px 0; } /* #myCardsPage .cardList {clear: both; float: left; width: 100%; } #myCardsPage .cardList .item {width: 100%; clear: both; float: left; padding: 0 0 10px 0;} #myCardsPage .cardList .img {float: left; width: 90px; margin: 0 25px 0 0;} #myCardsPage .cardList .info {width: 135px; float: left; margin: 0 5px 0 0;} #myCardsPage .cardList .actionsWrapper {float: left; width: 340px; } #myCardsPage .cardList .actions {float: left; width: 310px; padding: 10px 15px; background-color: #f1f1f1;} #myCardsPage .cardList .actions a.submit {width: 200px; clear: both; margin-top: 5px;} #myCardsPage .cardList .actions a.orderSuperVitayCard {margin: 10px auto 0 auto; background-color: #d8a033;} #myCardsPage .orderAdditionalCard {width: 200px; margin-top: 10px;} #myCardsPage .additionalCardCost {font-weight: bold; font-size: 16px; margin-bottom: 5px;} */ #myCardsPage .myCards { border: solid 1px #e7e7e7; border-width: 0 1px 1px 1px; margin: 0 20px 20px 20px; width: 593px; clear: both; } #myCardsPage .myCards .header { background: transparent none no-repeat 50% 0; padding: 16px 25px 0 25px; color: #333333; font-size: 16px; font-weight: bold; clear: both; } #myCardsPage .myCards .header.mainCard { background-image: url('/_img/layout/bgMyCardsHeaderMainv2.png'); height: 65px; } #myCardsPage .myCards .header.additionalCard { background-image: url('/_img/layout/bgMyCardsHeaderAdditional.png'); height: 37px; } #myCardsPage #mainCard .cardList { clear: both; padding: 15px 0 0 25px; } #myCardsPage #mainCard .cardList .item { margin: 0 0 15px 0; } #myCardsPage #mainCard .cardList .img { width: 260px; float: left; margin: 0 10px 0 0; } #myCardsPage #mainCard .cardList .img img { width: 239px; height: 170px; } #myCardsPage #mainCard .cardList .info { width: 290px; float: left; } #myCardsPage #mainCard .oneLine .key, #myCardsPage #mainCard .oneLine .val { font-size: 16px; color: #333333; } #myCardsPage #mainCard .oneLine .val { font-weight: bold; } #myCardsPage #myAdditionalCards .myAdditionalCardsInner { padding: 25px; background-color: #f3f3f3; clear: both; } #myCardsPage #myAdditionalCards .columnTitle { color: #d81e04; font-size: 16px; font-weight: normal; margin: 0 0 15px 0; clear: both; } #myCardsPage #myAdditionalCards .twoEqColumns { background: transparent url('/_img/layout/bgMyCardsAdditional.png') repeat-y 270px 0; } #myCardsPage #myAdditionalCards .twoEqColumns .firstCol { width: 252px; margin: 0 44px 0 0; } #myCardsPage #myAdditionalCards .twoEqColumns .secondCol { width: 245px; } #myCardsPage #myAdditionalCards .twoEqColumns .secondCol .info, #myCardsPage #myAdditionalCards .twoEqColumns .secondCol .info p, #myCardsPage #myAdditionalCards .twoEqColumns .secondCol .info li { color: #333333; } #myCardsPage #myAdditionalCards .bgCards { background: transparent url('/_img/layout/bgAdditionalCards.png') no-repeat 0 13px; min-height: 165px; } #myCardsPage #myAdditionalCards .orderAdditionalCard { padding: 50px 0 0 0; } #myCardsPage #myAdditionalCards .orderAdditionalCard .btn { text-align: center; margin: 0 0 6px 0; } #myCardsPage #myAdditionalCards .orderAdditionalCard .btn img { margin: 0 auto; } #myCardsPage #myAdditionalCards .orderAdditionalCard .additionalCardInfo1 { text-align: center; color: #333333; font-size: 16px; margin-bottom: 35px; line-height: 140%; } #myCardsPage #myAdditionalCards .orderAdditionalCard .additionalCardInfo1 .points { color: #d4261d; } #myCardsPage #myAdditionalCards .orderAdditionalCard .additionalCardInfo1 .smaller { font-size: 12px; } #myCardsPage #myAdditionalCards .orderAdditionalCard .additionalCardInfo2 { color: #000000; font-size: 12px; line-height: 140%; } #myCardsPage #myAdditionalCards .orderAdditionalCard .additionalCardInfo2 .red { color: #d4261d; font-weight: bold; } #myCardsPage #myAdditionalCards .cantOrderAdditionalCard { text-align: center; color: #333333; font-size: 16px; line-height: 160%; padding-top: 65px; } #myCardsPage #myAdditionalCards .cardList { clear: both; } #myCardsPage #myAdditionalCards .cardList .item { margin: 0 0 15px 0; } #myCardsPage #myAdditionalCards .cardList .img { width: 113px; float: left; margin: 0 10px 0 0; } #myCardsPage #myAdditionalCards .cardList .img img { width: 113px; height: 80px; } #myCardsPage #myAdditionalCards .cardList .info { width: 129px; float: left; } #myCardsPage #myAdditionalCards .oneLine { padding-bottom: 5px; } #myCardsPage #myAdditionalCards .oneLine .val { font-weight: bold; } #myCardsPage #myAdditionalCards .cantOrderAdditionalCardNotMagnetic { color: #000000; } #myCardsPage #myAdditionalCards .cantOrderAdditionalCardNotMagnetic .red { color: #d81e04 } #myCardsPage #myAdditionalCards .cantOrderAdditionalCardNotMagnetic .info1 { clear: both; font-size: 14px; font-weight: bold; line-height: 150%; text-align: center; padding-bottom: 5px; padding-top: 10px; } #myCardsPage #myAdditionalCards .cantOrderAdditionalCardNotMagnetic .info2 { clear: both; font-size: 13px; line-height: 150%; text-align: center; padding-bottom: 30px; } #myCardsPage #myAdditionalCards .cantOrderAdditionalCardNotMagnetic .info3 { clear: both; font-size: 12px; padding-bottom: 20px; text-align: center; } #myCardsPage #myAdditionalCards .cantOrderAdditionalCardNotMagnetic .info4 { clear: both; font-size: 11px; } #myCardsPage .PartnerCardsWrapper h4.header.PartnerCards { color: #ffffff; } #myCardsPage .PartnerCardsWrapper .header.PartnerCards { background-image: url('/_img/layout/bgMyCardsHeaderPartnerCard.png'); height: 51px; } #myCardsPage .PartnerCardsWrapper .twoEqColumns { border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; width: 593px; margin: -18px 0 20px 0; } #myCardsPage .PartnerCardsWrapper .twoEqColumns .firstCol { padding-top: 45px; text-align: center; margin-right: 2% } #myCardsPage .PartnerCardsWrapper .twoEqColumns .PartnerCardsMore { margin-top: 15px; } #myCardsPage .PartnerCardsWrapper .twoEqColumns .secondCol { padding-top: 45px; } #myCardsPage .PartnerCardsWrapper .twoEqColumns .secondCol > img { margin-bottom: 27px; } #myCardsPage .PartnerCardsWrapper input[type="submit"] { background-color: none !important; } #myCardsPage .PartnerCardsWrapper .connectCard { font-size: 16px; font-weight: bold; color: #d91e04; margin-bottom: 6px; } #myCardsPage .PartnerCardsWrapper .connectCardNumber { margin-bottom: 10px; color: #000000; } #myCardsPage .PartnerCardsWrapper .connectedCardNumber { font-size: 19px; color: #333333; } #myCardsPage .PartnerCardsWrapper .PartnerCardsSubmit { background: url('/_img/layout/PartnerCardsSubmit.png') no-repeat; background-color: none; width: 90px !important; height: 33px !important; margin-top: 15px; } #myCardsPage .PartnerCardsWrapper .PartnerCardsMore a { color: #333333; padding: 0 5px 0 0; } #myCardsPage .PartnerCardsWrapper .PartnerCardsMore span.redArrow { background: url('/_img/layout/arrowRedRight.gif') no-repeat; width: 5px; height: 8px; display: inline-block; } #myCardsPage .PartnerCardsWrapper .PartnerCardsMore.regulations { margin: 30px 0 10px 67px; } #myCardsPage .PartnerCardsWrapper .PartnerCardsMore.regulations a { color: #999999; font-size: 11px; } #myCardsPage .PartnerCardsWrapper .PartnerCardsDelete { background: url('/_img/layout/PartnerCardsDelete.png') no-repeat; background-color: none; width: 90px !important; height: 33px !important; } #myCardsPage .PartnerCardsWrapper .PartnerCardsMoreInfo { color: #333333; } #myCardsPage .inner-my-cards { border: solid 1px #e7e7e7; } #myCardsPage .myCards.no-border { border: none !important; width: 595px; } #myCardsPage .PartnerCardsWrapper .twoEqColumns input[type=text] { width: 11px; height: 19px; margin-right: 1px; line-height: 19px; } .bannerPartnerCards { margin-left: 7px; } #orderSuperVitayCardPage input.orderSuperVitayCard { width: 300px; } #orderSuperVitayCardPage .regulationChb input { float: left; margin: 0; padding: 0; width: 30px; } #orderSuperVitayCardPage .regulationChb label { float: left; width: 375px; } #orderVervaCardPage input.orderSuperVitayCard { width: 300px; } #orderVervaCardPage .regulationChb input { float: left; margin: 0; padding: 0; width: 30px; } #orderVervaCardPage .regulationChb label { float: left; width: 375px; } #orderVervaCardPage input[type="submit"] { width: 200px; } #orderVervaCardPage .vervaCardSelectFieldset { padding-left: 10px; width: 540px; } #orderVervaCardPage .vervaCardSelect input { float: left; margin: 25px 7px 0 0; padding: 0; width: 13px; height: 13px; } #orderVervaCardPage .vervaCardSelect label { float: left; margin: 0 18px 0 0; } #orderVervaCardPage .vervaCardSelect label.last { margin-right: 0; } #orderVervaCardPage input.orderVervaCard { width: 300px; } #orderVervaCardPage .regulationChb input { float: left; margin: 0; padding: 0; width: 30px; } #orderVervaCardPage .regulationChb label { float: left; width: 375px; } .card-containe{ background-color: #EFF0F3; } .order-card { font-size: 14px; } .order-card__content { padding: 16px 30px 30px 30px; border: 1px solid #D9D9D9; box-shadow: 0px 4px 4px 0px #00000040; } .order-card__fieldset { max-width: 638px; background-color: #F1F1F1; padding: 12px; margin-bottom: 3px; } .order-card__fieldset-header { margin-bottom: 12px; } .order-card__text { margin: 4px 0; } .card-option__container { margin: 16px 0 32px 0; } .card-option__filed { display: flex; justify-content: space-between; align-items: center; width: 262px; height: 32px; margin: 8px 0; padding: 16px 32px; font-size: 16px; border: 1px solid #4A4A4A; border-radius: 8px; line-height: 30px; } .order-card__filedset-header { } .card-option__points { height: 28px; } .card-option__points--bonus { background-color: white; padding: 8px; border-radius: 8px; font-weight: bold; color: #1f1f1f; } .card-option__tick { position: relative; top: 4px; right: -2px; } .order-card__btn-group { text-align: center; } .order-card__btn-group .order-card__btn { padding: 12px 32px; height: auto !important; font-size: 18px; border-radius: 4px; width: auto; } .container:hover input ~ .checkmark { background-color: #ccc; } /* ------------------------------------- */ .acountSettingsTable { width: 100%; clear: both; margin: 0 0 15px 0; } .acountSettingsTable tr td { padding: 1px 10px 1px 0; vertical-align: top; text-align: left; } .acountSettingsTable tr.withBottomSpace td { padding-bottom: 10px; } .acountSettingsTable tr td:first-child { width: 150px; } .partnersDiscount .middle .content { width: 521px; padding: 12px 10px 0 104px; clear: both; background: transparent none no-repeat 0 0; } .partnersDiscount #pocztaKwiatowa { background-image: url('/_img/layout/bgDiscountPocztaKwiatowa.png'); } .partnersDiscount #partner_2sport { background-image: url('/_img/layout/bgDiscount2sport.png'); } .partnersDiscount #semiLine { background-image: url('/_img/layout/bgDiscountSemiLine.png'); } .partnersDiscount #partner_autosalon { background-image: url('/_img/layout/bgDiscountAutosalon.png'); } .partnersDiscount #partner_ef { background-image: url('/_img/layout/bgDiscount50k.png'); } .partnersDiscount .middle .left { width: 230px; margin: 0 40px 0 0; float: left; } .partnersDiscount .middle .right { width: 240px; float: left; } #smsBox { margin-top: 10px; } #smsBox .textBox { padding: 10px 0 10px 20px; width: 435px; margin: 0 10px 0 0; float: left; } #smsBox .textBox .pageSubtitle, #smsBox .textBox .pageSubtitleSmall { padding-left: 0; padding-right: 0; } /*#smsBox #mobileBox {float: left; min-height: 281px; margin: -20px 0 0 0; width: 164px; background: transparent url('/_img/layout/bgMobilePhone_200.png') no-repeat 100% 0;}*/ #smsBox #mobileBox { float: left; min-height: 214px; margin: -20px 0 0 0; width: 159px; background: transparent url('/_img/layout/bgMobilePhone_200_v2.png') no-repeat 100% 0; } #smsBox .oneServiceBox { clear: both; padding: 0 0 20px 119px; width: 476px; background: transparent none no-repeat 0 0; } #smsBox .oneServiceBox .contentBoxWrapper { padding: 0 0 0 13px; background: transparent url('/_img/layout/bgInfoBoxBulletLeft.png') no-repeat 0 0; width: 463px; } #smsBox .oneServiceBox .contentBox { padding: 10px 15px; clear: both; background-color: #f1f1f1; } #smsBox .oneServiceBox .contentBoxWhite { padding: 5px 15px; clear: both; background-color: transparent; } #smsBox #game .contentBoxWrapper { background-image: none; padding-left: 0; width: 476px; } #smsBox #game { background-image: url('/_img/layout/bgPorche.png'); } #smsBox .twoEqColumns .firstCol { width: 210px; } #smsBox .smsChannelNumber { text-align: left; } #newsletterAndSMSPage .channelBox .btnLine { clear: both; width: 100%; } #newsletterAndSMSPage .channelBox .btnLine a { background-color: #d31d04; padding: 5px 0; width: 215px; text-align: center; color: #ffffff; font-weight: bold; font-size: 12px; display: block; } /* #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns .firstCol {width: 240px;} #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns .secondCol, #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns .thirdCol {width: 160px;} #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns a {width: 160px;} #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns a.gray {background-color: #676d6f;} #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns .firstCol input[type="submit"] {width: 240px;} #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns .firstCol input[type="submit"]:hover {text-decoration: underline;} */ #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns a, #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns input[type="submit"] { width: 190px; } #newsletterAndSMSPage .channelBox .btnLine.threeEqColumns a.gray { background-color: #676d6f; } #newsletterBox .laptop { float: right; margin: 0 -15px 5px 20px; } #aboutProgramPage .pageDesc { padding-bottom: 20px; } #svMobileBox { float: left; min-height: 315px; margin: 0; width: 315px; background: transparent url('/_img/layout/bgMobilePhoneSVPlain.png') no-repeat 100% 0; } #svMobileBox .messageContainer { padding: 0 25px 0 0; width: 210px; margin-top: 85px; background: transparent url('/_img/layout/bgMobileMessageBullet.png') no-repeat 100% 0; } .message { background-color: #f1f1f1; padding: 10px 15px; } #svMobileBox .message, #svMobileBox .message p { font-size: 11px; } #svMobileBox .message .highlight { font-weight: bold; font-size: 13px; color: #333333; } #promotionsPage .exclamation { background: transparent url('/_img/layout/bgExclamationMark.jpg') no-repeat 0 0; margin: 12px 44px 0 25px; padding: 110px 0 0 0; height: 245px; width: 134px; text-align: center; float: left; font-size: 11px; color: #000000; } #promotionsPage .mainPromotion { float: left; width: 360px; } #promotionsPage .mainPromotion .img { clear: both; margin: 0 0 5px 0; } #promotionsPage .mainPromotion .name { clear: both; font-size: 16px; font-weight: bold; color: #666666; margin: 0 0 5px 0; } #promotionsPage .mainPromotion .desc { clear: both; font-size: 13px; color: #999999; } #promotionsPage .otherPromotions { clear: both; width: 100%; float: left; } #promotionsPage .otherPromotions .item { float: left; width: 175px; padding: 10px 10px 25px 10px; } #promotionsPage .otherPromotions .img { width: 100%; overflow: hidden; text-align: center; clear: both; margin: 0 0 5px 0; } #promotionsPage .otherPromotions .name { width: 100%; clear: both; font-size: 12px; color: #666666; margin: 0 0 5px 0; } #promotionsPage .otherPromotions .desc { width: 100%; clear: both; font-size: 11px; color: #999999; } #gatherPointsPage { background: transparent url('/_img/layout/bgGatherPointsPage.png') no-repeat 440px 0; } #gatherPointsPage .pageDesc { width: 370px; padding-right: 0; margin-right: 55px; float: left; } #gatherPointsPage .additionalDesc { float: left; margin-top: -48px; width: 160px; height: 125px; } #gatherPointsPage .additionalDesc a { color: #ffffff; font-size: 14px; float: left; padding: 109px 68px 0 0; text-align: right; white-space: nowrap; width: 88px; } #gatherPointsPage #fuelUpBox .bgWrapper { background: transparent url('/_img/layout/bgFuelUp.jpg') no-repeat 0 32px; width: 100%; float: left; clear: both; } #gatherPointsPage #washBox .bgWrapper { background: transparent url('/_img/layout/bgWash.jpg') no-repeat 0 63px; width: 100%; float: left; clear: both; } #gatherPointsPage .twoColumns { width: 100%; clear: both; float: left; padding: 10px 0; } #gatherPointsPage .twoColumns > .first { width: 190px; margin: 0 10px 0 0; padding: 0 0 0 10px; float: left; } #gatherPointsPage .twoColumns > .second { width: 415px; float: left; } #gatherPointsPage .twoColumns > .first .pageSubtitle { font-size: 20px; padding-left: 0; padding-right: 0; } #gatherPointsPage .twoColumns > .second .pageSubtitle { padding-left: 0; padding-right: 0; margin-bottom: 10px; } #gatherPointsPage .promotionsList { width: 595px; padding: 10px 20px; clear: both; float: left; overflow: hidden; } #gatherPointsPage .promotionsList .item { float: left; width: 128px; padding: 10px; } #gatherPointsPage .promotionsList .wideItem { width: 276px } #gatherPointsPage .promotionsList .item .img, #gatherPointsPage .promotionsList .item .name, #gatherPointsPage .promotionsList .item .desc { width: 100%; clear: both; } #gatherPointsPage .promotionsList .item .img { margin-bottom: 5px; text-align: center; } #gatherPointsPage .promotionsList .item .img img { width: 100%; } #gatherPointsPage .promotionsList .item .name { font-size: 16px; letter-spacing: -1px; font-weight: bold; color: #333333; margin-bottom: 5px; } #gatherPointsPage .promotionsList .item .desc { font-size: 11px; } #gatherPointsPage .promotionsList .moreItems { display: none; } #gatherPointsPage .promotionsList .seeMore_Btn { margin: 10px 0; float: right; } #contactForm .key { width: 180px; } #contactForm .val { width: 385px; } #contactForm .val.short input[type="text"] { width: 225px; } #contactForm .valErr { clear: both; width: 100%; float: left; padding-top: 3px; } #contactForm input[type="text"], #contactForm select, #contactForm textarea { width: 250px; } #sideUserPromotions { width: 100%; clear: both; } #sideUserPromotions .onePromotion { width: 277px; padding: 20px 25px 0 23px; margin: 0 0 5px 0; clear: both; background: transparent none no-repeat 0 0; color: #ffffff; } #sideUserPromotions .onePromotion a { color: #ffffff; text-decoration: underline; } #sideUserPromotions .onePromotion .title { clear: both; font-size: 18px; font-weight: normal; margin: 0 0 10px 0; } #sideUserPromotions .onePromotion .desc { clear: both; } #sideUserPromotions .smsPromotion { background-image: url('/_img/layout/bgSideUserPromotionsSms.png'); height: 150px; } #sideUserPromotions .smsPromotion .desc { width: 170px; } #sideUserPromotions .receiptPromotion { background-image: url('/_img/layout/bgSideUserPromotionsReceipt.png'); height: 186px; margin-bottom: 0; } #sideUserPromotions .emailPromotion { background-image: url('/_img/layout/bgSideUserPromotionsEmail.png'); height: 119px; } #sideUserPromotions .emailPromotion .desc { width: 200px; } #sideUserPromotions .onePromotion.autoResize { width: 325px; height: auto; padding: 25px 0 0; margin: 0; clear: both; background: transparent none no-repeat 0 0; color: #ffffff; } #sideUserPromotions .onePromotion.autoResize .inner { width: 277px; min-height: 100px; background-position: 0 bottom; padding: 20px 23px 40px 25px; margin-top: -20px; position: relative; } #sideUserPromotions .onePromotion.autoResize.receiptPromotion, #sideUserPromotions .onePromotion.autoResize.receiptPromotion .inner { background-image: url('/_img/layout/bgSideUserReceiptPromotion.png'); } #sideUserPromotions .onePromotion.autoResize.smsPromotion { margin-top: 20px; } #sideUserPromotions .onePromotion.autoResize.smsPromotion, #sideUserPromotions .onePromotion.autoResize.smsPromotion .inner { background-image: url('/_img/layout/bgSideUserSmsPromotion.png'); } #sideUserPromotions .onePromotion.autoResize.smsPromotion .inner .phone { position: absolute; right: 0; bottom: 0; } #sideUserPromotions .bonusPromotion { background-image: url('/_img/layout/bgSideUserPromotionsBonusSV.png'); height: 164px; } #sideUserPromotions .bonusPromotion .desc { width: 185px; } #mainPage .mainSectionTitle { padding: 0 0 5px 20px; background: transparent url('/_img/layout/bgBulletBlackRight.png') no-repeat 7px 8px; } #mainPage .mainSectionTitle, #mainPage .mainSectionTitle a { font-size: 20px; letter-spacing: -1px; font-weight: normal; color: #333333; } #mainPage .mainSectionTitle a.enhanced { color: #d21d04; } #mainPage .mainSectionContent { padding: 0 0 0 20px; } #mainPage .mainSectionContent .svInvitation { text-align: center; padding: 5px 0; } #mainPage .mainSectionContent .svInvitation a { font-weight: bold; font-size: 13px; } #mainPage .mainFlashContent { float: left; width: 550px; padding-top: 10px; margin-bottom: 15px; } #mainPage .accountInfo { float: left; width: 350px; padding: 20px 0 0 0; margin: 0 60px 15px 0; } #mainPage .accountInfo .btn { clear: both; display: block; } #mainPage .gatherPoints { float: left; width: 643px; } #mainPage .gatherPoints .graphic { margin: -25px 0 20px 20px; clear: both; float: left; } #mainPage .gatherPoints .mainSectionTitle { position: relative; } #mainPage .morePoints { float: left; width: 316px; padding-top: 30px; } #mainPage .morePoints ul { clear: both; width: 100%; float: left; } #mainPage .morePoints ul li { float: left; width: 96px; padding: 0 0 10px 62px; background: transparent none no-repeat 6px 0; } #mainPage .morePoints ul li a { color: #666666; } #mainPage .morePoints ul li a:hover { color: #075291; } #mainPage .morePoints ul li.pko { background-image: url('/_img/layout/bgMorePointsPKO.png'); } #mainPage .morePoints ul li.sv { background-image: url('/_img/layout/bgMorePointsSV.png'); } #mainPage .morePoints ul li.verva { background-image: url('/_img/layout/bgMorePointsVerva.png'); padding-top: 6px } #mainPage .morePoints ul li.forYou { background-image: url('/_img/layout/bgMorePointsForYou.png'); } #FAQPage ol li { padding-bottom: 5px; font-weight: bold; } #FAQPage ol li * { font-weight: normal; } #FAQPage ol li .q { font-weight: bold; padding: 0 0 5px 0; cursor: pointer; } #FAQPage ol li .a { padding: 0 0 10px 0; } #surveyPage ol { margin-bottom: 20px; } #surveyPage ol li { padding-bottom: 5px; font-weight: bold; } #surveyPage ol li * { font-weight: normal; } #surveyPage ol li .q { font-weight: bold; padding: 0 0 5px 0; cursor: pointer; } #surveyPage ol li .a { padding: 0 0 10px 0; } #surveyPage ol li textarea { width: 400px; height: 100px; } #surveyPage .buttons a, #surveyPage .buttons input { float: left; } #surveyPage .buttons a { margin: 3px 20px 0 35px; } #sideDiscountBox { width: 100%; clear: both; margin: 0 0 20px 0; } #sideDiscountBox ul { padding-top: 5px; } #sideDiscountBox ul li { padding: 10px 10px 5px 75px; min-height: 40px; width: 240px; clear: both; background: transparent none no-repeat 17px 0; } #sideDiscountBox ul li:nth-child(2) { padding: 17px 10px 5px 75px; } #sideDiscountBox .link { padding: 5px 0 0 25px; clear: both; } #sideMorePointsBox ul { padding-top: 10px; margin-bottom: 20px; } #sideMorePointsBox ul li { width: 240px; min-height: 45px; padding: 0 10px 10px 75px; background: transparent none no-repeat 17px 0; } #sideMorePointsBox ul li, #sideMorePointsBox ul li a { font-size: 11px; line-height: 130%; } #sideMorePointsBox ul li.pko { background-image: url('/_img/layout/bgMorePointsPKO.png'); } #sideMorePointsBox ul li.sv { background-image: url('/_img/layout/bgMorePointsSV.png'); } #sideMorePointsBox ul li.verva { background-image: url('/_img/layout/bgMorePointsVerva.png'); } #sideMorePointsBox ul li.forYou { background-image: url('/_img/layout/bgMorePointsForYou.png'); } #sideSMSContactBox { width: 100%; clear: both; float: left; margin: 5px 0 10px 0; } #sideSMSContactBox img { float: left; margin: 0 18px 0 20px; } #sideSMSContactBox .desc { float: left; margin: 15px 10px 0 0; width: 164px; } #sideSMSContactBox .desc, #sideSMSContactBox .desc a { font-size: 11px; line-height: 130%; } #sidePrepaidPromotionBox .desc { font-size: 11px; line-height: 130%; margin: 10px 10px 0 33px } #sidePrepaidPromotionBox img { margin: 10px 18px 0 23px; } #sidePrepaidPromotionBox a { font-size: 11px; line-height: 130%; } .pointPackagesContainer { width: 100%; clear: both; float: left; } .pointPackagesContainer > .separator { float: left; clear: both; width: 100%; font-size: 0; line-height: 0; height: 1px; background-color: #ececec; } .pointPackagesContainer .poinPackagesItem { width: 100%; clear: both; float: left; } .pointPackagesContainer .package { float: left; width: 140px; height: 285px; padding: 0 17px 0 2px; text-align: right; overflow: hidden; background: #ffffff url('/_img/layout/bgPointPackage.png') no-repeat 0 0; } .pointPackagesContainer .package .title { color: #333333; font-size: 18px; letter-spacing: -1px; padding: 16px 0 36px 0; white-space: nowrap; text-align: right; clear: both; } .pointPackagesContainer .package .img { text-align: right; clear: both; overflow: hidden; } .pointPackagesContainer .prizeGrid { width: 476px; clear: none; } .pointPackagesContainer .prizeGrid .gridTitle { width: 446px; padding: 16px 10px 9px 20px; height: 22px; background: #ffffff url('/_img/layout/bgPointPackageGridTitle.png') no-repeat 0 0; } .smsChannelNumber { font-size: 18px; color: #333333; text-align: center; letter-spacing: -1px; } .catalogueBanner { padding: 5px 0 22px 10px; } /* /content */ /* tabki */ .contentTabs .oneTab { clear: both; width: 100%; } .contentTabs ul.headers { width: 100%; clear: both; margin: 0 0 20px -5px; padding: 0; list-style-type: none; overflow: hidden; } .contentTabs ul.headers li { margin: 0; padding: 13px 5px 0 5px; height: 27px; width: 145px; list-style-type: none; float: left; text-align: center; } .contentTabs ul.headers li.active { background: transparent url('/_img/layout/bgTabsOneTabActive.png') no-repeat 0 0; } .contentTabs ul.headers li.active a { color: #333333; font-size: 18px; font-weight: normal; letter-spacing: -1px; } .contentTabs ul.headers li.notActive { width: 125px; } .contentTabs ul.headers li.notActive a { color: #999999; font-weight: normal; font-size: 14px; cursor: pointer; } .contentTabs ul.headers li.download { float: right; padding: 8px 0 0 0; } .contentTabs ul.headers li.download a { font-size: 10px; } .contentTabs .contents { width: 100%; clear: both; } /* /tabki */ .searchGasStationInfo { padding: 0 10px; } /* szukanie stacji - zaawansowane */ #searchGasStationPage a.submit, #viewGasStationPage a.submit { background-color: #d31d04; } #searchGasStationPage { margin-top: 40px; } #searchGasStation { margin-top: -40px; } #searchGasStation ul.headers { margin-bottom: 0; } #searchGasStation .contents { padding: 15px 10px; width: 615px; clear: both; overflow: hidden; border-bottom: solid 1px #dcdcdc; } #searchGasStation input.text, #searchGasStation select.text { float: left; margin: 0 10px 0 0; width: 370px; } #searchGasStation .btn { float: left; margin-right: 5px; } #searchGasStationPage .gps-info-wrap { display: none; } #searchGasStation .oneTab .twoEqColumns { width: 476px; } #searchGasStation .oneTab .twoEqColumns .label { width: 100%; clear: both; float: left; padding: 0 0 5px 0; font-weight: bold; } #searchGasStation .oneTab .twoEqColumns input.text { width: 190px; clear: both; } #searchGasStation #searchAddress .searchBar { padding-bottom: 5px; } #searchGasStation #searchAddress .searchBar .chb { float: left; padding: 0 5px 0 0; } #searchGasStation #searchAddress .searchBar .chb input { margin: 3px 4px 4px 4px; } #searchGasStation #searchAddress .searchBar .chb label { padding-left: 0; padding-top: 3px; } #searchGasStation #searchAddress .searchBar .chb input, #searchGasStation #searchAddress .searchBar .chb label { float: left; white-space: nowrap; } #searchGasStation #searchAddress .searchBar select.text { width: 50px; } #searchGasStation #searchAddress .searchBar .lblKm { float: left; padding-top: 3px; } #searchGasStation #searchRoute .searchBar { width: 485px; float: left; } #searchGasStation #searchRoute .twoEqColumns { width: 485px; } #searchGasStation #searchRoute .searchBar .routeAcrossBox { padding-top: 10px; } #searchGasStation #searchRoute .searchBar .routeAcrossBox .routeAcrossBtn a { color: #d21d04; } .showGasStationLink a { color: #d21d04; } #searchGasStation #searchRoute .searchBar .label { width: 100%; clear: both; float: left; padding: 0 0 5px 0; font-weight: bold; } #searchGasStation #searchRoute .searchBar .routeAcrossOneItem { padding-bottom: 5px; } #searchGasStation #searchRoute .searchBar input.text { width: 175px; } #searchGasStation #searchRoute .searchBar .removeBtn { float: left; margin-top: 3px; color: #d21d04; } #searchGasStation #searchRoute .searchBar .chooseBtn { float: left; margin-right: 10px; color: #d21d04; } #searchGasStation #searchRoute .btn { margin-top: 18px; } #searchGasStation .searchBar .choosePlaceContainer { float: left; padding-right: 10px; } #searchGasStation .searchBar .choosePlaceContainer a.submit { float: left; } #searchGasStation #searchAddress .searchBar .choosePlaceContainer select.text { width: 250px; } #searchGasStation #searchRoute .searchBar .choosePlaceContainer select.text { width: 145px; margin-right: 5px; } #searchGasStation #searchRoute .routeAcrossBox .choosePlaceOneItem select.text { width: 192px; margin-right: 5px; } #searchGasStation #searchRoute a.btnChoose { float: left; width: 70px; margin-top: -2px; } .searchGasStationOptions { margin: 0 0 10px 0; } .searchGasStationOptions .baseOptions { padding: 10px 10px 10px 10px; width: 615px; clear: both; overflow: hidden; } .searchGasStationOptions .baseOptions .item { float: left; margin: 0 10px 0 0; } .searchGasStationOptions .baseOptions input { margin: 0; padding: 0; border-width: 0; background-color: transparent; display: block; } .searchGasStationOptions .baseOptions label { margin: 0; padding: 5px 0 0 0; display: block; clear: both; } .searchGasStationOptions .baseOptions label img { display: block; } .searchGasStationOptions .linkMore { padding: 0 10px 10px 10px; width: 615px; clear: both; overflow: hidden; text-align: right; } .searchGasStationOptions .linkMoreTop { border-bottom: solid 1px #dcdcdc; padding-bottom: 5px; } .searchGasStationOptions .linkMore a { padding-right: 15px; background: transparent url(/_img/layout/bgArrowDownDarkGray.png) no-repeat 100% 5px; display: none; color: #d21d04; } .searchGasStationOptions .linkMore a.less { background-image: url(/_img/layout/bgArrowUpDarkGray.png); display: inline; } .searchGasStationOptions #moreOptions { padding: 10px 0; width: 100%; clear: both; overflow: hidden; display: block; } .searchGasStationOptions #moreOptions .oneCategory { float: left; padding: 0 0 10px 10px; margin: 0 10px 0 0; width: 190px; } .searchGasStationOptions #moreOptions .oneCategory .title { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; text-indent: 7px; } .searchGasStationOptions #moreOptions .oneCategory .item { width: 100%; clear: both; overflow: hidden; padding-bottom: 7px; } .searchGasStationOptions #moreOptions .oneCategory .item input { margin: 0; padding: 0; border-width: 0; background-color: transparent; float: left; width: 30px; } .searchGasStationOptions #moreOptions .oneCategory .item label { margin: 0; padding: 0; float: left; width: 160px; } .searchGasStationOptions #moreOptions .separator { width: 100%; clear: both; float: left; font-size: 0; line-height: 0; height: 1px; background-color: #dcdcdc; margin-bottom: 20px; } .searchGasStationOptions #moreOptions .gasStationType { width: 615px; padding-bottom: 0; } .searchGasStationOptions #moreOptions .gasStationType .oneCountry { float: left; margin: 0 25px 0 0; width: 138px; } .searchGasStationOptions #moreOptions .gasStationType .divOneCountry1382 { width: 122px; } .searchGasStationOptions #moreOptions .gasStationType .lastCountry { margin-right: 0; } .searchGasStationOptions #moreOptions .gasStationType .item { float: left; width: 100%; clear: both; padding-bottom: 30px; } .searchGasStationOptions #moreOptions .gasStationType .item input { margin: 0; padding: 0; border-width: 0; background-color: transparent; display: block; } .searchGasStationOptions #moreOptions .gasStationType .item label { margin: 0; padding: 12px 0 0 8px; display: block; clear: both; width: auto; } .searchGasStationOptions #moreOptions .gasStationType .item label img { display: block; } .searchGasStationOptionsCollapsed .linkMore a.more { display: inline; } .searchGasStationOptionsCollapsed .linkMore a.less, .searchGasStationOptionsCollapsed #moreOptions, .searchGasStationOptionsCollapsed .linkMoreBottom { display: none; } .searchGasStationLink { padding: 10px; width: 615px; } .searchGasStationLink .label { font-weight: bold; padding-bottom: 5px; } .searchGasStationLink input.text { margin: 0; padding: 3px; width: 605px; background-color: #ffffff; border: 1px solid #D4D4D5; } .searchGasStationContextMenu { background: #ffffff; border: 1px solid #D4D4D5; width: 150px; padding: 5px 10px; } .searchGasStationStationList .divPage { padding: 0 10px 15px 10px; width: 615px; clear: both; } .searchGasStationStationList .oneResult { padding: 10px; width: 595px; clear: both; border-bottom: solid 1px #dcdcdc; overflow: hidden; } .searchGasStationStationList .oneResult .img { float: left; width: 130px; } .searchGasStationStationList .oneResult .info { float: left; width: 485px; } .searchGasStationNoResults { color: #ff0000; padding-top: 20px; } #searchGasStationMap { padding: 10px; width: 615px; } #divRouteInfoContainer { padding: 10px; width: 615px; clear: both; overflow: hidden; } #divRouteInfoContainer #divRouteInfo { clear: both; width: 605px; float: none; } #divRouteInfoContainer .googledir table tr td { padding: 7px 5px !important; line-height: 150% !important; } /* /szukanie stacji - zaawansowane */ /* strona pokaz stacje */ .viewGasStation .backToSearchPage { width: 615px; padding: 10px 10px 10px 10px; text-align: right; } .viewGasStation .stationInfo { padding: 10px; margin: 0 0 20px 0; width: 615px; clear: both; overflow: hidden; border-bottom: solid 1px #dcdcdc; } .viewGasStation .stationInfo .desc { float: left; width: 395px; margin: 0 10px 0 0; line-height: 150%; } .viewGasStation .stationInfo .desc table.coordinatesTable tr td { padding: 0 15px 0 0; line-height: 140%; } .viewGasStation .stationInfo .mapContainer { float: left; width: 210px; } .viewGasStation .stationInfo .mapContainer, .viewGasStation .stationInfo .mapContainer #divMap { overflow: hidden; } .viewGasStation h4.subtitle { margin: 0; padding: 0 0 5px 0; font-size: 12px; font-weight: bold; color: #333333; text-indent: 10px; } .viewGasStation .searchRoute { padding: 10px 10px 20px 10px; margin: 0 0 20px 0; width: 615px; clear: both; overflow: hidden; border-bottom: solid 1px #dcdcdc; } .viewGasStation .searchRoute .twoEqColumns { width: 470px; } .viewGasStation .searchRoute .twoEqColumns .label { width: 100%; clear: both; float: left; padding: 0 0 5px 0; font-weight: bold; } .viewGasStation .searchRoute .twoEqColumns input.text { width: 190px; clear: both; } .viewGasStation .searchRoute .btn { margin-top: 16px; float: left; } .viewGasStation .mainServices { padding: 10px 10px 20px 10px; margin: 0; border-bottom: solid 1px #dcdcdc; width: 615px; clear: both; overflow: hidden; } .viewGasStation .mainServices .item { float: left; margin: 0 10px 0 0; } .viewGasStation .otherServices { clear: both; margin: 0; padding: 10px 0 0 0; overflow: hidden; width: 100%; } .viewGasStation .otherServices .oneService { float: left; padding: 0 0 10px 10px; margin: 0 10px 0 0; width: 190px; line-height: 130%; } .viewGasStation .otherServices .title { font-weight: bold; font-size: 12px; width: 100%; clear: both; padding: 0 0 5px 0; } .viewGasStation .otherServices .item { width: 100%; clear: both; padding: 0 0 5px 0; } /* /strona pokaz stacje */ /* zdziw */ html, body { height: 100%; } #loaderBgLayer { position: fixed; top: 0; left: 0px; background-color: #ffffff; opacity: 0.7; filter: alpha(opacity=70); display: none; z-index: 100001; width: 100%; height: 100%; cursor: wait; } #loaderFakeFrame { z-index: 110000; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; left: 0; margin: 0; } #loaderLayer { width: 100px; height: 100px; display: none; position: fixed; top: 50%; left: 50%; z-index: 110002; background: transparent url('/_iMg/loadingAnimation.gif') no-repeat 50% 0; cursor: wait; } #loaderLayer span { display: block; width: 100%; text-align: center; height: 20px; padding: 80px 0 0 0; } /* /zdziw */ /* tlo swieta */ /*body, body.bodyMainPage { background: #fff url('/_img/background-x-mass.jpg') 50% 129px no-repeat; }*/ /* /tlo swieta */ #serviceRatingBox { position: absolute; right: 0; bottom: 0; text-align: center; padding: 0; color: #000000; font-size: 10px; z-index: 100; background-color: transparent; width: 33px; height: 127px; } body > div#serviceRatingBox { position: fixed; } div#serviceRatingBox a { display: block; width: 100%; height: 100%; } div#serviceRatingBox img { display: inline; border: solid 0px #bd0a24; width: 33px; height: 127px; } /* autoswiat */ .ASArticleListItem, .ASArticle { width: 595px; padding: 10px 20px; clear: both; overflow: hidden; } .ASArticleListItem .img, .ASArticle .img { float: left; width: 250px; margin: 0 15px 0 0; overflow: hidden; } .ASArticleListItem .img img, .ASArticle .img img { width: 250px; } .ASArticleListItem .info, .ASArticle .info { float: left; width: 330px; } .ASArticleListItem .info h4.title, .ASArticle .info h4.title { clear: both; padding: 0 0 10px 0; } .ASArticleListItem .info h4.title, .ASArticleListItem .info h4.title a, .ASArticle .info h4.title, .ASArticle .info h4.title a { font-size: 18px; font-weight: normal; color: #333333; } .ASArticleListItem .info .categoryAndDate, .ASArticle .info .categoryAndDate { clear: both; padding: 0 0 5px 0; } .ASArticleListItem .info h3.category, .ASArticle .info h3.category { display: inline; } .ASArticleListItem .info h3.category, .ASArticleListItem .info h3.category a, .ASArticle .info h3.category, .ASArticle .info h3.category a { font-size: 11px; font-weight: bold; } .ASArticleListItem .info .sep, .ASArticle .info .sep { padding: 0 2px; color: #999999; font-size: 11px; } .ASArticleListItem .info .date, .ASArticle .info .date { color: #999999; font-size: 11px; font-weight: bold; } .ASArticleListItem .info .teaser, .ASArticle .info .teaser { color: #666666; clear: both; padding: 0 0 3px 0; } .ASArticleListItem .info .galleryInfo { clear: both; padding: 0 0 10px 0; } .ASArticleListItem .info .galleryInfo, .ASArticleListItem .info .galleryInfo a { color: #999999; } .ASArticleListItem .info .linkMore { clear: both; } .ASArticle .pageTitle { padding-left: 0; } .ASArticle .articleBody { padding-top: 15px; clear: both; } .ASArticle .pageNumberBar { padding-bottom: 10px; } .ASArticle .img { position: relative; } .ASArticle .img, .ASArticle .img img { width: 340px; } .ASArticle .info { width: 240px; } .ASArticle .galleryLinkBarBg { position: absolute; bottom: 0; left: 0; background-color: #D21D04; width: 100%; opacity: 0.4; filter: alpha(opacity=40); height: 25px; z-index: 665; } .ASArticle .galleryLinkBar { position: absolute; bottom: 5px; left: 0; height: 15px; text-indent: 10px; z-index: 666; } .ASArticle .galleryLinkBar a { color: #ffffff; font-weight: bold; padding-right: 15px; background: transparent url('/_img/layout/bgBulletWhiteRight.png') no-repeat 100% 3px; } .ASArticle .K2Pager { padding-top: 10px; } .ASArticle .info .teaser h1, .ASArticle .articleBody h1 { font-size: 24px; line-height: normal; font-weight: normal; } .ASArticle .info .teaser h2, .ASArticle .articleBody h2 { font-size: 16px; line-height: normal; font-weight: bold; } .ASArticle .info .teaser h3, .ASArticle .articleBody h3 { font-size: 12px; line-height: normal; font-weight: bold; } .ASArticle .info .teaser h4, .ASArticle .articleBody h4 { font-size: 11px; line-height: normal; font-weight: bold; } .ASArticle .info .teaser h5, .ASArticle .articleBody h5 { font-size: 11px; line-height: normal; font-weight: bold; } .ASArticle .info .teaser h6, .ASArticle .articleBody h6 { font-size: 11px; line-height: normal; font-weight: bold; } .ASArticle .articleBody h1, .ASArticle .articleBody h2, .ASArticle .articleBody h3, .ASArticle .articleBody h4, .ASArticle .articleBody h5, .ASArticle .articleBody h6 { padding: 10px 0; } .ASArticleList .categoryItemSeparator { line-height: 0; font-size: 0; width: 100%; height: 1px; background-color: #DDDDDD; margin: 10px 0; clear: both; } .mainPageCategoryBox .topBar { width: 595px; padding: 10px 20px 0 20px; clear: both; overflow: hidden; } .mainPageCategoryBox .topBar h3.category { float: left; width: 395px; } .mainPageCategoryBox .topBar h3.category, .mainPageCategoryBox .topBar h3.category a { font-size: 24px; font-weight: normal; } .mainPageCategoryBox .topBar .linkReadMoreFromCategory { width: 200px; text-align: right; float: left; padding: 7px 0 0 0; } .ASMainPageListContainer .otherArticlesBox { clear: both; padding: 0 20px 10px 20px; width: 595px; overflow: hidden; } .ASMainPageListContainer .otherArticlesBox .boxTitle { clear: both; width: 100%; color: #999999; padding-bottom: 3px; } .ASMainPageListContainer .otherArticlesBox .oneLine { padding-bottom: 3px; } .ASMainPageListContainer .otherArticlesBox a { color: #666666; } .ASMainPageMainItemContainer { position: relative; } .ASMainPageMainItemContainer .logoAS { position: absolute; top: 0; left: 10px; } .ASMainPageMainItemContainer .ASArticleListItem .info h4.title, .ASMainPageMainItemContainer .ASArticleListItem .info h4.title a { color: #333333; } .ASArchiveForm { width: 100%; clear: both; float: left; background-color: #F1F1F1; margin: 0 0 20px 0; } .ASArchiveForm .oneLine { padding: 10px 20px; border-bottom: solid 1px #ffffff; width: 595px; } .ASArchiveForm .dateLine .label { float: left; margin: 1px 7px 0 0; white-space: nowrap; } .ASArchiveForm .dateLine .txt { float: left; margin: 0 20px 0 0; } .ASArchiveForm .dateLine .txt input.dp-applied { width: 70px; } .ASArchiveForm .categoryLine .label { clear: both; width: 100%; float: left; padding: 0 0 7px 0; } .ASArchiveForm .categoryLine .checkboxes { clear: both; width: 100%; float: left; } .ASArchiveForm .categoryLine .checkboxes .cb { float: left; margin: 0 20px 0 0; } .ASArchiveForm .categoryLine .checkboxes input { float: left; margin: 0 3px 0 0; padding: 0; height: 13px; width: 13px; } .ASArchiveForm .categoryLine .checkboxes label { float: left; margin: 0; padding: 0; white-space: nowrap; } .ASArchiveForm .keywordsLine .cb { float: left; padding-top: 2px; margin: 0 10px 0 0; } .ASArchiveForm .keywordsLine .cb input { float: left; margin: 0 3px 0 0; padding: 0; height: 13px; width: 13px; } .ASArchiveForm .keywordsLine .cb label { float: left; margin: 0; padding: 0; white-space: nowrap; } .ASArchiveForm .keywordsLine input[type="text"] { width: 215px; } .ASBackToArticleLink { text-indent: 15px; } .galleryTopBox { background: transparent url('/_img/layout/bgASGallery.png') repeat-y 0 0; border-bottom: solid 1px #d0d0d0; } .ASGallery .bigImage { width: 595px; overflow: hidden; position: relative; float: left; margin-right: 1px; } .ASGallery .bigImage a img { width: 595px; } .ASGallery .bigImage .navigation { position: absolute; bottom: 0; left: 0; width: 100%; } .ASGallery .bigImage .navPrevBg, .ASGallery .bigImage .navCounterBg, .ASGallery .bigImage .navNextBg { position: absolute; bottom: 0; background-color: #D21D04; width: 100px; opacity: 0.4; filter: alpha(opacity=40); height: 25px; z-index: 665; } .ASGallery .bigImage .navPrevBg { left: 0; width: 110px; } .ASGallery .bigImage .navCounterBg { left: 252px; } .ASGallery .bigImage .navNextBg { right: 0 } .ASGallery .bigImage .navPrev, .ASGallery .bigImage .navCounter, .ASGallery .bigImage .navNext { position: absolute; bottom: 5px; height: 15px; z-index: 666; } .ASGallery .bigImage .navPrev { left: 15px } .ASGallery .bigImage .navCounter { left: 252px; } .ASGallery .bigImage .navNext { right: 15px } .ASGallery .bigImage .navPrev a, .ASGallery .bigImage .navCounter, .ASGallery .bigImage .navNext a { color: #ffffff; font-weight: bold; } .ASGallery .bigImage .navPrev a { padding-left: 15px; background: transparent url('/_img/layout/bgBulletWhiteLeft.png') no-repeat 0 3px; } .ASGallery .bigImage .navCounter { text-align: center; width: 100px; } .ASGallery .bigImage .navNext a { padding-right: 15px; background: transparent url('/_img/layout/bgBulletWhiteRight.png') no-repeat 100% 3px; } .ASGallery .pictureTeaser { padding: 20px; float: left; width: 300px; overflow: hidden; } .ASGallery .thumbs { clear: both; width: 924px; padding: 20px 0 5px 12px; overflow: hidden; } .ASGallery .thumbs .oneThumb { float: left; width: 120px; height: 66px; margin: 0 5px 10px 5px; } .ASGallery .thumbs .oneThumb a img { border: solid 5px #ffffff; width: 110px; height: 56px; } .ASGallery .thumbs .oneThumb a img.recentThumb { border-color: #D21D04; } .AutoswiatPopupDescription { font-size: 16px; font-weight: bold } #AutoswiatPopupLink { font-size: 14px } .yourPromotionsPage { width: 100%; margin-top: 45px; background: url('/_img/BenefitZone/bg.png') bottom right no-repeat; } .yourPromotionsPage .benefit-promo { position: relative; height: 550px; } .yourPromotionsPage .content { width: 40%; display: inline-block; } .yourPromotionsPage .benefit-button { position: absolute; left: 113px; top: 415px; } .yourPromotionsPage .benefit-button a { color: #ffffff; background-color: #da1926; border-radius: 3px; padding: 12px 50px; font: italic bold 18px Arial, Verdana, Helvetica, sans-serif; } .yourPromotionsPage .grats { position: absolute; width: 37%; top: 100px; left: 0; padding: 30px 30px; text-align: center; background-color: white; box-shadow: 1px 1px 10px 1px #999999; } #yourPromotionsPage .flashPlayerWide { width: 100%; clear: both; margin: 0 0 20px 0; text-align: center; } #yourPromotionsPage .flashPlayerWide embed, #yourPromotionsPage .flashPlayerWide object { margin: 0 auto; width: 940px; } #yourPromotionsPage .mainTripleBoxWrapper .middle { position: relative; padding-bottom: 50px; } #yourPromotionsPage .mainTripleBoxWrapper .middle .btnLine { height: 28px; position: absolute; bottom: 20px; width: 283px; } #yourPromotionsPage .mainTripleBoxWrapper .middle .btnLine a { background-color: #d31d04; padding: 5px 0; width: 215px; text-align: center; color: #ffffff; font-weight: bold; font-size: 13px; margin: 0 auto; display: block; } #yourPromotionsPage .mainTripleBoxWrapper .middle .btnLine.threeEqColumns .secondCol, #yourPromotionsPage .mainTripleBoxWrapper .middle .btnLine.threeEqColumns .thirdCol { width: 48%; } #yourPromotionsPage .mainTripleBoxWrapper .middle .btnLine.threeEqColumns a { width: 100%; } #yourPromotionsPage .mainTripleBoxWrapper .middle .left .btnLine { left: 20px; } #yourPromotionsPage .mainTripleBoxWrapper .middle .center .btnLine { left: 342px; } #yourPromotionsPage .mainTripleBoxWrapper .middle .right .btnLine { left: 664px; } #yourPromotionsPage .imgWrapper { height: 129px; background: transparent none no-repeat 0 0; margin-top: -12px; padding-top: 12px; } #yourPromotionsEmailBox .imgWrapper { width: 320px; background-image: url('/_img/layout/bgYourPromotionsEmail_v2.png'); background-position: 98px 5px; } #yourPromotionsEmailBox .promotionText a { text-decoration: underline !important; } #yourPromotionsSMSBox .imgWrapper { background-image: url('/_img/layout/bgYourPromotionsSMS_v2.png'); background-position: 190px 0; } #yourPromotionsReceiptBox .imgWrapper { background-image: url('/_img/layout/bgYourPromotionsReceipt.png'); background-position: 160px -8px; } #yourPromotionsPage .pageSubtitle { padding-top: 10px; padding-right: 0; float: left; font-size: 20px; color: #d31d04; line-height: 22px; } #yourPromotionsPage .mainTripleBoxWrapper .content { padding: 10px 15px; width: 283px; clear: both; float: left; } #yourPromotionsPage .promotionText { padding: 10px; border: solid 1px #d31d04; width: 261px; min-height: 65px; clear: both; margin: 0 0 15px 0; color: #343434; } #yourPromotionsPage ul { margin: 0; padding: 0; list-style-type: none; } #yourPromotionsPage ul li { list-style-type: none; list-style-position: outside; margin: 0; padding: 1px 0 1px 10px; background: none; /*background: transparent url('/_img/layout/bgListBullet.png') no-repeat 0 7px;}*/ } #yourPromotionsPage .yourPromotionsDisclaimer { text-align: center; padding: 10px; margin: 0 0 10px 0 } /* box promujacy klub verva w moim koncie */ .card-container { display: flex; align-items: center; margin-top: 0 !important; padding-top: 52px; padding-bottom: 52px; width: 1024px; height: 216px; } .card-img__wrapper { position: relative; flex-basis: 244px; width: 243px; height: 243px; margin-left: 50px; background-image: url('../_img/clubCard/elipse.svg'); background-size: 243px 243px; } .card-img__wrapper.card-img__wrapper--verva { background-image: url('../_img/clubCard/elipse-verva.svg'); } .card-img__wrapper::before { content: url('../_img/clubCard/Vector.svg'); position: absolute; inset: -20px 260px; } .card-img__wrapper.card-img__wrapper--verva::before{ content: url('../_img/clubCard/starVerva.svg'); stroke: #124576 !important; } .card-img__wrapper::after { content: url('../_img/clubCard/Vector\ 15.svg'); position: absolute; inset: 40px -40px; } .card-img__wrapper.card-img__wrapper--verva::after { content: url('../_img/clubCard/vTickVerva.svg'); } .card-img { position: relative; width: 243px; height: 160px; margin-top: 42px; flex-shrink: 0; border-radius: 6.5px; background: linear-gradient(116deg, #B08F53 -3.2%, #8D7342 115.2%); } .card-img.card-img--verva { background: linear-gradient( #194D81, #002D59); } .card-img::after { content: url('../_img/clubCard/vLogo.svg'); position: absolute; inset: 10px 0 auto auto; } .card-img::before { content: url('../_img/clubCard/nameLogo.svg'); position: absolute; inset: 20px 0 0 10px; } .card-text__wraper { display: flex; flex-direction: column; justify-content: center; margin-left: 52px; } .card__btn { display: inline-block; width: 312px !important; height: 32px; background-color: #997D48; border: 1px solid #997D48; text-align: center; padding-top: 16px; margin-right: 8px; } .card__btn.card__btn--verva { background-color: #073765; border: 1px solid #073765; } .card__btn .card__btn-text { font-weight: bold; font-size: 14px; } .card__btn--secondary, .card__btn--secondary.card__btn--verva { background-color: transparent; } .card__btn.card__btn--secondary .card__btn-text { color: #997D48; } .card__btn.card__btn--secondary.card__btn--verva .card__btn-text { color: #073765; } .card__btn--primary .card__btn-text { color: white; } .card-text__wraper .boxTitle { color: black !important; font-size: 22px !important; font-weight: 700 !important; } .card-text__wraper .boxText { color: #4A4A4A !important; font-size: 22px !important; } .overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); } /* Style for the modal */ .modal { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px; background: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); } /*/////////////////////////////////////////////*/ .joinVervaBox--account { clear: both; width: 340px; height: 166px; padding: 28px 40px 10px 270px; margin: 0 0 60px 0; background: transparent url('/_img/layout/bgVervaBoxMyAccout.png') no-repeat 5px 0; } .joinVervaBox--account .boxTitle { font-size: 20px; color: #ffffff; margin: 0 0 4px 0; } .joinVervaBox--account .boxText { font-size: 12px; color: #cccccc; margin: 0 0 12px 0; } .joinVervaBox .boxTitle { margin: 0 0 12px 0; } .joinVervaBox .boxText { margin: 0 0 20px 0; } .joinVervaBox--account .btn { width: 210px; height: 27px; padding: 8px 0 0 0; text-align: center; background: transparent url('/_img/layout/btnWhite.png') no-repeat 0 0; } .joinVervaBox--account .btn a { font-size: 16px; font-weight: bold; color: #0d2140; } .joinVervaBoxInPopup, .joinSVBoxInPopup { background: #EFF0F3; margin: 38px auto 0 auto; } /* box promujacy klub SV w moim koncie */ .joinSVBox--account { clear: both; width: 355px; height: 166px; padding: 28px 10px 0 270px; margin: 0 0 60px 0; background: transparent url('/_img/layout/bgSVBoxMyAccout.png') no-repeat 5px 0; */ } .joinSVBox--account .boxTitle { font-size: 20px; color: #d8a033; margin: 0 0 4px 0; } .joinSVBox--account .boxText { font-size: 12px; color: #cccccc; margin: 0 0 12px 0; } .joinSVBox .boxTitle{ margin: 0 0 12px 0; } .joinSVBox .boxText { margin: 0 0 20px 0; } .joinSVBox--account .btn { width: 210px; height: 27px; padding: 8px 0 0 0; text-align: center; background: transparent url('/_img/layout/btnGold.png') no-repeat 0 0; } .joinSVBox--account .btn a { font-size: 16px; font-weight: bold; color: #ffffff; } .joinSVBoxInPopup { margin: 38px auto 0 auto; } /* box promujacy zmiane pin */ .changePinBox { clear: both; height: 400px; text-align: center; background: transparent url('/_img/content/card-img.jpg') no-repeat center 0; background-size: 65%; } .changePinBox .boxText { font-size: 20px; color: #000; width: 430px; transform: translateX(-50%); position: absolute; bottom: 130px; left: 50%; } .changePinBox .boxText a { color: #d31d04; text-decoration: underline; font-size: 20px; } .changePinBox .btn { width: 160px; height: 40px; box-sizing: border-box; position: absolute; left: 50%; transform: translateX(-50%); padding: 12px; background-color: #d31d04; bottom: 50px; } .changePinBox .btn a { font-size: 16px; font-weight: bold; color: #ffffff; letter-spacing: 1px; } .changePinBoxInPopup { margin: 0 auto; } .popupContainer .topCloseButton .red-close { background: transparent url(/_img/fancybox/red-close.png) no-repeat 100% 0; height: 22px; width: 10px; margin: 10px 10px 0; } #fancybox-inner { -ms-overflow-x: hidden !important; } /* box informujący o zmianie regulaminu */ .changeRegBox { font-size: 26px; line-height: 38px; color: #000; padding-top: 80px; } .changeRegBox a { color: #d31d04; text-decoration: underline; font-size: inherit; } /* settings change pin section */ .editUserPin * { box-sizing: border-box; } .editUserPin .oneLine { background-color: #f1f1f1; padding: 20px; width: 590px; } .editUserPin input[type="submit"] { background-color: #d31d04; height: 32px; width: 190px; margin-left: 10px; } .editUserPin .cardNumberControl { vertical-align: bottom; } .editUserPin .cardNumberControl input[type="text"] { height: 32px; line-height: 30px; width: 19.5px; border-right: 0; vertical-align: bottom; } .editUserPin .boxText a { color: #d31d04; text-decoration: underline; } .editUserPin .pin-inputs div { margin: 2px 0; } .editUserPin .pin-inputs div span { padding: 8px 0; display: block; } .editUserPin .pin-inputs p { display: inline-block; width: 110px; line-height: 30px; } .editUserPin .errors { margin-top: 10px; } .editUserPin .errors span { display: inline-block; margin-top: 2px; } .editUserPin .pin-btn { margin-top: 10px; } .editUserPin .pin-btn input[type="submit"] { margin-left: 0; } #aspnetForm #fancybox-inner .oneLine { font-size: 14px; text-align: center; font-weight: 600; padding: 5px 15px; box-sizing: border-box; } #aspnetForm #fancybox-inner .popupContainer .topCloseButton a { text-indent: -350px; background: transparent url('/_img/fancybox/fancy_close.png') no-repeat 100% 0; height: 30px; } #aspnetForm #fancybox-inner .popupContainer .btn-red { background: #d31d04; color: #fff; padding: 10px; display: block; width: 120px; text-align: center; margin: 20px auto 0; border-radius: 5px; font-weight: 600; font-size: 14px; box-sizing: border-box; } /* */ .newsletter-login-popup { position: relative; display: block; width: 427px; height: 427px; background: url('/_img/layout/newsletter-popup.jpg') no-repeat; overflow: hidden; } .newsletter-login-popup .close-button { position: absolute; left: 54px; bottom: 59px; display: block; width: 100px; height: 19px; background: transparent; text-indent: -9999px; } .newsletter-login-popup .sign-in { position: absolute; left: 55px; bottom: 108px; display: block; width: 213px; height: 33px; background: transparent; text-indent: -9999px; } /* */ /* zatrzymaj czas - strona konkursu */ #stopTimeFree { } #stopTimeFree .regulationLink { text-align: right; width: 895px; margin-bottom: 15px; } #stopTimeFree .regulationLink a { background: url('/_img/layout/bgBulletRedRight.png') no-repeat center right; padding-right: 12px } .stopTimePlayZone { margin: 40px 0 0 0; } .stopTimePlayZone > .middle { width: 970px; } .stopTimePlayZone .leftSide { float: left; width: 308px; margin: 23px 0 0 23px; } .stopTimePlayZone .leftSide .title { margin: 0 0 70px 0; padding: 0; } .stopTimePlayZone .leftSide .subtitle { margin: 0 0 22px 0; padding: 11px 0 0 0; font-weight: bold; font-size: 17px; text-transform: uppercase; color: #ba0000; background: transparent url('/_img/layout/bg-dashed-border.png') repeat-x 0 0; } .stopTimePlayZone .leftSide .subtitle > span { padding: 0 0 9px 5px; display: block; background: transparent url('/_img/layout/bg-dashed-border.png') repeat-x 0 100%; } .stopTimePlayZone .leftSide .prize { clear: both; margin: 0 0 20px 0; } .stopTimePlayZone .leftSide .prize .img { float: left; width: 165px; margin: 0 5px 0 0; text-align: center; } .stopTimePlayZone .leftSide .prize .img img { max-width: 165px; margin: 0 auto; } .stopTimePlayZone .leftSide .prize .desc { float: left; width: 133px; } .stopTimePlayZone .leftSide .prize .prizeName { color: #d4261d; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0; } .stopTimePlayZone .leftSide .prize .prizeDesc { color: #333333; font-size: 11px; margin: 0; padding: 0; } .stopTimePlayZone .rightSide { float: right; width: 606px; } .stopTimePlayZone .rightSide .flashOnContestPage { margin: -37px 0 0 0; background: transparent url('/_img/layout/bg-stop-time-flash.png') no-repeat 0 61px; padding: 0 0 0 6px; } .stopTimePlayZone .rightSide .flashOnLP { margin: -88px 0 0 0; background: transparent url('/_img/layout/bg-stop-time-lp-flash.png') no-repeat 0 70px; padding: 0 0 0 6px; } .stopTimePlayZone .loginBox .title { color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; } .stopTimePlayZone .loginBox .addInfo { font-size: 11px; } .stopTimePlayZone .loginBox .howToJoin { margin-top: 10px; clear: both; } .stopTimePlayZone .loginBox .howToJoin, .stopTimePlayZone .loginBox .howToJoin a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: underline; color: #ffffff; } .stopTimePlayZone .loginBox .txt { font-size: 14px; color: #414141; background: #ffffff url('/_img/layout/bg-textbox.png') repeat-x 0 0; border: solid 1px #ffffff; border-width: 0 1px; padding: 4px 10px; float: left; margin: 0 0 10px 2px; } .stopTimePlayZone .loginBoxOnContestPage { width: 482px; margin: 0 0 4px 0; clear: both; background: transparent url('/_img/layout/bg-stop-time-login-box.png') repeat-y 0 0; padding: 0 0 10px 25px; color: #ffffff; } .stopTimePlayZone .loginBoxOnContestPage .register { float: left; width: 190px; } .stopTimePlayZone .loginBoxOnContestPage .register .title { text-indent: 5px; } .stopTimePlayZone .loginBoxOnContestPage .login { float: left; width: 280px; } .stopTimePlayZone .loginBoxOnContestPage .login .title { text-indent: 2px; } .stopTimePlayZone .loginBoxOnContestPage .txt { width: 103px; } .stopTimePlayZone .loginBoxOnContestPage .loginTxt { margin-right: 8px; } .stopTimePlayZone .loginBoxOnLP { width: 449px; margin: 0; clear: both; background: transparent url('/_img/layout/bg-login-box-on-lp-middle.png') repeat-y 0 0; padding: 30px 0 10px 58px; color: #ffffff; } .stopTimePlayZone .loginBoxOnLP .title { margin-bottom: 10px; } .stopTimePlayZone .loginBoxOnLP .register { float: left; width: 220px; } .stopTimePlayZone .loginBoxOnLP .register .title { text-indent: 5px; } .stopTimePlayZone .loginBoxOnLP .login { float: left; width: 200px; } .stopTimePlayZone .loginBoxOnLP .login .title { text-indent: 2px; } .stopTimePlayZone .loginBoxOnLP .txt { margin-bottom: 6px; width: 133px; } .stopTimePlayZone .loginBoxOnLP .btn { margin-top: 2px; } .stopTimePlayZone .loginBoxOnLPBottom { width: 507px; height: 16px; font-size: 0; line-height: 0; background: transparent url('/_img/layout/bg-login-box-on-lp-bottom.png') no-repeat 0 0; margin: 0 0 4px 0; } .stopTimePlayZone .errorMessage { color: #fff; width: 350px; clear: both } .noContestOnContestPage { color: #ffffff; text-align: center; margin: 17px 0 4px 0; } .noContestOnContestPage p { color: #ffffff; font-size: 19px; font-weight: bold; margin: 0 0 15px 0; padding: 0; } .noContestOnContestPage .date { font-size: 30px; } .noContestOnContestPage .middle { padding-top: 110px; padding-bottom: 95px; } .noContestOnLP { color: #fefefe; text-align: center; margin: -26px 0 0 0; padding: 40px 0 10px 0; clear: both; width: 507px; background: transparent url('/_img/layout/bg-no-contest-on-lp.png') no-repeat 0 0; } .noContestOnLP p { color: #fefefe; font-size: 16px; font-weight: bold; margin: 0 0 15px 0; padding: 0; } .noContestOnLP .date { font-size: 25px; } .noContestOnLPBottom { width: 507px; height: 16px; font-size: 0; line-height: 0; background: transparent url('/_img/layout/bg-login-box-on-lp-bottom.png') no-repeat 0 0; margin: 0; float: left; } #stopTimeLP .stopTimePlayZone { margin-top: 0; margin-bottom: 7px; } #stopTimeLP .stopTimePlayZone .leftSide .title { margin-bottom: 40px; } #stopTimeLP .bottomInfoOnLP { width: 857px; height: 222px; padding: 20px 0 0 20px; margin: 0 4px 4px 4px; background: #f4f4f4 url('/_img/layout/bg-contest-lp-bottom.jpg') no-repeat 100% 0; } #stopTimeLP .bottomInfoOnLP .title { margin: 0 0 25px 0; } #stopTimeLP .bottomInfoOnLP .column { float: left; margin: 0 0 0 25px; width: 200px; } #stopTimeLP .bottomInfoOnLP .column h5 { font-size: 16px; font-weight: bold; color: #414141; margin: 0 0 15px 0; padding: 0; } #stopTimeLP .bottomInfoOnLP .column ul { clear: both; } #stopTimeLP .bottomInfoOnLP .column ul li { padding: 0 0 5px 17px; background: transparent url('/_img/layout/bgBulletRedRight.png') no-repeat 0 5px; color: #333333; font-size: 12px; line-height: 150%; } #stopTimeLP .regulationLink { text-align: right; margin-bottom: 30px; } #stopTimeLP .regulationLink a { color: #ffffff; font-size: 12px; padding-right: 20px; margin-right: 5px; background: transparent url('/_img/layout/bgBulletRedRight.png') no-repeat 100% 3px; } .contestSliderTitle { margin: 23px 0 22px 20px; } .contestSlider { clear: both; float: left; padding: 0; width: 899px; margin: 0 0 20px -10px; } .contestSlider .prev, .contestSlider .next { float: left; width: 27px; height: 131px; margin: 0; font-size: 0; line-height: 0; cursor: pointer; background: transparent none 0 0; } .contestSlider .prev { background-image: url('/_img/layout/bg-contest-slider-prev.png'); margin-right: 8px; } .contestSlider .next { background-image: url('/_img/layout/bg-contest-slider-next.png'); margin-left: 8px; } .contestSlider .prev span, .contestSlider .next span { display: none; } .contestCarousel { overflow: hidden; position: relative; z-index: 2; left: 0px; float: left; height: 145px; border-top: solid 1px #dedede; } .contestCarousel ul { margin: 0; padding: 0; position: relative; list-style-type: none; z-index: 1; } .contestCarousel ul li .item { overflow: hidden; width: 828px; padding-left: 1px; cursor: pointer; } .contestCarousel .item .img { background-color: #ffffff; border: solid 1px #dedede; border-width: 0 1px 1px 1px; margin: 0 0 0 -1px; overflow: hidden; text-align: center; } .contestCarousel .item .date { color: #333333; text-align: center; width: 100%; overflow: hidden; padding: 3px 0; } .contestNewsletterAgree input[type="checkbox"], .contestNewsletterAgree label { margin-top: 5px; } .contestNewsletterAgree input[type="submit"] { float: right; } /* zatrzymaj czas verva - strona konkursu */ #stopTimeFreeVerva { } #stopTimeFreeVerva .regulationLink { margin: 0 0 30px 30px; } .stopTimePlayZoneVerva { margin: 40px 0 12px 0; } .stopTimePlayZoneVerva > .middle { width: 970px; } .stopTimePlayZoneVerva .bg { background: transparent url('/_img/layout/bgStopTimeVervaPeople.jpg') no-repeat 0 100%; } .stopTimePlayZoneVerva > .bottom { margin: 0 5px; background-color: #002756; background-image: none; height: 4px; width: 885px; } .stopTimePlayZoneVerva .leftSide { float: left; width: 310px; margin: 35px 0 0 23px; } .stopTimePlayZoneVerva .leftSide .title { margin: 0 0 70px 0; padding: 0; } .stopTimePlayZoneVerva .leftSide .subtitle { margin: 0 0 22px 0; padding: 11px 0 0 0; font-weight: bold; font-size: 17px; text-transform: uppercase; color: #ba0000; background: transparent url('/_img/layout/bg-dashed-border.png') repeat-x 0 0; } .stopTimePlayZoneVerva .leftSide .subtitle > span { padding: 0 0 9px 5px; display: block; background: transparent url('/_img/layout/bg-dashed-border.png') repeat-x 0 100%; } .stopTimePlayZoneVerva .leftSide .prize { clear: both; margin: 0 0 20px 0; } .stopTimePlayZoneVerva .leftSide .prize .img { float: left; width: 165px; margin: 0 5px 0 0; text-align: center; } .stopTimePlayZoneVerva .leftSide .prize .img img { max-width: 165px; margin: 0 auto; } .stopTimePlayZoneVerva .leftSide .prize .desc { float: left; width: 133px; } .stopTimePlayZoneVerva .leftSide .prize .prizeName { color: #d4261d; font-size: 16px; font-weight: bold; margin: 0 0 10px 0; padding: 0; } .stopTimePlayZoneVerva .leftSide .prize .prizeDesc { color: #333333; font-size: 11px; margin: 0; padding: 0; } .stopTimePlayZoneVerva .rightSide { float: right; width: 606px; } .stopTimePlayZoneVerva .rightSide .flashOnContestPage { margin: -37px 0 0 0; background: transparent url('/_img/layout/bg-stop-time-flash.png') no-repeat 0 61px; padding: 0 0 0 6px; } .stopTimePlayZoneVerva .rightSide .flashOnLP { margin: -88px 0 0 0; background: transparent url('/_img/layout/bg-stop-time-lp-flash.png') no-repeat 0 70px; padding: 0 0 0 6px; } .stopTimePlayZoneVerva .rightSide .social { clear: both; float: right; padding: 3px 0 7px 0; margin: 0 70px 0 0; width: 270px; } .stopTimePlayZoneVerva .rightSide .social .fb { float: left; margin: 3px 0 0 0; } .stopTimePlayZoneVerva .rightSide .social .nk { float: left; } .stopTimePlayZoneVerva .loginBox .title { color: #ffffff; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0 0 5px 0; } .stopTimePlayZoneVerva .loginBox .addInfo { font-size: 11px; } .stopTimePlayZoneVerva .loginBox .howToJoin { margin-top: 10px; clear: both; } .stopTimePlayZoneVerva .loginBox .howToJoin, .stopTimePlayZoneVerva .loginBox .howToJoin a { font-size: 10px; font-weight: bold; text-transform: uppercase; text-decoration: underline; color: #ffffff; } .stopTimePlayZoneVerva .loginBox .txt { font-size: 14px; color: #414141; background: #ffffff url('/_img/layout/bg-textbox.png') repeat-x 0 0; border: solid 1px #ffffff; border-width: 0 1px; padding: 4px 10px; float: left; margin: 0 0 10px 2px; } .stopTimePlayZoneVerva .loginBoxOnContestPage { width: 482px; margin: 0 0 4px 0; clear: both; background: transparent url('/_img/layout/bg-stop-time-login-box-verva.png') repeat-y 0 0; padding: 0 0 10px 25px; color: #ffffff; } .stopTimePlayZoneVerva .loginBoxOnContestPage .register { float: left; width: 190px; } .stopTimePlayZoneVerva .loginBoxOnContestPage .register .title { text-indent: 5px; } .stopTimePlayZoneVerva .loginBoxOnContestPage .login { float: left; width: 280px; } .stopTimePlayZoneVerva .loginBoxOnContestPage .login .title { text-indent: 2px; } .stopTimePlayZoneVerva .loginBoxOnContestPage .txt { width: 103px; } .stopTimePlayZoneVerva .loginBoxOnContestPage .loginTxt { margin-right: 8px; } .stopTimePlayZoneVerva .errorMessage { color: #fff; width: 350px; clear: both } .stopTimeVervaInfo { background-color: #f3f3f3; padding: 10px 9px; margin: 0 0 15px 10px; width: 852px; clear: both; } .stopTimeVervaInfo, .stopTimeVervaInfo p { color: #002a5c; } .stopTimeVervaInfo strong { color: #d4261d; font-weight: bold; } .stopTimeVervaInfo strong.normalColor { color: #002a5c; } .stopTimeVervaInfo .layoutBox { width: 852px; clear: both; float: left; margin: 0 0 7px 0; } .stopTimeVervaInfo .layoutBox > .middle { width: 822px; padding: 15px; clear: both; background: transparent url('/_img/layout/bgStopTimeVervaBoxMiddle.png') repeat-y 0 0; } .stopTimeVervaInfo .layoutBox > .bottom { width: 100%; height: 3px; font-size: 0; line-height: 0; background: transparent url('/_img/layout/bgStopTimeVervaBoxBottom.png') no-repeat 0 0; } .stopTimeVervaInfo .layoutBox h2 { color: #d31d04; font-weight: bold; font-size: 24px; text-transform: uppercase; margin-bottom: 3px; margin-top: -6px; } .stopTimeVervaInfo .layoutBox h3 { font-size: 16px; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } .stopTimeVervaInfo .layoutBox h3.s18 { font-size: 18px; } .stopTimeVervaInfo .layoutBox h4 { font-size: 14px; font-weight: bold; margin-bottom: 5px; } .stopTimeVervaInfo .layoutBox p, .stopTimeVervaInfo .layoutBox strong { font-size: 14px; line-height: 130%; } .stopTimeVervaInfo .layoutBox .center { text-align: center; } .stopTimeVervaInfo .box1 { text-align: center; } .stopTimeVervaInfo .box2 .bg { background: transparent url('/_img/layout/bgStopTimeVervaBulletPlay.png') no-repeat 0 50%; padding-left: 53px; margin-left: -32px; } .stopTimeVervaInfo .box3 { margin-bottom: 0; } .stopTimeVervaInfo .box3 p, .stopTimeVervaInfo .box3 strong, .stopTimeVervaInfo .box3 a { font-size: 12px; } .stopTimeVervaInfo .box3 a { color: #002a5c; font-weight: bold; text-decoration: underline; } .stopTimeVervaInfo .box3 ul { margin-bottom: 10px; padding-top: 6px; } .stopTimeVervaInfo .box3 ul li { padding-left: 40px; padding-bottom: 3px; background: transparent url('/_img/layout/bgStopTimeVervaBullet.png') no-repeat 9px 3px; } .stopTimeVervaInfo .box3 .datesAndPlace { line-height: 170%; } .stopTimeVervaInfo .carsBox { width: 852px; height: 178px; background: transparent url('/_img/content/stopTimeVervaCars.jpg') no-repeat 0 0; } .stopTimeVervaInfo .ticketBox { background: transparent url('/_img/layout/bgStopTimeVervaTicket.png') no-repeat 0 0; padding: 17px 0 0 0; height: 110px; margin-bottom: 0; text-align: center; } .stopTimeVervaInfo .ticketBox h3 { color: #ffffff; margin-bottom: 22px; } .stopTimeVervaInfo .ticketBox .ticket { margin-bottom: 19px; } .stopTimeVervaInfo .ticketBox .ticket a { font-size: 15px; color: #ffffff; font-weight: bold; text-transform: uppercase; } .stopTimeVervaInfo .ticketBox p { color: #ffffff; font-size: 12px; } /* css3 elements */ #pageHeader .loginIndicatorNotLogged a, #pageHeader #mainTopMenu li a, #pageHeader .loginIndicatorLogged, #pageHeader .loginIndicatorLogged .links a, #pageHeader #basketInfoContainer a { text-shadow: 1px 1px 1px #000000; } #pageHeader .cardList .cardName { text-shadow: none; } #pageHeader #mainTopMenu li.selectedItem a { text-shadow: 1px 1px 1px #cccccc; } #mainPage .mainSectionTitle, #mainPage .mainSectionTitle a, #hpBottomBoxes > div > h4 { text-shadow: 1px 1px 1px #cccccc; } .sideSectionTitle, .sideSectionTitleWithBullet, .pageSubtitle, .pageSubtitleSmall, .prizeGrid .whenYouBuyItem .label, .prizeGrid .gridTitle, #prizePage .prize .prizeName, #categoryPageHeader .desc, .pointPackagesContainer .package .title { text-shadow: 1px 1px 1px #d3d3d3; } #mainPageSlider .oneSection .sectionTitle .category, .prizeGrid .hiperLabelContainer span, #prizePage .prize .hiperLabelContainer span { text-shadow: 1px 1px 1px #333333; } #pageFooter, #pageFooter a { text-shadow: 1px 1px 1px #333333; } #pageFooter .copy { text-shadow: 0 0 0 #333333; } #pageHeader .cardList .title, #pageHeader .cardList .cardName a { text-shadow: 1px 1px 1px #cccccc; } .gridPrizeCatalogue .item .category, .gridPrizeCatalogue .item .category a, #categoryPageHeader .categoryName { text-shadow: 1px 1px 1px #f7d4d0; } .pageTitle { text-shadow: 1px 1px 1px #c4c4c4; } /* /css3 elements */ /* tool tip*/ .showTooltip img { vertical-align: middle; } #tooltip { border: 1px solid #d9d9d9; padding: 10px; position: absolute; display: none; background-color: #ffffff; color: #333333; width: 250px; text-align: left; z-index: 100 } #tooltipBg { position: absolute; display: block; filter: alpha(opacity=0); } .hiddenTip { display: none; } /* registration */ .registration { padding: 20px; } .registration .form { padding: 20px; } .registration .form fieldset { border: 0; } .registration .form input[type=text], .registration .form input[type=password] { padding: 0px; } .registration .form .left { float: left; width: 540px; } .registration .form .right { float: right; width: 260px; } .registration .form .key { width: 100px; } .registrationSteps { } .registrationSteps ul { overflow: hidden; background: #FFF url('/_img/layout/bgRegistrationStepsLi.png') no-repeat 5px 20px; } .registrationSteps li { float: left; width: 198px; } .registrationSteps li.last { width: 100px; } .registrationSteps li div { font-size: 13px; height: 80px; text-align: center; width: 100px; } .registrationSteps li div.active, .registrationSteps li div.active p { color: #d31d04; } .registrationSteps li div.active { background: transparent url('/_img/layout/bgRegistrationStepActive.png') no-repeat center bottom; } .registrationSteps li p { font-size: 24px; font-weight: bold; } /* new registration */ .pick-card { font-size: 18px; padding-left: 15px; margin: 20px 0; color: #333333; font-weight: normal; } .register-card { margin: 6px; box-shadow: 0px 0px 5px 2px #c8c8c8; padding: 35px 45px; height: 350px; width: 470px; box-sizing: border-box; display: inline-block; vertical-align: top; } .register-card__text { font-size: 18px; max-width: 350px; margin: 5px 50px 30px 0; color: #000; font-weight: normal; } .register-card__text span { font-size: 18px; color: #d21d04; } .register-card.vitay-card { background: url('/_img/content/card-img.jpg') right 10% bottom 20% no-repeat; background-size: 55%; background-color: #fff; } .register-card.virtual-card { background: url('/_img/content/virtual-card.png') right 10% bottom 20% no-repeat; background-size: 55%; background-color: #fff; } .register-card input[type="submit"] { width: 130px; height: 40px; font-size: 18px; letter-spacing: 1px; } .register-card input[type="submit"]:first-of-type { margin-right: 60px } /* select */ .registrations .infoMessage { padding: 20px; } .registrations .form .form .btnRegister { margin-left: 20px; } .registrations .key { margin-bottom: 5px; } .registrations select.sex { position: absolute; left: -9999px; } .registrations .BirthDate > select { left: -9999px; position: absolute; } .registrations .BirthDate div { margin: 0 5px 10px 0; } .registrations .BirthDate .selectOptions { width: 145px; } .wrap-selectOptions { position: absolute; z-index: 1014; display: none; } .scrollPaneSelect { list-style: none; padding: 0; margin: 0 !important; display: block; position: absolute; overflow: hidden; } .selectLabel { height: 40px; width: 40px; border: solid 1px #cdcdcd; box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; cursor: pointer; float: left; position: relative; z-index: 9; overflow: hidden; background-color: #ffffff; margin: 0; padding: 0; font-size: 18px; } .IE7 .selectLabel { height: 26px; } .selectLabel span { line-height: 40px; text-indent: 5px; margin-right: 25px; white-space: nowrap; display: block; overflow: hidden; } .selectLabel em { width: 40px; height: 40px; background: url('/_img/layout/select.jpg') no-repeat 0 0; cursor: pointer; float: right; position: absolute; right: 0; top: 0; } .selectOptions { background: #fff; border: 1px solid #cdcdcd; overflow: hidden !important; } .val-err { border: 1px solid #d31d04 !important; background-color: #ffe8e5 !important; } .IE7 .selectOptions, .IE8 .selectOptions { border-color: #bbb; } .selectOptions .jspPane { width: 100% !important; } .selectOptions .jspPane li span { padding-right: 23px !important; } .selectOptions li { width: 100%; height: auto !important; min-height: 22px; max-height: 100px; background: #fff; font-size: 11px; line-height: 16px; list-style: none; padding: 0 !important; margin: 0 !important; cursor: pointer !important; float: left; overflow: hidden; } .selectOptions li { border-top: 0; border-bottom: 1px solid #cdcdcd; } .selectOptions li span { display: block; padding: 6px 7px !important; font-size: 18px; line-height: 40px; } .selectOptions li:hover, .selectOptions li.selected { color: #d31d04 !important; background: #ffffff !important; } .selectOptions li .selectOptGroup { font-weight: bold; cursor: default !important; } .selectLabel .err { border: 1px solid #d31d04; } .selectLabel .disabled { cursor: default; opacity: 0.6; filter: alpha(opacity=6); } .selectLabel .disabled .visibled { cursor: pointer; opacity: 1; filter: alpha(opacity=100); } .jspScrollable .jspVerticalBar { width: 16px; height: 100%; } .jspScrollable .jspVerticalBar .jspArrow, .jspScrollable .jspVerticalBar .jspTrack .jspDrag { width: 23px; height: 23px; background: url('../../Images/layout/formSprite.png') no-repeat; } .jspScrollable .jspVerticalBar .jspArrow.jspArrowUp { background-position: 0 0; } .jspScrollable .jspVerticalBar .jspArrow.jspArrowUp.jspActive { background-position: 0 -60px; } .jspScrollable .jspVerticalBar .jspArrow.jspArrowDown { background-position: -30px -30px; } .jspScrollable .jspVerticalBar .jspArrow.jspArrowDown.jspActive { background-position: -30px -60px; } .jspScrollable .jspVerticalBar .jspTrack { background-color: #e1e1e1; } .jspScrollable .jspVerticalBar .jspTrack .jspDrag { background-position: -60px -30px; } .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover { background-position: -60px -60px; } .selectLabel.saldo-select { width: 180px; height: 42px; background-color: transparent; border: 0; color: #000; font-size: 12px; } .selectLabel.saldo-select > span, .selectLabel.saldo-select > em { height: 42px; background: transparent url('/_img/forms/select.png') no-repeat left top; } .selectLabel.saldo-select > span { font-weight: bold; line-height: 42px; text-indent: 15px; margin-right: 39px; } .selectLabel.saldo-select > em { width: 39px; background-position: -400px top; } .selectLabel.saldo-select.disabled > span { color: #a0a0a0; } .selectLabel.saldo-select.disabled > em { background-position: -439px top; } .selectOptions.saldo-select li { border: 0; min-height: 20px; text-align: left; } .selectOptions.saldo-select li span { font-size: 12px; line-height: 20px; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar { width: 38px; height: 100%; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspArrow, .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspTrack .jspDrag { width: 38px; height: 39px; background: url('/_img/forms/select.png') no-repeat; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspArrow { height: 38px; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspArrow.jspArrowUp { background-position: -400px -43px; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspArrow.jspArrowUp.jspActive { background-position: -400px -82px; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspArrow.jspArrowDown { background-position: -439px -42px; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspArrow.jspArrowDown.jspActive { background-position: -439px -81px; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspTrack { background-color: #f1f1f1; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspTrack .jspDrag { background-position: -478px -42px; } .selectOptions.saldo-select.jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover { background-position: -478px -81px; } .selectOptions.saldo-select.jspScrollable .jspTrack, .selectOptions.saldo-select.jspScrollable .jspDrag .jspDragTop, .selectOptions.saldo-select.jspScrollable .jspDrag .jspDragBottom { background: none; } /* /select */ .registerSteps { position: relative; } .registerSteps ul { overflow: hidden; } .registrationSteps .cardNumber ul { position: absolute; top: 45px; left: 44px; font-weight: bold; } .registerSteps li { float: left; width: 220px; } .registerSteps li:first-child { text-align: left; } .registerSteps li.last { width: 100px; } .registerSteps li div { font-size: 18px; font-weight: bold; height: 80px; width: 224px; padding: 20px 0 0 20px; color: #999999; } .registerSteps li div.active, .registrationSteps li div.active p { color: #333333; font-weight: bold; } .registerSteps li div.active { background: transparent url('/_img/layout/bgRegistrationStepActive.png') no-repeat 5% 100%; } .registerSteps li p { font-size: 14px; font-weight: bold; margin-top: 5px; } .registerContent .form .registerLine { float: left; margin: 0 38px 30px 0; } .registerContent .form .registerLine .val input { text-indent: 5px; font-size: 18px; height: 40px; line-height: 40px; margin-bottom: 10px; } .registerContent .form .registerLine .val input.valErr { border: 1px solid #d31d04; background-color: #ffe8e5; } .registrations span.oneColumn.valErr { margin-top: 10px; } .registerContent .form .registerLine .val select { height: 40px; font-size: 18px; line-height: 40px; } .registerContent .form .registerLine .val input:invalid { border: 1px solid #d31d04; background-color: #ffe8e5; } .registrations #yourRegisterPromotionsEmailBox .imgWrapper { float: right; } .registrations #yourRegisterPromotionsSMSBox .imgWrapper { float: right } .registrations .form .leftCommunication { float: left; width: 400px; margin-top: 30px; background: url('/_img/content/bgYourPromotionsEmail_new.png') 100% 0 no-repeat; } .registrations .form .rightCommunication { float: right; width: 400px; margin-top: 30px; background: url('/_img/content/bgYourPromotionsSMS_new.png') 100% 0 no-repeat; } .registrations .form #yourRegisterPromotionsEmailBox .pageSubtitle, .registrations .form #yourRegisterPromotionsSMSBox .pageSubtitle { padding: 0 !important; margin-bottom: 10px !important; } .registrations .form #yourRegisterPromotionsEmailBox .oneLine, .registrations .form #yourRegisterPromotionsSMSBox .oneLine { padding-bottom: 7px; width: 250px; } #yourPromotionsPage .registrations .btnLine.threeEqColumns a { width: 100%; } .registrations .threeEqColumns .firstCol, .registrations .threeEqColumns .secondCol, .registrations .threeEqColumns .thirdCol { width: 48%; } #yourPromotionsPage .registrations ul li { background: none; } #yourPromotionsPage .btnLine { height: 28px; width: 283px; } #yourPromotionsPage .btnLine a { background-color: #d31d04; padding: 5px 0; width: 215px; text-align: center; color: #ffffff; font-weight: bold; font-size: 13px; margin: 0 auto; display: block; } .btnRegister { line-height: 38px; font-size: 16px; background-color: #d31d04; border-width: 0; color: #ffffff; font-weight: bold; padding: 10px; width: 90px; height: 40px; cursor: pointer; } .btnRegister:hover { text-decoration: none; } .form .reqFieldInfoRegister { padding: 75px 0 0 0; position: relative; margin-bottom: 20px; } .form .reqFieldInfoRegister div { top: 50px; position: absolute; right: 0; } .form .reqFieldInfoRegister .registrationFormButtons a.submit { line-height: 38px; background-color: #d31d04; border-width: 0; color: #ffffff; font-weight: bold; padding: 0; width: 90px; height: 40px; cursor: pointer; margin-left: 10px; font-size: 16px; } .form .reqFieldInfoRegister .registrationFormButtons a.submit.gray { background-color: #999999; text-decoration: none; } .reqFieldInfoRegister .registrationFormButtons input[type="submit"] { line-height: 38px; font-size: 16px; background-color: #d31d04; border-width: 0; color: #ffffff; font-weight: bold; padding: 0; width: 90px; height: 40px; cursor: pointer; } .right10 { margin-right: 10px !important; } .right40 { margin-right: 40px !important; } .right5 { margin-right: 5px !important; } .right56 { margin-right: 56px !important } .right0 { margin-right: 0 !important; } .left23 { margin-left: 23px; } .text232 { width: 232px; } .text236 { width: 236px; height: 40px } .text170 { width: 170px; height: 40px } .text45 { width: 45px; height: 40px } .text140 { width: 140px; height: 40px } .registerContent .registerProfits { padding: 20px 30px 0 30px; } .registerContent .registerProfits p { padding: 0 0 30px 0; font-size: 18px; } .registerContent .registerProfits ul li { float: left; width: 250px; padding-right: 25px; } .registerContent .registerProfits ul li p { padding-top: 10px; font-size: 16px; } .registerContent .registerProfits ul li img { float: left; padding: 10px 20px 0 0; } .registerContent .registerProfits .clear { clear: both; font-size: 0; line-height: 0; width: 100%; float: none; } .form .clear { clear: both; font-size: 0; line-height: 0; width: 100%; float: none; } .registerContent .form .noCard { padding: 10px 0 10px 10px; font-size: 14px; color: #666666; } .registerContent .form .noCard a { font-size: 14px; } .registerContent .form .cardNumber h3 { padding: 20px 0 15px 0; font-size: 24px; color: #333333; font-weight: normal; } .registerContent .form .cardNumber .cardNumberControl input[type="text"], .registerCaptchaDiv .cardNumberControl input[type="text"] { font-size: 18px; text-align: center; width: 35px; height: 40px; line-height: 40px; float: left; margin: 0 5px 0 0; padding: 0; } .registrations .refreshTxtContainer { margin-top: 10px; } .registerCaptchaDiv { margin: 20px 0 0 10px } .registerCaptchaDiv input[type="submit"], a.submit .registerNextButton { background-color: #d31d04; border-width: 0; color: #ffffff; font-weight: bold; padding: 0; width: 80px; height: 42px; cursor: pointer; margin-left: 10px; font-size: 18px; line-height: 40px; } .registerCaptchaDiv input[type="submit"].registerNextGrayButton { background-color: #676d6f; } /*.userInfoRegistrationAtStation {} .userInfoRegistrationAtStation li.userInfoCardNumber { position:absolute; top:290px; left: 493px; } .userInfoRegistrationAtStation li.userInfoEmail { position:absolute; top:290px; left: 726px;width: 155px; } .userInfoRegistrationAtStation {} .userInfoRegistrationOutStation li.userInfoCardNumber { position:absolute; top:290px; left: 486px; } .userInfoRegistrationOutStation li.userInfoUserName { position:absolute; top:290px; left: 727px; width: 155px; } .userInfoRegistrationOutStation li.userInfoEmail { position:absolute; top:290px; left: 945px; width: 155px;}*/ .registrations .form { padding: 20px 20px 40px 20px; } .registrations .forms { background-color: #F1F1F1; margin-bottom: 10px; } .registrations { margin: 20px; } .registerContent .form .cardNumber input[type="text"].withSpace { margin-right: 15px; } .registerContent .form .cardNumber { margin-left: 10px; } .registerContent .form .cardNumber input[type="submit"], a.submit .registerNextButton { background-color: #d31d04; border-width: 0; color: #ffffff; font-weight: bold; padding: 0; width: 80px; height: 42px; cursor: pointer; margin-left: 10px; font-size: 18px; } .registerContent .form .cardNumber input[type="submit"].registerNextGrayButton { background-color: #676d6f; } .registrations .registerContent .registerCaptchaDiv > lebel { margin-bottom: 10px; } /* end new registration */ .step4FormButtons { margin: 20px 0; } .step4FormButtons .registrationFormButtons { margin-left: 182px !important; text-align: center; } .registrationFormButtons { } .registrationFormButtons { overflow: hidden; } .registrationFormButtons li { float: left; margin: 0 10px 0 0; background: none !important; } /*.registration #yourPromotionsEmailBox .imgWrapper {background-image: url('/_img/layout/bgYourPromotionsEmail.png'); background-position: 100px 0;height:160px;} .registration #yourPromotionsSMSBox .imgWrapper {background-image: url('/_img/layout/bgYourPromotionsSMS.png'); background-position: 130px -12px;height:160px;} .registration #yourPromotionsEmailBox .imgWrapper {background-image: url('/_img/content/bgYourPromotionsEmail_new.png'); background-position: 98px 5px;height:108px; width:155px; float:right;} .registration #yourPromotionsSMSBox .imgWrapper {background-image: url('/_img/content/bgYourPromotionsSMS_new.png'); background-position: 190px 0;height:97px; width:125px; float:right}*/ .registration #yourPromotionsEmailBox .imgWrapper { background-image: url('/_img/layout/bgYourPromotionsEmail_v2.png'); background-position: 98px 5px; height: 160px; } .registration #yourPromotionsSMSBox .imgWrapper { background-image: url('/_img/layout/bgYourPromotionsSMS_v2.png'); background-position: 190px 0; height: 160px; } .registration .yourPromotionSMSandEmail { float: right; width: 200px; } .registration #yourPromotionsPage { clear: both; float: left; margin: 0px 0 20px 0; padding: 0 0 0 0px; width: 645px; } .registration #yourPromotionsPage > .top, .registration #yourPromotionsPage > .bottom { width: 100%; clear: both; font-size: 0; line-height: 0; height: 5px; background: transparent none no-repeat 0 0; } .registration #yourPromotionsPage > .top { background-image: url('/_img/layout/bgMainDoubleTopShadow.png'); } .registration #yourPromotionsPage > .bottom { background-image: url('/_img/layout/bgMainDoubleBottomShadow.png'); } .registration #yourPromotionsPage > .middle { width: 635px; padding: 0 5px; clear: both; float: left; } .registration #yourPromotionsPage > .middle > .left, .registration #yourPromotionsPage > .middle > .right { float: left; width: 313px; } .registration #yourPromotionsPage > .middle > .left { margin-right: 9px; } .registration #yourPromotionsPage > .middle > .left > .content, .registration #yourPromotionsPage > .middle > .right > .content { padding: 10px 15px; width: 283px; clear: both; float: left; } .registration #yourPromotionsPage .content { position: relative; min-height: 165px; } .registration #yourPromotionsPage .withAdditionalCheckbox .content { min-height: 210px; } .registration #yourPromotionsPage .content .checkboxBottom { position: absolute; left: 10px; top: 180px; } .registration #yourPromotionsPage .content .checkboxBottom2 { position: absolute; left: 10px; top: 155px; } .yourPromotionsPageHeader { margin: 0 0 20px 0; } .yourPromotionsPageHeader .pageSubtitle { float: none !important; } .yourPromotionsPageHeader p { } .registrations .form .sideSectionTitle { margin: 0; padding: 0; text-indent: 0 !important; } .activationCodeBox { background: #676d6f; color: #FFF; padding: 10px; margin-bottom: 10px; } .activationCodeBox input[type=text] { width: 60px !important; } .activationCodeBox input, .activationCodeBox a { display: inline; } .activationCodeBox a { padding: 2px 10px; } .registration .form.step5 .left { width: 576px; } .registration .form.step5 .actionButtons .key { width: 120px; } .accountEdit .form fieldset { background: #FFF; } .registration .form .editUserData .key, .accountEdit .form .editUserData .key { width: 120px; } .registration .form .editUserData .val, .accountEdit .form .editUserData .val { font-size: 11px; width: 426px; } .registration .form .editUserData .dataProcessingAgree input[type="checkbox"], .accountEdit .form .editUserData .dataProcessingAgree input[type="checkbox"] { float: left; margin: 0 10px 0 0; text-align: left; width: 20px; } .registration .form .editUserData .dataProcessingAgree label, .accountEdit .form .editUserData .dataProcessingAgree label { float: left; width: 396px; } .registration .form .editUserData .oneLine, .accountEdit .form .editUserData .oneLine { width: 100%; } .registration .form .editUserData .val input[type="text"], .accountEdit .form .editUserData .val input[type="text"] { width: 208px; } .registration .form .editUserData .val.short input[type="text"], .accountEdit .form .editUserData .val.short input[type="text"] { width: 186px; } .registration .form .editUserData .postalCode input[type="text"], .accountEdit .form .editUserData .postalCode input[type="text"] { width: 80px; } .accountEdit .form .editUserData .emailAddress .userEmail, .registration .form .editUserData .emailAddress .userEmail { float: left; width: 280px; } .accountEdit .form .editUserData .emailAddress .howToChangeEmail, .registration .form .editUserData .emailAddress .howToChangeEmail { float: right; width: 140px; } .popupConfirmPhone { text-align: left; padding: 20px; } .popupConfirmPhone h2, h2.popupTitle { color: #d31d04; margin-bottom: 0px; padding-bottom: 20px; font-size: 16px; font-weight: bold; } .popupConfirmPhone p { margin-bottom: 20px; } .popupConfirmPhone .actionBtns { float: right; width: 200px; } .popupConfirmPhone a.submit { background-image: url("/_img/layout/bgBulletWhiteLeft.png"); background-repeat: no-repeat; background-position: 6px 6px; } .popupConfirmPhone a.submit, .popupConfirmPhone a.unsubscribeSMS { padding-left: 20px; min-width: 170px; text-align: left; display: block; } .popupConfirmPhone a.unsubscribeSMS { color: #d31d04; background-image: url("/_img/layout/bgBulletRed.png"); background-repeat: no-repeat; background-position: 6px 2px; border-width: 0; font-weight: bold; cursor: pointer; margin-top: 4px; } .padding5-10 { padding: 5px 10px; } .p20 { padding: 20px; } .marginBottom10 { margin-bottom: 10px; } .margin10-0 { margin: 10px 0; } #ContestWinnerAddres .form { margin-top: 15px; float: left; } #ContestWinnerAddres .yourPrize { float: right; } #divResults td { padding: 4px; color: #666 } #divResults .firstScore td { font-weight: bold; font-size: 120% } #divResults .tableHeader td { font-weight: bold; font-size: 100%; border-bottom: 1px solid #666 } /* promocja na euro */ #euroPromotions .layer-bg { margin: -10px 0 0 0; clear: both; float: left; width: 968px; background: transparent url('/_img/layout/bg-euro-graphic-24.png') no-repeat 100% 0; min-height: 655px; } #euroPromotions .layer-bg .layer-content { margin: 65px 0 0 60px; width: 860px; clear: both; } #euroPromotions .top-info h3 { font-size: 20px; font-weight: bold; color: #bc0c18; padding: 0; margin: 0 0 20px 0; } #euroPromotions .top-info .hd { margin: 0 0 27px 0; } #euroPromotions .top-info .list-how-to { font-size: 14px; line-height: 140%; color: #333333; margin-bottom: 10px; } #euroPromotions .top-info .list-how-to li { margin-bottom: 3px; } #euroPromotions .top-info .regulation-info { color: #333333; font-size: 11px; margin-bottom: 30px; } #euroPromotions .top-info .winner-info { color: #333333; font-size: 12px; line-height: 135%; margin-bottom: 40px; } #euroPromotions .application { width: 100%; clear: both; margin-bottom: 45px; float: left; } #euroPromotions .application .info-not-logged { color: #333333; font-size:  12px; padding: 12px; background-color: #F1F1F1; font-weight: bold; border: 2px solid #CCCCCC; margin: 15px 0 0 0; } #euroPromotions .application .app-content .hd { font-weight: bold; color: #18206d; font-size: 14px; margin-bottom: 6px; } #euroPromotions .application .cycle { float: left; margin-right: 15px; } #euroPromotions .application .points { float: left; margin-right: 35px; } #euroPromotions .application .winner-list-link { float: left; margin-top: 35px; font-size: 14px; color: #333333; } #euroPromotions .application .winner-list-link a { font-size: 14px; } #euroPromotions .application .label { font-size: 24px; font-weight: bold; color: #666666; background: transparent url('/_img/layout/bg-euro-points-label.png'); padding: 4px 15px 0 0; height: 36px; width: 150px; text-align: right; } #euroPromotions .application .jquery-selectbox { position: relative; height: 40px; border-width: 0; width: 245px; z-index: 0; float: left; display: inline; margin: 0; padding: 0; font-size: 16px; color: #666666; font-weight: bold; padding: 0; background: transparent url("/_img/layout/bg-custom-select.png") no-repeat 0 0; } #euroPromotions .application .jquery-selectbox.selecthover { z-index: 700; } #euroPromotions .application .jquery-selectbox .jquery-selectbox-currentItem { padding: 10px 0px 0px 15px; white-space: nowrap; display: block; overflow: hidden; width: 185px; } #euroPromotions .application .jquery-selectbox .jquery-selectbox-list { display: none; position: absolute; top: 40px; padding: 0; left: 0px; background-color: #f6f6f6; width: 243px; height: 120px; overflow: auto; overflow-x: hidden; z-index: 1000; border: 1px solid #cccccc; } #euroPromotions .application .jquery-selectbox .jquery-selectbox-list .jquery-selectbox-item { padding: 5px 15px; width: 213px; overflow: hidden; white-space: nowrap; } #euroPromotions .application .jquery-selectbox .jquery-selectbox-moreButton { /* position: absolute; top: 0px; right: 0px; */ float: right; background: transparent url("/_img/layout/bg-custom-select-more.png") no-repeat 0 0; width: 41px; height: 40px; cursor: pointer; } #euroPromotions .application .jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover { background-image: url("/_img/layout/bg-custom-select-more-hover.png"); } #euroPromotions .application .jquery-selectbox .jquery-selectbox-item.listelementhover { background: #666666; color: #ffffff; } #euroPromotions .application .jquery-selectbox .jquery-selectbox-item { display: block; cursor: default; } #euroPromotions .bottom-info .hd { font-weight: bold; color: #18206d; font-size: 14px; margin-bottom: 12px; } #euroPromotions .product-list { border: solid 1px #efefef; border-width: 1px 0 0 1px; margin-bottom: 40px; float: left; clear: both; width: 836px; } #euroPromotions .product-list .one-line { width: 100%; clear: both; float: left; } #euroPromotions .product-list .one-product { width: 208px; height: 236px; float: left; border: solid 1px #efefef; border-width: 0 1px 1px 0; overflow: hidden; } #euroPromotions .product-list .img { width: 100%; height: 175px; overflow: hidden; text-align: center; } #euroPromotions .product-list .img img { max-width: 208px; margin: o auto; } #euroPromotions .product-list .desc { font-size: 12px; line-height: 13px; color: #333333; text-align: center; clear: both; } #myAccount #euroPromotions .layer-bg { background-image: url('/_img/layout/bg-euro-graphic-small-24.png'); width: 635px; min-height: 185px; margin-top: -8px; } #myAccount #euroPromotions .layer-bg .layer-content { margin-top: 26px; margin-left: 15px; width: 620px; } #myAccount #euroPromotions h2.hd { margin: 0 0 23px 0; } #myAccount #euroPromotions .application { margin-bottom: 0; } #myAccount #euroPromotions .application .cycle, #myAccount #euroPromotions .application .points { margin-bottom: 23px; margin-right: 25px; } #myAccount #euroPromotions .application .app-content .hd { text-indent: 4px; } #myAccount #euroPromotions .application .winner-list-link { clear: both; margin: 0 0 5px 0; width: 100%; } #myAccount #euroPromotions .application .regulation-info { clear: both; margin-bottom: 23px; width: 100%; } #myAccount #euroPromotions .application .regulation-info a { font-size: 14px; } #myAccount #euroPromotions .application .jquery-selectbox { width: 215px; background-image: url('/_img/layout/bg-custom-select-215.png') } #myAccount #euroPromotions .application .jquery-selectbox .jquery-selectbox-currentItem { width: 155px; } #myAccount #euroPromotions .application .jquery-selectbox .jquery-selectbox-list { width: 213px; } #myAccount #euroPromotions .application .jquery-selectbox .jquery-selectbox-list .jquery-selectbox-item { width: 183px; } /* Kod promocyjny */ #promotionCode .header { padding: 15px 15px; text-align: left; letter-spacing: -1px; font-weight: normal; font-size: 18px; color: #000; margin-bottom: 10px } #promotionCode .key { float: left; width: 160px; text-align: right; padding: 0 10px 0 0 } #promotionCode .val { float: left; width: 60%; } #promotionCode .val input { width: 250px; } #promotionCode .promotionCodeSuccess { height: 84px; padding: 50px; text-align: center; font-size: 120% } #promotionCode .promotionCodeSuccess input { width: 170px; margin: 15px 0 } #promotionCode .promotionCodeBg { background: url('/_img/layout/promoCodeBg.png') no-repeat; } /* FANZONE LONDON 2012 */ .fanzone { margin-bottom: 70px; } .fanzone .page-title { color: #000000; font-size: 26px; letter-spacing: -2px; text-align: center; line-height: 48px; padding-bottom: 10px; } .fanzone .page-title img { margin-right: 12px; vertical-align: middle; } .fanzone .boxContent { width: 979px; padding: 0 2pxmargin:auto; } .fanzone .boxContent .top { width: 979px; height: 10px; margin: auto; background: url('/_img/fanzone/top.png') no-repeat; } .fanzone .boxContent .middle { width: 983px; background: url('/_img/fanzone/middle.png') repeat-y; } .fanzone .boxContent .bottom { width: 979px; height: 10px; background: url('/_img/fanzone/bottom.png') no-repeat; } .fanzone .boxContent .middle .content { width: 963px; margin: auto; padding-top: 240px; background: #FFF url('/_img/fanzone/bg-top.jpg') no-repeat; } .fanzone .boxContent .middle .content .header { text-align: center; } .fanzone .boxContent .middle .content .header h1 { font: 60px/35px Arial, Helvetica, sans-serif; font-weight: bold; color: #333; letter-spacing: -4px; margin-bottom: 10px; } .fanzone .boxContent .middle .content .header h3 { font: 26px/35px Arial, Helvetica, sans-serif; font-weight: bold; color: #333; letter-spacing: -2px; } .fanzone .boxContent .middle .content h2, .fanzone .boxWhite .middle h2 { font: 35px/35px Arial, Helvetica, sans-serif; font-weight: bold; color: #333; letter-spacing: -2px; } .fanzone .boxContent .middle .content #slider { height: 291px; width: 963px; overflow: hidden; position: relative; margin-top: 20px; } .fanzone .boxContent .middle .content #slider .players { width: 1490px; margin: auto; height: 291px; position: absolute; } .fanzone .boxContent .middle .content #slider .player { width: 149px; height: 291px; float: left; overflow: hidden; position: relative; cursor: pointer; } .fanzone .boxContent .middle .content #slider .player .overlay { background: transparent url('/_img/fanzone/overlay.png'); width: 149px; height: 291px; position: absolute; z-index: 110; display: none; cursor: default !important; } .fanzone .boxContent .middle .content #slider .player .img { float: left; } .fanzone .boxContent .middle .content #slider #player1.player .img { cursor: default !important; } .fanzone .boxContent .middle .content #slider .player .description { width: 425px; background: #FFF; display: none; float: left; padding: 15px 25px 20px; font: 12px/16px; color: #666; position: relative; } .fanzone .boxContent .middle .content #slider .player .description .arrow { width: 28px; height: 27px; background: transparent url('/_img/fanzone/arrow.png') no-repeat; position: absolute; left: -14px; top: 90px; } .fanzone .boxContent .middle .content #slider .player .description ul li { padding-bottom: 10px; } .fanzone .boxContent .middle .content #slider .player .description h3 { font-size: 18px; font-weight: bold; color: #333333; letter-spacing: -1px; padding: 0 0 15px 0; } .fanzone .boxContent .middle .content #slider .player .description .link { font-size: 14px; font-weight: bold; color: #d81e05; padding: 0 0 20px 0; } .fanzone .boxContent .middle .content #slider .player .description .prizes { font-size: 14px; line-height: 18px; color: #333333; } .fanzone .boxContent .middle .content .two-cols { overflow: hidden; } .fanzone .boxContent .middle .content .two-cols .col1 { width: 500px; float: left; padding: 20px; } .fanzone .boxContent .middle .content .two-cols .col2 { width: 350px; float: right; padding: 20px; } .fanzone .boxContent .middle .content .scores { width: 520px; } .fanzone .boxContent .middle .content .scores h2 { margin-bottom: 40px; } .fanzone .boxContent .middle .content .scores .match { overflow: hidden; padding: 10px; border-top: 1px solid #d1d1d1; } .fanzone .boxContent .middle .content .scores .match .teams { font-size: 12px; color: #666; width: 220px; float: left; } .fanzone .boxContent .middle .content .scores .match .teams h4 { font-size: 15px; line-height: 22px; color: #333; font-weight: bold; letter-spacing: -1px; } .fanzone .boxContent .middle .content .scores .match .sets { width: 180px; float: left; text-align: right; color: #d81e05; font-weight: bold; } .fanzone .boxContent .middle .content .scores .match .result { width: 84px; float: left; text-align: right; color: #d81e05; font-weight: bold; font-size: 30px; } .fanzone .boxContent .middle .content .scores .match.next { background: #f6f6f6; border: 1px solid #d1d1d1; border-bottom: 0; } .fanzone .boxContent .middle .content .scores .match.next .poll { clear: both; padding-top: 40px; position: relative; } .fanzone .boxContent .middle .content .scores .match.next .poll h4 { display: none; } .fanzone .boxContent .middle .content .scores .match.next .poll .question { font-size: 14px; line-height: 18px; color: #333; font-weight: bold; margin-bottom: 18px; } .fanzone .boxContent .middle .content .scores .match.next .poll .pollInfo { margin-bottom: 10px; font-size: 11px; } .fanzone .boxContent .middle .content .scores .match.next .poll .answerContainer, .fanzone .boxContent .middle .content .scores .match.next .poll .option { margin-bottom: 22px; overflow: hidden; position: relative; } .fanzone .boxContent .middle .content .scores .match.next .poll .option input { margin-top: 0px; } .fanzone .boxContent .middle .content .scores .match.next .poll .option label { padding-left: 10px; font-size: 14px; position: absolute; top: -3px } .fanzone .boxContent .middle .content .scores .match.next .poll .answer { width: 130px; float: left; } .fanzone .boxContent .middle .content .scores .match.next .poll .answerChart { background: #c3c3c3; width: 300px; height: 13px; float: left; } .fanzone .boxContent .middle .content .scores .match.next .poll .answerChart div { background: #d81e05; height: 13px; } .fanzone .boxContent .middle .content .scores .match.next .poll .percent { width: 55px; float: left; text-align: right; } .fanzone .boxContent .middle .content .scores .match.next .poll .btn input { width: 95px; height: 27px; display: block; background: transparent url('/_img/fanzone/vote.png') no-repeat; text-indent: -9999px; } .fanzone .boxContent .middle .content .action-1, .fanzone .boxContent .middle .content .action-2, .fanzone .boxContent .middle .content .action-3 { width: 963px; height: 298px; position: relative; margin-top: -35px; margin-bottom: 35px; z-index: 1; } .fanzone .boxContent .middle .content .action-1 { background: transparent url('/_img/fanzone/akcja1.png') no-repeat; } .fanzone .boxContent .middle .content .action-2 { background: transparent url('/_img/fanzone/akcja2.png') no-repeat; width: 946px; height: 249px; } .fanzone .boxContent .middle .content .action-3 { background: transparent url('/_img/fanzone/akcja3.png') no-repeat; } .fanzone .boxContent .middle .content .action-1 a.join-now, .fanzone .boxContent .middle .c#LotteryWinners .bottomontent .action-1 input.join-now { display: block; width: 195px; height: 32px; position: absolute; top: 197px; left: 255px; text-indent: -9999px; background: none; } .fanzone .boxContent .middle .content .action-1 a.see-collection, .fanzone .boxContent .middle .content .action-3 a.see-collection { display: block; width: 115px; height: 18px; position: absolute; top: 211px; left: 598px; text-indent: -9999px; background: none; } .fanzone .boxContent .middle .content .action-2 a.unsubscribe-fanzone { display: block; width: 100px; height: 12px; position: absolute; top: 156px; right: 49px; background: none; color: #d81e05; font-size: 12px; } .fanzone .boxContent .middle .content .action-2 a.see-collection { display: block; width: 205px; height: 32px; position: absolute; top: 144px; left: 516px; text-indent: -9999px; background: none; } .fanzone .boxContent .middle .content .action-2 .drop-your-points { position: absolute; left: 695px; top: 42px; } .fanzone .boxContent .middle .content .action-2 .your-points { font-weight: bold; color: #333; font-size: 60px; position: absolute; top: 64px; left: 514px; letter-spacing: -4px; } .fanzone .boxContent .middle .content .connect_widget_share_comment_span { display: none; } /*---------------------------------------------------------*\ Buttony społecznościowe \* ------------------------------------------------------- */ .social-media-buttons { clear: both; float: right; padding: 0; } .social-media-buttons .fb-like, .social-media-buttons .twitter { float: left; width: 135px; margin-bottom: 14px; } .staticPageWithBorderSocial, .staticPageNoBorderSocial { clear: both; } .staticPageWithBorderSocial { padding-left: 20px; } /* */ a.boxRedNewsletter { width: 310px; height: 242px; background: transparent url('/_img/layout/boxRedNewsletter.png') no-repeat 0 0; text-indent: -9000px; margin: 0 5px; float: left; } .flashFanzone { width: 960px; margin: 0 10px 25px; } .boxWhiteSmall { width: 310px; height: 151px; background: transparent url('/_img/layout/boxWhiteSmall.png') no-repeat 0 0; padding: 5px; margin: 5px 0; float: left; position: relative; } .boxWhiteSmall + .boxWhiteSmall { margin-left: 10px; } .boxWhiteSmall .bg { position: absolute; right: 5px; bottom: 5px; } .boxWhiteSmall .inner { width: 280px; height: 127px; padding: 12px 15px; position: relative; } .boxWhiteSmall .inner a:hover { text-decoration: none; } .boxWhiteSmall .inner h3 { font-size: 0.75em; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2em; padding-bottom: 10px; position: relative; z-index: 110; } .boxWhiteSmall .inner h2 { padding-top: 5px; } .boxWhiteSmall .inner h2 a { color: #000; font-size: 18px; line-height: 1em; font-weight: 700; } .boxWhiteSmall .inner .links { position: absolute; left: 15px; bottom: 12px; z-index: 100; } .boxWhiteSmall .inner .links li { float: left; } .boxWhiteSmall .inner .links li + li { margin-left: 15px; } .boxWhiteSmall .inner .links li a.more { color: #a80808; font-size: 1.1em; font-weight: 700; display: block; } .boxWhiteSmall .inner .links li a.more.arrow { background: transparent url('/_img/layout/arrowRedRight.gif') no-repeat right center; padding-right: 10px; } .boxWhiteSmall .inner.topBelt { border-top: 5px solid #000; padding-top: 7px; overflow: hidden; } .boxWhiteSmall .inner.topBelt.orange { border-top-color: #f60; } .boxWhiteSmall .inner.topBelt.purple { border-top-color: #a30592; } .boxWhiteSmall .inner.topBelt.aqua { border-top-color: #009eca; } .boxWhiteSmall .inner .offer { width: 280px; height: 125px; position: absolute; left: 15px; top: 7px; z-index: 50; } .boxWhiteSmall .inner .offer .item { width: 100%; background-color: #fff; position: absolute; left: 0; top: 0; } .boxWhiteSmall .inner .offer .item.active { z-index: 100; } .boxWhiteSmall .inner .offer .item .img { width: 125px; height: 125px; float: right; } .boxWhiteSmall .inner .offer .item .prizeName { width: 140px; height: 43px; margin-top: 22px; display: block; } .boxWhiteSmall .inner .offer .item .prizeName a { color: #666; height: 40px; font-size: 12px; font-weight: 700; line-height: 1.2em; display: block; overflow: hidden; } .boxWhiteSmall .inner .offer .item .points { height: 46px; font-size: 23px; font-weight: 700; line-height: 1em; overflow: hidden; } .boxWhiteSmall .inner.orange .offer .item .points, .boxWhiteSmall .inner.orange .links a { color: #f60; } .boxWhiteSmall .inner.purple .offer .item .points, .boxWhiteSmall .inner.purple .links a { color: #a30592; } .boxWhiteSmall .inner.aqua .offer .item .points, .boxWhiteSmall .inner.aqua .links a { color: #009eca; } .bottomOne { padding: 20px 0; } .bottomOne .facebookLike { padding-left: 5px; float: left; } .bottomOne .goToCatalog { color: #a80808; font-size: 1.4em; font-weight: 700; padding-right: 5px; float: right; } .bottomOne .goToCatalog:hover { text-decoration: none; } /*.offer .item { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=1.0); opacity: 1.0; zoom: 1; } */ /* */ .box960 { clear: both; margin: 0 0 20px 0; padding: 0; width: 970px; } .box960 > .boxTop960, .box960 > .boxBottom960 { width: 100%; clear: both; height: 5px; background: transparent none no-repeat 0 0; overflow: hidden; } .box960 > .boxTop960 { background-image: url('/_img/layout/boxTop960.png'); } .box960 > .boxBottom960 { background-image: url('/_img/layout/boxBottom960.png'); } .box960 > .boxMiddle960 { width: 960px; padding: 0 5px; clear: both; background: transparent url('/_img/layout/boxMiddle960.png') repeat-y 0 0; } /* */ /* */ .box960 > .boxMiddle960 { color: #333; } .box960 > .boxMiddle960 h1, .box960 > .boxMiddle960 p { color: #333; line-height: 1.5em; } .box960 > .boxMiddle960 h1 { font-size: 24px; padding-bottom: 10px; } .box960 > .boxMiddle960 p, .box960 > .boxMiddle960 ol { padding: 5px 0; } .box960 > .boxMiddle960 ol { list-style-type: decimal; } .box960 > .boxMiddle960 ol:first-child { counter-reset: customlistcounter; } .box960 > .boxMiddle960 ol > li { background: transparent url('/_img/layout/listDecimalSep.gif') no-repeat 15px 7px; counter-increment: customlistcounter; } .box960 > .boxMiddle960 ol > li:before { width: 10px; text-align: right; content: counter(customlistcounter) " "; color: #a80808; font-weight: bold; line-height: 1.5em; padding: 5px 12px 5px 0; float: left; } .box960 > .boxMiddle960 ol > li p { color: #333; } .box960 > .boxMiddle960 ol { *padding-left: 25px; } .box960 > .boxMiddle960 ol, .box960 > .boxMiddle960 ol li { *list-style-type: decimal; } .box960 > .boxMiddle960 .detailsBox { margin: 10px 0 15px; background-color: #f0f0f0; } .box960 > .boxMiddle960 .detailsBox .showHide { padding: 15px 20px; cursor: pointer; overflow: hidden; } .box960 > .boxMiddle960 .detailsBox .showHide span { background: transparent url('/_img/layout/arrowRedDown.png') no-repeat right center; padding-right: 20px; float: left; } .box960 > .boxMiddle960 .detailsBox .showHide.hideBox span { background-image: url('/_img/layout/arrowRedUp.png'); } .box960 > .boxMiddle960 .detailsBox .inset { padding: 0 20px 10px; overflow: hidden; } .box960 > .boxMiddle960 .detailsBox .inset .col3 { width: 270px; padding-bottom: 5px; float: left; } .box960 > .boxMiddle960 .detailsBox .inset .col3 + .col3 { margin-left: 35px; } .box960 > .boxMiddle960 .detailsBox .inset .horSep { border-top: 1px solid #cbcbcb; padding-top: 15px; display: block; clear: both; } .box960 > .boxMiddle960 .bigCreation { margin-bottom: 15px; } /* */ /* */ .checkbox-filter { width: 891px; background-color: #f1f1f1; border: solid 1px #e3e3e3; -webkit-box-shadow: 0px 0px 5px 2px #e3e3e3; box-shadow: 0px 0px 5px 2px #e3e3e3; padding: 15px 20px 0; margin: 0 auto 20px; } .checkbox-filter .showHide { cursor: pointer; overflow: hidden; padding-bottom: 15px; } .checkbox-filter .showHide span { background: transparent url('/_img/layout/arrowRedDown.png') no-repeat right center; padding-right: 20px; float: left; } .checkbox-filter .showHide.hideBox span { background-image: url('/_img/layout/arrowRedUp.png'); } .checkbox-filter > .inset { display: none; overflow: hidden; } .checkbox-filter ul { border-bottom: 1px solid #cbcbcb; padding: 0 0 5px; margin-bottom: 15px; overflow: hidden; } .checkbox-filter li { float: left; width: 165px; margin: 5px 13px 10px 0; } .checkbox-filter .filter-clear { float: right; color: #333; text-decoration: underline; margin-bottom: 7px; margin-top: 7px; } .checkbox-filter .filter-clear:hover { text-decoration: none; } .checkbox-filter .search-text { float: left; width: 240px; height: 20px; margin-bottom: 15px; line-height: 20px; padding: 5px 15px; } .checkbox-filter .search-text::-ms-clear { display: none; } .checkbox-filter .search-button { display: inline-block; float: left; background-color: #da1926; color: #ffffff; padding: 9px; border-radius: 0 3px 3px 0; position: relative; font-style: italic; margin-right: 10px; cursor: pointer; } .filter-no-results { padding: 13px; } /* */ /* */ #partnersShops .title { display: block; font-size: 24px; line-height: 1.5em; padding: 0 20px 20px; } #partnersShops ul { padding-left: 12px; } #partnersShops li { width: 180px; float: left; border: solid 1px #e3e3e3; margin-right: 15px; margin-bottom: 20px; height: 310px; position: relative; padding: 20px; -webkit-box-shadow: 0px 0px 5px 2px #e3e3e3; box-shadow: 0px 0px 5px 2px #e3e3e3; } #partnersShops li .hover { width: 220px; height: 350px; background-color: #f6f6f6; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; } #partnersShops li .hover, #partnersShops li .hover-btn { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity = 0); opacity: 0; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; transition: opacity .3s; } #partnersShops li.on-hover .hover { opacity: .85; filter: alpha(opacity = 85); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; } #partnersShops .photo { width: 150px; height: 150px; font-size: 0; line-height: 0; text-align: center; margin: 0 auto; } #partnersShops .photo:before { content: ""; height: 100%; display: inline-block; vertical-align: middle; } #partnersShops .photo img { max-width: 180px; max-height: 180px; display: inline-block; vertical-align: middle; } #partnersShops .info { width: 180px; max-height: 140px; position: absolute; bottom: 20px; left: 20px; z-index: 1; } #partnersShops .info a { font: bold 15px/24px Arial; color: #333333; } #partnersShops .info p { padding: 0; margin: 0; } #partnersShops .info .desc { height: 75px; margin-bottom: 10px; overflow: hidden; display: block; } #partnersShops .info .name { font: bold 15px/1.2em Arial,Verdana,Helvetica,sans-serif; } #partnersShops .info .points { color: #ae010e; font: bold 20px/1.2em Arial,Verdana,Helvetica,sans-serif; } #partnersShops .info .points span { color: #333; font-weight: normal; font-size: 15px; } #partnersShops li .hover-btn { position: absolute; z-index: 1000; top: 55%; left: 0; width: 100%; right: 0; } #partnersShops li.on-hover .hover-btn { opacity: 1; filter: alpha(opacity = 100); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #partnersShops li .btn-red, .partner-detail-wrapper a.btn-red { width: 154px; height: 32px; background: url('/_img/layout/button-red-bg.png') 0 0 no-repeat; margin: 0 auto; color: #fff; text-decoration: none; line-height: 32px; font-size: 14px; font-weight: bold; text-align: center; font-weight: bold; } #partnersShops li .btn-red { display: block; } .marginTop3 { margin-top: 3px !important; } /** Parents Pop-up **/ .partner-detail-wrapper { width: 680px; min-height: 300px; text-align: left; } .partner-detail-wrapper .col { display: inline-block; box-sizing: border-box; vertical-align: top; margin-top: 30px; padding-right: 30px; width: 50%; } .partner-detail-wrapper .info-detail { color: #010101; } .partner-detail-wrapper h3 { font-size: 18px; color: #000000; } .partner-detail-wrapper .info-legal { min-height: 100px; padding-left: 20px; border-left: 1px solid #cfcfd0; min-height: 210px; color: #010101; text-align: justify; } .partner-detail-wrapper .info-legal span { display: block; margin-bottom: 7px; } .partner-detail-wrapper .photo { text-align: center; padding-bottom: 10px; max-height: 170px; box-sizing: border-box; } .partner-detail-wrapper .photo img { max-width: 180px; max-height: 180px; } .partner-detail-wrapper .desc { margin-bottom: 10px; } .partner-detail-wrapper .name { font: bold 15px/1.2em Arial,Verdana,Helvetica,sans-serif; } .partner-detail-wrapper .points { color: #ae010e; font: bold 20px/1.2em Arial,Verdana,Helvetica,sans-serif; } .partner-detail-wrapper .points span { color: #333; font-weight: normal; font-size: 15px; } .partner-detail-wrapper .wrap-btn { position: absolute; bottom: 0; } .partner-detail-wrapper a.btn { display: inline-block; margin: 20px 20px 0; font-size: 14px; } .partner-detail-wrapper a.btn-close { color: #990a0c; } /* #partnersShops h2 { font-size: 24px; line-height: 1.5em; padding: 0 20px 10px; display: block; } #partnersShops ul { border-top: 1px solid #f0f0f0; display: block; overflow: hidden; } #partnersShops li:first-child { } #partnersShops li { width: 150px; height: 225px; border-bottom: 1px solid #f0f0f0; border-right: 1px solid #f0f0f0; line-height: 1.5em; padding: 20px 21px 20px 20px; float: left; overflow: hidden; } #partnersShops li a { color: #333; text-decoration: none; } #partnersShops li img { width: 150px; height: 150px; margin-bottom: 20px; display: block; } #partnersShops li strong { height: 35px; color: #a80808; display: block; clear: both; overflow: hidden; } #partnersShops li strong span { color: #333; } */ /* */ /* */ .cta-buttons { overflow: hidden; } .cta { text-indent: -9000px; display: block; } .ctaRegister { width: 386px; height: 77px; background: #939598 url('/_img/layout/lottery/ctaRegister.png') no-repeat 0 0; } .ctaMyReports { width: 183px; height: 38px; background: #939598 url('/_img/layout/lottery/ctaMyReports.png') no-repeat 0 0; } /* */ /* */ table.lightTable { width: 100%; } table.lightTable th { background-color: #fff; border-bottom: 5px solid #ee1c25; font-weight: bold; } table.lightTable tr:first-child + tr td { border-top: 0 none; } table.lightTable td { background-color: #ededed; } table.lightTable th, table.lightTable td { height: 40px; font-size: 1.1em; text-align: left; padding: 0 20px; overflow: hidden; } table.lightTable tr + tr td { border-top: 1px solid #c6c6c6; } table.aquaTable { width: 100%; border: 1px solid #31afc5; } table.aquaTable th { background-color: #31afc5; color: #fff; text-transform: uppercase; font-weight: bold; } table.aquaTable th + th { border-left: 1px solid #fff; } table.aquaTable td { background-color: #fff; } table.aquaTable tr .numb { text-align: center; } table.aquaTable tr.even td { background-color: #ededed; } table.aquaTable td + td { border-left: 1px solid #31afc5; } table.aquaTable th, table.aquaTable td { height: 40px; font-size: 1.1em; text-align: left; padding: 0 20px; overflow: hidden; } table.TypeDictId td { padding: 0; } /* */ /* */ body.volleyballLottery #pageContent { height: 40px; min-height: 40px; } #volleyballLottery { background: transparent url('/_img/content/VolleyballLottery/bgFullBottom.png') no-repeat center bottom; text-align: left; margin-top: 15px; position: relative; margin-bottom: 10px } #volleyballLottery .inset { background: transparent url('/_img/content/VolleyballLottery/bgFullTop.jpg') no-repeat center top; padding: 80px 0 0; } #volleyballLottery.aquaWhite { background-image: url('/_img/content/VolleyballLottery/bgBottom.png'); } #volleyballLottery.aquaWhite .inset { background-image: url('/_img/content/VolleyballLottery/bgTop.jpg'); } #volleyballLottery.winners { background: transparent url('/_img/content/VolleyballLottery/winnersTop.jpg') no-repeat center top; } #volleyballLottery.winners .inset { background: transparent url('/_img/content/VolleyballLottery/winnersBottom.jpg') no-repeat center bottom; min-height: 160px; padding-bottom: 230px; } #volleyballLottery .tabsMenu, #volleyballLottery .tabsMenu li { list-style: none; padding: 0; margin: 0; overflow: hidden; } #volleyballLottery .tabsMenu { width: 970px; height: 39px; margin-left: -485px; left: 50%; top: -15px; position: absolute; } #volleyballLottery .tabsMenu li { float: left; } #volleyballLottery .tabsMenu li a { height: 39px; background: transparent url('/_img/content/VolleyballLottery/tabsMenu.png') no-repeat 0 0; text-indent: -9999px; display: block; } #volleyballLottery .tabsMenu li.start a { width: 144px; background-position: 0 0; } #volleyballLottery .tabsMenu li.addTicket a { width: 249px; background-position: -144px 0; } #volleyballLottery .tabsMenu li.rules a { width: 165px; background-position: -393px 0; } #volleyballLottery .tabsMenu li.prizes a { width: 180px; background-position: -558px 0; } #volleyballLottery .tabsMenu li.winners a { width: 232px; background-position: -738px 0; } #volleyballLottery .tabsMenu li.start a.activeTab { background-position: 0 -39px; } #volleyballLottery .tabsMenu li.addTicket a.activeTab { background-position: -144px -39px; } #volleyballLottery .tabsMenu li.rules a.activeTab { background-position: -393px -39px; } #volleyballLottery .tabsMenu li.prizes a.activeTab { background-position: -558px -39px; } #volleyballLottery .tabsMenu li.winners a.activeTab { background-position: -738px -39px; } #volleyballLottery .inset .cnt { width: 970px; color: #4a4a4a; padding-bottom: 50px; margin: 0 auto; position: relative; } #volleyballLottery .inset .cnt .registerButton { width: 366px; height: 145px; background: transparent url('/_img/content/VolleyballLottery/registerButton.png') no-repeat 0 0; text-indent: -9999px; display: block; position: absolute; } #volleyballLottery .inset .cnt .rulesButton { width: 289px; height: 54px; background: transparent url('/_img/content/VolleyballLottery/rulesButton.png') no-repeat 0 0; text-indent: -9999px; display: block; position: absolute; } #volleyballLottery .inset .cnt.start { height: 746px; background: transparent url('/_img/content/VolleyballLottery/startScreen.jpg') no-repeat center top; } #volleyballLottery .inset .cnt.start .registerButton { right: 20px; bottom: 270px; } #volleyballLottery .inset .cnt.scratch { background: transparent url('/_img/content/VolleyballLottery/scratch.jpg') no-repeat right 140px; } #volleyballLottery .inset .cnt.court { background: transparent url('/_img/content/VolleyballLottery/court.jpg') no-repeat 0 0; overflow: hidden; } #volleyballLottery .inset .cnt.rules { height: 1051px; padding-bottom: 50px; background: transparent url('/_img/content/VolleyballLottery/rulesScreen.jpg') no-repeat center top; } #volleyballLottery .inset .cnt.rules .vitayPl { width: 82px; height: 16px; text-indent: -9000px; display: block; position: absolute; left: 438px; bottom: 954px; } #volleyballLottery .inset .cnt.rules .rulesButton { right: 20px; bottom: 50px; } #volleyballLottery .inset .cnt.prizes { height: 700px; padding-bottom: 150px; background: transparent url('/_img/content/VolleyballLottery/prizesScreen.jpg') no-repeat center top; } #volleyballLottery .inset .cnt.prizes .registerButton { right: 300px; bottom: 30px; } #volleyballLottery .inset .cnt.prizes ul li { cursor: pointer; position: absolute; display: block; } #volleyballLottery .inset .cnt.prizes ul li .tooltip { background: transparent url('/_img/content/VolleyballLottery/tooltip.png') no-repeat 0 0; padding: 0; margin-bottom: 31px; margin-left: -171px; position: absolute; top: -20px; left: 50%; display: none; /*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0.0); opacity: 0.0; zoom: 1;*/ } #volleyballLottery .inset .cnt.prizes ul li .tooltip .inset { width: 309px; background: transparent url('/_img/content/VolleyballLottery/tooltipPointer.png') no-repeat 0 bottom; padding: 17px 17px 36px; margin-bottom: -31px; display: block; } #volleyballLottery .inset .cnt.prizes ul li.finalTickets { width: 270px; height: 220px; left: 8px; top: 42px; } #volleyballLottery .inset .cnt.prizes ul li.gameTickets { width: 275px; height: 210px; left: 7px; top: 295px; } #volleyballLottery .inset .cnt.prizes ul li.mikasa { width: 165px; height: 200px; left: 350px; top: 215px; } #volleyballLottery .inset .cnt.prizes ul li.tShirt { width: 180px; height: 340px; left: 557px; top: 180px; } #volleyballLottery .inset .cnt.prizes ul li.coffee { width: 185px; height: 185px; right: 7px; top: 240px; } #volleyballLottery .inset .cnt.court .summary { width: 450px; padding-bottom: 160px; float: left; } #volleyballLottery .inset .cnt.court .summary h2.count { background: transparent url('/_img/content/VolleyballLottery/numbOfCodes.png') no-repeat left center; color: #fff; font-size: 76px; font-weight: normal; line-height: 1em; padding-left: 320px; } #volleyballLottery .inset .cnt.court .summary p { color: #4a4a4a; line-height: 1.4em; text-align: left; padding: 20px 0; } #volleyballLottery .inset .cnt.court .summary .newTicket { width: 406px; height: 91px; background: transparent url('/_img/content/VolleyballLottery/newTicketButton.png') no-repeat 0 0; text-indent: -9999px; display: block; } #volleyballLottery .inset .cnt.court .cardsSet { float: right; position: relative; } #volleyballLottery .inset .cnt.court .cardsSet .text { width: 230px; color: #31afc5; text-align: left; right: 170px; bottom: 0; position: absolute; } #volleyballLottery .inset .cnt.court .cardsSet .text h2 { font-size: 20px; line-height: 1.4em; } #volleyballLottery .inset .cnt.court .cardsSet .text h2 span { text-transform: uppercase; display: block; } #volleyballLottery .inset .cnt.court .cardsSet .text p { color: #31afc5; line-height: 1.4em; } #volleyballLottery .inset .cnt.court .cardsSet .numeSet { padding-left: 15px; text-align: right; } #volleyballLottery .inset .cnt.court .cardsSet .numeSet p { background-color: #b2b2b2; color: #fff; line-height: 1.4em; padding: 5px 10px; margin-top: 15px; } #volleyballLottery .inset .cnt.court .addedCodes { clear: both; } #volleyballLottery .inset .cnt.court .addedCodes h2.title { width: 168px; height: 26px; background: transparent url('/_img/content/VolleyballLottery/codeAddedTitle.png') no-repeat 0 0; text-indent: -9999px; margin-bottom: 20px; display: block; } #volleyballLottery #playerCards { height: 300px; clear: both; position: relative; } #volleyballLottery #playerCards > div { position: absolute; } #volleyballLottery #playerCards .card522 { width: 102px; height: 148px; left: 619px; top: 56px; } #volleyballLottery #playerCards .card520 { width: 79px; height: 134px; left: 504px; top: 28px; } #volleyballLottery #playerCards .card517 { width: 65px; height: 122px; left: 404px; top: 5px; } #volleyballLottery #playerCards .card523 { width: 100px; height: 175px; left: 469px; top: 112px; } #volleyballLottery #playerCards .card521 { width: 82px; height: 155px; left: 346px; top: 73px; } #volleyballLottery #playerCards .card519 { width: 74px; height: 141px; left: 244px; top: 43px; } #volleyballLottery #playerCards .card518 { width: 83px; height: 161px; left: 72px; top: 85px; } #volleyballLottery #playerCards > div.noactive { background: transparent url('/_img/content/VolleyballLottery/noactiveCards.png') no-repeat 0 0; } #volleyballLottery #playerCards .card522.noactive { background-position: -483px 0; } #volleyballLottery #playerCards .card520.noactive { background-position: -404px 0; } #volleyballLottery #playerCards .card517.noactive { background-position: -339px 0; } #volleyballLottery #playerCards .card523.noactive { background-position: -239px 0; } #volleyballLottery #playerCards .card521.noactive { background-position: -157px 0; } #volleyballLottery #playerCards .card519.noactive { background-position: -83px 0; } #volleyballLottery #playerCards .card518.noactive { background-position: 0 0; } #volleyballLottery #playerCards .numb { width: 110px; height: 23px; background: transparent url('/_img/content/VolleyballLottery/blackTransBg.png') repeat 0 0; color: #fff; line-height: 23px; padding: 0 5px; position: absolute; white-space: nowrap } #volleyballLottery #playerCards .card522 .numb { top: 80px; left: -10px; } #volleyballLottery #playerCards .card520 .numb { top: 60px; left: -10px; } #volleyballLottery #playerCards .card517 .numb { top: 50px; left: -20px; } #volleyballLottery #playerCards .card523 .numb { top: 105px; left: -5px; } #volleyballLottery #playerCards .card521 .numb { top: 90px; left: -10px; } #volleyballLottery #playerCards .card519 .numb { top: 85px; left: -15px; } #volleyballLottery #playerCards .card518 .numb { top: 100px; left: -10px; } #volleyballLottery .K2Pager { padding: 20px 0 0; } #volleyballLottery .inset .cnt .registerSuccess { width: 559px; height: 44px; color: #fff; font-size: 20px; line-height: 44px; text-align: center; padding-bottom: 25px; margin: -10px auto 0; display: block; } #volleyballLottery .inset .cnt .registerSuccess span { width: 559px; height: 44px; background: transparent url('/_img/content/VolleyballLottery/registerSuccess.png') no-repeat 0 0; display: block; } #volleyballLottery .inset .cnt .registerSuccess span.smallerText { padding-top: 2px; line-height: 18px; font-size: 14px } #volleyballLottery .inset .cnt .formV { width: 505px; color: #fff; text-align: left; overflow: hidden; } #volleyballLottery .inset .cnt .formV a { color: #fff; text-decoration: underline; } #volleyballLottery .inset .cnt .formV a:hover { color: #f1f1f1; text-decoration: none; } #volleyballLottery .inset .cnt .formV label.code { width: 328px; height: 44px; background: transparent url('/_img/content/VolleyballLottery/codeLabel.png') no-repeat 0 0; text-indent: -9999px; padding-bottom: 15px; display: block; } #volleyballLottery .inset .cnt .formV .inputField, #volleyballLottery .inset .cnt .formV .inputField .inset { height: 40px; background: transparent url('/_img/content/VolleyballLottery/whiteInput.png') no-repeat right top; padding: 0; margin: 0; } #volleyballLottery .inset .cnt .formV .inputField { padding-right: 10px; margin-left: 10px; } #volleyballLottery .inset .cnt .formV .inputField .inset { background-position: left top; padding-left: 10px; margin-left: -10px; } #volleyballLottery .inset .cnt .formV .inputField input { width: 485px; height: 38px; border: 0; line-height: 38px; padding: 0; margin: 0 auto; display: block; } #volleyballLottery .inset .cnt .formV .labelText { line-height: 1.4em; } #volleyballLottery .inset .cnt .formV .checks { overflow: hidden; } #volleyballLottery .inset .cnt .formV .checks input { float: left; } #volleyballLottery .inset .cnt .formV .checks .labelText { width: 480px; float: right; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha { clear: both; overflow: hidden; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .key { width: 157px; height: 19px; background: transparent url('/_img/content/VolleyballLottery/captchaLabel.png') no-repeat 0 bottom; text-indent: -9999px; padding-top: 128px; float: left; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .val { width: 330px; float: right; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .K2Captcha .imgContainer { text-align: right; overflow: hidden; clear: both; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .K2Captcha .imgContainer img { width: 260px; height: 95px; background-color: #e1e1e1; float: right; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .K2Captcha .refreshTxtContainer { height: 20px; text-align: right; padding-top: 5px; clear: both; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .K2Captcha .refreshTxtContainer a { color: #258798; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .K2Captcha .textboxContainer { width: 310px; height: 32px; background: transparent url('/_img/content/VolleyballLottery/staticInput.png') no-repeat 0 0; border: 0; padding: 1px 10px; margin: 0; display: block; } #volleyballLottery .inset .cnt .formV .oneLineCaptcha .K2Captcha .textboxContainer input[type="text"] { width: 310px; height: 30px; border: 0; line-height: 30px; padding: 0; margin: 0 auto; } #volleyballLottery .inset .cnt .formV .valErr { min-height: 21px; font-size: 15px; text-align: right; line-height: 1.4em; padding: 10px 0; display: block; } #volleyballLottery .inset .cnt .formV .sendButton { width: 219px; height: 48px; background: transparent url('/_img/content/VolleyballLottery/sendButton.png') no-repeat 0 0; border: 0; text-indent: -9999px; clear: both; float: right; } #volleyballLottery .hide { display: none; } .vLotteryClue { height: 57px; background: transparent url('/_img/content/VolleyballLottery/beltBg.png') no-repeat center 0; margin-bottom: 20px; overflow: hidden; } .vLotteryClue .inner { width: 960px; padding-top: 15px; margin: 0 auto; } .vLotteryClue p { width: 746px; height: 20px; background: transparent url('/_img/content/VolleyballLottery/bottomClue.png') no-repeat 0 0; text-indent: -9999px; margin-top: 5px; float: left; } .vLotteryClue a { width: 146px; height: 29px; background: transparent url('/_img/content/VolleyballLottery/getMoreButton.png') no-repeat 0 0; text-indent: -9999px; float: right; } /* */ .volleyballPromotions, .volleyballPromotions p { font-family: Helvetica, "Myriad Pro" !important; color: #000; font-size: 14px; line-height: 14px } .volleyballPromotions .pageSubtitle { letter-spacing: 0 } .volleyballPromotions a { font-size: 14px; font-family: Tahoma !important; } .volleyballPromotions .clear { clear: both; height: 1px; float: none } /* boxWhite */ .volleyballPromotions .boxWhite { clear: both; width: 968px; margin-left: 5px; margin-bottom: 20px } .volleyballPromotions .boxWhite .top, .volleyballPromotions .boxWhite .bottom { height: 12px; line-height: 12px; position: relative; width: 100% } .volleyballPromotions .boxWhite .top .topLeft, .volleyballPromotions .boxWhite .top .topMiddle, .volleyballPromotions .boxWhite .top .topRight { height: 12px } .volleyballPromotions .boxWhite .top .topMiddle { margin: 0 12px; background: transparent url('/_img/boxWhite/topMiddle.png') no-repeat 0 0 } .volleyballPromotions .boxWhite .top .topLeft, .volleyballPromotions .boxWhite .top .topRight { position: absolute; top: 0; width: 12px; } .volleyballPromotions .boxWhite .top .topLeft { left: 0; background: transparent url('/_img/boxWhite/topLeft.png') no-repeat 0 0 } .volleyballPromotions .boxWhite .top .topRight { right: 0; background: transparent url('/_img/boxWhite/topRight.png') no-repeat 0 0 } .volleyballPromotions .boxWhite .bottom .bottomLeft, .volleyballPromotions .boxWhite .bottom .bottomMiddle, .volleyballPromotions .boxWhite .bottom .bottomRight { height: 12px } .volleyballPromotions .boxWhite .bottom .bottomMiddle { margin: 0 12px; background: transparent url('/_img/boxWhite/bottomMiddle.png') no-repeat 0 0 } .volleyballPromotions .boxWhite .bottom .bottomLeft, .volleyballPromotions .boxWhite .bottom .bottomRight { position: absolute; top: 0; width: 12px; } .volleyballPromotions .boxWhite .bottom .bottomLeft { left: 0; background: transparent url('/_img/boxWhite/bottomLeft.png') no-repeat 0 0 } .volleyballPromotions .boxWhite .bottom .bottomRight { right: 0; background: transparent url('/_img/boxWhite/bottomRight.png') no-repeat 0 0 } .volleyballPromotions .boxWhite .middle { background: transparent url('/_img/boxWhite/middleBg.png') repeat-y 0 0; padding: 0 23px } /* box Grey */ .volleyballPromotions .boxGrey { width: 921px; } .volleyballPromotions .boxGrey .top { background: transparent url('/_img/boxGrey/top.png') no-repeat 0 0; min-height: 80px; position: relative; height: auto; top: -5px; width: auto } .volleyballPromotions .boxGrey .bottom { background: transparent url('/_img/boxGrey/bottom.png') no-repeat 0 100%; position: relative; height: auto; min-height: 200px; bottom: -10px; padding: 20px; width: auto } .volleyballPromotions .boxGrey .middle { padding: 0; background: transparent url('/_img/boxGrey/middle.png') repeat-y 0 0; margin: 0; /*margin:5px 0*/ } /* box yellow */ .volleyballPromotions .yellowBox { width: 933px; color: #000; position: relative; left: -6px; } .volleyballPromotions .yellowBox .yellowTop { background: transparent url('/_img/boxYellow/boxTop.png') no-repeat 0 0; height: 5px; line-height: 5px } .volleyballPromotions .yellowBox .yellowMiddle { background-color: #fade09; height: 80px; line-height: 80px; padding-left: 15px } .volleyballPromotions .yellowBox .yellowBottom { background: transparent url('/_img/boxYellow/boxBottom.png') no-repeat 0 0; height: 5px; line-height: 5px } /* box yellow */ .volleyballPromotions .redBox { color: #000; } .volleyballPromotions .redBox .topRed { background: transparent url('/_img/boxRed/topBg.png') no-repeat 0 0; height: 7px; line-height: 7px } .volleyballPromotions .redBox .middleRed { border: 1px solid #e10800; border-width: 0 1px; padding: 10px 30px } .volleyballPromotions .redBox .bottomRed { background: transparent url('/_img/boxRed/bottomBg.png') no-repeat 0 0; height: 7px; line-height: 7px } .volleyballPromotions p { margin-bottom: 15px } .volleyballPromotions ul { margin: 0; padding: 0; list-style-type: disc !important; margin-left: 15px !important; margin-bottom: 30px !important } .volleyballPromotions ul li { margin-bottom: 10px; list-style-type: disc !important; line-height: 18px !important } .volleyballPromotions .alCenter { text-align: center } .volleyballPromotions .smallFont, .volleyballPromotions .smallFont p, .volleyballPromotions .smallFont a { font-size: 10px !important; margin-bottom: 0 !important; color: #787878; } .volleyballPromotions .liga_01_bg { background: transparent url('/_img/content/liga/liga_01.png') no-repeat 100% 100%; } .volleyballPromotions .liga_02_bg { background: transparent url('/_img/content/liga/liga_02.png') no-repeat 100% 100%; } /* miasta */ .volleyballPromotions .promoItem { width: 33%; float: left; text-align: center; height: 225px } .volleyballPromotions .promoItem .city { display: inline-block; width: 236px; height: 132px; cursor: pointer; position: relative; color: #000000 } .volleyballPromotions .promoItem .city a { display: inline-block } .volleyballPromotions .city { background: transparent url('/_img/content/liga/cityBgSmall.png') no-repeat 50% 0; } .volleyballPromotions .city span { margin-bottom: 15px } .volleyballPromotions .city span.cityIcon { display: inline-block; width: 240px; height: 132px; background: transparent url('/_img/content/liga/citiesNoBg.png') no-repeat 0 0 } .volleyballPromotions .city span.tempClass { display: inline-block; width: 236px; height: 132px; } .volleyballPromotions .city span#warszawa { background-position: -11px -30px; } .volleyballPromotions .city span#lodz { background-position: -340px -30px; } .volleyballPromotions .city span#bydgoszcz { background-position: -670px -30px; } .volleyballPromotions .city span#gdansk { background-position: -10px -255px; } .volleyballPromotions .city span#katowice { background-position: -340px -255px; } .volleyballPromotions .city span#wroclaw { background-position: -670px -255px; } .volleyballPromotions .city span.cityIcon.noActive { background-image: url('/_img/content/liga/citiesNoBgNoActive.png') } .volleyballPromotions .city .hiddenInfo { color: #fff; font-size: 20px; line-height: 22px; display: none; position: relative; bottom: 40px; position: absolute; background: transparent url('/_img/content/liga/cities.png') no-repeat 0 0; width: 192px; height: 132px; top: 1px; left: 23px } .volleyballPromotions .city .hiddenInfo .text { text-align: left; padding: 20px 0 0 25px } .volleyballPromotions .city .hiddenInfo.noActive { background-position: -196px 0 } .volleyballPromotions .city .itemText { font-size: 18px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; display: block; color: #000 } .volleyballPromotions .city .itemDate { font-size: 14px; color: #5b5b5b; margin-bottom: 8px; display: block } .volleyballPromotions .city .itemPlace { font-size: 14px; color: #5b5b5b; display: block } .volleyballPromotions .promotions .item { float: left; width: 33%; text-align: center } .volleyballPromotions .promotions .item .img { margin-bottom: 25px } .volleyballPromotions .promotions .item h4 { text-align: left; width: 180px; color: #000; padding-left: 50px; line-height: 18px } .volleyballPromotions .claim { font-size: 11px; line-height: 18px; width: 590px; float: right; clear: right } .volleyballPromotions .bigCity { position: absolute; right: 25px; top: 327px; width: 297px; height: 301px; background: transparent url('/_img/content/liga/cityBg.png') no-repeat 0 0; } .volleyballPromotions .bigCity p { font-weight: bold; text-align: center; padding: 15px 0 5px; margin: 0; } .volleyballPromotions .bigCity .city { background: none } .volleyballPromotions .bigCity.notWin { height: 188px; background: transparent url('/_img/content/liga/cityBg.png') no-repeat 0 0; } .volleyballPromotions .bigCity .cityBig { display: inline-block; width: 240px; height: 130px; background: transparent url('/_img/content/liga/citiesNoBg.png') no-repeat 0 0; margin: 20px 0 25px } .volleyballPromotions .ligaBg { position: absolute; background: transparent url('/_img/content/liga/liga_03.png') no-repeat 0 0; display: inline-block; width: 197px; height: 207px; top: -28px; right: 70px; z-index: 2 } .volleyballPromotions .bigCity .cityBig#warszawa { background-position: -13px -32px; margin: 0px 0 50px 35px } .volleyballPromotions .bigCity .cityBig#lodz { background-position: -335px -33px; margin: 0px 0 50px 25px } .volleyballPromotions .bigCity .cityBig#bydgoszcz { background-position: -667px -39px; margin: 5px 0 50px 30px } .volleyballPromotions .bigCity .cityBig#gdansk { background-position: -12px -268px; margin: 5px 0 50px 30px } .volleyballPromotions .bigCity .cityBig#katowice { background-position: -336px -252px; margin: 0px 0 50px 20px } .volleyballPromotions .bigCity .cityBig#wroclaw { background-position: -664px -269px; margin: 5px 0 50px 20px } .volleyballPromotions .bigCity .city { text-align: center } .volleyballPromotions .bigCity .cityBig.notWin#warszawa, .volleyballPromotions .bigCity .cityBig.notWin#lodz, .volleyballPromotions .bigCity .cityBig.notWin#bydgoszcz, .volleyballPromotions .bigCity .cityBig.notWin#gdansk, .volleyballPromotions .bigCity .cityBig.notWin#katowice, .volleyballPromotions .bigCity .cityBig.notWin#wroclaw { background-image: url('/_img/content/liga/citiesNoBgNoActive.png') } .volleyballPromotions .tableGrid { position: relative } .volleyballPromotions .tableGrid .topLeft, .volleyballPromotions .tableGrid .topRight, .volleyballPromotions .tableGrid .bottomLeft, .volleyballPromotions .tableGrid .bottomRight { position: absolute; display: inline-block } .volleyballPromotions .tableGrid .topLeft, .volleyballPromotions .tableGrid .topRight { width: 9px; height: 9px } .volleyballPromotions .tableGrid .bottomLeft, .volleyballPromotions .tableGrid .bottomRight { width: 8px; height: 8px } .volleyballPromotions .tableGrid .topLeft { background: transparent url('/_img/grid/gridTopLeft.png') no-repeat 0 0; top: -2px; left: -2px; } .volleyballPromotions .tableGrid .topRight { background: transparent url('/_img/grid/gridTopRight.png') no-repeat 0 0; top: -2px; right: -2px } .volleyballPromotions .tableGrid .bottomLeft { background: transparent url('/_img/grid/gridBottomLeft.png') no-repeat 0 0; bottom: -1px; left: -2px } .volleyballPromotions .tableGrid .bottomRight { background: transparent url('/_img/grid/gridBottomRight.png') no-repeat 0 0; bottom: -1px; right: -2px } .volleyballPromotions .tableGrid .grid { width: 100%; border: 1px solid #d3d3d3; border-width: 0 0 1px 1px } .volleyballPromotions .tableGrid .grid th { text-align: left; font-size: 20px; color: #fff; font-weight: bold; background-color: #b10000; line-height: 28px; padding: 10px 15px; border: 1px solid #d3d3d3; border-width: 1px 1px 0 0 } .volleyballPromotions .tableGrid .grid td { background-color: #e8e8e8; padding: 10px 15px; border: 1px solid #d3d3d3; border-width: 1px 1px 0 0; color: #717171; font-size: 16px; line-height: 20px } .volleyballPromotions .promotionUserInfo { position: relative } .volleyballPromotions .promotionUserInfo img { position: relative; left: -4px } .volleyballPromotions .promotionUserInfo .text { position: absolute; top: 0; left: 0; width: 932px; height: 227px; text-align: center; color: #fff } .volleyballPromotions .promotionUserInfo .info1 { font-size: 31px; line-height: normal; font-weight: bold; padding-top: 30px; margin-bottom: 15px } .volleyballPromotions .promotionUserInfo .info2 { font-size: 16px; line-height: normal; line-height: 18px; font-weight: bold } .volleyballPromotions .promotionUserInfo .info3 { font-size: 19px; line-height: normal; } .volleyballPromotions .promotionUserInfo .info4 { font-size: 11px; line-height: normal; } .volleyballPromotions .promotionUserInfo .info5 { font-size: 12px; line-height: normal; } .volleyballPromotions .promotionUserInfo .hr { width: 722px; margin: 0 auto; margin-bottom: 23px } .volleyballPromotions .promotionUserInfo.endUserNotWin .info3 { margin-bottom: 25px } .volleyballPromotions .promotionUserInfo.endUserWin .info1 { padding-top: 20px } .volleyballPromotions .promotionUserInfo.endUserWin .info2 { margin-bottom: 20px } .volleyballPromotions .promotionUserInfo.endUserWin .info5 { margin-bottom: 15px } .volleyballPromotions .promotionUserInfo.active .info1 { padding-top: 30px; margin-bottom: 25px } .volleyballPromotions .promotionUserInfo.active .info2 { margin-bottom: 8px } .volleyballPromotions .promotionUserInfo.active .info4 { margin-bottom: 20px } .volleyballPromotions .promotionUserInfo .winners { } .volleyballPromotions .stopCafeLogo { width: 92px; height: 68px; background: transparent url('/_img/content/liga/stopCafeLogo.png') no-repeat 0 0; position: absolute; top: 4px; right: -6px } .volleyballPromotions .two-cols { overflow: hidden; } .volleyballPromotions .two-cols .col1 { width: 480px; float: left; } .volleyballPromotions .two-cols .col2 { width: 350px; float: right; } .rulesLink { padding: 10px 5px 0 0; text-align: right; text-decoration: underline; color: #D21D04 !important; } .rulesLink a { color: #D21D04 !important; } .volleyballPromotions .scores { width: 520px; } .volleyballPromotions .scores h2 { margin-bottom: 15px; line-height: 24px } .volleyballPromotions .scores .match { overflow: hidden; padding: 10px; border-top: 1px solid #d1d1d1; } .volleyballPromotions .scores .match .teams { font-size: 12px; color: #666; width: 220px; float: left; } .volleyballPromotions .scores .match .teams h4 { font-size: 15px; line-height: 22px; color: #333; font-weight: bold; letter-spacing: -1px; } .volleyballPromotions .scores .match .sets { width: 180px; float: left; text-align: right; color: #d81e05; font-weight: bold; margin-top: 5px; } .volleyballPromotions .scores .match .result { width: 84px; float: left; text-align: right; color: #d81e05; font-weight: bold; font-size: 30px; line-height: 32px } .volleyballPromotions .scores .match.next { background: #f6f6f6; border: 1px solid #d1d1d1; border-bottom: 0; } .volleyballPromotions .scores .match.next .poll { clear: both; padding-top: 40px; position: relative; } .volleyballPromotions .scores .match.next .poll h4 { display: none; } .volleyballPromotions .scores .match.next .poll .question { font-size: 14px; line-height: 18px; color: #333; font-weight: bold; margin-bottom: 18px; } .volleyballPromotions .scores .match.next .poll .pollInfo { margin-bottom: 10px; font-size: 11px; } .volleyballPromotions .scores .match.next .poll .answerContainer, .volleyballPromotions .scores .match.next .poll .option { margin-bottom: 22px; overflow: hidden; position: relative; } .volleyballPromotions .scores .match.next .poll .option input { margin-top: 0px; } .volleyballPromotions .scores .match.next .poll .option label { padding-left: 10px; font-size: 14px; position: absolute; top: -3px } .volleyballPromotions .scores .match.next .poll .answer { width: 130px; float: left; } .volleyballPromotions .scores .match.next .poll .answerChart { background: #c3c3c3; width: 300px; height: 13px; float: left; } .volleyballPromotions .scores .match.next .poll .answerChart div { background: #d81e05; height: 13px; } .volleyballPromotions .scores .match.next .poll .percent { width: 55px; float: left; text-align: right; } .volleyballPromotions .scores .match.next .poll .btn input { width: 95px; height: 27px; display: block; background: transparent url('/_img/fanzone/vote.png') no-repeat; text-indent: -9999px; } .volleyballPromotions .action-1, .volleyballPromotions .action-2, .volleyballPromotions .action-3 { height: 258px; position: relative; margin-bottom: 20px; width: 100% } .volleyballPromotions .action-1 { background: transparent url('/_img/content/liga/fanzoneBanner.png') no-repeat 50% 0; } .volleyballPromotions .action-2 { background: transparent url('/_img/fanzone/akcja2.png') no-repeat; height: 249px; } .volleyballPromotions .action-3 { background: transparent url('/_img/content/liga/fanzoneBanner_1.png') no-repeat 50% 0; } .volleyballPromotions .action-1 a.join-now, .volleyballPromotions .action-1 input.join-now { display: block; width: 195px; height: 32px; position: absolute; top: 190px; left: 231px; text-indent: -9999px; background: none; } .volleyballPromotions .action-1 a.see-collection, .volleyballPromotions .action-3 a.see-collection { display: block; width: 115px; height: 18px; position: absolute; top: 202px; left: 575px; text-indent: -9999px; background: none; } .volleyballPromotions .action-2 a.unsubscribe-fanzone { display: block; width: 110px; height: 12px; position: absolute; top: 156px; right: 49px; background: none; color: #d81e05; font-size: 12px; } .volleyballPromotions .action-2 a.see-collection { display: block; width: 205px; height: 32px; position: absolute; top: 141px; left: 516px; text-indent: -9999px; background: none; } .volleyballPromotions .action-2 .drop-your-points { position: absolute; left: 695px; top: 42px; } .volleyballPromotions .action-2 .your-points { font-weight: bold; color: #333; font-size: 60px; position: absolute; top: 67px; left: 514px; letter-spacing: -4px; line-height: 64px } .volleyballPromotions .connect_widget_share_comment_span { display: none; } .volleyballPromotions .headerVolleyball { padding-top: 8px; position: relative; z-index: 1; height: 412px } .volleyballPromotions .headerVolleyball .img { width: 921px; height: 414px; position: absolute; z-index: 2; top: 0; left: 0; background: transparent url('/_img/content/liga/liga_06.png') no-repeat 50% 0; } .volleyballPromotions .headerVolleyball .seeMore { display: block; width: 174px; height: 39px; position: absolute; top: 338px; left: 31px; z-index: 10 } .volleyballPromotions .headerVolleyball .seeMore a { display: block; width: 174px; height: 39px; } .volleyballPromotions .headerVolleyball .score { display: block; width: 198px; height: 39px; position: absolute; top: 338px; left: 234px; z-index: 10 } .volleyballPromotions .headerVolleyball .score a { display: block; width: 198px; height: 39px; } .volleyballPromotions .headerVolleyball .rules { display: block; width: 79px; height: 22px; position: absolute; top: 354px; right: 14px; z-index: 10 } .volleyballPromotions .headerVolleyball .rules a { display: block; width: 79px; height: 22px; } .fanzone .boxWhite .middle .scores .match .sets { font-size: 12px; } .poll-contener { width: 960px; min-height: 720px; font-family: sans-serif; color: #ffffff; margin: 0 auto 60px; overflow: hidden; background: url(/_img/layout/polacyzwerwa/2014/poll_bg.jpg) #f7f7f7 no-repeat; border-radius: 10px; position: relative; } .poll-contener.no-bg { background-image: none; } .poll-contener .logo { width: 303px; height: 203px; display: block; background: url(/_img/layout/polacyzwerwa/2014/poll_logo.png); position: absolute; left: 0px; top: 0px; } #poll-slider { width: 683px; height: 400px; position: absolute; right: 50px; top: 50px; z-index: 9 } #poll-slider li { width: 100%; position: absolute; left: 0; top: 0; } #poll-slider li img { float: left; } #poll-slider .read { position: absolute; right: 20px; bottom: 16px; text-transform: uppercase; } .slider-apla { background-color: #fff; padding: 17px 20px; display: inline-block; zoom: 1; *display: inline; width: 643px; } .slider-apla h2 { font: bold 23px/23px Arial; color: #1a1a1a; margin-bottom: 6px; } .slider-apla p { font: normal 14px/17px Arial; color: #1a1a1a; } .nav { width: 290px; text-align: right; right: 45px; position: absolute; top: 20px; z-index: 9999; } .nav a { width: 13px; height: 13px; margin-right: 5px; display: inline-block; background: url(/_img/layout/slider_nav.png) no-repeat 0 -13px; } .nav a:hover, .nav a.active { background: url(/_img/layout/slider_nav.png) no-repeat 0 0px; } .about-contener { padding: 50px; text-align: left; color: #1a1a1a; margin-top: 450px } .about-contener h2 { font-size: 24px; margin-bottom: 8px; text-transform: uppercase } .about-contener p { font-size: 19px; color: #1a1a1a; } .about-contener .read-more { width: 180px; height: 30px; float: right; text-transform: uppercase; display: block; margin-top: 5px; font-weight: bold; font-size: 16px; line-height: 30px; color: #fff; text-align: center; background-color: #1a1a1a; } .about-full { padding-top: 20px; } .about-full p { font-size: 16px; font-weight: normal; margin-bottom: 20px; } .about-full h3 { font: bold 18px/24px Arial; margin-bottom: 8px; } .bottom-cta { margin-bottom: 40px; text-decoration: none !important; float: left; margin-top: 25px; overflow: hidden; } .bottom-cta .left { padding: 18px 55px 23px 50px; font: 31px/36px Arial; color: #1a1a1a; background: #fff; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .bottom-cta .left strong { color: #ee2b32; } .bottom-cta img { vertical-align: middle; } .poll-head { width: 344px; height: 60px; margin: 34px 0 0 403px; } .poll-head .head-text { font-weight: bold; font-size: 33px; line-height: 60px; text-transform: uppercase; text-align: center; color: #000; } .sub-head { font-size: 18px; font-weight: bold; padding-left: 270px; padding-top: 15px; color: #000; } .poll { margin-top: 80px; } .poll .gray { border-top: solid 1px #fff; padding: 18px 0 18px 30px; } .poll input { position: absolute; left: -99999px; } .poll h3 { font: 22px/24px Arial; color: #333; width: 167px; float: left; text-transform: uppercase; background-position: center center; background-repeat: no-repeat; padding-bottom: 200px; } .poll ul { float: left; overflow: hidden; } .poll li { cursor: pointer; margin-left: 17px; width: 227px; height: 239px; background-repeat: no-repeat; float: left; position: relative; margin-bottom: 18px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ *behavior: url('../_js/pages/boxsizing.htc'); -webkit-box-shadow: inset 0px 0px 0px 2px black; -moz-box-shadow: inset 0px 0px 0px 2px black; box-shadow: inset 0px 0px 0px 2px black; } .poll li.active { -webkit-box-shadow: inset 0px 0px 0px 2px red; -moz-box-shadow: inset 0px 0px 0px 2px red; box-shadow: inset 0px 0px 0px 2px red; } .poll h4 { font: bold 17px/17px Arial; color: #fff; padding: 9px 6px; background-color: #1a1a1a; position: absolute; bottom: 2px; left: 2px; right: 2px; height: 32px; opacity: 0.8; filter: alpha(opacity = 80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .poll h4 .see-more { position: absolute; right: 6px; bottom: 9px; font: 11px/11px Arial; color: #fff; } .poll .vote { display: block; width: 96px; height: 18px; position: absolute; right: 0; bottom: -18px; background: url('/_img/layout/polacyzwerwa/2014/cta-vote.png') 0 0 no-repeat; } .ie7 .poll li.active { border: solid 2px red; } .ie7 .poll li.active .vote { bottom: -20px; } .ie7 .poll h4 { bottom: 0; left: 0; right: 0; height: 34px; } .ie8 .poll li.active { border: solid 2px red; } .ie8 .poll li.active .vote { bottom: -20px; } .ie8 .poll h4 { bottom: 0; left: 0; right: 0; height: 34px; } .poll .showPeopleDetails { display: none; } .poll .photoMask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #1a1a1a; opacity: 0.8; filter: alpha(opacity = 80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=8 0)"; } .poll .short-info { position: absolute; top: 0; left: 0; width: 227px; height: 187px; font: 14px/19px Arial; background-color: #982c33; padding: 10px; display: none; z-index: 100; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ *behavior: url('../_js/pages/boxsizing.htc'); opacity: 0.8; filter: alpha(opacity = 80); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .poll li:hover .short-info { display: block; } .ie7 .poll li.active:hover .short-info { width: 223px; } .ie8 .poll li.active:hover .short-info { width: 223px; } .peopleDetails { color: #fff; } .peopleDetails .head { background-repeat: no-repeat; padding-left: 250px; height: 139px; margin-bottom: 50px; position: relative; padding-top: 50px; } .peopleDetails h2 { font: normal 24px/30px Arial; } .peopleDetails p { margin-bottom: 18px; font: 14px/18px Arial; color: #fff; } .peopleDetails h3 { font: bold 16px/24px Arial; margin-bottom: 9px; } .peopleDetails .vote { display: block; width: 235px; height: 42px; margin-top: 20px; background: url('/_img/layout/polacyzwerwa/2014/cta-vote-big.png') 0 0 no-repeat; } .peopleDetails .peopleDetailsInset { padding-right: 20px; } .poll-vote-contener { padding-bottom: 60px; } .poll-vote-contener .poll-submit { border-top: solid 1px #fff; width: auto !important; float: none !important; padding: 60px 86px 60px 116px; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ *behavior: url('../_js/pages/boxsizing.htc'); } .poll-vote-contener .poll-submit img { float: left; } .poll-vote-contener .poll-submit .inner { float: right; width: 343px; } .poll-vote-contener .poll-submit p { text-align: center; margin-bottom: 20px; color: #1a1a1a; font: 16px/18px Arial; } .poll-vote-contener .poll-submit strong { color: #ee282f; } .poll-vote-contener .poll-submit input { font: bold 33px/60px Arial; color: #fff; padding: 0 100px; width: 342px !important; height: 60px !important; margin-bottom: 30px; text-transform: uppercase; -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box; /* Firefox, other Gecko */ box-sizing: border-box; /* Opera/IE 8+ */ *behavior: url('../_js/pages/boxsizing.htc'); } .poll-contener .alpha-box { font: bold 33px/38px Arial; color: #1a1a1a; text-align: center; padding-top: 130px; text-transform: uppercase; margin-bottom: 150px; } .poll-contener .alpha-box-big { font: bold 40px/1.1em Arial; color: #1a1a1a; text-align: center; } .poll-contener .alpha-box-big span { color: #eb212e; } /* */ #dialogBg, #dialogBox { display: none; } #dialogBg { width: 100%; height: 100%; background: transparent url(/_img/dialogbox/bodyPattern.png) repeat 0 0; position: fixed; left: 0; top: 0; zoom: 1; z-index: 9100; } #dialogBox { width: 638px; min-height: 500px; height: 90%; background: url(/_img/dialogbox/darkBg.png) repeat 0 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #000; margin-left: -320px; position: fixed; left: 50%; top: 5%; zoom: 1; z-index: 9200; } #dialogBox.dark .close { width: 23px; height: 23px; background: url(/_img/dialogbox/darkClose.png) no-repeat 0 0; text-indent: -9999px; position: absolute; right: 10px; top: 10px; } #dialogBox.dark .close:hover { background-position: 0 -23px; } #dialogBox .inner { padding: 40px 16px 40px 40px; } /* */ /* */ .peopleDetails .jspScrollable .jspVerticalBar, .jspScrollable .jspArrow.jspDisabled { background-color: transparent !important; } .peopleDetails .jspScrollable .jspTrack, .jspScrollable .jspArrow, .jspScrollable .jspArrow.jspDisabled { background: url(/_img/scrolls/jspVertical.png) no-repeat !important; } .peopleDetails .jspScrollable .jspArrow.jspArrowUp, .jspScrollable .jspArrow.jspArrowDown { height: 9px !important; } .peopleDetails .jspScrollable .jspTrack { background-position: 0 center !important; } .peopleDetails .jspScrollable .jspArrow.jspArrowUp { background-position: 0 top !important; } .peopleDetails .jspScrollable .jspArrow.jspArrowDown { background-position: 0 bottom !important; height: 7px !important; } .peopleDetails .jspScrollable .jspDrag, .jspScrollable .jspDrag .jspDragTop, .jspScrollable .jspDrag .jspDragBottom { background: url(/_img/scrolls/jspDrag.png) no-repeat !important; } .peopleDetails .jspScrollable .jspDrag .jspDragTop, .jspScrollable .jspDrag .jspDragBottom { width: 16px !important; height: 9px !important; position: absolute !important; left: 0 !important; } .peopleDetails .jspScrollable .jspDrag { background-position: 0 center !important; } .peopleDetails .jspScrollable .jspDrag .jspDragTop { background-position: 0 top !important; top: -9px !important; } .peopleDetails .jspScrollable .jspDrag .jspDragBottom { background-position: 0 bottom !important; bottom: -9px !important; } /* */ /* */ .seeMore_Btn { width: 118px; height: 26px; background: url(/_img/buttons/seeMore.png) no-repeat 0 0; text-indent: -9999px; display: block; } .seeMore_Btn:hover { background-position: 0 -26px; } .seeMore_Btn.hide { background-position: 0 -52px; } .seeMore_Btn.hide:hover { background-position: 0 -78px; } /* */ /* */ .earnPoints { width: 310px; height: 151px; background: url(/_img/layout/earnPointsSlice.png) no-repeat; text-indent: -9999px; display: block; } .earnPoints.first { background-position: 0 0; } .earnPoints.second { background-position: -310px 0; } .earnPoints.third { background-position: 0 -151px; } .earnPoints.fourth { background-position: -310px -151px; } .earnPoints.fifth { background-position: 0 -302px; } .earnPoints.sixth { background-position: -310px -302px; } /* */ .poll-submit { width: 430px; float: right } #topGearPromotion { width: 1060px; margin: 0 auto; } #topGearPromotion .topGearHeader { margin: 0; } #topGearPromotion .topGearWrapper { background-color: #ed1b24; margin-bottom: 57px; padding-bottom: 53px; } #topGearPromotion .Nagrody { padding-bottom: 0 !important; } #topGearPromotion .topGearWrapper ul#topGearNav { width: 395px; margin: 0 auto; list-style: none; position: relative } #topGearPromotion .topGearWrapper ul#topGearNav li { display: inline; } #topGearPromotion .topGearWrapper ul#topGearNav .dotted img.dot { position: absolute; top: 25px; left: 120px } #topGearPromotion .topGearWrapper ul#topGearNav .dotted img.dot2 { position: absolute; top: 25px; right: 145px } #topGearPromotion .topGearWrapper ul#topGearNav li a { display: block; float: left; height: 16px; margin: 20px 0 0 30px; background-image: url(/_img/content/topGear/topGearSprite.png); text-indent: -9999px; } #topGearPromotion .topGearWrapper ul#topGearNav li a.start { width: 77px; background-position: 0 -16px; } #topGearPromotion .topGearWrapper ul#topGearNav li a.zasady { width: 97px; background-position: -77px 0; } #topGearPromotion .topGearWrapper ul#topGearNav li a.nagrody { width: 117px; background-position: -175px 0; } #topGearPromotion .topGearWrapper ul#topGearNav li a.start:hover, ul#topGearNav li a.start:focus { background-position: 0 -16px; } #topGearPromotion .topGearWrapper ul#topGearNav li a.zasady:hover, ul#topGearNav li a.zasady:focus { background-position: -77px -16px; } #topGearPromotion .topGearWrapper ul#topGearNav li a.nagrody:hover, ul#topGearNav li a.nagrody:focus { background-position: -175px -16px; } #topGearPromotion .topGearWrapper ul#topGearNav li a.nagrodyActive { width: 117px; background-position: -175px -16px; } #topGearPromotion .topGearWrapper ul#topGearNav li a.startPrize { width: 77px; background-position: 0 0; } #topGearPromotion .topGearWrapper ul#topGearNav li a.startPrize:hover, ul#topGearNav li a.startPrize:focus { background-position: 0 -16px; } #topGearPromotion .topGearWrapper ul#topGearNav li a.zasadyActive { width: 97px; background-position: -77px -16px; } #topGearPromotion .topGearWrapper .video { width: 192px; margin: 0 auto; } #topGearPromotion .topGearWrapper .borderTop { width: 959px; border-bottom: 1px solid #ffffff; margin: 10px auto 20px; } #topGearPromotion .topGearWrapper .wez_udzial { width: 708px; margin: 0 auto; } #topGearPromotion .topGearWrapper .wez_udzial_pkt { width: 847px; margin: 25px auto 0; } #topGearPromotion .topGearWrapper .btn { width: 441px; margin: 20px auto 40px } #topGearPromotion .topGearWrapper .btnSprawdz { width: 661px; margin: -50px auto 0; } #topGearPromotion .topGearWrapper .btnSprawdzCzyWygrales { width: 521px; margin: -50px auto 0; } #topGearPromotion .topGearWrapper .clearBoth { clear: both } #topGearPromotion .topGearWrapper .topGearProducts { margin: 80px 0 0 40px; width: 980px; overflow: hidden; } #topGearPromotion .topGearWrapper .topGearProducts .item { float: left; width: 206px; height: 230px; background: url(/_img/content/topGear/boxProduct.png) no-repeat; padding: 35px 35px 0; margin: 20px 0 0 -44px; zoom: 1; } #topGearPromotion .topGearWrapper .topGearProducts .item:first-child { margin-left: 0 } #topGearPromotion .topGearWrapper .topGearProducts .item .name { font-size: 13px; font-weight: bold; color: #333333 } #topGearPromotion .topGearWrapper .topGearProducts .item .desc { font-size: 13px; font-weight: normal; color: #666666 } #topGearPromotion .topGearWrapper .topGearProducts .item .img { width: 150px; margin: 0 auto; } #topGearPromotion .topGearWrapper .topGearProducts .item .itemImg { margin-top: -17px } #topGearPromotion .topGearWrapper .topGearProducts p { color: #ffffff; font-size: 18px; } #topGearPromotion .topGearWrapper .topGearZasady { width: 959px; margin: 0 auto } #topGearPromotion .topGearWrapper .topGearZasady .imgZasady { margin-top: 20px } #topGearPromotion .topGearWrapper .topGearRegulamin { text-align: center; text-decoration: underline; margin: 10px 0 40px } #topGearPromotion .topGearWrapper .topGearRegulamin a { margin: 10px auto 30px; font-style: italic; color: #fdc41f; } #topGearPromotion .topGearWrapper .topGearNagrody { width: 730px; margin: 40px 0 0 40px } #topGearPromotion .topGearWrapper .topGearBilety { height: 485px; background: url(/_img/content/topGear/topGearBilety.png) no-repeat left bottom; } #topGearPromotion .topGearWrapper .claim { margin: 0 0 50px 20px; color: #ffffff } #topGearPromotion .topGearWrapper .claim a { color: #fbc01c; text-decoration: underline } #topGearPromotion .topGearWrapper .topGearPotwierdz { padding: 0 200px; margin: 55px 0 0 0 } #topGearPromotion .topGearWrapper .topGearConfirmButtons { width: 620px; margin: 95px 0 0 50px; } #topGearPromotion .topGearWrapper .topGearConfirmButtons .topGearAnuluj { margin-right: 28px; } #topGearPromotion .topGearWrapper .topGearPotwierdzBanner { width: 767px; margin: 0 auto; padding: 85px 0 0 0 } #topGearPromotion .topGearWrapper .topGearwyniki { font-size: 37px; color: #ffffff; font-style: italic; font-weight: 900; margin-bottom: 30px } #topGearPromotion .topGearWrapper .topGearwynikiImg { height: 0 } #topGearPromotion .topGearWrapper .topGearWynikiOpis { font-size: 25px; color: #ffffff; font-style: italic; font-weight: 900; } #topGearPromotion .topGearWrapper .topGearKonkursTrwa { width: 440px; margin: 35px auto 50px; } #topGearPromotion .topGearWrapper .topGearKonkursZakonczonyLog { width: 708px; margin: 25px auto 75px; } #topGearPromotion .topGearWrapper .topGearKonkursZakonczony { width: 708px; margin: 35px auto 70px; } #topGearPromotion .topGearWrapper .topGearKonkursRozstrzygniety { width: 788px; margin: 35px auto 50px; } #topGearPromotion .topGearWrapper .topGearWygrajBilety { width: 502px; margin: 0 auto; } #topGearPromotion .topGearWrapper img.bordertext { position: relative; top: -285px; left: 125px; } #topGearPromotion .topGearWrapper .topGearwynikiImgZakonczonyLog img.bordertext { position: relative; top: -225px; left: 105px; } #topGearPromotion .topGearWrapper .topGearwynikiImgZakonczony { height: 110px; } #topGearPromotion .topGearWrapper .topGearwynikiImgZakonczony img.bordertext { position: relative; top: -135px; left: 105px; } #topGearPromotion .topGearWrapper .topGearwynikiImgZakonczonyLog { height: 40px; } #topGearPromotion .topGearWrapper img.500biletow { position: relative; top: -215px; left: 650px; } #topGearPromotion .topGearWrapper .topGearWynikiPunkty { width: 900px; margin: 0 auto; background: url(/_img/content/topGear/topGear500biletow.png) no-repeat 680px 20px; padding-bottom: 20px; } #topGearPromotion .topGearWrapper .topGearWynikiWeryfikacja { width: 900px; margin: 0 auto; padding-bottom: 20px; } #topGearPromotion .topGearWrapper .topGearWynikiContainer { width: 600px; margin-left: 90px } #topGearPromotion .topGearWrapper .topGearWynikiContainerZakonczonyLog { width: 630px; margin-left: 90px } #topGearPromotion .topGearWrapper .topGearWynikiContainerZakonczony { width: 630px; margin-left: 90px } #topGearPromotion .topGearWrapper p.topGearwynikiData { font-size: 14px; color: #ffffff; font-style: italic; margin: 20px auto; } #topGearPromotion .topGearWrapper .topGearWinners { font-size: 20px; color: #ffffff; font-style: italic; margin: 20px auto; } #topGearPromotion .topGearWrapper .topGearWinnersResults { color: #ffffff; margin: 0 auto; width: 700px; padding-top: 20px; } #topGearPromotion .topGearWrapper .topGearWinnersResults td { color: #ffffff; padding: 0 40px 10px 0; font-size: 14px; } #topGearPromotion .topGearWrapper .topGearWinnersResults td.first { color: #ffffff; padding: 0 10px 10px 0; width: 10px; } #topGearPromotion .topGearWrapper.winners { padding-top: 40px } #topGearPromotion .topGearWrapper .topGearWinners th { padding-bottom: 20px; } /*=========================== RedBull =============================*/ .redBullPromotion { width: 1060px; margin: 0 auto 100px; clear: both; position: relative; } .redBullPromotion .redBullHeader { } .redBullPromotion .redBullWrapper.start { background: url(/_img/content/redBull/start.jpg) no-repeat; width: 1060px; height: 1244px; } .redBullPromotion .redBullWrapper.confirm { background: url(/_img/content/redBull/confirm.jpg) no-repeat; width: 1060px; height: 1338px; } .redBullPromotion .redBullWrapper .redBullNav.end { position: absolute; top: 600px; left: 226px; } .redBullPromotion .redBullWrapper .redBullNav { position: absolute; top: 600px; left: 308px; } .redBullPromotion .redBullWrapper .redBullNav li { float: left; margin-left: 10px; } .redBullPromotion .redBullWrapper .redBullNav li:first-child { margin-left: 0; } .redBullPromotion .redBullWrapper .redBullNav li a { display: block; height: 43px; background-image: url(/_img/content/redBull/navSprite.png); text-indent: -9999px; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavStart { width: 117px; background-position: 0 0; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavStart.active { background-position: 0 -43px; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavRules { width: 150px; background-position: -117px 0; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavRules.active { background-position: -117px -43px; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavPrize { width: 150px; background-position: -267px 0; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavPrize.active { background-position: -267px -43px; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavWinners { width: 173px; background-position: -417px 0; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavWinners.active { background-position: -417px -43px; } .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavStart:hover, .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavRules:hover, .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavPrize:hover, .redBullPromotion .redBullWrapper .redBullNav li a.redBullNavWinners:hover { opacity: 0.8; } .redBullWrapper .redBullBtn { position: absolute; bottom: 9%; right: 34%; } .redBullWrapper .regulationsRedBull { font-size: 12px; text-transform: uppercase; color: #ffffff; position: absolute; bottom: 46px; right: 50px; } /* Start Winner RedBull */ .redBullPromotion .redBullWrapper.win { background: url(/_img/content/redBull/start_bg.jpg) no-repeat; width: 1060px; height: 1159px; } .redBullPromotion .redBullWrapper.win .redBullWin { position: absolute; bottom: 222px; left: 270px; } /* Start Loss RedBull */ .redBullPromotion .redBullWrapper.loss { background: url(/_img/content/redBull/start_bg.jpg) no-repeat; width: 1060px; height: 1159px; } .redBullPromotion .redBullWrapper.loss .redBullLoss { position: absolute; bottom: 270px; left: 270px; } /* Start End RedBull */ .redBullPromotion .redBullWrapper.end { background: url(/_img/content/redBull/start_bg.jpg) no-repeat; width: 1060px; height: 1159px; } .redBullPromotion .redBullWrapper.end .redBullEnd { position: absolute; bottom: 270px; left: 270px; } /* Start Verification RedBull */ .redBullPromotion .redBullWrapper.verification { background: url(/_img/content/redBull/verification.jpg) no-repeat; width: 1060px; height: 1232px; } .redBullPromotion .redBullWrapper.verification h1 { position: absolute; bottom: 383px; left: 121px; color: #e40038; font-size: 108px; line-height: 108px; } .redBullPromotion .redBullWrapper.verification span { font-size: 60px; line-height: 60px; } /* Start ContestNotEnoughPoints RedBull */ .redBullWrapper.ContestNotEnoughPoints { background: url(/_img/content/redBull/start2.jpg) no-repeat; width: 1060px; height: 1232px; } .redBullPromotion .redBullWrapper.ContestNotEnoughPoints h1 { position: absolute; bottom: 383px; left: 121px; color: #e40038; font-size: 108px; line-height: 108px; } .redBullPromotion .redBullWrapper.ContestNotEnoughPoints h1 > span { font-size: 60px; line-height: 60px; } .redBullPromotion .redBullWrapper.ContestNotEnoughPoints .redBull4packText { position: absolute; bottom: 345px; left: 135px; } .redBullPromotion .redBullWrapper.ContestNotEnoughPoints .redBull4packText span.RedBullPacksNeeded { color: #e40038; font-size: 40px; line-height: 33px; margin: 0 4px } /* Confirm RedBull */ .redBullPromotion .redBullWrapper.confirm .redBullRules { position: absolute; top: 54%; right: 14%; } .redBullPromotion .redBullWrapper.confirm .redBullRulesOne .checkBoxRulesOne, .redBullPromotion .redBullWrapper.confirm .redBullRulesTwo .checkBoxRulesTwo { } .redBullPromotion .redBullWrapper.confirm .redBullRulesTwo span.whiteText { margin-left: 48px; } .redBullPromotion .redBullWrapper .redBullConfirmButtons .cancelBtn img { width: 283px; height: 73px; position: absolute; bottom: 154px; right: 217px; text-indent: -9999px; } .redBullPromotion .redBullWrapper .redBullConfirmButtons .confirmBtn img { width: 283px; height: 73px; position: absolute; bottom: 154px; left: 197px; text-indent: -9999px; } .class_checkbox { width: 29px; height: 29px; background: url(/_img/content/redBull/checkbox.png) no-repeat; padding: 9px; float: left; } .class_checkbox.checked { width: 29px; height: 29px; background: url(/_img/content/redBull/checkbox_check.png) no-repeat; padding: 9px; } .redBullPromotion .redBullWrapper.confirm input[type="checkbox"] { height: 29px; width: 29px; margin-right: 15px; float: left; } .redBullPromotion .redBullWrapper.confirm a.regulationsRedBullLink { background-image: url(/_img/content/redBull/1px.png); height: 35px; width: 210px; position: absolute; right: 63px; } /* Rules RedBull */ .redBullWrapper.rules { background: url(/_img/content/redBull/rules.jpg) no-repeat; width: 1060px; height: 1368px; } /*.redBullWrapper.rules .redBullNav { position: absolute;top: 44.4%;left: 29.3%; }*/ .redBullWrapper.rules .vitayLink { width: 120px; height: 30px; position: absolute; bottom: 495px; left: 185px; } /* Prize RedBull */ .redBullWrapper.prize { background: url(/_img/content/redBull/prize.jpg) no-repeat; width: 1060px; height: 1962px; } .redBullWrapper.prize .redBullRedLink { position: absolute; bottom: 9%; left: 33%; width: 185px; height: 40px; } /*.redBullWrapper.prize .redBullNav { position: absolute; top: 600px; left: 308px; }*/ /* Winners List RedBull */ .redBullPromotion .redBullWinnersTop { background: url(/_img/content/redBull/headerWinners.jpg) no-repeat; width: 1060px; height: 781px; } .redBullWrapper.winners { background-color: #050503; width: 100%; } .redBullWrapper.winners .redBullWinnersResults { width: 795px; margin-left: auto; margin-right: auto; } .redBullPromotion .redBullWinnersBottom { background: url(/_img/content/redBull/bottomWinners.jpg) no-repeat; width: 1060px; height: 344px; } .redBullPromotion .redBullWinnersBottom a.regulationsRedBull { font-size: 12px; text-transform: uppercase; color: #ffffff; position: absolute; bottom: 46px; right: 50px; } .redBullBorderTop { border-top: 1px solid #3e3e3e; } .redBullWrapper.winners .redBullWinnersResults tr { } .redBullWrapper.winners .redBullWinnersResults .redBullWinners th { color: #757576; text-transform: uppercase; padding: 20px; border-bottom: 1px solid #3e3e3e; } .redBullWrapper.winners .redBullWinnersResults .redBullWinners th:last-child { text-align: right; } .redBullWrapper.winners .redBullWinnersResults td { font-size: 18px; color: #ffffff; padding: 20px; border-bottom: 1px solid #3e3e3e; } .redBullWrapper.winners .redBullWinnersResults td.first { color: #fdc71f; font-size: 24px; } .redBullWrapper.winners .redBullWinnersResults td.firstName { } .redBullWrapper.winners .redBullWinnersResults td.city { width: 100%; } .redBullWrapper.winners .redBullWinnersResults td.cardNumber { font-size: 28px; text-align: right; } /*=========================== / RedBull =============================*/ .slides .lowerItem { margin-top: 53px !important; } .flexslider { margin: 0; border: 0; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; background-color: transparent; } .carousel li { margin-right: 0; background-color: #ed1b24 } .athleticsPromotions, .athleticsPromotions p { font-family: Helvetica, "Myriad Pro" !important; color: #000; font-size: 14px; line-height: 14px } .athleticsPromotions .pageSubtitle { letter-spacing: 0 } .athleticsPromotions a { font-size: 14px; font-family: Tahoma !important; } .athleticsPromotions .clear { clear: both; height: 1px; float: none } /* boxWhite */ .athleticsPromotions .boxWhite { clear: both; width: 960px; margin-left: 5px; margin-bottom: 20px } .athleticsPromotions .boxWhite .top, .athleticsPromotions .boxWhite .bottom { height: 12px; line-height: 12px; position: relative; width: 100% } .athleticsPromotions .boxWhite .top .topLeft, .athleticsPromotions .boxWhite .top .topMiddle, .athleticsPromotions .boxWhite .top .topRight { height: 12px } .athleticsPromotions .boxWhite .top .topMiddle { margin: 0 12px; background: transparent url('/_img/boxWhite/topMiddle.png') no-repeat 0 0 } .athleticsPromotions .boxWhite .top .topLeft, .athleticsPromotions .boxWhite .top .topRight { position: absolute; top: 0; width: 12px; } .athleticsPromotions .boxWhite .top .topLeft { left: 0; background: transparent url('/_img/boxWhite/topLeft.png') no-repeat 0 0 } .athleticsPromotions .boxWhite .top .topRight { right: 0; background: transparent url('/_img/boxWhite/topRight.png') no-repeat 0 0 } .athleticsPromotions .boxWhite .bottom .bottomLeft, .athleticsPromotions .boxWhite .bottom .bottomMiddle, .athleticsPromotions .boxWhite .bottom .bottomRight { height: 12px } .athleticsPromotions .boxWhite .bottom .bottomMiddle { margin: 0 12px; background: transparent url('/_img/boxWhite/bottomMiddle.png') no-repeat 0 0 } .athleticsPromotions .boxWhite .bottom .bottomLeft, .athleticsPromotions .boxWhite .bottom .bottomRight { position: absolute; top: 0; width: 12px; } .athleticsPromotions .boxWhite .bottom .bottomLeft { left: 0; background: transparent url('/_img/boxWhite/bottomLeft.png') no-repeat 0 0 } .athleticsPromotions .boxWhite .bottom .bottomRight { right: 0; background: transparent url('/_img/boxWhite/bottomRight.png') no-repeat 0 0 } .athleticsPromotions .boxWhite .middle { border: 1px solid #d5d5d5; -moz-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.5); } .athleticsPromotions .headerAthletics { position: relative; height: 95px; background-color: #ffffff; } .athleticsPromotions .headerAthletics h2.fanZoneTitle { color: #d71124 !important; text-align: center; font-size: 32px; padding-top: 25px; } .athleticsPromotions .fanZoneCategories { width: 960px; } .athleticsPromotions .fanZoneCategories ul li { float: left; } .athleticsPromotions .fanZoneCategories ul li img:hover { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .athleticsPromotions .headerAthletics .img { width: 960px; height: 613px; background: transparent url('/_img/content/athletics/fanzone_athletics_topbanner.jpg') no-repeat 50% 0; } .athleticsPromotions .headerAthletics .imgTshirt { width: 960px; height: 502px; background: transparent url('/_img/content/athletics/fanzone_tshirt.jpg') no-repeat 50% 0; } .athleticsPromotions .action-1, .athleticsPromotions .action-2, .athleticsPromotions .action-3 { height: 258px; position: relative; margin-bottom: 20px; width: 100% } .athleticsPromotions .action-1 { background: transparent url('/_img/content/athletics/fanzone_banner2.png') no-repeat; height: 307px; margin: -13px 0 0; } .athleticsPromotions .action-2 { background: transparent url('/_img/fanzone/akcja2.png') no-repeat; height: 249px; } .athleticsPromotions .action-3 { background: transparent url('/_img/content/liga/fanzoneBanner_1.png') no-repeat 50% 0; } .athleticsPromotions .action-1 a.join-now, .athleticsPromotions .action-1 input.join-now { background: none repeat scroll 0 0 transparent; display: block; height: 264px; left: 24px; position: absolute; text-indent: -9999px; top: 12px; width: 912px; } .athleticsPromotions .action-1 a.see-collection, .athleticsPromotions .action-3 a.see-collection { background: none repeat scroll 0 0 transparent; bottom: 56px; display: block; height: 18px; position: absolute; right: 44px; text-indent: -9999px; width: 91px; } .athleticsPromotions .action-2 a.unsubscribe-fanzone { display: block; width: 110px; height: 12px; position: absolute; top: 156px; right: 49px; background: none; color: #d81e05; font-size: 12px; } .athleticsPromotions .action-2 a.see-collection { display: block; width: 205px; height: 32px; position: absolute; top: 141px; left: 516px; text-indent: -9999px; background: none; } .athleticsPromotions .action-2 .drop-your-points { position: absolute; left: 695px; top: 42px; } .athleticsPromotions .action-2 .your-points { font-weight: bold; color: #333; font-size: 60px; position: absolute; top: 67px; left: 514px; letter-spacing: -4px; line-height: 64px } .fanzone .fanZoneGalleries .item2 { float: left; background-color: #ffffff; width: 226px; margin: 11px 5px; border: 1px solid #f2f2f2; border-bottom: 1px solid #a80808; } .fanzone .fanZoneGalleries .item2 .info { } .fanzone .boxWhite .middle .fanZoneGalleries { background-color: #ffffff; } .fanzone .boxWhite .middle .fanZoneMoto { height: auto; } .fanzone .boxWhite .middle .fanZoneMoto img { width: 958px; margin: 0 auto; } .fanzone .boxWhite .middle .fanZoneGalleries .galleryItems { width: 952px; margin: 0 auto; } .fanzone .fanZoneGalleries .fanZoneGalleriesTitle { height: 98px; border-bottom: 1px solid #f2f2f2; position: relative; } .fanzone .fanZoneGalleries .fanZoneGalleriesTitle a.galleryReturn { color: #d71124; font-size: 15px; font-weight: bold; right: 28px; top: 47px; text-transform: uppercase; font-family: Arial, Verdana, Helvetica, sans-serif !important; position: absolute; letter-spacing: -0.07em; } .fan-section-wrapper .fanZoneGalleriesTitle { min-height: 148px; border-bottom: 1px solid #f2f2f2; position: relative; } .fan-section-wrapper .fanZoneGalleriesTitle p.galleryTitle { width: 750px; color: #d71124; font-size: 32px !important; line-height: 40px; font-weight: bold !important; padding: 47px 28px 0 28px; letter-spacing: -0.05em; } .fan-section-wrapper .fanZoneGalleriesTitle p.gallerySubTitle { width: 750px; color: #333333; font-size: 32px !important; font-weight: bold !important; padding: 0 28px 20px 28px; letter-spacing: -0.05em; } .fan-section-wrapper .fanZoneGalleriesTitle p.galleryDesc { padding: 0 28px 20px 28px; width: 800px; } .fan-section-wrapper .fanZoneGalleriesTitle a.galleryReturn { color: #d71124; font-size: 15px; font-weight: bold; right: 28px; top: 60px; text-transform: uppercase; font-family: Arial, Verdana, Helvetica, sans-serif !important; position: absolute; letter-spacing: -0.07em; } .fanzone .fanZoneGalleries .fanZoneGalleriesTitle .galleryTitle { color: #d71124; font-size: 18px !important; font-weight: bold !important; top: 47px; left: 28px; position: absolute; } .item2 .img { width: 226px; height: 239px; } .item2 .info .title { font-size: 14px; font-weight: bold; color: #d71124; padding: 20px 18px 20px 18px; border-bottom: 1px solid #f2f2f2; height: 55px; } .item2 .info .desc { height: 30px; color: #8f8f8f; font-size: 11px; font-weight: normal; padding: 20px 18px 10px 18px; } .item2 .info .date { font-size: 11px; font-weight: normal; float: left; color: #8f8f8f; padding: 10px 0 10px 34px; background: url('/_img/fanzone/clock.png') 17px 12px no-repeat; } .item2 .info .more a { font-size: 11px; font-weight: normal; float: right; color: #8f8f8f; padding: 10px 17px 10px 0 } .fan-section-wrapper .smallImg { width: 226px; height: 239px; } .fanZoneGallery { border-top: 1px solid #f2f2f2; } .fanZoneGallery h3 { font-size: 32px; font-weight: normal; line-height: 32px; } .redTitle { color: #d71124; font-weight: bold; } .fanzone .fanZoneGallery .item2 { float: left; width: 320px; margin: 11px 5px; border: 1px solid #f2f2f2; border-bottom: 1px solid #a80808; } .fanZoneGallery .info { width: 287px; padding: 30px 0 0 30px; float: left; } .fanZoneGallery .infoGallery { padding: 0; width: 319px; height: 300px; float: left; border-left: 1px solid #f2f2f2; } .fanZoneGallery .fanInfoGallery { } .fanZoneGallery .info .btnFanZoneGallery { margin-top: 39px; } .fanZoneGallery .info .btnFanZoneGalleryHome { margin-top: 75px; } .fanZoneGallery .info .btnFanZoneGallery img:hover { opacity: 0.9; filter: alpha(opacity=90); /* For IE8 and earlier */ } .fanZoneGallery .infoGallery .title { padding: 20px 20px 0 20px; float: left; font-size: 14px; font-weight: bold; color: #d71124; } .fanZoneGallery .infoGallery .more a { padding: 20px 20px 20px 0; float: right; font-size: 11px; font-weight: normal; color: #8f8f8f; position: absolute; top: 65px; right: 0; } .fanZoneGallery .infoGallery .infoGalleryName { position: relative; } /* STREFA KIBICA GALERIA */ .fan-section-wrapper { width: 960px; clear: both; margin: 20px auto; text-align: left; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5); background-color: #ffffff; border: 1px solid #f4f4f4; } .fan-img-list { font-size: 0; line-height: 0; padding: 11px 0 0 11px; position: relative; } .fan-img-list > li { width: 226px; height: 240px; vertical-align: top; margin: 0 11px 10px 0; display: inline-block; *display: inline; *zoom: 1; } .fan-img-list > li > a, .fan-img-list > li > a > img { width: 226px; height: 240px; display: inline-block; } .fan-img-list > li > a { position: relative } .fan-img-list > li.list-expanded > a:after { background: url("/_img/fanzone/bottom_arrow.png") repeat scroll 0 0 transparent; bottom: -12px; content: ""; height: 23px; left: 80px; position: absolute; width: 46px; } .fan-img-details { width: 100%; height: 0px; margin: 11px 0; background: #f5f5f5; position: absolute; left: 0; top: auto; } .fan-img-content { padding: 13px 11px; height: 94%; position: relative; overflow: hidden; display: none; } .fan-img-content ul { position: absolute; bottom: 80px; right: 180px; z-index: 999; } .fan-img-content .close { width: 30px; height: 29px; display: block; background: url(/_img/fanzone/fan_close.jpg) no-repeat; position: absolute; right: 10px; top: 10px; z-index: 999; } .fan-img-content .big-image { float: left; padding-left: 260px; } .fan-img-content h3 { font-size: 24px; line-height: 26px; padding-top: 40px; color: #333333; } .fan-img-content p { width: 800px; height: auto; padding-top: 40px; } .fan-img-content p.imgTitle { font-size: 32px; font-weight: bold; color: #333333; line-height: 40px; } .fan-img-content li { float: left; } .fan-img-content li:first-child { border-right: 1px solid #ffffff } .fan-img-content li + li { border-left: 1px solid #dddddd; } .fan-img-content .next, .fan-img-content .prev { width: 19px; height: 32px; padding: 10px; display: block; overflow: hidden; text-indent: -9999px; } .fan-img-content .next { background: url(/_img/fanzone/gallery_arrow_right.png) center center no-repeat } .fan-img-content .prev { background: url(/_img/fanzone/gallery_arrow_left.png) center center no-repeat } /* */ .athleticsPromotions .headerAthleticsPopup { position: relative; width: 960px; height: 463px; background: #eeeeee url('/_img/fanzone/banner_lekka.jpg') no-repeat 0 0; } .athleticsPromotions .headerAthleticsPopup h2 { font-size: 25px !important; text-align: center; padding-top: 50px; } .athleticsPromotions .headerAthleticsPopup ul { position: absolute; top: 60px; left: 0; } .athleticsPromotions .headerAthleticsPopup li { width: 150px; height: 50px; float: left; cursor: pointer; } .athleticsPromotions .headerAthleticsPopup li.first { width: 160px; height: 60px; } .athleticsPromotions .headerAthleticsPopup li.second { width: 152px; height: 60px; } .athleticsPromotions .headerAthleticsPopup li.third { width: 168px; height: 60px; } .athleticsPromotions .headerAthleticsPopup li.fourth { width: 128px; height: 60px; } .athleticsPromotions .headerAthleticsPopup li.fifth { width: 140px; height: 60px; } .athleticsPromotions .headerAthleticsPopup li.six { width: 160px; height: 60px; } .athleticsPromotions .headerAthleticsPopup li .showAthleticsDetails { display: none; } .athleticsPromotions .athleticsDetails { background: url('/_img/content/athletics/athleticsDetailsInfoFull.png') no-repeat center top; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); height: 391px; width: 923px; zoom: 1; } .athleticsPromotions .athleticsDetails img { float: left; } /*.athleticsPromotions .athleticsDetails .athleticsDetailsInfo { float: left;height: 356px;width: 396px; padding:30px 30px 0; overflow:hidden; }*/ .athleticsPromotions .athleticsDetails .athleticsDetailsInfo { float: left; height: 320px; width: 350px; padding: 5px 20px 0; overflow-y: scroll; margin-top: 40px; margin-bottom: 10px; } .athleticsPromotions .athleticsDetails .athleticsDetailsInfo h1 { font-size: 25px; padding-bottom: 20px; } .athleticsPromotions .athleticsDetails .athleticsDetailsInfo p { font-size: 12px; line-height: 18px } .AthleticsPopup { width: 923px; height: 391px; display: none; position: absolute; top: 60px; left: 50%; margin-left: -462px; z-index: 9999; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1; } .AthleticsPopup2 { width: 923px; height: 391px; display: none; position: absolute; top: 60px; left: 50%; margin-left: -462px; z-index: 9999; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1; } .AthleticsPopup3 { width: 923px; height: 391px; display: none; position: absolute; top: 60px; left: 50%; margin-left: -462px; z-index: 9999; overflow: hidden; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1; } .AthleticsPopup .close { width: 32px; height: 32px; display: block; position: absolute; right: 30px; top: 30px; background: url('/_img/content/athletics/fanzone_close.png') no-repeat; z-index: 10; } .AthleticsPopup2 .close { width: 32px; height: 32px; display: block; position: absolute; right: 30px; top: 30px; background: url('/_img/content/athletics/fanzone_close.png') no-repeat; } .AthleticsPopup3 .close { width: 32px; height: 32px; display: block; position: absolute; right: 30px; top: 30px; background: url('/_img/content/athletics/fanzone_close.png') no-repeat; } /* */ /* */ .athleticsPromotions .motoPopup { position: relative; width: 960px; height: 463px; background: #eeeeee url('/_img/fanzone/banner_moto_2.jpg') no-repeat 0 0; } .athleticsPromotions .motoPopup h2 { font-size: 25px !important; text-align: center; padding-top: 50px; } .athleticsPromotions .motoPopup ul { position: absolute; top: 110px; left: 0; } .athleticsPromotions .motoPopup li { width: 150px; height: 50px; float: left; cursor: pointer; } .athleticsPromotions .motoPopup li.first { width: 215px; margin: 0 0 0 100px; height: 50px; } .athleticsPromotions .motoPopup li.second { width: 165px; height: 50px; } .athleticsPromotions .motoPopup li.third { width: 155px; height: 50px; } .athleticsPromotions .motoPopup li.fourth { width: 140px; height: 50px; } .athleticsPromotions .motoPopup li.fifth { width: 140px; margin: 0 40px 0 0; height: 50px; } .athleticsPromotions .motoPopup li .showAthleticsDetails { display: none; } /*.athleticsPromotions .athleticsDetails { background: url('/_img/content/athletics/bg_athleticsDetailsInfo.png') no-repeat right top; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); height: 391px; width:923px; zoom: 1; }*/ .athleticsPromotions .athleticsDetails img { float: left; } /*.athleticsPromotions .athleticsDetails .athleticsDetailsInfo { float: left;height: 356px;width: 396px; padding:30px 30px 0; overflow:hidden; }*/ .athleticsPromotions .athleticsDetails .athleticsDetailsInfo h1 { font-size: 25px; padding-bottom: 20px; } .athleticsPromotions .athleticsDetails .athleticsDetailsInfo h2 { font-size: 20px; padding-bottom: 20px; } .athleticsPromotions .athleticsDetails .athleticsDetailsInfo p { font-size: 12px; line-height: 18px } .athleticsPromotions .motoPopup2 { position: relative; width: 960px; height: 463px; background: #eeeeee url('/_img/fanzone/banner_moto_3.jpg') no-repeat 0 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF); zoom: 1; } .athleticsPromotions .motoPopup2 h2 { font-size: 25px !important; text-align: center; padding-top: 50px; } .athleticsPromotions .motoPopup2 ul { position: absolute; top: 80px; left: 0; } .athleticsPromotions .motoPopup2 li { width: 150px; height: 50px; float: left; cursor: pointer; } .athleticsPromotions .motoPopup2 li.first { width: 250px; margin: 0 0 0 250px; height: 50px; } .athleticsPromotions .motoPopup2 li.second { width: 250px; height: 50px; } .athleticsPromotions .motoPopup2 li .showAthleticsDetails { display: none; } /* */ .athleticsPromotions .volleyPopup { position: relative; width: 960px; height: 463px; background: #eeeeee url('/_img/fanzone/banner_siatkowka2.jpg') no-repeat 0 0; } .athleticsPromotions .volleyPopup h1 { font-size: 25px !important; line-height: 32px; padding-bottom: 0 !important; } .athleticsPromotions .volleyPopup ul { position: absolute; top: 60px; left: 0; } .athleticsPromotions .volleyPopup li .showAthleticsDetails { display: none; } .athleticsPromotions .volleyPopup li { width: 150px; height: 50px; float: left; cursor: pointer; } .athleticsPromotions .volleyPopup li.first { width: 210px; margin: 0 0 0 30px; height: 50px; } .athleticsPromotions .volleyPopup li.second { width: 230px; height: 50px; } .athleticsPromotions .volleyPopup li.third { width: 215px; height: 50px; } .athleticsPromotions .volleyPopup li.fourth, .athleticsPromotions .volleyPopup li.fifth, .athleticsPromotions .volleyPopup li.sixth, .athleticsPromotions .volleyPopup li.seventh, .athleticsPromotions .volleyPopup li.eighth { width: 240px; height: 50px; } .athleticsPromotions .volleyPopup2 { position: relative; width: 960px; height: 463px; background: #eeeeee url('/_img/fanzone/banner_siatkowka_hol_men2.jpg') no-repeat 0 0; } .athleticsPromotions .volleyPopup2 ul { position: absolute; top: 55px; left: 0; } .athleticsPromotions .volleyPopup2 li { width: 150px; height: 50px; float: left; cursor: pointer; } .athleticsPromotions .volleyPopup2 li .showAthleticsDetails { display: none; } .athleticsPromotions .volleyPopup2 li.first { width: 454px; margin: 0 0 0 230px; height: 50px; } .athleticsPromotions .volleyPopup3 { position: relative; width: 960px; height: 463px; background: #eeeeee url('/_img/fanzone/banner_siatkowka_hol_women.jpg') no-repeat 0 0; } .athleticsPromotions .volleyPopup3 ul { position: absolute; top: 77px; left: 0; } .athleticsPromotions .volleyPopup3 li { width: 150px; height: 50px; float: left; cursor: pointer; } .athleticsPromotions .volleyPopup3 li .showAthleticsDetails { display: none; } .athleticsPromotions .volleyPopup3 li.first { width: 454px; margin: 0 0 0 230px; height: 50px; } .athleticsPromotions .volleyPopup2 h1, .athleticsPromotions .volleyPopup3 h1 { line-height: 1; } .athleticsPromotions .volleyPopup2 p, .athleticsPromotions .volleyPopup3 p { margin-bottom: 10px; } .athleticsPromotions .volleyPopup .athleticsDetails .athleticsDetailsInfo, .athleticsPromotions .volleyPopup2 .athleticsDetails .athleticsDetailsInfo, .athleticsPromotions .volleyPopup3 .athleticsDetails .athleticsDetailsInfo { width: 800px; } .fanzone .flex-direction-nav .flex-prev { left: 12px; } .fanzone .flex-direction-nav .flex-next { right: 9px; } .fanzone .flex-direction-nav a { height: 78px; background: url('/_img/fanzone/arrows.png') no-repeat 0 0; margin: -56px 0 0; } .fanzone .flex-direction-nav .flex-next { background-position: 100% 0; } .fanzone .flex-control-nav { display: none; } .hide { display: none; } .fanzone .flexslider .slides img { width: auto; } /* TABS */ .tabsInfo { width: 477px; float: left; } .tabsInfoLeft { width: 477px; float: left; margin-right: 3px; } .tabsInfo h2, .tabsInfoLeft h2 { float: left; padding: 20px; font-size: 24px !important; letter-spacing: -1px !important; } .tabsInfo h2 span.redCategory, .tabsInfoLeft h2 span.redCategory { color: #d71124; text-transform: uppercase; } .tabsInfo h2 span.verticalLine, .tabsInfoLeft h2 span.verticalLine { border-left: 1px solid #c4c4c4; margin-left: 30px; margin-right: 30px; } .tabsInfo p.date, .tabsInfoLeft p.date { float: right; padding: 30px 20px; background: url('/_img/fanzone/clock.png') no-repeat 0 50%; color: #8f8f8f; } /* lista z tabami */ ul.tabs { list-style-type: none; margin: 1px 1px; padding: 0; clear: both; background: #fefefe repeat-x; overflow: hidden; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; } ul.tabs2 { list-style-type: none; margin: 1px 1px; padding: 0; clear: both; background: #fefefe repeat-x; overflow: hidden; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } /* zwykłe taby */ ul.tabs li { text-transform: uppercase; height: 52px; font-size: 18px; float: left; text-align: left; line-height: 52px; position: relative; width: 198px; cursor: pointer; padding: 0 20px; border-right: 1px solid #f3f3f3; } ul.tabs2 li { text-transform: uppercase; height: 52px; font-size: 18px; float: left; text-align: left; line-height: 52px; position: relative; width: 437px; cursor: pointer; padding: 0 20px; } ul.tabs li span.right, ul.tabs2 li span.right { position: absolute; right: 0; top: 0; width: 9px; height: 32px; background: url(tab_all.gif) 0 -31px no-repeat; overflow: hidden; } ul.tabs li a, ul.tabs2 li a { font-size: 18px; text-decoration: none; color: #333; outline: none; font-family: Arial !important; } /* taby po najechaniu */ ul.tabs li:hover { background: url('/_img/fanzone/tabs_bg.jpg') 0 0 repeat-x; color: #fff !important; } ul.tabs2 li:hover { background: url('/_img/fanzone/btn_volleyball_bg.jpg') 0 0 repeat-x; color: #fff !important; } ul.tabs li:hover a, ul.tabs2 li:hover a { color: #fff; } ul.tabs li:hover span.right, ul.tabs2 li:hover span.right { background-position: 0 -93px; } /* taby aktywne */ ul.tabs li.active { cursor: default; background: url('/_img/fanzone/tabs_bg.jpg') 0 0 repeat-x; } ul.tabs2 li.active { cursor: default; background: url('/_img/fanzone/btn_volleyball_bg.jpg') 0 0 repeat-x; } ul.tabs li.active a, ul.tabs2 li.active a { color: #fff; cursor: default; } ul.tabs li.active span.right, ul.tabs2 li.active span.right { background-position: 0 -217px; } /* taby wyłączone */ ul.tabs li.disable { background-position: 0 -124px; cursor: default; } ul.tabs li.disable span.right { background-position: 0 -155px; } ul.tabs li.disable a { color: #999; cursor: default; } /* powierzchnia tabow */ .tab { display: block; min-height: 50px; clear: both; } .tab table { width: 477px; } .tab table.left { float: left; margin-right: 4px; } .tab tr.grey td { background-color: #efefef; padding: 5px 0 5px 5px; } .tab tr.grey td.nr, .tab tr.white td.nr { text-align: center; } .tab tr.white td { background-color: #ffffff; padding: 5px 0 5px 5px; } .tab tr.tableTitle { background-color: #ffffff; } .tab tr.tableTitle td { padding: 10px 12px 10px 15px; text-align: center; } .tab table .last { color: #d71124; text-align: center; font-weight: bold; } .tab table .up { background: url('/_img/fanzone/table_down.png') 0 50% no-repeat; } .tab table .down { background: url('/_img/fanzone/table_up.png') 0 50% no-repeat; } .tab table .unchanged { background: url('/_img/fanzone/table_unchanged.png') 0 50% no-repeat; } .tab tr.grey td.red, .tab tr.white td.red { text-align: center; font-weight: bold; font-size: 14px; } .sportsCategory { display: block; height: 54px; clear: both; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } .sportsCategory li { float: left; width: 458px; padding: 20px 10px; text-align: center; } .bRight { border-right: 1px solid #f2f2f2; } .gold { background: url('/_img/fanzone/gold.png') 0 50% no-repeat; text-align: right; padding: 10px; } .silver { background: url('/_img/fanzone/silver.png') 0 50% no-repeat; text-align: right; padding: 10px; } .bronze { background: url('/_img/fanzone/bronze.png') 0 50% no-repeat; text-align: right; padding: 10px; } .allmedals { background: url('/_img/fanzone/allmedals.png') 0 50% no-repeat; text-align: right; padding: 10px; } .tab tr td.flag span { background: url('/_img/fanzone/flags.jpg') no-repeat; width: 23px; height: 16px; display: block; } .tab tr td.flag.brazylia span { background-position: 0 0; } .tab tr td.flag.japonia span { background-position: -23px 0; } .tab tr td.flag.polska span { background-position: -46px 0; } .tab tr td.flag.rosja span { background-position: -69px 0; } .tab tr td.flag.usa span { background-position: 0 -16px; } .tab tr td.flag.chiny span { background-position: -23px -16px; } .tab tr td.flag.kuba span { background-position: -46px -16px; } .tab tr td.flag.serbia span { background-position: -69px -16px; } .tab tr td.flag.argentyna span { background-position: 0 -32px; } .tab tr td.flag.dominikana span { background-position: -23px -32px; } .tab tr td.flag.bulgaria span { background-position: -46px -32px; } .tab tr td.flag.korea span { background-position: -69px -32px; } .tab tr td.flag.niemcy span { background-position: 0 -48px; } .tab tr td.flag.kanada span { background-position: -23px -48px; } .tab tr td.flag.australia span { background-position: -46px -48px; } .tab tr td.flag.algieria span { background-position: -69px -48px; } .tab tr td.flag.iran span { background-position: 0 -64px; } .tab tr td.flag.kenia span { background-position: -23px -64px; } .tab tr td.flag.egipt span { background-position: -46px -64px; } .tab tr td.flag.turcja span { background-position: -69px -64px; } .tab tr td.flag.wlochy span { background-position: 0 -80px; } .tab tr td.flag.jamajka span { background-position: -23px -80px; } .tab tr td.flag.etiopia span { background-position: -46px -80px; } .tab tr td.flag.wielkabrytania span { background-position: -69px -80px; } .tab tr td.flag.czechy span { background-position: 0 -96px; } .tab tr td.flag.ukraina span { background-position: -23px -96px; } .tab tr td.flag.francja span { background-position: -46px -96px; } .tab tr td.flag.kolumbia span { background-position: -69px -96px; } .tab tr td.flag.chorwacja span { background-position: 0 -112px; } .tab tr td.flag.irlandia span { background-position: -23px -112px; } .tab tr td.flag.nowazelandia span { background-position: -46px -112px; } .tab tr td.flag.uganda span { background-position: -69px -112px; } .tab tr td.flag.szwecja span { background-position: 0 -128px; } .tab tr td.flag.trynidaditobago span { background-position: -23px -128px; } .tab tr td.flag.wybrzezekoscisloniowej span { background-position: -46px -128px; } .tab tr td.flag.austria span { background-position: -69px -128px; } .tab tr td.flag.hiszpania span { background-position: 0 -144px; } .tab tr td.flag.lotwa span { background-position: -23px -144px; } .tab tr td.flag.holandia span { background-position: -46px -144px; } .tab tr td.flag.szwajcaria span { background-position: -69px -144px; } /* END OF TABS */ .coupons-wrapper { max-width: 960px; margin: 30px auto; overflow: hidden; } .coupons-wrapper .left-column { float: left; width: 300px; } .coupons-wrapper .left-column h2, .coupons-wrapper .right-column h3 { font: 30px/1.3em Arial, helvetica, sans-serif; color: #d31d04; margin: 0 0 24px; } .coupons-wrapper .left-column p { font: bold 16px/1.3em Arial, helvetica, sans-serif; color: #2c2c2c; margin-bottom: 10px } .coupons-wrapper .right-column { float: right; width: 660px; } .coupons-wrapper .right-column .mainPageCategoryBox { position: relative; min-height: 210px; padding: 10px 20px; } .coupons-wrapper .right-column .content-text { max-width: 400px; position: relative; } .coupons-wrapper .right-column p { font: normal 12px/1.5em Arial, helvetica, sans-serif; color: #000; max-width: 320px; } .coupons-wrapper .right-column .bottom-content { margin-top: 10px; overflow: hidden; } .coupons-wrapper .right-column .bottom-content .barcodeCont, .coupons-wrapper .right-column .bottom-content input { float: left } .coupons-wrapper .right-column .bottom-content .barcodeCont { text-align: center; margin-right: 20px; } .coupons-wrapper .right-column .bottom-content .barcodeCont img { display: block; } .coupons-wrapper .right-column .box-used { width: 149px; height: 148px; position: absolute; right: 0; bottom: 0; z-index: 10; } .coupons-wrapper .right-column .bottom-content input[type=submit] { text-decoration: none; text-transform: capitalize; font: 16px/1.3em Arial, helvetica, sans-serif; color: #fff; background: url("/_img/content/coupons/red-button.jpg") no-repeat; float: left; text-align: center; width: 102px; height: 33px; } .coupons-wrapper .right-column .bottom-content .red-button span { display: block; padding-top: 6px; } .coupons-wrapper .right-column .couponImageWrapper { position: absolute; top: 5px; right: 5px; } .coupons-wrapper .right-column .bottom-content .downloadButton { margin-top: 20px; } .coupons-wrapper .mainBoxWrapper { margin: 10px; } .coupons-wrapper .mainBoxWrapper > .middle { XXXbackground: url("/_img/content/coupons/bgMainLeftRightShadow.png") repeat-y; padding: 0 5px; width: 635px; float: none; overflow: hidden; } .coupons-wrapper .grayscale h3 { color: #9b9898; } .coupons-wrapper .grayscale p { color: #7d7c7e; } /* style dla oceny stacji */ p.survey-text { padding: 0 15px; } p.survey-text span { color: #D21D04; font-weight: bold; } /* END style dla oceny stacji */ /* style dla ankiet >> */ .survey { } .survey-page .q { margin-bottom: 15px; margin-top: 15px; } .survey-page .a { margin-bottom: 30px; } .survey-page img { margin: 1em 0; max-width: 100%; height: auto; } .survey-page textarea { width: 500px; height: 120px; resize: vertical; } .survey-page .vitay-radios label, .survey-page .vitay-checboxes label { min-height: 0; line-height: 2em; margin: 0; padding: 0 20px 0 0; display: inline; vertical-align: middle; } .survey-page input { vertical-align: middle; } .survey-page input[type="checkbox"] { margin: 0 5px 0 0; } .survey-page input[type="radio"] { margin: 0 5px 0 0; } .survey-page-title { margin: 10px 0 10px; } /*.survey-page .vertical.vitay-radios input[type="radio"], .survey-page .vertical.vitay-checboxes input[type="checkbox"] { float: left; clear: left; margin-bottom: 10px; } .survey-page .vertical.vitay-radios label, .survey-page .vertical.vitay-checboxes label { margin-bottom: 10px; }*/ /* style dla ankiet << */ /* fuel promotion >> */ .fuel-promotion-top { width: 975px; height: 270px; background: transparent url('/_img/fuelPromotion/promocja-top.png') 43px 13px no-repeat; } .fuel-promotion sub, .fuel-promotion sup { font-size: 65%; line-height: 0; position: relative; vertical-align: baseline; } .fuel-promotion sup { top: -0.5em; } .fuel-promotion sub { bottom: -0.25em; } .fuel-promotion-top-2 { width: 975px; height: 310px; background: transparent url('/_img/fuelPromotion/promocja-top-2.png') 12px 21px no-repeat; } .fuel-promotion-top-2-text-1 { color: #e40020; font-size: 31px; font-weight: bold; font-family: Tahoma,sans-serif; padding: 42px 0 0 497px; } .fuel-promotion-top-2-text-2 { color: #52000c; font-size: 13px; line-height: 22px; font-family: Tahoma,sans-serif; padding: 46px 0 0 498px; } .fuel-promotion-top-2-link { display: block; width: 349px; height: 62px; margin: 25px 0 0 498px; background: transparent url('/_img/fuelPromotion/promocja-top-2.png') -486px -173px no-repeat; } .fuel-promotion-middle { width: 975px; height: 530px; background: transparent url('/_img/fuelPromotion/promocja-middle.jpg') 578px -8px no-repeat; } .fuel-promotion-middle-text-1 { color: #e40020; font-size: 31px; font-weight: bold; font-family: Tahoma,sans-serif; border-bottom: 1px solid #dedede; padding: 38px 0 20px 0; line-height: 33px; margin-left: 78px; width: 340px; } .fuel-promotion-middle-text-2-top { color: #52000c; font-size: 13px; font-family: Tahoma,sans-serif; margin: 21px 0 0 78px; } .fuel-promotion-middle ol { color: #52000c; font-size: 13px; font-family: Tahoma,sans-serif; margin: 17px 0 0 97px; list-style-type: decimal !important; line-height: 22px; } .fuel-promotion-middle ol li { list-style-type: decimal !important; } .fuel-promotion-middle-text-2-bottom { color: #52000c; font-size: 11px; font-family: Tahoma,sans-serif; margin: 29px 0 0 78px; } .fuel-promotion-middle-text-2-bottom a { text-decoration: underline; font-size: 11px; } .fuel-promotion-middle-text-2-bottom a:hover { color: #9d0017; } .fuel-promotion-bottom-text-6 a { text-decoration: underline; font-size: 11px; } .fuel-promotion-bottom-text-6 a:hover { color: #9d0017; } .fuel-promotion-bottom { width: 975px; height: 715px; background: transparent url('/_img/fuelPromotion/promocja-bottom.jpg') 19px -20px no-repeat; position: relative; } .fuel-promotion-bottom-text-1 { color: white; font-family: Tahoma,sans-serif; font-weight: bold; font-size: 31px; position: absolute; top: 173px; left: 497px; line-height: 34px; } .fuel-promotion-bottom-text-2 { color: white; font-family: Tahoma,sans-serif; font-size: 22px; position: absolute; top: 245px; left: 497px; } .fuel-promotion-bottom-text-3 { font-family: Tahoma,sans-serif; position: absolute; color: #52000c; top: 337px; left: 497px; font-weight: bold; font-size: 13px; } .fuel-promotion-bottom-text-4 { background: transparent url('/_img/fuelPromotion/promocja-list.png') 6px 3px no-repeat; font-family: Tahoma,sans-serif; position: absolute; color: #52000c; font-size: 13px; top: 378px; left: 493px; line-height: 16px; padding-left: 30px; } .fuel-promotion-bottom-text-5 { background: transparent url('/_img/fuelPromotion/promocja-list.png') 6px 3px no-repeat; font-family: Tahoma,sans-serif; position: absolute; color: #52000c; font-size: 13px; top: 527px; left: 493px; line-height: 16px; padding-left: 30px; } .fuel-promotion-bottom-text-6 { font-family: Tahoma,sans-serif; font-size: 22px; position: absolute; color: #52000c; top: 529px; left: 77px; font-size: 11px; } input[type="submit"].fuel-promotion-active { background: transparent url('/_img/fuelPromotion/promocja-buttons.png') 0 0 no-repeat; width: 348px; height: 83px; color: #463d00; font-family: Arial, sans-serif; font-size: 19px; font-weight: normal; overflow: hidden; margin: 38px 0 0 74px; } .fuel-promotion-button-end { margin: 38px 0 0 74px; background: transparent url('/_img/fuelPromotion/promocja-buttons.png') 0 -100px no-repeat; width: 422px; height: 83px; } .fuel-promotion-button-not-started { margin: 38px 0 0 74px; background: transparent url('/_img/fuelPromotion/promocja-buttons.png') 0 -200px no-repeat; width: 507px; height: 83px; } .fuel-promotion-button-cannot { margin: 38px 0 0 74px; background: transparent url('/_img/fuelPromotion/promocja-buttons.png') 0 -300px no-repeat; width: 490px; height: 83px; } .fuel-promotion-button-already { margin: 38px 0 0 74px; background: transparent url('/_img/fuelPromotion/promocja-buttons.png') 0 -400px no-repeat; width: 430px; height: 83px; } /* fuel promotion << */ /* style dla dodatkowych zgod */ .infoClause { display: block; height: 43px; overflow: hidden; } .infoClause .oneLine { text-align: justify; font-style: italic; color: #999999; } .infoClause .regStatement { font-style: normal; padding: 15px 0; color: #666666; } .optAgreement { display: block; overflow: hidden; } .optAgreement .rodo-text, .optAgreement .rodo-text p { text-align: justify; display: inline-block; font-size: 11px; color: #999999; line-height: 12px; } .optAgreement .rodo-text ul { margin-left: 10px; } .optAgreement .rodo-text ul li { margin: 5px 0; } .optAgreement .oneLine { text-align: justify; position: relative; line-height: 15px; } .statement { margin-top: 10px; } .registrations .optAgreement div.oneLine:first-child { font-size: 1.15em; padding: 13px 0 7px; } .registrations .optAgreement div.oneLine:first-child a { font-size: 1em; } .registrations .reqAgreement { font-size: 1.15em; padding: 13px 0 7px; } .registrations .reqAgreement a { font-size: 1em; } .optAgreement .oneLine input[type="checkbox"] { display: block; left: 0; margin: 2px 5px 0 0; position: absolute; top: 0; } .optAgreement .oneLine label { display: inline-block; font-size: 11px; color: #999999; margin-left: 20px; line-height: 12px; } .optAgreement strong { font-size: 14px; } .editUserData .infoClause div.oneLine:first-child { margin-top: 20px; } .editUserData .infoClause { height: 86px; } .ie11 .editUserData .infoClause, .ie10 .editUserData .infoClause, .ie9 .editUserData .infoClause { height: 62px; } .agreements { clear: both; display: block; } .more-text { display: block; text-align: right; } .editUserData .more-text { margin-bottom: 10px; } .non-expanded + .more-text::before { content: '\00AB'; position: absolute; top: 6px; left: -5px; font-size: 16px; transform: rotate(90deg); } .benefit-box .more-text { float: left; display: block; margin-left: 45px; } .benefit-box:first-child .more-text::after { content: ''; height: 1px; width: 770px; position: absolute; top: 40px; left: -6px; background-color: #8293a2; } .benefit-box .more-text::after { content: ''; height: 1px; /*width: 348px;*/ width: 758px; position: absolute; top: 40px; left: -6px; background-color: #8293a2; } .expanded + .more-text::before { content: '\00AB'; position: absolute; top: 6px; left: -5px; font-size: 16px; transform: rotate(270deg); } .benefit-box-header { color: #000000; text-align: left; margin: 24px auto; display: block; max-width: 804px; } .non-expanded { height: 40px; } .non-expanded.rodo-info { height: 48px; } .non-expanded.virtual-info { height: 91px; } .expanded { height: auto; } .editUserData .non-expanded { height: 30px; overflow: hidden; } .editUserData .infoClause.non-expanded.virtual-info { height: 109px; } .editUserData .infoClause.non-expanded, .ie11 .editUserData .infoClause.non-expanded, .ie10 .editUserData .infoClause.non-expanded, .ie9 .editUserData .infoClause.non-expanded { height: 63px; } .ie11 .editUserData .non-expanded, .ie10 .editUserData .non-expanded, .ie9 .editUserData .non-expanded { height: 31px; } .editUserData .expanded, .ie11 .editUserData .infoClause.expanded, .ie10 .editUserData .infoClause.expanded, .ie9 .editUserData .infoClause.expanded { height: auto; } @media screen and (max-device-width: 768px) { /*.ie11 .editUserData .optAgreement { height: 110px; }*/ .ie11 .editUserData .infoClause.non-expanded { height: 64px; } .ie11 .editUserData .non-expanded { height: 30px; } .editUserData .non-expanded { height: 30px; } .editUserData .optAgreement { display: initial; text-size-adjust: none; -moz-text-size-adjust: none; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; } .editUserData .optAgreement .oneLine { font-size: 11px; padding-top: 5px; } .editUserData .optAgreement .oneLine label { font-size: 10px; display: block; float: left; } .optAgreement .oneLine input[type="checkbox"] { } } /* style dla dodatkowych zgod << */ /* new site Twoje Promocje 20160505 */ .newYourPromo .mainTripleBoxWrapper { position: absolute; width: 100%; left: 0; padding: 30px 0 0 0; background-color: #f0f0f0; text-align: center; } .newYourPromo .mainTripleBoxWrapper .middle { float: none; display: inline-block; text-align: left; } .newYourPromo .mainTripleBoxWrapper .top, .newYourPromo .mainTripleBoxWrapper .bottom { background-position: center center; } #yourPromotionsPage.newYourPromo .mainTripleBoxWrapper .yourPromotionsDisclaimer { padding: 10px 0; } .newYourPromo .new-wide-content-container { width: 100%; float: none; } .newYourPromo .new-promo-box { display: inline-block; width: 304px; height: 518px; margin: 15px 6px 0px 6px; vertical-align: top; border: 1px solid #d9d9d9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; } .newYourPromo .new-promo-box.odd { margin: 15px 2px; } .newYourPromo .new-promo-box .mainBoxWrapper { width: 100%; margin: 0; padding: 0; } .newYourPromo .new-promo-box .mainBoxWrapper .content-text { background-color: #37221f; background-size: cover; width: 100%; height: 150px; border-top-right-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } .newYourPromo .coupons-wrapper { margin: 0 10px 50px 10px; font-size: 0; } .newYourPromo .new-promo-box .mainPageCategoryBox { position: static; padding: 0; } .newYourPromo .new-promo-box .mainBoxWrapper .content-text h3 { width: 47%; display: inline-block; -webkit-margin-before: 0; -webkit-margin-after: 0; margin: 10px 0 0 20px; font-size: 24px; font-family: Arial; font-weight: bold; color: #ffffff; vertical-align: middle; } .newYourPromo .new-promo-box .mainBoxWrapper .content-text img { width: 45%; display: inline-block; margin: 0 /* 10px 0*/; vertical-align: middle; } .newYourPromo .bottom-content { } .newYourPromo .new-promo-box .content-description { min-height: 117px; border-bottom: 1px solid; width: 100%; padding: 0 6%; box-sizing: border-box; } .newYourPromo .new-promo-box.promo-new .content-description { height: 180px; border-color: #d9d9d9; } .newYourPromo .new-promo-box.promo-used .content-description { border-color: #d9d9d9; } .newYourPromo .new-promo-box.promo-active .content-description { border-color: #d21e05; } .newYourPromo .new-promo-box .content-detail { height: 37px; line-height: 37px; text-align: center; border-bottom: 1px solid; } .newYourPromo .new-promo-box.promo-active .content-detail { color: #d21e05; border-color: #d21e05; } .newYourPromo .new-promo-box.promo-used .content-detail { border-color: #d9d9d9; } .newYourPromo .new-promo-box.promo-used .content-text { background-color: #d4d4d4; } .newYourPromo .new-promo-box .content-legal { width: 100%; padding: 20px 6%; box-sizing: border-box; height: 80px; } .newYourPromo .new-promo-box.promo-active .content-legal, .newYourPromo .new-promo-box.promo-new .content-legal { color: #6c6c6c; } .newYourPromo .new-promo-box .code-date { width: 30%; display: inline-block; margin: 20px 3%; vertical-align: middle; font-size: 12px; } .newYourPromo .right-column .new-promo-box .barcodeCont { width: 62%; display: inline-block; margin-right: 0; float: none; vertical-align: middle; font-size: 12px; } .newYourPromo .right-column .new-promo-box .barcodeCont img { width: 100%; } .newYourPromo .new-promo-box.promo-new .barcodeCont { display: none; } .newYourPromo .new-promo-box.promo-used .content-legal, .newYourPromo .new-promo-box.promo-used .content-description, .newYourPromo .new-promo-box.promo-used .content-detail, .newYourPromo .new-promo-box.promo-used .code-date, .newYourPromo .new-promo-box.promo-used .barcodeCont span, .newYourPromo .new-promo-box.promo-used a { color: #cbcbcb; } .newYourPromo .new-promo-box.promo-new .code-date { width: 100%; vertical-align: top; margin-top: 10px; } .newYourPromo .right-column .new-promo-box.promo-used .barcodeCont img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -moz-opacity: 0.2; -khtml-opacity: 0.2; opacity: 0.2; } .newYourPromo .right-column .new-promo-box .new-button, .newYourPromo .right-column .new-promo-box .new-button-activate { width: 304px; display: inline-block; height: 57px; line-height: 57px; position: absolute; bottom: 0; text-align: center; font-size: 16px; color: #fff; font-weight: bold; font-family: Arial; } .newYourPromo .right-column .new-promo-box .print-button { border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; left: 0; background-color: #d31d05; } .newYourPromo .right-column .new-promo-box .share-button { border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; right: 0; background-color: #b71500; } .newYourPromo .right-column .new-promo-box .new-button-activate { border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; left: 0; background-color: #d31d05; width: 304px; } .newYourPromo .right-column .new-promo-box.promo-used .new-button { background-color: #d4d4d4; } .newYourPromo .right-column .new-promo-box.promo-used .new-button:hover { text-decoration: none; cursor: default; } .newYourPromo .right-column .new-promo-box.promo-used .print-button { width: 151px; border-right: 1px solid #cacaca; } .newYourPromo #fancybox-outer { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } /* dar serca fundacja */ .container-dar { margin-top: 40px; margin-bottom: 40px; } .logo-dar { display: inline-block; margin-right: 50px; margin-left: 45px; margin-bottom: 45px; background-image: url('/_img/layout/dar-serca-logo.jpg'); background-repeat: no-repeat; } .description-dar { font-size: 14px; line-height: 20px; width: 545px; margin-right: 45px; display: inline-block; color: #000; } #owl.catalogueBanner { padding: 5px 5px 5px 10px; box-sizing: border-box; } #owl .item img { display: block; width: auto; height: auto; } #owl.mainBanner { margin: 0 5px; float: right; } #owl.mainBanner, #owl.mainBanner .item, #owl.mainBanner .item .text-box { width: 640px; height: 242px; } #owl.mainBanner .owl-pagination { text-align: center; margin-top: -32px; margin-left: 0px; } #owl.mainBanner img { height: 242px; } #owl.wideBanner { padding: 5px 5px 5px 15px; box-sizing: border-box; } #owl.wideBanner, #owl.wideBanner .item, #owl.wideBanner .item .text-box { width: 955px; height: 280px; } #owl.wideBanner2, #owl.wideBanner2 .item, #owl.wideBanner2 .item .text-box { width: 920px; height: 220px; } #owl.wideBanner3, #owl.wideBanner3 .item, #owl.wideBanner3 .item .text-box { width: 960px; height: 250px; } #owl.mainBanner .item .text-box, #owl.wideBanner .item .text-box, #owl.wideBanner2 .item .text-box #owl.wideBanner3 .item .text-box { background-size: cover; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; user-select: none; cursor: default; } .zone-baner { float: left; margin-bottom: 20px; margin-left: 4px; } .owl-theme .owl-controls .owl-page.active span { background-color: #ad2323 !important; } .owl-theme .owl-controls .owl-page { position: relative; width: 26px; height: 22px; } .owl-theme .owl-controls .owl-page span { position: absolute; z-index: 10; top: 0; left: 0; width: 16px; height: 16px; } .owl-theme .owl-controls .owl-page canvas { position: absolute; z-index: 30; top: 6px; left: 8px; } .owl-theme .owl-controls .owl-page .white-line { border: 2px solid #fff; border-radius: 50%; background-color: transparent; z-index: 300; left: 1px; top: 1px; width: 6px; height: 6px; } .owl-pagination { text-align: left; margin-top: -37px; margin-left: 10px; } .mb15 { margin-bottom: 15px; } .nav-aside { position: relative; } .nav-aside .owl-controls { -ms-transform: rotate(90deg); /* IE 9 */ -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */ transform: rotate(90deg); width: 242px; top: 111px; right: -115px; position: absolute; } .nav-aside .owl-controls .owl-page { -ms-transform: rotate(-90deg); /* IE 9 */ -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */ transform: rotate(-90deg); } .js-panels { margin-bottom: 15px; display: block; /*opacity:0;*/ /* transition:opacity 350ms ease-out;*/ } .js-panels:last-child { display: none; } .js-panels#js-panel0 { display: block; } .vitayTypesBox { width: 574px; height: 120px; margin: 20px 10px; } .vitayTypesBox a { border: 1px solid #cdcdcd; background-color: #fff; background-image: url('/_img/contact/contact2.png'); background-repeat: no-repeat; background-position: center 22px; height: 120px; width: 190px; line-height: 180px; display: inline-block; float: left; color: #666666; text-align: center; text-decoration: none; } .vitayTypesBox a:nth-child(1) { border-right: 0; background-image: url('/_img/contact/contact1.png'); background-repeat: no-repeat; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .vitayTypesBox a:nth-child(3) { border-left: 0; background-image: url('/_img/contact/contact3.png'); background-repeat: no-repeat; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .vitayTypesBox a:hover, .options-container a:hover, .js-panels .selected, .options-container a.selected, .options-container a.selected:nth-of-type(even):last-child { border: 1px solid #d4261d; background-color: #d4261d; color: #fff; } .vitayTypesBox a:nth-child(1):hover { border-right: 0; } .vitayTypesBox a:nth-child(3):hover { border-left: 0; } .js-panels h4 { margin: 10px 10px 0 10px; } .options-container { width: 574px; margin: 20px 10px; } .options-container a, .options-container a:nth-of-type(even):last-child { width: 285px; display: inline-block; height: 42px; line-height: 42px; border: 1px solid #cdcdcd; background-color: #fff; display: inline-block; float: left; color: #666666; text-align: center; text-decoration: none; margin-bottom: 10px; } .options-container a:nth-of-type(odd) { /* np */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .options-container a:nth-of-type(even), .options-container a:nth-of-type(even):last-child { /* np */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; } .options-container a:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 570px; } .options-container a:hover, .options-container a:nth-of-type(even):last-child:hover { border: 1px solid #d4261d; background-color: #d4261d; color: #fff; } /* *** stylowanie pól formularza *** */ .js-panels fieldset { padding: 20px; margin-top: 10px; } #contactForm fieldset .oneLine .key { width: 170px; } #contactForm fieldset .oneLine .val { width: 375px; } #contactForm fieldset .oneLine .val input { width: 360px; height: 30px; line-height: 30px; } #contactForm fieldset .oneLine .val input[size='1'] { width: 19.5px; } #contactForm fieldset .oneLine .val input[size='1']:nth-last-of-type(odd) { border-right: 0px; border-style: solid; } #contactForm fieldset .oneLine .val input[size='1']:nth-last-of-type(even) { border-right: 0; } #contactForm fieldset .oneLine .val input[size='1']:nth-last-of-type(even).withSpace, #contactForm fieldset .oneLine .val input[size='1']:nth-last-of-type(odd).withSpace, #contactForm fieldset .oneLine .val input[size='1']:nth-last-of-type(even).withSpace:last-child, #contactForm fieldset .oneLine .val input[size='1']:nth-last-of-type(odd).withSpace:last-child { border-right: solid 1px #cdcdcd; } #contactForm textarea { width: 360px; } .cardNumberControl { border-right: 1px solid #cdcdcd; width: auto; display: inline-block; vertical-align: middle; } #contactForm .prefixer-label { display: inline-block; } #contactForm .prefix { display: inline-block; float: right; margin-right: 14px; } #contactForm fieldset .oneLine i { text-decoration: none; color: #d4261d; } #contactForm fieldset .oneLine .val .legals-checkbox { margin-bottom: 15px; } #contactForm fieldset .oneLine .val .legals-checkbox > input { border: 1px solid #666666 !important; background-color: #fff !important; background-image: none !important; width: 18px; height: 18px; } #contactForm fieldset .oneLine .val .legals-checkbox input[type="checkbox"] { border: 1px solid #666666 !important; background-color: #fff !important; background-image: none !important; width: 18px; height: 18px; } #contactForm .K2Captcha .textboxContainer input[type="text"] { width: 250px; } #contactForm fieldset .oneLine .val input[type="submit"] { width: 190px; } #contactForm fieldset .oneLine { padding-bottom: 10px; } #contactForm span.star { color: #d21d04; } #contactForm .btnRefreshCaptcha { margin-top: 10px; display: inline-block; width: 249px; } #contactForm .legals { font-size: 11px; } .ourHelper { width: 100%; margin: 10px 20px 10px 20px; display: inline-block; } .ourHelper .question { color: #d21d04; font-size: 16px; margin-top: 10px; font-weight: normal; display: inline-block; width: 550px; margin-left: 10px; } .ourHelper .vitay-help { display: inline-block; width: 100%; padding: 20px; margin-top: 10px; width: 570px; margin-left: 10px; background-color: #f1f1f1; box-sizing: border-box; } .mainBoxWrapper > .middle > .content.mt0button { margin-top: 0; padding-top: 0; } .mainBoxWrapper > .middle > .content.mt0button a.bigRedButton { border: 1px solid #d4261d; background-color: #d4261d; color: #fff; } .accordion a { text-decoration: none; color: #d4261d; } .accordion dt a { line-height: 30px; } .accordion dt a span { float: right; } .accordion dt { padding-left: 0; font-size: 13px; } .accordion dd { padding-left: 5px; } .accordion dt a, .accordion dd a { display: block; font-weight: bold; padding-left: 5px; border-bottom: 1px solid #dddddd; display: inline-block; width: 100%; } .accordion dd { margin: 0; margin-top: 10px; display: inline-block; font-size: 12px; width: 100%; line-height: 1.5; padding-bottom: 30px; } .accordion dd.active { border-bottom: 1px solid #dddddd; } .accordion dd.active a { color: #333333; } .accordion dd:last-of-type { position: relative; top: -1px; } .accordion .selected { color: #333333; border: 0; } /* circle bar - home page slider */ #timedot { position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; margin: -4px auto auto -4px; z-index: 10; } .change-password-form input { height: 30px; } .change-password-form .cardNumberControl input[type="text"] { font-size: 18px; text-align: center; width: 35px; height: 40px; line-height: 40px; float: left; margin: 0 5px 0 0; padding: 0; } .change-password-form .next-button { background-color: #d31d04; border-width: 0; color: #ffffff; font-weight: bold; padding: 0; width: 80px; height: 42px; cursor: pointer; margin-left: 10px; font-size: 18px; line-height: 40px; } .forgot-password-form input { height: 30px; } .forgot-password-form .cardNumberControl input[type="text"] { text-align: center; width: 25px; float: left; margin: 0 5px 0 0; padding: 0; } .forgot-password-form .cardNumberControl { border-right-style: none; } #loginForm fieldset .oneLine .val input[type="text"], #loginForm fieldset .oneLine .val input[type="password"] { width: 360px; } #loginForm fieldset .oneLine .val input { height: 30px; line-height: 30px; } #loginForm .oneLine .key { padding-top: 8px; } .K2Captcha { display: inline-block } .K2Captcha .imgContainer { height: 95px } .K2Captcha .textboxContainer input[type="text"] { width: 250px; height: 30px; } .K2Captcha .refreshTxtContainer a { margin-top: 10px; display: inline-block; width: 360px; height: 42px; } .K2Captcha .refreshTxtContainer a { margin-top: 10px; display: inline-block; width: 360px; height: 42px; line-height: 42px; border: 1px solid #cdcdcd; background-color: #fff; float: left; color: #666666; text-align: center; text-decoration: none; margin-bottom: 10px; } .K2Captcha .refreshTxtContainer a:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .K2Captcha a:hover, .K2Captcha a:nth-of-type(even):last-child:hover { border: 1px solid #d4261d; background-color: #d4261d; color: #fff; } /* Christmas popup */ #fancybox-outer.xmass { color: #FFF; background-color: #b00914; font-family: 'Playfair Display', serif; text-shadow: 1px 1px 2px #000; } #fancybox-outer.xmass #fancybox-inner { width: 400px; height: 210px; top: 50px; left: 50px; } #fancybox-outer.xmass h3 { font-size: 16px; font-weight: bold; line-height: 2; } #fancybox-outer.xmass p { font-size: 14px; font-family: 'Playfair Display', serif; color: #FFF; line-height: 2; } .xmass .ornament { width: 3px; height: 3px; display: block; position: relative; background: #fff; border-radius: 50%; margin: 15px auto; } .xmass .ornament:before, .xmass .ornament:after { content: ''; width: 25px; height: 1px; display: block; position: absolute; top: 1px; background: #d06b72; } .xmass .ornament:before { left: -30px; } .xmass .ornament:after { right: -30px; } .xmass #fancybox-close { top: 10px; right: 10px; background: url('/_img/fancybox/popup-close.png') center center no-repeat; } /* Blick popup */ .blik #fancybox-close { top: 10px; right: 10px; background: url('/_img/fancybox/red-close.png') center center no-repeat; } .blik #fancybox-inner { width: 700px; height: 400px; } /* *************************** agreement zone - twoje zgody *************************** */ .benefit-zone { position: relative; box-sizing: border-box; background: url('/_img/BenefitZone/zgody.jpg') top center no-repeat; width: 100%; background-size: 976px 1575px; padding: 430px 0 60px; margin: 20px auto 50px; clear: both; } .cons-top-additional-info { margin-top: 24px; } .benefit-apla { text-align: center; width: 850px; margin: auto; } .benefit-text { width: 804px; margin: 0 auto 24px auto; } .benefit-text p { font-size: 14px; color: #000000; } .benefit-text a { /* color: #D1131F; */ color: #0085FF; font-size: 14px; } .benefit-box { box-sizing: border-box; vertical-align: top; display: inline-block; width: 100%; min-height: 207px; text-align: left; background-color: #ffffff; margin-right: -3px; padding: 24px; position: relative; transition-duration: 0.2s; } .benefit-box > * { transition-duration: 0.2s; } .benefit-apla:hover > .benefit-box:hover { /*outline: 3px solid #da1926;*/ position: relative; z-index: 1; box-shadow: 0 0 0 3px #da1926 } .benefit-apla:hover > .benefit-box:hover * { opacity: 1.0; } .benefit-apla:hover > .benefit-box > * { opacity: 0.3; } .benefit-box:nth-child(even) { background-color: #f2f2f2; } /* .benefit-box { height: 300px; } .benefit-box:first-child { height: 250px; } .benefit-box:nth-child(2), .benefit-box:nth-child(3) { height: 370px; } .benefit-box:nth-child(2), .benefit-box:nth-child(5) { background-color: #f2f2f2; } .benefit-box:first-child { border-radius: 10px 10px 0 0; width: 852px; } .benefit-box:nth-child(2), .benefit-box:nth-child(4) { margin-right: 1px; } .benefit-box:nth-child(2) { margin-bottom: 5px; } .benefit-box:nth-child(4) { border-radius: 0 0 0 10px; } .benefit-box:nth-child(5) { border-radius: 0 0 10px 0; }*/ .benefit-box:nth-child(3) div.blue-checkbox { padding-top: 20px; } .benefit-box:first-child h2 { color: #000000; width: 695px; line-height: 20px; font-size: 16px; padding: 0 0 40px 40px; } .benefit-box:nth-child(5) h2 { padding: 0 0 40px 40px; } .benefit-box h2 { color: #000000; /*width: 320px;*/ line-height: 20px; font-size: 16px; padding: 0 0 20px 40px; } .benefit-box .blue-checkbox input[type=checkbox] { display: none; } .benefit-box .blue-checkbox input[type=checkbox] + label::before { content: ''; display: inline-block; position: absolute; border-radius: 3px; width: 20px; height: 20px; background-color: #ffffff; transition-duration: 0.2s; border: solid 2px #c9c9c9; top: 22px; left: 24px; cursor: pointer; } .benefit-box .blue-checkbox input[type=checkbox] + label { padding: 0 0 0 40px; display: inline-block; } .benefit-box .blue-checkbox input[type=checkbox]:checked + label::after { content: ''; display: inline-block; top: 25px; left: 32px; position: absolute; border-left: solid 0px transparent; border-right: solid 2.5px #ffffff; border-top: solid 0px transparent; border-bottom: solid 2.5px #ffffff; border-radius: 0 0 3px 0; width: 6px; height: 12px; transform: rotate(45deg); transition-duration: 0.2s; cursor: pointer; } .benefit-box .blue-checkbox input[type=checkbox]:checked + label::before { background-color: #da1926; border-color: #da1926; } /* .benefit-box .blue-checkbox input[type=checkbox] + label::before { content: ''; display: inline-block; padding: 0 0 0 40px; position: absolute; height: 26px; width: 26px; top: 22px; left: 24px; background: url(/_img/BenefitZone/agree-checkbox-default.png) no-repeat; } .benefit-box .blue-checkbox input[type=checkbox] + label { padding: 0 0 0 40px; display: inline-block; } .benefit-box .blue-checkbox input[type=checkbox]:checked + label::after { content: ''; background: url(/_img/BenefitZone/agree-checkbox.png) no-repeat; display: inline-block; height: 26px; width: 26px; position: absolute; top: 22px; left: 24px; } */ .benefit-box .blue-checkbox label { color: #000; } .benefit-box p { margin-top: 20px; height: 104px; color: #919191; line-height: 20px; padding-right: 40px; } .benefit-box a { /*background: #a6a6a6;*/ /*border-radius: 0 3px 3px 0;*/ /*font-style: italic;*/ color: #8293a2; padding: 10px; position: relative; margin-right: 10px; } .enable-ico { float: left; color: #da1926; text-transform: uppercase; margin-right: 10px; font-weight: bold; } .enable-ico::before { content: ' '; background: url('/_img/BenefitZone/tick.png') top center no-repeat; padding: 20px; } .disable-option { margin: 0 !important; } .sms-btn + .enable-ico + .disable-option { left: -10px; } .benefit-box .disable-option::before { content: ''; border-top: 34px solid #a6a6a6; line-height: 63px; border-left: 11px solid transparent; vertical-align: text-top; position: absolute; left: -11px; padding-right: 1px; top: 0; } .benefit-box a.enable-option { background-color: #da1926; border-radius: 3px 0 0 3px; } .benefit-box .sms-btn { background-color: #da1926; border-radius: 3px 0 0 3px; margin-top: 15px; display: inline-block; color: #fff; float: right; clear: both; } .benefit-box .agreement-popup::after { content: ''; vertical-align: text-top; position: absolute; left: 99%; padding-left: 2px; top: 0; } .benefit-box .enable-option::after { border-top: 34px solid #da1926; line-height: 63px; border-right: 10px solid transparent; } .benefit-box .sms-btn::after { border-bottom: 34px solid #da1926; line-height: 63px; border-right: 10px solid transparent; } .benefit-standard-btn { padding: 16px 20px 16px 60px; background: url(/_img/BenefitZone/agree-checkbox-border-white.png) 17px center no-repeat; color: #ffffff; border-radius: 7px; background-color: #da1926; display: inline-block; margin: 20px 0 20px 62.5px; font-weight: bold; } .benefit-select-all-btn input { display: none; } .benefit-select-all-btn label::before { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; } .benefit-standard-btn:hover, .benefit-standard-btn.active { background: url(/_img/BenefitZone/agree-checkbox-white.png) 17px center no-repeat; background-color: #da1926; color: #ffffff; } .benefit-standard-btn--between { margin-left: 10px; margin-right: 10px; } .benefit-standard-btn--slim { padding-top: 5px; padding-bottom: 5px; } .benefit-btn { position: relative; padding: 16px 20px; color: #ffffff; border-radius: 7px; background-color: #da1926; display: inline-block; font-weight: bold; text-decoration: none !important; transition-duration: 0.2s; box-sizing: border-box; overflow: hidden; } .benefit-select-all-btn { position: relative; cursor: pointer; margin: 0; padding: 0; background-color: #da1926; border: solid 2px #da1926; color: #ffffff; } .benefit-select-all-btn label { height: 24px; padding: 9px 22px 9px 62px; display: block; line-height: 24px; cursor: pointer; user-select: none; } .benefit-select-all-btn label::before { content: ''; display: block; position: absolute; left: 20px; top: 9px; border: solid 2px #ffffff; border-radius: 3px; width: 20px; height: 20px; background-color: #da1926; transition-duration: 0.2s; } .benefit-select-all-btn label::after { content: ''; display: block; position: absolute; left: 28px; top: 13px; border-left: solid 0px transparent; border-right: solid 2.5px #da1926; border-top: solid 0px transparent; border-bottom: solid 2.5px #da1926; border-radius: 0 0 3px 0; width: 6px; height: 12px; transform: rotate(45deg); transition-duration: 0.2s; } /*.benefit-select-all-btn input:checked + label::after {*/ .benefit-select-all-btn label::after { border-right-color: #ffffff; border-bottom-color: #ffffff; } /*.benefit-select-all-btn input:checked + label::before {*/ .benefit-select-all-btn label::before { background-color: #da1926; } .benefit-select-all-btn:hover { background-color: #da1926; color: #ffffff; } .benefit-btns-panel { display: flex; align-items: center; justify-content: space-between; text-align: center; width: 804px; margin: 12px auto 36px auto; } .benefit-btns-panel--bottom { justify-content: flex-end; } .benefit-confirm-btn:disabled { background-color: #CFCFCF; } a.disabled { pointer-events: none; cursor: default; background-color: #CFCFCF; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .benefit-box .sms-btn::after { border-bottom: 34px solid #da1926; } } .benefit-box .shape { display: inline; } .benefit-ptk { color: #da1926; font-size: 18px; font-weight: 600; margin-left: 10px; line-height: 18px; vertical-align: middle; padding: 15px 0 0 29px; float: left; clear: both; } .align-right { width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 16px; } .align-right .benefit-confirm-btn { margin: 32px 24px 16px 0; } .justify { display: flex; align-items: center; justify-content: space-between; gap: 15px; } #clausePopup, .popup-wrapper { position: fixed; z-index: 1001; width: 100%; height: 100%; left: 0; top: 0; margin: auto; display: flex; align-items: center; justify-content: center; background-color: rgba(55, 55, 55, .3); transition-duration: 0.2s; } .popup-hidden { opacity: 0; visibility: hidden; } .popup-box { position: relative; padding: 32px; background-color: #ffffff; display: flex; gap: 16px; flex-direction: column; width: 400px; box-sizing: border-box; } .popup-wide .popup-box { width: calc(100% - 30px); max-width: 1024px; height: auto; max-height: calc(100% - 120px); } .popup-box-inner { width: 100%; position: relative; background-color: #ffffff; display: flex; gap: 16px; flex-direction: column; box-sizing: border-box; } .popup-wide .popup-box-inner { overflow: auto; } .popup-box * { box-sizing: border-box; } .popup-box__input-wrap { display: flex; flex-direction: column; gap: 4px; color: #D1131F; } .popup-box__input-wrap input:last-child { margin-top: 12px; } .popup-box > * { width: 100%; } .popup-box h3 { color: #000000; font-size: 16px; min-height: 24px; line-height: 24px; padding-right: 32px; } .popup-box p { color: #000000; line-height: 18px; } .popup-box a { color: #D1131F; } .popup-box .close { width: 24px; height: 24px; border: none; background: none; font-weight: bold; font-size: 16px; padding: 0; position: absolute; right: 32px; top: 32px; cursor: pointer; } .popup-box .close:hover { opacity: 0.7; } .popup-box input { height: 31px; width: 100%; border: solid 1px #8493A3; padding: 5px 10px; font-size: 14px; } .popup-box input:read-only { background: #F2F2F2; color: #8493A3; border: none; } .popup-box input:disabled { background-color: #F2F2F2; color: #8493A3; } .popup-box .valErr { padding: 0; } .popup-box .btn { padding: 7px 22px; background-color: #D1131F; color: #ffffff; text-align: center; min-width: 61px; text-decoration: none; } .popup-box .btn:hover { opacity: 0.7; } .popup-btn .link { color: #D1131F; } .clause { padding-right: 10px; } .clause ol > li { list-style-type: decimal; } .clause ul > li { list-style-type: initial; } .clause > ol, .clause h3 { font-size: 16px; font-weight: bold; margin: 25px 0 15px 0; color: #000000; } .clause h4 { font-size: 14px; margin: 25px 0 15px 0; color: #000000; } .clause ol ol, .clause ol ul, .clause p { margin-bottom: 10px; font-size: 12px; } .clause ol, .clause ul { padding-left: 20px; font-weight: normal; } .clause > ol { font-weight: bold; } .loader { width: 100%; height: 100%; background-color: #ffffff; display: flex; align-items: center; justify-content: center; flex-direction: column; transition-duration: .2s; position: absolute; top: 0; left: 0; } .loader-icon { width: 32px; height: 32px; border-radius: 50%; border: solid 2.5px #FFCCD0; position: relative; } .loader-icon::after { content: ''; display: block; position: absolute; top: -2px; left: -2px; width: 28px; height: 28px; border-radius: 50%; border: solid 2.5px transparent; border-left-color: #D1131F; animation: 1.5s rotateLoader linear infinite; } @keyframes rotateLoader { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .loader-info { color: #D1131F; font-size: 12px; text-align: center; margin-top: 10px; } .btn-loader { background-color: #da1926; width: 100%; height: 100%; position: absolute; display: flex; align-items: center; justify-content: center; top: 0; left: 0; } .btn-loader .loader-icon, .btn-loader .loader-icon::after { width: 20px; height: 20px; } .fancy-frame { width: 690px; border: none; } .benefit-fancy #fancybox-close { top: 25px; right: 25px; background: url('/_img/BenefitZone/cross.png') top center no-repeat; } .benefit-fancy #fancybox-inner, .benefit-fancy #fancybox-outer { height: auto !important; } .loading { opacity: 0 !important; } .gray-footer { width: 850px; margin: 32px auto 56px auto; } .gray-footer p { margin-bottom: 16px; color: #767676; font-size: 14px; } .gray-footer p a { font-size: 14px; } .benefit-footer { position: absolute; bottom: 7px; padding-left: 65px; font-size: 10px; } .benefit-footer p { font-size: 10px; font-weight: 800; font-style: italic; color: #000000; } .agreements-footer, .agreements-footer p:last-child { margin-bottom: 0; } /* *************************** Winter promotion *************************** */ .winter-promo { background: url('/_img/winterPromo/winter-promo-bg.jpg') top center no-repeat; color: #ffffff; padding: 15px 50px; } .winter-promo .stop-promo, .winter-promo .coffe-promo { display: none; } @media screen and (max-device-width: 768px) { .winter-promo { position: relative; background: url('/_img/winterPromo/bg-christmas-promo.png') top center no-repeat; background-size: cover; border-radius: 5px; } .winter-promo br { display: none; } .winter-promo ol li p { width: 100%; } .winter-promo .stop-promo { position: absolute; top: 120px; right: 0; } .winter-promo .coffe-promo { width: 100%; text-align: right; } .winter-promo .coffe-promo img { margin: -90px -50px -15px 0; } .winter-promo .stop-promo, .winter-promo .coffe-promo { display: inline-block; } } .winter-promo h1 { font-size: 100px; } .winter-promo ol { counter-reset: item; list-style-type: none; } .winter-promo ol li { line-height: 50px; display: flex; margin: 16px 0; } .winter-promo ol li p { font-size: 16px; display: block; margin-left: 20px; line-height: 26px; color: white; } .winter-promo ol li:before { content: counter(item) " "; counter-increment: item; font-size: 18px; padding: 4px 8px; border: 3px solid #d16d2f; height: 20px; line-height: 20px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; } .winter-promo .promo-btn a { background: #ffffff; color: #e3000f; padding: 10px 20px; font-weight: 600; font-size: 18px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin-left: 10px; } .winter-promo .promo-btn { margin: 40px 0; padding: 2px; } .winter-rule { margin: 20px 0; } .winter-banner { margin-bottom: 20px; } .winter-banner .winter-btn { background: url('/_img/winterPromo/winter-promo-banner.jpg') no-repeat; display: block; height: 200px; } .winter-banner a { text-align: left; } .after-bottom { padding: 20px; } /* *************************** Booking promotion *************************** */ @font-face { font-family: 'Futura Md AT'; src: local('Futura Md AT'), url('/_font/futura/futura_md_at.ttf') format('truetype'); } @font-face { font-family: 'Futura Md AT Bold'; src: local('Futura Md AT Bold'), url('/_font/futura/futura_md_at_bold.ttf') format('truetype'); } @font-face { font-family: 'Futura Md AT Bold Italic'; src: local('Futura Md AT Bold Italic'), url('/_font/futura/futura_md_at_bold_italic.ttf') format('truetype'); } @font-face { font-family: 'Futura Md AT Italic'; src: local('Futura Md AT Italic'), url('/_font/futura/futura_md_at_italic.ttf') format('truetype'); } .booking-promo { background: url('/files/bookingPromo/bgbooking.jpg') 0 30px no-repeat; display: block; } .booking-promo h1, .booking-promo h2, .booking-promo h3, .booking-popup h2 { font-weight: 600; font-family: 'Futura Md AT Bold Italic', Arial; } .booking-promo .col-7 { width: 54%; } .booking-promo .col-6, .booking-popup .col-6 { width: 49%; } .booking-promo .col-5 { width: 45%; } .booking-promo .col-6, .booking-popup .col-6 { vertical-align: top; box-sizing: border-box; display: inline-block; } .booking-promo .header .col-6 { padding-left: 80px; } .booking-promo .header { padding-top: 140px; min-height: 700px; box-sizing: border-box; } .booking-promo .header h1 { position: relative; left: 487px; font-size: 53px; color: #273b7d; line-height: 51.38px; letter-spacing: -0.5px; text-transform: uppercase; } .booking-promo .header h1 em { font-style: normal; } .booking-promo .header h2 { color: #273b7d; font-size: 17px; letter-spacing: -0.45px; margin-bottom: 15px; text-transform: uppercase; } .booking-promo .header .booking-info { padding-top: 135px; padding-left: 90px; } .booking-promo .header p { font-family: 'Futura Md AT', Arial; color: #273b7d; font-size: 18px; line-height: 22.1px; letter-spacing: -0.45px; margin: 20px 65px 22px 0; } .booking-promo .bg-gary { background-color: #f0f4f6; } .booking-promo .white-box { background-color: #ffffff; box-sizing: border-box; margin-left: 40px; } .booking-promo .white-box h2 { color: #003580; font-size: 30px; margin-left: 45px; text-transform: uppercase; } .booking-promo .bg-gary .white-box { background-color: #ffffff; box-sizing: border-box; height: 135px; margin-left: 40px; } .booking-promo .bg-gary .white-box .step-list { padding: 25px 10px 0 10px; } .booking-promo .step-list li { display: inline-block; vertical-align: top; font-size: 15px; padding: 0px 30px; border-right: 1px solid #c8ccd0; } .booking-promo .step-list li:last-child { border-right: none; } .booking-promo .step-list li h3 { color: #009fe3; letter-spacing: -0.2px; text-transform: uppercase; } .booking-promo .step-list li p { color: #003580; margin-top: 5px; font-size: 16px; font-family: 'Futura Md AT Italic', Arial; } .booking-promo .text-container .left-col { padding: 22px 0 80px 40px; position: relative; } .booking-promo .text-container .right-col { padding: 25px 0 20px 35px; } .booking-promo .text-container .lead-text { padding: 40px 60px 35px 40px; border: 1px solid #c7cbcf; } .booking-promo .text-container .lead-text p { font-size: 12px; line-height: 20px; margin-bottom: 20px; } .booking-promo .text-container .btn-subtext { margin: 10px 80px 10px 20px; font-size: 11px; color: #333333; } .booking-promo .text-container .bold-text { margin: 30px 70px 30px 0; } .booking-promo .text-container .bold-text p { font-size: 14px; font-weight: 600; margin-bottom: 20px; } .booking-promo .text-container .bold-text .right { text-align: right; } .booking-promo .text-container .btn-show-more { text-transform: uppercase; font-weight: bold; font-size: 14px; } .booking-promo .text-container img { position: absolute; bottom: 65px; right: 20px; } .booking-promo .btn, .booking-popup .btn-container .cta-wrapper a { padding: 15px 25px; font-size: 16px; display: inline-block; font-family: 'Futura Md AT'; } .booking-promo .btn.red, .booking-popup .btn-container .cta-wrapper a { background-color: #d81e05; color: #ffffff; box-shadow: 1px 1px 1px #b8babb; border-radius: 8px; background-color: #d51b21; background: -webkit-linear-gradient(bottom,#a80f14,#d51b21) no-repeat #a80f14; background: linear-gradient(to top,#a80f14,#d51b21) no-repeat #a80f14; } .booking-promo .btn.red a { color: #ffffff; font-size: 16px; font-family: 'Futura Md AT', Arial; } .booking-promo .banner-box { height: 270px; margin: 20px 0 220px; box-shadow: 0px 0px 6px 2px #dbdbdb; } .booking-promo .banner-box .banner-text { padding: 50px 30px 50px 80px; } .booking-promo .banner-box .banner-img, .booking-promo .banner-box .banner-img img { float: right; } .booking-promo .banner-box h3 { color: #010103; font-size: 18px; margin-bottom: 10px; font-weight: 600; font-family: 'Futura Md AT Bold', Arial; } .booking-promo .banner-box p { color: #666666; line-height: 20px; font-size: 13px; margin: 20px 0; } .booking-promo .banner-box .btn { padding: 10px 30px; margin-top: 10px; } /* *** Booking promotion popup *** */ .hidden { display: none; } .fancy-booking { } .booking-popup { box-sizing: border-box; max-width: 880px; min-height: 520px; background: #ffffff; padding: 0 40px; top: 30%; } .booking-popup .popup-hero { text-align: left; margin: 48px 0 0 10px; } .booking-popup .col-6 { padding: 0 5px; text-align: left; vertical-align: top; } .booking-popup h2 { color: #003580; font-size: 13px; margin-bottom: 20px; text-transform: uppercase; } .booking-popup p { font-size: 14px; line-height: 20px; margin-top: 20px; text-align: justify; color: #333333; } .booking-popup .right-border { padding-right: 30px; border-right: 1px solid #ccd0d3; } .booking-popup .left-border { padding-left: 15px; } .booking-popup .btn-container { padding-left: 15px; } .booking-popup a { line-height: 20px; margin-top: 10px; } .booking-popup .blue { color: #009fe3; font-weight: 600; } .booking-popup img { width: 180px; } .booking-popup .vitay-points { } .booking-popup .vitay-points img { max-width: 95px; } .booking-popup .vitay-points p { margin-left: 50px; } .booking-popup .vitay-points img, .booking-popup .vitay-points p { display: inline-block; vertical-align: bottom; } .booking-popup .btn-container .cta-wrapper { text-align: right; } .booking-popup .btn-container .cta-wrapper a { padding: 15px 40px; } .booking-popup .alpha-list { padding-left: 15px; } .booking-popup .alpha-list li { list-style-type: lower-alpha !important; font-size: 14px; } .booking-popup .alpha-list p { margin: 0; } .booking-popup a { color: #c6171c; font-size: 14px; } .booking-popup .booking-popup-bottom { padding: 30px 0; } /** Moje zgloszenia **/ #supportDiscussions .no-items { padding: 20px; } #supportDiscussions .note-item, #supportDiscussions .note-item, #supportDiscussions .note-item_date, #supportDiscussions .history-counter, #supportDiscussions .history-item, #supportDiscussions .note-item_intro, #supportDiscussions .note-item_answer { padding-right: 30px; padding-left: 30px; } #supportDiscussions .note-item_history.hide-history .history-item { display: none; } #supportDiscussions .note-item_answer.hidden, #supportDiscussions .note-item_more .response.hidden { display: none; } #supportDiscussions .header, #supportDiscussions .add-item { padding: 30px 0; margin: 0 30px; } #supportDiscussions .header { color: #010000; border-bottom: 1px solid #cfcfd0; } #supportDiscussions .add-item { float: right; line-height: 22px; font-weight: 600; text-decoration: underline; } #supportDiscussions .note-item { padding: 20px 0; border-bottom: 1px solid #cfcfd0; } #supportDiscussions .note-item_date .bold, #supportDiscussions .history-item .bold { color: #010000; } #supportDiscussions .note-item_intro { margin: 30px 0; } #supportDiscussions .note-item_answer { display: flex; } #supportDiscussions .note-item_answer .text { width: 30%; } #supportDiscussions .note-item_answer .message { background-color: initial; width: 70%; padding: 0; } #supportDiscussions .note-item_answer .message svg { float: right; margin-top: 4px; } #supportDiscussions .note-item_answer .message textarea, #supportDiscussions .note-item_answer .message input { display: block; } #supportDiscussions .note-item_answer .message textarea { width: 100%; margin-bottom: 10px; } #supportDiscussions .note-item_answer .message input { background-color: initial; width: initial; color: #d4261d; float: right; font-size: 16px; font-weight: normal; margin-right: 5px; } #supportDiscussions .intro_details .half-col { display: inline-block; margin: 20px 0 0; vertical-align: top; width: 49%; } #supportDiscussions .intro_details .half-col p { color: #a3a3a3; } #supportDiscussions .intro_details.show, #supportDiscussions .history { width: 100%; } #supportDiscussions .note-item_history.hide-history .history { width: auto; } #supportDiscussions .history-counter { margin-bottom: 10px; } #supportDiscussions .history-counter em { font-style: initial; color: #010000; } #supportDiscussions .history-item { background-color: #f5f5f5; padding: 5px 30px; margin-bottom: 2px; cursor: pointer; } #supportDiscussions .history .history-item:first-of-type { margin-top: 20px; } #supportDiscussions .history .history-item:last-of-type { border-bottom: 1px solid #cfcfd0; } #supportDiscussions .history-item_digest { margin: 10px 0; } #supportDiscussions .history-item_text p, #supportDiscussions .history-item_text span { font-size: 12px !important; } #supportDiscussions .note-item_more { text-align: right; display: block; margin-top: 25px; } #supportDiscussions .note-item_more .response { font-weight: bold; width: 120px; font-size: 16px; } #supportDiscussions .inline { display: flex; justify-content: space-between; margin: 10px 0; } #supportDiscussions .gray-date { color: #a3a3a3; } #supportDiscussions .arrow { border: solid #d21d04; border-width: 0 1px 1px 0; display: inline-block; margin: 0 0 3px 10px; padding: 4px; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #supportDiscussions .details.show .arrow { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); margin: 0px 0 0 10px; } #supportDiscussions .note-item_history .details, #supportDiscussions .note-item_more { padding-right: 30px; } #supportDiscussions .note-item_history .details.show { width: 100%; margin-top: 20px; text-align: right; } #supportDiscussions .note-item_history { display: flex; flex-wrap: wrap; justify-content: space-between; } #supportDiscussions .intro_digest, #supportDiscussions .history-item_text { margin: 0 0 10px; } #supportDiscussions .intro_text { display: none; } .note-item_answer .message { background: #fff } #supportDiscussions .note-item_answer .message input { background-color: #fff } .note-item_intro.show .intro_digest, .note-item_intro .intro_details { display: none; opacity: 0; } .note-item_intro .intro_details em { font-style: normal; font-weight: 600; color: #010000 } .note-item_intro.show .intro_details { display: block; } .note-item_intro.opacity .intro_details { opacity: 1; -webkit-transition: opacity 0.8s; transition: opacity 0.8s; } /** Contact Popup & sidebox **/ #okMessageText { width: 350px; } #okMessageText .thx-msg { font-size: 15px; } #okMessageText .thx-msg small { display: block; font-weight: 400; font-size: 12px; } #okMessageText .track { font-size: 12px; font-weight: 400; } #okMessageText .track a { font-weight: 600; color: #d21d04; } #okMessageText .track em { font-style: normal; font-weight: 600; } #aspnetForm #fancybox-inner #divGlobalOkInfo .topCloseButton a { background: transparent url(/_img/fancybox/black-close.png) no-repeat 100% 0; color: transparent; height: auto; } .sideBox.shoadow { background-color: #ffffff; box-shadow: 0px 0px 4px 2px #cccccc; padding: 15px 20px; margin: 0 10px; } .sideBox.shoadow p { line-height: 18px; } .sideBox.shoadow a { font-weight: 600; } /** Courier movie **/ .promo-movie-courier { height: 1080px; text-align: center; } .promo-movie-courier h2 { padding-top: 35px; width: 450px; margin: auto; font-size: 28px; } .promo-movie-courier h2, .promo-movie-courier p { color: #ffffff; } .promo-movie-courier .btn { margin-bottom: 25px; display: block; } .promo-movie-courier .app-video { margin-top: 490px; } .promo-movie-courier .app-video p { font-size: 15px; font-weight: 600; } .promo-movie-courier .disclaimer { font-size: 8px; text-align: left; margin: 60px 10px 0 20px; } .kubica-fancy { } .kubica-fancy #fancybox-outer { background: transparent; } .kubica-fancy #fancybox-inner { background: #fff; } .lottery-kubica-content { background: url(/_img/lotteryKubica/lp-bg.jpg) no-repeat 0 0; height: 1271px; width: 975px; clear: left; position: relative; } .lottery-kubica-content h1 { font-size: 100px; color: #fff; font-family: 'FuturaBT-Heavy', sans-serif; font-weight: bold; text-align: center; text-transform: uppercase; padding: 30px 0 90px; line-height: 100px; } .lottery-kubica-content p { font-size: 30px; color: #fff; text-align: center; font-family: 'FuturaBT-Medium', sans-serif; margin-bottom: 20px; } .lottery-kubica-content p span { font-size: 80px; font-family: 'FuturaBT-Medium', sans-serif; } .lottery-kubica-content p strong { font-family: 'FuturaBT-Heavy', sans-serif; font-weight: bold; } .lottery-kubica-content p.draw-time { font-size: 22px; } .lottery-kubica-content .login-option { position: absolute; bottom: 30px; left: 75px; width: 530px; text-align: center; } .lottery-kubica-content .login-option.vPopup { bottom: 100px; } .lottery-kubica-content .login-option.vRedirect { bottom: 100px; } .lottery-kubica-content .login-option p { font-size: 22px; margin-bottom: 15px; } .lottery-kubica-content .login-option p a { font-size: 22px; color: #fff; font-family: 'FuturaBT-Medium', sans-serif; } .lottery-kubica-content .login-option a.btn { font-family: 'FuturaBT-Heavy', sans-serif; font-weight: bold; font-size: 22px; color: #fff; background: #073a83; border-radius: 20px; padding: 5px 40px; margin-bottom: 15px; display: inline-block; text-transform: uppercase; } .lottery-kubica-footer { text-align: center; } .lottery-kubica-footer p { font-size: 18px; color: #073a83; padding: 10px 0; } .lottery-kubica-footer p a { font-size: 18px; color: #073a83; font-family: 'FuturaBT-Heavy', sans-serif; font-weight: bold; } .lottery-prize { position: absolute; bottom: 50px; left: 612px; width: 308px; text-align: center; } .lottery-prize p { font-size: 14px; margin-bottom: 10px; } .lottery-prize p strong { font-size: 40px; line-height: 40px; margin-bottom: 10px; display: block; } .lottery-prize .lottery-reward { font-size: 9px; margin-bottom: 9px; } /* Promotion list */ .promotions-list { padding-bottom: 40px; } .promotion-category { width: 940px; padding-left: 15px; margin-top: 55px; } .promotion-category * { box-sizing: border-box } .promotion-category:first-child { margin-top: 0; } .promotion-category-img { border-radius: 3px; overflow: hidden; } .promotion-category-img img { width: 100%; } .promotion-category-img.cursor-pointer { cursor: pointer; } .promotion-info { padding: 12px 0; font-size: 18px; line-height: 1; text-align: center; font-weight: bold; color: #5C5C5C; } .promotion-items-list { display: flex; flex-wrap: wrap; border: solid #eeeeee; border-width: 1px 1px 0; } .promotion-single { flex: 0 1 50%; border-bottom: 1px solid #eeeeee; } .promotion-single:nth-child(odd) .promotion-single-inner { border-right: 1px solid #eeeeee; } .promotion-single-inner { padding: 25px 0; height: 100%; } .promotion-single-image { padding: 0 20px; text-align: center; } .promotion-single-image img { max-width: 100%; } .promotion-single-name { width: 80%; margin: 20px auto 0; text-align: center; font-size: 23px; font-weight: 800; color: #000000; } .promotion-single-subname { margin-top: 20px; padding: 0 30px; font-size: 21px; text-align: center; line-height: 1.2; color: #000000; font-weight: normal; } .promotion-single-description { padding: 0 20px; margin-top: 30px; text-align: center; font-size: 16px; color: #5C5C5C; } .promotion-single-description a { font-size: inherit; } .promotion-single-creation { margin-top: 20px; padding: 0 20px; color: #A90023; font-size: 18px; text-align: center; text-transform: uppercase; } .promotion-single-creation a { color: inherit; font-size: inherit; } .promotion-accordion-trigger { margin-top: -1px; padding: 15px 10px; text-align: center; border: 1px solid #eeeeee; } .promotion-accordion-trigger a { font-size: 20px; font-weight: bold; color: #A80608; } .video-js .vjs-tech { outline: none !important; } .video-js button { outline: none !important; } .layerBg { position: fixed; top: 0; left: 0px; background-color: #111; opacity: 0.7; filter: alpha(opacity=70); display: none; z-index: 1001; width: 100%; height: 100%; } .topCloseButton > a { background: url(/_img/BenefitZone/x.png) center center no-repeat; display: block; position: absolute; width: 19px; height: 19px; padding: 10px; top: -46px; right: 11px; z-index: 999999; } .selectedParameter { display: none; position: fixed; width: 622px; height: 337px; background-color: #fff; z-index: 1002; background: url('/_img/BenefitZone/popup.png'); background-size: cover; } .selectedParameter input[type="submit"] { background-color: #d31d04; display: block; width: 273px; height: 42px; position: absolute; top: 73%; left: 34px; border-radius: 7px; padding: 14px 0 14px 10px; font-size: 14px; text-align: left; } .selectedParameter::after { content: '➜'; display: inline-block; position: absolute; top: 252px; left: 276px; color: #fff; font-size: 21px; } /*forgot pass page*/ .forgotPass .info , .forgotPass .reset , .forgotPass .key , .forgotPass .vitay-card-ccv-txt{ display: none; } .forgotPass .vitay-card-ccv{ margin-left: 0; } .forgotPass .key.email{ display: inline; margin-top: 10px; } .forgotPass .way span{ display: inline-block; color: #d31d04; margin-bottom: 8px; font-size: 14px; } .forgotPass .way p{ color: black; } .forgotPass .way p a{ color: #d31d04; text-decoration: underline; } .forgotPass .way{ margin: 16px 0; } .forgotPass .way.third span{ margin-top: 24px; } #dakar-promotion { float: left; width: 1060px; min-height: 1000px; background: url('/_img/content/dakar/bg.jpg') no-repeat; margin-left: -40px; } .ie7 #dakar-promotion, .ie8 #dakar-promotion { width: 1000px; background-position: -30px top; margin-left: -10px; } .ie7 #dakar-promotion { margin-bottom: -15px; } #dakar-promotion > .inner { position: relative; width: 960px; padding: 987px 0 60px; margin: 0 auto; } #dakar-promotion .dakar-nav { padding-left: 144px; padding-bottom: 60px; overflow: hidden; } #dakar-promotion .dakar-nav > li { float: left; height: 97px; background: url('/_img/content/dakar/menu.png') no-repeat; } #dakar-promotion .dakar-nav > .start { width: 181px; background-position: 0 0; margin-right: 88px; } #dakar-promotion .dakar-nav > .rules { width: 178px; background-position: -181px 0; margin-right: 75px; } #dakar-promotion .dakar-nav > .prize { width: 181px; background-position: -359px 0; } #dakar-promotion .dakar-nav > .winners { width: 211px; background-position: -540px 0; } #dakar-promotion .dakar-nav > .start.hover { background-position: 0 -97px; } #dakar-promotion .dakar-nav > .rules.hover { background-position: -181px -97px; } #dakar-promotion .dakar-nav > .prize.hover { background-position: -359px -97px; } #dakar-promotion .dakar-nav > .winners.hover { background-position: -540px -97px; } #dakar-promotion .dakar-nav > li > a { display: block; width: 170px; height: 70px; line-height: 70px; text-align: center; text-indent: -9999px; } #dakar-promotion .dakar-nav > .start a { -ms-transform: rotate(-8deg); /* IE 9 */ -webkit-transform: rotate(-8deg); /* Chrome, Safari, Opera */ transform: rotate(-8deg); margin: 12px 0 0 5px; } #dakar-promotion .dakar-nav > .rules a { -ms-transform: rotate(3deg); /* IE 9 */ -webkit-transform: rotate(3deg); /* Chrome, Safari, Opera */ transform: rotate(3deg); margin: 7px 0 0 5px; } #dakar-promotion .dakar-nav > .prize a { -ms-transform: rotate(8deg); /* IE 9 */ -webkit-transform: rotate(8deg); /* Chrome, Safari, Opera */ transform: rotate(8deg); margin: 17px 0 0 5px; } #dakar-promotion .dakar-nav > .winners a { width: 200px; -ms-transform: rotate(-5deg); /* IE 9 */ -webkit-transform: rotate(-5deg); /* Chrome, Safari, Opera */ transform: rotate(-5deg); margin: 12px 0 0 5px; } #dakar-promotion .dakar-nav.full { padding-left: 0px; } #dakar-promotion .dakar-nav.full > .start, #dakar-promotion .dakar-nav.full > .rules, #dakar-promotion .dakar-nav.full > .prize { margin-right: 65px; } /* Data ustawiana niezaleznie - w przypadku potrzeby podmiany */ #dakar-promotion .main-date { position: absolute; right: 26px; top: 64px; width: 249px; height: 55px; background: url('/_img/content/dakar/date.png') no-repeat; text-indent: -9999px; } #dakar-promotion .main-head { color: #ed1c24; font-size: 60px; margin-bottom: 30px; } #dakar-promotion, #dakar-promotion p, #dakar-promotion a { font-size: 20px; color: #002a5c; } #dakar-promotion a { text-decoration: underline; } #dakar-promotion a:hover { color: #5592dc; text-decoration: none; } #dakar-promotion .box, #dakar-promotion .box .bottom { background: url('/_img/content/dakar/box.png') no-repeat left top; } #dakar-promotion .box { position: relative; padding: 35px 30px 5px; margin-bottom: 65px; } #dakar-promotion .box .bottom { position: absolute; left: 0; bottom: -30px; width: 100%; height: 30px; background-position: left bottom; } #dakar-promotion .box .sticker { position: absolute; right: 0; top: -50px; width: 281px; height: 281px; background: url('/_img/content/dakar/sticker.png') no-repeat; text-indent: -9999px; } #dakar-promotion .box .big-info { font-size: 45px; } #dakar-promotion .box .info { font-size: 30px; } #dakar-promotion .box p + p { margin-top: 0.7em; } #dakar-promotion .box .red { color: #ed1c24; } #dakar-promotion .rules-box { width: 900px; height: 95px; background: url('/_img/content/dakar/rules-box.png') no-repeat; padding: 100px 30px 0; margin-bottom: 30px; } #dakar-promotion .rules-box li { float: left; width: 300px; font-size: 25px; text-align: center; } #dakar-promotion .rules-box .second { width: 370px; } #dakar-promotion .rules-box .second + li { width: 230px; } #dakar-promotion .rules-box a { font-size: 25px; font-weight: bold; } #dakar-promotion .btn-dakar { display: block; height: 82px; text-indent: -9999px; margin-bottom: 30px; margin-right: 15px; } #dakar-promotion .btn-dakar.btn-sign-in { width: 359px; background: url('/_img/content/dakar/btn-sign-in.png') no-repeat; } #dakar-promotion .btn-dakar.btn-confirm { width: 286px; background: url('/_img/content/dakar/btn-confirm.png') no-repeat; } #dakar-promotion .btn-dakar.btn-cancel { width: 143px; background: url('/_img/content/dakar/btn-cancel.png') no-repeat; } #dakar-promotion .btn-dakar.btn-check { width: 409px; background: url('/_img/content/dakar/btn-check.png') no-repeat; } #dakar-promotion .btn-dakar.btn-sign-in:hover, #dakar-promotion .btn-dakar.btn-confirm:hover, #dakar-promotion .btn-dakar.btn-cancel:hover, #dakar-promotion .btn-dakar.btn-check:hover { background-position: 0 -82px; } #dakar-promotion .cta-btns .text-link { line-height: 70px; } #dakar-promotion .cta .big-button {display: block; width: 750px;height: 170px;background: url(/_img/content/verva/bigBittons.jpg) no-repeat;} #dakar-promotion .cta .big-button.button-join {background-position: 0 0;} #dakar-promotion .form-dakar { margin-bottom: 30px; } #dakar-promotion .checkbox-dakar { padding: 5px 0; margin: 0; display: block; clear: both; overflow: hidden; position: relative; } #dakar-promotion .checkbox-dakar .custom-checkbox { width: 45px; height: 45px; background: url('/_img/forms/checkbox-dakar.png') no-repeat 0 0; margin-right: 15px; float: left; cursor: pointer; } #dakar-promotion .checkbox-dakar .custom-checkbox.checked { background-position: 0 -45px; } #dakar-promotion .checkbox-dakar .custom-checkbox + input + span, #dakar-promotion .checkbox-dakar .custom-checkbox + input + label, #dakar-promotion .checkbox-dakar .aspNetDisabled + span { margin-left: 60px; margin-top: 10px; display: block; } #dakar-promotion .checkbox-dakar .custom-checkbox.disabled + input + span { color: #999; } #dakar-promotion .form-dakar .val-error { margin: 20px 0 20px 60px; } #dakar-promotion .dakar-products { width: 980px; overflow: hidden; margin-left: -10px; } #dakar-promotion .dakar-products > p { color: #462304; font-size: 30px; margin-left: 10px; } #dakar-promotion .dakar-products .carousel li { background-color: transparent; } #dakar-promotion .dakar-products .item { position: relative; float: left; width: 246px; height: 235px; background: url(/_img/content/dakar/product-box.png) no-repeat; padding: 15px; margin: 20px 0 0 -44px; zoom: 1; } #dakar-promotion .dakar-products .item:first-child { margin-left: 0; } #dakar-promotion .dakar-products .photo { border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; } #dakar-promotion .dakar-products .photo td { vertical-align: middle; overflow: hidden; width: 246px; height: 230px; border: 0; text-align: center; padding: 0; margin: 0; } #dakar-promotion .dakar-products .photo-img { max-height: 230px; width: 246px; display: inline; } #dakar-promotion .dakar-products .info { display: none; position: absolute; left: 11px; bottom: 14px; width: 212px; background: url(/_img/content/dakar/product-hover.png) no-repeat left bottom; padding: 15px 25px 20px 15px; } #dakar-promotion .dakar-products .info p { color: #fff; font-size: 18px; } #dakar-promotion .dakar-products .info .desc { font-size: 14px; } /* Winners List RedBull */ #dakar-promotion .redBullWinnersTop { background: url(/_img/content/redBull/headerWinners.jpg) no-repeat;width:1060px;height:781px; } .redBullWrapper.winners { background-color: #050503; width:100%; } .redBullWrapper.winners .redBullWinnersResults { width:795px;margin-left:auto; margin-right:auto; } #dakar-promotion .redBullWinnersBottom { background: url(/_img/content/redBull/bottomWinners.jpg) no-repeat;width:1060px;height:344px;} #dakar-promotion .redBullWinnersBottom a.regulationsRedBull { font-size:12px; text-transform: uppercase; color: #ffffff; position: absolute; bottom: 46px; right: 50px;} #dakar-promotion .dakar-winners-table { width: 100%; border-collapse: collapse; border-spacing: 0; border: 0; color: #002a5c; padding: 0; margin: 0; } #dakar-promotion .dakar-winners-table th + th, #dakar-promotion .dakar-winners-table td + td { padding-left: 10px; } #dakar-promotion .dakar-winners-table th { border-bottom: 1px solid #aca181; font-size: 18px; font-weight: normal; padding: 20px; } #dakar-promotion .dakar-winners-table td { border-bottom: 1px solid #aca181; color: #002a5c; font-size: 22px; padding: 20px; } #dakar-promotion .dakar-winners-table td.first { width: 45px; color: #ed1c24; } #dakar-promotion .dakar-winners-table td.firstName { width: 200px; } #dakar-promotion .dakar-winners-table td.city { } #dakar-promotion .dakar-winners-table td.cardNumber { width: 240px; } #dakar-promotion .K2Pager { font-weight: bold; margin-top: 40px; } #dakar-promotion .K2Pager a { font-size: 22px; font-weight: bold; text-decoration: none; } #dakar-promotion .K2Pager .pages .page, #dakar-promotion .K2Pager .pages .pageSelected { padding: 0 10px; } #dakar-promotion .K2Pager .pages .pageSelected { color: #ed1c24; } #dakar-promotion .K2Pager .separator { display: none; } #dakar-promotion .K2Pager .prevPageNoActive, #dakar-promotion .K2Pager .nextPageNoActive { display: none; } #dakar-promotion .K2Pager .prevPage, #dakar-promotion .K2Pager .nextPage { display: inline-block; background: transparent; text-transform: capitalize; padding: 0; } .ie7 #dakar-promotion .K2Pager .prevPage, .ie7 #dakar-promotion .K2Pager .nextPage { text-transform: none; } @media screen and (max-width: 1070px) { #dakar-promotion { width: 1000px; background-position: -30px top; margin-left: -10px; } } @font-face { font-family: 'Montserrat'; src: url('../_font/montserrat/montserrat-black-webfont.eot'); src: url('../_font/montserrat/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('../_font/montserrat/montserrat-black-webfont.woff2') format('woff2'), url('../_font/montserrat/montserrat-black-webfont.woff') format('woff'), url('../_font/montserrat/montserrat-black-webfont.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../_font/montserrat/montserrat-bold-webfont.eot'); src: url('../_font/montserrat/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../_font/montserrat/montserrat-bold-webfont.woff2') format('woff2'), url('../_font/montserrat/montserrat-bold-webfont.woff') format('woff'), url('../_font/montserrat/montserrat-bold-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../_font/montserrat/montserrat-extrabold-webfont.eot'); src: url('../_font/montserrat/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../_font/montserrat/montserrat-extrabold-webfont.woff2') format('woff2'), url('../_font/montserrat/montserrat-extrabold-webfont.woff') format('woff'), url('../_font/montserrat/montserrat-extrabold-webfont.ttf') format('truetype'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../_font/montserrat/montserrat-light-webfont.eot'); src: url('../_font/montserrat/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../_font/montserrat/montserrat-light-webfont.woff2') format('woff2'), url('../_font/montserrat/montserrat-light-webfont.woff') format('woff'), url('../_font/montserrat/montserrat-light-webfont.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../_font/montserrat/montserrat-regular-webfont.eot'); src: url('../_font/montserrat/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../_font/montserrat/montserrat-regular-webfont.woff2') format('woff2'), url('../_font/montserrat/montserrat-regular-webfont.woff') format('woff'), url('../_font/montserrat/montserrat-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Montserrat'; src: url('../_font/montserrat/montserrat-semibold-webfont.eot'); src: url('../_font/montserrat/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../_font/montserrat/montserrat-semibold-webfont.woff2') format('woff2'), url('../_font/montserrat/montserrat-semibold-webfont.woff') format('woff'), url('../_font/montserrat/montserrat-semibold-webfont.ttf') format('truetype'); font-weight: 500; font-style: normal; } #stopcafe-promotion {clear: both; color: #2d2d2d; font-family: 'Montserrat', Arial, sans-serif; font-size: 20px; background: url(../_img/content/stopcafe/bg.png) center top no-repeat #fff; background-size: 100%; } #stopcafe-promotion h1 {font-weight: bold;} #stopcafe-promotion a, #stopcafe-promotion p { font-family: 'Montserrat', Arial, sans-serif; color: inherit; font-size: inherit; line-height: 1.36; font-size: inherit;} #stopcafe-promotion strong {font-weight: bolder;} #stopcafe-promotion small, #stopcafe-promotion .small {font-size: 17px;} #stopcafe-promotion .text-center {text-align: center;} #stopcafe-promotion .text-red {color:#f10000; } #stopcafe-promotion .text-blue {color:#4267b2; } #stopcafe-promotion .text-normal {font-weight: normal; } #stopcafe-promotion .wrapper {margin: 0 auto; padding: 70px 60px 0;} #stopcafe-promotion .banner {margin-bottom: 60px;} #stopcafe-promotion .banner h3 { font-size: 47px; line-height: 60px; text-align: center; letter-spacing: -0.2px; color: #393939; } #stopcafe-promotion .banner h3 strong {color: #f10000; font-weight: bolder;} #stopcafe-promotion .navigation {display: flex; margin: 60px 0 50px; width: 100%; justify-content: center;} #stopcafe-promotion .navigation li {width: 25%; flex: 0 0 25%;} #stopcafe-promotion .navigation a {display: block; color: #fff; text-align: center; padding: 14px 30px; font-weight:bold; font-size: 26px; transition: background-color 0.2s ease;} #stopcafe-promotion .navigation a:hover { text-decoration: none; background-color: #f10000;} #stopcafe-promotion .navigation .navigation-start { background-color: #b7b7b7;} #stopcafe-promotion .navigation .navigation-confirm {background-color: #702c91; } #stopcafe-promotion .navigation .navigation-rules {background-color: #3ea5da;} #stopcafe-promotion .navigation .navigation-prizes {background-color: #13a99f;} #stopcafe-promotion .navigation .navigation-winners {background-color: #018360;} #stopcafe-promotion .navigation .active a {background-color: #f10000;} #stopcafe-promotion .header { margin: 70px 0; } #stopcafe-promotion .header h2 { font-size: 40px; text-align: center; font-weight: bold;} #stopcafe-promotion .header h2.big {font-size: 72px; } #stopcafe-promotion .header p { text-align: center; font-size: 20px; margin-top: 10px; } #stopcafe-promotion .content {} #stopcafe-promotion .content .content--main { font-size: 34px; margin: 50px 0;} #stopcafe-promotion .content .content--main strong {font-weight: 800} #stopcafe-promotion .content .content--main.extra-margin {margin: 80px 0;} #stopcafe-promotion .actions {margin: 70px auto; display: flex; justify-content: center; align-items: center; } #stopcafe-promotion .actions.no-top-margin {margin-top: -30px;} #stopcafe-promotion .actions.left {align-items: flex-start; padding-left: 60px; } #stopcafe-promotion .actions .big-button {display: inline-flex; color: #ffffff; background-color: #f10000; padding: 16px 30px; text-transform: uppercase; font-size: 25px; font-weight: bold; align-items: center;} #stopcafe-promotion .actions .button-gray {display: inline-flex; color: #ffffff; margin-left: 30px; background-color: #b7b7b7;padding: 16px 30px; text-transform: uppercase; font-size: 25px; font-weight: bold; align-items: center;} #stopcafe-promotion .actions .big-button:hover {text-decoration: none;} #stopcafe-promotion .actions .button-gray:hover {text-decoration: none;} #stopcafe-promotion .actions .big-button::after {content: ''; display: inline-block; width: 23px; height: 23px; margin-left: 20px; background: url(/_img/content/stopcafe/btn-arrow.png) no-repeat transparent center right} #stopcafe-promotion .information {margin: 80px 0 60px; text-align: left;} #stopcafe-promotion .information::after {content: ''; display: block;} #stopcafe-promotion .information a {color: inherit; text-decoration: underline;} #stopcafe-promotion .information p {margin: 20px 0} #stopcafe-promotion .list {} #stopcafe-promotion .list__item { } #stopcafe-promotion .list__item--square { position: relative; margin-bottom: 20px; display: flex; justify-content: space-between; } #stopcafe-promotion .list__item--square::before {content: attr(data-point); display: inline-flex; background-color: #1fbbf6; color: #fff; width: 66px; height: 51px; flex: 0 0 66px; font-weight: 600; font-size: 24px; font-weight: bold; justify-content: center; align-items: center; margin-right: 34px;} #stopcafe-promotion .footer {margin-bottom: 110px;} #stopcafe-promotion .footer img { max-width: 100%;} #stopcafe-promotion .entry {display: flex; flex-direction: column; margin: 0 -60px; background: url('/_img/content/stopcafe/footer-top.png') center top no-repeat; height: 170px; padding-left: 342px; padding-top: 44px; padding-bottom: 20px; font-weight: bold; font-size: 25px; outline:none;} #stopcafe-promotion .entry:hover {text-decoration: none;} #stopcafe-promotion .box {display: block; margin: 0 auto; font-size: 40px; padding: 28px 40px; text-align: center; max-width: 400px; margin-bottom: 40px; margin-top: -30px;} #stopcafe-promotion .box.box--red {background-color: #f10000; color: #fff; } #stopcafe-promotion .box.box--text-big {font-size: 72px; font-weight: 800; max-width: 520px;} /*****Nagrody*****/ #stopcafe-promotion .prize { margin-bottom: 50px; padding-top: 20px; } #stopcafe-promotion .prize .image {margin-bottom: 40px; width: 100%; text-align: center; display: block;} #stopcafe-promotion .prize header { font-size: 30px; margin-bottom: 40px;} #stopcafe-promotion .prize header h4 { font-weight: normal; line-height: 0.8; } #stopcafe-promotion .prize .dsc p { margin: 30px 0; } #stopcafe-promotion .prize ul { margin-left: 60px;} #stopcafe-promotion .prize ul li {margin-bottom: 20px;} #stopcafe-promotion .prize ul li::before {content: ''; width: 12px; height: 12px; display: inline-block; margin-left: -30px; margin-right: 16px; background-color: #3fa5db;} /*****Zasady******/ #stopcafe-promotion .rules-points .list__item--square {justify-content: flex-start; align-items: center;} #stopcafe-promotion .rules-points a {text-decoration: underline;} /*****HOME PAGE******/ #stopcafe-promotion .prizes-banner {position: relative; margin: 70px 0 70px 50px;} #stopcafe-promotion .prizes-banner__item {position: relative; display: flex; margin: 0;} #stopcafe-promotion .prizes-banner__item figcaption {font-weight: bold; } #stopcafe-promotion .first-prize {align-items: flex-start;} #stopcafe-promotion .first-prize figcaption {font-size: 18px; margin-top: 10px;} #stopcafe-promotion .second-prize {margin-top: -245px; padding-left: 355px; align-items: flex-end;} #stopcafe-promotion .second-prize figcaption {font-size: 16px;} #stopcafe-promotion .prize-point { padding-left: 140px; position: relative; margin-bottom: 80px; font-size: 30px; line-height: 1.2; } #stopcafe-promotion .prize-point img { position: absolute; left: 10px; top: 10px;} #stopcafe-promotion .prize--winn-image {margin-top: 50px;} #stopcafe-promotion .fb { position: relative; display: flex; background:url('/_img/content/stopcafe/fb-bg.jpg') no-repeat right 0; padding: 100px 70px 100px 140px; justify-content: center; align-items: center; background-size: auto 100%; margin: 100px -60px 70px;} #stopcafe-promotion .fb img {margin-right: 30px;} #stopcafe-promotion .fb span {font-size: 30px; font-weight: 500;} #stopcafe-promotion .fb.fb--vertical { flex-direction: column; padding: 100px 70px;} #stopcafe-promotion .fb.fb--vertical img {margin-bottom: 30px; margin-right: 0;} #stopcafe-promotion .fb.fb--extra-bottom { padding-bottom: 200px;} #stopcafe-promotion .fb.fb--extra-bottom .extra { position: absolute; bottom: 100px; text-align: center; left: 0; width: 100%;} #stopcafe-promotion .fb:hover { text-decoration: none; } /****WINNERS*****/ #stopcafe-promotion .winners-table {width: 100%; margin-bottom: 100px; } #stopcafe-promotion .winners-table th {border-bottom: 3px solid #f2f2f2; font-size: 18px; padding: 20px 0; font-family: 'Montserrat', Arial, sans-serif; text-align: left;} #stopcafe-promotion .winners-table td {border-bottom: 2px solid #f2f2f2; font-size: 16px; padding: 20px 0; color: #2d2d2d;font-family: 'Montserrat', Arial, sans-serif; } #stopcafe-promotion .winners-table .CardNo {width: 270px;} #stopcafe-promotion .winners-table .Prize {width: 250px;} /*****Formularz*****/ #stopcafe-promotion .form {background-color: transparent;} #stopcafe-promotion .checkbox label { margin-bottom: 30px; display: block; position: relative; cursor: pointer; padding-left: 60px;} #stopcafe-promotion .checkbox label a {text-decoration: underline;} #stopcafe-promotion .checkbox label::before { content: ''; display: block; width: 37px; height: 37px; background: url('/_img/content/stopcafe/checkbox-icon.png') no-repeat 0 0; position: absolute; left: 0; top: -6px; } #stopcafe-promotion .checkbox input {position: absolute; opacity: 0; visibility: hidden;} #stopcafe-promotion .checkbox input:checked + label::before { background-position: 0 -37px; } #stopcafe-promotion .form li {padding-left: 34px; margin: 5px 0; } #stopcafe-promotion .form li::before {content: '-'; margin-left: -30px; margin-right: 22px;} #stopcafe-promotion .val-error { margin: -20px 0 40px 60px; display: block !important; } #stopcafe-promotion .K2Pager { font-weight: bold; margin-top: -40px; margin-bottom: 100px; } #stopcafe-promotion .K2Pager .pages .page, #stopcafe-promotion .K2Pager .pages .pageSelected, #stopcafe-promotion .K2Pager .pages .dots { display: inline-block; border-radius: 100%; border: 1px solid #2d2d2d; color: #2d2d2d; margin: 0 5px; width: 56px; height: 56px; font-size: 24px; line-height: 56px; padding: 0;} #stopcafe-promotion .K2Pager .pages .pageSelected {background-color: #f10000; color: #fff; border-color: #f10000;} #stopcafe-promotion .K2Pager .pages .page:hover {text-decoration: none;} #stopcafe-promotion .K2Pager .separator, #stopcafe-promotion .K2Pager .prevPageNoActive { display: none; } #stopcafe-promotion .K2Pager .prevPage, #stopcafe-promotion .K2Pager .nextPage { display: inline-block; background: none; padding: 0; } #stopcafe-promotion .K2Pager .prevPage::before {content: ''; display: block; border-top: 3px solid #000; border-left: 3px solid #000; transform: rotate(-45deg); width: 15px; height: 15px;} #stopcafe-promotion .K2Pager .nextPage::before {content: ''; display: block; border-top: 3px solid #000; border-right: 3px solid #000; transform: rotate(45deg); width: 15px; height: 15px;} .pepsico-body { background: #f4f4f4; } #pepsico-promotion { float: left; width: 960px; background: #fff url('/_img/content/pepsico/header.jpg') no-repeat; margin: 5px 0 0 8px; } #pepsico-promotion > .inner { overflow: hidden; background: url('/_img/content/pepsico/footer.png') no-repeat left bottom; padding: 500px 45px 20px; } #pepsico-promotion, #pepsico-promotion p, #pepsico-promotion a, #pepsico-promotion td { font-family: 'Open Sans', Arial, Verdana, Helvetica, sans-serif; font-size: 16px; } #pepsico-promotion h2 { color: #fff; font-size: 36px; font-weight: 700; line-height: 1.2em; letter-spacing: -2px; margin-bottom: 30px; } #pepsico-promotion h3 { color: #fff; font-size: 22px; font-weight: 700; line-height: 1.2em; margin-bottom: 20px; } #pepsico-promotion a { color: #e2001a; text-decoration: underline; } #pepsico-promotion a:hover { text-decoration: none; } #pepsico-promotion .big-head { font-size: 58px; font-weight: 700; line-height: 1.2em; letter-spacing: -4px; margin-bottom: 10px; } #pepsico-promotion .main-head { font-size: 36px; font-weight: 700; line-height: 1.2em; letter-spacing: -2px; margin-bottom: 30px; } #pepsico-promotion .blue-text { color: #024e9e; } #pepsico-promotion .red-text { color: #e2001a; } #pepsico-promotion .rules-main-link { float: left; min-height: 22px; background: url('/_img/content/pepsico/pdf-icon.png') no-repeat; color: #9a9a9a; font-size: 11px; font-weight: 700; text-transform: uppercase; text-decoration: none; padding: 4px 0 0 30px; margin-top: 65px; } #pepsico-promotion .rules-main-link:hover { color: #545454; text-decoration: none; } /* */ #pepsico-promotion .gray-box { width: 870px; background: #f4f4f4 url('/_img/content/pepsico/gray-box-top.png') no-repeat; } #pepsico-promotion .gray-box > .inner { position: relative; background: url('/_img/content/pepsico/gray-box-bottom.png') no-repeat left bottom; padding: 40px 25px; } #pepsico-promotion .blue-box { width: 870px; background: url('/_img/content/pepsico/blue-box.jpg') no-repeat; } #pepsico-promotion .blue-box > .inner { padding: 35px 45px; } #pepsico-promotion .blue-box, #pepsico-promotion .blue-box p, #pepsico-promotion .blue-box a, #pepsico-promotion .blue-box th, #pepsico-promotion .blue-box td { color: #fff; } /* */ /* */ #pepsico-promotion .cta-btns { width: 600px; margin: 30px auto 0; } #pepsico-promotion .btn-pepsico-sign-in, #pepsico-promotion .btn-pepsico-confirm { display: block; text-indent: -9999px; margin: 20px auto; } #pepsico-promotion .btn-pepsico-sign-in:hover, #pepsico-promotion .btn-pepsico-confirm:hover { background-position: left bottom; } #pepsico-promotion .btn-pepsico-sign-in { width: 379px; height: 95px; background: url('/_img/content/pepsico/btn-join.png') no-repeat; } #pepsico-promotion .btn-pepsico-confirm { width: 256px; height: 66px; background: url('/_img/content/pepsico/btn-confirm.png') no-repeat; margin-top: 0; } #pepsico-promotion .btn-pepsico-cancel { float: left; background: url('/_img/content/pepsico/arrow-back.gif') no-repeat 5px 7px; color: #808080; font-weight: 700; text-decoration: none; padding-left: 35px; margin-top: 20px; } #pepsico-promotion .btn-pepsico-cancel:hover { background-position: 0 7px; } /* */ /* */ #pepsico-promotion .pepsico-nav { padding: 30px 0 40px 132px; overflow: hidden; } #pepsico-promotion .pepsico-nav.full { padding-left: 9px; } #pepsico-promotion .pepsico-nav > li { float: left; height: 30px; background: url('/_img/content/pepsico/menu.png') no-repeat; } #pepsico-promotion .pepsico-nav > .start { width: 177px; background-position: 0 0; } #pepsico-promotion .pepsico-nav > .rules { width: 201px; background-position: -177px 0; } #pepsico-promotion .pepsico-nav > .prize { width: 228px; background-position: -378px 0; } #pepsico-promotion .pepsico-nav > .winners { width: 246px; background-position: -606px 0; } #pepsico-promotion .pepsico-nav > .start.hover { background-position: 0 -60px; } #pepsico-promotion .pepsico-nav > .rules.hover { background-position: -177px -60px; } #pepsico-promotion .pepsico-nav > .prize.hover { background-position: -378px -60px; } #pepsico-promotion .pepsico-nav > .winners.hover { background-position: -606px -60px; } #pepsico-promotion .pepsico-nav > .start.active { background-position: 0 -30px; } #pepsico-promotion .pepsico-nav > .rules.active { background-position: -177px -30px; } #pepsico-promotion .pepsico-nav > .prize.active { background-position: -378px -30px; } #pepsico-promotion .pepsico-nav > .winners.active { background-position: -606px -30px; } #pepsico-promotion .pepsico-nav > li > a { display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; text-indent: -9999px; } /* */ /* */ #pepsico-promotion .info-box { background: url('/_img/content/pepsico/top-line-shadow-780.png') no-repeat center top; padding: 30px 45px; } #pepsico-promotion .info-box p { color: #606060; font-size: 20px; font-weight: 300; margin-bottom: 20px; } #pepsico-promotion .info-box strong { font-weight: 700; } #pepsico-promotion .info-box h3 { color: #323336; } #pepsico-promotion .info-box .prize-info { position: relative; } #pepsico-promotion .info-box h2 { font-size: 120px; line-height: 1em; } #pepsico-promotion .info-box h2 span { display: block; font-size: 45px; font-weight: 300; line-height: 2em; } #pepsico-promotion .info-box .prize-img { position: absolute; left: 0; top: 0; } #pepsico-promotion .info-box .prize-info.scooter h2 { margin-left: 100px; } #pepsico-promotion .info-box .prize-info.scooter h2 span { margin-left: 35px; } #pepsico-promotion .info-box .prize-info.scooter .prize-img { left: -30px; } #pepsico-promotion .info-box .prize-info.card h2 { margin-left: 130px; } #pepsico-promotion .info-box .prize-info.card .prize-img { left: -55px; top: 20px; } #pepsico-promotion .info-box .red-text { color: #e2001a; } #pepsico-promotion .info-box .blue-text { color: #024e9e; } #pepsico-promotion .finish-box { text-align: center; } #pepsico-promotion .finish-box h2 { font-size: 55px; line-height: 1em; } #pepsico-promotion .finish-box h3 { color: #002a5c; font-size: 30px; font-weight: 300; } #pepsico-promotion .start-box h2 + p { color: #002a5c; font-size: 26px; font-weight: 300; } #pepsico-promotion .start-points-box { float: left; width: 430px; } #pepsico-promotion .start-prize-box { float: right; width: 350px; } #pepsico-promotion .start-points-box h2, #pepsico-promotion .start-points-box h3 { line-height: 1em; margin: 0; } #pepsico-promotion .start-points-box h2 { font-size: 43px; } #pepsico-promotion .start-points-box h3 { font-size: 30px; font-weight: 300; line-height: 40px; margin-top: 5px;} #pepsico-promotion .start-points-box .your-points { font-size: 90px; font-weight: 700; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); } #pepsico-promotion .start-points-box .your-points span { font-size: 45px; } #pepsico-promotion .start-prize-box p { font-size: 22px; font-weight: 300; margin-left: 15px; } #pepsico-promotion .start-prize-box strong { font-weight: 700; } #pepsico-promotion .start-prize-box .need-points-box { width: 327px; height: 160px; background: url('/_img/content/pepsico/need-points-box.png') no-repeat; margin-top: 5px; } #pepsico-promotion .start-prize-box .need-points { float: right; padding: 17px 18px 0 0; } #pepsico-promotion .start-prize-box .need-points span { float: left; width: 45px; height: 80px; background: url('/_img/content/pepsico/need-points-mask.png') no-repeat; color: #ff2a43; font-size: 52px; font-weight: 700; line-height: 80px; text-align: center; text-shadow: 0 1px 0 #000; margin: 0 6px; } #pepsico-promotion .start-prize-box .need-points-box + p { margin-top: -41px; } #pepsico-promotion .start-prize-box .scooter-win { float: right; width: 350px; height: 162px; background: url('/_img/content/pepsico/blue-prize-box.png') no-repeat; font-size: 20px; text-align: center; padding-top: 50px; } #pepsico-promotion .start-prize-box .scooter-win span { font-size: 40px; line-height: 1.3em; } #pepsico-promotion .point-box .clue { display: block; color: #79acd4; font-size: 12px; text-align: center; margin-top: 30px; } /* */ /*
*/ #pepsico-promotion .form-pepsico { width: 600px; margin: 0 auto; } #pepsico-promotion .form-pepsico, #pepsico-promotion .form-pepsico p, #pepsico-promotion .form-pepsico a { font-size: 16px; line-height: 22px; } #pepsico-promotion .checkbox-pepsico { display: block; clear: both; overflow: hidden; position: relative; padding: 5px 0; margin: 0; } #pepsico-promotion .checkbox-pepsico .custom-checkbox { width: 25px; height: 25px; background: url('/_img/forms/checkbox-pepsico.png') no-repeat; margin-right: 15px; float: left; cursor: pointer; } #pepsico-promotion .checkbox-pepsico .custom-checkbox.checked { background-position: 0 -25px; } #pepsico-promotion .checkbox-pepsico .custom-checkbox + input + span, #pepsico-promotion .checkbox-pepsico .custom-checkbox + input + label, #pepsico-promotion .checkbox-pepsico .aspNetDisabled + span { margin-left: 40px; margin-top: 2px; display: block; } #pepsico-promotion .checkbox-pepsico .custom-checkbox.disabled + input + span { color: #999; } #pepsico-promotion .form-pepsico .val-error { margin: 20px 0 20px 40px; } /*
*/ /* */ #pepsico-promotion .rules-box { width: 750px; font-size: 18px; line-height: 1.2em; margin: 0 auto; } #pepsico-promotion .rules-box ul { display: block; min-height: 270px; background: url('/_img/content/pepsico/rules-pepsico.jpg') no-repeat right 20px; padding: 0 0 20px; margin: 0; } #pepsico-promotion .rules-box li { display: block; min-height: 38px; padding-top: 6px; padding-left: 50px; margin-bottom: 15px; } #pepsico-promotion .rules-box .point-01 { background: url('/_img/content/pepsico/point-01.gif') no-repeat; } #pepsico-promotion .rules-box .point-02 { background: url('/_img/content/pepsico/point-02.gif') no-repeat; } #pepsico-promotion .rules-box .point-03 { background: url('/_img/content/pepsico/point-03.gif') no-repeat; } #pepsico-promotion .rules-box .point-04 { background: url('/_img/content/pepsico/point-04.gif') no-repeat; } #pepsico-promotion .rules-box .vitayLink, #pepsico-promotion .rules-box .red-text { font-size: 18px; font-weight: 700; } #pepsico-promotion .rules-box .clue, #pepsico-promotion .rules-box .clue a { font-size: 12px; line-height: 1.2em; } #pepsico-promotion .rules-box .clue { margin: 10px; } #pepsico-promotion .stop-cafe { position: absolute; right: 40px; top: 0; text-indent: -9999px; } /* */ /* */ #pepsico-promotion .prize-box > .inner { padding: 40px 50px; } #pepsico-promotion .prize-scooter, #pepsico-promotion .prize-cards { position: relative; float: left; width: 385px; height: 300px; margin-bottom: 10px; } #pepsico-promotion .prize-scooter .prize-img { position: absolute; left: -15px; top: 18px; } #pepsico-promotion .prize-cards .prize-img { position: absolute; left: -10px; top: 45px; } #pepsico-promotion .prize-box p { line-height: 1em; margin: 0; } #pepsico-promotion .prize-box .prize-number { font-size: 120px; font-weight: 700; letter-spacing: -8px; margin-left: 110px; } #pepsico-promotion .prize-box .prize-name { font-size: 30px; font-weight: 300; letter-spacing: -1px; margin-left: 150px; } #pepsico-promotion .prize-scooter .prize-number { margin-left: 110px; } #pepsico-promotion .prize-scooter .prize-name { margin-left: 150px; } #pepsico-promotion .prize-cards .prize-number { margin-left: 125px; } #pepsico-promotion .prize-cards .prize-name { margin-left: 145px; } #pepsico-promotion .prize-scooter p { color: #094d8e; } #pepsico-promotion .prize-cards p { color: #e2001a; } #pepsico-promotion .prize-box .clue { color: #606060; font-size: 14px; font-weight: 400; } #pepsico-promotion .prize-box .scooter-spec, #pepsico-promotion .prize-box .clue { position: absolute; bottom: 0; } #pepsico-promotion .prize-box .scooter-spec { left: 45px; min-height: 22px; background: url('/_img/content/pepsico/pdf-icon.png') no-repeat; color: #606060; font-size: 14px; font-weight: 700; text-decoration: none; padding: 2px 0 0 30px; } #pepsico-promotion .prize-box .scooter-spec:hover { color: #333; text-decoration: none; } #pepsico-promotion .prize-box .clue { left: 145px; } /* */ /* */ #pepsico-promotion .winners-box > .inner { padding-bottom: 50px; } #pepsico-promotion .pepsico-winners-tabs { background: url('/_img/content/pepsico/top-line-shadow-780.png') no-repeat center bottom; padding-bottom: 20px; } #pepsico-promotion .pepsico-winners-tabs h2 { float: left; margin-left: 20px; } #pepsico-promotion .pepsico-winners-tabs ul { float: right; overflow: hidden; padding: 0; margin: 0 20px 0 0; } #pepsico-promotion .pepsico-winners-tabs li { float: left; margin: 0; } #pepsico-promotion .pepsico-winners-tabs li + li { margin-left: 70px; } #pepsico-promotion .pepsico-winners-tabs a { color: #5b8fb4; font-size: 24px; line-height: 1.8em; text-decoration: none; } #pepsico-promotion .pepsico-winners-tabs a:hover { color: #fff; text-decoration: none; } #pepsico-promotion .pepsico-winners-tabs a.active, #pepsico-promotion .pepsico-winners-tabs a.active:hover { color: #fff; font-weight: 700; text-decoration: underline; } #pepsico-promotion .winners-box .data { font-size: 26px; line-height: 1.3em; margin-bottom: 1em; margin-left: 20px; } #pepsico-promotion .pepsico-winners-table { background: url('/_img/content/pepsico/bottom-shadow-780.png') no-repeat center bottom; } #pepsico-promotion .pepsico-winners-table table { width: 780px; border-collapse: collapse; border-spacing: 0; border: 0; padding: 0; margin: 0; } #pepsico-promotion .pepsico-winners-table th + th, #pepsico-promotion .pepsico-winners-table td + td { padding-left: 0; } #pepsico-promotion .pepsico-winners-table th, #pepsico-promotion .pepsico-winners-table td { background: url('/_img/content/pepsico/table-border-h.png') repeat-x center bottom; color: #91cdff; padding: 10px 15px 11px; } #pepsico-promotion .pepsico-winners-table th { color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; } #pepsico-promotion .pepsico-winners-table td { font-size: 16px; } #pepsico-promotion .pepsico-winners-table .main-prize td { color: #fff; font-weight: 700; } #pepsico-promotion .pepsico-winners-table .first { text-align: center; } #pepsico-promotion .pepsico-winners-table td.first { width: 35px; font-weight: 400; text-align: center; } #pepsico-promotion .pepsico-winners-table td.prize { width: 95px; } #pepsico-promotion .pepsico-winners-table td.cardNumber { width: 180px; text-align: right; } #pepsico-promotion .pepsico-winners-table .wrapText { width: 190px; } /* */ /* */ #pepsico-promotion .K2Pager { margin-top: 30px; padding-bottom: 0; } #pepsico-promotion .K2Pager a { color: #5b8fb4; font-size: 24px; text-decoration: none; } #pepsico-promotion .K2Pager a:hover { color: #fff; text-decoration: none; } #pepsico-promotion .K2Pager .pages .page, #pepsico-promotion .K2Pager .pages .pageSelected { padding: 3px 10px; } #pepsico-promotion .K2Pager .pages .pageSelected, #pepsico-promotion .K2Pager .pages .dots { color: #5b8fb4; font-size: 24px; } #pepsico-promotion .K2Pager .pages .pageSelected { color: #fff; font-weight: 700; text-decoration: underline; } #pepsico-promotion .K2Pager .separator { display: none; } #pepsico-promotion .K2Pager .prevPageNoActive, #pepsico-promotion .K2Pager .nextPageNoActive { display: none; } #pepsico-promotion .K2Pager .prevPage, #pepsico-promotion .K2Pager .nextPage { display: inline-block; background: transparent; text-transform: capitalize; padding: 0; } .ie7 #pepsico-promotion .K2Pager .prevPage, .ie7 #pepsico-promotion .K2Pager .nextPage { text-transform: none; } /* */ /* */ #pepsico-promotion .pepsico-products { width: 800px; background-color: #f4f4f4; overflow: hidden; padding: 45px 35px 35px; } #pepsico-promotion .pepsico-products > h3 { color: #004e9b; font-size: 24px; font-weight: 400; text-transform: uppercase; text-align: center; margin: 0; } #pepsico-promotion .pepsico-products .carousel li { background-color: transparent; } #pepsico-promotion .pepsico-products .item { position: relative; float: left; width: 215px; height: 191px; background: url(/_img/content/pepsico/product-box.png) no-repeat; margin: 20px 0 0 -20px; zoom: 1; } #pepsico-promotion .pepsico-products .item:first-child { margin-left: 0; } #pepsico-promotion .pepsico-products .photo { border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; margin: 0; } #pepsico-promotion .pepsico-products .photo td { vertical-align: middle; overflow: hidden; width: 215px; height: 191px; border: 0; text-align: center; padding: 0; margin: 0; } #pepsico-promotion .pepsico-products .photo-img { width: 207px; max-height: 183px; display: inline; } #pepsico-promotion .pepsico-products .info { display: none; position: absolute; left: 0; bottom: 0; width: 175px; background: url(/_img/content/pepsico/product-hover.png) no-repeat left bottom; padding: 10px 25px 10px 15px; } #pepsico-promotion .pepsico-products .info p { color: #fff; font-size: 16px; } #pepsico-promotion .pepsico-products .info .desc { font-size: 13px; } /* */ #basketPage .top { font-size: 12px; line-height: normal; height: 50px; } #basketPage .top.step1 { background-image: url('/_img/layout/bgBasketTopStep1.png'); } #basketPage .top.step2 { background-image: url('/_img/layout/bgBasketTopStep2.png'); } #basketPage .top.step3 { background-image: url('/_img/layout/bgBasketTopStep3.png'); } #basketPage .top .item { float: left; padding: 13px 10px 0 15px; width: 190px; font-size: 14px; color: #999999; } #basketPage .top .item.active { font-size: 18px; color: #333333; padding-top: 10px; letter-spacing: -1px; } #basketPage .bottom.basketTotalWrapper { font-size: 12px; line-height: normal; background: url('/_img/layout/bgBasketBottom.png'); background-position: 0 100%; height: auto; padding: 15px 25px 20px 25px; width: 595px; } #basketPage .basketTotal { font-size: 18px; color: #333333; letter-spacing: -1px; white-space: nowrap; padding-top: 3px; } #basketPage .orderFakeButton { float: left; color: #ececec; background-color: #cccccc; font-weight: bold; padding: 0; width: 125px; white-space: nowrap; height: 19px; padding-top: 4px; text-align: center; } #basketPage .orderInfo { margin: 25px 0 0 0; font-size: 11px; } #basketPage .orderInfo a { font-size: 11px; } #basketPage .orderInfo a.fakeLink { color: #666666; } #basketPage .orderInfo a.fakeLink:hover { text-decoration: none; } #basketPage .form { float: left; width: 100%; } #basketPage .form .orderAddress.other { margin: 10px 0 0 0; } #basketPage .form .orderAddress input { float: left; margin: 0 5px 0 0; } #basketPage .form .orderAddress label { float: left; width: 500px; } #basketPage .form .btnLine { padding-top: 10px; padding-bottom: 10px; } #basketPage .form .submit { float: left; margin-right: 10px; } #basketPage table.orderSummary { margin: 0 0 20px 0; width: 100%; } #basketPage table.orderSummary td { padding: 5px; } #basketPage table.orderSummary td.quantity { width: 70px; } #basketPage table.orderSummary td.points { width: 150px; } #basketPage table.orderSummary .totalRow td { font-weight: bold; } #basketPage table.orderSummary .totalRow .label { text-align: right; } #basketPage td.noborder { border-bottom: none 0; } #basketPage td.virtual { font-size: 10px; } #basketPage td.virtual * { vertical-align: middle; } #basketPage .basketHeaderQuantity, #basketPage .quantity { width: 60px; } #basketPage .basketHeaderPrize, #basketPage .points { width: 92px; } #basketPage .basketHeaderQuantity, #basketPage .basketHeaderPrize, #basketPage .basketHeaderSurcharge { padding: 15px 5px; } #basketPage .quantity, #basketPage .points, #basketPage .cash { padding: 10px 5px; white-space: nowrap; } #basketPage .prizeInfo { width: 125px; } #basketPage .divPoints { float: left; width: 215px; } #basketPage .basketTotal { clear: both; height: 25px; float: right; padding-right: 20px;} #basketPage .basketTotal div { float: left; } #basketPage .basketTotalPoints { margin: 0 0 0 22px;} #basketPage .basketTotalPlus { margin: 0 12px 0 12px; } #basketPage .wantInvoice { display: block; margin: 10px 0 20px 0; clear: both; } #basketPage .wantInvoice label, #basketPage .wantInvoice label input { vertical-align: top; } #basketPage .orderSummaryAddressContainer, #basketPage .orderSummaryInvoiceContainer { float: left; width: 295px; } #basketPage .paymentMethods { border-bottom: 1px solid #f0f0f0; position: relative; padding-top: 10px; height: 129px; } #basketPage .paymentMethodsContainer { position: absolute; top: 95px; left: 0; } #basketPage .paymentMethod { padding: 13px 11px 12px 6px; display: block; float: left; } #basketPage .paymentMethod.active { padding: 13px 10px 12px 5px; background: url('/_img/layout/bgTab.png') repeat-x top left; border-width: 0 1px; border-style: solid; border-color: #f0f0f0; } #basketPage .paymentGrid { float: left; height: 90px; width: 145px; text-align: center; } #basketPage .paymentDescription { padding: 5px; } #basketPage .form .pageSubtitle { padding: 5px 5px !important; } .basketCode { margin: 10px 0 20px 0; } .basketCode .basketCodeLabel { width: 285px; float: left; line-height: 23px; text-align: right; padding-right: 20px; text-transform: uppercase; box-sizing: border-box;} .basketCode fieldset { float: right; width: 310px;} .basketCode .basketCodeInput { height: 21px; padding: 0 5px; text-align: center;} .basketCode .basketCodeSubmit { float: right; background-color: #676D6F;} .basketCode span { display: block; padding: 5px 0; padding: 5px; margin-top: 10px; text-align: center;} .basketCode span.ok { color: #10570b; border: 2px solid #10570b; font-weight: bold;} .basketDeliveryType { text-align: center; vertical-align: top; padding-top: 30px; background-color: #fff; } .basketDeliveryType .col { overflow: hidden; display: inline-block; vertical-align: top; margin: 0 10px 30px 10px; width: 45%; box-sizing: border-box; border: solid 1px #e4e4e4; height: 297px; background: none 50% 80px no-repeat;} .basketDeliveryType .col.courier { background-image: url('/_img/ciezarowka_64x64.png'); } .basketDeliveryType .col.station { background-image: url('/_img/paliwo_64x64.png'); } .basketDeliveryType .header { font-size: 18px; color: #000; display: block; margin-bottom: 120px; } .basketDeliveryType label { cursor:pointer; display: block; padding: 20px 40px; max-height: 330px; overflow: hidden; border: solid 4px #fff; box-sizing: border-box;} .basketDeliveryType label:hover { border-color: #e4e4e4; } .basketDeliveryType .active label { border-color: #676D6F; } .basketDeliveryType input { position: absolute; left: -99999px; } .basketSubmit { text-align: right; } /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * * Version: 1.3.1 (05/03/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; height: 40px; width: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none;} * html #fancybox-loading { /* IE6 */ position: absolute; margin-top: 0;} #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/_img/fancybox/fancybox.png');} #fancybox-overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; background: #000; z-index: 1100; display: none;} * html #fancybox-overlay { /* IE6 */ position: absolute; width: 100%;} #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none;} #fancybox-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 20px; z-index: 1101; display: none;} #fancybox-outer { position: relative; width: 100%; height: 100%; background: #FFF;} #fancybox-inner { position: absolute; top: 0; left: 0; width: 1px; height: 1px; padding: 0; margin: 0; outline: none; overflow: hidden;} #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;} #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px 0px; cursor: pointer; z-index: 1103; display: none;} #fancybox_error { color: #444; font: normal 12px/20px Arial; padding: 7px; margin: 0;} #fancybox-content { height: auto; width: auto; padding: 0; margin: 0;} #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; -ms-interpolation-mode: bicubic;} #fancybox-frame { position: relative; width: 100%; height: 100%; border: none; display: block;} #fancybox-title { position: absolute; bottom: 0; left: 0; font-family: Arial; font-size: 12px; z-index: 1102;} .fancybox-title-inside { padding: 10px 0; text-align: left; color: #ffffff;} .fancybox-title-outside { padding-top: 5px; color: #ffffff; text-align: center; font-weight: bold;} .fancybox-title-over { color: #ffffff; text-align: left;} #fancybox-prize-title .title {color: #333333; font-size: 12px; font-weight: bold;} #fancybox-prize-title .count {color: #666666; font-size: 10px;} #fancybox-title-over { padding: 10px; background-image: url('/_img/fancybox/fancy_title_over.png'); display: block;} #fancybox-title-wrap { display: inline-block;} #fancybox-title-wrap span { height: 32px; float: left;} #fancybox-title-left { padding-left: 15px; background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px -90px; background-repeat: no-repeat;} #fancybox-title-main { font-weight: bold; line-height: 29px; background-image: url('/_img/fancybox/fancybox-x.png'); background-position: 0px -40px; color: #FFF;} #fancybox-title-right { padding-left: 15px; background-image: url('/_img/fancybox/fancybox.png'); background-position: -55px -90px; background-repeat: no-repeat;} #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background-image: url('/_img/fancybox/blank.gif'); z-index: 1102; display: none;} #fancybox-left { left: 0px;} #fancybox-right { right: 0px;} #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block;} #fancybox-left-ico { background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px -30px;} #fancybox-right-ico { background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px -60px;} #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */} #fancybox-left:hover span { left: 20px;} #fancybox-right:hover span { left: auto; right: 20px;} .fancy-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001;} /*#fancy-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/_img/fancybox/fancybox-x.png');} #fancy-bg-ne { top: -20px; right: -20px; background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px -162px;} #fancy-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/_img/fancybox/fancybox-y.png'); background-position: -20px 0px;} #fancy-bg-se { bottom: -20px; right: -20px; background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px -182px; } #fancy-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/_img/fancybox/fancybox-x.png'); background-position: 0px -20px;} #fancy-bg-sw { bottom: -20px; left: -20px; background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px -142px;} #fancy-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/_img/fancybox/fancybox-y.png');} #fancy-bg-nw { top: -20px; left: -20px; background-image: url('/_img/fancybox/fancybox.png'); background-position: -40px -122px;} IE #fancybox-loading.fancybox-ie div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_loading.png', sizingMethod='scale'); } .fancybox-ie #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie #fancybox-title-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie #fancybox-title-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie .fancy-bg { background: transparent !important; } .fancybox-ie #fancy-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancy-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_img/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }*/ /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* +++ grywalizacja +++ */ /* PB: #87001C */ /* ON: #171820 */ .gamification-main { padding: 5px 5px 0; background-color: #f5f5f5; overflow: hidden; /*ucinamy dolny gradient*/ font-family: 'Open Sans', sans-serif; color: #161616; } .gamification-main a, .gamification-main p, .gamification-main span, .gamification-lp, .gamification-lp a, .gamification-lp p, .gamification-lp span { font-family: 'Open Sans', sans-serif; } .gamification-inner { background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, .25); min-height: 700px; } /* headers >> */ .gamification-header { height: 340px; } .gamification-header-team { background: url('/_img/gamification/2021/baner_1.png') 0 50% no-repeat; } .gamification-header-team.ranks-header {background: url('/_img/gamification/2021/baner_2.png') 0 50% no-repeat; } .gamification-menu { margin: 0 auto; width: 865px; height: 60px; text-align: center; position: relative; top: 245px; padding-right: 62px; box-sizing: border-box; } .gamification-menu ul { display: table; width: 100%; height: 60px; } .gamification-menu li { display: table-cell; width: 33.3333%; height: 60px; box-sizing: border-box; } .gamification-menu li a { line-height: 60px; text-transform: uppercase; font-weight: 400; background-color: #fff; color: #161616; display: inline-block; width: 100%; height: 60px; font-size: 20px; } .gamification-menu li:nth-child(2) { border-left: 2px solid transparent; border-right: 2px solid transparent; } .gamification-menu a:hover { text-decoration: none; background-color: #eee; } .gamification-menu.selected-1 li:nth-child(1) a, .gamification-menu.selected-2 li:nth-child(2) a, .gamification-menu.selected-3 li:nth-child(3) a { color: #fff; font-weight: 700; background-color: #87001C; } .TeamOn .gamification-menu.selected-1 li:nth-child(1) a, .TeamOn .gamification-menu.selected-2 li:nth-child(2) a, .TeamOn .gamification-menu.selected-3 li:nth-child(3) a { background-color: #171820; } .gamification-hidden { display: none; } /* headers << */ /* content footnote >> */ .gamification-footnote {font-size: 20px; border-top: 1px solid #dbd6d6; color: #5c5c5c; padding: 30px 50px 30px; } .gamification-footnote .gamification-footnote-disclaimer {color: #333333;} .gamification-footnote a {font-size: inherit; color: #870220; text-decoration: underline;} /* content footnote << */ /* content rules >> */ /*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,300italic,400italic,700italic&subset=latin,latin-ext');*/ .gamification-rules { padding: 30px 50px; } .gamification-rules h4 { color: #87001C; font-size: 36px; font-weight: bold; margin-bottom: 20px; } .TeamOn .gamification-rules h4 { color: #171820; } .gamification-rules p { margin-bottom: 16px; font-size: 20px; color: #161616; clear: left; } .gamification-rules .gamification-text-bigger { font-size: 30px; font-weight: bold; margin-bottom: 30px; } .gamification-rules .gamification-text { font-size: 28px; margin-bottom: 30px; padding-left: 80px; position: relative; } .gamification-rules .gamification-text a { font-size: inherit; color: #161616; font-weight: bold; } .gamification-rules-list { margin: 20px 0 40px 0; list-style-type: none; } .gamification-rules-list li { color: #161616; font-size: 28px; margin-bottom: 30px; text-align: justify; padding-left: 60px; position: relative; list-style-type: none; } .gamification-rules-list li span { width: 39px; height: 39px; background-color: #87001C; color: #fff; font-size: 30px; font-weight: 700; position: absolute; left: 0; top: 5px; text-align: center; line-height: 39px; z-index: 10; } .gamification-rules-list li a {font-size: inherit; color: inherit; text-decoration: underline; font-weight: bold;} .TeamOn .gamification-rules-list li span { background-color: #171820; } .gamification-rules .gamification-text-icon {max-width: 60px; position: absolute; top: 20px; left: 0; } .gamification-rules .gamification-cta-container { text-align: center; margin: 40px 0; } .gamification-rules .gamification-cta {display: inline-block; padding: 25px 45px; text-align: center; border-radius: 75px; color: #ffffff; background: #87001C; font-size: 30px; line-height: 40px; } .TeamOn .gamification-rules .gamification-cta { background-color: #171820; } .gamification-rules .gamification-footnote {padding-left: 0; padding-right: 0;} /* content rules << */ /* content accordion >> */ .gamification-accordion-header { font-size: 30px; color: #161616; height: 100px; line-height: 100px; position: relative; cursor: pointer; padding: 0 0 0 45px; } /*.gamification-accordion-header.open { margin-bottom: 20px; }*/ .gamification-accordion-header:not(.open) { border-bottom: 1px solid #dbd6d6; } .gamification-accordion-header.last:not(.open) { border-bottom: none; } .gamification-accordion-header span { font-weight: 700; color: #87001C; } .TeamOn .gamification-accordion-header span { color: #171820; } .gamification-accordion-header::after { content: ''; background: transparent url('/_img/gamification/accordion-up.png') 50% 50% no-repeat; background-size: 100%; width: 32px; height: 32px; position: absolute; top: 35px; right: 60px; } .gamification-accordion-header:not(.open)::after { background-image: url('/_img/gamification/accordion-down.png'); } .gamification-round-inner { padding: 0 35px 20px; } /* content accordion << */ /* content notification >> */ .gamification-notification { padding: 50px 0; font-size: 22px; text-align: center; } .gamification-notification-icon { display: block; margin: 0 auto 20px; } /* content notification << */ /* popup >> */ .gamification-popup-mask { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(27, 18, 39, .5); z-index: 1000; } .gamification-popup {width: 100%; max-width: 670px; background: #fff; padding: 50px 40px; box-sizing: border-box; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1001; text-align: center; } .gamification-popup * { font-family: 'Open Sans', sans-serif; color: #161616; } .gamification-popup p:empty { display: none; } .gamification-popup-close { background: transparent url('/_img/gamification/close.png') 0 0 no-repeat; background-size: 100%; width: 48px; height: 48px; position: absolute; top: 25px; right: 25px; } .gamification-popup-close:hover { opacity: 0.8; } .gamification-popup-icon { display: block; margin: 0 auto 20px; height: 95px; } .gamification-popup-header { font-size: 44px; line-height: 1.1; padding-bottom: 30px; font-weight: 700; } .gamification-popup-text { font-size: 22px; padding-bottom: 40px; color: #5C5C5C;} .gamification-popup-cta { color: #fff; font-size: 29px; background-color: #87001C; border-radius: 75px; display: inline-block; text-decoration: none !important; padding: 30px 10px; box-sizing: border-box; width: 460px; } .TeamOn .gamification-popup-cta { background-color: #171820; } /* popup << */ /* ranking >> */ .gamification-rank-table { width: 865px; border-collapse: collapse; margin-left: 50px; } .gamification-rank-table strong { font-weight: 700; } .gamification-rank-th { font-size: 26px; font-weight: 400; color: #000000; line-height: 1; background: #ffffff; padding: 35px; font-family: 'Open Sans', sans-serif; } .gamification-rank-th:last-child { text-align: right; } .gamification-rank-tr.zebra-dark { background-color: #fcfcfc; } .gamification-rank-td { vertical-align: middle; font-size: 28px; line-height: 1.2; color: #000000; padding: 20px 35px; font-family: 'Open Sans', sans-serif; } .gamification-rank-tr:nth-child(even) {background: #e3e3e3} .gamification-rank-tr:nth-child(odd) {background: #f0f0f0} .gamification-rank-td:first-child { text-align: left; } .gamification-rank-td:last-child { text-align: right; color: #87001C; } .gamification-rank-selected { background-color: #87001C !important; } .TeamOn .gamification-rank-selected { background-color: #171820 !important; } .gamification-rank-selected .gamification-rank-td { color: #fff; } .gamification-rank-share { cursor: pointer; position: absolute; top: 13px; right: 0; } .gamification-rank-share:hover { opacity: 0.8; } /* ranking << */ /* ranking - banner >> */ .gamification-ranking-banner { overflow: hidden; width: 865px; margin: 0 auto; height: 96px; position: relative; margin-bottom: 10px; } .gamification-ranking-banner .team-data .team { height: 96px; position: absolute; top: 0; transition: width 0.6s cubic-bezier(0.175, 0.885, 0.320, 1.275); } .gamification-ranking-banner .team-data .team.hidden { width: 0 !important; } .gamification-ranking-banner .team-data .team.team-pb { background: #87001C; transform: skew(-10deg); left: -50px; } .gamification-ranking-banner .team-data .team.team-on { background: #171820; transform: skew(-10deg); right: -50px; } .gamification-ranking-banner .team-info { position: relative; z-index: 100; font-size: 0; line-height: 0; } .gamification-ranking-banner .team-info .team { width: 50%; height: 96px; display: inline-block; color: #fff; font-size: 16px; line-height: 1; box-sizing: border-box; padding-top: 20px; } .gamification-ranking-banner .team-info .team-pb { padding-left: 155px; background: url('/_img/gamification/ranking-pb.png') left center no-repeat; } .gamification-ranking-banner .team-info .team-on { padding-right: 155px; text-align: right; background: url('/_img/gamification/ranking-on.png') right center no-repeat; } .gamification-ranking-banner .team-info .team strong { font-size: 36px; } .gamification-ranking-info { font-size: 14px; text-align: center; margin: 10px 0 50px 0; } /* ranking - banner << */ /* round - stats top >> */ .gamification-round-header { min-height: 230px; border-top: 1px solid #EEEEEE; background: linear-gradient(to bottom, #fafafa 0%,#eeeeee 100%); padding: 60px 0; box-sizing: content-box; margin-bottom: 20px; } .gamification-round-header-left { float: left; width: 305px; padding-left: 50px; } .gamification-round-header-pts { font-size: 62px; font-weight: 700; color: #87001C; padding-top: 60px; } .TeamOn .gamification-round-header-pts { color: #7d82a9; } .gamification-round-header-additional-text { font-size: 32px; text-transform: uppercase; color: #000000; } .gamification-round-header-middle { float: left; width: 230px; height: 230px; position: relative; margin-left: 12px; } .gamification-round-header-middle svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .gamification-progress-circle { transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); } .gamification-round-header-ribbon { margin: 46px auto 0; display: block; width: 57px; height: 70px; background: url('/_img/gamification/icons/icon_badge.svg') 0 0 no-repeat; background-size: 100%; } .TeamOn .gamification-round-header-ribbon { background-image: url('/_img/gamification/ribbon-black.png'); } .gamification-round-header-mega { font-size: 22px; line-height: 1; font-weight: 500; text-transform: uppercase; text-align: center; padding: 16px 0 11px; color: #000000; } .gamification-round-header-fraction { font-size: 34px; line-height: 1; font-weight: 700; color: #87001C; text-align: center; } .TeamOn .gamification-round-header-fraction { color: #7d82a9; } .gamification-round-header-right { margin-top: 30px; float: left; width: 300px; padding-left: 35px; font-weight: 400; font-size: 18px; color: #000000; text-align: left; position: relative;} .gamification-round-header-bulb { display: block; margin: 0 0 15px; } .gamification-round-header.finished { display: table; padding: 60px 0; width: 100%; min-height: 160px;} .gamification-round-header.finished .gamification-round-header-left { float: none; display: table-cell; vertical-align: middle; width: 49.95%; padding: 0; } .gamification-round-header.finished .gamification-round-header-pts { font-size: 70px; padding-top: 0; padding-left: 70px; line-height: 1.3; } .gamification-round-header.finished .gamification-round-header-additional-text { padding-left: 70px; font-size: 32px; line-height: 32px; } .gamification-round-header.finished .gamification-round-header-right { float: none; display: table-cell; vertical-align: middle; width: 49.95%; padding: 0; } .gamification-round-header.finished .gamification-megabonus-text { font-size: 32px; padding-top:30px; text-transform: uppercase; color: #000000; line-height: 1.3; text-align: left; padding-left: 70px; } .gamification-round-header.finished .gamification-megabonus-prize { font-size: 24px; color: #fff; line-height: 1.3; text-align: left; padding-left: 70px; background: url('/_img/gamification/ico-plus.png') left center no-repeat; position: relative;} .gamification-round-header.finished .gamification-megabonus-prize::before {content: '+'; font-size: 77px; font-weight: bold; position: absolute; left: 0; top: 50%; transform: translate(-100%, -50%); color: #87001C;} .gamification-round-header.finished .gamification-megabonus-prize-top { font-size: 70px; color: #87001C; font-weight: bold; line-height: 1.1; } .TeamOn .gamification-round-header.finished .gamification-megabonus-prize-top { color: #7d82a9; } .gamification-round-header.finished .gamification-megabonus-prize-bottom { padding-left: 60px; background: url('/_img/gamification/icons/icon_check_red.svg') left center no-repeat; background-size: 50px auto; line-height: 50px; font-size: 32px; color: #000000; text-transform: uppercase; } .TeamOn .gamification-round-header.finished .gamification-megabonus-prize-bottom { background-image: url('/_img/gamification/icons/icon_check_red.svg'); } /* round - stats top << */ /* round - stats >> */ .gamification-ico { font-size: 36px; font-weight: bold; height: 40px; line-height: 40px; margin-bottom: 25px; margin-top: 35px; color: #87001C; } .gamification-ico-image { width: 30px; height: 28px; display: inline-block; background: url('/_img/gamification/icons/ico-star.png') 0 0 no-repeat; background-size: 100%; position: relative; top: 5px; } .TeamOn .gamification-ico-image { background: url('/_img/gamification/icons/ico-star.png') 0 0 no-repeat; } .gamification-ico-image.ico-rocket { background: url('/_img/gamification/icons/ico-rocket.png') 0 0 no-repeat; } .TeamOn .gamification-ico-image.ico-rocket { background: url('/_img/gamification/icons/ico-rocket.png') 0 0 no-repeat; } .gamification-round-item { padding-top: 15px; border-bottom: 1px solid #eee; padding-bottom: 15px; } .gamification-round-item:last-child { border-bottom: 0 none;} .gamification-round-item-text { font-size: 22px; line-height: 1.3; } .gamification-round-item-text a { font-size: inherit; color: #000000; font-weight: bold; text-decoration: underline; } .TeamOn .gamification-round-item-text a { color: #171820; } .gamification-round-item-text strong { font-weight: 700; } .gamification-round-item-inner { position: relative; height: 80px; } .gamification-round-item-image { width: 48px; height: 48px; position: absolute; top: 6px; left: 0; } .gamification-round-item-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%;} .gamification-round-item-progress { position: absolute; top: 20px; left: 55px; width: 772px; height: 30px; background-color: #f1f1f1; z-index: 1; overflow: hidden; } .gamification-round-item-progress-text { color: #000; position: relative; z-index: 1; text-align: center; font-size: 12px; z-index: 3; opacity: 0; } .gamification-round-item-progress-text strong { font-weight: 700; } .animated .gamification-round-item-progress-text { opacity: 1; transition: all 250ms; height: 30px; color: #ffffff; font-size: 24px; line-height: 30px;} .TeamOn .gamification-round-item-progress-text { color: #fff; } .gamification-round-item-progress-inner { position: absolute; top: 0; left: 0; height: 100%; width: 0; background-color: #87001C; transition: all 1000ms cubic-bezier(0.175, 0.885, 0.320, 1.275); z-index: 2; } .TeamOn .gamification-round-item-progress-inner { background-color: #171820; } .gamification-round-item-badge { position: absolute; top: -7px; right: 0; width: 80px; height: 80px; background: transparent url('/_img/gamification/icons/icon_check_grey.svg') 0 0 no-repeat; background-size: 100%; z-index: 2; } .unlocked .gamification-round-item-badge { background-image: url('/_img/gamification/icons/icon_check_red.svg'); } .TeamOn .unlocked .gamification-round-item-badge { background-image: url('/_img/gamification/achievment-black.png'); } .gamification-round-item-finished {padding: 15px 0; border-bottom: 1px solid #f2f2f2; min-height: 60px; font-size: 24px; line-height: 1.2;} .gamification-round-item-finished a { font-size: inherit; line-height: 24px; color: #000000; text-decoration: underline; font-weight: bold;} .gamification-round-item-finished.failed { color: rgba(0, 0, 0, 0.5) !important;} .gamification-round-item-finished:last-child { border-bottom: 0 none; } .gamification-round-item-finished strong { font-weight: 700; } .gamification-round-item-finished .points-strong {color: #87001C;} .gamification-round-item-finished.failed strong { color: #bfbfbf !important; } .gamification-round-item-image-finished { width: 100px; height: 65px; float: left; position: relative;} .gamification-round-item-image-finished img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); height: 60%; } .gamification-round-item-text-left-finished { float: left; width: 650px; padding-top: 20px;} .gamification-round-item-text-right-finished { float: left; width: 120px; text-align: right; line-height: 54px;} .gamification-round-items.with-border { border-bottom: 1px solid #eee; } .gamification-round-items.with-border .gamification-round-item-finished {padding-right: 120px; position: relative;} .gamification-round-items.with-border .gamification-round-item-finished.failed::before {background-image: url('/_img/gamification/icons/icon_notcompleted.svg');} .gamification-round-items.with-border .gamification-round-item-finished::before {content: ''; width: 50px; height: 50px; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); background: url('/_img/gamification/icons/icon_completed.svg') no-repeat center center;} .gamification-round-subitems { padding-left: 55px; padding-top: 35px; } .gamification-round-subitem { padding-bottom: 10px; } .gamification-round-subitem-desc {float: left; padding-top: 10px;} .gamification-round-subitem-text { font-size: 24px; overflow: hidden; } .gamification-round-subitem-text a { float: right; width: 185px; height: 50px; line-height: 50px; text-align: center; background-color: #87001C; font-size: 21px; color: #ffffff; } .TeamOn .gamification-round-subitem-text a { background-color: #171820; } .gamification-round-subitem.item--completed { color: #bdbdbd; } .gamification-round-subitem.item--completed a { background-color: #bdbdbd; cursor: default; text-decoration: none !important; } /* round - stats << */ /* STRONY STARTOWE DO GRYWALIZACJI */ .gamification-lp { box-sizing: border-box; width: 975px; min-height: 1084px; background-color: #011A2A; position: relative; text-align: center; color: #fff; } .gamification-lp .logo {display: inline-block; margin: 80px 0; max-width: 334px;} .gamification-lp h2 {color: #fff; font-family: Verdana, Arial, sans-serif; font-size: 130px; line-height: 0.8; font-weight: 900; text-transform: uppercase; letter-spacing: -8px;} .gamification-lp h3 {color: #ed1c24; font-size: 45px; margin-top: 30px; font-weight: 500; text-transform: uppercase;} .gamification-lp span {font-size: 100px; font-weight: 900; text-transform: uppercase; letter-spacing: -2px;} .gamification-lp p {color: #fff; font-size: 32px; font-family: Roboto, Arial, sans-serif; margin-top: 30px; font-weight: 500; } .gamification-lp p strong {font-size: inherit; font-weight: bold;} .gamification-lp small {font-size: 16px; line-height: 22px; color: #FFF; } .gamification-lp small a {font-size: 16px; font-weight: 400;} .gamification-lp p a {font-size: inherit; color: #ed1c24; text-decoration: underline; font-weight: bold;} .gamification-lp .gamification-lp-content {padding: 0 70px 0; overflow: hidden;} /*.gamification-lp .gamification-middle-btn {margin: 40px 0; }*/ /*.gamification-lp .gamification-middle-btn p {padding: 25px 0 0 60px; color: #000; text-align: left; font-size: 18px; line-height: 1.2;}*/ .gamification-lp .gamification-middle-btn p a {color: #ed1c24; font-size: inherit; text-decoration: underline; font-weight: bold; } .gamification-lp .gamification-lp-cta-button {width: 450px; height: auto; display: inline-block; white-space: normal; padding: 15px 45px; text-align: center; border-radius: 75px; color: #fff; background: #ed1b2e; font-size: 30px; line-height: 35px; } /*.gamification-lp .gamification-footer {display: flex; align-items: flex-end; justify-content: center; height: 1175px; background: #011A2A url('/_img/gamification/2021/lp-bg.png') 0 0 no-repeat;}*/ .gamification-lp .gamification-footer p {color: #fff; font-size: 24px; margin-bottom: 65px;} .gamification-lp .gamification-footer p a {font-size: inherit; color: inherit; font-weight: bold; text-decoration: underline;} /* nowe zmiany */ .gamification-lp-background {display: flex; flex-direction: column; height: 1160px; background: #011A2A url('/_img/gamification/2021/lp-bg.png') 0 0 no-repeat; } .gamification-lp-background .gamification-lp-text { color: #fff; font-size: 30px; text-align: center; font-family: Roboto, Arial, sans-serif; margin-top: 75px; font-weight: 300; margin-left: 0; letter-spacing: -0.32px; text-transform: uppercase; } .gamification-lp .gamification-link { font-size: inherit; color: #ed1c24; font-weight: normal; text-decoration: underline; font-family: Roboto, Arial,sans-serif;} .gamification-lp .gamification-middle-btn p {color: #fff; font-size: 24px; font-family: Roboto, Arial, sans-serif; text-align:center; line-height: 1.5;} .gamification-lp-footer-text { padding-top: 580px; } .gamification-lp .gamification-middle-btn .gamification-lp-footer-text a { color: #fff; font-weight: bold; text-decoration: underline;} .gamification-middle-btn-inner { margin-top: 40px } .gamification-lp--agreements .gamification-lp-content p { color: #FFF; font-size: 33px; text-align: left; text-transform: uppercase; margin-left: 36px; } /* nowe zmiany */ .gamification-lp .gamification-intro-page .gamification-footer { background-image: url('/_img/gamification/2021/lp-bg.png'); } .gamification-lp .gamification-intro-page .gamification-middle-btn {margin-bottom: 0;} .gamification-lp .gamification-intro-page .gamification-lp-content p { color: #231F20; font-size: 33px; text-align: left; text-transform: uppercase; margin-left: 36px; } .gamification-lp .gamification-intro-page .gamification-lp-content p a { color: #ed1c24; text-decoration: underline; font-weight: normal} .gamification-lp-content * { font-size: 20px; font-weight: 300; } .gamification-lp-content a { font-weight: bold; color: #ed1c24; } .gamification-lp-main-top {font-size: 84px; text-align: left; line-height: 1.2; font-weight: 800;} .gamification-lp-main-middle {font-size: 50px; text-align: left;} .gamification-lp-main-middle strong {font-size: 50px; font-weight: 800;} .gamification-lp-content-top { font-size: 40px; font-weight: 300; text-transform: uppercase; line-height: 1.2; } .gamification-lp-content-middle { font-size: 40px; font-weight: 300; text-transform: uppercase; line-height: 1.2; } .gamification-lp-content-middle strong { font-size: 40px; font-weight: bold; } .gamification-lp-cta-wrapper { margin: 51px 0 70px 0; } .gamification-lp .gamification-lp-fin-button { border: 0 none; width: 370px; height: 80px; background: url('/_img/gamification/lp-fin.jpg') 0 0 no-repeat; font-size: 0; line-height: 0; display: block; margin: 0 auto; } .gamification-lp-footer { color: #a6aeb4; font-size: 15px; } .gamification-lp-footer a { color: #fff; font-size: 15px; font-weight: bold; } .gamification-lp-content { padding: 0 80px; } .gamification-lp .gamification-agreement-info { font-size: 16px; color: #333; text-align: left; margin: 60px 0 18px 0; } .gamification-lp .gamification-agreement-info * { font-size: 16px; color: #333;} .gamification-lp .gamification-agreement-checkbox { text-align: left; margin-top: 40px; overflow: hidden; margin-left: 36px; } .gamification-lp .gamification-agreement-checkbox * { font-size: 16px; line-height: 1.6; } .gamification-lp .gamification-agreement-checkbox input { float: left; position: relative; top: 5px; } .gamification-lp .gamification-agreement-checkbox label { float: left; width: 90%; padding-left: 20px;} .gamification-lp .gamification-agreement-checkbox strong { font-weight: bold; } .gamification-lp .gamification-agreement-checkbox .valErr { padding-left: 27px; } .gamification-lp .gamification-show-more { font-weight: inherit; color: #a6aeb4;} .gamification-lp .more-content { display: none; } .gamification-lp .custom-checkbox { width: 24px; height: 24px; float: left; cursor: pointer; border: 2px solid #ed1c24;} .gamification-lp .custom-checkbox.checked { background: url('../_img/gamification/icons/check.svg') no-repeat center center / 15px auto; } .gamification-lp .gamification-agreement-buttons { margin: 60px 0 80px; } .gamification-lp .gamification-agreement-checkbox .valErr { color: #EC1A2C !important; font-weight: bold !important; background: white; width: auto; padding: 2px 5px !important; border-radius: 5px; margin: 7px 0 0 66px; border: 1px solid #EC1A2C; } /*.gamification-lp--agreements .gamification-lp-content p { color: #231F20; font-size: 33px; text-align: left; text-transform: uppercase; margin-left: 36px; }*/ .gamification-lp--agreements .gamification-lp-content small { text-align: left; margin-left: 36px; margin-top: 40px; display: inline-block; } .gamification-lp .gamification-agreement-info-more ul {margin: 5px 0 15px} .gamification-lp .gamification-agreement-info-more li {padding-left: 25px;} .gamification-lp .agreement-trigger {text-decoration: underline;} .gamification-lp .agreement-content {display: none;} .gamification-lp .gamification-disclaimer-text {padding: 30px 0; text-align: left; color: #B5B5B5; font-size: 16px;} .gamification-lp .gamification-button {display: inline-block; padding: 15px 45px; text-align: center; border-radius: 75px; color: #ed1b2e; background: #fff; font-size: 34px; line-height: 40px;} .gamification-lp .gamification-agreement-submit {display: inline-block; width: auto; height: auto; padding: 30px 45px; text-align: center; border-radius: 75px; color: #fff; background: #ed1b2e; font-size: 34px; line-height: 40px;} .gamification-quiz { padding: 50px; } .gamification-quiz * { box-sizing: border-box; } .gamification-quiz .like-h1 { color: #A90023; font-size: 36px; font-weight: bold; margin-bottom: 20px; } .gamification-quiz .like-h2 { color: #000; font-size: 28px; font-weight: bold; line-height: 1.3; margin-bottom: 10px; } .gamification-quiz .like-h2.light { font-weight: 300; } .gamification-quiz .like-h2.normal { font-weight: 400; } .gamification-quiz .active { display: block !important; } .gamification-step { display: none; } .gamification-image { display: none; margin-top: 40px; } .gamification-image img {width: 100%; margin: 20px 0; max-width: 865px; } .gamification-submit { text-align: center; margin: 40px 0; } .gamification-submit .btn {width: 470px; display: inline-block; padding: 25px 45px; text-align: center; border-radius: 75px; color: #ffffff; text-transform: uppercase; font-weight: bold; background: #000000; font-size: 30px; line-height: 40px;} .gamification-submit .btn.disabled { opacity: 0.4; text-decoration: none !important; } .TeamOn .gamification-quiz .footnote a { color: #171820; } .gamification-question { margin-top: 40px; } .gamification-question strong {display: block;} .gamification-question label {height: 70px; font-size: 28px; font-weight: normal; position: relative; display: block; border: solid 2px #EEEEEE; margin: 20px 0; padding: 15px 30px 15px 100px; cursor: pointer; } .gamification-question label input { position: absolute; opacity: 0; left: -9999px; } .gamification-question label em { position: absolute; left: -2px; top: -2px; font-style: normal; bottom: -2px; box-sizing: border-box; width: 70px; padding-top: 15px; text-align: center; background-color: #000000; font-weight: bold; color: #fff; } .TeamOn .gamification-question label em { background-color: #171820; } .gamification-question label.checked { background-color: #BDE5CF; border-color: #BDE5CF;} .gamification-question label.correct { border-color: #25AA61; background: #25AA61 url('/_img/gamification/icons/icon_check_white.svg') 96% 50% no-repeat; color: #fff; } .TeamOn .gamification-question label.correct { background-color: #171820; } .gamification-question label.wrong { border-color: #EC1A2C; background: #EC1A2C url('/_img/gamification/icons/icon_close_white.svg') 96% 50% no-repeat !important; color: #fff; } .gamification-quiz .quiz-info { text-align: center; margin: 50px 0; } .gamification-movie { margin: 50px 0 0 0; } .gamification-content .ranks-top {padding: 40px 70px;} .gamification-content .ranks-top h3 {font-size: 36px; padding-bottom: 25px; color: #87001C; text-align: center;} .gamification-content .ranks-top p {font-size: 28px; line-height: 1.2; color: #000000;} .survey-desktop-url { display: none; } /* * Core Owl Carousel CSS File * v1.3.3 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel{ display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor:url(grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } /* * Owl Carousel Owl Demo Theme * v1.3.3 */ .owl-theme .owl-controls{ margin-top: 10px; text-align: center; } /* Styling Next and Prev buttons */ .owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } /* Clickable class fix problem with hover on touch devices */ /* Use it for non-touch hover action */ .owl-theme .owl-controls.clickable .owl-buttons div:hover{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; } /* Styling Pagination*/ .owl-theme .owl-controls .owl-page{ display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } /* If PaginationNumbers is true */ .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center } /* * Owl Carousel CSS3 Transitions * v1.3.2 */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x : 50%; -webkit-perspective-origin-y : 50%; -moz-perspective : 1200px; -moz-perspective-origin-x : 50%; -moz-perspective-origin-y : 50%; perspective : 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% {opacity: 1} } @-moz-keyframes empty { 0% {opacity: 1} } @keyframes empty { 0% {opacity: 1} } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-moz-keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @keyframes fadeOut { 0% { opacity:1; } 100% { opacity:0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } }