body.regionalne { background-position: 50% 50px !important; margin-top: 48px !important; } #pasek-regionalny-plus { box-shadow: 0 2px 3px rgba(0, 0, 0, .25); position: fixed; background-color: #fff; top: 0; width: 100%; height: 48px; z-index: 10000; } #pasek-regionalny-plus .zaslona { position: fixed; display: none; top: 48px; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.7); z-index: 10; } #pasek-plus-szczegoly { position: absolute; display: none; top: 48px; background-color: #fff; width: 200px; right: 48px; } #pasek-plus-szczegoly ul { margin: 0; } #pasek-plus-szczegoly li { list-style: none; font-family: 'PT Sans', sans-serif; color: #757575; font-size: .8rem; padding: .3rem .7rem; border-bottom: 1px solid #757575; } #pasek-plus-szczegoly li:last-child { border-bottom: none; padding-bottom: .2rem; } #pasek-plus-szczegoly li p { color: #212121; margin: 0; font-size: .8rem; font-weight: 600; min-height: 1.25rem; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } #pasek-plus-szczegoly li p a { font-weight: 400; margin-left: 10px; } #pasek-plus-szczegoly > a { font-family: 'PT Sans', sans-serif; font-size: .8rem; padding: .5rem; margin: .2rem .7rem; display: block; text-align: center; } #pasek-plus-szczegoly #pps-wyloguj { background-color: #cf5a5a; text-transform: uppercase; transition: background .2s ease-in-out; color: #fff; } #pasek-plus-szczegoly #pps-wyloguj:hover { background-color: #c63a3a; } #pasek-szczegoly { position: relative; height: 48px; } #pasek-szczegoly > a { height: 48px; display: block; } #pasek-plus { z-index: 10; height: 100%; position: relative; background-color: #fff; } #pasek-plus > a { height: 48px; } #pasek-plus > a > img { height: 48px; padding: 7px 0 6px; display: block; } @media (max-width: 640px) { #pasek-plus > a > img[src*="wybory"] { max-width: unset; height: 40px; } } @media (max-width: 480px) { #pasek-plus > a > img { max-width: 150px; } } #pasek-plus-logo { float: left; line-height: 48px; opacity: 1; transition: opacity .2s ease-in-out; } #pasek-plus-logo.dodatek img { display: inline-block; } #pasek-plus #pasek-plus-link { display: none; } @media (min-width: 800px) { #pasek-plus #pasek-plus-link { display: block; float: left; margin-left: 8px; color: #1e2832; position: relative; padding-right: 20px; } } #pasek-plus-link span, #pasek-plus-link svg { display: block; margin-top: 16px; } #pasek-plus #pasek-plus-link:hover { color: #d54b2d; } #pasek-plus #pasek-plus-link svg { width: 16px; height: 16px; position: absolute; right: 0; top: 2px; } #pasek-nazwa-kategorii { float: left; margin-left: 4px; position: relative; color: #1e2832; font-size: 17px; line-height: 33px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: calc(100vw - 520px); } #pasek-nazwa-kategorii span { line-height: 48px; } #pasek-nazwa-kategorii:before { content: ""; height: 20px; width: 1px; display: block; position: absolute; left: -10px; top: 14px; background-color: #aaa; } #pasek-plus-gora { position: relative; z-index: 100; background-color: #fff; } #pasek-plus-gora svg { width: 26px; height: 26px; } #pasek-plus-menu, #pasek-plus-menu-hamburger, #pasek-plus-profil { float: right; width: 56px; overflow: hidden; padding: 11px 15px; } #pasek-plus-rekomendacje { padding: 13px 5px; float: right; color: #000; opacity: 1; transition: opacity .2s ease-in-out; } #pasek-plus-rekomendacje:hover { color: #d54b2d; } #pasek-plus-rekomendacje p { font-size: .9rem; font-family: 'PT Sans', sans-serif; } #pasek-plus-prenumeruj { font-size: .7rem; line-height: 1; float: right; height: 48px; padding: 14px; text-transform: uppercase; } #pasek-plus-prenumeruj span { background-color: #c63a3a; color: #fff; border: 1px solid #c63a3a; padding: 4px 7px; border-radius: 2px; font-family: 'PT Sans', sans-serif; display: block; transition: all ease-in-out .2s; } #pasek-plus-prenumeruj:hover span { background-color: transparent; border-color: #757575; color: #757575; } #pasek-plus-menu svg *, #pasek-plus-menu-hamburger svg * { fill: #757575; } #pasek-plus-menu:hover svg *, #pasek-plus-menu-hamburger:hover svg * { fill: #cf5a5a; } #pasek-plus-menu .akt { display: none; } #pasek-plus-menu-hamburger .akt { display: inherit; } #pasek-plus-menu-hamburger .nieakt { display: none; } #pasek-plus-menu-hamburger { display: none; } #pasek-plus-profil.zalogowany svg * { fill: #fff; } #pasek-plus-profil.zalogowany { transition: background .2s ease-in-out; background-color: #cf5a5a; } #pasek-plus-profil.zalogowany:hover { background-color: #c63a3a; } #pasek-plus-tresc { padding:0; margin-top: 48px; position: fixed; top: -100%; bottom: 100%; left: 0; right: 0; background-color: #313a43; z-index: 2; overflow: hidden; transition: all .3s ease-in-out; } #pasek-plus-tresc > .row { height: 100%; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .aktywny #pasek-plus-tresc { top: 0; bottom: 0; } #pasek-plus-tresc .listaMenu { margin: 0; } @media (min-width: 600px) { #pasek-plus-tresc .listaMenu { padding-top: 200px; } } #pasek-plus-tresc .listaMenu li { list-style: none; border-bottom: 1px solid #474f57; } #pasek-plus-tresc .listaMenu li:last-child { border-bottom: none; } #pasek-plus-tresc .listaMenu li a { font-family: 'PT Sans', sans-serif; color: #92979c; text-transform: uppercase; display: block; font-weight: bold; font-size: .9rem; padding: 0.9375rem; text-align: left; } #pasek-plus-tresc .listaMenu li a:hover { color: #cf5a5a; } #pasek-plus .ukryte { visibility: hidden; opacity: 0; } .widokMobilny #pnmdMobileIframeLogin { height: 290px !important; } .logowanieDostawka { display: none; background-color: #fff; border-top: 1px solid #ddd; width: 170px; position: absolute; top: 253px; right: 50px; display: none; z-index: 999999; } #logowanie .logowanieDostawka { z-index: auto; display: block; position: static; margin: 0 auto; } #logowanie .logowanieDostawka .zmienSposobLogowania { background-color: #fff; border-bottom: 0; } .logowanieDostawka.mobilny { width: 100%; top: 273px; right: 0; } .logowanieDostawka.mobilny .zmienSposobLogowania { font-size: .8rem; } .logowanieDostawka.mobilny #pps-zamknij { display: none; } .logowanieDostawka > a { font-family: 'PT Sans', sans-serif; font-size: .8rem; padding: .5rem; margin: 0 .7rem; display: block; text-align: center; } .logowanieDostawka .zmienSposobLogowania { padding: .5rem 0; font-size: .7rem; margin: 0; border-bottom: 1px solid #ddd; color: #a5a5a5; background-color: #f9f9f9; } .logowanieDostawka .zmienSposobLogowania:hover { color: #666; } #zaslona-glowna { position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 10001; background-color: rgba(0, 0, 0, 0.9); display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } #zaslona-glowna > .tlo { position: absolute; cursor: pointer; width: 100%; height: 100%; top: 0; left: 0; } #zaslona-glowna > .kontener { position: relative; text-align: center; min-width: 30px; min-height: 30px; max-width: 400px; max-height: 100%; overflow: hidden; } #zaslona-glowna > .kontener > .okno { background-color: #fff; padding: .9rem; max-width: 400px; min-width: 300px; min-height: 300px; position: relative; } #zaslona-glowna > .kontener > .okno * { font-size: .8rem; } #zaslona-glowna > .kontener #zamknij-okno { position: absolute; display: block; right: 5px; top: 5px; padding: 10px; } #zaslona-glowna > .kontener #zamknij-okno svg * { fill: #757575; } .wyborLogowania { display: none; } .wyborLogowania #zaslona-glowna > .kontener > .okno { padding: 1rem 0; } .wyborLogowania #zaslona-glowna > .kontener > .okno p { margin: .5rem 0; font-family: 'PT Sans', sans-serif; } .wyborLogowania #zaslona-glowna > .kontener > .okno p:not(.dopisek) { margin-top: 2rem; font-size: .95rem; font-weight: 700; } .wyborLogowania #zaslona-glowna > .kontener > .okno p.dopisek { font-size: .8rem; color: #757575; line-height: 1.2; } .wyborLogowania #zaslona-glowna > .kontener > .okno a { display: block; font-family: 'PT Sans', sans-serif; text-transform: uppercase; color: #fff; transition: background-color .2s ease-in-out; padding: .6rem; font-size: .9rem; } .wyborLogowania #zaslona-glowna > .kontener > .okno a[data-provider="media_plus"] { background-color: #cf5a5a; } .wyborLogowania #zaslona-glowna > .kontener > .okno a[data-provider="media_plus"]:hover { background-color: #c63a3a; } .wyborLogowania #zaslona-glowna > .kontener > .okno .row svg { display: block; height: 2rem; width: 4rem; margin: 0 auto; } .wyborLogowania #zaslona-glowna > .kontener > .okno .row img { display: block; height: auto; width: 5rem; margin: 1rem auto; padding: 0; } .wyborLogowania #zaslona-glowna > .kontener > .okno .row .columns:first-of-type { border-bottom: 1px solid #ddd; } #pasek-regionalny-plus #pasek-plus-szczegoly > a { font-family: 'PT Sans', sans-serif; font-size: .8rem; padding: .5rem; margin: .2rem .7rem; display: block; text-align: center; } #pasek-regionalny-plus #pasek-plus-szczegoly > a#pps-logowanie-panel, #pasek-regionalny-plus #pasek-plus-szczegoly > a#pps-profil { text-transform: uppercase; transition: background .2s ease-in-out; color: #fff; } #pasek-regionalny-plus #pasek-plus-szczegoly > a#pps-logowanie-panel { background-color: #cf5a5a; } #pasek-regionalny-plus #pasek-plus-szczegoly > a#pps-logowanie-panel:hover { background-color: #c63a3a; } #pasek-regionalny-plus #pasek-plus-szczegoly > a#pps-profil { background-color: #c3c3c3; color: #252525; } #pasek-regionalny-plus #pasek-plus-szczegoly > a#pps-profil:hover { background-color: #afafaf; } @media (max-width: 1200px) { #pasek-plus-rekomendacje { display: none; } } @media (max-width: 600px) { #pasek-plus-prenumeruj { display: none; } #pasek-plus-tresc .listaMenu li a { font-size: .9rem; padding: 0.3rem; } #pasek-plus-gora > .row > .columns { padding: 0; } #pasek-plus-logo { padding-left: .9rem; } } @media (max-width: 500px) { #pasek-nazwa-kategorii { display: none; } } @media (min-width: 40.063em) { .wyborLogowania #zaslona-glowna > .kontener { max-width: 600px; } .wyborLogowania #zaslona-glowna > .kontener > .okno { max-width: 600px; min-width: 600px; padding: 3.5rem 0 0; } .wyborLogowania #zaslona-glowna > .kontener > .okno .row .columns:first-of-type { border-bottom: none; border-right: 1px solid #ddd; } }