body{ margin: 0px; padding: 0px; color: #000000; font-family: 'Open Sans', 'sans-serif'; font-size: 12px; } /*e7e8e9*/ body.jar{ background: #e6e7e9 url("../img/pozadie-jar.jpg") no-repeat center 0px; } body.leto{ background: #e6e7e9 url("../img/pozadie-leto.jpg") no-repeat center 0px; } body.jesen{ background: #e6e7e9 url("../img/pozadie-jesen.jpg") no-repeat center 0px; } body.zima{ background: #e6e7e9 url("../img/pozadie-zima.jpg") no-repeat center 0px; } a{ text-decoration: none; color: #0c708b; } a:hover{ text-decoration: underline; } .scrollableContent a{color: black} .clr{ clear: both; width: 0px; height: 0px; } .centerText{ text-align: center; } .left{ float: left; } .right{ float: right; } #main{ width: 1000px; margin: 0px auto; } #headerTopSpace{ position: relative; height: 116px; } #headerBottomSpace{ height: 40px; } #mainLogo{ display: block; position: absolute; width: 107px; top: 30px; left: 10px; height: 70px; background: url("../img/mainLogoClear.png") no-repeat; } #nameSpace{ position: absolute; top: 36px; right: 0px; color: #d1d1d3; font-size: 11px; } .flowerLink{ color: #d1d1d3; padding-left: 16px; background: url("../img/flower.gif") no-repeat left center; } #langSwitch{ margin-left: 28px; } #langSwitch a{ color: black; } #bannerHeader{ position: absolute; top: 0px; left: 114px; width: 414px; height: 106px; } #mainMenu{ margin: 0px 0px 0px 10px; padding: 0px; } #mainMenu li{ list-style: none; float: left; } #mainMenu li a{ display: block; background: url("../img/menu-102px.png") no-repeat 0 0; font-size: 11px; font-weight: bold; line-height: 40px; float: left; margin-right: 2px; width: 102px; height: 40px; color: #FFFFFF; text-align: center; } #mainMenu li a:hover{ background: url("../img/menu-102px.png") no-repeat 0 -40px; text-decoration: none; } #mainMenu li .first, #mainMenu li .last{ display: block; background: url("../img/menu-101px.png") no-repeat 0 0; font-size: 11px; font-weight: bold; line-height: 40px; float: left; margin-right: 2px; width: 101px; height: 40px; color: #FFFFFF; text-align: center; } #mainMenu li .first:hover, #mainMenu li .last:hover{ background: url("../img/menu-101px.png") no-repeat 0 -40px; text-decoration: none; } #mainMenu li ul{position:absolute;visibility:hidden;z-index:1000;margin:0;padding:0} #mainMenu li ul li{float:none;line-height:26px;text-align:left;width:156px} #mainMenu li ul li a{text-align:left;background:#bd2553 no-repeat left center;color:#FFFFFF;font-weight:bold;width:156px;border-top:1px solid #861037;padding:0 12px} #mainMenu li ul li a:hover{background:#861037 no-repeat left center;border-top:1px solid #861037;color:#FFFFFF} #archiveBtn{ position: absolute; right: 137px; top: 58px; background: url("../img/archiveBtn.png") no-repeat 0px -60px; width: 138px; height: 60px; } #archiveBtn.active, #archiveBtn:hover{ right: 137px; top: 58px;background: url("../img/archiveBtn.png") no-repeat 0px 0px; } #liveBtn{ position: absolute; right: 0px; top: 58px; background: url("../img/liveBtn.png") no-repeat 0px -60px; width: 138px; height: 60px; } #liveBtn.active, #liveBtn:hover{ right: 0px; top: 58px; background: url("../img/liveBtn.png") no-repeat 0px 0px; } .mainSlider { position: relative; overflow: auto; width: 724px; height: 362px; margin-left: 9px; margin-top: 8px; } .mainSlider li { list-style: none; width: 724px; height: 362px; } .mainSlider ul{ margin: 0px; -webkit-padding-start: 0px; padding: 0px; } .mainSlider ul li h1{ margin: 0px; padding: 0px; font-size: 20px; } .mainSlider ul li { float: left; } .mainSlider ul li .mainBlock{ display: block; width: 724px; height: 362px; color: black;} .mainSlider ul li .descbox{ display: block; z-index: 100; position: relative; top: 210px; left: 480px; padding: 15px; width: 214px; height: 121px; background: url("../img/sliderDescBg.png") no-repeat; } .mainSlider ul li .mainBlock:hover{ text-decoration: none; } .mainSlider ul li .mainBlock:hover h1{text-decoration: underline;} .mainSlider p{ margin: 0px; font-size: 12px; } .mainSlider .dots{ z-index: 200; } .mainSlider .bottom{ width: 80px; height: 32px; position: absolute; top: 110px; left: 15px;} .mainSlider .params{ color: #0d6e8a; font-weight: bold; width: 100px; line-height: 32px; } .mainSlider .params .date{ width: 32px; height: 32px; text-align: center; background: url("../img/paramBg.png") no-repeat; color: #bd2553; float: left; margin-right: 5px; } .mainSlider .params .time{ height: 32px; float: left;} .mainSlider .dots{ position: absolute; left: 0; right: 0; bottom: 0px; left: 560px; } .mainSlider .dots li { display: inline-block; width: 12px; height: 12px; margin: 0 4px; text-indent: -999em; cursor: pointer; background: url("../img/sliderDots.png") no-repeat 0px 0px; } .mainSlider .dots li.active{ background: url("../img/sliderDots.png") no-repeat 0px -12px; } .underCoverCustomBox{ margin-top: 12px; } .underCoverCustomBox h1{ margin: 0px; font-size: 18px; padding: 0px; font-weight: bold; color: black; } .contacts { font-size: 12px; } .spojka .contentBlock, .contacts .contentBlock{ background: url("../img/contact_divider.png") repeat-x; padding-top: 32px; } .spojka .contentBlock{ padding: 32px 15px; } .contacts .address{ padding-left: 132px; background: url("../img/contact_address.png") no-repeat 44px 0px; min-height: 66px;} .contacts .phone{ padding-left: 132px; background: url("../img/contact_phone.png") no-repeat 44px 0px; min-height: 66px; } .contacts .email{ padding-left: 132px; background: url("../img/contact_email.png") no-repeat 44px 0px; min-height: 66px; } .contacts .places{ padding-left: 132px; background: url("../img/contact_places.png") no-repeat 60px 0px; min-height: 66px; } .spojka h3, .spojka h2, .contacts h3{ margin: 0px 0px 28px 0px; color: #bd2553; } .contacts h3.club{ color: black; } .contacts p{ padding: 0px 0px 30px 0px; margin: 0px; } .contacts p.last{ padding: 0px 0px 14px 0px; } .supportFlag{ margin: 22px 0px; padding-left: 272px; font-size: 18px; } .supportFlag.skFlag{ background: url("../img/flagSK.png") no-repeat 160px center; } .supportFlag.czFlag{ background: url("../img/flagCZ.png") no-repeat 160px center; } .supportUs{ margin-top: 30px; padding-left: 18px; } .supportUs h3{ margin: 0px 0px 28px 0px; color: #bd2553; font-weight: bold; } .supportUs p{ font-size: 12px; } .supportUs .supportDivider{ height: 12px; } .customcover{ display: block; width: 724px; height: 141px; text-align: center; line-height: 141px; color: white; font-size: 34px; font-weight: bold; } .customcover.cover-podporte-nas{ background: url("../img/cover/podporte_nas.png") no-repeat; } .customcover.cover-contact{ background: url("../img/cover/contact.jpg") no-repeat; } .customcover.cover-relacie{ background: url("../img/cover/relacie.png") no-repeat; } .customcover.cover-registration{ background: url("../img/cover/prihlaska_do_klubu.png") no-repeat; } .customcover.cover-bazar{ background: url("../img/cover/bazar.png") no-repeat; } #centralSpace{ background: #FFFFFF url("../img/cental_bg.png"); } #content{ width: 742px; float: left; min-height: 300px; } #contentInner{ padding: 9px; } #contentInner .mainSlider{ margin: 0px; } #contentInner .horizontalScroller{ margin-left: 0px; } #contentInner .programBanners{ margin-left: 0px; padding-left: 0px; } #contentInner .contentDivider{ height: 4px; background: url("../img/contentDivider.png") no-repeat; } #contentInner .articleDetail{ margin: 0px; padding: 0px; font-size: 12px; } #contentInner .articleDetail .title{ font-weight: bold; color: black; display: block; } #contentInner .articleDetail .published{ color: #a7a9ac; display: block; margin-top: 18px; margin-bottom: 18px; float: right; text-align: right; font-size: 90%; } #contentInner .articleDetail .cover{ padding: 0px 15px 15px 0px; } #contentInner .articleDetail .articleBottom{ margin-top: 36px; height: 25px; margin-bottom: 40px; } #contentInner .articleDetail .articleBottom .back{ float: left; margin: 0px; color: #a7a9ac; line-height: 25px; display: block; height: 25px; background: url("../img/articleBackArr.png") no-repeat 0px center; padding-left: 36px; width: 36px; } #contentInner .articleDetail .articleBottom .socials{ float: right; } #contentInner .articleDetail a{ color: #0d6e8a; } #content .contentHeading{ margin: 12px 0px 9px 0px; padding: 0px; font-size: 18px; font-weight: bold; } #mobileDeviceSwitch{ margin: 9px 0px; color: #a7a9ac; text-align: center; min-height: 48px; line-height: 48px; } #mobileDeviceSwitch a{ height: 48px; display: block; float: left; color: #a7a9ac; font-size: 12px; text-align: left; } #mobileDeviceSwitch .iphone{ background: url("../img/liveBtnIos.png") no-repeat 0px center; margin-left: 22px; width: 208px; } #mobileDeviceSwitch .android{ background: url("../img/liveBtnAndroid.png") no-repeat 0px center; margin-left: 22px; width: 208px; } #mobileDeviceSwitch .windows{ background: url("../img/liveBtnWindows.png") no-repeat 0px center; margin-left: 22px; width: 208px; } .programBanners{ margin-top: 12px; padding-left: 9px; min-height: 96px; } .programBanners a{ margin-right: 12px; display: block; float: left; width: 172px; height: 96px; } .programBanners a img{ width: 172px; height: 96px; } .programBanners .last{ margin-right: 0px; } .programBanners .last:after{ clear: both; } .content_under_slider{ margin-top: 40px; } .horizontalScroller{ margin-bottom: 12px; margin-top: 12px; margin-left: 9px; margin-right: 9px; width: 724px; } .horizontalScroller .content{ height: 215px; background: url("../img/scrollerContentBg.png") repeat-x; } .horizontalScroller .leftArrow{ width: 29px; float: left; background: url("../img/horScrollerLeftBg.png") repeat-y; } .horizontalScroller .leftArrow a{ display: block; width: 29px; height: 215px; margin: 0px; } .horizontalScroller .leftArrow .active{ cursor: pointer; background: url("../img/blackArrowLeftAct.png") no-repeat center center; } .horizontalScroller .leftArrow .deactivateArrow{ background: url("../img/blackArrowLeftDeact.png") no-repeat center center; } .horizontalScroller .rightArrow{ width: 29px; float: right; background: url("../img/horScrollerLeftBg.png") repeat-y; } .horizontalScroller .rightArrow a{ display: block; width: 29px; height: 215px; margin: 0px; } .horizontalScroller .rightArrow:after{ clear: both; } .horizontalScroller .rightArrow .active{ cursor: pointer; background: url("../img/blackArrowRightAct.png") no-repeat center center; } .horizontalScroller .rightArrow .deactivateArrow{ background: url("../img/blackArrowRightDeact.png") no-repeat center center; } .horizontalScroller h3{ margin: 0px 0px 9px 0px; font-size: 18px; padding: 0px; } .horizontalScroller .scrollableContent{ width: 666px; float: left; overflow: hidden; } .horizontalScroller .scrollableContent .inner{ width: 3330px; position: relative; } .horizontalScroller .desc{ font-size: 12px; } .horizontalScroller a{ display: block; margin: 0px 7px; font-size: 13px; float: left; width: 208px; height: 215px; } .horizontalScroller a:hover{ text-decoration: none; } .horizontalScroller a:hover .title{ text-decoration: underline; } .horizontalScroller .cover{ margin-bottom: 14px; display: block; width: 208px; height: 117px; } .horizontalScroller .title{ font-weight: bold; margin-bottom: 8px; } .horizontalScroller .last:after{ clear: both; } .cyan .title{ color: #0b708b; } .cyan .leftArrow .active{ cursor: pointer; background: url("../img/cyanArrowLeftAct.png") no-repeat center center; } .cyan .leftArrow .deactivateArrow{ background: url("../img/blackArrowLeftDeact.png") no-repeat center center; } .cyan .rightArrow .active{ cursor: pointer; background: url("../img/cyanArrowRightAct.png") no-repeat center center; } .cyan .rightArrow .deactivateArrow{ background: url("../img/cyanArrowRightDeact.png") no-repeat center center; } .red .title{ color: #bd2553; } .red .leftArrow .active{ cursor: pointer; background: url("../img/redArrowLeftAct.png") no-repeat center center; } .red .leftArrow .deactivateArrow{ background: url("../img/redArrowLeftDeact.png") no-repeat center center; } .red .rightArrow .active{ cursor: pointer; background: url("../img/redArrowRightAct.png") no-repeat center center; } .red .rightArrow .deactivateArrow{ background: url("../img/redArrowRightDeact.png") no-repeat center center; } #programScroller{ margin-bottom: 15px; margin-top: 6px; } #programScroller h3{ margin: 0px 0px 5px 0px; padding: 0px; color: #bd2553; font-size: 18px; font-weight: bold; } #programScroller .outer{ border: 1px solid white; background: #f1f1f2; } #programScroller .scrollBox{ padding: 6px 12px; font-size: 12px; font-weight: bold; height: 168px; } #programScroller .scrollBox ul{ margin: 0px; padding: 0px; } #programScroller .scrollBox ul li{ list-style: none; margin-bottom: 6px; } #programScroller .scrollBox ul li.active{ font-size: 110%; text-decoration: underline; } #programScroller .scrollBox ul li span{ color: #0d6f8a; padding-right: 8px; } #programScroller .scrollBox ul li a{ color: #bd2553; } #tvProgramList{ } #tvProgramList .listHeader{ background: url("../img/tvProgramHeaderBg.png") no-repeat; height: 127px; width: 724px; } #tvProgramList .listHeader .listBefore{ background: url("../img/tvProgramWeekLeft.png") no-repeat; display: block; width: 29px; height: 127px; float: left; } #tvProgramList .listHeader .listAfter{ background: url("../img/tvProgramWeekRight.png") no-repeat; display: block; width: 29px; height: 127px; float: right; } #tvProgramList .listHeader .listAfter:after{ clear: both; } #tvProgramList .listHeader .daysBox{ width: 666px; height: 127px; float: left; } #tvProgramList .listHeader .weekNumber{ font-size: 12px; color: #f58220; text-align: center; line-height: 30px; height: 31px; font-weight: bold; } #tvProgramList .listHeader .dayList{ } #tvProgramList .listHeader .daysBox a{ float: left; margin: 14px 13px 0px 14px; background: url('../img/tvProgramDayBtns.png') no-repeat 0px 0px; width: 68px; height: 68px; font-weight: bold; overflow: hidden; font-size: 28px; color: #bd2553; text-align: center; } #tvProgramList .listHeader .daysBox a:hover, #tvProgramList .listHeader .daysBox a.today{ background: url('../img/tvProgramDayBtns.png') no-repeat -68px 0px; color: white; text-decoration: none; } #tvProgramList .listHeader .daysBox a span{ display: block; margin-top: 8px; font-size: 11px; } #tvProgramList .primeDesc{ float: right; margin-top: 12px; text-transform: uppercase; color: #808285; font-size: 11px; padding-right: 18px; text-align: right; background: url("../img/premierStar.png") no-repeat right center; } #tvProgramList .printToday{ float: left; margin-top: 12px; color: #808285; font-size: 11px; padding-left: 18px; text-align: left; background: url("../img/printer16.png") no-repeat left center; } #tvProgramList .programItemList .programItem .premier{ background: url("../img/premierStar.png") no-repeat right 23px; } #tvProgramList .programItemList{ width: 666px; margin: auto; } #tvProgramList .programItemList .programItem{ border-bottom: 1px solid #a7a9ac; height: 59px; } #tvProgramList .programItemList .programItem .time{ float: left; width: 90px; padding-right: 10px; font-size: 26px; color: #0b708b; text-align: right; padding-top: 12px; } #tvProgramList .programItemList .programItem .ageRestriction{ float: left; width: 18px; margin-left: 4px; margin-right: 14px; padding-top: 10px; color: silver; } #tvProgramList .programItemList .programItem .desc{ width: 526px; float: left; padding-top: 10px; font-size: 12px; } #tvProgramList .programItemList .programItem .desc:after{ clear: both; } #tvProgramList .programItemList .programItem .title{ color: #bd2553; font-weight: bold; cursor: pointer; } #tvProgramList .programItemList .programItem .notice{ margin-top: 6px; } #tvProgramList .programItemList .programItem .noticeFull{ margin-top: 6px; padding-right: 38px; display: none; } #tvProgramList .programNotice{ margin: 15px 0px 15px 30px; color: #808285; font-size: 11px; } #tvProgramList .selected{ background-color: #feedba; } #rightBar{ width: 240px; float: right; background: #dcdddf; min-height: 300px; padding: 8px 9px; } #rightBar .banner{ display: block; } #paypalBox{ height: 97px; margin-bottom: 17px; float: left; width: 115px; margin-right: 8px; } #tvPartners{ margin-bottom: 6px; text-align: center; color: #58595b; } #tvPartners h4{ margin: 0px 0px 8px 0px; text-align: left; font-weight: bold; padding: 0px; font-size: 16px; } #tvPartners .partner{ float: left; width: 115px; font-size: 11px; font-weight: bold; } #tvPartners .partner a{ display: block; width: 115px; height: 58px; background: #e9eaeb url("../img/logoKBS.png") no-repeat center center; margin-bottom: 8px; } #tvPartners .lux{float: right;} #tvPartners .lux a{ background: #e9eaeb url("../img/logoLUX.png") no-repeat center center; } #adsPartners{ margin-top: 12px; } #adsPartners h4{ margin: 0px 0px 8px 0px; text-align: left; font-weight: bold; padding: 0px; font-size: 16px; color: #bd2553; } #adsPartners a{ margin-bottom: 1px; display: block; width: 240px; height: 107px; } .searchSpace{ position: relative; background: url("../img/searchBg.png") no-repeat; float: right; width: 260px; height: 33px; } .searchSpace input[type=text]{ border: 0px; background: transparent; margin: 2px 0px 0px 8px; width: 220px; color: #b4b4b4; height: 26px; outline: none; } .searchSpace a{ position: absolute; width: 31px; height: 31px; top: 0px; right: 0px; } #facebookLikes{ background-color: #f8f8fb; padding: 20px;} #footer{ background-color: #4b4b4b; color: #a7a9ac; padding: 30px; font-size: 14px; } #footer ul{ padding: 0px; margin: 0px; float: left; background: url("../img/footerBlockBg.png") no-repeat left; padding-left: 14px; width: 146px; } #footer ul li{ list-style: none; margin-bottom: 9px; } #footer a{ color: #a7a9ac; } #footer .logoBlock{ float: left; width: 165px; margin-left: 4px; } #footer .myTv{ margin-left: 10px; margin-top: 15px; } #footer .addressBlock { float: left; background: url("../img/footerBlockBg.png") no-repeat left; padding-left: 14px; font-size: 11px; width: 246px; } #footer .addressBlock span{ text-transform: uppercase; font-weight: bold; display: block; margin-bottom: 17px; } #footer .socialBlock{ float: left; width: 186px; } #footer .socialBlock a{ display: block; float: left; text-align: center; font-size: 11px; width: 55px; margin-bottom: 10px; margin-right: 10px; } #footer .socialBlock a i{ font-size: 38px; display:block; } #footer .socialBlock a:hover{text-decoration: none; color: white;} #footer .socialBlock .last{ margin-right: 0px; } #footer .mobileLinks{ text-align: center; color: #808285; font-family: 'Enriqueta', 'serif'; font-size: 24px; margin-bottom: 0px; margin-top: 30px; } #footer .quote{ text-align: center; color: #808285; font-family: 'Enriqueta', 'serif'; font-size: 24px; margin-bottom: 40px; margin-top: 20px; } #footer .copy{ text-align: center; color: #808285; font-size: 11px; } .pages{ text-align: center; color: #939598; line-height: 15px; } .pages a{ color: #939598; padding: 0px 4px; line-height: 15px; display:inline-block; } .pages .actual{ color: black; font-weight: bold; padding: 0px 4px 0px 4px; } .pager{ text-align: center; } /* --- NEED MOVE --- */ #klubRegForm{ background: #ffe8b6; } #klubRegForm .formBlockNormal{ padding: 20px 45px 10px 45px; } #klubRegForm .formBlockDark{ background: #fecf8d; padding: 10px 45px 10px 45px; } #klubRegForm .formlabel{ width: 181px; } #klubRegForm select, #klubRegForm textarea, #klubRegForm input{ border: 1px solid #f47b20; } #klubRegForm input[type=text]{width: 450px; height: 26px;} #klubRegForm input[type=text].w225{width: 225px; height: 26px;} #klubRegForm select{ width: 225px; height: 26px; background-color: white; } #klubRegForm textarea{ width: 450px; } #klubRegForm input[type=text].reqNumber{ width: 100px; } #klubRegForm .invitedTitle{ margin-bottom: 28px; } #klubRegForm input[type=submit], #klubRegForm input[type=reset]{ width: 140px; height: 40px; margin: 11px; border: 0px; cursor: pointer; } #klubRegForm input[type=submit]{ background: url("../img/regFormSendBtn.png") no-repeat; } #klubRegForm input[type=reset]{ background: url("../img/regFormResetBtn.png") no-repeat; } #klubRegForm a{ text-decoration: underline; color: #bd2553; } #klubRegForm .attitem{ margin-top: 10px; } #spojkaRegForm{ background: #ACE2E1; } #spojkaRegForm .formBlockNormal{ padding: 20px 45px 10px 45px; } #spojkaRegForm .formBlockDark{ background: #ADCECB; padding: 10px 45px 10px 45px; } #spojkaRegForm .formlabel{ width: 181px; } #spojkaRegForm select, #spojkaRegForm textarea, #spojkaRegForm input{ border: 1px solid #7FCBE2; } #spojkaRegForm input[type=text]{width: 450px; height: 26px;} #spojkaRegForm input[type=text].w225{width: 225px; height: 26px;} #spojkaRegForm select{ width: 225px; height: 26px; background-color: white; } #spojkaRegForm textarea{ width: 450px; } #spojkaRegForm input[type=text].reqNumber{ width: 100px; } #spojkaRegForm .invitedTitle{ margin-bottom: 28px; } #spojkaRegForm input[type=submit], #spojkaRegForm input[type=reset]{ width: 140px; height: 40px; margin: 11px; border: 0px; cursor: pointer; } #spojkaRegForm input[type=submit]{ background: url("../img/regFormSendBtn.png") no-repeat; } #spojkaRegForm input[type=reset]{ background: url("../img/regFormResetBtn.png") no-repeat; } #alphabet{margin-top: 13px; font-weight: bold; min-height: 16px;} #alphabet a{display: block; float: left; text-align: center; width: 27px; color: #939598;} #alphabet a.first{text-align: left; width: 13px;} #alphabet a.active{color: #bd2553;} #archiveRightBar h2{ background: #0b718c; text-align: center; color: white; padding: 10px 0px; font-size: 18px; font-weight: normal; margin: 0px; } #archiveRightBar h4{ color: #0b718c; font-size: 12px; margin-top: 28px; margin-bottom: 14px; font-weight: bold; padding: 0px; } #archiveRightBar .searchBox{ background: url("../img/archive_search.png") no-repeat; width: 240px; height: 31px; position: relative; } #archiveRightBar .searchBox input[type=text]{ width: 200px; height: 28px; margin-left: 5px; margin-top: 0px; outline: none; border: 0px; background: transparent; } #archiveRightBar .searchBox a{ position: absolute; top: 0px; right: 0px; width: 31px; height: 31px; display: block; } .archivecalendar{height:240px;width:240px;margin-bottom:0px;margin-left:auto;margin-right:auto} .jCal{width:240px;height:21px;text-align:center;vertical-align:top;margin:auto} .jCalMo{width:240px;float:left;overflow:visible;height:100%;white-space:nowrap} .jCal .month,.jCal .monthSelect,.jCal .monthName,.jCal .monthYear{line-height:31px;height:31px;text-align:center;vertical-align:bottom;font-size:8pt;color:#000;cursor:pointer;float:left} .jCal .monthName{padding-left:2px;padding-right:2px;text-align:right;font-weight:700;width:64px} .jCal .monthYear{float:right;padding-left:2px;padding-right:2px;text-align:left;font-weight:700;width:64px} .jCal .monthSelect{background: #EDEDED; } .jCal .monthSelector{position:absolute} .jCal .monthSelectorShadow{position:absolute;background:gray;padding:0} .jCal .monthNameHover{background:#EDEDED center left no-repeat;color:gray} .jCal .monthYearHover{background:#EDEDED center right no-repeat;color:gray} .jCal .monthSelectHover{background:#0b718c;color:#FFF} .jCalMo .dow,.jCalMo .day,.jCalMo .pday,.jCalMo .aday,.jCalMo .overDay,.jCalMo .invday,.jCalMo .selectedDay{width:32px;font-size:8pt;color:#000;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #EEE;text-align:center;cursor:default;float:left} .jCalMo .dow{background:#EEE url(../img/eeGrad.gif) bottom repeat-x;border-bottom:0} .jCalMo .day,.jCalMo .invday{height:31px;text-align:center;line-height:31px} .jCalMo .day{cursor:pointer;background:#FFF} .jCalMo .invday{color:gray;background:#eee;text-decoration:line-through} .jCalMo .pday,.jCalMo .aday{height:31px;background:#e3e3e3;color:#CCC} .jCalMo .selectedDay{color:#FFF;background:#0b718c} .jCalMo .overDay{color:#FFF;background:#0b718c} .jCal .left{background:url(../img/_left.gif) center center no-repeat;width:13px;height:13px;vertical-align:middle;cursor:pointer;float:left;padding-left:4px;margin-top:4px} .jCal .right{background:url(../img/_right.gif) center center no-repeat;width:13px;height:13px;vertical-align:middle;cursor:pointer;float:right;padding-right:4px;margin-top:4px} .jCalMask,.jCalMove{position:absolute;overflow:hidden} #archiveHomeTabs ul{ margin: 0px 0px 14px 36px; padding: 0px; width: 652px; } #archiveHomeTabs ul li{ width: 157px; list-style: none; cursor: pointer; height: 40px; background: url("../img/tabButtons157.png") no-repeat 0px -40px; color: #a7a9ac; font-size: 18px; line-height: 40px; text-align: center; float: left; margin-right: 8px; } #archiveHomeTabs ul li.last{ margin-right: 0px; } #archiveHomeTabs ul li.active, #archiveHomeTabs ul li:hover{ background: url("../img/tabButtons157.png") no-repeat 0px 0px; color: #0b718c; } #archiveHomeTabs .tabContent{ margin-top: 14px; } #archiveHomeTabs .tabContent .tab{ display: none; } #archiveHomeTabs .tabContent .tab.active{ display: block; } .archivListing{ width: 652px; margin: auto; } .archivListing .item{ float: left; width: 208px; height: 248px; margin-right: 14px; overflow: hidden; display: block; } .archivListing .item:hover{ text-decoration: none; } .archivListing .item:hover .archiveItemTitle{ text-decoration: underline; } .archivListing .item.last{ margin-right: 0px; } .archivListing .item .thumb img{ display: block; width: 208px; height: 117px; margin-bottom: 14px; } .archivListing .archiveItemTitle{ color: #0b718c; font-weight: bold; font-size: 12px; margin-bottom: 6px; padding: 0px 3px; height: 34px; } .archivListing .archiveItemDesc{ margin-bottom: 6px; padding: 0px 3px; font-size: 11px; height: 30px; overflow: hidden; } .archivListing .archiveItemBottom .date{ color: #a7a9ac; float: left; padding-left: 3px; font-size: 11px; width: 70px; } .archivListing .archiveItemBottom .rating{ float: right; color: #fbad18; } .archivListing .archiveItemBottom .ratingStars{ float: right; width: 50px; margin-right: 10px; } .archivListing .archiveItemBottom .ratingStars:after{ clear: both; } .archivSelectRel{ background: url("../img/selectShowBg.png") no-repeat; width: 240px; min-height: 31px; color: #0b718c; padding: 8px 0px 0px 8px; } #archiveDetail .archivePlayTitle{ font-size: 18px; font-weight: bold; margin-bottom: 4px; } #archiveDetail .archivePlayTitle .title{ float: left; } #archiveDetail .archivePlayTitle .date{ float: right; color: #a7a9ac; } #archiveDetail .player{ max-width: 724px; } .playerVideoStats{ margin-top: 14px; } .archiveListingTitle{ font-size: 18px; font-weight: bold; margin-bottom: 4px; } .archiveListingTitle .subTitle{ font-size: 16px; color: #a7a9ac; } .playerVideoDesc{ margin-top: 40px; } .playerVideoSocials{ margin-top: 26px; float: right; } #archiveDetail .videoNextParts{ margin-top: 14px; } .ratingBox{ float: left; width: 60px; margin-left: 8px; margin-right: 8px; margin-top: 4px; } .fakeTab{ margin: 0px 0px 14px 0px; padding: 0px; width: 280px; height: 40px; background: url("../img/tab280active.png") no-repeat 0px 0px; color: #0b718c; font-size: 18px; line-height: 40px; text-align: center; margin-right: 9px; } /*.flowplayer{ width: 724px; height: 407px; }*/ #relacieListing{ width: 652px; margin: 20px auto 0px auto; } #relacieListing a{ float: left; width: 208px; height: 248px; margin-right: 14px; overflow: hidden; display: block; } #relacieListing a.last { margin-right: 0px; } #relacieListing a .thumb img { display: block; width: 208px; height: 117px; margin-bottom: 14px; } #relacieListing .relaciaTitle { color: #0b718c; font-weight: bold; font-size: 12px; margin-bottom: 6px; padding: 0px 3px; height: 34px; } #relacieListing .relaciaDescription{ margin-bottom: 6px; padding: 0px 3px; font-size: 11px; height: 30px; overflow: hidden; } #relacieListing a:hover{ text-decoration: none; } #relacieListing a:hover .relaciaTitle{ text-decoration: underline; } #relacieListing .thumb{position: relative;} #relacieListing .thumb .deaf{ position: absolute; top: 5px;right: 5px;width: 36px;height: 36px;} #detailRelacie .cover{ height: 360px; position: relative; } #detailRelacie .cover .title{ position: absolute; top: 140px; left: 0px; color: white; height: 80px; width: 100%; line-height: 80px; font-size: 28px; text-align: center; background: rgba(255,255,255,0.4);} #detailRelacie .mainInfoBox{ font-size: 14px; color: #939598; } #detailRelacie .mainInfoBox .liveStream{ float: left; } #detailRelacie .mainInfoBox .relaciaZaner{ float: right; margin-top: 9px; } #detailRelacie .mainInfoBox .liveStream .label{ color: #f7941d; float: left; } #detailRelacie .mainInfoBox .relaciaZaner span{ color: #f7941d; } #detailRelacie .mainInfoBox .liveStream{ color: #0d6e8a; font-weight: bold; width: 200px; line-height: 32px; } #detailRelacie .mainInfoBox .liveStream .date{ width: 32px; height: 32px; text-align: center; background: url("../img/paramBg.png") no-repeat; color: #bd2553; float: left; margin-right: 5px; } #detailRelacie .mainInfoBox .liveStream .time{ height: 32px; float: left;} #detailRelacie .mainInfoBox .links{ width: 175px; margin-left: 74px; float: left; background: url("../img/linksDivider.png") no-repeat; padding-left: 3px; } #detailRelacie .mainInfoBox .links .rssLink{ display: block; float: left; width: 76px; height: 40px; background: url("../img/linkRss.png") no-repeat center; } #detailRelacie .mainInfoBox .links .iTunesLink{ display: block; float: left; width: 98px; height: 40px; background: url("../img/linkiTunes.png") no-repeat center;} .playerVideoStats .links{ width: 175px; margin-left: 150px; margin-top: -12px; float: left; background: url("../img/linksDivider.png") no-repeat; padding-left: 3px; } .playerVideoStats .links .rssLink{ display: block; float: left; width: 76px; height: 40px; background: url("../img/linkRss.png") no-repeat center; } .playerVideoStats .links .iTunesLink{ display: block; float: left; width: 98px; height: 40px; background: url("../img/linkiTunes.png") no-repeat center;} #detailRelacie .descBox{ margin-top: 40px; margin-bottom: 40px; } #programSubscribeBox{ margin-bottom: 14px; } #programSubscribeBox h3{ margin: 0px 0px 5px 0px; padding: 0px; font-size: 18px; font-weight: bold; } #programSubscribeBox .programSubscribeBoxContent{ border: 1px solid #0d6f8a; background-color: #e9eaeb; padding: 8px 11px; } #programSubscribeBox .desc{ color: #0d6f8a; margin-bottom: 8px; } #programSubscribeBox div label{ display: block; float: left; width: 70px; line-height: 28px;} #programSubscribeBox div input[type=text]{display: block; float: left; width: 138px; height: 28px; border: 1px solid #cbcbcb; background-color: #e5e5e5;} #programSubscribeBox div input[type=text]::after{clear: both;} #programSubscribeBox form div{ margin-bottom: 4px; } #programSubscribeBox .radioBtns{ height: 28px; line-height: 28px; } #programSubscribeBox input[type=submit]{ display: block; background: url("../img/sendTvSubscribeBtn.png") no-repeat; width: 100px; height: 28px; border: 0px; cursor: pointer; margin: 4px auto 0px auto; } .articleQuote{ padding: 38px 0px; text-align: center; color: #939598; font-size: 16px; background: url("../img/bottomLine.png") no-repeat bottom center; margin-bottom: 38px;} /* --- NEED REBUILD --- */ .partbans_item{ width:240px; display:none; height: 230px; } #bazarListing .bid{ border-bottom: 1px solid #9a9a9a; padding: 20px 0px; min-height: 233px; } #bazarListing{ border-top: 1px solid #9a9a9a; } #bazarListing .bid .photos{ float: left; width: 304px; min-height: 200px; margin-right: 20px; } #bazarListing .bid .description{ float: left; width: 400px; } #bazarListing .bid .description:after{ clear: both; } #bazarListing .bid .mainPhoto{ width: 304px; height: 171px; margin-bottom: 20px; display: block; } #bazarListing .bid .description h4{ margin: 0px 0px 25px 0px; color: #0d6f8a; font-size: 14px; font-weight: bold; } #bazarListing .bid .shortDesc{ max-height: 60px; margin-bottom: 20px; color: #0d6f8a; overflow: hidden; } #bazarListing .bid .longDesc{ min-height: 80px; color: #b3b3b3; overflow: hidden; } #bazarListing .bid .price{ font-size: 14px; width: 400px; float: right; text-align: left; margin-top: 10px; } #bazarListing .bid .miniphotos .p{ width: 96px; height: 54px; float: left; margin: 0px 8px 0px 0px; } #bazarListing .bid .miniphotos .p a{ width: 96px; height: 54px; display: block; } #bazarListing .bid .miniphotos .last { margin: 0px 0px 0px 0px; } .marketingBoss{ margin-top: 28px; margin-bottom: 40px; color: #0c708b; height: 68px; } .marketingBoss .strojny{ width: 68px; height: 68px; background: url("../img/strojny.png") no-repeat; float: left; margin-right: 13px; } .marketingBoss a{ color: #0c708b; } .marketingBoss .strojnyContacts{ background: url("../img/marketing_lines.png") repeat-x; float: left; width: 643px; height: 68px; } .marketingBoss .strojnyName{ font-size: 16px; margin-top: 13px; float: left; width: 178px; } .marketingBoss .strojnyName span{ font-size: 14px; display: block; } .marketingBoss .strojnyPhone{ line-height: 68px; font-size: 16px; width: 133px; float: left; background: url("../img/marketing-phone.png") no-repeat 40px center; padding-left: 67px; } .marketingBoss .strojnyEmail{ line-height: 68px; font-size: 16px; width: 193px; float: left; background: url("../img/marketing-email.png") no-repeat 30px center; padding-left: 67px; } .marketingDownloads a{ color: #0c708b; display: block; float: left; background: url("../img/marketingLinkBg.png") no-repeat; width: 172px; height: 42px; margin-right: 12px; padding-top: 22px; } .marketingDownloads a.last{ margin-right: 0px; } .homeLinks{margin: 9px 9px 0px 9px;} .homeLinks a{padding-left: 8px; margin-right: 12px; display: block; width: 164px; height: 28px; background: url("../img/link_bg.png") no-repeat; float: left; color: #808184; line-height: 28px; text-decoration: none;} .homeLinks a:hover{text-decoration: none;} .homeLinks .last{margin-right: 0px;} #tvradalisting .tvradaitem{ margin-top: 30px; width: 100%; margin-left: 36px; } #tvradalisting .tvradaitem img{ margin-right: 30px; float: left;} #tvradalisting .tvradaitem .desc{ float: left;} #tvradalisting .tvradaitem span{ display: block; } #tvradalisting .tvradaitem .role{ color: #0d6f8a; margin-bottom: 25px; margin-top: 15px; font-weight: bold; } #tvradalisting .tvradaitem .name{ color: #bd2553; margin-bottom: 4px; font-weight: bold; } #clubMenu{margin: 0px 0px 0px 0px; padding: 0px;} #clubMenu li{list-style: none; float: left; text-align: center;} #clubMenu li a{display: block; background: url("../img/klubMenuBtn.png") no-repeat; padding-top: 20px; width: 172px; height: 76px; color: #bc2552; margin-right: 12px; font-size: 18px; vertical-align: middle; text-decoration: none; font-weight: 700; } #clubMenu li a:hover, #clubMenu li a.active{ background: url("../img/klubMenuBtnOver.png") no-repeat; color: white; } #clubMenu li a.last{ margin-right: 0px; } #kpContact .photos{ float:left; margin-right: 12px; } #kpContact .content{ float:left; color: #0c708b; } #kpContact .content div{ border-top: 1px solid #0c708b; padding-left: 70px; width: 276px; font-size: 14px; } #kpContact .content .phone{ background: url("../img/kpphone.png") no-repeat 25px center; padding-top: 15px; height: 51px; } #kpContact .content .phone span{ font-size: 12px; } #kpContact .content .email{ background: url("../img/kppost.png") no-repeat 22px center; line-height: 66px; } #kpContact .content .place{ background: url("../img/kppointer.png") no-repeat 25px center; border-bottom: 1px solid #0c708b; padding-top: 15px; height: 51px; } #benefits h3{ margin: 30px 0px 30px 0px; font-size: 18px; padding: 0px; color: black; } #benefits ul{ list-style-type: none; margin: 0px 0px 24px 0px; padding: 0px; } #benefits li{ border-top: 1px solid #a7a9ac; width: 100%; } #benefits li .percent{ text-align: center; float: left; color: #0b708b; width: 126px; font-size: 26px; padding-top: 17px; padding-bottom: 17px; } #benefits li .desc{ float: left; font-size: 12px; color: black; padding-top: 14px; } #benefits li .desc h4{ margin: 0px; padding: 0px; font-weight: 700; color: #bc2552; font-size: 12px; } #benefits li:after { content:''; display:block; clear: both; } #benefits li.last{ border-bottom: 1px solid #a7a9ac; } #benefits li .percent.bulletin{ background: url("../img/ben_bulletin.png") no-repeat center center; min-height: 26px;} #benefits li .percent.mess{ background: url("../img/ben_mess.png") no-repeat center center; min-height: 26px;} #benefits li .percent.newsletter{ background: url("../img/ben_newsletter.png") no-repeat center center; min-height: 26px;} #benefits li .percent.archive{ background: url("../img/ben_archive.png") no-repeat center center; min-height: 26px;} .bulletinList{margin-top: 40px;} .bulletinList .item{float: left; max-width: 102px; max-height: 167px; margin-right: 20px;} .bulletinList .item img{ border: 1px solid #c7c7c7; } .bulletinList h3{ margin: 0px 0px 23px 0px; padding: 0px; font-weight: 700; color: #bc2552; font-size: 12px; } .bulletinList span a{ display: block; float: right; width: 20px; height: 20px; background: url("../img/download.png") no-repeat; } .bulletinList span:after{ content:''; display:block; clear: both; } #bulletins{margin-bottom: 40px;} .silverBoxMenu{ list-style-type: none; margin: 0px; padding: 0px; width: 724px; } .silverBoxMenu li{ list-style: none; float: left; text-align: center; height: 96px; margin-right: 10px; margin-bottom: 12px; } .silverBoxMenu li a{display: table; background: url("../img/silverMenuItem.png") no-repeat 0px -96px; width: 172px; height: 96px; color: #bc2552; font-size: 18px; text-decoration: none; font-weight: 700; } .silverBoxMenu li a:hover, .silverBoxMenu li a.active{ background: url("../img/silverMenuItem.png") no-repeat; color: white; } .silverBoxMenu li.last{ margin-right: 0px; } .silverBoxMenu:after{ content:''; display:block; clear: both; } .silverBoxMenu li span { display: table-cell; vertical-align: middle; text-align: center; } .blueDownload{ margin-top: 24px; display: block; float: left; min-height: 39px; width: 172px; color: #0c708b; font-weight: bold; padding-top: 12px; padding-bottom: 13px; border-bottom: 1px solid #0c708b; border-top: 9px solid #0c708b; background: url("../img/download.png") no-repeat right 39px; } .blueDownload:hover{text-decoration: none;} .blueDownload:after{ content:''; display:block; clear: both; } input.parsley-success, select.parsley-success, textarea.parsley-success { color: #468847; background-color: #DFF0D8; border: 1px solid #D6E9C6; } input.parsley-error, select.parsley-error, textarea.parsley-error { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; } .parsley-errors-list { margin: 2px 0 3px; padding: 0; list-style-type: none; font-size: 0.9em; line-height: 0.9em; opacity: 0; transition: all .3s ease-in; -o-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .parsley-errors-list.filled { opacity: 1; } .parsley-required{ color: #B94A48; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .alert-info { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .alert-danger { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } #cookie-bar {background:#464446; height:auto; line-height:24px; color:white; text-align:center; padding:3px 0;} #cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;} #cookie-bar.fixed.bottom {bottom:0; top:auto;} #cookie-bar p {margin:0; padding:0;} #cookie-bar a {color:#FFFFFF; display:inline-block; border-radius:1px; text-decoration:none; padding:0 6px; margin-left:8px;} #cookie-bar .cb-enable {background:#d80000; } #cookie-bar .cb-enable:hover {background:#ff0000;} #cookie-bar .cb-disable {background:#990000;} #cookie-bar .cb-disable:hover {background:#bb0000;} #cookie-bar .cb-policy {background:#3A87AD;} #cookie-bar .cb-policy:hover {background:#D9EDF7;} .hidden{display:none;} .klubregmsgbigger{ font-size: 18px; margin-bottom: 20px; } .klubregmsgpoints{ font-size: 14px; }