/** * Default */ @import url(../css/cms.css); @import url(content.css); @import url(../css/smoothness/jquery-ui.css); @import url(szablony.css); body {background-color: #ec8411;} /**** OPC DOST KONT ****/ body.wysKontA {background-color: #111111; color: White;} /**** B ****/ body.wysKontB {color: Yellow;} /**** C ****/ body.wysKontC {background-color: #111111; color: Black;} /**** D ****/ body.wysKontD {background-color: Black;} /**** OPC DOST TXT ****/ body.txtPlus2 {font-size: 16px;} body.txtPlus3 {font-size: 18px;} @media (max-width: 690px) { body.txtPlus2 {font-size: 17px;} body.txtPlus3 {font-size: 19px;} } form {margin: 0;} textarea, select, input[type="text"], input[type="password"], input[type="file"], input[type="date"], input[type="time"], input[type="range"], input[type="number"], input[type="datetime-local"] {font-size: 1em; padding: 8px; line-height: 1.21em; box-sizing: border-box; background-color: White; color: Black; border: none; font-family: Roboto; font-weight: normal; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.3); border-radius: 2px;} textarea {line-height: 1.57em} select {font-size: 1em; padding: 7px 7px 6px 7px;} input[type="submit"], input[type="button"], button {font-size: 1em; line-height: 1.21em; padding: 12px 35px; box-sizing: border-box; font-weight: bold; background-color: #57361d; border: 0; color: White; font-family: Roboto; border-radius: 2px; cursor: pointer; transition: all 0.4s ease;} input:hover[type="submit"], input:hover[type="button"], button:hover {color: White; background-color: #ec8411;} optgroup {font-style: normal !important;} .dataPicker {background: url(../img_ext/kalendarz.png) no-repeat right 4px center;} img {vertical-align: middle; max-width: 100%; height: auto;} /**** OPC DOST KONT ****/ /**** A ****/ body.wysKontA textarea, body.wysKontA select, body.wysKontA input[type="text"], body.wysKontA input[type="password"], body.wysKontA input[type="file"], body.wysKontA input[type="date"], body.wysKontA input[type="time"], body.wysKontA input[type="range"], body.wysKontA input[type="number"], body.wysKontA input[type="datetime-local"] {background-color: White; color: Black; box-shadow: none;} body.wysKontA input[type="submit"], body.wysKontA input[type="button"], body.wysKontA button {background-color: White; color: Black;} body.wysKontA input:hover[type="submit"], body.wysKontA input:hover[type="button"], body.wysKontA button:hover {background-color: Yellow;} /**** B ****/ body.wysKontB input[type="submit"], body.wysKontB input[type="button"], body.wysKontB button {background-color: Yellow; color: Black;} body.wysKontB input:hover[type="submit"], body.wysKontB input:hover[type="button"], body.wysKontB button:hover {background-color: White;} /**** C ****/ body.wysKontC textarea, body.wysKontC select, body.wysKontC input[type="text"], body.wysKontC input[type="password"], body.wysKontC input[type="file"], body.wysKontC input[type="date"], body.wysKontC input[type="time"], body.wysKontC input[type="range"], body.wysKontC input[type="number"], body.wysKontC input[type="datetime-local"] {background-color: White; padding: 6px 8px; color: Black; border: 2px solid Black; border-radius: 3px; box-shadow: none;} body.wysKontC input[type="submit"], body.wysKontC input[type="button"], body.wysKontC button {background-color: Black; color: White;} body.wysKontC input:hover[type="submit"], body.wysKontC input:hover[type="button"], body.wysKontC button:hover {background-color: MediumBlue;} /**** D ****/ body.wysKontD textarea, body.wysKontD select, body.wysKontD input[type="text"], body.wysKontD input[type="password"], body.wysKontD input[type="file"], body.wysKontD input[type="date"], body.wysKontD input[type="time"], body.wysKontD input[type="range"], body.wysKontD input[type="number"], body.wysKontD input[type="datetime-local"] {background-color: Yellow;} body.wysKontD input[type="submit"], body.wysKontD input[type="button"], body.wysKontD button {background-color: Black; color: White;} body.wysKontD input:hover[type="submit"], body.wysKontD input:hover[type="button"], body.wysKontD button:hover {background-color: MediumBlue;} /** * Różne */ br.przelam {clear: both; visibility: hidden; display: block; line-height: 0px; font-size: 0px;} div.wstecz {margin-top: 60px;} div.wstecz a {display: inline-block; font-weight: bold; color: White; font-size: 0.93em; padding: 0.57em 1.4em 0.57em 3em; text-transform: uppercase; border-radius: 2px; background-color: #57361d; background-repeat: no-repeat; background-position: left 1em center; background-size: auto 1.4em; background-image: url("data:image/svg+xml;utf8,"); transition: all 0.4s ease;} div.wstecz a:hover {background-color: #ec8411;} /**** OPC DOST KONT ****/ body.wysKontA div.wstecz a {background-color: White; color: Black; background-image: url("data:image/svg+xml;utf8,");} body.wysKontA div.wstecz a:hover {background-color: Yellow;} /**** B ****/ body.wysKontB div.wstecz a {background-color: Yellow;} body.wysKontB div.wstecz a:hover {background-color: White;} /**** C ****/ body.wysKontC div.wstecz a {background-color: Black; color: White} body.wysKontC div.wstecz a:hover {background-color: DarkBlue; color: White} /** * jQuery UI */ .ui-widget {font-family: Roboto, Arial, sans-serif; font-size: 0.93em;} .ui-widget table {border: 0;} .ui-datepicker .ui-state-default {} /**** OPC DOST KONT ****/ body.wysKont .ui-datepicker table {border: 0 !important;} body.wysKont .ui-datepicker th {border: 0 !important;} body.wysKont .ui-datepicker td {border: 0 !important;} body.wysKont .ui-state-default {color: Black;} body.wysKont .ui-state-default:hover {color: Black;} /* Fancybox */ .fancybox-container {font-family: inherit;} button.fancybox-close-small {background: transparent !important;} button.fancybox-close-small:hover {background: transparent;} button.fancybox-button {} button.fancybox-button:focus, button.fancybox-button:hover {} /**** OPC DOST KONT ****/ body.wysKontA .fancybox-close-small svg {color: White;} body.wysKontA button.fancybox-button:hover {color: Black;} body.wysKont .fancybox-close-small svg {stroke-width: 3;} /**** C ****/ body.wysKontC .fancybox-close-small svg {color: Black;} /**** OPC DOST TXT ****/ body.txtPlus .fancybox-close-small svg {stroke-width: 3;} /** * Site */ .bcg {background-color: #f2f2f2;} .gk {position: relative; max-width: 990px; margin: auto; box-sizing: border-box;} body.wysKontOff .bcg_k1 {} .bcg_k2 {background-color: #57361d;} .k1 {} /* top */ .k2 {} /* gł.menu */ .k3 {} /* kont. str. gł. */ .k4 {} /* kont. str. gł. */ .k5 {} /* kont. str. doc. */ .k6 {} /* kont. str. doc. */ .k7 {} /* kont. str. doc. */ .k8 {} /* stopka */ /**** OPC DOST KONT ****/ body.wysKontA .bcg {background-color: Black;} body.wysKontA .bcg_k2 {background-color: #252525;} /**** B ****/ /**** C ****/ body.wysKontC .bcg {background-color: White;} body.wysKontC .bcg_k2 {background-color: Black;} /**** D ****/ body.wysKontD .bcg {background-color: Yellow;} body.wysKontD .bcg_k2 {background-color: Black;} /* k1 - Top ---------------------------------------------------------------------- */ .k1 {padding: 20px 0 15px 0;} .k1_logo {float: left;} .k1_logo svg {width: 320px; height: auto; color: #343332;} .k1_logo svg .cls-1 {fill: #2a1709;} .k1_logo svg .cls-2 {fill: #fff;} .k1_logo svg .cls-3 {fill: #ec8411;} .k1_logo svg .cls-4 {fill: #f03443;} .k1_logo svg .cls-5 {fill: #57361d;} .k1_menu {float: right; margin-top: 10px; font-size: 1.14em; line-height: 1em; font-weight: 600; font-family: 'Roboto Condensed';} .k1_menu ul {margin: 0;} .k1_menu li {float: left; background-image: none; padding: 3px 20px; margin: 0;} .k1_menu li.stdPoz + li.stdPoz {border-left: 2px solid rgba(0,0,0,0.2);} .k1_menu li.dekd {} .k1_menu a {color: #2a1709; transition: color 0.4s ease;} .k1_menu li.dlaNied {display: none; position: relative;} body.wysKontOff .k1_menu li.dlaNied { background-color: #261304;} .k1_menu li.dlaNied a {color: White;} .k1_menu li.dlaNied.aktywna {background-color: rgba(0,0,255,1) !important;} .k1_menu li.dlaNied span {position: absolute; bottom: 5px; right: 5px; font-size: 9px; line-height: 9px;} .k1_butme {float: right; line-height: 20px; clear: right; margin-top: 25px;} .k1_butme .but {display: block; float: left; font-weight: 600; padding: 5px 8px; border-radius: 5px; color: #2a1709; border: 2px solid #2a1709; transition: all 0.4s ease;} .k1_butme .but > span {display: inline-block;} .k1_butme .but .mobi {display: none;} .k1_butme .fac {display: block; float: right; font-size: 20px; margin-left: 7px;} .k1_butme a.bip {color_: #d0110f; border_: 2px solid #d0110f;} .k1_butme a.bip svg {height: 18px; position: relative; bottom: -2px; width: 21px;} .k1_butme a.fcb {color_: #4267b2; border_: 2px solid #4267b2;} .k1_butme a.fcb .fac {font-size: 20px; margin-left: 5px;} .k1_butme a + a {margin-left: 20px;} .mobMenuB {display: none; position: absolute; top: 6em; right: 15px; width: 48px;} .mobMenuB > div {background-color: rgba(38,19,4, 0.1); padding: 9px 8px;} .mobMenuB > div span {background-color: rgba(38,19,4, 0.7); width: auto; height: 8px;} .mobMenuB > div span + span {margin-top: 6px;} /**** OPC DOST KONT ****/ body.wysKontA .k1_logo svg {color: White;} body.wysKontA .k1_logo svg .cls-1, body.wysKontA .k1_logo svg .cls-3, body.wysKontA .k1_logo svg .cls-4 {fill: White;} body.wysKontA .k1_logo svg .cls-2 {fill: Black;} body.wysKontA .k1_logo svg .cls-5 {fill: rgba(255,255,255,0.7);} body.wysKontA .k1_menu a {color: White;} body.wysKontA .k1_menu li.stdPoz + li.stdPoz {border-left: 2px solid rgba(255,255,255,0.2);} body.wysKontA .k1_menu li.dlaNied {background-color: #252525;} body.wysKontA .k1_butme .but {color: White; border: 2px solid White;} body.wysKontA .mobMenuB > div {background-color: rgba(255, 255, 255, 0.2);} body.wysKontA .mobMenuB > div span {background-color: rgba(255, 255, 255, 1);} /**** B ****/ body.wysKontB .k1_logo svg {color: Yellow;} body.wysKontB .k1_logo svg .cls-1, body.wysKontB .k1_logo svg .cls-3, body.wysKontB .k1_logo svg .cls-4 {fill: Yellow;} body.wysKontB .k1_logo svg .cls-2 {fill: Black;} body.wysKontB .k1_logo svg .cls-5 {fill: rgba(255,255,0,0.9);} body.wysKontB .k1_menu a {color: Yellow;} body.wysKontB .k1_butme .but {color: Yellow; border: 2px solid Yellow;} body.wysKontB .mobMenuB > div {background-color: rgba(255, 255, 0, 0.2);} body.wysKontB .mobMenuB > div span {background-color: rgba(255, 255, 0, 1);} /**** C ****/ body.wysKontC .k1_logo svg {color: Black;} body.wysKontC .k1_logo svg .cls-1, body.wysKontC .k1_logo svg .cls-3, body.wysKontC .k1_logo svg .cls-4 {fill: Black;} body.wysKontC .k1_logo svg .cls-2 {fill: White;} body.wysKontC .k1_logo svg .cls-5 {fill: rgba(0,0,0,0.9);} body.wysKontC .k1_menu a {color: Black;} body.wysKontC .k1_butme .but {color: Black; border: 2px solid Black;} body.wysKontC .k1_szukaj input[type=text] {width: 220px; padding: 5px 7px;} body.wysKontC .mobMenuB > div {background-color: rgba(0, 0, 0, 0.1);} body.wysKontC .mobMenuB > div span {background-color: rgba(0, 0, 0, 1);} /**** D ****/ body.wysKontD .k1_logo svg .cls-1, body.wysKontD .k1_logo svg .cls-3, body.wysKontD .k1_logo svg .cls-4 {fill: Black;} body.wysKontD .k1_logo svg .cls-2 {fill: Yellow;} body.wysKontD .k1_logo svg .cls-5 {fill: rgba(0,0,0,0.7);} /**** OPC DOST TXT****/ body.txtPlus .k1_butme a + a {margin-left: 10px;} body.txtPlus2 .k1_szukaj button {padding: 8px 15px 8px 15px;} body.txtPlus3 .k1_szukaj button {padding: 7px 15px 7px 15px;} @media (min-width: 1024px) { .k1_menu a:hover {color: #ec8411;} .k1_butme .but:hover {color: White; background-color: #57361d; border-color: #57361d} .k1_butme a.bip:hover {background-color_: #d0110f;} .k1_butme a.fcb:hover {background-color_: #4267b2;} /**** OPC DOST KONT ****/ body.wysKontA .k1_menu a:hover {color: Yellow;} body.wysKontA .k1_butme .but:hover {color: Black; background-color: White;} /**** B ****/ body.wysKontB .k1_menu a:hover {color: White;} body.wysKontB .k1_butme .but:hover {background-color: Yellow;} /**** C ****/ body.wysKontC .k1_menu a:hover {color: Blue;} body.wysKontC .k1_butme .but:hover {color: White; background-color: Black;} } @media (max-width: 990px) { .k1 {padding: 20px 20px 25px 20px;} .k1_menu {margin-right: -15px;} .k1_butme a + a {margin-left: 10px;} } @media (max-width: 920px) { .k1_menu li.stdPozIco {display: none;} } @media (max-width: 780px) { .k1 {padding: 5.2em 10px 26px 20px;} .k1_logo svg {width: 340px;} .k1_menu {position: absolute; font-weight: 500; line-height: 3em; top: 0; left: 0; right: 0; float: none; margin: 0; padding: 0; background-color: #261304;} .k1_menu ul {text-align: right;} .k1_menu li {float: none; padding: 0 10px; display: inline; border: none !important;} .k1_menu li.dlaNied {padding: 0 20px;} .k1_menu a {color: White;} .k1_butme .but {} .k1_butme .but .mobi {display: inline;} .k1_butme .but .desk {display: none;} .k1_butme a.fcb .mobi {display: none;} .k1_butme a.fcb .fac {margin-left: 0px;} .k1_butme a.ytu .mobi {display: none;} .k1_butme a.ytu .fac {margin-left: 0px;} .k1_butme a.bip .mobi {display: none;} .k1_butme a.bip .fac {margin-left: 0px;} .k1_menu li.dlaNied {float: left; display: inline;} /**** OPC DOST KONT ****/ body.wysKontA .k1_menu {background-color: #252525;} /**** B ****/ /**** C ****/ body.wysKontC .k1_menu {background-color: #252525;} body.wysKontC .k1_menu a {color: White !important;} /**** D ****/ body.wysKontD .k1_menu a {color: Yellow !important;} } @media (max-width: 690px) { .k1_menu {padding: 0 10px;} .k1_menu li.dlaNied {display: none;} .k1_butme {float: none; margin: 0; position: absolute; z-index: 999; bottom: -58px; right: 0; padding: 8px 15px 10px 15px; text-align: right;} .k1_butme .but {color: #57361d !important; border: 2px solid White !important; background-color: White;} .k1_butme a + a {margin-left: 10px !important;} .mobMenuB {display: block;} /**** OPC DOST KONT ****/ /**** A ****/ body.wysKontA .k1_butme .but {color: Black !important; border: 2px solid White !important; background-color: White;} /**** B ****/ body.wysKontB .k1_butme .but {color: Black !important; border: 2px solid Yellow !important; background-color: Yellow;} /**** C ****/ body.wysKontC .k1_butme .but {color: Black !important; border: 2px solid White !important; background-color: White;} /**** D ****/ body.wysKontD .k1_butme .but {color: Black !important; border: 2px solid Yellow !important; background-color: Yellow;} } @media (max-width: 480px) { .k1 {padding: 5.2em 0 26px 0;} .k1_logo {float: none; text-align: center} .k1_logo svg {width: calc(100% - 80px);} .k1_menu ul {text-align: left;} .k1_menu li {padding: 0;} .k1_menu li + li {margin-left: 0; margin-right: 15px;} .mobMenuB {top: 10px; right: 10px;} .mobMenuB > div {background-color: #57361d; border-radius: 5px; border: 2px solid White;} .mobMenuB > div span {background-color: White; height: 6px} /**** OPC DOST KONT ****/ /**** A ****/ body.wysKontA .mobMenuB > div {background-color: Black;} /**** B ****/ body.wysKontB .mobMenuB > div {border: 2px solid Yellow;} /**** C ****/ body.wysKontC .mobMenuB > div {background-color: Black; border: 2px solid White;} body.wysKontC .mobMenuB > div span {background-color: White;} /**** D ****/ body.wysKontD .mobMenuB > div {background-color: Black; border: 2px solid Yellow;} body.wysKontD .mobMenuB > div span {background-color: Yellow;} } @media (max-width: 400px) { .k1_logo svg {width: calc(100% - 60px);} .k1_menu li.firm {display: none;} } @media (max-width: 360px) { /**** OPC DOST TXT****/ body.txtPlus3 .k1_menu {font-size: 1.04em;} } /* k2 - Menu ---------------------------------------------------------------------- */ .k2 {max-height: 60px;} .k2_menu {} .k2_menu > ul {overflow: visible; margin: 0;} .k2_menu > ul > li {float: left; background-image: none; padding: 0; margin: 0; position: relative;} .k2_menu > ul > li + li {} .k2_menu > ul > li > a {display: block; height: 60px; padding: 0 25px; font-size: 17px; font-weight: 500; line-height: 60px; color: White; font-family: 'Roboto Condensed'; transition: all 0.4s ease;} .k2_menu > ul > li.strG > a {font-size: 24px !important;} .k2_menu li.aktywna a {background-color: #ec8411;} /* Opcja WCAG */ .k2_menu li.dlaNied {float: right;} body.wysKontOff .k2_menu li.dlaNied {background-color: #261304;} .k2_menu li.dlaNied.aktywna a {background-color: MediumBlue;} .k2_menu li.dlaNied span {position: absolute; bottom: 5px; right: 5px; font-size: 9px; line-height: 9px;} /* Rozwijane submenu */ .k2_menu li ul {display: none; position: absolute; left: 0; top: 60px; width: 250px; background-color: #ec8411; padding: 0; margin: 0; overflow: visible; box-shadow: 1px 3px 3px rgba(0,0,0,0.3); z-index: 999;} .k2_menu li.poz_5 ul, .k2_menu li.poz_6 ul {position: absolute; right: 0; left: auto; top: 60px;} .k2_menu li li {background-image: none; padding: 0; margin: 0;} .k2_menu li li + li {border-top: 1px solid #feaa4d;} .k2_menu li li a {display: block; line-height: 1.2em; padding: 14px 10px 14px 25px; color: White;} .k2_menu li li:hover a {background-color: #fe931c;} /**** OPC DOST KONT ****/ body.wysKont .k2_menu > ul > li > a {font-weight: bold;} /**** A ****/ body.wysKontA .k2_menu li a {color: White;} body.wysKontA .k2_menu li.stdPoz:hover a, body.wysKontA .k2_menu li.stdPoz.aktywna a {background-color: White; color: Black;} body.wysKontA .k2_menu li li + li {border-top: 1px solid Black;} body.wysKontA .k2_menu li li:hover a {background-color: #e1e1e1 !important;} /**** B ****/ body.wysKontB .k2_menu li.stdPoz:hover a, body.wysKontB .k2_menu li.stdPoz.aktywna a {background-color: Yellow; color: Black;} body.wysKontB .k2_menu li a {color: Yellow;} /**** C ****/ body.wysKontC .k2_menu li a {color: White;} body.wysKontC .k2_menu li.stdPoz:hover a, body.wysKontC .k2_menu li.stdPoz.aktywna a {background-color: #F7F7F7; color: Black;} body.wysKontC .k2_menu li li + li {border-top: 1px solid White;} body.wysKontC .k2_menu li li:hover a {background-color: #e1e1e1 !important;} /**** D ****/ body.wysKontD .k2_menu li.stdPoz:hover a, body.wysKontD .k2_menu li.stdPoz.aktywna a {background-color: #E6E600; color: Black;} body.wysKontD .k2_menu li li:hover a {background-color: #D9D900 !important;} /**** OPC DOST TXT****/ body.txtPlus .k2_menu > ul > li > a {font-weight: bold;} body.txtPlus2 .k2_menu > ul > li > a {padding: 0 22px; font-size: 18px;} body.txtPlus3 .k2_menu > ul > li > a {padding: 0 20px; font-size: 19px;} @media (min-width: 1024px) { .k2_menu li:hover ul {display: block;} .k2_menu > ul > li:hover > a {background-color: #ec8411;} .k2_menu li.dlaNied:hover a {background-color: Blue;} } @media (max-width: 990px) { .k2_menu > ul > li > a {padding: 0 20px;} .k2_menu > ul > li.strG {display: none;} } @media (max-width: 880px) { .k2_menu > ul > li.stdPoz > a {padding: 0 15px;} /**** OPC DOST TXT****/ body.txtPlus2 .k2_menu > ul > li.stdPoz > a {padding: 0 10px;} body.txtPlus3 .k2_menu > ul > li.stdPoz > a {padding: 0 10px;} } @media (max-width: 780px) { .k2_menu li.dlaNied {display: none;} /**** OPC DOST TXT****/ body.txtPlus2 .k2_menu > ul > li.stdPoz > a {padding: 0 15px;} body.txtPlus3 .k2_menu > ul > li.stdPoz > a {padding: 0 15px;} } @media (max-width: 690px) { .k2 {background-color: #57361d;} .k2_menu ul {float: left;} .k2_menu li.stdPoz {display: none;} .k2_menu li.dlaNied {float: left; display: inline;} .k2_szukaj {display: block;} /**** OPC DOST KONT ****/ body.wysKontA .k2 {background-color: #252525;} /**** B ****/ /**** C ****/ body.wysKontC .k2 {background-color: #2a2a2a;} } /* k3 - Slider SG w formie graficznych bannerów ---------------------------------------------------------------------- */ .k3 {padding: 10px 0;} .k3_sliderBan {position: relative;} .k3_sliderBan > div {min-height: 200px; position: relative;} /* Zapobiegamy rozwijaniu bannera do czasu startu slidera JS */ .k3 > .k3_sliderBan > div {display: none;} .k3 > .k3_sliderBan > div:first-child {display: block;} @media (min-width: 581px) { .k3 .k3_sliderBan img.desktop {} .k3 .k3_sliderBan img.mobi {display: none;} } @media (max-width: 580px) { .k3 .k3_sliderBan img.desktop {display: none;} .k3 .k3_sliderBan img.mobi {} } /* k3 - Slider SG w formie kompozycji ---------------------------------------------------------------------- */ .k3 {padding: 20px 0 10px 0;} .k3_sliderKom > div {max-width: 990px; margin: auto;} .k3_sliderKom .slide {width: 100%; background-position: center center; background-repeat: no-repeat; background-size: auto 100%;} /* background desktop */ .k3_sliderKom .slide .ekrZew {position: relative; max-width: 990px; margin: auto; background-position: center center; background-repeat: no-repeat; background-size: cover;} /* background mobi */ .k3_sliderKom .slide .ekrWew {padding-top: 45.5%;} /* .k3_sliderKom .slide .ekrWew > div {position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: flex; justify-content: center; align-items: center;} - idealne centrowanie sloganu */ .k3_sliderKom .slide .ekrWew > div {position: absolute; right: 0; bottom: 0;} .k3_sliderKom .slogan {color: White; background-color: rgba(52,51,50,0.7); padding: 15px 20px; text-align: right;} .k3_sliderKom .slogan h2 {color: White; font-size: 40px; line-height: 50px; margin: 0; font-weight: normal;} /**** OPC DOST KONT ****/ body.wysKontA .k3_sliderKom .slogan {background-color: #252525;} /**** B ****/ body.wysKontB .k3_sliderKom .slogan {color: Yellow;} body.wysKontB .k3_sliderKom .slogan h2 {color: Yellow;} /**** C ****/ body.wysKontC .k3_sliderKom .slogan {background-color: Black;} @media (max-width: 960px) { .k3_sliderKom .slogan h2 {font-size: 40px; line-height: 50px;} } @media (min-width: 781px) { .k3_sliderKom .slide .ekrZew {background-image: none !important;} } @media (max-width: 780px) { .k3_sliderKom .slide {background-image: none !important;} .k3_sliderKom .slide .ekrWew {padding-top: 65%;} .k3_sliderKom .slogan h2 {font-size: 36px; line-height: 44px;} } @media (max-width: 580px) { .k3_sliderKom .slogan h2 {font-size: 30px; line-height: 40px;} } @media (max-width: 490px) { .k3_sliderKom .slogan h2 {font-size: 24px; line-height: 30px;} } @media (max-width: 420px) { .k3_sliderKom .slogan h2 {font-size: 22px; line-height: 28px;} } @media (max-width: 390px) { .k3_sliderKom .slogan h2 {font-size: 20px; line-height: 26px;} } /* k4 - Kontent SG ---------------------------------------------------------------------- */ .k4 {padding-bottom: 20px;} .k4 h2.nagSek {font-weight: normal; color: #57361d; margin: 1.67em 0 1.25em 0; padding: 0 10px; text-align: center;} .k4 h2.nagSek span {} .k4_sek {} .k4 .boks {position: relative; background-color: White; transition: all 0.4s ease; box-sizing: border-box; overflow: hidden; border-radius: 3px;} .k4 .boks > div {padding: 20px;} .k4 .boks h3 {font-weight: normal;} .k4 .boks.klikalny {} .k4 a[class^="przycisk_"] {padding-right: 2.4em; padding-left: 1.0em; background-color: #64452d; background-position: right 0.8em center; background-size: auto 1.2em; background-image: url("data:image/svg+xml;utf8,");} .k4 .boks_link {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} /**** OPC DOST KONT ****/ body.wysKontA .k4 .boks {background-color: #252525;} body.wysKontA .k4 h2.nagSek {font-weight: bold; color: White;} body.wysKontA .k4 .boks h3 {color: White; font-weight: bold;} body.wysKontA .k4 a[class^="przycisk_"] {background-color: White; color: Black; background-image: url("data:image/svg+xml;utf8,");} /**** B ****/ body.wysKontB .k4 h2.nagSek {color: Yellow;} body.wysKontB .k4 .boks h3 {color: Yellow;} body.wysKontB .k4 a[class^="przycisk_"] {background-color: Yellow; background-image: url("data:image/svg+xml;utf8,");} /**** C ****/ body.wysKontC .k4 .boks {background-color: rgba(0,0,0,0.08); border-bottom: 4px solid Black;} body.wysKontC .k4 .boks.klikalny {border: 4px solid rgba(0,0,0,0); border-bottom: 4px solid Black;} body.wysKontC .k4 h2.nagSek {color: Black; font-weight: bold;} body.wysKontC .k4 .boks h3 {color: Black; font-weight: bold;} body.wysKontC .k4 a[class^="przycisk_"] {background-color: Black;} @media (min-width: 900px) { .k4 .boks.klikalny:hover {background-color: #f2e9cf;} .k4 a[class^="przycisk_"]:hover {background-color: #ec8411;} /**** OPC DOST KONT ****/ body.wysKontA .k4 .boks.klikalny:hover {background-color: #363636;} /**** B ****/ /**** C ****/ body.wysKontC .k4 .boks.klikalny:hover {background-color: rgba(0,0,0,0.04); border: 4px solid Black} } @media (max-width: 1024px) { .k4_sek {padding: 0 10px;} } @media (max-width: 860px) { .k4_sek + h2.nagSek {margin-top: 2em;} } /* k4 - Uniwersalne boksy informacje --------------------------------------------------------- */ .k4 h2.nagUnib {} .k4_unib {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;} .k4_unib .boks {flex: 1 1 auto;} .k4_unib.liczUnib3 .boks {flex: 1 1 calc((100% - 30px) / 3);} .k4_unib.liczUnib2 .boks {flex: 1 1 calc((100% - 30px) / 2);} .k4_unib .boks h3 {margin: 0 0 15px 0;} .k4_unib .boks div.wiecej {margin-top: 20px;} @media (max-width: 860px) { .k4_unib .boks {flex: 1 1 calc((100% - 30px) / 2) !important;} } @media (max-width: 580px) { .k4_unib .boks {flex: 1 1 100% !important;} } /* k4 - Boksy aktualności --------------------------------------------------------- */ .k4 h2.nagNews {} .k4_news {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;} .k4_news .boks {flex: 1 1 auto;} .k4_news.liczNews3 .boks {flex: 1 1 calc((100% - 30px) / 3);} .k4_news.liczNews2 .boks {flex: 1 1 calc((100% - 30px) / 2);} .k4_news .boks .data {font-size: 0.93em; line-height: 0.93em; margin-bottom: 0.67em; padding-top: 5px; font-weight: 500;} body.wysKontOff .k4_news .boks .data {color: #ec8411;} .k4_news .boks h3 {margin: 0 0 15px 0;} .k4_news .boks div.wiecej {margin-top: 20px;} @media (max-width: 860px) { .k4_news .boks {flex: 1 1 calc((100% - 30px) / 2) !important;} } @media (max-width: 545px) { .k4_news .boks {flex: 1 1 100% !important;} } /* k4 - Pozostała oferta --------------------------------------------------------- */ .k4 h2.nagPozu {} .k4_pozu {display: flex; justify-content: space-between; flex-wrap: wrap; gap: 10px;} .k4_pozu .boks {flex: 1 1 auto; padding: 35px 15px; background-color: #64452d; color: White; text-align: center;} .k4_pozu.liczBoks5 .boks.boksMa {flex: 1 1 calc((100% - 30px) / 5);} .k4_pozu.liczBoks4 .boks.boksMa {flex: 1 1 calc((100% - 30px) / 4);} .k4_pozu.liczBoks3 .boks.boksMa {flex: 1 1 calc((100% - 20px) / 3);} .k4_pozu.liczBoks2 .boks.boksMa {flex: 1 1 calc((100% - 10px) / 2);} .k4_pozu .boks h5 {margin: 0 0 1em 0; font-size: 1.2em; line-height: 1.33em; min-height: 2.66em;font-family: 'Roboto Condensed'; font-weight: normal;} body.wysKontOff .k4_pozu .boks h5 {color: White;} .k4_pozu .boks .fac {font-size: 3.34em; display: inline-block;} .k4_pozu .bokslink {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .k4_pozu .boks_1 {flex: 0 0 100%; line-height: 40px; padding: 15px 20px;} .k4_pozu .boks_1 .fac {font-size: 1.8em; line-height: 1.11em; margin-right: 0.4em;} .k4_pozu .boks_1 h5 {display: inline-block; font-size: 1.4em; line-height: 2.22em; min-height: auto; margin: 0 20px 0 0;} /**** OPC DOST KONT ****/ /**** C ****/ body.wysKontB .k4_pozu .boks {color: Yellow;} /**** C ****/ body.wysKontC .k4_pozu .boks {color: Black;} @media (min-width: 1024px) { .k4_pozu .boks.klikalny:hover {background-color: #ec8411;} } @media (max-width: 840px) { .k4_pozu .boks_1 {text-align: center; padding: 15px 5px;} } @media (max-width: 700px) { .k4_pozu.liczBoks4 .boks.boksMa {flex: 1 1 calc((100% - 10px) / 2);} } @media (max-width: 530px) { .k4_pozu.liczBoks3 .boks.boksMa {flex: 1 1 calc((100% - 10px) / 2);} .k4_pozu .boks_1 h5 {display: block; margin: 0 0 20px 0;} } @media (max-width: 400px) { .k4_pozu .boks h5 {font-size: 1.07em; line-height: 1.3em;} .k4_pozu .boks_1 h5 {font-size: 1.2em; } .k4_pozu .boks {padding: 25px 10px;} } @media (max-width: 330px) { .k4_pozu .boks.boksMa {flex: 1 1 100% !important;} .k4_pozu .boks h5 {font-size: 1.14em; line-height: 1.3em; min-height: auto;} } /* k4 - Mapka dojazdu --------------------------------------------------------- */ .k4 h2.nagMapa {color: #261304} .k4_mapdo .konMapki {padding: 10px; border-radius: 3px; background-color: #261304;} .k4_mapdo .konMapki div#konMapki {height: 300px; filter: grayscale(80%) contrast(1.05); color: Black} .k4_mapdo .konMapki div#konMapki a {color: Black} .k4_mapdo .navButton { font-family: 'Roboto Condensed'; font-weight: bold; font-size: 1.1em; text-align: center;} .k4_mapdo .navButton a {color: White; display: block; padding: 10px 10px 0px 10px} .k4_mapdo .navButton .fac {font-size: 1.2em; margin-left: 5px;} /**** OPC DOST KONT ****/ body.wysKont .k4_mapdo .konMapki {background-color: #252525;} /**** B ****/ body.wysKontB .k4_mapdo .navButton a {color: Yellow;} /**** C ****/ body.wysKontC .k4_mapdo .konMapki {background-color: rgba(0,0,0,0.08); border-bottom: 5px solid Black;} body.wysKontC .k4_mapdo .navButton a {color: Black;} /* k5 - Kontent SD ---------------------------------------------------------------------- */ .k5flex {display: flex; position: relative; padding: 30px 0 30px 0;} .k5l {flex: 0 0 300px; box-sizing: border-box; padding: 0; position: relative;} .k5r {flex: 1; background-color: transparent; box-sizing: border-box; padding: 0 0 0 30px; position: relative;} .k5r > div {position: relative;} /* Sub-menu - www */ .smenu {background-color: rgba(255,255,255,1); font-size: 15px; line-height: 1.20em;} .smenu .wiecejWDziale {display: none; background-color: #261304; padding: 15px 20px; color: White; text-transform: uppercase; font-size: 0.87em; line-height: 1em; font-weight: bold; text-align: center; background-repeat: no-repeat; background-position: right 1em center; background-size: auto 1.4em; background-image: url("data:image/svg+xml;utf8,");} .smenu .wiecejWDziale span {} .smenu h5 {font-weight: bold; margin: 0; font-size: 1.07em; line-height: inherit; padding: 20px 15px 18px 20px; color: #ffffff; background-color: #ec8411; box-sizing: border-box; font-family: 'Roboto Condensed';} .smenu h5.dzial {display: none;} .smenu ul {padding: 0; margin: 0;} .smenu ul.menuKLS li {list-style-type: none; padding: 0; margin: 0; background: none;} .smenu ul.menuKLS li + li {border-top: 1px solid #e4e4e4;} .smenu ul.menuKLS li.menuKSMPOn {margin-bottom: 0; padding-bottom: 0;} .smenu ul.menuKLS a {display: block; padding: 20px 15px 18px 20px; margin: 0; color: #261304; text-decoration: none; transition: color 400ms;} .smenu ul.menuKLS a:hover {color: #ec8411; text-decoration: none;} .smenu ul.menuKLS li.menuKLW > a {font-weight: bold; color: #73716d;} .smenu ul.menuKLS li.menuKSMPOn > a {border-bottom: 1px solid #e0dfde;} .smenu #menuL, .smenu #menuL:hover {color: #ec8411;} .smenu ul.menuKLS > li > a:hover, .smenu ul.menuKLS > li > a#menuL {border-left: 4px solid #ec8411; padding-left: 16px;} /* .smenu #menuL + ul.menuKLPS {margin-top: 5px} */ .smenu ul.menuKLPS {padding: 0; margin: 0; overflow: hidden; border-left: 20px solid #f2f2f2;} .smenu ul.menuKLPS li {padding: 0; margin: 0;} .smenu ul.menuKLPS a {display: block; padding: 18px 15px 16px 20px; font-weight: normal; margin: 0; color: #261304; text-decoration: none;} .smenu ul.menuKLPS a:hover, .smenu ul.menuKLPS a#menuL {color: #ec8411; border-left: 4px solid #ec8411; padding-left: 16px;} .smenu ul.menuKLPS li:hover, .smenu ul.menuKLPS li#menuKL {} .k5r .nawi {padding-bottom: 35px; line-height: 1.21em; color: #57361d; font-family: 'Roboto Condensed'} .k5r .nawi a {font-size: 0.93em; color: #57361d;} .k5r .nawi a:hover {color: #000000} .k5r h1 {font-size: 2.2em; line-height: 1.15em; color: #57361d; margin: 0 0 1.3em 0; font-weight: normal; font-family: 'Roboto Condensed';} /**** OPC DOST KONT ****/ body.wysKontA .smenu {background-color: #1b1b1b;} body.wysKontA .smenu .wiecejWDziale {background-color: White; color: Black; background-image: url("data:image/svg+xml;utf8,");} body.wysKontA .smenu h5 {background-color: White; color: Black;} body.wysKontA .smenu h5.dzial {} body.wysKontA .smenu ul {} body.wysKontA .smenu ul.menuKLS li {} body.wysKontA .smenu ul.menuKLS li + li {border-top: 1px solid White;} body.wysKontA .smenu ul.menuKLS li.menuKSMPOn {} body.wysKontA .smenu ul.menuKLS a {color: White;} body.wysKontA .smenu ul.menuKLS a:hover {color: Yellow;} body.wysKontA .smenu ul.menuKLS li.menuKLW > a {font-weight: bold; color: White;} body.wysKontA .smenu ul.menuKLS li.menuKSMPOn > a {border-bottom: 1px solid White;} body.wysKontA .smenu #menuL, body.wysKontA .smenu #menuL:hover {color: Yellow;} body.wysKontA .smenu ul.menuKLS > li > a:hover, body.wysKontA .smenu ul.menuKLS > li > a#menuL {border-left: 4px solid Yellow;} /* .smenu #menuL + ul.menuKLPS {margin-top: 5px} */ body.wysKontA .smenu ul.menuKLPS {border-left: 20px solid Black;} body.wysKontA .smenu ul.menuKLPS li {} body.wysKontA .smenu ul.menuKLPS a {color: White;} body.wysKontA .smenu ul.menuKLPS a:hover, body.wysKontA .smenu ul.menuKLPS a#menuL {color: Yellow; border-left: 4px solid Yellow;} body.wysKontA .smenu ul.menuKLPS li:hover, body.wysKontA .smenu ul.menuKLPS li#menuKL {} body.wysKontA .k5r .nawi a {color: White;} body.wysKontA .k5r .nawi a:hover {color: Yellow;} body.wysKontA .k5r h1.tytul {color: White;} body.wysKontA .k5r p a {text-decoration: underline;} body.wysKontA .k5r ul li {background: url("data:image/svg+xml;utf8,") no-repeat left 1.07em center;} /**** B ****/ body.wysKontB .smenu .wiecejWDziale {background-color: Yellow; color: Black;} body.wysKontB .smenu h5 {background-color: Yellow;} body.wysKontB .smenu ul.menuKLS li + li {border-top: 1px solid Yellow;} body.wysKontB .smenu ul.menuKLS a {color: Yellow;} body.wysKontB .smenu ul.menuKLS a:hover {color: White;} body.wysKontB .smenu ul.menuKLS li.menuKLW > a {font-weight: bold; color: Yellow;} body.wysKontA .smenu ul.menuKLS li.menuKSMPOn > a {border-bottom: 1px solid Yellow;} body.wysKontB .smenu #menuL, body.wysKontB .smenu #menuL:hover {color: White;} body.wysKontB .smenu ul.menuKLS > li > a:hover, body.wysKontB .smenu ul.menuKLS > li > a#menuL {border-left: 4px solid White;} /* .smenu #menuL + ul.menuKLPS {margin-top: 5px} */ body.wysKontB .smenu ul.menuKLPS {border-left: 20px solid Black;} body.wysKontB .smenu ul.menuKLPS li {} body.wysKontB .smenu ul.menuKLPS a {color: Yellow;} body.wysKontB .smenu ul.menuKLPS a:hover, body.wysKontB .smenu ul.menuKLPS a#menuL {color: White; border-left: 4px solid White;} body.wysKontB .smenu ul.menuKLPS li:hover, body.wysKontB .smenu ul.menuKLPS li#menuKL {} body.wysKontB .k5r .nawi a {color: Yellow;} body.wysKontB .k5r .nawi a:hover {color: White;} body.wysKontB .k5r h1.tytul {color: Yellow;} body.wysKontB .k5r p a {text-decoration: underline;} body.wysKontB .k5r ul li {background: url("data:image/svg+xml;utf8,") no-repeat left 1.07em center;} /**** C ****/ body.wysKontC .smenu {background-color: rgba(0,0,0,0.03); font-size: 15px; line-height: 1.20em;} body.wysKontC .smenu .wiecejWDziale {background-color: Black;} body.wysKontC .smenu h5 {background-color: Black; color: White;} body.wysKontC .smenu ul.menuKLS li + li {border-top: 1px solid Black;} body.wysKontC .smenu ul.menuKLS a {color: Black;} body.wysKontC .smenu ul.menuKLS a:hover {color: Black;} body.wysKontC .smenu ul.menuKLS li.menuKLW > a {color: DarkBlue;} body.wysKontC .smenu ul.menuKLS li.menuKSMPOn > a {border-bottom: 1px solid Black;} body.wysKontC .smenu #menuL, body.wysKontC .smenu #menuL:hover {color: Black;} body.wysKontC .smenu ul.menuKLS > li > a:hover, body.wysKontC .smenu ul.menuKLS > li > a#menuL {border-left: 4px solid Black;} body.wysKontC .smenu ul.menuKLS > li > a#menuL {font-weight: bold;} /* .smenu #menuL + ul.menuKLPS {margin-top: 5px} */ body.wysKontC .smenu ul.menuKLPS {border-left: 20px solid White;} body.wysKontC .smenu ul.menuKLPS a {color: Black;} body.wysKontC .smenu ul.menuKLPS a:hover, body.wysKontC .smenu ul.menuKLPS a#menuL {color: Black; border-left: 4px solid Black;} body.wysKontC .smenu ul.menuKLPS a#menuL {font-weight: bold;} body.wysKontC .k5r .nawi {color: Black;} body.wysKontC .k5r .nawi a {color: Black;} body.wysKontC .k5r .nawi a:hover {color: DarkBlue} body.wysKontC .k5r h1.tytul {color: Black;} body.wysKontC .k5r p a {text-decoration: underline;} /**** D ****/ body.wysKontD .smenu h5 {color: White;} body.wysKontD .smenu ul.menuKLPS {border-left: 20px solid Yellow;} /**** OPC DOST TXT****/ body.txtPlus2 .smenu {font-size: 16px;} body.txtPlus3 .smenu {font-size: 17px;} @media (max-width: 1020px) { .k5l {padding-left: 20px;} .k5r {padding: 0 20px 0 30px;} } @media (max-width: 900px) { .k5l {flex: 0 0 260px; padding: 0 0 0 10px;} .k5r {padding: 0 10px 0 20px;} .k5r h1 {font-size: 1.9em;} } @media (max-width: 840px) { .k5l {flex: 0 0 200px;} .smenu {font-family: 'Roboto Condensed';} .smenu h5 {font-size: 1em; padding: 15px 15px 13px 15px;} .smenu ul.menuKLS a {display: block; padding: 15px 10px 13px 15px;} .smenu ul.menuKLS > li > a:hover, .smenu ul.menuKLS > li > a#menuL {padding-left: 11px;} .smenu ul.menuKLPS a {padding: 13px 10px 11px 15px;} .smenu ul.menuKLPS a:hover, .smenu ul.menuKLPS a#menuL {padding-left: 11px;} } @media (max-width: 740px) { .k5l {flex: 0 0 180px;} .k5r {padding-left: 15px;} } @media (max-width: 690px) { .k5flex {flex-wrap: wrap; padding-bottom: 0;} .k5l {padding: 0; flex: 0 0 100%; order: 2;} .k5r {padding: 0 15px 40px 15px; order: 1;} .smenu {font-family: Roboto;} .smenu .wiecejWDziale {display: block;} /**** OPC DOST TXT****/ body.txtPlus2 .smenu {font-size: 17px;} body.txtPlus3 .smenu {font-size: 18px;} } @media (max-width: 580px) { .k5flex {padding-top: 20px;} } @media (max-width: 480px) { .k5r h1 {font-size: 1.7em;} } /* Boksy informacyjne */ .boksInf {font-weight: bold; text-align: center; font-size: 1.14em;} * + .boksInf {margin-top: 20px;} .boksInf.zLewej {} .boksInf.wStopce {display: none;} .boksInf a {display: block; padding: 20px; color: White; transition: background-color 300ms;} .boksInf.boksInfA a {background-color: #261304;} .boksInf.boksInfA a:hover {background-color: #ec8411;} .boksInf.boksInfB a {background-color: #57361d;} .boksInf.boksInfB a:hover {background-color: #ec8411;} /**** OPC DOST KONT ****/ body.wysKontA .boksInf.boksInfA a {background-color: #252525;} body.wysKontA .boksInf.boksInfA a:hover {background-color: #363636;} body.wysKontA .boksInf.boksInfB a {background-color: #363636;} body.wysKontA .boksInf.boksInfB a:hover {background-color: #252525;} /**** B ****/ /**** C ****/ body.wysKontC .boksInf.boksInfA a {background-color: Black; color: White;} body.wysKontC .boksInf.boksInfA a:hover {background-color: #363636;} body.wysKontC .boksInf.boksInfB a {background-color: DarkBlue; color: White;} body.wysKontC .boksInf.boksInfB a:hover {background-color: MediumBlue;} @media (max-width: 768px) { .boksInf {margin: 0;} .boksInf a {display: block; padding: 30px 20px;} .boksInf.zLewej {display: none;} .boksInf.wStopce {display: block;} } /* k7 - Mapa strony w stopce ---------------------------------------------------------------------- */ .k7 {} .k7 > div {padding: 30px 10px 50px 10px;} .k7_mapa {color: White;} .k7_mapa .kolumna {float: left; width: 25%; box-sizing: border-box; padding: 10px 25px; border-left: 2px solid rgba(255,255,255,0.3);} .k7_mapa .kolumna h4 {margin: 0 0 8px 0; color: White; text-transform: uppercase; font-size: 1em; font-weight: bold;} .k7_mapa .kolumna h4 a {color: White;} .k7_mapa .kolumna ul {margin: 0;} .k7_mapa .kolumna ul + h4 {margin-top: 40px;} .k7_mapa .kolumna li {padding: 0; margin: 7px 0px 7px 0px; background: none; line-height: 1.2em;} .k7_mapa .kolumna li.pdstr {padding: 0 0 0 10px;} .k7_mapa .kolumna a {color: rgba(255,255,255,0.8); transition: color 200ms;} .k7_mapa .kolumna a:hover {color: White;} /**** OPC DOST KONT ****/ body.wysKontA .k7_mapa .kolumna a {color: White;} body.wysKontA .k7_mapa .kolumna a:hover {color: Yellow;} /**** B ****/ body.wysKontB .k7_mapa {color: Yellow;} body.wysKontB .k7_mapa .kolumna a {color: Yellow;} body.wysKontB .k7_mapa .kolumna a:hover {color: White;} body.wysKontB .k7_mapa .kolumna {border-left: 2px solid rgba(255,255,0,0.3);} /**** C ****/ body.wysKontC .k7_mapa .kolumna a {color: White;} body.wysKontC .k7_mapa .kolumna a:hover {color: Yellow;} /**** D ****/ body.wysKontD .k7_mapa {color: Yellow;} body.wysKontD .k7_mapa .kolumna a {color: Yellow;} body.wysKontD .k7_mapa .kolumna a:hover {color: White;} body.wysKontD .k7_mapa .kolumna h4 a {color: White;} body.wysKontD .k7_mapa .kolumna {border-left: 2px solid rgba(255,255,0,0.3);} @media (max-width: 760px) { .k7_mapa .kolumna {width: 50%;} .k7_mapa .kol_1, .k7_mapa .kol_2 {margin-bottom: 20px;} .k7_mapa .kol_3 {clear: left;} } @media (max-width: 400px) { .k7_mapa .kol_1, .k7_mapa .kol_3 {padding: 10px 25px 10px 0; border: none !important;} .k7_mapa .kol_2, .k7_mapa .kol_4 {padding: 10px 0 10px 25px;} } /* k8 - Stopka ---------------------------------------------------------------------- */ .k8 {min-height: 100px; padding: 30px 0 200px 0; color: White; line-height: 1.40em; border-top: 2px solid rgba(255,255,255,0.3);} .k8 a {color: White; transition: all 200ms; opacity: 0.7;} .k8 a:hover {opacity: 1;} .k8_left {float: left; margin-left: 15px;} .k8_left a.bip {float: left; width: 60px; margin-right: 20px;} .k8_right {float: right; margin-right: 15px;} .k8_right a.mykk {display: inline-block; width: 100px;} .k8_right a.mykk svg .cls-1 {fill: White; /*fill:#363a38;*/} .k8_right a.mykk svg .cls-2 {fill: White; /*fill:#cc004b;*/} /**** OPC DOST KONT ****/ /**** A ****/ body.wysKontA .k8 a {color: White;} /**** B ****/ body.wysKontB .k8 {color: Yellow; border-top: 2px solid rgba(255,255,0,0.3);} body.wysKontB .k8 a {color: Yellow;} body.wysKontB .k8_right a.mykk svg .cls-1, body.wysKontB .k8_right a.mykk svg .cls-2 {fill: Yellow;} /**** C ****/ body.wysKontC .k8 a {color: White;} /**** D ****/ body.wysKontD .k8 {color: Yellow; border-top: 2px solid rgba(255,255,0,0.3);} body.wysKontD .k8 a {color: Yellow;} body.wysKontD .k8_right a.mykk svg .cls-1, body.wysKontD .k8_right a.mykk svg .cls-2 {fill: Yellow;} @media (min-width: 721px) { .k8_left .nota {white-space: nowrap} } @media (max-width: 990px) { .k8 {margin: 0 10px;} } @media (max-width: 720px) { .k8_left {float: none; margin: 0 0 40px 0; text-align: center; padding: 0 0 40px 0; border-bottom: 2px solid rgba(255,255,255,0.3);} .k8_left a.bip {display: block; float: none; margin: 0 auto 20px auto;} .k8_right {float: none; margin: 0 10px 40px 10px; text-align: center; padding: 0;} /**** OPC DOST KONT ****/ /**** B ****/ body.wysKontB .k8_left {border-bottom: 2px solid rgba(255,255,0,0.3);} /**** D ****/ body.wysKontD .k8_left {border-bottom: 2px solid rgba(255,255,0,0.3);} } /** * Slider bxSlider */ /** RESET AND LAYOUT===================================*/ .bx-wrapper {position: relative; margin-bottom: 0; padding: 0; *zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; padding-bottom: 30px;} .bx-wrapper img {max-width: 100%; display: block;} .bxslider {margin: 0; padding: 0;} ul.bxslider {list-style: none;} .bx-viewport {/*fix other elements on the page moving (on Chrome)*/ -webkit-transform: translatez(0);} /** THEME===================================*/ .bx-wrapper {} .bx-wrapper .bx-pager,.bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%;} /* LOADER */ .bx-wrapper .bx-loading {min-height: 50px; background: url(../img_ext/ajax-loader.gif) center center no-repeat; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;} /* PAGER */ .bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #65b3b2; padding-top: 10px;} .bx-wrapper .bx-pager.bx-default-pager a {background-color: #261304; text-indent: -9999px; display: block; width: 30px; height: 6px; margin: 0 5px; outline: 0; transition: all 0.4s ease;} .bx-wrapper .bx-pager.bx-default-pager a:hover,.bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus {background-color: #ec8411;} .bx-wrapper .bx-pager-item,.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; vertical-align: bottom; *zoom: 1; *display: inline;} .bx-wrapper .bx-pager-item {font-size: 0; line-height: 0;} /* DIRECTION CONTROLS (NEXT / PREV) */ .bx-wrapper .bx-prev {left: -20px; background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} .bx-wrapper .bx-prev:hover,.bx-wrapper .bx-prev:focus {} .bx-wrapper .bx-next {right: -20px; background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} .bx-wrapper .bx-next:hover,.bx-wrapper .bx-next:focus {} .bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -30px; transition: all 0.4s ease; outline: 0; text-indent: -9999px; z-index: 9999; display: block; background-color: #57361d; line-height: 60px; height: 60px; width: 60px; color: White; border-radius: 3px; box-shadow: 0px 2px 1px rgba(37,56,60,0.5);} .bx-wrapper .bx-controls-direction a:hover {background-color: #ec8411;} .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* AUTO CONTROLS (START / STOP) */ .bx-wrapper .bx-controls-auto {text-align: center;} .bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-start:hover,.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-start:focus {background-position: -86px 0;} .bx-wrapper .bx-controls-auto .bx-stop {display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px;} .bx-wrapper .bx-controls-auto .bx-stop:hover,.bx-wrapper .bx-controls-auto .bx-stop.active,.bx-wrapper .bx-controls-auto .bx-stop:focus {background-position: -86px -33px;} /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */ .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%;} .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;} /* IMAGE CAPTIONS */ .bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #57361d; background: rgba(42,23,9,0.6); width: 100%; font-size: 26px; line-height: 32px; color: White; font-family: 'Roboto Condensed'; text-shadow: 0px 0px 4px rgba(31,48,52,0.8);} .bx-wrapper .bx-caption span {display: block; padding: 20px; } /**** OPC DOST KONT ****/ body.wysKontA .bx-wrapper .bx-pager.bx-default-pager a {background-color: rgba(255,255,255,0.5);} body.wysKontA .bx-wrapper .bx-pager.bx-default-pager a:hover, body.wysKontA .bx-wrapper .bx-pager.bx-default-pager a.active, body.wysKontA .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color: rgba(255,255,255,1);} body.wysKontA .bx-wrapper .bx-controls-direction a {background-color: #252525;} body.wysKontA .bx-wrapper .bx-prev:hover {background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} body.wysKontA .bx-wrapper .bx-next:hover {background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} body.wysKontA .bx-wrapper .bx-controls-direction a:hover {background-color: Yellow;} body.wysKontA .bx-wrapper .bx-caption {background: #252525; color: White;} /**** B ****/ body.wysKontB .bx-wrapper .bx-pager.bx-default-pager a {background-color: rgba(255,255,0,0.5);} body.wysKontB .bx-wrapper .bx-pager.bx-default-pager a:hover, body.wysKontB .bx-wrapper .bx-pager.bx-default-pager a.active, body.wysKontB .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color: rgba(255,255,0,1);} body.wysKontB .bx-wrapper .bx-prev {background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} body.wysKontB .bx-wrapper .bx-next {background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} body.wysKontB .bx-wrapper .bx-caption {color: Yellow;} /**** C ****/ body.wysKontC .bx-wrapper .bx-pager.bx-default-pager a {background-color: rgba(0,0,0,0.5);} body.wysKontC .bx-wrapper .bx-pager.bx-default-pager a:hover, body.wysKontC .bx-wrapper .bx-pager.bx-default-pager a.active, body.wysKontC .bx-wrapper .bx-pager.bx-default-pager a:focus {background-color: rgba(0,0,0,1);} body.wysKontC .bx-wrapper .bx-controls-direction a {background-color: Black;} body.wysKontC .bx-wrapper .bx-prev:hover {background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} body.wysKontC .bx-wrapper .bx-next:hover {background: url("data:image/svg+xml;utf8,") no-repeat center center; background-size: 16px auto;} body.wysKontC .bx-wrapper .bx-controls-direction a:hover {background-color: MediumBlue;} body.wysKontC .bx-wrapper .bx-caption {background: Black;} /**** D ****/ body.wysKontD .bx-wrapper .bx-caption {color: Yellow;} @media (max-width: 1080px) { .bx-wrapper .bx-prev {left: 20px;} .bx-wrapper .bx-next {right: 20px;} } @media (max-width: 720px) { .bx-wrapper .bx-controls-direction {display: none;} } @media (max-width: 480px) { .bx-wrapper .bx-caption {} } /** * Upload plików */ .uploadifive-button {border: 1px solid #c1c1c4; box-sizing: content-box; background-image: url("data:image/svg+xml;utf8,");} /**** OPC DOST KONT ****/ body.wysKontA .uploadifive-button {border: 2px solid White; font-weight: bold; background-image: url("data:image/svg+xml;utf8,");} /**** B ****/ body.wysKontB .uploadifive-button {border: 2px solid Yellow; font-weight: bold; background-image: url("data:image/svg+xml;utf8,");} /**** C ****/ body.wysKontC .uploadifive-button {border: 2px solid Black; font-weight: bold; background-image: url("data:image/svg+xml;utf8,");} @media (min-width: 1024px) { /**** OPC DOST KONT ****/ body.wysKontA .uploadifive-button:hover {border: 2px solid Yellow; color: Yellow;} /**** B ****/ body.wysKontB .uploadifive-button:hover {border: 2px solid White; color: White;} /**** C ****/ body.wysKontC .uploadifive-button:hover {border: 2px solid Blue; color: Blue; background-image: url("data:image/svg+xml;utf8,");} } /** * jQuery.tipsy * Copyright (c) 2014 CreativeDream * Version: 1.0 (18-11-2014) */ .tipsy {position: absolute; top: 0; left: 0; padding: 6px 8px; font-family: 'Roboto Condensed'; font-size: 13px; line-height: 18px; color: white; border-radius: 3px; background-color: rgba(57,56,55,0.9); z-index: 9999;} .tipsy:before {position: absolute; bottom: -5px; left: 5px; display: inline-block; content: ''; border-right: 5px solid transparent; border-top: 5px solid rgba(57,56,55,0.9); border-bottom: 0 solid rgba(57,56,55,0.9); border-left: 5px solid transparent;} .tipsy.arrow-top:before {bottom: auto; top: -5px; border-top-width: 0; border-bottom-width: 5px;} .tipsy.arrow-bottom:before {bottom: -5px; top: auto; border-top-width: 5px; border-bottom-width: 0;} .tipsy.arrow-left:before {left: 5px; right: auto;} .tipsy.arrow-center:before {left: 50%; right: auto; margin-left: -5px;} .tipsy.arrow-right:before {right: 5px; left: auto;} .tipsy.arrow-side-left:before {top: 50%; bottom: auto; left: 0; right: auto; margin-top: -5px; margin-left: -5px; border-right-color: rgba(57,56,55,0.9); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 0;} .tipsy.arrow-side-right:before {top: 50%; bottom: auto; right: 0; left: auto; margin-top: -5px; margin-right: -5px; border-left-color: rgba(57,56,55,0.9); border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 0;} /**** OPC DOST KONT ****/ body.wysKont .tipsy {font-size: 0.9em; line-height: 1.57em; background-color: rgba(0,0,0,0.9);} body.wysKont .tipsy:before {border-top: 5px solid rgba(0,0,0,0.9); border-bottom: 0 solid rgba(0,0,0,0.9);} body.wysKont .tipsy.arrow-side-left:before {border-right-color: rgba(0,0,0,0.9);} body.wysKont .tipsy.arrow-side-right:before {border-left-color: rgba(0,0,0,0.9);} /************************************************************************************************* CMS *************************************************************************************************/ /** * Paginacja (WWW) */ .wysPozWWW {color: #b1aea7;} .pagWWW {border-top: 2px solid #b1aea7;} .pagWWW a.but {background-color: #b1aea7;} .pagWWW a.but:hover, .pagWWW a.but.current {background-color: #4a4946;} /**** OPC DOST KONT ****/ body.wysKontA .wysPozWWW {color: White;} body.wysKontA .pagWWW {border-top: 0px solid White;} body.wysKontA .pagWWW a.but {background-color: Black; border: 2px solid White;} body.wysKontA .pagWWW a.but:hover, body.wysKontA .pagWWW a.but.current {background-color: White; color: Black;} body.wysKontA .pagWWW a.first:hover {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA .pagWWW a.prev:hover {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA .pagWWW a.last:hover {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA .pagWWW a.next:hover {background-image: url("data:image/svg+xml;utf8,");} /**** B ****/ body.wysKontB .wysPozWWW {color: Yellow;} body.wysKontB .pagWWW a.but {color: Yellow; border: 2px solid Yellow;} body.wysKontB .pagWWW a.but:hover, body.wysKontB .pagWWW a.but.current {background-color: Yellow; color: Black;} body.wysKontB .pagWWW a.first {background-image: url("data:image/svg+xml;utf8,");} body.wysKontB .pagWWW a.prev {background-image: url("data:image/svg+xml;utf8,");} body.wysKontB .pagWWW a.last {background-image: url("data:image/svg+xml;utf8,");} body.wysKontB .pagWWW a.next {background-image: url("data:image/svg+xml;utf8,");} /**** C ****/ body.wysKontC .wysPozWWW {color: Black;} body.wysKontC .pagWWW {border-top: 2px solid Black;} body.wysKontC .pagWWW a.but {background-color: Black;} body.wysKontC .pagWWW a.but:hover, body.wysKontC .pagWWW a.but.current {background-color: DarkBlue; color: White;} @media (max-width: 480px) { .pagWWW a.strpag {display: none;} } /** * CMS strony, news, promocje, faq */ a.es_foto:hover img.es {transform: scale(1.1);} @media (min-width: 481px) { div.es_right, div.es_left {max-width: 50%;} } @media (max-width: 480px) { div.es_right, div.es_left {float: none; padding: 0; text-align: center; margin: 0.71em auto 1.07em auto;} .es .podpis_foto {max-width: 100%;} } /** * News */ h1.news_nag {color: #585753;} h1.news_nag span.news_data {color: #585753;font-family: 'Roboto Condensed';} h1.news_nag span.news_data {background-color: rgba(255,255,255,1); display: inline-block; padding: 4px 4px 3px 4px; line-height: 1em;} h1.news_nag span.kiedy {color: #585753; font-weight: bold; display: inline-block; margin-top: 15px;} h1.news_nag span.kiedy .txt {font-weight: normal;} h2.news_nag {color: #585753;} h2.news_nag span.news_data {color: #585753;} div.news_kon_list h3 {color: #585753; font-weight: normal;} div.news_kon_list h3 a {color: inherit;} div.news_kon_list h3 a:hover {color: inherit;} div.news_kon_list div.data {color: #585753; font-family: 'Roboto Condensed';} div.news_kon_list div.data > span {background-color: rgba(255,255,255,1); display: inline-block; padding: 4px 4px 3px 4px;} div.news_kon_list div.kiedy {margin: -0.7em 0 1em 0; font-weight: bold;} div.news_kon_list div.kiedy .txt {font-weight: normal;} div.news_kon_list div.zajawka a {color: inherit;} body.wysKontOff div.news_kon_list div.zajawka a:hover p {color: inherit;} div.news_kon_list div.wiecej a {background-color: transparent; color: #585753; padding: 0 2.4em 0 0; font-weight: bold; background-position: right 0.8em center; background-size: auto 1em; background-image: url("data:image/svg+xml;utf8,");} div.news_kon_list div.wiecej a:hover {background-color: transparent; color: #d0110f; background-image: url("data:image/svg+xml;utf8,");} /**** OPC DOST KONT ****/ body.wysKont div.news_kon_list div.wiecej a {padding: 0.44em 2.4em 0.44em 1em;} /**** A ****/ body.wysKontA h1.news_nag {color: White;} body.wysKontA h1.news_nag span.news_data {color: White;} body.wysKontA h1.news_nag span.news_data {color: White; background-color: rgba(255,255,255,0.1);} body.wysKontA h2.news_nag {color: White;} body.wysKontA div.news_kon_list h3 {color: White;} body.wysKontA div.news_kon_list h3 a {color: inherit;} body.wysKontA div.news_kon_list div.data {color: White;} body.wysKontA div.news_kon_list div.data > span {background-color: rgba(255,255,255,0.1);} body.wysKontA div.news_kon_list div.wiecej a {background-color: White; color: Black; background-image: url("data:image/svg+xml;utf8,");} body.wysKontA div.news_kon_list div.wiecej a:hover {background-color: Yellow;} /**** B ****/ body.wysKontB h1.news_nag {color: Yellow;} body.wysKontB h1.news_nag span.news_data {color: Yellow;} body.wysKontB h2.news_nag {color: Yellow;} body.wysKontB h2.news_nag span.news_data {color: Yellow;} body.wysKontB div.news_kon_list h3 {color: Yellow;} body.wysKontB div.news_kon_list h3 a {color: inherit;} body.wysKontB div.news_kon_list div.data {color: Yellow;} body.wysKontB div.news_kon_list div.wiecej a {background-color: Yellow; background-image: url("data:image/svg+xml;utf8,");} body.wysKontB div.news_kon_list div.wiecej a:hover {background-color: White;} /**** C ****/ body.wysKontC h1.news_nag {color: Black;} body.wysKontC h1.news_nag span.news_data {color: Black; background-color: rgba(0,0,0,0.05);} body.wysKontC h2.news_nag {color: Black;} body.wysKontC h2.news_nag span.news_data {color: #575757;} body.wysKontC div.news_kon_list h3 {color: Black;} body.wysKontC div.news_kon_list h3 a {color: Black;} body.wysKontC div.news_kon_list div.data {color: Black;} body.wysKontC div.news_kon_list div.data > span {background-color: rgba(0,0,0,0.05);} body.wysKontC div.news_kon_list div.wiecej a {background-color: Black; color: White; padding-right: 2.4em; padding-left: 1.0em; background-position: right 0.8em center; background-size: auto 1.2em; background-image: url("data:image/svg+xml;utf8,");} body.wysKontC div.news_kon_list div.wiecej a:hover {background-color: DarkBlue; color: White;} @media (max-width: 500px) { div.news_kon_list.obraz_n {padding-right: 0;} div.news_kon_list div.foto {width: 8em; height: 8em;} div.news_kon_list a.foto {position: static; float: right; margin: 0.36em 0 0 1.07em;} } /** * Promocje */ div.promocja_kon {} h2.promocja_nag {} /**** OPC DOST KONT ****/ body.wysKontA h2.promocja_nag {color: White;} /**** B ****/ body.wysKontB h2.promocja_nag {color: Yellow;} /** * FAQ */ h4.faq_question {font-family: Roboto;} h4.faq_question span {} /** * Dokumenty */ div.kon_dok a {color: #2e2e2c; background-color: rgba(108,107,104,0.1);} div.kon_dok a .dokIco {border-right: 2px solid White; background-color: rgba(108,107,104,1); color: White;} div.kon_dok a:hover {background-color: rgba(108,107,104,1); color: White;} div.kon_dok .dokRozm {background-color: rgba(255,255,255,1); color: #434343;} /**** OPC DOST KONT ****/ body.wysKontA div.kon_dok a {color: White; background-color: rgba(255,255,255,0.15);} body.wysKontA div.kon_dok a .dokIco {border-right: 2px solid Black; background-color: rgba(255,255,255,1); color: Black;} body.wysKontA div.kon_dok a .dokIco span {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA div.kon_dok a:hover {background-color: rgba(255,255,255,1); color: Black;} body.wysKontA div.kon_dok .dokRozm {background-color: rgba(255,255,255,0.9); color: Black; font-weight: bold;} /**** B ****/ body.wysKontB div.kon_dok a {color: Yellow;} body.wysKontB div.kon_dok a .dokIco {background-color: rgba(255,255,0,1);} body.wysKontB div.kon_dok .dokRozm {background-color: rgba(255,255,0,0.9);} /**** C ****/ body.wysKontC div.kon_dok a {color: Black; background-color: rgba(0,0,0,0.07);} body.wysKontC div.kon_dok a .dokIco {background-color: Black;} body.wysKontC div.kon_dok a:hover {background-color: rgba(0,0,0,1); color: White;} body.wysKontC div.kon_dok .dokRozm {color: Black;} /**** D ****/ body.wysKontD div.kon_dok a .dokIco {border-right: 2px solid Yellow;} body.wysKontD div.kon_dok a:hover {background-color: rgba(0,0,0,1); color: Yellow;} body.wysKontD div.kon_dok .dokRozm {background-color: rgba(0,0,0,0.1)} @media (max-width: 480px) { div.kon_dok a {padding: 12px 10px 12px 50px;} div.kon_dok span.dokRozm {position: static; width: auto; padding: 0; margin: 0 0 7px 0; text-align: left; background-color: transparent;} /**** OPC DOST KONT ****/ body.wysKontA div.kon_dok span.dokRozm {background-color: transparent; color: White;} /**** B ****/ /**** C ****/ body.wysKontC div.kon_dok span.dokRozm {background-color: transparent;} } /** * Dokumenty JPGIF */ div.kon_dokjpgif a {color: #34312a; background-color: rgba(135,128,110,0.1);} div.kon_dokjpgif a .dokIco {border-right: 2px solid White; background-color: rgba(135,128,110,1); background-size: auto 22px; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;utf8,");} div.kon_dokjpgif a:hover {background-color: rgba(135,128,110,1); color: White;} /**** OPC DOST KONT ****/ body.wysKontA div.kon_dokjpgif a {color: White; background-color: rgba(255,255,255,0.15);} body.wysKontA div.kon_dokjpgif a .dokIco {border-right: 2px solid Black; background-color: rgba(255,255,255,1); background-image: url("data:image/svg+xml;utf8,");} body.wysKontA div.kon_dokjpgif a:hover {background-color: rgba(255,255,255,1); color: Black;} /**** B ****/ body.wysKontB div.kon_dokjpgif a {color: Yellow;} body.wysKontB div.kon_dokjpgif a .dokIco {background-color: rgba(255,255,0,1);} /**** C ****/ body.wysKontC div.kon_dokjpgif a {color: Black; background-color: rgba(0,0,0,0.07);} body.wysKontC div.kon_dokjpgif a .dokIco {background-color: rgba(0,0,0,1);} body.wysKontC div.kon_dokjpgif a:hover {background-color: rgba(0,0,0,1); color: White;} /**** D ****/ body.wysKontD div.kon_dokjpgif a {color: Black; background-color: rgba(0,0,0,0.07);} body.wysKontD div.kon_dokjpgif a .dokIco {border-right: 2px solid Yellow; background-color: rgba(0,0,0,1);} body.wysKontD div.kon_dokjpgif a:hover {background-color: rgba(0,0,0,1); color: Yellow;} /** * Galerie foto */ div.gal_kontener + div.gal_kontener {margin-top: 30px;} div.gal_kontener h3 + .gal_data_wyd {margin: -0.33em 0 1em 0;} div.gal_kontener .gal_data_wyd {font-family: 'Roboto Condensed'; margin-bottom: 1em} body.wysKontOff div.gal_kontener .gal_data_wyd {color: Gray;} div.gal_kontener .gal_data_wyd .fac {margin-right: 5px; font-size: 1.2em;} div.gal_kontener .gal_data_wyd .data {font-weight: bold} div.gal_kontener .gal_licz_ob {font-family: 'Roboto Condensed';} body.wysKontOff div.gal_kontener .gal_licz_ob {color: Gray;} div.gal_kontener .gal_licz_ob .fac {margin-right: 5px; font-size: 1.2em;} div.gal_kontener .gal_licz_ob .liczba {font-weight: bold} div.goToPanAdm {display: none; text-align: right; font-family: 'Roboto Condensed'; font-size: 12px;position: absolute; right: 0; top: -5px; font-weight: bold; background-color: rgba(0,0,0,0.8); color: White; border-radius: 2px; padding: 5px 10px; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);} div.goToPanAdm a {color: White;} div.goToPanAdm a:hover {color: Yellow;} @media (min-width: 1025px) { div.gal_kontener a:hover img {transform: scale(1.1);} div.goToPanAdm {display: block; } } @media (max-width: 480px) { div.galTemp_domyslny div.gal_obraz {width: calc(50% - 5px); margin-bottom: 10px;} div.galTemp_domyslny div.gal_obraz.w2z4 {margin-left: 0; margin-right: 0;} div.galTemp_domyslny div.gal_obraz.w3z4 {margin-right: 0;} div.galTemp_domyslny div.gal_obraz.w2z3 {margin-left: 0; margin-right: 0;} div.galTemp_domyslny div.gal_obraz.w1z2 {margin-right: 10px;} } /** * Kontakty */ .kontakt {margin-top: 1.4em !important; line-height: 1.5em;} .kontakt_wiersz .rodz_kont {float: left; font-size: 0.93em; color: Gray; min-width: 3.4em;} .wysKontOff .fkOpis {padding-left: 0.71em; color: Gray;} .wysKontOff .kontakt_map {transition: background 0.3s ease; display: inline-block; font-family: 'Roboto Condensed'; margin-top: 0.43em !important; padding: 0.4em 0.8em 0.4em 2.3em; background-color: rgba(0,0,0,0.05); border-radius: 5px; background-repeat: no-repeat; background-position: left 0.8em center; background-size: 0.9em auto; background-image: url("data:image/svg+xml;utf8,");} .wysKontOff .kontakt_map:hover { background-color: white;} .wysKontOff .kontakt_map a {color: rgba(0,0,0,0.8)} /**** OPC DOST KONT ****/ body.wysKontA .kontakt_wiersz .rodz_kont {color: White;} body.wysKontA .kontakt_map {background-image: url("data:image/svg+xml;utf8,");} /**** B ****/ body.wysKontB .kontakt_map {background-image: url("data:image/svg+xml;utf8,");} /**** D ****/ body.wysKontD .kontakt_wiersz .rodz_kont {color: Black;} @media (max-width: 480px) { .kontakt_foto {display: none;} .kontakt_info {width: 100%;} .kontaktGMap {width: 100%; height: 100%;} } /** * Wyszukiwarka - www */ div.wyszukiwanie {} div.wyszukiwanie .formSzukaj {padding: 10px 0 30px 0;} div.wyszukiwanie .krotkaFraza {color: Red;} div.wyszukiwanie .nieZnaleziono {color: #f76503;} div.wyszukiwanie .formSzukaj input[type=text] {padding: 9px 7px; border-radius: 2px;} div.wyszukiwanie .formSzukaj button {padding: 10px 15px;} div.wynikWysz p a {color: inherit; text-decoration: none !important;} div.wynikWysz .sciezka {color: Gray;} div.wynikWysz .sciezka span {color: #222222;} /**** OPC DOST KONT ****/ body.wysKontA div.wyszukiwanie .nieZnaleziono {color: #01EDFE; font-size: 1.4em} body.wysKontA div.wynikWysz .sciezka span {color: White;} /**** B ****/ /**** C ****/ body.wysKontC div.wyszukiwanie .nieZnaleziono {color: #9F0909; font-size: 1.4em;} body.wysKontC div.wyszukiwanie .formSzukaj input[type=text] {padding: 7px 7px; border-radius: 3px;} /** * Komunikaty */ /**** OPC DOST KONT ****/ body.wysKont div.kom_www {font-size: 1.07em; font-weight: bold;} body.wysKont div.kom_www a.close {top: -4px; right: 4px; font: 30px/30px Roboto; color: White} body.wysKont div.kom_www_ok {background-color: #027905;} body.wysKont div.kom_www_er {background-color: #a60303;} body.wysKont div.kom_www_inf {background-color: #FAAA1E; color: Black;} body.wysKont div.kom_www_inf a.close {color: Black;} body.wysKont .fancyInfo {font-size: 1.07em;} body.wysKont .fancyInfo.lay_white {} body.wysKont .fancyInfo.lay_green {background-color: #027905;} body.wysKont .fancyInfo.lay_red {background-color: #a60303;} body.wysKont .fancyInfo.lay_orange {background-color: #FAAA1E; color: Black;} body.wysKont .fancyInfo.lay_orange .fancybox-close-small svg {color: Black;} /** * Layout formularzy */ .qw, .qwNoB, .qwNB, .qwFB {max-width: 630px;} .qwN {border-bottom: 1px solid rgba(58,89,96,0.2);} .qwF {} .qw .zalKoment {color: Gray;} /**** OPC DOST KONT ****/ body.wysKontA .qwN {border-bottom: 1px solid rgba(255,255,255,0.35);} /**** B ****/ body.wysKontB .qwN {border-bottom: 1px solid rgba(255,255,0,0.35);} @media (max-width: 1200px) { .formRWD input[type=text] {width: 100%;} .formRWD input[type=password] {width: 100%;} .formRWD button[type=submit] {width: 100%;} .formRWD select {max-width: 100%;} } @media (max-width: 580px) { .formRWD .qw.submit .qwN {display: none;} .formRWD .qw.qwBezN .qwN {display: none;} .formRWD .qwN {float: none; width: 100%; border-bottom: 0; margin: 0 0 3px 0; font-weight: bold;} .formRWD .qwF {float: none; width: 100%;} .formRWD .qw.qwAkcept .qwN {display: none;} .qw .zalKoment {display: block;} } /** * Przejście do pan. admin. */ div.goToPanAdm {display: none; text-align: right; font-family: 'Roboto Condensed'; font-size: 12px;position: absolute; right: -150px; top: -5px; font-weight: bold; background-color: rgba(0,0,0,0.8); color: White; border-radius: 2px; padding: 5px 10px; box-shadow: 2px 2px 2px rgba(0,0,0,0.5);} div.goToPanAdm a {color: White;} div.goToPanAdm a:hover {color: Yellow;} @media (min-width: 1025px) { div.goToPanAdm {display: block; } } /** * Mobile menu */ #RWDMobMenWrap {display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.5); z-index: 9999;} #RWDMobMen {position: relative; margin-left: -320px; font-size: 16px; line-height: 1.13em; color: black; background-color: White; min-width: 240px; max-width: 320px; height: 100%; overflow-y: auto; box-shadow: 3px 0px 5px rgba(0,0,0,0.5); z-index: 100;} #RWDMobMen ul {font-family: 'Roboto Condensed';} #RWDMobMen a {color: Black;} #RWDMobMen .akt > a {} #RWDMobMen ul li ul li.strona.akt .sekc {background-image: url("data:image/svg+xml;utf8,");} /**** OPC DOST KONT ****/ body.wysKontA #RWDMobMenWrap {background-color: rgba(255,255,255,0.4);} body.wysKontA #RWDMobMen {color: White; background-color: Black;} body.wysKontA #RWDMobMen a {color: White;} body.wysKontA #RWDMobMen .topNaw a.home {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .topNaw a.schowaj {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .botNaw a.mapaStr {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .botNaw a.szukajNaStr {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen li.dzial > .sekc, body.wysKontA #RWDMobMen > ul > li.grupa > .sekc {background-color: rgba(255,255,255,0.17);} body.wysKontA #RWDMobMen li.grupa > .sekc {background-color: rgba(255,255,255,0.12);} body.wysKontA #RWDMobMen .sekc {border-bottom: 1px dotted Gray;} body.wysKontA #RWDMobMen ul li ul li.strona .sekc {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .rozw {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .rozw.zwiniete {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .akt > a {color: Yellow;} body.wysKontA #RWDMobMenButWyw {background-color: rgba(255, 255, 255, 0.3);} body.wysKontA #RWDMobMenButWyw span {background-color: rgba(255, 255, 255, 1);} /**** B ****/ body.wysKontA #RWDMobMen {color: Yellow;} body.wysKontA #RWDMobMen a {color: Yellow;} body.wysKontA #RWDMobMen .topNaw a.home {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .topNaw a.schowaj {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .botNaw a.mapaStr {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .botNaw a.szukajNaStr {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen li.dzial > .sekc, body.wysKontA #RWDMobMen > ul > li.grupa > .sekc {background-color: rgba(255,255,0,0.1);} body.wysKontA #RWDMobMen li.grupa > .sekc {background-color: rgba(255,255,0,0.09);} body.wysKontA #RWDMobMen .sekc {border-bottom: 1px dotted Gray;} body.wysKontA #RWDMobMen ul li ul li.strona .sekc {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .rozw {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .rozw.zwiniete {background-image: url("data:image/svg+xml;utf8,");} body.wysKontA #RWDMobMen .akt > a {color: White;} body.wysKontB #RWDMobMenButWyw {background-color: rgba(255, 255, 0, 0.3);} body.wysKontB #RWDMobMenButWyw span {background-color: rgba(255, 255, 0, 1);} /**** C ****/ /**** D ****/ body.wysKontD #RWDMobMenWrap {} body.wysKontD #RWDMobMen {color: Black; background-color: Yellow;} body.wysKontD #RWDMobMen .akt > a {color: #032dc7;} /**** OPC DOST TXT****/ body.txtPlus2 #RWDMobMen {font-size: 18px;} body.txtPlus3 #RWDMobMen {font-size: 19px;} @media (max-width: 700px) { #RWDMobMenButWyw.wyswietl {display: block;} }