/* div {flex:0 30%;margin:2% 0%;} .galeria>div a {} .galeria>div a div {position: relative;} .galeria .flex {display:flex;flex-direction: row;justify-content: space-between;height:250px;overflow: hidden;border-radius: var(--przycisk-rog);z-index: 1;background-color: var(--szary_jasny);} .galeria .flex>div:first-child {flex: 0 69%;height: inherit;} .galeria .flex>div:last-child {flex: 0 30%;display: flex;flex-direction: column;height: inherit;justify-content: space-between;} .galeria .flex>div>div {flex: 0 49%;height: 100%;overflow: hidden;} .galeria .flex div img {height: inherit;max-height: 100%; object-fit: cover; object-position:center; width: 100%;} .galeria h5 {margin-top:20px;line-height: normal;} .galeria>div>a>div:hover:before { bottom: 10px; right: 10px; } .galeria>div>a>div:hover:after { top: 10px; left: 10px; } .galeria>div>a>div:before, .galeria>div>a>div:after { content: ""; position: absolute; width: 100%; height: 100%; z-index: 0; transition: 0.3s ease; } .galeria>div>a>div:before { background-color: var(--niebieski); bottom: 0px; right: 0px; } .galeria>div>a>div:after { background-color: var(--czerwony); top: 0px; left: 0px; } .galerie a.item>div, .galerie a.item {height:180px;} .galerie a.item>div:hover:before { top: -10px; right: 10px; } .galerie a.item>div:hover:after { top: 10px; left: 10px; } .galerie a.item>div:before, .galerie a.item>div:after { content: ""; position: absolute; width: 100%; height: inherit; z-index: 0; transition: 0.3s ease; } .galerie a.item>div:before { background-color: var(--niebieski); top: 0px; right: 0px; } .galerie a.item>div:after { background-color: var(--czerwony); top: 0px; left: 0px; } .galerie a.item>div>img {position: relative;z-index: 2;} .galerie a>h4 {position: relative;z-index: 2;} /******************** megamenu*/ .nav-background{position:absolute;left:0;/*top:0*/;width:100%; min-height: 0; background-color: var(--bialy); max-height:200px;transition:all .4s ease-in-out;/* will-change:transform;transform-origin:top left;-webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);*/z-index:99;overflow:hidden;} .prod_szczegoly_parent {display: flex;gap:3%;box-sizing: border-box;width: 100%;} .prod_szczegoly_parent>div {flex: 0 1 100%} .prod_szczegoly_parent_glowna {display: flex;gap:3%;box-sizing: border-box;width: 100%;} .prod_szczegoly_parent_glowna>div {flex: 0 1 65%; width:100%} .prod_szczegoly_parent_glowna>div:first-child {flex: 0 1 35%;} .prod_szczegoly_parent_glowna>.prod_szczegoly:first-child>div {margin:5px 0px} .prod_szczegoly_parent_glowna2 {display: flex;gap:3%;box-sizing: border-box;width: 100%;} .prod_szczegoly_parent_glowna2>div {flex: 0 1 auto} .prod_szczegoly_parent_glowna2>div:nth-child(2) {flex: 0 0 30%} .prod_szczegoly_parent_glowna2>.prod_szczegoly:nth-child(2)>div {margin:5px 0px} .prod_szczegoly {align-items: center;/*padding: 2px 3px; margin: 4px 0px;*/box-sizing: border-box;} .prod_szczegoly>div:first-child {flex:0 0 20%} .prod_szczegoly>div {} .przyciski_check.przyciski_facebook {display: none;padding: 0px 5px;} .przyciski_check p {margin: 0px;padding: 0;white-space: nowrap;display: inline-block;} .tekst_check p {padding: 0px 5px;white-space: nowrap;display: inline-block;} .prod_szczegoly input[type="text"],.prod_szczegoly input[type="number"], .prod_szczegoly select {width: 50%;} .prod_szczegoly input[type="radio"] {display: inline-block;height: 15px;width: 15px;margin: 0px;margin-right: 5px;} .prod_szczegoly h2 {margin-bottom: 0px;} .prod_szczegoly h5 {display: inline-block;} .b_facebook input[type="checkbox"] {margin: 0px;position: relative;top:2px;margin-right:5px;} .b_facebook input[type="radio"] {margin:0px;margin-right:5px;} label.b_facebook {padding: 8px;background-color: var(--szary_jasny);margin:2px 5px;padding-right: 10px;z-index: 1;position: relative;border-radius: var(--rog_button);cursor: pointer;display: inline-block;} label.b_facebook:hover {background-color: var(--grafit);color: var(--bialy);} .zapisane_zamowienie {border: 1px solid var(--czerwony);border-radius: var(--przycisk-rog);padding: 20px;padding-top:0px/*width:100%*/} .zapisane_zamowienie:not(:first-child) {margin-bottom: 20px;} .zapisane_zamowienie h5, .zapisane_zamowienie p, .tekst_check {display: inline-block;margin:0px;} .zapisane_zamowienie p {margin-right:10px;} label.b_facebook.checked { background-color: var(--czerwony); color: var(--bialy); } input:required, select:required, select.select:required, :required + .select2 .select2-selection { border: 1px solid var(--niebieski);outline: none; } input:read-only, input:disabled { border: 1px solid var(--grafit);outline: none;color: var(--grafit); } input:required:focus, select:required:focus {border: 2px solid var(--niebieski);outline: none; } input:required:hover, select:required:focus {opacity: 1; } input:invalid,input:focus:invalid {color: var(--czerwony);} textarea:invalid,input:invalid, select:invalid,select.select:invalid, .duplicate, :invalid + .select2 .select2-selection { border: 1px solid var(--czerwony);outline: none; } input:focus:invalid, select:focus:invalid { border: 2px solid var(--czerwony);outline: none; } .toggle_pokaz {display: block!important;} /*mansory dla aktualnosci*/ .puremasonry3, .puremasonry4, .puremasonry5, .puremasonry8 { display: flex; flex-flow: row wrap; align-content: space-between; /* Your container needs a fixed height, and it * needs to be taller than your tallest column. */ max-height: auto; /* Optional */ /*padding: 20px;*/ margin: 25px auto; font-size:16px; } .puremasonry3 a:hover, .puremasonry4 a:hover, .puremasonry5 a:hover, .puremasonry8 a:hover {text-decoration: none;} .puremasonry3>div { width: 30%; position: relative; margin-right: 5%; box-sizing: border-box;transition:box-shadow .3s ease-out, transform .3s ease-out, padding .3s ease-out; } .puremasonry4>div { width: 22%; position: relative; margin-right: 4%; box-sizing: border-box; position: relative; border-radius: var(--rog); transition:box-shadow .3s ease-out, transform .3s ease-out, padding .3s ease-out; } .puremasonry5>div { width: 17.5%; position: relative; margin-bottom: 4%; margin-right: 3.1%; box-sizing: border-box; position: relative; /*padding:15px;*/ border-radius: var(--rog); transition:box-shadow .3s ease-out, transform .3s ease-out, padding .3s ease-out; } .puremasonry8>div { width: 10.5%; position: relative; margin-bottom: 4%; margin-right: 2.2%; box-sizing: border-box; position: relative; } .puremasonry8>div:nth-of-type(8n),.puremasonry5>div:nth-of-type(5n), .puremasonry3>div:nth-of-type(3n), .puremasonry4>div:nth-of-type(4n) {margin-right: 0px;} .puremasonry3>div>div:nth-child(1) {border-radius: var(--przycisk-rog);} .puremasonry3 .flex_szary {margin-bottom: 20px;height: 150px;} .puremasonry3 .flex_szary>div img {height: 120px!important;} .puremasonry3 .flex_szary>div:nth-child(1), .puremasonry3 .flex_szary>div:nth-child(1) a {max-width: 170px;} .puremasonry5>div>div:nth-child(2) {padding: 5px 0px;overflow: hidden;height: 85px;} .puremasonry4>div>div:nth-child(2) {padding: 0px 0px;overflow: hidden;} .puremasonry5>div>div:nth-child(1), .puremasonry4>div>div:nth-child(1) {border-radius: var(--przycisk-rog);overflow: hidden;} .puremasonry8>div>div:nth-child(1) img, .puremasonry4>div>div:nth-child(1) img, .puremasonry3>div>div:nth-child(1) img {width: 100%;height: 180px;object-fit: cover;} .puremasonry5>div>div:nth-child(1) img{width: 100%;height: 130px;object-fit: cover;} .puremasonry5>div>div h4, .puremasonry4>div>div h4, .puremasonry3>div>div h4 {font-size: 100%;} .puremasonry5>div>div p {font-size: 90%;margin: 5px 0px;padding: 0px;} .puremasonry4>div, .puremasonry3>div {margin-bottom: 50px;} .puremasonry4 a:hover h4, .lista_news a:hover h4 {color: var(--czerwony);} /* Re-order items into 3 rows .item:nth-of-type(5n+1) { order: 1; } .item:nth-of-type(5n+2) { order: 2; } .item:nth-of-type(5n+3) { order: 3; } .item:nth-of-type(5n+4) { order: 4; } .item:nth-of-type(5n) { order: 5; } */ /* Force new columns */ .puremasonry5::before, .puremasonry5::after { content: ""; flex-basis: 100%; width: 0; order: 2; } .text_szary {color: var(--szary);padding: 0px;margin:10px 0px} .text_szary a {color: var(--czarny);font-weight: 300;} .wazne {color: var(--bialy);text-transform: uppercase;background-color: var(--czerwony);padding: 7px 10px;position: absolute;top:0;left:0;z-index: 2;border-top-left-radius: var(--przycisk-rog);border-bottom-right-radius: var(--przycisk-rog);} .wazne_tyt {color: var(--bialy);text-transform: uppercase;background-color: var(--czerwony);padding: 5px 10px;border-radius: var(--przycisk-rog);display: inline-block;margin-right: 10px;font-size:60%;margin-top:10px ;vertical-align: top;} .flex_szary .kategoria {background-color: var(--niebieski); color: var(--bialy); font-size: 80%; padding: 5px 10px!important;display: inline-block;margin:5px 0px!important; border-radius: var(--przycisk-rog); max-width:100%; text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font-weight: 700;} .tytul_news_glowna { display: -webkit-box; height: 60px; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; text-align: left;} /************************/ h1 {font-family: 'Muli', sans-serif; color:var(--czarny);font-size:40px;text-align:left;margin:0px; padding:0px;font-weight:700;text-transform: uppercase;} .h1 {font-family: 'Muli', sans-serif; color:var(--czarny);font-size:40px;margin:0px; padding:0px;font-weight:700;} .h1 strong {font-size:30px; font-weight: 300;} .h2 { color:var(--czarny);font-size:28px;margin:0px; padding:0px;font-weight:700;} .h2 strong { font-size:28px; font-weight: 300;} .h3 {font-family: 'Muli', sans-serif; color:var(--czarny);font-size:24px;margin:0px; padding:0px;font-weight:300;} .h3 strong { font-weight: 700;} h2 {font-family: 'Muli', sans-serif; color:var(--czarny); font-size:28px;padding:0px;margin:20px 0px;font-weight:700;text-align:left;line-height: 120%;} h3 {font-family: 'Muli', sans-serif; color:var(--czarny); font-size:24px; margin: 0px;padding:0px; font-weight:700;text-align:left;line-height: 120%;} h4 {font-family: 'Muli', sans-serif; color:var(--czarny); font-size:20px; margin: 0px;font-weight:700;text-align:left;line-height: 120%;} a h4 {font-family: 'Open Sans';} h4 span, h1 span, h4 strong, h1 strong {color:var(--czarny); font-weight:400;} h2 span, h2 strong {font-weight:700;} h5 {font-family: 'Muli', sans-serif; color:var(--czarny); margin: 10px 0px; font-size:18px;} .footer2 .stopka1 h5 a {font-size:25px;} .footer2 .stopka2 h5 a {font-size:20px;} .footer2 .stopka1 h5 img,.footer2 .stopka2 h5 img {display: inline-block;vertical-align:middle;height: 50px; margin-right:10px;} input, textarea {color:var(--czarny);font-size: 15px;font-family: 'Open Sans', sans-serif;} select {font-size: 15px;font-family: 'Muli', sans-serif;} button {font-family: 'Muli', sans-serif;font-size: 15px;border:none;background: none;padding: 0px;} hr {margin:20px 0px;clear:both;width:100%;box-sizing:border-box;} strong {font-weight:700;} table:not(.table-condensed) {border-spacing: 0px 10px; border-collapse: separate;width:100%;border:none;} td:not(.table-condensed td) {padding: 3px 5px;font-weight:400;border:none;vertical-align:top;text-align:left} th:not(.table-condensed th) {padding: 10px 8px;border:none;color:var(--bialy);font-weight:700; text-transform:uppercase;background-color:var(--niebieski);} select option {padding:10px;} select:not([multiple]) option {padding:20px;} ul {font-family: 'Open Sans', sans-serif;} ul:not(.menu_poziome_ul2):not(.menu_pionowe_ul):not(.select2-results__option):not(.cbp-hsmenu):not(.cbp-hssubmenu):not(.menu_poz):not(.filepond--list):not(.skip_nav):not(.skontaktuj2),ul.biale { padding:0px; margin:10px 0px; list-style-type: none; overflow:hidden; } .main_menu ul.menu_poz { padding:0px; margin:10px 0px; list-style-type: none; overflow:hidden; } ul:not(.menu_poziome_ul2):not(.menu_pionowe_ul):not(.skip_nav):not(.skontaktuj2) li, ul.biale li { padding:9px; padding-left:45px; margin:0px 0px; text-align:left; background-size:46px; } ul:not(.menu_poziome_ul2):not(.puremasonry):not(.menu_pionowe_ul):not(.filepond--list):not(.cbp-hsmenu):not(.cbp-hssubmenu):not(.menu_poz):not(.skip_nav):not(.skontaktuj2):not(.wydzial_skrot) li:nth-child(odd):not(.select2-results__option) { background: url(/images/ikonki/myslnik.svg) 0px 3px no-repeat;background-size: 33px; } ul ol li {background: none!important;padding:9px!important;} ul, ol {padding-left: 20px;} ul:not(.menu_poziome_ul2):not(.puremasonry):not(.menu_pionowe_ul):not(.filepond--list):not(.cbp-hsmenu):not(.cbp-hssubmenu):not(.menu_poz):not(.biale):not(.skip_nav):not(.skontaktuj2):not(.wydzial_skrot) li:nth-child(even):not(.select2-results__option) { background: url(/images/ikonki/myslnik.svg) 0px 3px no-repeat;background-size: 33px; } li:not(.filepond--item):not(.menu_pionowe_ul):not(.skip_nav):not(.skontaktuj2):hover{ /*background-color:var(--bialy);*/ } /* toggle switch */ input.toggle[type = checkbox]:not(:checked)+label.toggle+div { display:none;} label.toggle { cursor: pointer;position: relative;width: 100%;display: block;padding:12px 0px;color:#000000;padding-right: 40px;box-sizing: border-box; font-size: 90%;} input.toggle { display: none; } label.toggle+div>p { padding:0px;margin-top:0px; font-size: 90%;} label.toggle:after { content: ""; position: absolute; width: 30px; height: 30px; top: 10px; right: 0px; z-index: 40; text-align: center; background: url(/images/ikonki/strzalka-prawa.svg) center no-repeat;background-size: 25px; transition: all 0.4s ease; } input.toggle[type=checkbox]:checked+label.toggle:after { content: ""; position: absolute; width: 30px; height: 30px; top: 10px; right: 0px; z-index: 40; text-align: center; background: url(/images/ikonki/strzalka-prawa.svg) center no-repeat;background-size: 25px; transition: all 0.4s ease; transform: rotate(90deg); } /* toggle switch */ tr { background-color:#F6F6F6; } tr:nth-child(odd) { background-color:var(--bialy); } tr:nth-child(even) { background-color:#eef3f8; } .tr_kolor {border-top:1px solid #829327;} tr:nth-child(odd):hover, tr:nth-child(even):hover, tr.tr_kolor:hover { background-color: #e6f7fe; } image { opacity: 1; transition: .5s; } .srodeczek {overflow-x:auto;} table.no_margin {font-family: 'Muli', sans-serif;border-spacing: 0px; border-collapse: separate;width:100%;border:none;font-size: 15px;} table.no_margin td {padding: 3px 5px;font-weight:400;border:none;vertical-align:top;text-align:left} table.no_margin th {padding: 10px 8px;font-weight:400;border:none;vertical-align:center;color:var(--bialy);font-size: 15px;text-align:center;font-weight:700; text-transform:uppercase;background-color:#0d9cdf} .table {display: table;border-spacing: 5px;/*table-layout: fixed*/ /*ustala szerokosc na podstawie pierwszego wiersza*/;width: 100%;border-collapse: collapse;} .tr {display: table-row;vertical-align: top; border-collapse: collapse;} .td {display: table-cell; vertical-align: top;} .td.colspan { display: none; /* collapse border */ margin-top: -1px; margin-bottom: -1px; } caption { caption-side: top; } a:active, button:focus, a:focus,input:focus { border:2px solid red;} .zgoda label { font-size:12px;font-weight:400;} #wycofanie-przetwarzanie {display:none;} img { max-width: 100%; height: auto; border:0px; display:block; /* -moz-border-radius:50px;-webkit-border-radius:50px;-khtml-border-radius:50px;*/ /*border-radius:20px;*/ /*border-radius: 25px;*/ overflow:hidden; } img.noradius {border-radius: 0!important;} .mapa_strony ul,.mapa_strony li, .mapa_strony ol {list-style-type: none;} /* nawigacja widoczna po uzyciu tab */ ul.skip_nav { list-style: none; z-index: 10000; position: relative; margin: 0px; padding: 0px; } .skip_nav a { display: inline; font-size: 1.27em; left: -9000em; padding: 20px; position: absolute; text-align: center; text-decoration: none; width: 250px; z-index: 1; font-size: 20px } .skip_nav a:hover,.skip_nav a:focus,.skip_nav a:active { background: var(--niebieski); border: 2px solid #FFFFFF; color: #FFFFFF; left: 10px; top: 10px; position: absolute; } .justified-gallery {margin: 50px auto;} /* puretabs */ .puretabs { display: flex; flex-wrap: wrap; border:none; font-size: 14px; } .puretabs label.tabs_label { order: 1; display: block; padding:12px 20px; margin-right: 0.2rem; cursor: pointer; background-color: #ffffff; color:#000000; transition: background ease 0.2s; text-align: center; font-size: 14px; border-radius: 10px 10px 0px 0px; box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15); border:1px solid var(--szary); border-bottom:none; position: relative; } .powiadomienie:after { content: ''; display: block; border-radius: 50px; background-color: var(--czerwony); position: absolute; right: 5px; top: 5px; width: 10px; height: 10px; } .puretabs label.tabs_label:hover { background-color: var(--szary); } .puretabs .tab { order: 99; flex-grow: 1; width: 100%; display: none; border:none; background: none; background-color: #ffffff; box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15); padding:10px; border-radius: 0px 10px 10px 10px; box-sizing: border-box; overflow: hidden; } .puretabs input[type="radio"] { display: none; } table.pliczek {margin:5px 0px} table.pliczek input[type="radio"] { display: block; margin: 10px auto; min-width: auto; } table.pliczek td > div { max-width:30vw; white-space: nowrap; } table.pliczek td.td_last,table.pliczek th.td_last { min-width: 50px; } table.pliczek td.td_pozycja { max-width: 50px; } table.pliczek .wrap_pliki{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } input[type="radio"] {height: 20px;width: 20px; margin: 10px 15px; vertical-align: middle;} .puretabs input[type="radio"]:checked + label.tabs_label { background-color: var(--niebieski); color:#ffffff; } .puretabs input[type="radio"]:checked + label.tabs_label + .tab { display: block; border: 1px solid #ddd; } @media (max-width: 45em) { /*.puretabs .tab, .puretabs label.tabs_label { order: initial; }*/ .puretabs label.tabs_label { /* width: 100%; margin-right: 0; margin-top: 0.2rem;*/ font-size: 12px; padding: 10px 10px; } } /* puretabs_small */ .puretabs_small { display: flex; flex-wrap: wrap; border:none; font-size: 14px; align-items: center; justify-content: flex-end; position: relative; } .puretabs_small label.tabs_label_small { order: 1; display: block; margin: 5px 0px; margin-left: 0.4rem; cursor: pointer; background-color: #ffffff; color:#000000; transition: background ease 0.2s; font-size: 14px; border-radius: 5px; padding: 5px 15px 5px 50px; border-bottom:none; } label.tabs_label_small.b_dod_pola {background: url(images/dod_pola.svg) left 15px center no-repeat;text-align: left;background-size: 20px;} label.tabs_label_small.b_lista {background: url(images/lista.svg) left 15px center no-repeat;text-align: left;background-size: 20px;} label.tabs_label_small.b_zdjecia {background: url(images/kafelki.svg) left 15px center no-repeat;text-align: right;background-size: 20px;} .puretabs_small label.tabs_label_small:hover { background-color: var(--szary); } .puretabs_small .tab_small { order: 99; flex-grow: 1; width: 100%; display: none; border:none; background: none; } .puretabs_small input[type="radio"] { display: none; } .puretabs_small input[type="checkbox"] { display: none; } .puretabs_small input[type="checkbox"]:checked + label.tabs_label_small { background-color: var(--szary_jasny); color:var(--czarny); } .puretabs_small input[type="radio"]:checked + label.tabs_label_small { background-color: var(--szary_jasny); color:var(--czarny); } .puretabs_small input[type="radio"]:checked + label.tabs_label_small { background-color: var(--szary_jasny); color:var(--czarny); } .puretabs_small input[type="radio"]:checked + label.tabs_label_small + .tab_small { display: block; } .flex_dwa { display:flex; width: 100%;align-items: center; justify-content: space-between;} .flex_dwa div {width: 50%;} .telefon {background: var(--niebieski) url(/zdjecia/galerie/1.2.6/mini/0cfe05-telefonb.svg) left 30px center no-repeat;background-size: 55px;padding:20px;margin:20px 0; padding-left:110px;color: var(--bialy);font-size:50px;font-weight: 600;} .telefon:hover {background: var(--czarny) url(/zdjecia/galerie/1.2.6/mini/0cfe05-telefonb.svg) left 30px center no-repeat;background-size: 55px;color: var(--bialy);text-decoration: none;} .form_wycena {position:absolute;top:50px;right:150px;width:35%;z-index:100;text-align:left;} .images_inline {text-align: center;} .images_inline img {display: inline-block;height: 50px;margin:10px 30px;} .pasek_tel {background-color: var(--niebieski);height: 120px; width: 100%; color:var(--bialy);display: flex;align-items:center; justify-content:center;font-size:16px; } .pasek_tel a {white-space: nowrap;} .pasek_tel div.tel_glowny {background: url(/zdjecia/galerie/1.2.6/mini/0cfe05-telefonb.svg) left 30px center no-repeat;background-size: 55px;padding-left:110px;display: flex;align-items:center; justify-content:flex-start;line-height: 18px;} .pasek_tel div strong {font-size:23px;} .pasek_tel div.znajdz_tel {background: url(/zdjecia/galerie/1.2.6/mini/a4648a-mail_b.svg) left 30px center no-repeat;background-size: 55px;padding:20px 0px;padding-left:110px;display: flex;align-items:center; justify-content:flex-start;padding-right:30px;} .znajdz_tel div, .tel_glowny div {margin:0px 10px;} .pasek_tel div.tel_glowny a, .pasek_tel div.znajdz_tel a {font-size:51px;font-weight: 300;color:var(--bialy);line-height:normal} .chmura_parent {display: flex;justify-content: center;position: relative;z-index: 10;top:-10px;box-sizing: border-box;margin:0px} .chmura { padding: 20px 40px; background-color: var(--bialy);color:var(--niebieski);font-size:32px;display:inline;font-weight: 600;-webkit-box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.13); -moz-box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.13); box-shadow: 0px 2px 16px 4px rgba(0,0,0,0.13);text-align: center;line-height: 42px;border-radius: var(--rog);} .chmura a {color: var(--czarny); font-size: 41px;} .chmura_biala .obiekt_tytul_n {color: var(--bialy);} .chmura_biala button.przycisk {color: var(--niebieski);background-color: var(--bialy);} .chmura_biala button.przycisk:hover {color: var(--bialy);background-color: var(--czarny);} #map .chmura h4 {font-size: 25px;} .nad {background: url(/pliki/072021/big/8598c8-naglowektlo_01.jpg) top center no-repeat;width: 100%;display: block;padding: 15px 0px;} .nad .flex {width: 95%;margin:0px 2.5%;} /* dla wideo w tle */ .video-background .h3 {font-family: 'Muli', sans-serif; color:var(--bialy); font-size:35px;text-align:left;margin:20px 0px; padding:0px;font-weight:700;line-height: 40px;text-shadow: 0px 3px 7px rgba(0, 0, 0, 1 );} .video-background {width: 100%;height:auto; background-image: url(/pliki/072021/big/8598c8-naglowektlo_01.jpg), url(); background-color: #ffffff; background-size: 100% 80%,50%; background-repeat: no-repeat;padding:0px 2.5%;box-sizing: border-box;margin-bottom: 0px;position: relative;} .image-background {width: 100%;height:auto; background-image: url(/pliki/072021/big/8598c8-naglowektlo_01.jpg), url(); background-color: #ffffff; background-size: 100% 80%,50%; background-repeat: no-repeat;padding:0px 2.5%;box-sizing: border-box;margin-bottom: 0px;position: relative;} .image-background img{border-radius: var(--rog);margin: 0 auto;width: 90%;object-fit: cover;height: 200px;object-position: center;} .video-background .video-plik {width: 100%;height: auto;} video {border-radius: var(--przycisk-rog);} .video-background a { text-shadow: none;} .video-background>div {width: 91%; position: absolute;text-align: left; bottom: 50px;left: 50%;transform: translate(-50%, 50%);} .video-plik { /*position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);*/ z-index: -1; /*height: 100vh; min-height: 100%;*/ pointer-events: none; } video::-webkit-media-controls-start-playback-button { display: none; } .komunikat {top: -25%; position: fixed; left: 50%; z-index: 999999; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-animation: alert 10s ease forwards; -moz-animation: alert 10s ease forwards; -ms-animation: alert 10s ease forwards; -o-animation: alert 10s ease forwards; animation: alert 10s ease forwards; animation-delay: 0.2s; overflow: hidden; } .kom_ok { color: #ffffff; background: var(--zielony) url(images/erp_ok.svg) left 5px center no-repeat; background-size: 40px; text-align: left; margin: 2px; padding: 20px; padding-left: 50px; margin-bottom: 15px; border-radius: var(--rog_element); font-size:16px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; } .kom_ok h3, .kom_ok h2 { padding: 0px; margin: 0px; color:var(--bialy); text-align:center; font-weight: 300; } .kom_ok h3, .kom_ok h2 {margin-top:10px;font-size: 20px;} .kom_blad { color: #ffffff; background: var(--czerwony) url(images/erp_error.svg) left 5px center no-repeat; background-size: 40px; text-align: left; margin: 2px; padding: 20px; padding-left: 50px; margin-bottom: 15px; border-radius: var(--rog_element); font-size:16px; display: flex; flex-wrap: nowrap; flex-direction: row; align-items: center; justify-content: space-between; } .kom_blad h2 { font-size: 15px; color:var(--bialy); text-align:center; } a.button_maly {text-align:center;background-size: 20px;display: inline-block;width: 25px; height: 25px;} a.b_usun3 {background: url(images/erp_usun.svg) center no-repeat;text-align: right;background-size: 20px;vertical-align: top;/*margin-left:15px;*/} a.b_usun3:hover {background: url(images/erp_usunb.svg) center no-repeat;text-align: right;background-size: 20px;vertical-align: top;} a.b_maly_usun {background: var(--czerwony) url(/edycja/images/erp_usun.svg) center; background-size: 20px; display: inline-block; background-repeat: no-repeat; border: 1px solid var(--czerwony); padding:15px 25px; vertical-align:middle; margin-left: 5px;border-radius: var(--przycisk-rog);} .prod_szczegoly>div>div:first-of-type a.b_maly_usun {display: none;} .komunikat:hover {-webkit-animation-play-state:paused;animation-play-state:paused} @-webkit-keyframes alert { 0% { opacity: 0; top: -25%;} 20% { opacity: 1; top:15px} 40% { opacity: 1; top:15px} 60% { opacity: 1; top:15px} 80% { opacity: 0; top: -25%;} 100% { top: -25%;opacity: 0; } } @-moz-keyframes alert { 0% { opacity: 0; top: -25%;} 20% { opacity: 1; top:15px} 40% { opacity: 1; top:15px} 60% { opacity: 1; top:15px} 80% { opacity: 0; top: -25%;} 100% { top: -25%;opacity: 0; } } @-ms-keyframes alert { 0% { opacity: 0; top: -25%;} 20% { opacity: 1; top:15px} 40% { opacity: 1; top:15px} 60% { opacity: 1; top:15px} 80% { opacity: 0; top: -25%;} 100% { top: -25%;opacity: 0; } } @-o-keyframes alert { 0% { opacity: 0; top: -25%;} 20% { opacity: 1; top:15px} 40% { opacity: 1; top:15px} 60% { opacity: 1; top:15px} 80% { opacity: 0; top: -25%;} 100% { top: -25%;opacity: 0; } } @keyframes alert { 0% { opacity: 0; top: -25%;} 20% { opacity: 1; top:15px} 40% { opacity: 1; top:15px} 60% { opacity: 1; top:15px} 80% { opacity: 0; top: -25%;} 100% { top: -25%;opacity: 0; } } a { text-decoration: none; color: var(--czerwony); padding:0px; font-weight: 600; /* These are technically the same, but use both */ /*overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all;*/ /* This is the dangerous one in WebKit, as it breaks things wherever */ /*word-break: break-all;*/ /* Instead use this non-standard one: word-break: break-word; */ /* Adds a hyphen where the word breaks, if supported (No Blink) -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto;*/ } a:hover { color:var(--czerwony); text-decoration: underline; transition: all .2s; cursor: pointer; /*transform:translate(0, -2px);*/ } .podstrona a {word-break: break-word;white-space: pre-wrap;-moz-white-space: pre-wrap;} .kroki {display:flex;justify-content: space-between;align-items: center;font-size: 20px;color: var(--czarny);font-weight: 700;border-radius: var(--rog_element);overflow: hidden;background-color: var(--szary_jasny);padding: 0px;margin-bottom:25px;} .krok:not(:first-child) {color: var(--bialy);background-color: var(--szary_sredni);padding: 10px;margin:0;flex: 1 1 100%;display: block;text-overflow: ellipsis;white-space: nowrap;position: relative;overflow: visible;} .krok:first-child {padding: 0px 10px;} .krok h3, .krok p {color: var(--bialy);padding: 0px;margin: 0px;} .krok h3 {font-size: 18px;} .krok h2 {margin:0px} .krok p {font-size: 13px;font-weight: 500;} .krok.aktywny_krok {color: var(--bialy);background-color: var(--niebieski);} .krok:before:not(:first-child) { content: ""; position: absolute; left: calc(100% + 14px); top: -20px; height: 0; width: 0; border-bottom: 85px solid transparent; border-top: 85px solid transparent; border-left: 20px solid #fff; z-index: 1; } .krok:after:not(:first-child) { content: ""; position: absolute; left: calc(100% + 10px); top: -20px; height: 0; width: 0; border-bottom: 85px solid transparent; border-top: 85px solid transparent; border-left: 20px solid #dcdcdc; z-index: 1; } a[target="_blank"] {cursor: alias !important;} .header p a:not(.btn).ext > span::after, .header p a:not(.btn)[href*="//"]:not([href*="pacjent.gov.pl"]) > span::after, .lead a:not(.btn).ext > span::after, .lead a:not(.btn)[href*="//"]:not([href*="pacjent.gov.pl"]) > span::after, .link-list li a:not(.btn).ext > span::after, .link-list li a:not(.btn)[href*="//"]:not([href*="pacjent.gov.pl"]) > span::after, .link.ext > span::after, .link[href*="//"]:not([href*="pacjent.gov.pl"]) > span::after, .text a:not(.btn):not(.footnote-link).ext > span::after, .text a:not(.btn):not(.footnote-link)[href*="//"]:not([href*="pacjent.gov.pl"]) > span::after, .text li a:not(.btn):not(.footnote-link).ext > span::after, .text li a:not(.btn):not(.footnote-link)[href*="//"]:not([href*="pacjent.gov.pl"]) > span::after, [href*="//"]:not([href*="pacjent.gov.pl"]) .header p a:not(.btn) > span::after, [href*="//"]:not([href*="pacjent.gov.pl"]) .lead a:not(.btn) > span::after, [href*="//"]:not([href*="pacjent.gov.pl"]) .link-list li a:not(.btn) > span::after, [href*="//"]:not([href*="pacjent.gov.pl"]) .link > span::after, [href*="//"]:not([href*="pacjent.gov.pl"]) .text a:not(.btn):not(.footnote-link) > span::after, [href*="//"]:not([href*="pacjent.gov.pl"]) .text li a:not(.btn):not(.footnote-link) > span::after, [href*="//"]:not([href*="pacjent.gov.pl"]) tbody a > span::after, tbody a.ext > span::after, tbody a[href*="//"]:not([href*="pacjent.gov.pl"]) > span::after { content: ""; speak: none; font-style: normal; font-weight: 400; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 0.5em; font-size: 0.94em; font-family: icons !important; font-variant: normal; } a.nounderline, .nounderline {text-decoration: none} a:active,a:hover,.noout{outline-width:0} /* a:active, a:focus,input:focus { outline:2px solid red;}*/ input[type="button"]{ outline:none; } input[type="button"]::-moz-focus-inner { border: 0; } button:focus { border: none; outline: none; } .przycisk_powrot a:active, .przycisk_powrot a:focus { border: none;} #do_gory { position: fixed; padding: 15px; background: var(--szary) url(/images/strzalka_dogory.svg) center no-repeat; background-size:30px; cursor: pointer; border-radius: 50px; color: #000000; /*transform: rotate(-90deg) translate(0px, 0px);*/ display:block; width: 30px; height: 30px; right: 20px; bottom: 20px; opacity: 0; transition-duration: 0.3s; z-index:2011; } #do_gory.show, #rejestracja.show { opacity: 1;} #do_gory:hover { transform: translate(0px, 10px);background: var(--niebieski) url(/images/strzalka_dogory.svg) center no-repeat;} .przyciski_oferta {margin-top:20px!important} .dom {background: url(/pliki/012024/70f133-wizualizacja-brama_long.webp) center no-repeat;background-size: 100% auto; height: 358px;display: block;position: relative;overflow: hidden;margin-top:20px;/*height: 400px;*/} .brama_parent {position: absolute;bottom:calc(41px + 5px);right:256px} .brama {background-position: center bottom;background-repeat: repeat;background-size: 50%;display: block;width: calc(100% - 60px);position: relative;} .brama_flex {display: flex;height: calc(100% - 0px);} .brama_pasek_gora {display: block;width: 100%;height: 29px;box-sizing: border-box;} .brama_pasek_gora_rogl {background: url(/pliki/112023/mini/e43b33-lewy-gorny-rog.svg) center no-repeat;background-size: 31px auto; display: inline-block;width: 30px;height: inherit;} .brama_pasek_gora_poziom {background: url(/pliki/112023/mini/010ab5-poziom.svg) center repeat-x;background-size: auto 30px; display: inline-block;width: calc(100% - 60px);height: inherit;} .brama_pasek_gora_rogp {background: url(/pliki/112023/mini/4867e7-prawy-gorny-rog.svg) center no-repeat;background-size: 31px auto; display: inline-block;width: 30px;height: inherit;} .wymiar_szerokosc, .wymiar_wysokosc { color:var(--bialy); display: flex; border-top: 1px var(--bialy) solid;} .wymiar_szerokosc.ciemny, .wymiar_wysokosc.ciemny { color:var(--czarny); border-top: 1px var(--czarny) solid;} .wymiar_szerokosc { align-items: flex-start; justify-content: center; margin-top: 10px; } .wymiar_szerokosc:after { content: ''; border-left: 2px var(--bialy) solid; border-right: 2px var(--bialy) solid; width: 100%; height: 10px; display: block; position: absolute; top: 5px; } .wymiar_szerokosc.ciemny:after, .wymiar_wysokosc.ciemny:after { border-left: 2px var(--czarny) solid; border-right: 2px var(--czarny) solid; } .wymiar_wysokosc { justify-content: center; transform: rotate(-90deg); position: absolute; top:0px; left:10px; width: 100%; height: 100%; } .wymiar_wysokosc:after { content: ''; border-left: 2px var(--bialy) solid; border-right: 2px var(--bialy) solid; width: 100%; height: 10px; display: block; position: absolute; top: -5px; } .czlowiek {background: url(/pliki/122023/big/5f515f-czlowiek_03.webp) center no-repeat;background-size: 100% auto; display: block;height:240px;width: auto;bottom:-5px;position: absolute;right:176px} .wymiar_czlowieka { color:var(--czarny); display: flex; border-top: 1px var(--czarny) solid; justify-content: center; transform: rotate(-90deg); position: relative; top:-5px; left:-10px; width: 100%; height: 100%; } .wymiar_czlowieka:after { content: ''; border-left: 2px var(--czarny) solid; border-right: 2px var(--czarny) solid; width: 100%; height: 10px; display: block; position: absolute; top: -5px; } .brama_pasek_lewy {display: block;height: calc(100% + 8px);width: 30px;} .brama_pasek_lewy_pion {background: url(/pliki/112023/mini/6074fa-lewy-pion.svg) center repeat-y;height: calc(100% - 10px);width: inherit;background-size: 30px auto;} .brama_pasek_lewy_rog {background: url(/pliki/112023/mini/56f12d-lewy-dolny-rog.svg) center no-repeat; width: inherit;height: 8px;background-size: 30px auto;} .brama_pasek_prawy {display: block;height: calc(100% + 8px);width: 30px;} .brama_pasek_prawy_pion {background: url(/pliki/112023/mini/4b571b-prawy-pion.svg) center repeat-y;height: calc(100% - 10px);width: inherit;background-size: 30px auto;} .brama_pasek_prawy_rog {background: url(/pliki/112023/mini/3ccbf8-prawy-dolny-rog.svg) center no-repeat; width: inherit;height: 8px;background-size: 30px auto;} .brama_pasek_dol {height: 8px;background: url(/pliki/112023/mini/0bbbea-pasek-dolny.svg) center repeat-x;background-size: auto 17px; display: inline-block;height: 17px;width: 100%;bottom:0} #rejestracja { position: fixed; background: url(/pliki/032021/mini/56f311-rezerwacja.svg) center no-repeat; background-size: 100%; cursor: pointer; text-transform: uppercase; text-decoration: none; font-size: 22px; color: #ffffff; left: 40px; bottom: 90px; opacity: 0; display: none; transition-duration: 0.5s; font-weight: 700; z-index: 11101; width: 175px; height: 270px; box-sizing: border-box; padding-top: 135px; text-align: center; } #rejestracja span {color:#000000;text-align:center;} #rejestracja h3 {font-size: 20px;padding:0px;margin:0px; color: #ffffff;font-weight:700;text-align:center;line-height: 130%;} #rejestracja.show { opacity: 1; display:block; transition-duration: 0.5s; } #rejestracja.show.wyswietl { opacity: 1; display:block; transition-duration: 0.5s; } #rejestracja:hover { transform: translate(0px, 10px); } #rejestracja:hover a{text-decoration: none;} .rejestracja_zamknij { display: none; opacity: 0; transition-duration: 0.5s; font-size:16px!important; background: url(/pliki/042021/mini/1dc4f2-zamknij_b.svg) left 10px center no-repeat; background-size: 20px; padding-left: 40px!important; border:2px solid var(--bialy)!important; box-shadow: var(--cien); } #rejestracja:hover .rejestracja_zamknij { opacity: 1; margin-top:20px; display: inline-block; } .container { width: 100%; box-sizing:border-box; display:block; } .glowna { margin: 0px auto; width:100%; max-width: 100%; display:block; } .tresc { width: 100%; padding: 0px; box-sizing:border-box; margin:0px auto; } .tresc_news {font-size:22px;padding:40px 0px;} .tresc_news h2 {font-size:34px;} .podstrona { width: 100%; padding-top: 25px; box-sizing: border-box; } /* dla plikow wideo */ .obiekt_repozyt2 {max-width: 100%;} .podstrona img {border-radius: var(--rog);} .podstrona h3 {margin-top: 50px;} .podstrona h3:first-of-type {margin-top: 0px;} .ramka_pliki {margin: 30px 0px;} .naglowek_news {min-height: 325px;max-height: 100%;display: flex;} .naglowek_news .lewa2 {max-width: 50%;padding-right: 0%;min-height: inherit;max-height: 225px;} .naglowek_news .prawa2 { flex: 1; background-color: var(--niebieski);box-sizing: border-box;min-height: calc(325px - 50px); margin: 25px auto;padding: 10px 20px;position: relative;} .naglowek_news .sciezka,.naglowek_news .sciezka a,.naglowek_news .tytul h1, .naglowek_news .informacje span {color: var(--bialy);} .naglowek_news .informacje span, .naglowek_news .sciezka {font-size: 14px;} .naglowek_news .sciezka a:hover {color: var(--bialy);} .naglowek_news .tytul h1 {font-size:30px;} .naglowek_news .informacje {border:none;bottom: 10px; position: absolute;} .naglowek_news .informacje span {padding: 0px;} /*.naglowek_news .lewa {padding-bottom: 60px;}*/ .szer_strony {/*width: 1280px;*/max-width: 1390px;padding-right: 70px;padding-left: 70px;margin:0 auto;box-sizing: border-box;} .szer_strony100 {width: 100%;position: relative;} .szer_strony50 {width: 50%;margin:0 auto;text-align: center;} .szer_strony50 img {margin:0 auto;} .szer_strony50 h3 {text-align: center;} .inline, .inline img {display: inline-block;} .inline img {margin-right:20px;} .menu_boczne {background-color: var(--szary_jasny);padding: 20px;position: relative;width: 250px;border-radius: var(--rog);margin-left: 40px;padding-top: -8px;margin-top: 8px;} .menu_boczne::before{position: absolute;z-index: -1;left: -8px;top:-8px;height: 100%;width: 50%;display: block;content: '';background-color: var(--niebieski);} .menu_boczne h2 {margin:0px;padding: 0px;text-transform: uppercase;color: var(--niebieski);font-weight: 700;} .menu_boczne a {color: var(--czarny);font-weight: 300;box-sizing: border-box;position: relative;} .menu_boczne ul {margin:0px!important;padding: 0px;} .menu_boczne ul li {text-transform: none;margin:0px;padding: 0px!important;font-weight: 300;width: 100%;background: none!important;} .menu_boczne>ul>li>a,.menu_boczne>ul>li>span {text-transform: uppercase;font-weight: 700;width: inherit;display: block;padding: 10px;padding-left:10px!important;background:none!important;border-top: 1px solid var(--szary_sredni);} .menu_boczne>ul>li>span:first-child, .menu_boczne>ul>li:first-child {border: 0;} .menu_boczne a {padding: 10px;text-decoration: none;width: inherit;display: block;border-top: 1px solid var(--szary_sredni);background: url(/images/ikonki/strzalka-prawa-n.svg) left center no-repeat!important;background-size: 20px!important;} .menu_boczne ul li ul li a {padding-left: 30px;} .menu_boczne a:hover {color: var(--bialy)!important;width: inherit;font-weight: 700;background-image: url(/images/ikonki/strzalka-prawa-b.svg)!important;background-position: left center; background-repeat: no-repeat} .menu_boczne>ul>li>a:hover,.menu_boczne>ul>li>span:hover {background-image: url()!important;} .menu_boczne>ul>li>a:hover, .menu_boczne a:hover {background-color: var(--niebieski)!important;} /*wyroznione informacje */ .wyroznione {border-radius: var(--przycisk-rog);background-color: var(--niebieski); color: var(--bialy);font-size: 16px;margin:15px 0px; box-sizing: border-box;width: 100%;overflow: hidden;height: 350px;} .wyroznione a {color:var(--bialy);font-size: inherit;font-weight:300;} .wyroznione a:hover {text-decoration: none;} /*.wyroznione>div {display: inline-block;}*/ .wyroznione div {width: 100%;height:inherit;font-size: 100%;flex: 50%;} .wyroznione>div:nth-child(1) {padding: 50px;box-sizing: border-box;} .wyroznione>div:nth-child(2) img {height: 100%; object-fit: cover; object-position:center; width: 100%;} .wyroznione h4 {font-size: 180%;font-weight: 900;color: var(--bialy);} .wyroznione p {font-size: 100%;margin: 10px 0px;padding: 0px;font-weight: 300;} .wyroznione a.przycisk {padding: 5px 10px;font-size:14px} /*pasek szary */ .width90 {width: 90%!important;margin:0 auto;} .width80 {width: 80%!important;margin:0 auto;} .width50 {width: 50%!important;margin:0 auto;} .pasek_niebieski {background-color: var(--niebieski);width: 100%;padding: 30px 0px;color:var(--bialy)} .pasek_niebieski2 {background-color: var(--niebieski);width: 100%;padding: 10px 0px;color:var(--bialy);text-align: center;margin: 10px 0px;} .pasek_szary {background-color: var(--czerwony);/*width: 100%;*/padding-top: 30px;padding-bottom: 30px;text-align: center;color: var(--bialy);} .pasek_szary h3 {color: var(--bialy);text-align: center;} .pasek_niebieski h3,.pasek_niebieski h2 {color: var(--bialy);} .input_form_l { background-color:var(--bialy); width: 100%; border:none; border-bottom: 1px solid #bdbdbd;padding:13px;font-size: 17px;margin-bottom:5px;font-weight:400;display:block;box-sizing: border-box;color:var(--czarny);} .select:focus, .input_form_l:focus { outline: none;} .zgoda {line-height:normal;font-size:11px;margin-top:20px;} input, textarea {color:var(--czarny);font-size: 17px;font-family: 'Open Sans', sans-serif;} .f_wybierz { padding-right:40px;font-weight: 600;;} select {font-size: 17px;font-family: 'Barlow', sans-serif;} /*select.select { width: 100%; border:none; border-bottom: 1px solid #bdbdbd;box-sizing: border-box;padding:5px 6px;padding-top:15px;font-size: 17px;color:var(--czarny);} select.select option {color:var(--czarny);}*/ .flex_szary {color: var(--czarny);font-size: 16px;margin:0px; box-sizing: border-box;overflow: hidden;padding:15px; height: 130px;display: flex;flex-direction: row;border-radius: var(--rog); transition:box-shadow .3s ease-out, transform .3s ease-out, padding .3s ease-out;position:relative;} .flex_szary>div {flex: 100%;max-width: 200px;} .flex_szary>div strong {display: block;} .flex_szary a {color:var(--czarny);font-size: 15px;} .flex_szary>div:nth-child(1), .flex_szary>div:nth-child(1) a {max-width: 100px;height: 100px;} .flex_szary>div:nth-child(2) {padding: 0px 10px;align-self: center;} .flex_szary>div:nth-child(1) img {width: 93px;height: 93px;border-radius: 100px;} .flex_szary h4 {font-size: 100%;font-weight: 400;} .flex_szary h4 strong {font-weight: 700;} .flex_szary p {font-size: 90%;margin: 5px 0px;padding: 0px;} .pasek_kontakt .flex_szary>div:nth-child(2), .pasek_kontakt .flex_szary>div:nth-child(3) {flex: 0 0 auto;max-width: none;} .pasek_kontakt h4, .pasek_kontakt h4 strong {font-size: 20px;} .pasek_kontakt .flex_szary div img {border-radius: 0;width: 65px;} .wybierz_kategorie {display: flex;background-color: var(--niebieski);padding: 10px;margin:30px auto; color:var(--bialy);border-radius: var(--rog);align-items: center;} .wybierz_kategorie>div {flex:auto;} .wybierz_kategorie>div:first-child {text-transform: uppercase;} .wybierz_kategorie form, .wybierz_kategorie select {margin: 0px;width: 100%;} .wybierz_kategorie option, .wybierz_kategorie select {padding: 10px;} .wybierz_kategorie button.p_wyslij {background-image: url(/images/ikonki/strzalka-prawa-b.svg);background-position: right 10px center;background-repeat: no-repeat; vertical-align: middle;box-sizing: border-box;color:var(--bialy)} .wybierz_kategorie button.p_wyslij:hover {background-color: var(--bialy); background-image: url(/images/ikonki/strzalka-prawa-n.svg);background-position: right 10px center;background-repeat: no-repeat; vertical-align: middle;box-sizing: border-box;color:var(--niebieski)} /*przydatne_informacje*/ .przydatne_informacje {width: 100%; background-image: url(/pliki/072021/big/46d86e-sp2lubliniec3_32.jpg), url(); background-color: var(--niebieski); background-position: left center; background-repeat: no-repeat, no-repeat; background-size: 50%, 50%; position: relative;} .przydatne_informacje>div {padding-top:30px;padding-bottom:30px} .przydatne_informacje .flex {display: flex;flex-direction: row;width: 75%;flex-wrap: wrap;margin-left: auto; margin-right: 0px;font-size: 16px;} .przydatne_informacje .flex>div {width: 48.5%;margin-top: 3%;background-color: var(--bialy);border-radius: var(--przycisk-rog);overflow: hidden;transition:transform .3s ease-in-out} .przydatne_informacje .flex>div>a{color: var(--czarny);text-decoration:none;} .przydatne_informacje .flex>div>a>div {display: flex;align-items: center;} .przydatne_informacje .flex>div>a>div img {width: 100%;object-fit: cover;} .przydatne_informacje .flex>div>a>div strong {font-size: 22px;display: block;} .przydatne_informacje .flex>div>a>div>div:first-child {width: 35%;} .przydatne_informacje .flex>div>a>div>div:last-child {width: 65%;padding: 0px 10px;} .przydatne_informacje .flex>div:hover {transform:translate(0, -4px);transition:transform .3s ease-in-out} button.slick-autoplay-toggle-button {display: none;} .slick_slider {margin:0px;} .slick-slider.slick-dotted {margin-bottom:10px;} /* .slick-autoplay-toggle-button .slick-pause-icon:hover:before, .slick-autoplay-toggle-button .slick-play-icon:hover:before {font-weight: 700;border:none} .slick-autoplay-toggle-button .slick-pause-icon:before { content: url(/pliki/032021/mini/be3141-pause.svg) 'PAUZA'; width: 20px; height: 20px; font-size: 15px; font-family: 'Muli', sans-serif; font-weight: 400; text-align: center; color:var(--czarny); background-position: bottom center; } .slick-autoplay-toggle-button .slick-play-icon:before { content: url(/pliki/032021/mini/9a65eb-play.svg) ' PLAY'; width: 20px; height: 20px; font-size: 15px; font-family: 'Muli', sans-serif; font-weight: 400; text-align: center; color:var(--czarny); background-position: left center; } .slick-prev {right:100px;bottom: -52px;top:unset;left:unset;display: inline-block;width: auto;} .slick-next {right:20px;bottom: -52px;top:unset;display: inline-block;width: auto;} button.slick-arrow {font-family: 'Muli', sans-serif;text-align:center; display:inline-block;cursor:pointer; padding: 15px 20px;border: none;margin:0px;margin-left:20px;box-sizing: border-box; background-color: var(--niebieski);border-radius: var(--przycisk-rog);background-repeat: no-repeat;font-size: 20px;color:var(--bialy);font-weight:600;} .slick-sr-only {display: block;opacity: 1;} .slick-sr-only { clip:unset!important; clip-path:unset!important; height: unset!important; margin: unset!important; overflow: unset!important; position: unset!important; width: unset!important; white-space: normal!important; } button.slick-arrow:hover {background-color: var(--szary);} .slick-prev .slick-prev-icon, .slick-next .slick-next-icon{display: none;} .slick-prev .slick-prev-icon:before, .slick-next .slick-next-icon:before{content:"";} .slick-next:focus,.slick-prev:focus{top:unset;border: none!important;}*/ /********************/ label[for=pause] {cursor:pointer;font-size: inherit;vertical-align:middle;} label[for=pause]:hover {font-weight: 600;} label[for=pause] img {display: inline-block;vertical-align:top;margin:3px 5px;height: 20px;} #pause+span {width: 150px;white-space: nowrap;vertical-align:middle;height: 100%;} #pause, #pause ~ * [for=pause] {display: none;} /*@supports (animation-delay: 4s) {*/ #pause ~ * [for=pause] {display: inline-block} #pause ~ * [for=pause] .paused {display: none} #pause ~ * [for=pause] .running {display: inline-block} #pause:checked ~ * [for=pause] .paused {display: inline-block} #pause:checked ~ * [for=pause] .running {display: none} #pause:checked ~ #pasek_wazne > * {animation-play-state: paused} /* } */ /*************************************/ .flex {display: flex; flex-wrap:nowrap;flex-direction: row; justify-content:space-between; align-items: center;width: 100%;} .flex>div {margin:0px; /*flex: 0 1 33%;*/} .flex>div img {max-width: 100%;margin: 0px auto;} .flex div:nth-child(1), .flex div:nth-child(3) {/*flex: 0 0 auto;*/align-self:auto} .flex div:nth-child(2) {/*flex: 0 0 auto;*/} .flex div:nth-child(3) .element_menu {margin-right:20px;} .flex div:nth-child(1) .element_menu {margin-left:20px;} .pozostale>div {margin:10px;} .flex_auto {display: flex; justify-content:flex-start; flex-wrap: nowrap;align-items: center;} .flex_auto>div {text-wrap: nowrap;} .flex_auto>div img {margin-right: 20px} .flex_center {display: flex; flex-wrap:nowrap;flex-direction: row; justify-content:space-around; align-items: center;font-size: 16px;width: 100%;text-align:center} .flex_center div p {margin:0px; padding:0px;font-size:25px;font-weight: 700;} .flex_center div img {max-width: 100%;margin: 0px auto;border-radius: 50%;margin-bottom: 15px;} .flex_center2 {display: flex; flex-wrap:nowrap;flex-direction: row; justify-content:space-between; align-items: center;width: 100%;text-align:center} .flex_center2>div {flex: 0 1 18%;} .flex_center2 .h1 {margin:0px; padding:0px;font-weight: 700;text-transform: none;color: var(--bialy);text-align: center;margin-top:10px} .flex_center2 img {width: 40%;max-width: 40%;margin: 0px auto;max-height: 80px;} .flex5 {display: flex; flex-wrap:nowrap;flex-direction: row; justify-content:space-between; align-items: center;width: 100%;} .flex5>div {margin:0px; flex: 0 0 20%;} .flex5 a .flex_szary {justify-content: center;} .flex5 .flex_szary img {margin: 0 auto;} .flex5>div>a>.flex_szary>div {justify-content: center;align-self: center;max-width: auto;height: auto;} .flex3 {display: flex; flex-wrap:nowrap;flex-direction: row; justify-content:space-between; align-items: center;} .flex3>div {margin:0px; flex: 0 0 33%;width:33%!important;text-wrap: nowrap;} .flex3 select {width:100%;} .flex4 {display: flex; flex-wrap:nowrap;flex-direction: row; justify-content:space-between; align-items: center;width: 100%;} .flex4>div {margin:0px; flex: 0 0 25%;} .element_menu {display:inline-block;text-align:right;clear:both;font-size:15px;font-weight:bold;vertical-align: middle;} .element_menu a img {display:inline-block;text-align:right;} .gmina {width: 100%;margin:30px 0px;margin-bottom:50px;border-bottom:1px solid var(--szary);padding-bottom: 50px;} .gmina .h2, .gmina .h2 strong {font-size: 40px;} .gmina .h4 {font-size: 20px;} .gmina img {width:100%;} .gmina .flex {justify-content: start;align-items: flex-start;} .gmina .flex>div>.flex>div {flex: 0 0 auto} .gmina .flex>div>.flex>div:nth-child(1) {width: 150px;} .gmina .flex>div {flex: 1 0 auto} .gmina .flex>div:nth-child(1) {padding-right:50px} .gmina table {width: 100%;} .gmina table th {background: none;color: var(--czarny);text-align: left;} .gmina table tr, .gmina table tr:hover {background: none;text-align: left;} .naglowek { width: 100%; /*height:460px;*/ background: url(/pliki/072021/big/8598c8-naglowektlo_01.jpg) top center no-repeat; display:block; text-align:center; position:relative; } .naglowek2 { width: 100%; height: auto; /* height:320px;*/ /*background: url() top center no-repeat; background-size: 100%;*/ display:block; text-align:center; position:relative; } .naglowek2 img{/*margin:0px 2.5%;width: 95%;*/box-sizing: border-box;} .naglowek3 { display:flex; background-color:white; text-align: left; box-sizing:border-box;margin-bottom:10px;font-size: 13px;width: 100%;border-radius: var(--rog_element);box-shadow: -4.357px 6.709px 7.44px 0.56px rgba(179, 179, 179, 0.15);align-items: center; } .naglowek3>div:first-child { background-color:var(--niebieski);padding:12px 10px;color: #ffffff;font-weight: 500;flex: 0 1 15%; max-width: 200px;text-align: right;border-radius: 10px 0px 0px 10px;align-self:stretch;} .naglowek3>div {flex: 1 1 75%;align-self:center;padding:0 10px;} .naglowek_menu{background-color: var(--bialy);} .naglowek_menu, .c-menu .naglowek_menu { width: 100%; /*height:90px;*/ box-sizing: border-box; text-align:center; padding:0px; transition: .5s; } a.logo { display: block; color: var(--bialy); text-align: left; min-width: 480px; text-transform: uppercase; } a.logo span {font-size:20px;display:inline-block;vertical-align:middle;line-height: normal;} a.logo span strong {display:block;font-size:25px;font-weight: 700;} a.logo img { text-align:left; height: 61px; box-sizing: border-box; display: inline-block; vertical-align:middle; margin-right: 20px; } .cien { -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.1); } /* dodatek do plikow wideo dodanych przez CMS */ .video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } /*****************************/ /* widoczne w momencie blokady strony */ .glowna_pusta { display: flex; justify-content: center; align-items: center; text-align: center; } .glowna_pusta h1 {font-size: 20px;font-weight: 600;line-height: normal;text-align: center;} .glowna_pusta h3 {line-height: normal;text-align: center;} .glowna_pusta div { width: 60%; text-align: center; } .glowna_pusta div img {width: 60%;margin: 0 auto;} /*****************************/ /* ikony wcag */ .ikony_wcag a {margin:0px 3px;} .ikony_wcag a img {width: 40px; height: 40px;} .ikony_wcag a:hover { -webkit-filter: grayscale(1);filter: grayscale(1);} .ikony_wcag2 {display: none;width: 100%;margin-top: 20px;text-align: center;} .ikony_wcag2.wyswietl2 {display: block!important;text-align: center;padding-bottom: 10px;} .ikony_wcag2.wyswietl2 .element_menu {margin-right:30px} .ikony_wcag2.wyswietl2 .element_menu:nth-child(3) {margin-right:0px} .ikony_wcag2.wyswietl2 .element_menu, .ikony_wcag2.wyswietl2 .element_menu a {display: inline-block;vertical-align: middle;} /*****************************/ .gallery img{margin:0 auto;object-fit: cover;height: 200px;width: 100%;} /*====================== 404 page =======================*/ .page_404{ padding:0px; width:100%;text-align:center;margin:0px auto;display:block;} .page_404 img{ width:100%;} .four_zero_four_bg{ width:100%; text-align:center; background-image: url(/images/404.gif); height: 400px; background-position: center; background-repeat:no-repeat; } .four_zero_four_bg h1{ font-size:60px; text-align:center; margin-top:0px; } .four_zero_four_bg h3 {font-size:60px; text-align:center;} .contant_box_404 p {vertical-align:middle;} .contant_box_404 h3 {text-align:center;} .link_404{ float:none; margin: 0px; display: inline-block; vertical-align:middle;} .contant_box_404{ margin-top:-50px;} /*====================== 404 page =======================*/ /*************************************http://www.htmlcssdeveloper.com/tutorial/advanced-html-css/css-drop-down-menu.html********************************/ /* menu rozwijane******************************************************/ /**********************************************************************/ .main_menu,.main_menu2 { color:var(--bialy); font-size:16px; text-align:right; font-weight:700; text-transform: uppercase; } .main_menu ul,.main_menu2 ul { padding:0px; margin:0; list-style:none; font-size:inherit; } .main_menu ul li,.main_menu2 ul li { padding:0px!important; margin-right:0px; /*padding-left:15px;*/ display:inline-block; background:none!important; vertical-align: top; } /*.main_menu li:after{content:'/'; color:#d3d3d3; font-size:32px;vertical-align:top;margin-left:0px;float:right;display:inline;width:20px;}*/ .main_menu ul li a { color:inherit; display:block; text-decoration:none; padding:10px 20px; margin:0px 12px; box-sizing: border-box; background-color: var(--czerwony); /*border:2px solid var(--bialy);*/ font-weight:500; /*text-shadow: 2px 2px 2px #000000;*/ } .main_menu2 ul li a { color:inherit; display:block; text-decoration:none; padding:0px 10px 0px 10px; margin:0px 12px; /*border:2px solid var(--bialy);*/ font-weight:500; /*text-shadow: 2px 2px 2px #000000; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.8);*/ } .c-menu .main_menu ul li a span, .c-menu .main_menu ul li a { text-shadow: none;} .c-menu a br, .c-menu a br:after { content: " "; } .c-menu .naglowek-menu:hover {background: none;} .main_menu ul li a p,.main_menu2 ul li a p { display: none;} .main_menu ul li a span { color:inherit; padding-right:8px; font-weight:600; /*text-shadow: 2px 2px 2px #000000;*/ } .main_menu2 ul li a span { color:inherit; padding-right:8px; font-weight:600; /*text-shadow: 2px 2px 2px #000000; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.8);*/ } .main_menu ul li a:hover { display: block; padding:10px 20px; margin:0px 12px; font-weight:600; transition: border .3s ease-in-out; background-color: var(--szary)!important; /*text-shadow: 2px 2px 2px #000000;*/ } .main_menu2 ul li a:hover { display: block; padding:6px 10px; margin:3px 12px; font-weight:600; transition: border .3s ease-in-out; background:none!important; /*text-shadow: 2px 2px 2px #000000; text-shadow: 0px 3px 5px rgba(0, 0, 0, 0.8);*/ } .main_menu ul li a:hover span, .main_menu2 ul li a:hover span { color:inherit; } .main_menu ul li a.podswietl,.main_menu2 ul li a.podswietl {color:var(--bialy);font-weight: 900; padding:10px 20px;margin:0px 12px;} .main_menu ul li a.podswietl span,.main_menu2 ul li a.podswietl span {color:var(--bialy);font-size: 20px;} .c-menu .main_menu ul li a.podswietl, {color:var(--czarny);border-bottom:4px solid var(--zielony);font-weight: 900;font-size: 20px;} .c-menu .main_menu ul li a.podswietl span {color:var(--czarny);font-size: 20px;} .main_menu ul li ul,.main_menu2 ul li ul { display: none; position:absolute; top:60px; padding:15px 0px; margin:auto; width: 100%; left:0; right:0; } .main_menu ul li:hover ul,.main_menu2 ul li:hover ul { display: block; } .main_menu ul li:hover li,.main_menu2 ul li:hover li { float: none; list-style:none; margin:0px; } .main_menu ul li:hover li,.main_menu2 ul li:hover li { } .main_menu ul li:hover li a,.main_menu2 ul li:hover li a { color:inherit; background-color: var(--bialy); padding:15px; margin:-5px 10px; display:inline-block; } .main_menu ul li li:hover a,.main_menu2 ul li li:hover a { background-color: var(--bialy)!important; } /*********************************************************************/ /* stopka */ footer { width: 100%; font-weight:400; font-size: 15px; padding: 0px; box-sizing:border-box; text-align: center; } footer div div a {margin:0px 10px;} footer div {margin: 10px 0px;} footer div h4 {text-align: center;} /**************************************************/ /* chmurka cookie */ .cookie-container { /*display:none;*/ position: fixed; bottom: 2%!important; left:2%; width: 460px; padding: 10px; padding-left:200px; min-width: 460px; font-size: 16px; font-weight: 600; z-index: 999999; color: var(--bialy); text-align:left; box-sizing:border-box; border-radius: var(--rog); box-shadow: -1.133px 12.951px 14.88px 1.12px rgba(0, 0, 0, 0.24); background: #fbca88 url(/pliki/072021/mini/d0c392-ciasteczka.jpg) left -20px center no-repeat; background-size: 55%; transition: all 0.5s ease .5s!important; } .cookie-main p{ padding: 15px 5px; margin: 0px; padding-top: 0px; } .cookie-main a { text-decoration: underline;font-weight: 700;color: var(--bialy);} .cookie-main a:hover { color: var(--czarny);} a.cookie-link { font-weight:700; text-decoration: none; color:#ffffff; background-color: #f47e2c; display: inline-block; padding: 6px 0px; font-size:22px; text-align:center; width: 100%; border-radius: var(--przycisk-rog); margin:0px; } a.cookie-link:hover { background-color:#000000; color:#ffffff; text-decoration: none; } .wyswietl {/*display:block!important;*/bottom:50px;opacity: 1;transition: all .5s;transition-delay: 2s;} .wyswietl3 {display:block!important;} .ukryj {display:none!important;} /**************************************************/ a.gallery {min-height: inherit;} a.gallery:hover img { transition: .5s; -webkit-transition: .5s; -moz-transition: .5s; /*opacity: 0.7;*/} /* masonry */ #container {margin: 40px auto;} #container>div.item { width: 17.5%; margin-bottom:2.5%; box-sizing: border-box; position: relative; padding:15px; border-radius: var(--rog); transition:box-shadow .3s ease-out, transform .3s ease-out, padding .3s ease-out; } #container>div.item:hover, .puremasonry5>div:hover, .puremasonry4>div:hover, .puremasonry3>div:hover {transform:translate(0, -4px);} /*.puremasonry5>div:hover>div:nth-child(1) img {height: 100px;transition: all .5s ease-in-out;} .puremasonry5>div:hover>div:nth-child(2) {height: 285px;transition: all .5s ease-in-out;} .puremasonry5>div:hover>div p {opacity: 1;}*/ #container>div.item>div:nth-child(2) {padding: 5px 0px;/*overflow: hidden;height: 185px;*/} #container>div.item>div:nth-child(1) {border-radius: var(--przycisk-rog);overflow: hidden;} #container>div.item>div:nth-child(1) img {width: 100%;height: 220px;object-fit: cover;} h4.tytul_news_aktu { font-size: 18px; display: -webkit-box; /*height: 65px; max-width: 100%; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;*/ box-sizing: border-box; text-overflow: ellipsis; text-align: left; margin: 10px 0px; } .gutter-sizer { width: 17.7%; } /**************************************************/ /* cytat */ blockquote { background: #f9f9f9; border-left: 10px solid #ccc; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; content: open-quote; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } /**************************************************/ .noborder{ border:none; } .placeholder { color: var(--czarny); } *::-webkit-input-placeholder { /* WebKit browsers */ color: var(--czarny); } *:-moz-placeholder { /* Mozilla Firefox <18 */ color: var(--czarny); opacity: 1; } *::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--czarny); opacity: 1; } *:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--czarny); } /* efekt na zdjeciach bedacych linkow */ .hoverimg, a.hoverimg img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;} .hoverimg:hover, a.hoverimg:hover img { /*filter: alpha(opacity=80); */ /*opacity:0.80; -moz-opacity: 0.8;*/ -webkit-transform: scale(1.04); -moz-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); transition: .5s; -webkit-transition: .5s; -moz-transition: .5s;} /**************************************************/ /* ikony sociaj w naglowku */ .ikony_social a {display: block;text-align: left;text-transform: uppercase;color: var(--czarny);font-weight: 600;font-size:14px;vertical-align: middle;margin: 0px 15px;line-height: 16px;} .ikony_social div:last-child a {margin-right: 0px;} .ikony_social a span {display: block;font-weight: 600;} .ikony_social a img {height: 50px;max-width: 80px;} .pasek_social {padding: 15px 0px; padding-top: 15px; border-bottom:1px solid var(--niebieski);} a.wyszukiwarka {display: none;} a.wyszukiwarka img {height: 35px;} .wyszukiwarka2 {margin:0px auto;display: none;} .wyszukiwarka2.wyswietl2 {display: block!important;text-align: center;padding-bottom: 15px;} /**************************************************/ /* przyciski */ .przycisk::before, button.przycisk::before { transform: scaleX(0); transform-origin: bottom right; } .przycisk:hover::before, button.przycisk:hover::before { transform: scaleX(1); transform-origin: bottom left; } .p_nastepny2::before, .p_dalej::before, .p_wyslij::before { transform: scaleX(0); transform-origin: bottom left; } .p_nastepny2:hover::before, .p_dalej:hover::before, .p_wyslij:hover::before{ transform: scaleX(1); transform-origin: bottom right; } .przycisk::before, button.przycisk::before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0 0 0 0; background-color: var(--niebieski); z-index: -1; transition: transform .3s ease-in-out; } .przycisk:disabled::before, button.przycisk:disabled::before { background-color: var(--szary); } .p_szary::after, button.p_szary::before { content: " "; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; inset: 0 0 0 0; background-color: var(--szary_jasny); z-index: -1; transition: transform .3s ease-in-out; } .dane_adresowe {display: none;text-align: right;} .dane_adresowe h3 {text-align: right;} .applyBtn {padding: 10px;background-color: var(--niebieski);color: var(--bialy);margin-left:10px;border-radius: var(--przycisk-rog);font-weight: 700;} a.przycisk,.przycisk, button.przycisk, input.przycisk, span.przycisk, label.przycisk {font-family: 'Open Sans', sans-serif;text-decoration: none; text-align:center; font-size: 15px;padding: 10px 15px;color:var(--niebieski);text-transform: uppercase; font-weight:800; cursor:pointer; border: none;outline: none;margin:0px;box-sizing: border-box; border-radius: var(--przycisk-rog);background-repeat: no-repeat;position: relative;overflow: hidden; border:1px solid var(--niebieski)} a.przycisk:disabled,a.przycisk:not([href]):not(.dodaj_wartosc), .przycisk:disabled, button.przycisk:disabled, input.przycisk:disabled, span.przycisk:disabled, label.przycisk:disabled {color:var(--szary_sredni); border:1px solid var(--szary_sredni);pointer-events: none} .przycisk:hover,a.przycisk:hover, button.przycisk:hover, input.przycisk:hover, span.przycisk:hover, label.przycisk:hover {color:var(--bialy)} a.p_drukuj {background-image: url(/images/ikonki/drukuj-n.svg); background-position: left 10px center;background-repeat: no-repeat;background-size: 25px;padding-left:50px;margin-left:10px;} a.p_drukuj:hover {background-image: url(/images/ikonki/drukuj-b.svg);} a.p_galeria {background-image: url(/images/ikonki/zdjecia-n.svg); background-position: left 10px center;background-repeat: no-repeat;background-size: 25px;padding-left:50px;margin-left:10px;} a.p_galeria:hover {background-color: var(--niebieski);background-image: url(/images/ikonki/zdjecia-b.svg);} a.p_aktualnosci {background-image: url(/images/ikonki/newsy-n.svg); background-position: left 10px center;background-repeat: no-repeat;background-size: 25px;padding-left:50px;margin-left:10px;} a.p_aktualnosci:hover {background-image: url(/images/ikonki/newsy-b.svg);} /*.p_szary, a.p_szary, button.p_szary, label.p_szary {color:var(--niebieski);} a.p_szary:hover, button.p_szary:hover, label.p_szary:hover, a.p_szary:focus, button.p_szary:focus, label.p_szary:focus {color:var(--bialy);}*/ .tytul_glowna a.p_niebieski {color:var(--niebieski);transition: all .5s ease-in-out;} a.przycisk_duzy, button.przycisk_duzy, input.przycisk_duzy, span.przycisk_duzy {font-family: 'Muli', sans-serif;text-align:left; display:inline-block;font-size: 100%;padding: 20px 15px;padding-top:17px; color:var(--bialy);font-weight:700; cursor:pointer; border: none;margin:5px;box-sizing: border-box; background-color: var(--niebieski);border-radius: var(--przycisk-rog);background-repeat: no-repeat;min-width: 280px;position: relative;overflow: hidden;transition:all .2s ease-in-out;} a.przycisk_duzy[href^="http"]:after { content: ""; background: url(/pliki/052021/mini/e92e7f-link_zew.svg) center no-repeat; top:0; right:0; display: block; width: 45px; height: 45px;position: absolute;background-size: 45px;} a.przycisk_duzy[href^="http"]:hover:after { content: ""; background: url(/pliki/052021/mini/43a910-link_zewc.svg) center no-repeat; top:0; right:0; display: block; width: 45px; height: 45px;position: absolute;background-size: 45px;} a.przycisk_duzy:hover, a.przycisk_duzy:focus, a.przycisk_duzy.zaznacz_duzy {background-color: var(--zolty);color: var(--czarny);} a.przycisk_duzy p {font-size: 60%;font-weight: 400;margin:0px;padding: 0px;} a.p_trasa {background-image: url(/pliki/032021/mini/aa8a55-pin_c.svg); background-color: var(--zolty); background-position: left 10px center;background-repeat: no-repeat;background-size: 25px;padding-left:50px;width: 100%;} a.p_trasa:hover {background-color: var(--bialy);} a.p_powrot {background-image: url(/images/ikonki/strzalka-lewa-n.svg); background-position: left 10px center;background-repeat: no-repeat;background-size: 20px;padding-left:40px} a.p_powrot:hover, a.p_powrot:focus {background-image: url(/images/ikonki/strzalka-lewa-b.svg);} a.p_katergoria {} a.p_poprzedni2, button.p_poprzedni2 {background-image: url(/images/ikonki/strzalka-lewa-n.svg); background-position: right 10px center;background-repeat: no-repeat;background-size: 30px;vertical-align: middle;box-sizing: border-box; padding-right:0px; padding-left: 145px; width: 145px;text-align: left;padding: 20px 0px;font-size: 0px;} a.p_nastepny2, button.p_nastepny2 {background-image: url(/images/ikonki/strzalka-prawa-n.svg); background-position: left 10px center;background-repeat: no-repeat;background-size: 30px; vertical-align: middle;box-sizing: border-box;padding-right:0px; padding-left: 145px; width: 145px;padding: 20px 0px;font-size: 0px;} button.p_wyslij {margin-left: auto; display: flex;} a.p_dalej, button.p_wyslij {background-image: url(/images/ikonki/strzalka-prawa-n.svg); background-position: right 10px center;background-repeat: no-repeat;background-size: 25px; vertical-align: middle;box-sizing: border-box;padding-right:45px;} button.p_wyslij {margin-left: auto; display: flex;} a.p_poprzedni, button.p_poprzedni {background-image: url(/images/ikonki/strzalka-lewa-n.svg); background-position: left 10px center;background-repeat: no-repeat;background-size: 25px;vertical-align: middle;box-sizing: border-box; text-align: left;padding-left:45px;} a.p_nastepny, button.p_nastepny {background-image: url(/images/ikonki/strzalka-prawa-n.svg); background-position: right 10px center;background-repeat: no-repeat;background-size: 25px; vertical-align: middle;box-sizing: border-box;padding-right:45px;} a.p_poprzedni:hover, button.p_poprzedni:hover, a.p_poprzedni:focus, button.p_poprzedni:focus { background-color: var(--niebieski);background-image: url(/images/ikonki/strzalka-lewa-b.svg);background-position: left 10px center;} a.p_nastepny:hover, button.p_nastepny:hover,a.p_nastepny:focus, button.p_nastepny:focus {background-color: var(--niebieski);background-image: url(/images/ikonki/strzalka-prawa-b.svg);background-position: right 10px center;} a.p_poprzedni2:hover, button.p_poprzedni2:hover, a.p_poprzedni2:focus, button.p_poprzedni2:focus {background-image: url(/images/ikonki/strzalka-lewa-b.svg);background-position: left 10px center;background-size: 20px;background-color: var(--niebieski);width: 145px;padding: 10px 0px;padding-left:40px;padding-right: 0px;font-size: 15px;} a.p_nastepny2:hover, button.p_nastepny2:hover,a.p_nastepny2:focus, button.p_nastepny2:focus {background-image: url(/images/ikonki/strzalka-prawa-b.svg);background-position: right 10px center;background-size: 20px;background-color: var(--niebieski);width: 145px;padding: 10px 0px; padding-right:40px;padding-left: 10px;font-size: 15px;} button.p_wyslij:hover,a.p_dalej:hover {background-image: url(/images/ikonki/strzalka-prawa-b.svg);background-position: right 10px center;background-repeat: no-repeat; vertical-align: middle;box-sizing: border-box;} a.p_play, button.p_play {background: url(/images/ikonki/play-n.svg) left 10px center no-repeat;font-weight:700;background-size: 20px;padding-left:40px;display: none;color:var(--niebieski)} a.p_pauza, button.p_pauza {background: url(/images/ikonki/pauza-n.svg) left 10px center no-repeat;font-weight:700;background-size: 10px;padding-left:40px;color:var(--niebieski)} a.p_play:hover, button.p_play:hover, a.p_play:focus, button.p_play:focus {background: var(--niebieski) url(/images/ikonki/play-b.svg) left 10px center no-repeat;background-size: 20px;color: var(--bialy);} a.p_pauza:hover, button.p_pauza:hover, a.p_pauza:focus, button.p_pauza:focus {background: var(--niebieski) url(/images/ikonki/pauza-b.svg) left 10px center no-repeat;background-size: 10px;color: var(--bialy);} a.p_transport {background: url(/pliki/072021/mini/aee0f5-6f4dactransport1.svg) left center no-repeat;margin:0px; border:none;background-size: 45px;vertical-align: middle; padding:10px 0px; padding-left:45px;font-size: 0px;} a.p_transport:hover{} a.p_wideo {text-align:left; display:inline-block;padding: 12px;color:var(--bialy);cursor:pointer; border: none;margin:5px;box-sizing: border-box; border-radius: var(--przycisk-rog);background-repeat: no-repeat; background-color: var(--niebieski);margin:0px; border:none;font-weight:300; font-size: 14px;padding: 20px 5px 4px 55px; color: var(--czarny);text-align: left;min-width: 150px;position: relative;z-index: 2;} a.p_wideo:hover::before{background: var(--niebieski) url(/pliki/072021/mini/94e49f-video_iconb.svg)left 10px center no-repeat;background-size: 30px;} a.p_wideo:hover{background-color: var(--bialy);color: var(--bialy);text-decoration: none} a.p_wideo strong {display: inline-block;} a.p_wideo::before {background: var(--bialy) url(/pliki/072021/mini/1b56eb-video_icon.svg) left 10px center no-repeat;border-radius: var(--przycisk-rog); vertical-align: middle;background-size: 30px;top:8px;left:8px;display: block;width: 100%;height:100%;position: absolute;content: '';z-index: -1;} button.p_szukaj {background-image: url(/images/ikonki/lupa-n.svg); background-position: left 15px center; background-repeat: no-repeat;margin:0px;padding:10px 20px;padding-left:55px; display:inline-block;border:none;background-size: 27px;} button.p_szukaj:hover, button.p_szukaj:focus {background-image: url(/images/ikonki/lupa-b.svg);background-position: left 15px center;background-size: 27px;} .padding0 {padding:0px;} .padding5 {padding:5px 0px;} .margin0 {margin:0px;} a.margin0 {margin:0px;} a.margin10 {margin:10px;font-weight: 300;} a.margin5 {margin:5px;font-weight: 300;} .p_szary.margin5 {color:var(--czarny)} a.margin5:hover {color:var(--bialy);} a.margin20 {margin:20px;} /**************************************************/ /* inputy */ select.select, input, input.input_znajdz { background-color:var(--bialy); color:var(--czarny); font-size: 14px; color:var(--czarny); font-weight:400; border:1px solid var(--szary_sredni); display:inline-block; margin-right:10px; padding:10px; box-sizing: border-box; border-radius: var(--przycisk-rog); } textarea { background-color:var(--bialy); color:var(--czarny); width: 100%; height: 150px; font-size: 14px; color:var(--czarny); font-weight:400; border:1px solid var(--szary_sredni); display:inline-block; padding:10px; box-sizing: border-box; border-radius: var(--przycisk-rog); } /**************************************************/ /*panel nauczyciela*******************************/ .panel_log { width: 80%; margin: 0 auto; /*min-width: 1100px;*/ background: #ffffff url(/images/panel-klienta_08.jpg) center right no-repeat; background-size: cover; color: var(--bialy); border-radius: var(--rog); display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; -webkit-justify-content: start; box-sizing: border-box; } .panel_log>div:first-child { flex: 0 1 50%;} .panel_log>div {flex: 1 1 50%;} .panel_log h3.blad, .panel_log .error {color: var(--czerwony);background-color: var(--bialy);border:3px dashed var(--czerwony); font-size: 16px;margin:5px 0px!important;padding: 5px;border-radius: var(--rog);} .panel_log h3.ok {color: var(--niebieski);background-color: var(--bialy);border:3px dashed var(--niebieski); font-size: 16px;margin:5px 0px!important;padding: 5px;border-radius: var(--rog);} .logowanie { width: 80%; margin: 40px auto; margin-bottom: 20px; text-align:left; font-size: 16px; } .logowanie_nazwa { width: 100%; margin: 0px auto; text-align:right; box-sizing: border-box; } .logowanie h1 strong { font-size: 125%; display: block; color: var(--bialy); font-weight: 800; } .logowanie h1 { color: var(--bialy); font-size: 32px; line-height: 38px; font-weight: 900; display: block; text-align: right; } .logowanie h2 { color: var(--bialy); font-size: 30px; font-weight: 700; } .form_logowanie { margin: 20px auto; } .logo_klient {display: block!important;position: relative;overflow: hidden;} .logo_klient img {position: relative;} input.input_log { width:100%; height:40px; border: none; font-size:16px; color:var(--bialy); font-weight:500; padding:11px; box-sizing:border-box; background:none; background-color: transparent; display: inline-block; } .logowanie .p_zaloguj {border:solid 3px var(--niebieski);background-color: var(--bialy);width: 100%;margin-top: 10px;} .logowanie .p_zaloguj:hover {background-color: var(--zolty);border:solid 3px var(--zolty);color: var(--niebieski);} .logowanie .placeholder { color: var(--bialy);font-weight:300;} .logowanie *::-webkit-input-placeholder { /* WebKit browsers */ color: var(--bialy);font-weight:300; } .logowanie *:-moz-placeholder { /* Mozilla Firefox <18 */ color: var(--bialy);font-weight:300; opacity: 1; } .logowanie *::-moz-placeholder { /* Mozilla Firefox 19+ */ color: var(--bialy);font-weight:300; opacity: 1; } .logowanie *:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: var(--bialy);font-weight:300; } input.input_log:-webkit-autofill, input.input_log:-webkit-autofill:focus, input.input_log:-webkit-autofill:hover, input.input_log:-webkit-autofill:active { -webkit-transition-delay: 99999s; } .loginek { background: url(/images/ikonki/login-b.svg) center left 5px no-repeat;display: inline-block;background-size: 24px;width:100%;padding-left:40px;box-sizing:border-box;border-bottom: solid 1px var(--bialy);} .haselko { background: url(/images/ikonki/haslo-b.svg) center left 5px no-repeat;display: inline-block;background-size: 24px;height:40px;width:100%;padding-left:40px;box-sizing:border-box;border-bottom: solid 1px var(--bialy);margin-top: 10px;} .form_logowanie2 .haselko { background: url(/images/ikonki/haslo-n.svg) center left 5px no-repeat;display: inline-block;background-size: 24px;height:40px;width:100%;padding-left:40px;box-sizing:border-box;border-bottom: solid 1px var(--niebieski);} .form_logowanie2 input.input_log { width:100%; height:40px; border: none; font-size:16px; color:var(--czarnys); font-weight:500; padding:11px; box-sizing:border-box; background:none; background-color: transparent; display: inline-block; } .panel_autor { text-align:center; margin-bottom: 20px; font-size:14px; } .masz-problem{ background:url(/images/ikonki/pytanie.svg) center left no-repeat; padding-left: 40px;background-size: 30px;font-size: 14px; } .masz-problem a {color: var(--bialy);font-weight: 700;} .panel_dokumnety .transition, .panel_dokumnety ol li i:before, .panel_dokumnety ol li i:after, .panel_dokumnety .pliczki { transition: all 0.25s ease-in-out; } .panel_dokumnety .flipIn, .panel_dokumnety ol li, .panel_dokumnety h1 { animation: flipdown 0.5s ease both; } .panel_dokumnety h2 { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .panel_dokumnety h2 { font-size: 22px; font-weight: 600; display: block; margin: 0; cursor: pointer; } .panel_dokumnety ol li:hover {background-color: var(--szary_jasny);} .panel_dokumnety .pliczki { position: relative; overflow: hidden; opacity: 1; transform: translate(0, 0); margin-top: 14px; z-index: 2; } .panel_dokumnety ol { list-style: none; perspective: 900; padding: 0; margin: 0; counter-reset: my-awesome-counter; } .panel_dokumnety ol li { position: relative; background: url(/images/ikonki/folder.svg) left 10px top 22px no-repeat; background-size: 35px; padding: 30px 0px; padding-bottom: 27px; padding-left: 55px; margin: 0; border-bottom: 1px dotted var(--szary_sredni); } /*@for $i from 1 through 10 { .panel_dokumnety ol li:nth-of-type(#{$i}) { animation-delay: #{$i * 0.25}s; } }*/ .panel_dokumnety ol li:nth-of-type(1) { animation-delay: 0.25s; } .panel_dokumnety ol li:nth-of-type(2) { animation-delay: 0.5s; } .panel_dokumnety ol li:nth-of-type(3) { animation-delay: 0.75s; } .panel_dokumnety ol li:nth-of-type(4) { animation-delay: 1s; } .panel_dokumnety ol li:nth-of-type(5) { animation-delay: 1.25s; } .panel_dokumnety ol li:nth-of-type(6) { animation-delay: 1.5s; } .panel_dokumnety ol li:nth-of-type(7) { animation-delay: 1.75s; } .panel_dokumnety ol li:nth-of-type(8) { animation-delay: 2s; } .panel_dokumnety ol li:nth-of-type(9) { animation-delay: 2.25s; } .panel_dokumnety ol li:nth-of-type(10) { animation-delay: 2.5s; } .panel_dokumnety ol li:last-of-type { border-bottom: none; } .panel_dokumnety ol li i { position: absolute; transform: translate(-6px, 0); margin-top: 10px; right: 10px; } .panel_dokumnety ol li i:before, .panel_dokumnety ol li i:after { content: ""; position: absolute; background-color: var(--niebieski); width: 3px; height: 9px; } .panel_dokumnety ol li i:before { transform: translate(-2px, 0) rotate(45deg); } .panel_dokumnety ol li i:after { transform: translate(2px, 0) rotate(-45deg); } .panel_dokumnety ol li input[type=checkbox] { position: absolute; cursor: pointer; width: 100%; height: 100%; z-index: 1; opacity: 0; left: 0; top: 0; } .panel_dokumnety ol li input[type=checkbox]:checked ~ .pliczki { margin-top: 0; max-height: 0; opacity: 0; transform: translate(0, 50%); } .panel_dokumnety ol li input[type=checkbox]:checked ~ i:before { transform: translate(2px, 0) rotate(45deg); } .panel_dokumnety ol li input[type=checkbox]:checked ~ i:after { transform: translate(-2px, 0) rotate(-45deg); } @keyframes flipdown { 0% { opacity: 0; transform-origin: top center; transform: rotateX(-90deg); } 5% { opacity: 1; } 80% { transform: rotateX(8deg); } 83% { transform: rotateX(6deg); } 92% { transform: rotateX(-3deg); } 100% { transform-origin: top center; transform: rotateX(0deg); } } .menu_panel {border-radius: 10px; background-color: var(--czerwony);margin: 20px auto;overflow: hidden;box-sizing: border-box;} .panel_klienta .inline.menu_panel>div {box-sizing: border-box;padding:5px;flex:1 1 auto} .menu_panel>div a, .menu_panel>div button {width: 100%;text-align: center;display:block; padding: 15px 0px;text-transform: uppercase;text-decoration: none;color: var(--bialy);font-weight: 700;font-size:16px;font-family: 'Open Sans';box-sizing: border-box;cursor: pointer;} .menu_panel>div a:hover, .menu_panel>div button:hover {background-color:var(--bialy);color: var(--niebieski);box-sizing: border-box;} .kolumny.szukajka2 {justify-content: center;} .kolumny.szukajka2>div {width: 50%;text-align: center;margin-top:20px} .panel_klienta .kolumny>div {flex:0 0 auto;} .panel_klienta .kolumny h1 {margin-bottom: 0;} .szukajka2 .input_znajdz {width: 67%;} .user_zdj {display: flex;} .kolumny>div.user_zdj img {width: 60px;border-radius: 50px;display: block;margin-right: 10px;} .user_zdj div h3 {display: block;font-size: 22px;} .panel_klienta .prawa2, .panel_klienta .naglowek_news {min-height:auto} .panel_klienta .naglowek_news .informacje {position: static;} .panel_klienta .lista_news>div:nth-child(1) {flex: auto; max-width: 20%;} .panel_klienta .lista_news>div:nth-child(2) {flex: 100%;padding-left: 3%;} /**************************************************/ /* zerowanie listy ul */ .navcontainer ul { padding:0px; margin:0px; list-style-type: none; } .navcontainer li { padding:0px; margin:0px; text-align:left; background: none; } .navcontainer li:hover { background-color: none; } /*menu pionowe*********************************************************/ .navcontainer { margin: 0px;text-align: left; border-top:0px;} .navcontainer ul { margin: 0; margin-left:0px; padding: 0px; list-style-type: none;} .navcontainer ul li {padding-left: 45px} .navcontainer ul li:nth-child(even) { background: url(/pliki/022021/mini/17d150-checkszary.svg) left 0px top 5px no-repeat;background-size: 30px; } .navcontainer ul li:nth-child(odd) { background: url(/zdjecia/galerie/1.2.6/mini/9308d4-checkred.svg) left 0px top 5px no-repeat;background-size: 30px; } /*.li { padding: 10px 0px 10px 10px; text-decoration: none;display: block; height: 100%;color:#757575;font-weight: 300;margin-left:0px;padding-left:3px;border-left: none;border-bottom: 1px dashed #f0f0f0;background-color:var(--czarny);}*/ .li { padding: 0px; display: block; height: 100%;margin-left:0px;} .li span { display: block; height: 100%;color:var(--czarny);font-weight: 300;border-left: none;} /*.navcontainer li { position:relative; }*/ /*background-color: rgba(0, 0, 0, 0.6); */ .navcontainer li a { padding: 5px; text-decoration: none;display: block; height: 100%;color:var(--czarny); font-weight:400; margin-bottom:3px;font-size: 16px;} /*.navcontainer ul li a span {display:block;width:46px;height:46px;color:#313148;background-color:#00ADEF;text-align:center;vertical-align:middle;position:absolute;left:0;top:0;font-size:17px;line-height:40px;font-family:'Ubuntu';} */ .navcontainer li ul li a, .navcontainer li ul li { padding: 3px; text-decoration: none;display: block; height: 100%;color:var(--czarny);font-weight: 300;margin-left:0px;background: none!important;} .navcontainer li a:hover { -webkit-transition: .2s background-color linear; -moz-transition: .2s background-color linear; transition: .2s background-color linear; font-weight: 600; font-size: 15px; color:var(--niebieski); } .navcontainer .kat_domyslna li { width:240px; height:118px; color:var(--czarny); } .navcontainer .kat_domyslna a{ margin:0px; text-align:right; padding:10px; padding-top:20px; /*background: url('/images/pik_04b.jpg') no-repeat;*/ color:var(--czarny); margin-bottom:10px; } .navcontainer .kat_domyslna a:hover{ /*background: url('/images/pik_04a.jpg') no-repeat;*/ } .navcontainer .kat_domyslna a { border:none; } .naglowekk {list-style-type: none;border: none; } .naglowekk {margin:0px; height: 100%;font-size: 15px;font-weight: 300; display: block; color:var(--czarny);text-decoration: none;padding: 0px;/*background-color:#724C04;*/} .naglowekk span {} .naglowekk:hover { font-weight: 900; font-size: 15px; color:var(--niebieski); line-height:22px; -webkit-transition: .2s background-color linear; -moz-transition: .2s background-color linear; transition: .2s background-color linear;} .navcontainer li a.li3 {color:var(--czarny);margin-top:5px;font-weight:400;font-size: 15px;padding: 10px;} /*.li3 {color:var(--czarny);margin-top:5px;background-color:#724C04;font-weight:700;font-size: 15px;padding: 0px;}*/ .navcontainer li a.li3:hover { font-size: 15px; color:var(--niebieski); font-weight:600; } .li2 { margin: 0px;display: block;height: 100%;padding: 12px 0px 12px 10px;} .oznacz {color:var(--niebieski)!important; font-weight: 700!important;} /*menu pionowe*********************************************************/ /* pozycjonowanie tresci na podstronach i newsach */ .kolumny {display: flex;flex-direction: row;flex-wrap: nowrap; justify-content: space-between;-webkit-justify-content: space-between;} .kolumny div.oferta_box {flex: 1;padding:0px 4%} .kolumny>div {flex: 1;align-self:flex-start;/*padding: 0px 2%;*/} .kolumny>div:nth-child(1) {padding-right: 0px;} .kolumny>div:nth-child(2) {padding-left: 0px;} .kolumny.podstrona>div:nth-child(1) {flex:1 1 auto;} .lewa {width:50%;display:inline-block;margin-right:0%;box-sizing:border-box;vertical-align:top;order:1;padding:0px;position: relative;min-height: inherit;padding-right:2%;} .prawa {width:50%;display:inline-block;margin-left:0%;box-sizing:border-box;vertical-align:top;order:2;padding:0px;position: relative;min-height: inherit;padding-left:2%;} .lista_news>div:nth-child(1) {flex: 0 30%;} .lista_news>div:nth-child(2) {flex: 0 70%;padding-left: 3%;} .lista_news {margin-bottom:3%;border-bottom: 1px solid var(--szary_sredni);padding-bottom: 3%;} /*.lista_news>div:nth-child(2) div a {word-break: break-all;}*/ /**********************************************/ /*dane wydzialu w wydziale */ .wydzial_dane .wydzial_godziny {padding-left: 70px; background: url(/pliki/032021/mini/fa2ce8-godziny.svg) left top 5px no-repeat; background-size: 50px; color:var(--czarny); margin-bottom: 30px; } .wydzial_dane .wydzial_telefon {padding-left: 70px; background: url(/pliki/032021/mini/032e9a-phone_c.svg) left top 5px no-repeat; background-size: 50px; color:var(--czarny); margin-bottom: 30px; } .wydzial_dane .wydzial_persona {padding-left: 70px; background: url(/pliki/032021/mini/1990d4-id_c.svg) left top 5px no-repeat; background-size: 50px; color:var(--czarny); margin-bottom: 30px; } .wydzial_dane .wydzial_email {padding-left: 70px; background: url(/pliki/062021/mini/e04639-mail.svg) left top 5px no-repeat; background-size: 45px; color:var(--czarny); margin-bottom: 30px; } .wydzial_dane .wydzial_lokalizacja {padding-left: 70px; background: url(/pliki/032021/mini/aa8a55-pin_c.svg) left top 5px no-repeat; background-size: 50px; color:var(--czarny); margin-bottom: 30px; } .wydzial_dane .wydzial_adres {padding-left: 70px; background: url(/pliki/032021/mini/d3409a-letter_c.svg) left top 5px no-repeat; background-size: 50px; color:var(--czarny); margin-bottom: 30px; } .wydzial_dane div>div {font-size:20px;font-weight: 300;} .wydzial_dane p {font-size:29px;font-weight: 600;padding: 0px;margin:0px;} .wydzial_dane span {font-size:18px;font-weight: 300;} .wydzial_dane2 p {padding: 5px 0px;margin:5px 0px} .wydzial_dane2 .wydzial_lokalizacja { background: url(/pliki/032021/mini/aa8a55-pin_c.svg) left 5px center no-repeat; background-size: 50px; color:var(--czarny); padding:5px 0px; padding-left: 70px; } .wydzial_dane2 a.telefon_osoba, .wydzial_dane2 a.faks_osoba, .wydzial_dane2 a.mail_osoba, .wydzial_dane2 a.www_osoba, .wydzial_dane2 a.www_osoba { padding-left: 70px;} .wydzial_osoba a.telefon_osoba, .wydzial_osoba a.faks_osoba, .wydzial_osoba a.mail_osoba, .wydzial_osoba a.www_osoba, .wydzial_osoba a.www_osoba { padding-left: 70px;} .wydzial_osoba {padding-bottom: 50px;} /**********************************************/ /*dane wydzialu na glownej */ .pasek_mapa {display: flex; flex-wrap:nowrap;flex-direction: row; justify-content:space-between; font-size: 14px;width: 100%;background-color:var(--szary_jasny);} .pasek_mapa>div {flex: 1 1 50%;margin:0px;} .pasek_mapa>div:nth-child(2) {padding: 10px 20px;overflow: hidden;} .wydzial_skrot .wydzial_godziny, .wydzial_skrot .wydzial_persona, .wydzial_skrot .wydzial_telefon, .wydzial_skrot .wydzial_email, .wydzial_skrot .wydzial_lokalizacja {padding: 0px;margin-bottom:20px;background: url() left center no-repeat;color:var(--czarny);} ul.wydzial_skrot, ul.wydzial_skrot li {margin: 0px!important;padding: 0px!important;} ul.wydzial_skrot li {width: 50%;} .wydzial_skrot {width: 100%;position: relative;background: url(/pliki/042021/mini/d2a188-wybierzwydzial.svg) right 15% center no-repeat;background-size: 30%;} .wydzial_skrot a.wydzial_link {padding: 2px 5px;margin:0px;display: block;color: var(--czarny);font-size:15px;font-weight:300; width:100%;} .wydzial_skrot li:hover a.wydzial_link, .wydzial_skrot a.wydzial_link:focus {background-color: var(--niebieski);color: var(--bialy);border-radius: var(--przycisk-rog);margin:-8px 0px;font-weight: 600;padding: 10px 5px;z-index: 2;position: relative;} .wydzial_skrot a.wydzial_link+div {display: none;border:1px solid var(--niebieski);border-radius:var(--rog); padding: 10px 20px;font-size:18px;background-color: var(--bialy);width: 0%;z-index:3;right:0;top:0;position: absolute;min-height: 100%;box-sizing: border-box;overflow: hidden;} .wydzial_skrot a.wydzial_link:hover+div, .wydzial_skrot a.wydzial_link:focus+div {display: block;width: 50%;} .wydzial_skrot a.wydzial_link+div:hover, .wydzial_skrot a.wydzial_link:focus+div:hover {display: block;width: 50%;} /*.wydzial_skrot a:hover~a {opacity: .5;}*/ .wydzial_skrot div>div {font-size:20px;font-weight: 600;} .wydzial_skrot p {font-size:18px;font-weight: 300;margin: 5px 0px;} .wydzial_skrot p a[href^="tel:"] {font-size:36px;font-weight:700;} /*.wydzial_skrot p a[href^="mail:"] {font-size:36px;}*/ .wydzial_skrot span {font-size:18px;font-weight: 300;} .wydzial_skrot .wydzial_nazwa {font-weight: 700;font-size: 20px;margin: 20px 0px;} .wydzial_skrot .wydzial_godziny, .wydzial_skrot .wydzial_adres {display: none;} /**********************************************/ /*pasek niebieski */ .niebieski {padding: 20px 5%;background-color: var(--niebieski);text-align: left;color:var(--bialy);font-size: 20px;font-weight:500; margin:50px auto;height: inherit;margin-bottom:10px;} .niebieski_item {display:flex; align-items: center;box-sizing: border-box;flex-direction: row; justify-content:space-between;padding: 0 20px;width: 90%;height: inherit;} .niebieski_item>div {flex: 0 1 50%;height: inherit;min-height: inherit;} .niebieski_item>div:nth-child(1) {width: 30%;} div.niebieski_item>div:nth-child(2) {width: 70%;padding-left: 10px;} .niebieski_item div img {width: 100%;border-radius: 0;vertical-align: top;margin: 0px;filter: brightness(0) invert(1);max-height: 70px;} .niebieski_item a {color: var(--bialy);font-weight:500;} /**********************************************/ .cena {color:var(--bialy); background-color: var(--czerwony);padding:10px;border-radius:var(--przycisk-rog);display:inline-block} /*pasek mapa */ #map { min-height: 100%; height: 400px; width: 100%; margin:0 auto; padding: 0px; } .kontakt_mapa2 {display: none;} ul.skontaktuj2 {list-style-type: none;margin:0px;padding:0px} ul.skontaktuj2 li {background-size:23px; background-position: left 20px top 2px; background-repeat: no-repeat;font-size:15px;color:var(--czarny);font-weight:400;text-align: left;margin:8px 0px;padding:4px 0px;padding-left: 60px;line-height: normal;} ul.skontaktuj2 li a {font-size:15px;color:var(--czarny);font-weight:400;} .map2 {height: 100%;} .map2 .kolumny {align-items: flex-end;margin:0 auto;height: 100%;} .map2 .kolumny div:nth-child(1) {align-self: flex-start;padding: 0px} .map2 .kolumny div {align-self: flex-end;padding: 0px} .map2 .kolumny div a.przycisk {display: block;margin:10px;bottom:0;color:var(--bialy);box-sizing: border-box;background: var(--niebieski) url(/pliki/032021/mini/a7d05f-pin_b.svg) left 10px center no-repeat;font-weight: 600;background-size: 55px;padding-left: 80px;font-size:25px;line-height: normal;text-align: left;} .map2 .kolumny div.przycisk_mapa, .map2 .kolumny div.przycisk_rozklad2 {z-index: 1000;} .map2 a.przycisk_rozklad {display: block;margin:10px 0px;bottom:0;color:var(--bialy);box-sizing: border-box;background: var(--niebieski) url(/zdjecia/galerie/1.2.6/mini/3307a4-bus.svg) left 10px center no-repeat;font-weight: 600;background-size: 80px;padding-left: 100px;text-align: left;border:5px solid var(--bialy);line-height: 22px;} .map2 a.przycisk_rozklad span {font-size:17px; font-weight: 300;display: block;line-height: 22px;} .map2 h4 {color:var(--czarny);text-align: center;margin:20px auto} .map2 .chmura_parent {z-index: 1000; height: inherit; width: 370px; margin-top: 30px;} .map2 .kolumny div a {color: var(--niebieski);font-weight: 600!important;} .kontakt_mapa2 ul.skontaktuj2 {padding: 0 20px ;} .kontakt_mapa2 .kolumny {align-items: flex-end;margin:0 auto;} .kontakt_mapa2 .kolumny div {align-self: flex-end;padding: 0px} .kontakt_mapa2 a.przycisk_nawiguj, a.przycisk_nawiguj {text-decoration:none; display: block;margin:10px;bottom:0;color:var(--bialy);box-sizing: border-box;background: var(--niebieski) url(/zdjecia/galerie/1.2.6/mini/465bc4-nawiguj.svg) left 20px center no-repeat;font-weight: 600;background-size: 35px;padding:15px 0px; text-align:center ;box-sizing: border-box;} a.przycisk_nawiguj:hover {background-color: var(--szary);text-decoration:underline;} .kontakt_mapa2 .kolumny div.przycisk_rozklad2 {z-index: 1000;} .kontakt_mapa2 a.przycisk_rozklad, a.przycisk_rozklad {display: block;margin:10px auto;bottom:0;color:var(--bialy);box-sizing: border-box;background: var(--niebieski) url(/zdjecia/galerie/1.2.6/mini/3307a4-bus.svg) left 10px center no-repeat;font-weight: 600;background-size: 80px;padding-left: 100px;text-align: left;border:5px solid var(--bialy);line-height: 22px;width: 100%; /* min-width: 500px;*/} .kontakt_mapa2 a.przycisk_rozklad span, a.przycisk_rozklad span {font-size:17px; font-weight: 300;display: block;line-height: 22px;} .kontakt_mapa2 h4 {color:var(--czarny);text-align: center;margin:20px auto;font-size:30px} .kontakt_mapa2 .chmura_parent {z-index: 1000; height: inherit; width: 100%; margin-top: 30px;} .kontakt_mapa2 .chmura {margin:0px;padding: 0px;box-sizing: border-box;} .map2 .chmura {margin:0px;padding: 0px;} .leaflet-popup-content {min-width: 100px; height: auto;} .leaflet-popup-content img {width: 100%;} .map2 .kolumny div.przycisk_mapa .parking {padding: 10px; background: rgba(255, 255, 255, 0.8) url(/pliki/042021/mini/be010a-parking.svg) left 10px center no-repeat;background-size:40px; padding-left:60px;margin-bottom: 20px;font-weight: 600;font-size:17px;line-height: normal;} /**********************************************/ /*naglowki */ .tytul_glowna {/*margin-bottom: 40px;*/border-left: var(--czerwony) solid 7px;padding: 10px 0px;padding-left: 15px;} .tytul_glowna .h1 {color: var(--czerwony);} .tytul_glowna_p {border-right: var(--czerwony) solid 7px;padding: 10px 0px;padding-right: 15px;text-align: right;} .tytul_glowna_p .h1 {color: var(--bialy);} .tytul_glowna span {color:var(--niebieski);font-weight: 600;margin:0px 10px} .tytul_glowna.zainteresuje {margin-bottom: 0px;} .tytul_glowna .podtytul {font-size:16px;font-weight: 300;text-align: left;margin: 0px;padding: 0px;} .tytul h1, .tytul h1 a {color: var(--czerwony);font-size: 40px;text-transform: none;margin:10px 0px;margin-bottom: 40px;} .tytul2 .h1 {color: var(--czarny);font-size: 35px;text-transform: none;} .tytul2 .h1 strong {font-size: 35px;} .tytul_glowna2.zainteresuje {margin-bottom: -30px;} .tytul_glowna2 .podtytul {font-size:16px;font-weight: 300;text-align: left;margin: 0px;padding: 0px;} .puremasonry3 .podtytul {display: -webkit-box; height: 40px; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; text-align: left;} .data {font-size:16px;color:var(--szary);} /**********************************************/ /*rozwijane pytania*/ .agenda__item h3{ font-size: 15px; font-weight: 400; padding-right: 30px; color: var(--czarny); } .agenda__item a{ color: var(--czarny); } .agenda__item:hover, .agenda__item:focus{ color: var(--bialy); } .agenda__item:hover button, .agenda__item:focus button, .agenda__item.aktywny button { color: var(--bialy); } .agenda__item button{ width: 100%; font-weight: 400; color: var(--czarny); padding: 15px 0; padding-left: 50px; padding-right: 50px; border-radius: var(--rog); background-image: url(/pliki/052021/mini/91a66a-pytanie.svg), url(/pliki/052021/mini/2f2b30-bottom.svg); background-color: var(--szary_jasny); background-position: left 10px top 14px, right 10px top 16px; background-repeat: no-repeat; background-size: 28px; text-align: left; transition: all 0.5s; cursor: pointer; } .agenda__item { cursor: pointer; border-radius: var(--rog); margin-bottom: 10px; position: relative; } .aktywny { background-color: var(--niebieski); } .agenda__item:not(.aktywny) button:hover, .agenda__item:not(.aktywny) button:focus{ background-image: url(/pliki/052021/mini/913baa-pytanie_b.svg), url(/pliki/072021/mini/7de43c-bottomb.svg); background-color: var(--niebieski); text-decoration: none; color: var(--bialy); cursor: pointer; transition: all 0.5s; } .agenda__item.aktywny button{ background-image: url(/pliki/052021/mini/913baa-pytanie_b.svg), url(/pliki/032021/mini/cfd6b6-left_b.svg); background-color: var(--niebieski); color: var(--bialy); } .agenda__item--details > div { color:var(--bialy); padding:0 20px; padding-bottom: 20px; } .agenda__item--details ul li { background-image: url(/pliki/062021/mini/9e91d5-check_b.svg)!important; background-position: 0px 3px; background-repeat: no-repeat; background-size: 33px; } .agenda__item--details--hidden { height: 0; } .agenda__item--details--hidden > div { display: none; } /*.agenda__item--details::after { content: " "; display: inline-block; background: url(/pliki/032021/mini/cfd6b6-left_b.svg) no-repeat center center; background-size: cover; width: 25px; height: 25px; position: absolute; right: 15px; top: 15px; pointer-events: none; } .agenda__item--details--hidden::after { background: url(/pliki/052021/mini/2f2b30-bottom.svg) no-repeat center center; }*/ /* Shine */ .hover14>div { position: relative; overflow: hidden; } .hover14>div::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); } .hover14:hover>div::before { -webkit-animation: shine .75s; animation: shine .75s; } @-webkit-keyframes shine { 100% { left: 125%; } } @keyframes shine { 100% { left: 125%; } } .tlo_news {background: url(/pliki/042021/big/2c803c-tlo_news_07.jpg) center top no-repeat;} .gallery img {border-radius: var(--rog);min-height: inherit;} .zdj_news { min-height: inherit; max-height: inherit; overflow: hidden; width: 100%; height: 100%; border-radius: var(--rog); } .podstawowy { min-height: inherit; max-height: inherit; height: 100%; } .zdj_news a { min-height: inherit; max-height: inherit; } .zdj_news a img {width: 100%; min-height: inherit; max-height: inherit; object-fit: cover; object-position:50% 50%; overflow: hidden; height: 100%; } .sciezka { color:var(--czarny);font-size:16px;text-align:left;max-width:100%; text-overflow: ellipsis;overflow:hidden;white-space: nowrap;font-weight: 300;} .sciezka span {margin:0px 10px;display: inline-block;} .sciezka a {color:var(--czarny);font-weight: 300;} .sciezka a:hover {color:var(--czarny);} .informacje {margin-top: 10px;border-top: 1px solid var(--czarny);padding-top:5px;} .informacje>div{flex: 0 1 auto;} .informacje span {display:inline-block;margin:5px 0px; margin-right:30px;padding:5px 0px; padding-left: 40px;background-size: 30px;font-size: 15px; background-position: left center; background-repeat: no-repeat;white-space: nowrap;} .data_news {} .autor {text-align: right;} .czas_czytania {} .zrodlo {text-align: right;} .newsy_przyciski {position: absolute;bottom:0;left:0;} .zrodlo_tresci {text-align: right;} .ramka_pliki h2 {margin-top: 50px;} .plik_rodzic {border-bottom: 1px solid var(--szary_sredni);} .plik_rodzic .plik {border-bottom: none;} .pliczki>.plik_rodzic:last-child {border-bottom: none;} .plik {position: relative;display: flex;} .plik a.tooltip {color: var(--czarny);font-weight: 400;display: inline-block;/*width: calc(100% - 24%);vertical-align: text-top;*/} .plik a.tooltip:hover {color: var(--niebieski);font-weight: 700;} .plik {border-bottom: 1px solid var(--szary_sredni);margin: /*5px*/ 0px;padding: 15px 0px;font-size: 15px;} /*.plik_news .plik {font-size: 20px;}*/ .karta .plik {border: none;padding-left: 80px;} .plik a strong {margin-right:10px} .prawa .plik {border:none;/*border-bottom: 1px solid var(--szary_sredni);*/margin: 5px 0px;padding: 10px 0px;} .rodzaj_pliku {color: var(--bialy);text-transform: uppercase;background-color: var(--czerwony);padding: 2px 10px;border-radius: var(--przycisk-rog);display: inline-block;margin-right: 10px;font-size:100%;font-weight: 700;vertical-align: top; height: max-content;} .rodzaj_uslugi {color: var(--bialy);text-transform: uppercase;background-color: var(--niebieski);padding: 2px 10px;border-radius: var(--przycisk-rog);display: inline-block;margin-right: 10px;font-size:100%;font-weight: 700;vertical-align: top; height: max-content;} .plik_aktywny {color: var(--bialy);background-color: var(--zielony);padding: 3px 10px;border-radius: var(--przycisk-rog);margin:0px; display: inline-block;font-size:90%;font-weight: 700;vertical-align: top;} .plik .przycisk { position: absolute; top:7px; right: 10px; z-index: 1; display: none; } .plik:hover .przycisk {display: inline-block;} a.cyfra { vertical-align: middle; font-size:22px; border:3px solid var(--szary_jasny); color:var(--czarny); width:50px; height: 50px; padding: 6px; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:400; box-sizing: border-box; display:inline-block; margin:5px; border-radius: 30px } a.cyfra:hover { border:3px solid var(--niebieski); color:var(--niebieski)} span.cyfra { vertical-align: middle; font-size:30px; border:4px solid var(--czerwony); color:var(--czerwony); width:55px; height: 55px; padding: 3px; text-align:center; text-decoration:none; text-transform:uppercase; font-weight:700; margin:5px; display:inline-block; border-radius: 30px; box-sizing: border-box; } .pasek_stron {text-align: center;margin: 30px 0px;} .border-left {border-left: 4px solid var(--niebieski);} .border-right {border-right: 4px solid var(--niebieski);} .border-bottom {border-bottom: 1px solid var(--czarny);margin-bottom:40px;padding-bottom:40px;} a.news_maly {display: block; font-weight: 600;font-size:18px; color:var(--czarny);padding:10px 0px; padding-left:70px; padding-right:50px; background-image: url(/pliki/032021/mini/d16118-kom_n.svg), url(/pliki/052021/mini/7e2428-right.svg); background-position: left center, right 10px center; background-repeat: no-repeat, no-repeat; background-size: 50px, 25px;margin-bottom:20px;} a.news_maly>div { display: -webkit-box; max-height: 45px; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; text-align: left; } a.news_maly p {font-weight: 300;padding:0px;margin:0px;font-size:16px} .plik_karty {border-bottom: 1px solid var(--szary_sredni);margin: 5px 0px;} .plik_karty a.usluga_mala{margin: 20px 0px;margin-bottom: 0px;} .wyszukiwarka_mala {margin-bottom: 20px; display: block;text-align: center;background-color: var(--szary_jasny);padding: 20px 0px;border-radius: var(--rog);} .wyszukiwarka_mala2 {display: block;text-align: center;} .wyszukiwarka_mala form, .wyszukiwarka_mala2 form {border-bottom:2px solid var(--czarny);display: inline-block;width: 60%;text-align: left;} .wyszukiwarka_mala>div {display: inline-block;} .wyszukiwarka_mala .input_znajdz, .wyszukiwarka_mala2 .input_znajdz {width: 93%;font-size:20px;background: none;} .wydzial {font-size: 35px;font-weight: 700;margin:10px 0px;margin:40px 0px} .stanowisko {font-size: 20px;font-weight: 300;margin:0px;padding: 0px;} ul.osoby {list-style: none; margin:0px;padding: 0px;font-size: 15px;display: flex;flex-wrap: wrap;justify-content: space-between;flex-direction: row;} .osoby.dyrekcja {display: block;} li.osoba {display: flex;justify-content:space-between;align-items: center;margin:0px!important;padding:3px 0px!important;background: none!important;flex:45%;align-items: flex-start;margin-bottom: 30px!important;} li.osoba>div {flex: 1 100%;} .persona {background: url(/pliki/032021/mini/1990d4-id_c.svg) left center no-repeat;background-size: 58px;padding: 5px 0px; padding-left: 25px;min-height: 70px;box-sizing: border-box;} .persona h3 {font-weight: 400;color: var(--czarny);font-size: 25px;margin:0px!important;text-transform: uppercase; line-height: normal;font-family: 'Open Sans';} .dyrekcja .persona h3 {font-size: 30px;} .persona .opis p {display: inline;} .persona .opis {font-size: 14px;} .osoba img {/*border-radius: 100%;*/width: 160px;} .osoby.dyrekcja img {width: 220px;} a.telefon_osoba {background: url(/pliki/032021/big/032e9a-phone_c.svg) left center no-repeat;background-size: 58px;font-size: 30px;display: block;padding: 15px 0px;padding-left: 60px;display: inline-block;} a.faks_osoba {background: url(/pliki/062021/mini/41f83e-faks.svg) left 3px center no-repeat;background-size: 50px;font-size: 30px;display: block;padding: 15px 0px;padding-left: 60px;display: inline-block;} a.mail_osoba {background: url(/images/ikonki/mail.svg) left center no-repeat;background-size: 30px;font-size: 20px;display: block;padding: 15px 0px;padding-left: 40px;display: inline-block;} a.www_osoba {background: url(/pliki/062021/mini/29e81d-www.svg) left 8px center no-repeat;background-size: 40px;font-size: 30px;display: block;padding: 15px 0px;padding-left: 60px;display: inline-block;} li.osoba .pokoj {background: url(/pliki/052021/mini/915f9a-pokoj.svg) left center no-repeat;background-size: 60px;padding: 15px 0px;padding-left: 60px;flex: none;} .osoby2 .osoba img {border-radius: 100%;width: 60px;margin:0px 10px} ul.osoby2 {margin-bottom: 60px!important;font-size: 22px;} .osoby2 .persona { min-height: auto;padding-left: 0px;} .osoby2 p{margin: 0px;} .osoby2 a.mail_osoba {background: url(/images/ikonki/mail.svg) left center no-repeat;background-size: 20px;font-size: 16px;display: block;padding: 0px 0px;padding-left: 30px;display: inline-block;} .osoby2 li.osoba {display: flex;justify-content:space-between;flex:100%;align-items: center;} .karta2 { width: 100%; overflow: hidden; position: relative; margin: 10px 0px; padding-bottom: 10px; } .kolumny>div>.karta2:not(:first-child) {border-top: 1px solid var(--szary_sredni);} .karta-label2 { display: block; font-size:22px; color:var(--czarny); padding:20px 0px; padding-left:50px; background-image: url(/pliki/052021/mini/a389dc-usluga.svg); background-position: left center; background-repeat: no-repeat; background-size: 43px; font-weight: 700; box-sizing: border-box; } .karta-label2 strong {margin-right: 10px;} .karta-label2>a {color: var(--czarny);} .telefon_osoba2 {background: url(/pliki/032021/big/032e9a-phone_c.svg) left center no-repeat;background-size: 58px;font-size: 30px;display: block;padding: 10px 0px;padding-left: 60px;margin-left: 35px;display: block;font-size:18px} .telefon_osoba2 a {display: inline-block;font-size:30px} .usluga {float:right; margin-left:20px;margin-bottom: 20px;;} .karta3 {padding: 0px 20px;max-width: 300px;} .karta3 h3 {margin: 10px;} .karta3 h3 strong {font-size: 150%;line-height: 40px;} .karta3 .telefon_osoba2 {margin:0px} .karta3 .telefon_osoba2 a {display: block;} .usluga .przycisk { position: static; display: inline-block} .komisja_osoba{ font-weight: 400; color: var(--czarny); font-size: 22px; margin: 5px 0px; height: auto!important; } .komisja_nazwa{ color: var(--czarny); padding: 0px; margin: 0px; } .komisja_zdj{ display:block; margin:0px; border:none; border-bottom-right-radius: var(--rog); border-top-left-radius: var(--rog); overflow: hidden; } .komisja_zdj img { width:100%; height:auto; } .komisje .kolumny { border-bottom: 1px solid var(--szary_sredni); margin-bottom: 40px;padding-bottom: 40px; } .komisje .komisja_zdj img { width: 50%; } .wynik_szukaj a h4 {display: inline;font-size: 20px;color:var(--niebieski);} .wynik_szukaj a.link_pelny {color: var(--czarny);} .wynik_szukaj { border-bottom: 1px solid var(--szary_sredni); margin: 5px 0px; padding: 10px 0px;padding-bottom: 20px;} .tresc_szukaj { display: -webkit-box; max-height: 40px; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; box-sizing: border-box; text-overflow: ellipsis; text-align: left; padding: 0px; margin: 0px; } .szukane {max-width:100%; text-overflow: ellipsis;overflow:hidden;white-space: nowrap;margin-bottom:20px} .szukane a {margin:0px 5px;} .wydzialy_pliki {max-width:100%; text-overflow: ellipsis;overflow:hidden;margin-bottom:20px} .wydzialy_pliki a:not(.struktura_org) {margin:0px 5px;max-width: 250px;width:auto;min-height: 65px;vertical-align: top;} .wydzialy_pliki a {margin:0px 5px;} .zdj_doprawej {float:right; margin:10px auto;} .logo2,.logo3 {display: none;transition:all .8s ease-in-out; margin: 0 auto; animation-name: stretch; animation-duration: .5s; animation-timing-function: ease-out; animation-delay: 0; animation-direction: alternate; animation-iteration-count: 1; animation-fill-mode: none; animation-play-state: running;} @keyframes stretch { 0% { transform: scale(.3); /*background-color: red; border-radius: 100%;*/ } 50% { /*background-color: orange;*/ } 100% { transform: scale(1); /*background-color: yellow;*/ } } .cien_menu {box-shadow: 0px 12px 9px 0px rgb(29 29 26 / 9%);} .cien_menu .logo2 {display: block;position: absolute;left:20px;top:10px;transition:all .8s ease-in-out;} .cien_menu .logo3 {display: block;position: absolute;right:20px;top:25px;transition:all .8s ease-in-out;} .cien_menu .logo2 img {height: 60px;} .cien_menu .logo3 img {height: 40px;} .sticky_font a.przycisk_duzy {padding: 10px; min-width: 240px;transition:all .2s ease-in-out;} .sticky_font .center {margin: 5px auto;} .kategoria_dod a {font-size: 22px;white-space:nowrap;display: block;} .kategoria_dod a:hover, .kategoria_dod a:hover span {text-decoration: underline!important;} .kategoria_dod a img {width: 50px;margin-right:15px;display: inline;vertical-align: top;} .kategoria_dod a span {display: inline;white-space:normal;} .kategoria_dod a div {/*margin-left:65px;*/font-size: 16px;white-space:normal;color: var(--czarny);font-weight: 300;} .kategoria_dod a div p {margin:5px 0px} .kategorie_dod_nagl {background-color: var(--bialy);padding: 25px 0px;width: 100%!important;} /*.kategorie_dod_nagl .szer_strony {margin:8px auto}*/ .bold {font-weight:bold;} .odstep_prawy {margin-right:20px!important;} .odstep_lewy {margin-left:20px!important;} .odstep10 {margin-top:5px;} .odstep20 {margin-bottom:20px!important;} .odstep30 {margin-bottom:30px;} .odstep40 {margin-bottom:40px;} .odstep50 {margin-bottom:50px;} .odstepgd100 {margin:100px auto!important;} .odstepgd50 {margin:50px auto!important;} .odstepgd30 {margin:30px auto!important;} .odstep50 {margin-bottom:50px;} .odstep100 {margin-bottom:100px;} .odstepg20 {margin-top:20px;} .odstepg30 {margin-top:30px;} .odstepg40, .center.odstepg40 {margin-top:40px;} .odstepg50 {margin-top:50px;} .odstepg100 {margin-top:100px;} .odstepg150 {margin-top:150px;} .sticky_font { font-size:22px!important; margin-top: 10px!important; } .center {margin:0px auto;text-align: center;} .center a {margin-right:20px} .center a:last-child {margin-right:0px} .center img {margin:0px auto} .sticky { position: -webkit-sticky; position: sticky; top: 0; z-index: 1020; } /*mobile-menu *********************************************/ .nav-wrapper { position: fixed; top:0; right:0; width: 300px; height: 100vh; transition: transform 0.3s; transform: translateX(100%); display: none; z-index: 10000; } .nav-wrapper.show-menu { transform: none; } .js-nav-toggle { position: absolute; top: 10px; right: 2.5%; width: 28px; height: 25px; margin: 15px 0 0 15px; padding: 0; color: var(--bialy); z-index: 30000; display: none; } .js-nav-toggle span { position: relative; background-color: var(--bialy); height: 2px; display: block; width: 30px; margin: 17px auto 0; transition: all 0.4s; transition-delay: 0.3s; } .js-nav-toggle span:before, .js-nav-toggle span:after { content: ""; position: absolute; display: block; width: 20px; height: 0; right: 1px; top: 50%; margin-top: -9px; transition: all 0.3s 0.3s; } .show-menu.js-nav-toggle {top: -5px;right:20px;/*left: 80%;top:5px; z-index:200; margin: 4px 0 0 15px;*/} .js-nav-toggle span:before { box-shadow: 0 17px 0 1px var(--bialy); } .js-nav-toggle span:after { box-shadow: 0 0 0 1px var(--bialy); } .show-menu.js-nav-toggle span { background-color: transparent; } .show-menu.js-nav-toggle span:before { transform: rotate(-45deg); } .show-menu.js-nav-toggle span:after { transform: rotate(45deg); } .show-menu.js-nav-toggle span:before, .show-menu.js-nav-toggle span:after { margin-top: 0; box-shadow: 0 0 0 1px var(--bialy); } nav.menu_mobilne { position: absolute; z-index: 100; right: 0; top: 0; height: 100%; width: 100%; overflow-x: hidden; overflow-y: auto; background-color: var(--bialy); -ms-overflow-style: none; /* for Internet Explorer, Edge */ scrollbar-width: none; /* for Firefox */ overflow-y: scroll; } nav.menu_mobilne::-webkit-scrollbar { display: none; /* for Chrome, Safari, and Opera */ } .show-menu nav.menu_mobilne {box-shadow: 0px 0px 9px 10px rgb(29 29 26 / 10%);} nav.menu_mobilne * {box-sizing: border-box;margin: 0;} nav.menu_mobilne .nav-toggle { position: absolute; top: 0; left: 0; width: 100%; padding: 0.8em 0.6em; background-color: var(--niebieski); color: var(--bialy); z-index: 100000; cursor: pointer; transition: background-color 0.2s; } nav.menu_mobilne .nav-toggle:hover { background-color: var(--niebieski); } nav.menu_mobilne .nav-toggle.back-visible .nav-back { opacity: 1; } nav.menu_mobilne .nav-toggle.back-visible .nav-title { transform: translateX(40px); } nav.menu_mobilne .nav-title { position: absolute; left: 0; top: 1em; font-size: 16px; font-weight: 600; padding-left: 0.7em; transition: transform 0.3s; } nav.menu_mobilne .back-visible .nav-title {padding-left: 0.3em;} nav.menu_mobilne .nav-back { display: inline-block; position: relative; width: 30px; height: 30px; vertical-align: middle; z-index: 1; opacity: 0; transition: opacity 0.2s; } nav.menu_mobilne .nav-back:before, nav.menu_mobilne .nav-back:after { content: ""; position: absolute; top: 50%; } nav.menu_mobilne .nav-back:before { left: 50%; width: 9px; height: 9px; border: 2px solid currentcolor; border-right-color: transparent; border-bottom-color: transparent; transform: translate(-50%, -50%) rotateZ(-45deg); } nav.menu_mobilne .nav-back:after { left: 28%; width: 15px; height: 2px; background-color: currentcolor; margin-top: -1px; } nav.menu_mobilne a { display: block; font-weight: 500; position: relative; padding: 20px 10px; border-bottom: 1px solid var(--szary_sredni); color: var(--czarny); text-decoration: none; transition: color 0.15s, background-color 0.15s; } nav.menu_mobilne a:hover { color: var(--niebieski); background-color: var(--szary_jasny); } nav.menu_mobilne ul { list-style: none; padding: 52px 0 0!important; margin: 0px!important; transition: transform 0.3s; background-color: var(--bialy); position: absolute; left: 0; top: 0px; height: 100%; width: 100%; overflow: visible!important; font-size: 15px; } nav.menu_mobilne li{ list-style-type: none; background: none!important; padding: 0px!important; margin: 0px!important; } nav.menu_mobilne ul ul { display: none; left: 100%; } nav.menu_mobilne li.has-dropdown > a { padding-right: 2.5em; /*white-space: nowrap; text-overflow: ellipsis; overflow: hidden;*/ } nav.menu_mobilne li.has-dropdown > a br {display: none;} nav.menu_mobilne li.has-dropdown > a:after { content: ""; position: absolute; top: 50%; right: 1em; width: 9px; height: 9px; border: 1px solid currentcolor; border-left-color: transparent; border-top-color: transparent; transform: translateY(-90%) rotateZ(-45deg); transition: transform 0.3s; transform-origin: 100%; } nav.menu_mobilne li.nav-dropdown-open>ul { display: block; } .fixed {position:relative;} /*mobile-menu *********************************************/ /*Notebook*/ @media (max-width: 1500px) { html,body{ min-width:992px; font-size: 14px; } .brama_parent { bottom: calc(41px + 20px); right: 211px;} .czlowiek { bottom: 4px; right: 131px;} body.font-normal { font-size: 14px;} .tytul h1, .tytul h1 a{font-size: 30px;} .przydatne_informacje>div {padding-top:30px;padding-bottom:30px} .przydatne_informacje .flex {display: flex;flex-direction: row;width: 75%;font-size: 14px;} .przydatne_informacje .flex>div {width: 48.5%;margin-top: 3%;} .przydatne_informacje .flex>div>a>div strong {font-size: 18px;} .przydatne_informacje .flex>div>a>div>div:first-child {width: 30%;} .przydatne_informacje .flex>div>a>div>div:last-child {width: 70%;padding: 0px 10px;} .pasek_social {padding-top: 10px;} .wydzial {font-size: 25px; margin: 30px 0px;} .stanowisko { font-size: 18px;} .dyrekcja .persona h3 { font-size: 25px;} .persona h3 { font-size: 20px;} a.mail_osoba { background-size: 20px; font-size: 16px; padding: 15px 0px 15px 30px;} .persona .opis { font-size: 14px;} .osoby.dyrekcja img { width: 140px;} .osoby img { width: 100px;} ul.osoby {flex-direction:row} body.contrast .p_accessible {background-image: url(/images/ikonki/accessibility-b.svg); background-position: center;background-repeat: no-repeat;background-size: 35px;width: 40px;height: 40px;} .flex5 {width: 100%!important;} .flex5 {flex-wrap:wrap;justify-content: center;} .flex5>div {flex: 0 0 20%;} .flex5 a .flex_szary {font-size: 14px;} .menu_boczne {width: 220px;} a.p_drukuj {margin-left: 0px;} .video-background .h3 {font-size: 25px;line-height: 30px; margin: 60px 0px;} .video-background {font-size: 20px;} .pasek_kontakt { font-size: 15px;} .szer_strony {/*width: 1000px;*/margin-left: auto;margin-right: auto;} .tresc, .glowna { padding: 0px 0px;} .kategoria_dod a {font-size:20px;} .wyszukiwarka_mala .input_znajdz, .wyszukiwarka_mala2 .input_znajdz { width: 88%;} .przydatne h4 { width: 85%;} .h2,h2, .h2 strong {font-size: 24px;} .niebieski { padding: 20px 5%; font-size: 16px;} .map2 .kolumny div.przycisk_mapa .parking {font-size:14px;} ul.skontaktuj2 li { background-position: left 10px top 2px; font-size: 15px; margin: 8px 0px; padding: 4px 0px; padding-left: 40px;} .map2 .kolumny div a.przycisk { background-size: 45px; padding-left: 70px; font-size: 20px;} .puremasonry5>div { width: 23%; margin-right: 2.6%;he} .puremasonry5>div:nth-of-type(4n) {margin-right: 0px;} .puremasonry5>div:nth-of-type(5n) {margin-right: 2.6%;} .puremasonry5>div>div:nth-child(1) img {height: 180px;} .puremasonry3 .flex_szary a, .puremasonry3 .flex_szary {font-size: 16px;} .puremasonry3 .flex_szary h4 { font-size: 100%;} .niebieski_item br { display: none;} .flex_center {font-size: 14px;} .flex_center div p {font-size: 20px;} .flex_center div img {max-width: 90%;} .h1, h1 {font-size: 30px;} .ikony_social a {font-size:13px;} .ikony_social a img {height: 30px;max-width: 60px;} .ikony_wcag a {margin:0px 3px;} .ikony_wcag a img {width: 30px; height: 30px;} a.p_transport {background-size: 30px;padding:0px 0px 0px 30px;font-size: 0px;} .tytul2 .h1,.tytul2 .h1 strong {font-size: 30px;} .sciezka {font-size: 15px;} .pasek_szary.sticky:not(.przewodniczek.pasek_szary.sticky) {position: relative!important;z-index: 1;} .sticky a.przycisk_duzy {font-size:22px!important;margin: 5px!important;padding: 10px; min-width: 200px;} .tresc_news { font-size: 15px;} .puretabs label.tabs_label { top: 15px;} .tytul2 .width80 {width: 100%!important;} .wydzial_dane .wydzial_lokalizacja, .wydzial_dane2 .wydzial_lokalizacja {background-position: left 5px center;} .naglowek_news { min-height: 350px;} .zdj_news { max-height: 350px;} .informacje span {font-size: 16px;} .main_menu ul li a,.main_menu ul li a:hover { padding: 0px;} .wyroznione {height: 300px;} .wyroznione a {font-size: 90%;} .wyroznione h4 { font-size: 160%;} .wyroznione div:nth-child(1) {padding: 30px;} } /*Netbook*********************************************/ @media (max-width: 1199px) { html,body{min-width:991px; font-size:13px; } .czlowiek { bottom: 5px;right: 119px;} .brama_parent {bottom: calc(41px + 20px); right: 202px;} .js-nav-toggle {display: block;} .nad .main_menu {display: none;} .galeria .flex {height:200px;} .podstrona {padding-bottom: 0px;} .podstrona>div:nth-child(2) {display: none;} .podstrona.panel_klienta>div:nth-child(2) {display: flex;} a.p_wideo::before, a.p_wideo:hover::before {background-size: 30px;} .wyroznione p {font-size: 90%;} .naglowek_menu {display: none;} .video-background>div {bottom: 40px} .video-background .h3 { font-size: 20px; line-height: 25px; margin: 40px 0px;} .pasek_mapa {flex-wrap: wrap;} a.p_wideo { padding: 20px 12px 4px 40px;min-width: auto; width: 40px; height: 40px;font-size: 0px} a.p_wideo:hover { padding: 20px 12px 4px 40px;} /*.szer_strony {width: 890px;}*/ .puremasonry5>div {width:31%;margin-right: 3.5%;} .puremasonry5>div:nth-of-type(3n) {margin-right: 0px;} .puremasonry5>div:nth-of-type(4n) {margin-right: 3.5%;} .puremasonry3, .puremasonry4, .puremasonry5, .puremasonry8 {font-size: 16px;} .puremasonry8>div>div:nth-child(1) img, .puremasonry5>div>div:nth-child(1) img, .puremasonry4>div>div:nth-child(1) img { height: 180px;} .flex5 {flex-wrap: wrap;} .flex5>div {flex: 0 0 33%;} .flex_szary {padding: 15px;} .flex_szary>div:nth-child(1) img { height: 80px;width: 80px;} .kategoria_dod a {font-size: 15px;} .kategoria_dod div {font-size: 14px;} .ogloszenia3>div {width: 100%;margin-right: 0px;margin-top: 50px;/*display: flex; flex-wrap: nowrap;overflow-x:scroll;*/} .ogloszenia3>div a.szer_strony100 {width: 50%;margin:0 auto!important;display: block;} .ogloszenia3>div .odstep20 { margin-bottom: 0px!important;} .flex_szary .kategoria {vertical-align: middle;} .flex_szary .text_szary {display: inline-block;padding-left: 20px;margin-right: 0px;vertical-align: middle;} .ogloszenia3 .flex_szary {margin-bottom: 10px; height: 120px; padding: 15px 0px;} .ogloszenia3 .flex_szary>div:nth-child(1) img { height: inherit;} .kolumny.szukajka2>div {width: 100%;} a.przycisk_menu {display: block;} .prawa {width: 40%;} .lewa {width: 60%;} .karta .plik {padding-left: 40px;} a.usluga_mala {background-size: 39px, 25px;} .plik, a.usluga_mala, a.news_maly { font-size: 16px;} a.przycisk_duzy[href^="http"]:after {width: 35px; height: 35px; background-size: 35px;} .agenda__item button { font-size: 16px;} .osoby {display: flex;flex-direction: row;flex-wrap: wrap;align-content: space-between;} .osoby>li {flex: 1 0 50%;} .karta-label2 {font-size: 15px;} .telefon_osoba2 {font-size: 16px;} .flex_auto { flex-wrap: wrap;} .flex_auto>div {margin: 0px;} .flex_auto>div {flex: 1 50%} .flex_auto>div:first-child {margin-bottom: 50px;flex:1 100%;} .flex_auto>div:first-child img {margin: 0 auto!important;} .naglowek_news .tytul h1 { font-size: 35px;} .naglowek_news { min-height: auto;} .newsy_przyciski { position: relative; margin:10px 0px} .naglowek_news.width80 {width: 100%!important;padding:0 20px;box-sizing: border-box;} .tresc_news { padding: 10px 0px;} .naglowek_news .lewa {padding-bottom: 0px;} /*h4.tytul_news_aktu { height: 60px;}*/ .nav-wrapper {display: block; } .fixed {/*position: fixed;*/overflow: hidden;width: 100vw;height: 100vh;} } /*Mniejszy Netbook*********************************************/ @media (max-width: 991px) { html,body{ min-width:700px; font-size:14px; } .ikony_social a {margin: 0px 8px;} a.p_transport {background-size: 30px;} .puremasonry4>div { width: 31%; margin-right: 3.5%;} .puremasonry4>div:nth-of-type(3n) {margin-right: 0px;} .puremasonry4>div:nth-of-type(4n) {margin-right: 3.5%;} .przydatne_informacje .flex>div>a>div>div:last-child span {display: none;} .h1, h1 {font-size: 25px;} .wyroznione h4 {font-size: 120%;} .pasek_kontakt h4, .pasek_kontakt a, .pasek_kontakt a strong { font-size: 16px;} .ogloszenia3>div a.szer_strony100 {width: 100%;} .center .h3 a {font-size: 30px;} .center a {margin:5px 10px!important;display: inline-block;} .video-background {font-size: 15px;} .video-background .h3 { font-size: 15px;} .puremasonry8>div>div:nth-child(1) img, .puremasonry5>div>div:nth-child(1) img, .puremasonry4>div>div:nth-child(1) img, .galerie a.item > div, .galerie a.item { height: 140px;} .panel_log>div:first-child { flex: 0 1 40%;} .panel_log>div {flex: 1 1 60%;} .flex_tytul {flex-wrap: wrap;} .tytul_glowna {margin-bottom: 20px;} .flex_tytul>div:nth-child(2) {margin-bottom: 20px;text-align: right;} .wyszukiwarka_mala form, .wyszukiwarka_mala2 form { width: 75%;} .wyszukiwarka_mala {padding: 10px 0px;} .flex_center { flex-wrap: wrap;} .flex_center div { margin: 10px 0px;} .flex_center div img { max-width: 70%;} .pasek_wazne {padding: 10px 0px;font-size: 16px;} .pasek_wazne a {font-size: 16px;} .flex_wazne {flex-wrap: wrap;} .flex_wazne>div:nth-child(3) {order:2;width: 50%;text-align: right;} .flex_wazne>div:nth-child(3) img {height: 15px;} .flex_wazne>div:nth-child(1) {width: 50%;;} .flex_wazne>div:nth-child(2) {order:3;width: 100%;margin-top: 10px} .przewodnik_wstep {min-height: 400px;} .przewodnik_wstep>div {padding: 2px 50px; padding-right: 120px; font-size: 16px;} .przewodnik_wstep h2 {font-size: 20px;} /*.szer_strony { width: 720px;}*/ .szer_strony {padding-left: 30px;padding-right: 30px;} .wydzial_dane .wydzial_godziny, .wydzial_dane .wydzial_telefon, .wydzial_dane .wydzial_persona, .wydzial_dane .wydzial_lokalizacja, .wydzial_dane .wydzial_adres {padding-left: 50px; background-size: 40px;margin-bottom: 30px;} .wydzial_dane .wydzial_email {padding-left: 50px;background-size: 35px;margin-bottom: 30px;} .wydzial_dane2 .wydzial_lokalizacja {padding:5px 0px;padding-left: 60px;} .wydzial_dane div>div {font-size:18px;} .wydzial_dane p {font-size:20px;} .wydzial_dane span {font-size:15px;} .wydzial_dane2 p {padding: 5px 0px;margin:5px 0px} .wydzial_dane2 a.telefon_osoba, .wydzial_dane2 a.faks_osoba, .wydzial_dane2 a.mail_osoba, .wydzial_dane2 a.www_osoba, .wydzial_dane2 a.www_osoba, .wydzial_osoba a.telefon_osoba, .wydzial_osoba a.faks_osoba, .wydzial_osoba a.mail_osoba, .wydzial_osoba a.www_osoba, .wydzial_osoba a.www_osoba { padding-left: 60px;} .wydzial_osoba {padding-bottom: 50px;} .podstrona .prawa .odstep_prawy {margin-right: 0px!important;margin-bottom: 10px} .sciezka {white-space: normal;} .wyszukiwarka_mala { padding-top: 15px;} .plik {width: 100%;} .plik .przycisk {position: relative;top:5px;left:0px;} .karta .przycisk {position: relative;top:5px;left:0px;} .podstrona {/*display: flex;*/} #pliki-do-pobrania { padding-top: 0px;} .tresc_news { font-size: 16px;width: 100%!important;} .karta-label>div strong, .karta-label strong {margin-right: 10px;} .wyszukiwarka_mala>div ,.wyszukiwarka_mala form {display: block;width: 95%;margin: 0 auto;} .wyszukiwarka_mala form {margin-bottom: 10px;} .wydz_kolumna a { padding: 10px;padding-left: 46px;} .wydz_kolumna ul li a span {width: 36px;} .odstepg100 {margin-top: 50px;} .persona h3 {font-size: 20px;} .flex_auto>div {flex: 1 100%} .radni>div {width: 31%;} .informacje span { font-size: 14px; background-size: 27px;} .sciezka { font-size: 16px;} .zainteresuje2 .puremasonry4>div {width: 24%;margin-right: 1%;padding:5px;} .logo_srodek {height: 46px;width:100%;} .hero-logo-container {width: 130.5px!important;} .hero-logo-ani.animating { background-size: 100% auto;} .hero-logo-ani.animating.stoppedAnimation{background-position:0 -1196.5px;} @-webkit-keyframes play{to{background-position:0 -2393px}} @keyframes play{to{background-position:0 -1196.5px}} @-webkit-keyframes hoverPlay{to{background-position:0 -1196.5px}} @keyframes hoverPlay{to{background-position:0 -1196.5px}} #rejestracja .rejestracja_zamknij {display: inline-block;opacity: 1;margin-top:20px;} .kolumny {flex-wrap: wrap;} .kolumny.lista_news {flex-wrap: nowrap;} #do_gory { right: 0px;} .item { width: 47%;} .gutter-sizer { width: 13%; } } /*Tablet*************************************************/ @media (max-width: 767px) { html,body{ width:100%; min-width:555px; font-size:14px; } .pasek_kontakt .flex {flex-direction: column;align-items: flex-start;} .pasek_stron {margin: 0px;} .flex5 > div {flex:0 0 50%;} .puremasonry5>div { width: 48%; margin-right: 4%!important;} .puremasonry5>div:nth-of-type(2n) {margin-right: 0px!important;} .puremasonry5>div>div:nth-child(1) img {height: 140px;} .puremasonry5 > div > div h4, .puremasonry4 > div > div h4, .puremasonry3 > div > div h4 {font-size: 80%;} .puremasonry8>div>div:nth-child(1) img, .puremasonry4>div>div:nth-child(1) img, .galerie a.item > div, .galerie a.item { height: 180px;} .odstepgd30{margin-top:20px; margin-bottom: 20px;} .naglowek_news {flex-direction: column;} .naglowek_news>div{flex:100%; max-width: 100%!important;} .naglowek_news .prawa2 { margin: 0px 2%;min-height: auto;} .naglowek_news .informacje {position: relative;} a.logo {min-width: auto;} .pasek_social>.flex {justify-content: center;} .video-background .flex>div:nth-child(1) {display: none;} .video-background .flex {justify-content: flex-end;} a.p_wideo, a.p_wideo:hover { padding: 20px 12px 4px 40px;min-width: auto; width: 40px; height: 40px;} .video-background .flex {width: 90%;} .puremasonry4>div {width: 47.5%;margin-right: 5%;} .puremasonry4>div:nth-of-type(3n) {margin-right: 5%;} .puremasonry4>div:nth-of-type(2n) {margin-right: 0;} .panel_log>div:first-child { flex: 0 1 30%;} .panel_log>div {flex: 1 1 70%;} .pasek_social .flex>div:nth-child(1) {display: none;} .pasek_social {padding: 0px;} a.wyszukiwarka {display: block;} .ikony_wcag2.wyswietl2 {padding-bottom: 10px;margin-top: 0px;} .wydzial {font-size: 25px; margin: 30px 0px;} .stanowisko { font-size: 15px;} .dyrekcja .persona h3 { font-size: 20px;} .persona h3 { font-size: 18px;} a.mail_osoba { background-size: 20px; font-size: 14px; padding: 15px 0px 15px 30px;} .persona .opis { font-size: 12px;} .osoby.dyrekcja img { width: 130px;} .osoby img { width: 100px;} ul.osoby {flex-direction:column} .puremasonry3>div { width: 48%; margin-right: 4%;} .puremasonry3>div:nth-of-type(3n) {margin-right: 4%;} .puremasonry3>div:nth-of-type(2n) {margin-right: 0px;} .sciezka a { word-break: normal;} a.p_poprzedni2, button.p_poprzedni2 { width: 35px;padding: 20px 15px;font-size: 0px;} a.p_nastepny2, button.p_nastepny2 {width: 35px;padding: 20px 15px;font-size: 0px;} a.p_poprzedni2:hover, button.p_poprzedni2:hover, a.p_poprzedni2:focus, button.p_poprzedni2:focus {width: 35px;padding: 20px 15px;font-size: 0px;} a.p_nastepny2:hover, button.p_nastepny2:hover,a.p_nastepny2:focus, button.p_nastepny2:focus {width: 35px;padding: 20px 15px;font-size: 0px;} a.cyfra { margin: 5px 2px;} .video-background {font-size: 14px;} .video-background .center {width: 95%;} .video-background .h3 { font-size: 15px;line-height: normal;margin: 18px 0px;} .kolumny {flex-wrap: wrap;flex-direction: column;} .kolumny>div {padding: 0px!important;align-self: center;width: 100%;margin-bottom: 20px;} .prawa {margin-top: 30px;} .kolumny img {margin: 0 auto;display: block;} .podstrona {flex-direction: column;} .podstrona .prawa .odstep_prawy {margin-right: 20px!important;margin-bottom: 0px} .sciezka {font-size: 16px;} .flex:not(.przydatne) {flex-wrap: wrap;} .wynik_szukaj a h4 {font-size: 15px;} /*a[href^="mailto:"] { word-break: break-all;}*/ .lewa, .prawa {width: 100%;margin: 0px;} p.text_szary a {font-size: 95%!important;} .pozostale>div:first-child {flex:100%;} .pozostale>div:first-child .h2 {text-align: left!important;} .pozostale>div:first-child .h2 br {display: none;} .szer_strony100 .flex {flex-wrap:wrap;width: 90%;margin: 0 auto;} .prawa, .lewa {width: 100%!important;padding: 0px!important;border:none!important;} .glowna { padding: 0px;} .tresc { padding: 0px;} table { display: block;overflow-x: scroll;} } /*SMARTFON**********************************************/ @media (max-width: 575px) { html,body{ width:100%; min-width:280px; max-width:100%; } .video-background .flex {width: 88%;} a.logo img { height: 44px;} .js-nav-toggle { top: 3px;right:3.5%} .sterowanie_slider {width: 100%!important;padding: 0px!important;} a.logo span {font-size: 10px;} a.logo span strong {font-size: 15px;} .szer_strony {padding-left: 15px; padding-right: 15px;} .ikony_social a { margin: 0px 6px;} .ikony_wcag span {display: none;} .naglowek_news .tytul h1 { font-size: 25px;} .zdj_news a img { max-height: 200px;} .wyroznione {flex-flow:column wrap;height: auto;} .wyroznione > div {flex: auto;height: auto;} .wyroznione > div:nth-child(2) {height: 250px;} .wyroznione p {display: none;} .galeria {justify-content: center;} .galeria>div {flex:0 80%;margin:2% 0%;width: 100%;} .galerie a.item > div, .galerie a.item {height: 120px;} .przydatne_informacje {background-image: url();} .przydatne_informacje .flex {width: 100%;} .przydatne_informacje .flex > div > a > div strong {font-size: 14px;font-weight: 600;} .przydatne_informacje .flex>div>a>div>div:first-child {width: 45%;} .przydatne_informacje .flex>div>a>div>div:last-child {width: 55%;padding: 10px 10px;} .przycisk, a.przycisk, button.przycisk, input.przycisk, span.przycisk, label.przycisk {font-size: 13px;} a.przycisk, button.przycisk { background-size: 20px!important;padding-left: 35px;} a.p_nastepny2, button.p_nastepny2, a.p_poprzedni2, button.p_poprzedni2 {font-size: 0px;} a.p_nastepny, button.p_nastepny { padding-right: 35px;padding-left: 10px;} a.p_poprzedni, button.p_poprzedni {padding-right: 10px;} a.p_pauza, button.p_pauza {background-size: 10px !important;} .panel_log>div:first-child { flex: 0 1 0%;} .panel_log>div {flex: 1 1 100%;} .cookie-container { left:0px; width: 95%; min-width: auto; margin: 0px 2.5%; padding: 10px; padding-left:10px; padding-top: 35%; font-size: 14px; background: #fbca88 url(/pliki/072021/mini/d0c392-ciasteczka.jpg) top -30% center no-repeat; background-size: 45%; } .tytul_glowna {margin-bottom: 0px;} h4 {font-size: 15px;} .wydzial {font-size: 25px; margin: 30px 0px;} .stanowisko { font-size: 15px;} .dyrekcja .persona h3 { font-size: 20px;} .persona h3 { font-size: 18px;} a.mail_osoba { background-size: 20px; font-size: 14px; padding: 15px 0px 15px 30px;} .persona .opis { font-size: 12px;} .osoby.dyrekcja img { width: 130px;} .osoby img { width: 100px;} ul.osoby2 {margin-bottom: 40px!important;font-size: 16px;} ul.osoby2 li.osoba { margin: 0px 0px 20px !important;} .osoby2 a.mail_osoba {font-size: 14px;} .wybierz_kategorie {flex-wrap: wrap;} .wybierz_kategorie>div {flex: 1 1 50%;text-align: center;} .wybierz_kategorie>div:nth-child(1) {flex: 1 1 100%;padding-bottom: 10px;text-align: center;} a.cyfra {font-size:20px;width:45px; height: 45px;padding: 6px;} span.cyfra {font-size:28px; width:50px;height: 50px;padding: 1px;} .kategoria_dod a img {width: 30px;margin-right: 10px;} .kategoria_dod a { white-space: normal;} .kategoria_dod a div {font-size: 15px;} .kategoria_dod a div p {font-size: 13px;} .flex_wazne>div:first-child, .flex_wazne>div:last-child {display: none;} .flex_wazne>div:nth-child(2) { margin-top: 0px;} .h1, h1 { font-size: 25px;} .tytul_glowna .podtytul { font-size: 12px;} .pasek_mapa>div:nth-child(2) { padding: 10px 10px;} .wydzial_skrot a.wydzial_link { padding: 2px 5px; font-size: 12px;} .wydzial_skrot a.wydzial_link+div {padding: 5px 10px; font-size: 14px;} .wydzial_skrot p, .wydzial_skrot span, .wydzial_skrot div>div a {font-size: 14px; } .wydzial_skrot .wydzial_nazwa {font-size: 15px;} .wydzial_skrot p a[href^="tel:"] {font-size: 26px;} .niebieski_item {width: 100%;} .przydatne {width: 90%!important; margin: 5%!important;} .wyszukiwarka_mala2 form { width: 68%;} .wyszukiwarka_mala .input_znajdz, .wyszukiwarka_mala2 .input_znajdz { width: 80%;font-size: 16px;} /*.puremasonry5>div { width: 100%;margin: 0%!important;margin-bottom: 15px!important;padding: 15px 0px;}*/ .map2 .chmura_parent {width: 100%;} .map2 .chmura_parent>div {width: 80%;} .map2 .kolumny div { align-self: center!important;} .map2 .kolumny {flex-direction: column;} .map2 .kolumny { justify-items: center;} .flex5 .flex_szary > div:nth-child(1) img { height: 50px; width: 50px;} .flex5 .flex_szary h4 {font-size: 12px;} .flex5 .flex_szary > div:nth-child(2), .flex5 .flex_szary { padding: 0px;padding-left: 0px;} .flex5 .flex_szary { height: auto;margin: 10px 0px;} /*.flex5 { flex-wrap: wrap;flex-direction: column;width: 100%;} .flex5 .flex_szary {padding: 0px;padding-bottom: 10px;}*/ .telefon_glowny a { font-size: 40px;font-weight: 600;} .godziny_pracy div:nth-child(3) { line-height: normal;} .godziny_pracy span, .godziny_pracy span a { font-size: 14px;} .flex_center {font-size: 12px;} .flex_center div p {font-size: 16px;} .flex_center div { margin: 10px 0px;width: 30%;} .flex_center div img { max-width: 60%;margin-bottom: 5px;} footer { font-size: 14px;} .flex .ikony_social>.element_menu:last-child {margin-right: 0px;} a.p_transport span, a.p_projekty span, a.p_transport, a.p_projekty { font-size: 0; min-height: 20px;min-width: 35px;padding-left: 0px;} .ikony_wcag, .szukajka {display: none;} a.p_accessible, a.p_szukajka {display: inline-block;} a.p_transport {display: inline-block;} a.p_przewodnik {text-align: center;} a.p_przewodnik strong { font-size: 15px;} a.p_przewodnik img {margin: 0px auto; display: block;} .pasek_szary {padding: 15px;padding-bottom: 30px;} .przydatne {position: relative;} .przydatne a.przycisk {position: absolute;bottom: 5px;right: 5px;} .sticky a.przycisk_duzy{font-size:18px!important;margin: 5px!important;padding: 8px; min-width: 150px;} .tytul h1 { font-size: 25px;} .tytul2 .h1 { font-size: 25px;} .tytul2 .h1 strong { font-size: 25px;} .h2, h2, .h2 strong, .tresc_news h2 { font-size: 20px;} .h3, h3 { font-size: 15px;} .plik { padding: 10px 0px; font-size: 14px;} .odstepgd50 { margin: 40px auto!important;} .odstepgd100 { margin: 80px auto!important;} /*.wydzial_email a {word-break: break-all;}*/ .flex_center2 { flex-wrap: wrap;} .flex_center2>div {flex: 0 1 50%;margin-bottom: 25px;} .word-rotate-wrapper a span { margin-right: 5px;} .plik .przycisk {margin-bottom:5px} .osoby li {flex: 1 0 100%;} .tytul .h2 {margin-bottom: 10px;} .tresc_news {font-size: 14px;} .odstepg50 { margin-top: 30px;} .puremasonry3 .flex_szary>div:nth-child(1), .puremasonry3 .flex_szary>div:nth-child(1) a { max-width: 80px; flex: 1 0 auto;} .puremasonry3 .flex_szary h4 { font-size: 85%;} .flex_szary>div:nth-child(2) { padding-left: 15px;padding-right: 0px;} .tytul_news_glowna { height: 50px;} .flex_szary .text_szary { padding-left: 0px;} p.text_szary { margin: 0px;display: block!important;} p.text_szary a {font-size: 90%!important;} .puremasonry4>div>div:nth-child(1) img { height: 120px;} .puremasonry4>div>div h4 { font-size: 90%;} /*.puremasonry4>div>div h4.tytul_news_aktu { height: 53px;}*/ .odstepg40.ogloszenia3 {margin-top: 0px;} .naglowek_news.width80 { padding: 0 10px;} .odstepg40 {margin-top: 20px;} .szer_strony50 {width: 90%;} .nav-wrapper {width: 100vw; } .chmura, .chmura a {line-height: 130%;} .tresc_text {padding: 0px 15px 15px 15px;} .na_mapie {bottom: -260px;} .item { width: 47%;} .tr, .td {display:block;width:100%;margin:5px auto;box-sizing: border-box;} .table {width:100%;} } @media print { * {box-shadow:none; -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ color-adjust: exact !important; /*Firefox*/ } html, body{ width: 100%; max-width: 100%; min-width: 100%; } /*wyczyszczenie wyswietlania*/ .noprint, .naglowek_menu, a.przycisk_menu, .footer_new, #do_gory, .wyswietl, .znajdz, a.b_powrot, .pasek_sciezka,.navcontainer, .menu_pionowe, .menu, .partnerzy, .footer, .cookie-container, a.przycisk, .sl-slider-wrapper, .pasek_tel, #map, .naglowek3, ul.skip_nav, .nagl_srodek_fixed, .ikony_menu, .rejestracja, .kontakt_mapa2, #skontaktuj, #wybierz112, #wspolpraca, #jak_dojechac, #menu_lewe, #formularz_email, .linki_kontakty, .zdjecie_glowne, .przydatne_informacje, .pasek_szary, .menu_boczne, .pasek_social, .image-background , .video-background, #kontakt, .image-background, .przycisk, .szukajka2, .tytul, .main_menu, .menu_panel, .pasek_szary, #stopka, .pasek_kontakt, .data_realizacji, .js-nav-toggle, .nie_drukuj, .komunikat, .nad.sticky .logo { display:none!important; } .logo_klient {position: absolute;z-index:1021; top:0px;left:0px;background-color: var(--bialy);display: inline-block;overflow: hidden;} .logo_klient img {max-width: 200px; max-height: 120px;object-fit: contain;} .szczegoly_zam {display: flex;justify-content: space-between;} .pasek_kontakt2 {display:block!important;} .sticky .flex {display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: center;} .dane_adresowe {display: block;text-align: right;} h3 {margin: 0px;padding: 0px;} .prod_szczegoly_parent_glowna {display: flex;gap:0%;flex-direction: column;} .prod_szczegoly_parent_glowna>div:first-child {flex: 0 1 100%} .szer_strony {padding: 0px;} .flex_wiersz {display: flex; justify-content:flex-start; flex-wrap: nowrap;flex-direction: column;} .flex_wiersz>div {display: block;text-wrap: nowrap!important;white-space: nowrap;flex-direction: row;} .dom {background-position: left;} /*.prod_szczegoly span {display: block;}*/ .brama_parent {right:216px} .czlowiek {right:136px} .zapisane_zamowienie:not(:first-of-type) { page-break-before:always;} .justified-gallery {width:100%!important;height:auto!important} .justified-gallery a {height: 150px!important;width:auto!important; margin:10px!important; position: static;display:inline-block;} .justified-gallery a img {height: 150px!important;width:auto!important;margin:0px!important;position: static;display:block; box-sizing: border-box;} .container, .tresc {margin:0px;width:100%;min-width:100%; max-width:100%; padding:0px; border:none} .do_pobrania {margin:10px auto; margin-top:30px;padding-left:0px;} .litera {border:1px solid #d1d1d1;} input.toggle[type = checkbox]:not(:checked)+label.toggle+div { display:block;} .typy {padding-left: 0;background: none;} .border {margin-left: 0px;} ul {list-style-type: disc!important;list-style: disc inside none;color:var(--czarny);overflow:auto!important;} ul li {background: none!important;padding-left: 10px!important;} .kontakt {padding: 0px;margin: 0px;background: none;} .lokalizacja, .telefony {padding-left: 0px;background: none;} .element_kontakt {padding-top: 10px;} .tresc_chmura {box-shadow: none;width: 100%;top:0px} /*typografia*/ h1, h2, h3, h4, h5, h6, p, p * { /*font-family: 'Muli', sans-serif;*/ color:black; /*background:none;*/ text-shadow:none; } h1, h2, h3 { page-break-after: avoid; } p, h1, h2 { orphans: 3; widows: 3; } /*linki*/ /*a[href]:after { content: " (" attr(href) ")";}*/ /*js linki*/ a[href^="tel:"]:after, a[class^="gallery"]:after, a[class^="litera"]:after, .sciezka a[href] :after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /*zdjecia/grafiki*/ img { max-width:100%; } td, th {border:0.5px solid var(--czarny)} /*tabelki*/ tr { page-break-inside: avoid; } } /* ]]> */