* { margin: 0; padding: 0; border: none; } body { font-family:Arial,Helvetica,sans-serif; font-size: 13px; line-height: 18px; color:#e3e3e3; background-color:#0c143c; font-weight: normal; text-align: center; } a { color: #e3e3e3; text-decoration: underline; } a:hover { color: #e3e3e3; text-decoration: none; } a.active { color: #fbfc59; } a.a-news { text-decoration: none; display: block; } a.a-news:hover { text-decoration: underline; } a.a-news span { float: left; margin-left: 260px; } a.a-news b { float: left; } .navy { color: #02092f; } #frame { width: 920px; position: relative; margin: 0 auto; text-align: left; } #frame #header { width: 920px; height: 544px; } #frame #header #top1 { width: 920px; height: 104px; background: url('../images/top1.jpg') no-repeat left top; position: relative; } #frame #header #top1 #choose-lang { position: absolute; left: 500px; top: 50px; } #frame #header #top1 #city-change { position: absolute; left: 663px; top: 50px; } #frame #header #top1 #city-change select { border: 1px #aaa096 solid; background-color: #eceddd; color: #000; width: 160px; height: 18px; float: left; font-size: 11px; } #frame #header #top1 #city-change input { border: 1px #4f619f solid; background-color: #4f619f; color: #000; width: 70px; height: 18px; float: left; margin-left: 12px; font-size: 11px; } html>body #frame #header #top1 #city-change input { padding-bottom: 3px; } #frame.lang-pl #header #top2 { width: 920px; height: 356px; position: relative; background: url('../images/kopalnia_banner_920_356_px.jpg') no-repeat left top; } #frame.lang-en #header #top2 { width: 920px; height: 356px; position: relative; background: url('../images/kopalnia_banner_920_356_px.jpg') no-repeat left top; } #frame #header #top2 span { position: absolute; top: 320px; right: 20px; font-size: 12px; } #frame #header ul { list-style: none; width: 920px; height: 84px; } #frame #header ul li { display: inline; } #frame #header ul li a { height: 84px; float: left; } #frame.lang-pl #header ul li#okinie a { background-image: url('../images/menu-okinie.jpg'); width: 153px; } #frame.lang-pl #header ul li#repertuar a { background-image: url('../images/menu-repertuar.jpg'); width: 154px; } #frame.lang-pl #header ul li#zapowiedzi a { background-image: url('../images/menu-zapowiedzi.jpg'); width: 155px; } #frame.lang-pl #header ul li#lokalizacje a { background-image: url('../images/menu-lokalizacje.jpg'); width: 154px; } #frame.lang-pl #header ul li#ceny a { background-image: url('../images/menu-ceny.jpg'); width: 154px; } #frame.lang-pl #header ul li#kontakt a { background-image: url('../images/menu-kontakt.jpg'); width: 150px; } #frame.lang-pl #header ul li#rezerwacje a { background-image: url('../images/menu-rezerwacje.jpg'); width: 150px; } #frame.lang-pl #header ul li#media_onas a { background-image: url('../images/m-media.jpg'); width: 150px; } #frame.lang-en #header ul li#okinie a { background-image: url('../images/menu-about.jpg'); width: 153px; } #frame.lang-en #header ul li#repertuar a { background-image: url('../images/menu-repertoire.jpg'); width: 154px; } #frame.lang-en #header ul li#zapowiedzi a { background-image: url('../images/menu-coming.jpg'); width: 155px; } #frame.lang-en #header ul li#lokalizacje a { background-image: url('../images/menu-location.jpg'); width: 154px; } #frame.lang-en #header ul li#ceny a { background-image: url('../images/menu-price.jpg'); width: 154px; } #frame.lang-en #header ul li#kontakt a { background-image: url('../images/menu-contact.jpg'); width: 150px; } #frame.lang-en #header ul li#rezerwacje a { background-image: url('../images/menu-reservations.jpg'); width: 150px; } #frame.lang-en #header ul li#media_onas a { background-image: url('../images/m-press.jpg'); width: 150px; } #frame #header ul li a:hover, #frame #header ul a.active { background-position: 0% -84px; } /*#frame #aktualnosci { width: 470px; height: 54px; top: 485px; left: 380px; position: absolute; overflow: hidden; }*/ #frame #aktualnosci .news_content { width: 470px; height: 54px; top: 485px; left: 380px; position: absolute; overflow: hidden; opacity: 0%; display: none; } #frame #aktualnosci-pl { width: 432px; height: 112px; top: 432px; left: 361px; position: absolute; background: url('../images/strona_kopalnia_ramka.png'); } #frame #aktualnosci-en { width: 432px; height: 112px; top: 432px; left: 361px; position: absolute; background: url('../images/strona_kopalnia_ramka.png'); } #frame #aktualnosci-pl #news-see-all, #frame #aktualnosci-en #news-see-all { position: absolute; top: 13px; right: 19px; font-size: 11px; } #frame #aktualnosci-pl #news-see-all { top: 84px; z-index: 99; } #frame #aktualnosci-pl div, #frame #aktualnosci-en div { overflow: hidden; opacity: 0%; display: none; } #frame #aktualnosci-pl .a-news, #frame #aktualnosci-en .a-news { color: #fffd21; font-weight: bold; display: block; font-size: 14px; font-family: Arial,Helvetica,sans-serif; top: 44px; left: 20px; position: absolute; } #frame #aktualnosci-pl p, #frame #aktualnosci-en p { top: 64px; left: 20px; position: absolute; line-height: 18px; color: #b0f1f5; font-size: 11px; } #frame #aktualnosci-pl p { color: black; } #frame #extremalna-zabawa { top: -4px; left: 0px; position: absolute; } #frame #aktualnosci-pl .a-img, #frame #aktualnosci-en .a-img { top: 40px; left: 16px; position: absolute; color: #b0f1f5; font-size: 11px; } /*#frame #aktualnosci .one_news { opacity: 0%; display: none; } */ #frame #subpage { width: 920px; background: #05233f url('../images/subpage-bg.jpg') repeat-x 0px 36px; position: relative; } #frame #subpage h1, #frame #aktualnosci h1 { width: 920px; height: 36px; } #frame #subpage h1 strong, #frame #aktualnosci h1 strong { display: none; } #frame.lang-pl #subpage h1.h-okinie { background-image: url('../images/header-okinie.jpg'); } #frame.lang-pl #subpage h1.h-regulamin { background-image: url('../images/header-regulamin.jpg'); } #frame.lang-pl #subpage h1.h-repertuar { background-image: url('../images/header-repertuar.jpg'); } #frame.lang-pl #subpage h1.h-zapowiedzi { background-image: url('../images/header-zapowiedzi.jpg'); } #frame.lang-pl #subpage h1.h-lokalizacje { background-image: url('../images/header-lokalizacje.jpg'); } #frame.lang-pl #subpage h1.h-ceny { background-image: url('../images/header-ceny.jpg'); } #frame.lang-pl #subpage h1.h-kontakt { background-image: url('../images/header-kontakt.jpg'); } #frame.lang-pl #subpage h1.h-rezerwacje { background-image: url('../images/header-rezerwacje.jpg'); } #frame.lang-pl #subpage h1.h-media { background-image: url('../images/header-media.jpg'); } #frame.lang-pl #aktualnosci h1.h-newsy { background-image: url('../images/header-aktualnosci.jpg'); } #frame.lang-pl #subpage h1.h-news { background-image: url('../images/header-aktualnosci2.jpg'); } #frame.lang-en #subpage h1.h-okinie { background-image: url('../images/header-about.jpg'); } #frame.lang-en #subpage h1.h-regulamin { background-image: url('../images/header-rules.jpg'); } #frame.lang-en #subpage h1.h-repertuar { background-image: url('../images/header-repertoire.jpg'); } #frame.lang-en #subpage h1.h-zapowiedzi { background-image: url('../images/header-coming.jpg'); } #frame.lang-en #subpage h1.h-lokalizacje { background-image: url('../images/header-location.jpg'); } #frame.lang-en #subpage h1.h-ceny { background-image: url('../images/header-price.jpg'); } #frame.lang-en #subpage h1.h-kontakt { background-image: url('../images/header-contact.jpg'); } #frame.lang-en #subpage h1.h-rezerwacje { background-image: url('../images/header-reservations.jpg'); } #frame.lang-en #subpage h1.h-media { background-image: url('../images/header-press.jpg'); } #frame.lang-en #aktualnosci h1.h-newsy { background-image: url('../images/header-news.jpg'); } #frame.lang-en #subpage h1.h-news { background-image: url('../images/header-news2.jpg'); } #frame #subpage .content { padding-top: 0px; margin-left: 52px; margin-right: 52px; min-height: 300px; height: auto !important; height: 300px; } html>body #frame #subpage .content { overflow: hidden; } #frame #subpage .content p { margin-top: 18px; } #frame #subpage .hr { width: 920px; clear: both; height: 61px; background: url('../images/sep.jpg') no-repeat left top; margin-top: 6px; } #frame #subpage .hr hr { display: none; } .content .left { float: left; width: 450px; } .content .right { float: right; width: 330px; } .content .lokalizacja { width: 100%; border-bottom: 1px #fff solid; padding-bottom: 10px; overflow: hidden; } .content .lokalizacja .left { width: 480px; } .content .lokalizacja .left img.bordered { margin-left: 2px; } .content .lokalizacja .right { width: 330px; padding-top: 30px; } .content .film-szczegoly { width: 100%; } .content .film-szczegoly .left { width: 550px; } .content .film-szczegoly .right { width: 230px; padding-top: 30px; } .content .rezerwacja { width: 100%; } .content .rezerwacja .left { width: 500px; } .content .rezerwacja .right { width: 270px; padding-top: 10px; } .content .rezerwacja .right img { margin-top: 6px; } .content .left .small-media { width: 155px; height: 35px; margin-top: 20px; margin-left: 100px; } .lang-pl .content .left .small-media { background-image: url('../images/small-media.gif'); } .lang-en .content .left .small-media { background-image: url('../images/small-press.gif'); } .content .filmy { margin: 10px auto; width: 540px; } .content .filmy .film { float: left; width: 160px; height: 230px; margin-left: 20px; } .film h2, .film h3, .film h4, .film h5, .film h6 { font-weight: normal; font-size: 13px; width: 160px; height: 36px; text-align: center; } .content .filmy .film div img { margin-top: 8px; } .content .row { width: 100%; clear: both; padding-top: 2px; } .content .row a.more { float: right; margin-right: 10px; } .content .row a.media-c { font-style: italic; text-decoration: none; } .content .row a.media-c:hover { text-decoration: underline; } span.float-left { float: left; padding-right: 12px; padding-bottom: 4px; padding-top: 4px; } span.float-right { float: right; padding-left: 12px; padding-bottom: 4px; padding-top: 4px; } span.float-left img, span.float-right img, .bordered { border: 1px #fff solid; } .pages-nav { position: relative; clear: both; margin-top: 20px; width: 800px; height: 24px; background-color: #102e4a; } .pages-nav .prev { position: absolute; top: 2px; left: 6px; } .pages-nav .next { position: absolute; top: 2px; right: 6px; } .pages-nav p { position: absolute; top: 2px; left: 200px; margin: 0px; padding: 0px; } .pages-nav a { text-decoration: none; } .pages-nav a:hover { text-decoration: underline; } #frame #subpage .content .pages-nav p { margin: 0px; padding: 0px; } #frame .content .yell { color: #fffd21; } #cennik { width: 500px; } #cennik td { padding: 4px; text-align: center; } #cennik td.l { text-align: left; } #cennik td.c { text-align: center; } #cennik td.r { text-align: right; } #pelny-repertuar { width: 500px; margin-top: 16px; } #pelny-repertuar thead { background-color: #102e4a; font-weight: bold; text-align: center; } #pelny-repertuar thead td { padding: 6px 0px; } #pelny-repertuar tbody a { text-decoration: none; font-weight: bold; } #pelny-repertuar tbody a:hover { text-decoration: underline; } #pelny-repertuar tbody td { padding: 10px; border-bottom: 1px #fff solid; } .size16 { font-size: 16px; } .sala { width: 443px; background-color: #00192f; } .sala .ekran { width: 443px; height: 46px; background: url('../images/ekran.jpg'); } .sala .linia { width: 443px; height: 27px; margin-top: 10px; background-color: #22374a; } .sala .linia2 { width: 443px; height: 27px; margin-top: 10px; background-color: #10263b; } .sala .linia .litera, .sala .linia2 .litera { width: 88px; height: 27px; float: left; display: block; } .sala .linia .litera b, .sala .linia2 .litera b { line-height: 27px; font-size: 16px; padding-left: 25px; } .sala .linia span, .sala .linia2 span {cursor: pointer; width: 31px; height: 27px; margin-left: 3px; font-weight: bold; float: left; display: block; background: url('../images/box.gif'); text-align: center; } .sala .linia span b, .sala .linia2 span b { color: #ff272a; line-height: 27px; font-size: 14px; } .sala .linia span.reserved, .sala .linia2 span.reserved { background: url('../images/box-r.gif'); } .sala .linia span.cleared, .sala .linia2 span.cleared { background: none; } .sala .linia span.choosed, .sala .linia2 span.choosed { background: url('../images/box-y.gif'); } .sala .linia span.choosed b, .sala .linia2 span.choosed b { color: #fff; } .sala .sala-footer { width: 443px; margin-top: 4px; height: 35px; background: url('../images/sala-footer.jpg'); } .hidden { display: none; } #dane-klienta { width: 500px; margin: 14px auto 0 auto; } #dane-klienta fieldset div { clear: both; margin-top: 6px; } #dane-klienta label { width: 160px; float: left; text-align: right; } #dane-klienta label span { margin-right: 10px; } #dane-klienta input,#dane-klienta textarea,#dane-klienta select { width: 280px; background: #22374a; border: 1px solid #36526c; color: #FFF; } #dane-klienta input.readonly { background: #10263b; border-color: #10263b; } #dane-klienta input.check { width: 40px; margin-left: 150px; } #dane-klienta input.submit { width: 100px; margin-left: 16px; } #dane-klienta input.submit-first { width: 100px; margin-left: 160px; } #frame #footer { width: 920px; height: 183px; clear: both; display: block; position: relative; background-image: url('../images/footer.jpg'); } #frame #footer p { position: absolute; right: 39px; top: 140px; color: #e3e3e3; font-size: 11px; font-weight: bold; } #frame #footer span { position: absolute; right: 39px; top: 154px; color: #e3e3e3; font-size: 11px; font-weight: bold; } #frame #footer a { color: #e3e3e3; text-decoration: none; } #frame #footer a:hover { color: #ffffff; text-decoration: underline; } #frame #footer ul { list-style: none; position: absolute; right: 39px; top: 51px; } #frame #footer ul li { display: inline; float: left; color: #111126; font-size: 12px; font-weight: bold; } #frame #footer ul li a { font-weight: normal; color: #111126; text-decoration: none; font-size: 12px; font-weight: bold; } #frame #footer ul li a:hover { color: #111126; text-decoration: underline; } /* ERRORS */ .errorBox { margin-bottom: 20px; margin-left: 0px;; height: auto !important; min-height: 40px; height: 40px; width: 460px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; background: #eae8e8 url('../images/wykrzyknik.jpg') no-repeat 95% 0%; border: 3px solid #F21A23; color: #000; } .errorBox ul { margin: 6px 0px 6px 30px; } .errorBox ul li { font-weight: bold; } #facebox { position: fixed; z-index: auto; top: 50px; left: 502px; display: none; width:820px; border:10px solid rgba(82, 82, 82, 0.698); -moz-border-radius:8px; -webkit-border-radius:8px; } #facebox { width: 820px; height: 550px; font-family:tahoma,verdana,arial,sans-serif; } #facebox button { background: none; color: #fff; font-weight: bold; } #facebook { width: 312px; height: 300px; background: url('../images/facebook-bg.png'); display: block; position: fixed; top: 20%; right:-285px; padding: 0; z-index: 10000; } #facebook div { position: absolute; left: 35px; top: 8px; width: 270px; height: 280px; background: white; }