var body = document.body; body.className += " u-body"; body.style.cssText += " "; (function ($) { var ResponsiveCms = window.ResponsiveCms; if (!ResponsiveCms) { return; } ResponsiveCms.contentDom = $('script:last').parent(); ResponsiveCms.mediaStyleUrl = "/administrator/components/com_nicepage/assets/css/media.css"; ResponsiveCms.responsiveStyleUrl = "/administrator/components/com_nicepage/assets/css/responsive.css"; if (typeof ResponsiveCms.recalcClasses === 'function') { ResponsiveCms.recalcClasses(); } })(jQuery); Kontakt:PRZEDSZKOLE PUBLICZNE NR 4 UL. B. Chrobrego 37 49-300 Brzeg TEL. (077)4045995-6 e-mail: Ten adres pocztowy jest chroniony przed spamowaniem. Aby go zobaczyć, konieczne jest włączenie w przeglądarce obsługi JavaScript. document.getElementById('cloakf07d8789d20f06c6de985b200aa278d5').innerHTML = ''; var prefix = 'ma' + 'il' + 'to'; var path = 'hr' + 'ef' + '='; var addyf07d8789d20f06c6de985b200aa278d5 = 'pp4' + '@'; addyf07d8789d20f06c6de985b200aa278d5 = addyf07d8789d20f06c6de985b200aa278d5 + 'brzeg' + '.' + 'pl'; document.getElementById('cloakf07d8789d20f06c6de985b200aa278d5').innerHTML += addyf07d8789d20f06c6de985b200aa278d5; Witamyw Przedszkolu Publicznym nr 4w Brzegu NASZE GRUPY KRASNOLUDKI gr I MUCHOMORKI gr II ŻABKI gr III MOTYLKI gr VII STOKROTKI gr VI PSZCZÓŁKI gr V BIEDRONKI gr IV .u-body { font-family: 'Open Sans',sans-serif; } h1, h2, h3, h4, h5, h6 { font-family: Roboto,sans-serif; } .u-overlap.u-overlap-transparent .u-header, .u-image, .u-gradient { color: #111111; } .u-shading, .u-overlap.u-overlap-contrast .u-header { color: #ffffff; } .u-body { color: #111111; background-color: #ffffff; } .u-custom-font.u-text-font { font-family: 'Open Sans',sans-serif !important; } .u-custom-font.u-heading-font { font-family: Roboto,sans-serif !important; }/*begin-color color-1*/ .u-color-1, .u-body.u-color-1, .u-container-style.u-color-1:before { color: #ffffff; background-color: #478ac9; } .u-button-style.u-color-1, .u-button-style.u-color-1[class*="u-border-"] { color: #ffffff !important; background-color: #478ac9 !important; } .u-button-style.u-color-1:hover, .u-button-style.u-color-1[class*="u-border-"]:hover { color: white !important; background-color: #387cbd !important; } a.u-button-style.u-hover-color-1:hover, a.u-button-style.u-hover-color-1[class*="u-border-"]:hover, a.u-btn.u-active-color-1[href]:active, a.u-btn.u-active-color-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-color-1[href].active, a.u-nav-link.u-active-color-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #478ac9 !important; } a.u-link.u-hover-color-1:hover { color: #478ac9 !important; } /*end-color color-1*//*begin-color palette-1*/ .u-palette-1, .u-body.u-palette-1, .u-container-style.u-palette-1:before { color: #ffffff; background-color: #478ac9; } .u-button-style.u-palette-1, .u-button-style.u-palette-1[class*="u-border-"] { color: #ffffff !important; background-color: #478ac9 !important; } .u-button-style.u-palette-1:hover, .u-button-style.u-palette-1[class*="u-border-"]:hover { color: white !important; background-color: #387cbd !important; } a.u-button-style.u-hover-palette-1:hover, a.u-button-style.u-hover-palette-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-1[href]:active, a.u-btn.u-active-palette-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1[href].active, a.u-nav-link.u-active-palette-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #478ac9 !important; } a.u-link.u-hover-palette-1:hover { color: #478ac9 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-palette-1-base, .u-body.u-palette-1-base, .u-container-style.u-palette-1-base:before { color: #ffffff; background-color: #478ac9; } .u-button-style.u-palette-1-base, .u-button-style.u-palette-1-base[class*="u-border-"] { color: #ffffff !important; background-color: #478ac9 !important; } .u-button-style.u-palette-1-base:hover, .u-button-style.u-palette-1-base[class*="u-border-"]:hover { color: white !important; background-color: #387cbd !important; } a.u-button-style.u-hover-palette-1-base:hover, a.u-button-style.u-hover-palette-1-base[class*="u-border-"]:hover, a.u-btn.u-active-palette-1-base[href]:active, a.u-btn.u-active-palette-1-base[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-1-base[href].active, a.u-nav-link.u-active-palette-1-base[class*="u-border-"][href].active { color: #ffffff !important; background-color: #478ac9 !important; } a.u-link.u-hover-palette-1-base:hover { color: #478ac9 !important; } /*end-color palette-1-base*//*begin-color palette-4*/ .u-palette-4, .u-body.u-palette-4, .u-container-style.u-palette-4:before { color: #111111; background-color: #3be8e0; } .u-button-style.u-palette-4, .u-button-style.u-palette-4[class*="u-border-"] { color: #111111 !important; background-color: #3be8e0 !important; } .u-button-style.u-palette-4:hover, .u-button-style.u-palette-4[class*="u-border-"]:hover { color: black !important; background-color: #21e5dc !important; } a.u-button-style.u-hover-palette-4:hover, a.u-button-style.u-hover-palette-4[class*="u-border-"]:hover, a.u-btn.u-active-palette-4[href]:active, a.u-btn.u-active-palette-4[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-4[href].active, a.u-nav-link.u-active-palette-4[class*="u-border-"][href].active { color: #111111 !important; background-color: #3be8e0 !important; } a.u-link.u-hover-palette-4:hover { color: #3be8e0 !important; } /*end-color palette-4*//*begin-color palette-4-light-1*/ .u-palette-4-light-1, .u-body.u-palette-4-light-1, .u-container-style.u-palette-4-light-1:before { color: #111111; background-color: #72efe9; } .u-button-style.u-palette-4-light-1, .u-button-style.u-palette-4-light-1[class*="u-border-"] { color: #111111 !important; background-color: #72efe9 !important; } .u-button-style.u-palette-4-light-1:hover, .u-button-style.u-palette-4-light-1[class*="u-border-"]:hover { color: black !important; background-color: #52ebe4 !important; } a.u-button-style.u-hover-palette-4-light-1:hover, a.u-button-style.u-hover-palette-4-light-1[class*="u-border-"]:hover, a.u-btn.u-active-palette-4-light-1[href]:active, a.u-btn.u-active-palette-4-light-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-palette-4-light-1[href].active, a.u-nav-link.u-active-palette-4-light-1[class*="u-border-"][href].active { color: #111111 !important; background-color: #72efe9 !important; } a.u-link.u-hover-palette-4-light-1:hover { color: #72efe9 !important; } /*end-color palette-4-light-1*//*begin-color white*/ .u-white, .u-body.u-white, .u-container-style.u-white:before { color: #111111; background-color: #ffffff; } .u-button-style.u-white, .u-button-style.u-white[class*="u-border-"] { color: #111111 !important; background-color: #ffffff !important; } .u-button-style.u-white:hover, .u-button-style.u-white[class*="u-border-"]:hover { color: black !important; background-color: #e6e6e6 !important; } a.u-button-style.u-hover-white:hover, a.u-button-style.u-hover-white[class*="u-border-"]:hover, a.u-btn.u-active-white[href]:active, a.u-btn.u-active-white[class*="u-border-"][href]:active, a.u-nav-link.u-active-white[href].active, a.u-nav-link.u-active-white[class*="u-border-"][href].active { color: #111111 !important; background-color: #ffffff !important; } a.u-link.u-hover-white:hover { color: #ffffff !important; } /*end-color white*//*begin-color color-1*/ .u-border-color-1, .u-separator-color-1:after { border-color: #478ac9; } .u-link.u-border-color-1[class*="u-border-"] { border-color: #478ac9; } .u-link.u-border-color-1[class*="u-border-"]:hover { border-color: #387cbd; } .u-btn.u-border-color-1 { color: #478ac9 !important; } .u-button-style.u-border-color-1 { border-color: #478ac9 !important; background-color: transparent !important; } .u-btn.u-border-color-1:hover { color: #ffffff !important; background-color: #478ac9 !important; } a.u-btn.u-border-hover-color-1:hover, a.u-btn.u-border-active-color-1[href]:active { color: #478ac9 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-color-1:hover, a.u-button-style.u-border-active-color-1[href]:active, a.u-nav-link.u-border-active-color-1[href].active { border-color: #478ac9 !important; } /*end-color color-1*//*begin-color palette-1*/ .u-border-palette-1, .u-separator-palette-1:after { border-color: #478ac9; } .u-link.u-border-palette-1[class*="u-border-"] { border-color: #478ac9; } .u-link.u-border-palette-1[class*="u-border-"]:hover { border-color: #387cbd; } .u-btn.u-border-palette-1 { color: #478ac9 !important; } .u-button-style.u-border-palette-1 { border-color: #478ac9 !important; background-color: transparent !important; } .u-btn.u-border-palette-1:hover { color: #ffffff !important; background-color: #478ac9 !important; } a.u-btn.u-border-hover-palette-1:hover, a.u-btn.u-border-active-palette-1[href]:active { color: #478ac9 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1:hover, a.u-button-style.u-border-active-palette-1[href]:active, a.u-nav-link.u-border-active-palette-1[href].active { border-color: #478ac9 !important; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-border-palette-1-base, .u-separator-palette-1-base:after { border-color: #478ac9; } .u-link.u-border-palette-1-base[class*="u-border-"] { border-color: #478ac9; } .u-link.u-border-palette-1-base[class*="u-border-"]:hover { border-color: #387cbd; } .u-btn.u-border-palette-1-base { color: #478ac9 !important; } .u-button-style.u-border-palette-1-base { border-color: #478ac9 !important; background-color: transparent !important; } .u-btn.u-border-palette-1-base:hover { color: #ffffff !important; background-color: #478ac9 !important; } a.u-btn.u-border-hover-palette-1-base:hover, a.u-btn.u-border-active-palette-1-base[href]:active { color: #478ac9 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-1-base:hover, a.u-button-style.u-border-active-palette-1-base[href]:active, a.u-nav-link.u-border-active-palette-1-base[href].active { border-color: #478ac9 !important; } /*end-color palette-1-base*//*begin-color palette-4*/ .u-border-palette-4, .u-separator-palette-4:after { border-color: #3be8e0; } .u-link.u-border-palette-4[class*="u-border-"] { border-color: #3be8e0; } .u-link.u-border-palette-4[class*="u-border-"]:hover { border-color: #21e5dc; } .u-btn.u-border-palette-4 { color: #3be8e0 !important; } .u-button-style.u-border-palette-4 { border-color: #3be8e0 !important; background-color: transparent !important; } .u-btn.u-border-palette-4:hover { color: #111111 !important; background-color: #3be8e0 !important; } a.u-btn.u-border-hover-palette-4:hover, a.u-btn.u-border-active-palette-4[href]:active { color: #3be8e0 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-4:hover, a.u-button-style.u-border-active-palette-4[href]:active, a.u-nav-link.u-border-active-palette-4[href].active { border-color: #3be8e0 !important; } /*end-color palette-4*//*begin-color palette-4-light-1*/ .u-border-palette-4-light-1, .u-separator-palette-4-light-1:after { border-color: #72efe9; } .u-link.u-border-palette-4-light-1[class*="u-border-"] { border-color: #72efe9; } .u-link.u-border-palette-4-light-1[class*="u-border-"]:hover { border-color: #52ebe4; } .u-btn.u-border-palette-4-light-1 { color: #72efe9 !important; } .u-button-style.u-border-palette-4-light-1 { border-color: #72efe9 !important; background-color: transparent !important; } .u-btn.u-border-palette-4-light-1:hover { color: #111111 !important; background-color: #72efe9 !important; } a.u-btn.u-border-hover-palette-4-light-1:hover, a.u-btn.u-border-active-palette-4-light-1[href]:active { color: #72efe9 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-palette-4-light-1:hover, a.u-button-style.u-border-active-palette-4-light-1[href]:active, a.u-nav-link.u-border-active-palette-4-light-1[href].active { border-color: #72efe9 !important; } /*end-color palette-4-light-1*//*begin-color white*/ .u-border-white, .u-separator-white:after { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"] { border-color: #ffffff; } .u-link.u-border-white[class*="u-border-"]:hover { border-color: #e6e6e6; } .u-btn.u-border-white { color: #ffffff !important; } .u-button-style.u-border-white { border-color: #ffffff !important; background-color: transparent !important; } .u-btn.u-border-white:hover { color: #111111 !important; background-color: #ffffff !important; } a.u-btn.u-border-hover-white:hover, a.u-btn.u-border-active-white[href]:active { color: #ffffff !important; background-color: transparent !important; } a.u-button-style.u-border-hover-white:hover, a.u-button-style.u-border-active-white[href]:active, a.u-nav-link.u-border-active-white[href].active { border-color: #ffffff !important; } /*end-color white*//*begin-color color-1*/ .u-text-color-1, .u-text-color-1 a, a.u-button-style.u-text-color-1, a.u-button-style.u-text-color-1[class*="u-border-"] { color: #478ac9 !important; } .u-link.u-text-color-1:hover, a.u-nav-link.u-text-color-1:hover { color: #387cbd !important; } a.u-link.u-text-hover-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-color-1.active, .u-popupmenu-items.u-text-hover-color-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-color-1.active .u-nav-link { color: #478ac9 !important; } .u-text-color-1 svg { fill: #478ac9; } /*end-color color-1*//*begin-color palette-1*/ .u-text-palette-1, .u-text-palette-1 a, a.u-button-style.u-text-palette-1, a.u-button-style.u-text-palette-1[class*="u-border-"] { color: #478ac9 !important; } .u-link.u-text-palette-1:hover, a.u-nav-link.u-text-palette-1:hover { color: #387cbd !important; } a.u-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1.active, .u-popupmenu-items.u-text-hover-palette-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1.active .u-nav-link { color: #478ac9 !important; } .u-text-palette-1 svg { fill: #478ac9; } /*end-color palette-1*//*begin-color palette-1-base*/ .u-text-palette-1-base, .u-text-palette-1-base a, a.u-button-style.u-text-palette-1-base, a.u-button-style.u-text-palette-1-base[class*="u-border-"] { color: #478ac9 !important; } .u-link.u-text-palette-1-base:hover, a.u-nav-link.u-text-palette-1-base:hover { color: #387cbd !important; } a.u-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-1-base:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-1-base.active, .u-popupmenu-items.u-text-hover-palette-1-base:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-1-base.active .u-nav-link { color: #478ac9 !important; } .u-text-palette-1-base svg { fill: #478ac9; } /*end-color palette-1-base*//*begin-color palette-4*/ .u-text-palette-4, .u-text-palette-4 a, a.u-button-style.u-text-palette-4, a.u-button-style.u-text-palette-4[class*="u-border-"] { color: #3be8e0 !important; } .u-link.u-text-palette-4:hover, a.u-nav-link.u-text-palette-4:hover { color: #21e5dc !important; } a.u-link.u-text-hover-palette-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-4:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-4.active, .u-popupmenu-items.u-text-hover-palette-4:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-4.active .u-nav-link { color: #3be8e0 !important; } .u-text-palette-4 svg { fill: #3be8e0; } /*end-color palette-4*//*begin-color palette-4-light-1*/ .u-text-palette-4-light-1, .u-text-palette-4-light-1 a, a.u-button-style.u-text-palette-4-light-1, a.u-button-style.u-text-palette-4-light-1[class*="u-border-"] { color: #72efe9 !important; } .u-link.u-text-palette-4-light-1:hover, a.u-nav-link.u-text-palette-4-light-1:hover { color: #52ebe4 !important; } a.u-link.u-text-hover-palette-4-light-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-palette-4-light-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-palette-4-light-1.active, .u-popupmenu-items.u-text-hover-palette-4-light-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-palette-4-light-1.active .u-nav-link { color: #72efe9 !important; } .u-text-palette-4-light-1 svg { fill: #72efe9; } /*end-color palette-4-light-1*//*begin-color white*/ .u-text-white, .u-text-white a, a.u-button-style.u-text-white, a.u-button-style.u-text-white[class*="u-border-"] { color: #ffffff !important; } .u-link.u-text-white:hover, a.u-nav-link.u-text-white:hover { color: #e6e6e6 !important; } a.u-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-white:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-white.active, .u-popupmenu-items.u-text-hover-white:hover .u-nav-link, .u-popupmenu-items.u-text-hover-white.active .u-nav-link { color: #ffffff !important; } .u-text-white svg { fill: #ffffff; } /*end-color white*//*begin-variables sitestylecss*//*begin-color custom-color-1*/ .u-custom-color-1, .u-body.u-custom-color-1, .u-container-style.u-custom-color-1:before { color: #ffffff; background-color: #37c8e5; } .u-button-style.u-custom-color-1, .u-button-style.u-custom-color-1[class*="u-border-"] { color: #ffffff !important; background-color: #37c8e5 !important; } .u-button-style.u-custom-color-1:hover, .u-button-style.u-custom-color-1[class*="u-border-"]:hover { color: white !important; background-color: #1ec1e2 !important; } a.u-button-style.u-hover-custom-color-1:hover, a.u-button-style.u-hover-custom-color-1[class*="u-border-"]:hover, a.u-btn.u-active-custom-color-1[href]:active, a.u-btn.u-active-custom-color-1[class*="u-border-"][href]:active, a.u-nav-link.u-active-custom-color-1[href].active, a.u-nav-link.u-active-custom-color-1[class*="u-border-"][href].active { color: #ffffff !important; background-color: #37c8e5 !important; } a.u-link.u-hover-custom-color-1:hover { color: #37c8e5 !important; } /*end-color custom-color-1*//*begin-color custom-color-1*/ .u-border-custom-color-1, .u-separator-custom-color-1:after { border-color: #37c8e5; } .u-link.u-border-custom-color-1[class*="u-border-"] { border-color: #37c8e5; } .u-link.u-border-custom-color-1[class*="u-border-"]:hover { border-color: #1ec1e2; } .u-btn.u-border-custom-color-1 { color: #37c8e5 !important; } .u-button-style.u-border-custom-color-1 { border-color: #37c8e5 !important; background-color: transparent !important; } .u-btn.u-border-custom-color-1:hover { color: #ffffff !important; background-color: #37c8e5 !important; } a.u-btn.u-border-hover-custom-color-1:hover, a.u-btn.u-border-active-custom-color-1[href]:active { color: #37c8e5 !important; background-color: transparent !important; } a.u-button-style.u-border-hover-custom-color-1:hover, a.u-button-style.u-border-active-custom-color-1[href]:active, a.u-nav-link.u-border-active-custom-color-1[href].active { border-color: #37c8e5 !important; } /*end-color custom-color-1*//*begin-color custom-color-1*/ .u-text-custom-color-1, .u-text-custom-color-1 a, a.u-button-style.u-text-custom-color-1, a.u-button-style.u-text-custom-color-1[class*="u-border-"] { color: #37c8e5 !important; } .u-link.u-text-custom-color-1:hover, a.u-nav-link.u-text-custom-color-1:hover { color: #1ec1e2 !important; } a.u-link.u-text-hover-custom-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-hover-custom-color-1:hover, :not(.level-2) > .u-nav > .u-nav-item > a.u-nav-link.u-text-active-custom-color-1.active, .u-popupmenu-items.u-text-hover-custom-color-1:hover .u-nav-link, .u-popupmenu-items.u-text-hover-custom-color-1.active .u-nav-link { color: #37c8e5 !important; } .u-text-custom-color-1 svg { fill: #37c8e5; } /*end-color custom-color-1*/h1.u-title { font-weight: 400; font-size: 4.5rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2.u-subtitle { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h1:not(.u-title) { font-weight: 400; font-size: 3rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h2:not(.u-subtitle) { font-weight: 400; font-size: 2.25rem; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; } h3 { font-weight: 400; font-size: 1.875rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h4 { font-weight: 400; font-size: 1.5rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h5 { font-weight: 400; font-size: 1.25rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } h6 { font-weight: 400; font-size: 1.125rem; line-height: 1.2; margin-top: 20px; margin-bottom: 20px; } p.u-large-text { font-size: 1.25rem; margin-top: 20px; margin-bottom: 20px; } p.u-small-text { font-size: 0.875rem; margin-top: 20px; margin-bottom: 20px; } p:not(.u-text-variant) { margin-top: 20px; margin-bottom: 20px; } .u-link, a { margin-top: 20px; margin-bottom: 20px; } .u-btn { margin-top: 20px; margin-bottom: 20px; } blockquote { font-style: italic; padding-left: 20px; border-width: 4px; margin-top: 20px; margin-bottom: 20px; } .u-metadata { margin-top: 20px; margin-bottom: 20px; } ul:not(.u-unstyled) { margin-top: 20px; margin-bottom: 20px; } ol { margin-top: 20px; margin-bottom: 20px; } .u-post-content { margin-top: 20px; margin-bottom: 20px; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a, .u-gradient > .u-container-layout > .u-link, .u-gradient > .u-container-layout > a, .u-image:not(.u-shading) > .u-container-layout > .u-link, .u-image:not(.u-shading) > .u-container-layout > a, .u-link, a { color: #478ac9; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-link:hover, .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header a:hover, .u-gradient > .u-container-layout > .u-link:hover, .u-gradient > .u-container-layout > a:hover, .u-image:not(.u-shading) > .u-container-layout > .u-link:hover, .u-image:not(.u-shading) > .u-container-layout > a:hover, .u-link:hover, a:hover { color: #387cbd; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn, .u-gradient > .u-container-layout > .u-btn, .u-image:not(.u-shading) > .u-container-layout > .u-btn, .u-btn { background-color: #478ac9; color: #ffffff; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header .u-btn:hover, .u-gradient > .u-container-layout > .u-btn:hover, .u-image:not(.u-shading) > .u-container-layout > .u-btn:hover, .u-btn:hover { background-color: #387cbd; color: #e6e6e6; } .u-overlap.u-overlap-transparent:not(.u-overlap-contrast) .u-header blockquote, .u-gradient > .u-container-layout > blockquote, .u-image:not(.u-shading) > .u-container-layout > blockquote, blockquote { border-color: #478ac9; } .u-custom-color-1 .u-link, .u-custom-color-1 a,.u-custom-color-2 .u-link, .u-custom-color-2 a,.u-custom-color-6 .u-link, .u-custom-color-6 a,.u-body-color .u-link, .u-body-color a,.u-palette-1-base .u-link, .u-palette-1-base a,.u-palette-1-dark-3 .u-link, .u-palette-1-dark-3 a,.u-palette-1-dark-2 .u-link, .u-palette-1-dark-2 a,.u-palette-1-dark-1 .u-link, .u-palette-1-dark-1 a,.u-palette-1 .u-link, .u-palette-1 a,.u-palette-1-light-1 .u-link, .u-palette-1-light-1 a,.u-palette-2-base .u-link, .u-palette-2-base a,.u-palette-2-dark-3 .u-link, .u-palette-2-dark-3 a,.u-palette-2-dark-2 .u-link, .u-palette-2-dark-2 a,.u-palette-2-dark-1 .u-link, .u-palette-2-dark-1 a,.u-palette-2 .u-link, .u-palette-2 a,.u-palette-2-light-1 .u-link, .u-palette-2-light-1 a,.u-palette-3-dark-3 .u-link, .u-palette-3-dark-3 a,.u-palette-3-dark-2 .u-link, .u-palette-3-dark-2 a,.u-palette-3-dark-1 .u-link, .u-palette-3-dark-1 a,.u-palette-4-base .u-link, .u-palette-4-base a,.u-palette-4-dark-3 .u-link, .u-palette-4-dark-3 a,.u-palette-4-dark-2 .u-link, .u-palette-4-dark-2 a,.u-palette-4-dark-1 .u-link, .u-palette-4-dark-1 a,.u-palette-5-dark-3 .u-link, .u-palette-5-dark-3 a,.u-palette-5-dark-2 .u-link, .u-palette-5-dark-2 a,.u-palette-5-dark-1 .u-link, .u-palette-5-dark-1 a,.u-grey-40 .u-link, .u-grey-40 a,.u-grey-30 .u-link, .u-grey-30 a,.u-grey-90 .u-link, .u-grey-90 a,.u-grey-80 .u-link, .u-grey-80 a,.u-grey-75 .u-link, .u-grey-75 a,.u-black .u-link, .u-black a,.u-grey-70 .u-link, .u-grey-70 a,.u-grey-60 .u-link, .u-grey-60 a,.u-grey-50 .u-link, .u-grey-50 a,.u-grey-dark-3 .u-link, .u-grey-dark-3 a,.u-grey-dark-2 .u-link, .u-grey-dark-2 a,.u-grey-dark-1 .u-link, .u-grey-dark-1 a,.u-grey .u-link, .u-grey a,.u-shading .u-link, .u-shading a,.u-overlap-contrast .u-header .u-link, .u-overlap-contrast .u-header a { color: #adcce9; } .u-custom-color-1 .u-link:hover, .u-custom-color-1 a:hover,.u-custom-color-2 .u-link:hover, .u-custom-color-2 a:hover,.u-custom-color-6 .u-link:hover, .u-custom-color-6 a:hover,.u-body-color .u-link:hover, .u-body-color a:hover,.u-palette-1-base .u-link:hover, .u-palette-1-base a:hover,.u-palette-1-dark-3 .u-link:hover, .u-palette-1-dark-3 a:hover,.u-palette-1-dark-2 .u-link:hover, .u-palette-1-dark-2 a:hover,.u-palette-1-dark-1 .u-link:hover, .u-palette-1-dark-1 a:hover,.u-palette-1 .u-link:hover, .u-palette-1 a:hover,.u-palette-1-light-1 .u-link:hover, .u-palette-1-light-1 a:hover,.u-palette-2-base .u-link:hover, .u-palette-2-base a:hover,.u-palette-2-dark-3 .u-link:hover, .u-palette-2-dark-3 a:hover,.u-palette-2-dark-2 .u-link:hover, .u-palette-2-dark-2 a:hover,.u-palette-2-dark-1 .u-link:hover, .u-palette-2-dark-1 a:hover,.u-palette-2 .u-link:hover, .u-palette-2 a:hover,.u-palette-2-light-1 .u-link:hover, .u-palette-2-light-1 a:hover,.u-palette-3-dark-3 .u-link:hover, .u-palette-3-dark-3 a:hover,.u-palette-3-dark-2 .u-link:hover, .u-palette-3-dark-2 a:hover,.u-palette-3-dark-1 .u-link:hover, .u-palette-3-dark-1 a:hover,.u-palette-4-base .u-link:hover, .u-palette-4-base a:hover,.u-palette-4-dark-3 .u-link:hover, .u-palette-4-dark-3 a:hover,.u-palette-4-dark-2 .u-link:hover, .u-palette-4-dark-2 a:hover,.u-palette-4-dark-1 .u-link:hover, .u-palette-4-dark-1 a:hover,.u-palette-5-dark-3 .u-link:hover, .u-palette-5-dark-3 a:hover,.u-palette-5-dark-2 .u-link:hover, .u-palette-5-dark-2 a:hover,.u-palette-5-dark-1 .u-link:hover, .u-palette-5-dark-1 a:hover,.u-grey-40 .u-link:hover, .u-grey-40 a:hover,.u-grey-30 .u-link:hover, .u-grey-30 a:hover,.u-grey-90 .u-link:hover, .u-grey-90 a:hover,.u-grey-80 .u-link:hover, .u-grey-80 a:hover,.u-grey-75 .u-link:hover, .u-grey-75 a:hover,.u-black .u-link:hover, .u-black a:hover,.u-grey-70 .u-link:hover, .u-grey-70 a:hover,.u-grey-60 .u-link:hover, .u-grey-60 a:hover,.u-grey-50 .u-link:hover, .u-grey-50 a:hover,.u-grey-dark-3 .u-link:hover, .u-grey-dark-3 a:hover,.u-grey-dark-2 .u-link:hover, .u-grey-dark-2 a:hover,.u-grey-dark-1 .u-link:hover, .u-grey-dark-1 a:hover,.u-grey .u-link:hover, .u-grey a:hover { color: #e6e6e6; } .u-custom-color-1 .u-btn,.u-custom-color-2 .u-btn,.u-custom-color-6 .u-btn,.u-body-color .u-btn,.u-palette-1-base .u-btn,.u-palette-1-dark-3 .u-btn,.u-palette-1-dark-2 .u-btn,.u-palette-1-dark-1 .u-btn,.u-palette-1 .u-btn,.u-palette-1-light-1 .u-btn,.u-palette-2-base .u-btn,.u-palette-2-dark-3 .u-btn,.u-palette-2-dark-2 .u-btn,.u-palette-2-dark-1 .u-btn,.u-palette-2 .u-btn,.u-palette-2-light-1 .u-btn,.u-palette-3-dark-3 .u-btn,.u-palette-3-dark-2 .u-btn,.u-palette-3-dark-1 .u-btn,.u-palette-4-base .u-btn,.u-palette-4-dark-3 .u-btn,.u-palette-4-dark-2 .u-btn,.u-palette-4-dark-1 .u-btn,.u-palette-5-dark-3 .u-btn,.u-palette-5-dark-2 .u-btn,.u-palette-5-dark-1 .u-btn,.u-grey-40 .u-btn,.u-grey-30 .u-btn,.u-grey-90 .u-btn,.u-grey-80 .u-btn,.u-grey-75 .u-btn,.u-black .u-btn,.u-grey-70 .u-btn,.u-grey-60 .u-btn,.u-grey-50 .u-btn,.u-grey-dark-3 .u-btn,.u-grey-dark-2 .u-btn,.u-grey-dark-1 .u-btn,.u-grey .u-btn,.u-shading .u-btn,.u-overlap-contrast .u-header .u-btn { background-color: #adcce9; color: #000000; } .u-custom-color-1 .u-btn:hover,.u-custom-color-2 .u-btn:hover,.u-custom-color-6 .u-btn:hover,.u-body-color .u-btn:hover,.u-palette-1-base .u-btn:hover,.u-palette-1-dark-3 .u-btn:hover,.u-palette-1-dark-2 .u-btn:hover,.u-palette-1-dark-1 .u-btn:hover,.u-palette-1 .u-btn:hover,.u-palette-1-light-1 .u-btn:hover,.u-palette-2-base .u-btn:hover,.u-palette-2-dark-3 .u-btn:hover,.u-palette-2-dark-2 .u-btn:hover,.u-palette-2-dark-1 .u-btn:hover,.u-palette-2 .u-btn:hover,.u-palette-2-light-1 .u-btn:hover,.u-palette-3-dark-3 .u-btn:hover,.u-palette-3-dark-2 .u-btn:hover,.u-palette-3-dark-1 .u-btn:hover,.u-palette-4-base .u-btn:hover,.u-palette-4-dark-3 .u-btn:hover,.u-palette-4-dark-2 .u-btn:hover,.u-palette-4-dark-1 .u-btn:hover,.u-palette-5-dark-3 .u-btn:hover,.u-palette-5-dark-2 .u-btn:hover,.u-palette-5-dark-1 .u-btn:hover,.u-grey-40 .u-btn:hover,.u-grey-30 .u-btn:hover,.u-grey-90 .u-btn:hover,.u-grey-80 .u-btn:hover,.u-grey-75 .u-btn:hover,.u-black .u-btn:hover,.u-grey-70 .u-btn:hover,.u-grey-60 .u-btn:hover,.u-grey-50 .u-btn:hover,.u-grey-dark-3 .u-btn:hover,.u-grey-dark-2 .u-btn:hover,.u-grey-dark-1 .u-btn:hover,.u-grey .u-btn:hover,.u-shading .u-btn:hover,.u-overlap-contrast .u-header .u-btn:hover { background-color: #8db8e0; color: #000000; } /*end-variables sitestylecss*/ /*begin-variables base-font-size*/ html { font-size: 16px; } /*end-variables base-font-size*/.u-section-1 {background-image: none} .u-section-1 .u-sheet-1 {min-height: 514px} .u-section-1 .u-layout-wrap-1 {margin-top: 5px; margin-bottom: 5px} .u-section-1 .u-layout-cell-1 {min-height: 494px} .u-section-1 .u-container-layout-1 {padding: 20px} .u-section-1 .u-image-1 {width: 260px; height: 262px; margin: 0 auto} .u-section-1 .u-text-1 {margin-right: 0; margin-left: 0; font-size: 1.125rem; text-shadow: 2px -2px 8px rgba(128,128,128,1)} .u-section-1 .u-image-2 {background-image: linear-gradient(0deg, rgba(0,0,0,0.05), rgba(0,0,0,0.05)), url("http://pp4brzeg.pl/images/nicepage-images/DSCF5573.JPG"); min-height: 494px; background-position: 50% 50%} .u-section-1 .u-container-layout-2 {padding: 20px 30px} .u-section-1 .u-text-2 {font-size: 2.25rem; font-weight: 700; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); margin: 0} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-1 {min-height: 424px} .u-section-1 .u-sheet-1 {min-height: 424px} .u-section-1 .u-layout-cell-1 {min-height: 407px; background-position: 50% 50%} .u-section-1 .u-image-1 {width: 235px; height: 237px} .u-section-1 .u-image-2 {min-height: 407px; background-size: 175%} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-1 {min-height: 100px} .u-section-1 .u-sheet-1 {min-height: 325px} .u-section-1 .u-layout-cell-1 {min-height: 100px} .u-section-1 .u-image-1 {width: 169px; height: 170px} .u-section-1 .u-image-2 {min-height: 312px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 244px} .u-section-1 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-1 .u-image-2 {min-height: 334px} .u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 154px} .u-section-1 .u-image-2 {min-height: 210px} }/*/RESPONSIVE_MEDIA*/ .u-section-2 {background-image: linear-gradient(#37c8e5, #72efe9)} .u-section-2 .u-sheet-1 {min-height: 500px} .u-section-2 .u-layout-wrap-1 {margin: 10px} .u-section-2 .u-layout-cell-1 {min-height: 458px} .u-section-2 .u-container-layout-1 {padding: 30px} .u-section-2 .u-group-1 {min-height: 329px; background-image: none; box-shadow: 2px -2px 8px 0 rgba(128,128,128,1); margin: 27px auto 0 0} .u-section-2 .u-container-layout-2 {padding: 30px} .u-section-2 .u-image-1 {width: 94px; height: 94px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/Gr1Krasnoludki.png"); background-position: 50% 50%; margin: -3px auto 0 83px} .u-section-2 .u-image-2 {width: 88px; height: 88px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/Gr2Muchomorki.png"); background-position: 50% 50%; margin: -87px auto 0 212px} .u-section-2 .u-image-3 {width: 96px; height: 96px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/zabki.png"); background-position: 50% 50%; margin: -96px 180px 0 auto} .u-section-2 .u-image-4 {width: 103px; height: 103px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/biedronki.png"); background-position: 50% 50%; margin: -103px 42px 0 auto} .u-section-2 .u-text-1 {font-weight: 700; margin: 14px 0 0} .u-section-2 .u-image-5 {width: 111px; height: 111px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/pszczolki.gif"); background-position: 50% 50%; margin: 14px auto 0 121px} .u-section-2 .u-image-6 {width: 105px; height: 105px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/stokrotka.png"); background-position: 50% 50%; margin: -105px 248px 0 auto} .u-section-2 .u-image-7 {width: 108px; height: 108px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/motyl.png"); background-position: 50% 50%; margin: -111px 102px 0 auto} .u-section-2 .u-image-8 {min-height: 150px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/Gr1Krasnoludki.png")} .u-section-2 .u-container-layout-3 {padding: 30px} .u-section-2 .u-text-2 {font-weight: 700; margin: 0} .u-section-2 .u-btn-1 {font-size: 1.25rem; font-weight: 700; background-image: none; margin: 20px auto 0} .u-section-2 .u-image-9 {min-height: 154px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/Gr2Muchomorki.png")} .u-section-2 .u-container-layout-4 {padding: 30px} .u-section-2 .u-btn-2 {font-size: 1.25rem; background-image: none; font-weight: 700; margin: 0 auto; padding: 9px 26px 11px} .u-section-2 .u-image-10 {min-height: 154px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/zabki.png"); background-position: 0% 10.53%} .u-section-2 .u-container-layout-5 {padding: 30px} .u-section-2 .u-btn-3 {font-size: 1.25rem; background-image: none; font-weight: 700; margin: 0 auto; padding: 9px 66px 11px} .u-section-2 .u-image-11 {min-height: 154px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/motyl.png"); background-position: 50% 66.09%} .u-section-2 .u-container-layout-6 {padding: 30px} .u-section-2 .u-btn-4 {font-size: 1.25rem; background-image: none; font-weight: 700; margin: 0 -1px; padding: 10px 24px 10px 23px} .u-section-2 .u-image-12 {min-height: 154px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/stokrotka.png"); background-position: 50% 19.71%} .u-section-2 .u-container-layout-7 {padding: 30px} .u-section-2 .u-btn-5 {font-size: 1.25rem; background-image: none; font-weight: 700; margin: 0 -5px; padding: 9px 20px 11px} .u-section-2 .u-image-13 {min-height: 154px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/pszczolki.gif"); background-position: 50% 62.95%} .u-section-2 .u-container-layout-8 {padding: 30px} .u-section-2 .u-btn-6 {font-size: 1.25rem; background-image: none; font-weight: 700; margin: 0; padding: 9px 22px 10px 21px} .u-section-2 .u-image-14 {min-height: 154px; background-image: url("http://pp4brzeg.pl/images/nicepage-images/biedronki.png"); background-position: 100% 46.03%} .u-section-2 .u-container-layout-9 {padding: 30px} .u-section-2 .u-btn-7 {font-size: 1.25rem; background-image: none; font-weight: 700; margin: 0 auto; padding: 9px 40px 11px} /*RESPONSIVE_MEDIA*/@media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 100px} .u-section-2 .u-layout-wrap-1 {position: relative; margin-right: initial; margin-left: initial} .u-section-2 .u-layout-cell-1 {min-height: 378px} .u-section-2 .u-group-1 {height: auto; margin-right: initial; margin-left: initial} .u-section-2 .u-image-1 {animation-duration: 1000ms} .u-section-2 .u-image-8 {min-height: 124px; background-position: 50% 50%; animation-duration: 1000ms} .u-section-2 .u-image-9 {min-height: 127px; background-position: 50% 50%} .u-section-2 .u-image-10 {min-height: 127px; background-position: 50% 16.23%} .u-section-2 .u-image-11 {min-height: 127px; animation-duration: 1000ms} .u-section-2 .u-btn-4 {margin-left: auto; margin-right: auto} .u-section-2 .u-image-12 {min-height: 127px; background-position: 22.24% 52.18%; background-size: 135%} .u-section-2 .u-btn-5 {margin-right: auto; margin-left: auto} .u-section-2 .u-image-13 {min-height: 127px; background-position: 56.07% 78.55%; background-size: 130%} .u-section-2 .u-btn-6 {margin-left: auto; margin-right: auto} .u-section-2 .u-image-14 {min-height: 127px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 991px){ .u-section-2 .u-layout-cell-1 {min-height: 100px} .u-section-2 .u-image-8 {min-height: 285px} .u-section-2 .u-image-9 {min-height: 292px} .u-section-2 .u-image-10 {min-height: 292px} .u-section-2 .u-image-11 {min-height: 219px} .u-section-2 .u-image-12 {min-height: 219px} .u-section-2 .u-image-13 {min-height: 438px} .u-section-2 .u-image-14 {min-height: 292px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 767px){ .u-section-2 .u-container-layout-1 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-container-layout-2 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-image-8 {min-height: 214px} .u-section-2 .u-container-layout-3 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-image-9 {min-height: 219px} .u-section-2 .u-container-layout-4 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-image-10 {min-height: 219px} .u-section-2 .u-container-layout-5 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-image-11 {min-height: 329px} .u-section-2 .u-container-layout-6 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-image-12 {min-height: 329px} .u-section-2 .u-container-layout-7 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-image-13 {min-height: 329px} .u-section-2 .u-container-layout-8 {padding-left: 10px; padding-right: 10px} .u-section-2 .u-image-14 {min-height: 219px} .u-section-2 .u-container-layout-9 {padding-left: 10px; padding-right: 10px} }/*/RESPONSIVE_MEDIA*/ /*RESPONSIVE_MEDIA*/@media (max-width: 575px){ .u-section-2 .u-image-1 {margin-top: 1px; margin-left: 0} .u-section-2 .u-image-2 {margin-top: -94px; margin-left: 81px} .u-section-2 .u-image-3 {margin-top: -92px; margin-right: 51px} .u-section-2 .u-image-4 {margin-top: -99px; margin-right: -10px} .u-section-2 .u-text-1 {margin-top: 9px} .u-section-2 .u-image-5 {margin-top: 6px; margin-left: 9px} .u-section-2 .u-image-6 {margin-top: -90px; margin-right: auto} .u-section-2 .u-image-7 {margin-top: -123px; margin-right: 9px} .u-section-2 .u-image-8 {min-height: 135px} .u-section-2 .u-image-9 {min-height: 138px} .u-section-2 .u-image-10 {min-height: 138px} .u-section-2 .u-image-11 {min-height: 207px} .u-section-2 .u-image-12 {min-height: 207px} .u-section-2 .u-image-13 {min-height: 207px} .u-section-2 .u-image-14 {min-height: 138px} }/*/RESPONSIVE_MEDIA*/ landing_with_header_footer
