@import url(stala/default.css);
.body { padding: 0; margin: 0; text-align: center; background: #fff; }
.body_d { margin: 20px; }
hr, .hr { border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); width: 100%; margin: 20px 0; }
ul, ol { list-style-position: outside; margin-left: 25px; margin-bottom: 0; padding: 0; vertical-align: middle; }
ul li { list-style-image: url(pk1.png); }
.text { line-height: 140%; width: 100%; clear: both; padding: 10px 0 15px 0; float: left; text-align: justify; }
.main { width: 1200px; max-width: 100%; position: relative; text-align: left; margin: auto; clear: both; box-sizing: border-box; }
#logo { width: 345px; height: 82px; float: left; font-size: 30px; text-align: center; position: absolute; top: 30px; left: 0; text-indent: -9999em; max-width: 100%; }
#logo span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url(logo.png) center center no-repeat; background-size: contain; }
#top { float: right; margin: 26px 0; }
.input_wysz { font-size: 11px; color: #959595; vertical-align: middle; margin: 0; height: 26px; line-height: 25px; width: 123px; padding-left: 6px; background: none; border: none; border-bottom: 1px solid #d9d9d9; }
.button_wysz { background: url(wysz.png) center center no-repeat; vertical-align: bottom; height: 26px; width: 26px; border: none; cursor: pointer; margin-left: -27px; }
#wysz { float: right; margin-left: 20px; margin-top: -5px; }
#kontakt { display: inline-block; vertical-align: middle; color: #de0029; font-size: 15px; }
#kontakt a { display: inline-block; vertical-align: middle; font-size: 15px; color: #586581; height: 19px; line-height: 19px; padding-left: 30px; }
#kontakt a:first-child { background: url(tel.png) left center no-repeat; }
#kontakt a:last-child { background: url(mail.png) left center no-repeat; color: #fe7300; margin-left: 20px; }
header { clear: both; float: left; height: 134px; width: 100%; position: fixed; z-index: 10; background: #fff url(ffl.png) top center repeat-x; }
header.active { height: 100px; box-shadow: 0 0 5px 0 rgba(50, 50, 50, .5); }
header.active #top { margin: 18px 0 10px 0; }
header.active #logo, header.active #logo span { width: 240px; }
header.active #logo { top: 10px; }
header.active nav li.s a, header.active nav li:hover a, header.active nav li.act a { color: #fff; background: #8c8c8c; text-decoration: underline; }
header.active, header.active #top, header.active #logo, header.active #logo span, header, header #top, header #logo, header #logo span { transition: 0.4s; }
#wys { clear: both; float: left; width: 100%; height: 134px; }
nav { clear: both; float: left; width: 100%; text-align: right; position: relative; }
nav li { display: inline-block; position: relative; margin: 0 1px; }
nav li a { font-size: 15px; color: #000; padding: 10px; position: relative; display: block; }
nav li.s a, nav li:hover a, nav li.act a { color: #fff; background: #767676; text-decoration: none; }
nav li.s menu a, nav li.act menu a, nav li:hover menu a { color: #fff; }
nav li menu { display: none; position: absolute; text-align: left; background-color: #34a800; padding: 5px 0; z-index: 2; min-width: 200px; margin-left: 17px; margin-top: 9px; }
nav li:hover menu { display: block; }
nav li menu a { color: #fff; display: block; padding: 12px 7px; white-space: nowrap; font-size: 12px; background: none !important; line-height: 100% !important; height: auto !important; }
nav li menu a:hover, nav li menu a.s { color: #fff; background: #989898 !important; }
#content { text-align: left; clear: both; float: left; width: 100%; padding: 20px 0; box-sizing: border-box; background: #ffffff; position: relative; z-index: 1; }
#kols { clear: both; float: left; width: 100%; box-sizing: border-box; }
aside { clear: both; float: left; width: 100%; position: relative; height: 540px; z-index: 1; }
blockquote { float: left; height: 750px; width: 100%; position: relative; margin: 0; }
.slajd { height: 750px; width: 100%; position: absolute; left: 0; top: -155px; display: none; text-align: left; background: url(ffl.png) bottom center repeat-x; }
.slajd img { float: left; width: 100%; height: auto; }
.nakl { position: absolute; left: 0; bottom: 200px; width: 100%; text-align: center; }
.nakl h6 { font-size: 72px; color: #fff; text-transform: uppercase; font-weight: bold; text-shadow: 0 0 3px rgba(0, 0, 0, 0.7); margin-bottom: 10px; }
.nakl h6 a { color: #fff; }
.nakl h6 a:hover { text-decoration: none; color: #fe7300; }
.opis_animki { clear: both; background: rgba(255, 255, 255, 0.6); padding: 12px; width: 1000px; max-width: 90%; margin: 0 auto 20px auto; }
.wwl { display: inline-block; font-size: 14px; color: #fff; background: #de0029; padding: 9px 22px; margin: 10px 0; }
.wwl:hover { text-decoration: none; background: #000; }
h1, h2 { font-size: 26px; color: #333947; border-bottom: 1px solid #c8cdd7; padding-bottom: 5px; margin-bottom: 20px; }
h3 { font-size: 18px; color: #2a2a2a; font-weight: bold;}
#navl { background: url(navl.png) center center no-repeat; width: 39px; height: 39px; position: absolute; left: 10px; top: 30%; z-index: 61; margin-top: -25px; cursor: pointer; opacity: 0.5; }
#navp { background: url(navp.png) center center no-repeat; width: 39px; height: 39px; position: absolute; right: 10px; top: 30%; z-index: 61; margin-top: -25px; cursor: pointer; opacity: 0.5; }
#navl:hover, #navp:hover { opacity: 1; }
#boxy_gl { clear: both; width: 100%; text-align: center; margin-top: -300px; display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; position: relative; z-index: 2; }
.box { width: 380px; max-width: 100%; text-align: left; background: #168a00; margin-bottom: 15px; box-sizing: border-box; display: block; text-decoration: none; position: relative; overflow: hidden; color: #fff; transition: background 0.4s ease, box-shadow 0.4s ease, transform 0.3s ease; box-shadow: 0 4px 10px rgba(0,0,0,0.1); }
.box:hover { box-shadow: 0 12px 30px rgba(0,0,0,0.25); text-decoration: none; color: #fff; transform: translateY(-5px); }
.box::before { content: ""; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0) 100%); transform: skewX(-25deg); z-index: 3; pointer-events: none; }
.box:hover::before { animation: boxShine 0.7s forwards; }
@keyframes boxShine { 100% { left: 200%; } }
.box-img-wrap { width: 100%; overflow: hidden; border-top: 3px solid #fff; position: relative; z-index: 1; display: block; }
.box-img-wrap img { width: 100%; height: auto; display: block; transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1); }
.box:hover .box-img-wrap img { transform: scale(1.12); }
.cont_box { clear: both; float: left; width: 100%; padding: 20px; font-size: 14px; color: #fff; border-top: 1px solid #fff; box-sizing: border-box; position: relative; z-index: 2; transition: background 0.4s ease; }
.cont_box h4 { font-size: 19px; color: #fff; text-transform: uppercase; margin-bottom: 15px; transition: color 0.3s ease; }
.box:hover .cont_box h4 { color: #f5d200; }
.pod aside, .pod .slajd { height: 350px; }
#unia { clear: both; width: 100%; float: left; font-size: 15px; color: #a4a4a4; text-align: center; padding: 90px 0 20px 0; border-top: 1px solid #cdcdcd; background: #fff url(unia.png) center top no-repeat; }
#footer { clear: both; float: left; width: 100%; background: #f4f4f4; padding: 70px 0 50px 0; border-top: 4px solid #de0029; position: relative; z-index: 10; }
#footer .main { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 5%; }
#kontakt_f { flex: 0 0 45%; }
#kform { flex: 0 0 45%; }
#footer h4 { font-size: 22px; font-weight: 600; margin: 0 0 30px 0; padding-bottom: 15px; border-bottom: 1px solid rgba(255,255,255,0.08); text-transform: uppercase; letter-spacing: 1px; }
#kontakt_f_h { display: flex; flex-direction: column; justify-content: center; background: url(herb.png) left center no-repeat; background-size: 70px auto; padding-left: 100px; min-height: 100px; font-size: 15px; line-height: 1.8; margin-bottom: 35px; }
#kontakt_f_h a { color: #fe7300; text-decoration: none; transition: 0.3s; }
#kontakt_f_h a:hover { color: #fe7300; text-decoration: underline; }
.footer-map { width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,0.2); }
.footer-map iframe { width: 100%; height: 320px; display: block; filter: grayscale(100%) opacity(80%); transition: 0.4s; border: none; }
.footer-map:hover iframe { filter: grayscale(0%) opacity(100%); }
#kform .pole_area, #kform .pole_area2 { margin-bottom: 20px; }
#kform label { font-size: 11px; font-weight: 600; color: #8a8f99; text-transform: uppercase; letter-spacing: 1px; display: block; }
.inp_f { width: 100%; background: #23252a; border: 1px solid #33363d; border-radius: 6px; margin-top: 8px !important; margin-bottom: 8px !important; color: #fff; height: 48px; padding: 0 16px; font-size: 15px; box-sizing: border-box; transition: 0.3s; }
.textarea { width: 100%; background: #23252a; border: 1px solid #33363d; border-radius: 6px; margin-top: 8px !important; margin-bottom: 8px !important; color: #fff; height: 140px; padding: 16px; font-size: 15px; box-sizing: border-box; transition: 0.3s; resize: vertical; }
.inp_f:focus, .textarea:focus { background: #2a2c33; border-color: #fe7300; outline: none; box-shadow: 0 0 0 4px rgba(254,115,0,0.1); }
.inp_f::-webkit-input-placeholder, .textarea::-webkit-input-placeholder { color: #555963; }
.btn_f { background: linear-gradient(135deg, #de0029, #b30021); color: #fff; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; border: none; border-radius: 6px; padding: 0 35px; height: 50px; cursor: pointer; transition: 0.3s; box-shadow: 0 4px 15px rgba(222,0,41,0.3); margin-top: 10px; }
.btn_f:hover { background: linear-gradient(135deg, #fe7300, #d96200); box-shadow: 0 6px 20px rgba(254,115,0,0.4); transform: translateY(-2px); }
footer { background: #fff; padding: 25px 0; border-top: 1px solid #999; clear: both; position: relative; z-index: 10; float: left; width: 100%; }
footer .main { display: flex; justify-content: space-between; align-items: center; }
#copy, #projekt { color: #6d717a; font-size: 13px; float: none; }
#copy a, #projekt a { color: #fe7300; text-decoration: none; transition: 0.3s; font-weight: 500; }
#copy a:hover, #projekt a:hover { text-decoration: underline; }
#copy span { color: #444; margin: 0 10px; }
.pk { background: url(pk.png) left center no-repeat; margin-top: 20px !important; }
.tel { background: url(tel2.png) left center no-repeat; }
.mail { background: url(mail2.png) left center no-repeat; }
#soc { display: inline-block; float: right; margin-top: -60px; }
#soc a { display: inline-block; margin: 0 2px; transition: opacity 0.3s; }
#soc a:hover { opacity: .5; }
#menub { clear: both; float: left; width: 100%; text-align: left; display: flex; flex-wrap: wrap; gap: 5px; }
#menub a { font-family: arial; font-size: 13px; color: #a1a8b7; background: url(tr.png) left center no-repeat; padding-left: 15px; width: 145px; font-weight: 300; margin: 2px 0; }
#menub a:hover, #menub a.s { text-decoration: none; color: #fe7300; }
.tlo { border-top: 1px solid #cdcdcd; clear: both; float: left; width: 100%; padding: 40px 0 0 0; text-align: center; overflow: hidden; background: #ffffff; position: relative; z-index: 1; }
.tlo h3 { position: relative; margin-bottom: 30px; display: inline-block; }
.tlo h3:before { content: ""; display: block; position: absolute; left: 50%; bottom: -15px; margin-left: -50px; border-bottom: 3px solid #de0029; width: 100px; }
.scrollable { position: relative; overflow: hidden; width: 1060px; max-width: 100%; min-height: 200px; margin: 0 auto; }
.scrollable .items { width: 20000em; position: absolute; }
.items div { float: left; }
.news { width: 320px; max-width: 100%; height: 280px; text-align: center; margin-right: 50px; font-size: 13px; color: #000; box-sizing: border-box; }
.news img { display: inline-block; margin-bottom: 15px; max-width: 100%; height: auto; }
.opis_newsa { clear: both; float: left; width: 100%; text-align: center; font-size: 12px; }
.news a { font-size: 13px; color: #000; transition: color 0.3s; }
.news a:hover { text-decoration: none; color: #fe7300; }
.news small { font-size: 12px; color: #888888; display: block; margin-bottom: 5px; font-weight: bold; }
.news h4 { font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; }
.news h4 a:hover { color: #de0029; }
.more { font-size: 11px; color: #fff; text-transform: uppercase; background: #01539f; display: inline-block; padding: 2px 5px; margin: 10px 0; }
.more:hover { text-decoration: none; color: #454545; }
.prev, .next { display: block; width: 39px; height: 39px; position: absolute; top: 50%; margin-top: -40px; z-index: 1; cursor: pointer; transition: opacity 0.3s; }
.prev { background: url(nl.png) center center no-repeat; left: 0; }
.next { background: url(np.png) center center no-repeat; right: 0; }
.prev:hover, .next:hover { opacity: .5; }
#mapa { clear: both; float: left; width: 100%; }
#mapa iframe { width: 100% !important; height: 300px !important; border: none !important; }
#koll { width: 23%; float: left; margin-bottom: 20px; margin-top: 15px; box-sizing: border-box; padding-right: 20px; }
#kolp { width: 75%; float: right; margin-bottom: 20px; box-sizing: border-box; }
#menull { clear: both; float: left; width: 100%; margin: 0; }
#menull a { margin: 5px 0; box-shadow: 0 0 2px 0 rgba(50, 50, 50, .3); display: block; transition: 0.3s; }
.m1, .m2, .m3 { font-size: 17px; color: #323232; background: url(ml.png) 10px center no-repeat, url(border_menu.png) top left repeat-x; padding: 9px 10px 9px 30px; line-height: 17px; cursor: pointer; }
.m1:hover, .m1.s { text-decoration: none; color: #fff; background: #fe7300 url(mlh.png) 10px center no-repeat; }
.m2 { font-size: 16px; color: #6c6c6c; background: url(ml.png) 10px center no-repeat; }
.m2:hover, .m2.s { color: #fff; background: #de0029 url(mlh.png) 10px center no-repeat; }
.m3 { font-size: 14px; color: #6c6c6c; background: none; box-shadow: none !important; }
.m3:hover, .m3.s { color: #fff; background: #fe7300; }
#koll h4 { font-size: 22px; color: #000; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; border-left: 3px solid #de0029; padding-left: 10px; }
.pod h1, .pod h2 { font-size: 32px; }
.pod #content { border-top: 1px dashed #c1c1c1; background: url(gradient.gif) top left repeat-x; }
.pod h3 { font-size: 18px; color: #168a00; font-weight: bold; }
.pdf { display: inline-block; background: url(pd.png) left center no-repeat; padding-left: 30px; margin: 5px 0; }
table { border-collapse: collapse; width: 100%; }
table tr td { border: 1px solid #d9d9d9; padding: 10px; }
table tr:first-child { background: #fe7300; color: #fff; }
#stow { position: absolute; top: 0; right: 0; z-index: 1000; }
#stow img { width: 50px; height: 63px; transition: 0.3s; }
#stow img:hover { opacity: .5; }
body.a11y-global-zoom-1 { zoom: 1.1; -moz-transform: scale(1.1); -moz-transform-origin: top center; }
body.a11y-global-zoom-2 { zoom: 1.2; -moz-transform: scale(1.2); -moz-transform-origin: top center; }
.body.contrast { color: #fff; background: #000 !important; }
.body.contrast .newsbody, .body.contrast .opis_newsa, .body.contrast .cont_box h4 a, .body.contrast h1, .body.contrast h2, .body.contrast h3 { color: #fffc00; }
.body.contrast .news h4 a { color: #fff; }
.body.contrast .box { background: #272727; }
.body.contrast h1, .body.contrast h2 { color: #fffc00; border-bottom: 1px solid #fffc00; }
.body.contrast .pod #content { border-top: 1px dashed #c1c1c1; background: #000 !important; border-color: #fffc00; }
.body.contrast header { background: #000 !important; border-bottom: 2px solid #fffc00; }
.body.contrast #footer { background: #000; border-top: 2px solid #fffc00; }
.body.contrast footer { background: #000; border-top: 1px solid #fffc00; }
.body.contrast #kontakt_f_h, .body.contrast label, .body.contrast #copy, .body.contrast #projekt { color: #fffc00; }
.body.contrast .inp_f, .body.contrast .textarea { background: #000; border: 1px solid #fffc00; color: #fffc00; }
.body.contrast .btn_f { background: #000; color: #fffc00; border: 1px solid #fffc00; }
.body.contrast .footer-map iframe { filter: grayscale(100%) contrast(150%); }
.body.contrast a { color: #fffc00; }
.body.contrast .tlo, .body.contrast #content { background: #000 !important; border-color: #fffc00; }
#a11y-widget { position: fixed; bottom: 30px; right: 30px; z-index: 999999; font-family: "Segoe UI", Roboto, Arial, sans-serif; }
#a11y-toggle { width: 60px; height: 60px; border-radius: 50%; background: #01539f; color: #fff; border: none; cursor: pointer; box-shadow: 0 4px 15px rgba(0,0,0,0.3); font-size: 28px; display: flex; align-items: center; justify-content: center; transition: background 0.3s, transform 0.2s; }
#a11y-toggle:hover { background: #013d75; transform: scale(1.05); }
#a11y-panel { display: none; position: absolute; bottom: 75px; right: 0; background: #fff; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 5px 25px rgba(0,0,0,0.15); width: 230px; overflow: hidden; }
#a11y-panel.open { display: block; animation: a11yFadeIn 0.2s ease-out; }
@keyframes a11yFadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.a11y-btn { display: flex; align-items: center; width: 100%; padding: 14px 15px; border: none; background: transparent; border-bottom: 1px solid #eee; cursor: pointer; text-align: left; font-size: 14px; font-weight: 600; color: #333; transition: background 0.2s; }
.a11y-btn:last-child { border-bottom: none; }
.a11y-btn i { width: 25px; text-align: center; margin-right: 10px; font-size: 18px; color: #01539f; }
.a11y-btn:hover { background: #f4f7f9; }
body.a11y-links-active a { text-decoration: underline !important; font-weight: bold !important; color: #000 !important; background-color: #fffc00 !important; outline: 2px solid #fffc00 !important; }
#nav_res { position: absolute; right: 20px; top: 113px; width: 25px; height: 20px; display: none; z-index: 1000; text-indent: -9999px; border: solid 11px #de0029; background: #de0029 url(stala/nav_res.gif) repeat-x center; cursor: pointer; padding: 11px; }
#nav_res:hover { background: #212121 url(stala/nav_res.gif) repeat-x center; border-color: #212121; }
@media all and (max-width: 1840px) { aside, .slajd { height: 707px; } }
@media all and (max-width: 1680px) { aside, .slajd { height: 644px; } }
@media all and (max-width: 1600px) { aside, .slajd { height: 613px; } }
@media all and (max-width: 1444px) { aside, .slajd { height: 552px; } }
@media all and (max-width: 1366px) { aside, .slajd { height: 521px; } }
@media all and (max-width: 1280px) { .gallery img { width: 100%; height: auto; } #kolp { width: 76%; } .pod aside, .pod .slajd { height: auto; } aside, .slajd { height: 300px; } .main, header { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } header .main { padding: 0; } .box { width: 29%; float: none; display: inline-block; margin: 0 10px; } .prev { left: 20px; } .next { right: 20px; } #menub a { width: auto; margin-right: 13px; } .inp_f { width: 100%; } }
@media all and (max-width: 1150px) { #kolp { width: 73%; } aside, .slajd { height: 443px; } .news { width: 260px; margin-right: 10px; } .scrollable { width: 800px; } .cont_box { height: auto; overflow: hidden; margin-bottom: 20px; line-height: 21px; } .cont_box h4 { font-size: 22px; } }
@media all and (max-width: 1080px) { aside, .slajd { height: auto; } #kolp { width: 72%; } }
@media all and (max-width: 1050px) { h1, h2 {padding-bottom: 10px; margin-bottom: 10px; } .u1_foto img, .u2_foto img, .u3_foto img, .u4_foto img, .u5_foto img, .u6_foto img { width: 100%; height: auto; } .u3_txt br { display: none !important; } }
@media all and (max-width: 1024px) { #kolp { width: 65%; } }
@media all and (max-width: 900px) { .pod h1, .pod h2 { font-size: 34px; } .scrollable { width: 530px; } .cont_box h4 { font-size: 18px; } #kontakt { display: block; margin-bottom: 20px; } nav { text-align: center; } #top { margin-bottom: 30px; } #logo { top: 15px; } }
@media all and (max-width: 800px) { .box { width: 47%; margin-bottom: 18px; } }
@media all and (max-width: 768px) { header { position: relative; height: auto; padding: 0; min-height: 120px; } #wys { display: none !important; } header.active, header.active #top, header.active #logo, header.active #logo span, header, header #top, header #logo, header #logo span { transition: 0.4s; } #koll, #kolp { clear: both; float: left; width: 100%; padding: 0; } #koll { margin-bottom: 20px; } .u3_txt { clear: both; float: left; width: 100%; margin: 0 !important; padding: 0 !important; } .cont_box h4 { text-align: center; } .cont_box { height: auto; overflow: visible; margin-bottom: 20px; line-height: normal; } .box { width: 100%; text-align: center; margin: 0 0 20px 0; padding-bottom: 20px; display: block; } .u1_foto, .u2_foto, .u3_foto, .u4_foto, .u5_foto, .u6_foto { clear: both; float: left; width: 100%; margin: 0 0 20px 0 !important; text-align: center; } #logo { position: relative; top: auto; left: 20px; display: block; margin-top: 20px; margin-bottom: 5px; } nav { right: auto; } .sys_col0 { clear: both; float: left; width: 100% !important; } .sys_col1 { clear: both; float: left; width: 100% !important; margin-left: 0; } #top { padding-right: 20px; } #nav_res { top: 20px; display: block; z-index: 100; } #menur { position: relative; top: 0; left: 0; width: 100%; clear: both; float: left; display: none; background: #fbfbfb; z-index: 1000; margin: 0; } #menur>menu { width: 100% !important; display: block; background-color: #f2f2f2; padding-top: 10px; padding-bottom: 10px; } #menur li { display: block; width: 100%; padding-left: 0; padding-right: 0; text-align: center; background: none; margin: 15px !important; } #menur li a { font-size: 14px; margin: 0; color: #000; } #menur li menu { position: relative !important; top: auto !important; left: auto !important; padding: 10px 0; display: none; text-align: center !important; } #menur li menu a { padding: 15px 0; margin: 0; } nav li.s a, nav li:hover a, nav li.act a { color: #fff !important; text-decoration: none; background: #d20707; width: 100%; } #kontakt { display: none; } #a11y-widget { bottom: 15px; right: 15px; } #a11y-toggle { width: 50px; height: 50px; font-size: 24px; } #a11y-panel { width: 200px; } .a11y-btn { font-size: 13px; padding: 12px; } #footer .main { flex-direction: column; gap: 40px; } #kontakt_f, #kform { flex: 0 0 100%; max-width: 100%; } footer .main { flex-direction: column; text-align: center; justify-content: center; gap: 15px; } }
@media all and (max-width: 640px) { #logo, #logo span { width: 180px; height: 56px; } #logo span { background-size: 100% auto; } #copy, #projekt { float: none; display: block; text-align: center; } .scrollable { width: 260px; } h3 { font-size: 36px; } }
@media all and (max-width: 534px) { #top { margin: 0; clear: both; float: left; width: 100%; text-align: center; padding: 0; margin-bottom: 20px; } #wysz { float: none; display: inline-block; margin: 0; } }
@media all and (max-width: 480px) { .box { padding-bottom: 0; } }
@media all and (max-width: 375px) { #menub a { margin-right: 0; display: block; width: 100%; } .next, .prev { top: -46px; margin: 0; } .news { margin: 0; } #logo { margin-bottom: 20px; } #top { text-align: left; padding-left: 20px; } }