html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, em, img, small, tt, var, u, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline;}
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
@font-face {font-family: 'Myriad Pro'; src: url(http://greencitrin.pl/fonts/MyriadPro.eot); src: url(http://greencitrin.pl/fonts/MyriadPro.eot?#iefix) format('embedded-opentype'),
url(http://greencitrin.pl/fonts/MyriadPro.woff) format('woff'), url(http://greencitrin.pl/fonts/MyriadPro.ttf) format('truetype'), url(http://greencitrin.pl/fonts/MyriadPro.svg#impactregular) format('svg'); font-weight: normal;font-style: normal;}
html, body {height:100%; margin:0; padding:0; background:#fff; -webkit-font-smoothing:antialiased; }
body {height:auto; margin:0 auto; text-align:left; background:#fff; line-height:1; font-family:'Verdana', 'Georgia', 'Tahoma', 'Sans Serif'; color:#3d3a37; height:auto; min-height:700px; overflow:auto;}
h1 {font-size:5em; color:#333}
h3 { float:left; width:100%; clear:both; clear:none; color:#333; font-size:1em; margin:0; font-family:'Open Sans'}
h4 { float:left; width:100%; clear:both; clear:none; color:#333; font-size:1em; margin:0; font-family:'Open Sans'}
ul {float:left; width:100%; list-style:none}
main li {float:left; line-height:1.8em}
main p {line-height:1.5em; font-size:1em; float:left; width:100%; clear:both; color:#333}
a {text-decoration:none;}
em {font-style:normal;}
/* HEADER / NAV */
header {width:100%; height:80px; margin:0 auto; clear:both; z-index:1; float:left; clear:both; position:relative; background:#1c1c1c; }
nav {width:1160px; height:auto; margin:0 auto; z-index:999;}
nav #logo {float:left; width:auto; margin:0; margin-top:10px}
nav #logo img {margin:0; padding:0; float:left;}
nav ul {float:right; margin:0; padding:0; width:auto}
nav ul li {float:left; width:auto}
nav ul li a {float:left; font-size:.9em; color:#ccd0d1; font-family:'Open Sans'; line-height:1.2em; padding:31px 20px 32px; text-align:left; text-transform:uppercase}
nav ul li:nth-child(6) a {padding-right:0}
nav ul li a:hover {color:#fff;}
main {float:left; width:100%; display:block; overflow:auto;}
main h1 {width:1160px; margin:0 auto; font-size:3em; font-family:'Open Sans', 'Verdana';}
main h2 {width:1160px; margin:0 auto}
main h3 {float:left; width:100%; margin:0; padding:0; color:#333; font-size:1em; font-family:'Open Sans'}
main h4 {width:100%; margin:0}
main p {width:1160px; margin:0 auto; padding:0; font-size:.9em; color:#333; line-height:1.6em}
main ul {width:1160px; height:auto; margin:0 auto; display:block; overflow:auto}
main li {float:left;}
main section {display:block; overflow:auto; width:1160px; margin:0 auto;}
.mobile-menu {display:none}
section {width:1160px; margin: 0; overflow:auto; display:block}
/* strona produktu */
.strona-oferty {margin-bottom:100px; position:relative; overflow:visible}
.strona-oferty div {float:left; width:50%}
.strona-oferty h2 {font-size:1.8em; width:100%; margin-bottom:50px}
.strona-oferty h3 {font-size:1.3em; width:100%; margin-bottom:20px}
.strona-oferty h4 {font-size:1em; width:100%; margin-bottom:30px}
.strona-oferty p {margin:0 0 30px; width:100%; color:#555; line-height:1.9em; font-size:.9em}
.strona-oferty ul {float:left; width:auto; margin-bottom:30px; }
.strona-oferty li {width:auto; clear:both; font-size:.9em; margin-left:20px; padding-left:10px; list-style:disc outside; line-height:2em }
.strona-oferty a {color:#2393da}
.strona-oferty a:hover {text-decoration:underline}
.strona-oferty a.submit {float:left; margin:10px 0; width:240px; padding:10px 0; background:#0e7dc5; color:#fff; text-align:center}
.strona-oferty a.submit:hover {background:#54a235;}
.strona-oferty .zdjecia span {width:90%; float:left; background:#e4e4e4; height:300px; margin-bottom:30px}
.strona-oferty .zdjecia p {width:90%; font-size:.9em}
.strona-oferty .zdjecia img {margin-bottom:30px}
.strona-oferty .obraz {width:522px; float:left; padding-bottom:70px; display:block; height:auto; }
.strona-oferty .obraz {margin:0 auto; display:block}
.strona-oferty .obraz img {margin:0}
.strona-oferty .podpis {float:left; width:100%; text-align:center; font-size: .85em; color:#666; line-height:3em}
.strona-oferty .tabela {float:left; width:100%; clear:both}
.strona-oferty .tabela li:nth-child(odd) {background:#fbfbfb;}
.strona-oferty .tabela li {float:left; border-bottom:1px solid #e4e4e4; list-style:disc outside; padding:8px 0; list-style:none; margin:0; width:100%; text-indent:20px; font-size:.8em}
.strona-oferty .tabela li:last-child {border:none}
.strona-oferty .tabela li span {float:right; margin-right:20px}
/* ToolTip */
a.tooltips {position:relative; color:#0088cc;}
a.tooltips span {position:absolute; width:310px; padding:12px 20px; background:#fdf9db; color:#999150; border:1px solid #ebe4a6; height:auto; line-height:1.6em; visibility:hidden; font-size:.9em; font-family:'Open Sans'; overflow:visible}
a.tooltips span em {float:left;width:270px; background:#63b642; color:#fff; padding:5px 20px;}
a.tooltips span strong {float:left; font-weight:100; width:260px; padding:12px 20px; border:5px solid #f2f2f2; border-top:none}
a.tooltips span:after {content: ''; position:absolute; top:100%; left:50%; margin-left:0; width:0; height:0; border-top:10px solid #ebe4a6; border-right:8px solid transparent; border-left:8px solid transparent; margin-bottom:10px}
a:hover.tooltips span {visibility:visible; bottom:30px; left:50%; margin-left:-176px; z-index:999;}
/* POLITYKA PRYWATNOŚCI / GWARANCJA / COOKIES / REGULAMIN */
.policy { margin:50px auto; display:block; overflow:auto}
.policy ol {float:left; margin:0; margin-top:10px; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #f4f4f4}
.policy ol:last-child {border:none;}
.policy li {margin-left:30px; clear:both; line-height:2em; color:#555; font-size:.95em}
.policy li ol {margin:10px 0 15px 0; width:100%; border:none; padding:0}
.policy li ol li {font-size:1em; margin-left:20px}
.policy h1 {margin:0px auto 30px; font-size:2.4em; color:#252525; letter-spacing:0.5px; font-weight:100; border-bottom:1px solid #f2f2f2; padding-bottom:30px}
.policy h2 {margin:0 0 20px; float:left; width:100%; font-size:.95em; font-family:'Verdana'; text-align:left; color:#01bfe8; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #f4f4f4}
.policy h3 {margin:10px 0 15px; float:left; clear:both; font-size:2em; font-family:'Open Sans'; color:#333}
.policy p {clear:both; line-height:2em; color:#777; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #f4f4f4; font-size:.95em}
.policy p:last-child {border:none;}
.policy a {color:#45a4c8;}
.policy a:hover {text-decoration:underline;}
.policy img {float:left;}
/* portfolio 3 kolumny */
.portfolio {float:left; width:100%; margin:0}
.portfolio ul {margin:0; padding:0}
.portfolio li {float:left; width:25%}
.portfolio li a {float:left; width:100%}
.portfolio li img {float:left; width:100%; margin:0; padding:0; border:0}
.portfolio-category {margin:0; width:100%; padding:10px 0; background:#fff}
.portfolio-category ul {width:1160px; margin:0 auto; float:none; display:block}
.portfolio-category li {float:right; margin:5px; width:auto}
.portfolio-category a {float:left; color:#222; padding:13px 20px; font-size:.8em; opacity:.8; text-transform:uppercase; font-family:'Open Sans'; letter-spacing:1px}
.portfolio-category a:hover {opacity:1; color:#66bb42}
.portfolio-category li.segment-1 {float:left}
/* posty bloga na stronie głownej green */
.blog-posty {float:left; width:100%; height:auto; margin:0; padding:100px 0 50px; background:#fff;}
.blog-posty div {width:1160px; margin:0 auto;}
.blog-posty h2 {margin:20px 0 10px; float:left; width:100%; font-size:2.4em; line-height:1.2em; text-align:center; color:#333; font-family:'Open Sans', 'Verdana'; font-weight:600}
.blog-posty h3 {color:#666; font-size:1em; margin:10px 0; float:left; clear:both; width:100%; text-align:center; line-height:2em;}
.blog-posty h4 {float:left; width:100%; margin:15px 0 10px; font-size:1.2em; line-height:1.6em; letter-spacing:.3px; color:#333; font-family:'Open Sans', 'Verdana'; font-weight:600; background:#fff }
.blog-posty p {color:#666; font-size:.9em; margin:0; float:left; clear:both; width:100%; padding:0 0 30px; line-height:1.6em; background:#fff;}
.blog-posty ul {float:left; width:100%; margin:0 }
.blog-posty li {float:left; width:340px; margin:20px}
.blog-posty li:first-child {margin-left:0}
.blog-posty li:last-child {margin-right:0}
.blog-posty li a {float:left; width:340px;}
.blog-posty li a img {float:left; width:100%; margin:0}
.blog-posty hr {width:100px; float:left; margin:20px 500px; border:none; border-bottom:3px solid #63b642;}
.blog-posty span {float:left; width:100%; margin-top:20px; font-size:.8em; color:#fff; text-transform:uppercase}
.blog-posty span time {float:left; padding:7px 10px; color:#fff; background:#63b642;}
.blog-posty span em {float:left; padding:7px 10px; background:#448729; display:none}
.glowna-informacje {float:left; width:100%; margin:70px 0; display:block; clear:both; overflow:auto}
.glowna-informacje div {display:block; overflow:auto; width:1160px; margin:0 auto; }
.glowna-informacje div.border {border-bottom:1px solid #f4f4f4; padding-bottom:40px }
.glowna-informacje h2 {float:left; width:100%; font-size:2.2em; font-family:'Open Sans'; color:#222; text-align:center; font-weight:700}
.glowna-informacje h3 {float:left; width:100%; font-size:1.6em; font-family:'Open Sans'; font-weight:100; color:#222; text-align:center; margin-top:40px}
.glowna-informacje p {float:left; width:90%; margin:25px 5% 0; text-align:center; color:#4f4f4f; font-size:1em; line-height:1.8em; font-family:'Open Sans'; }
/* footer */
.foot {float:left; width:100%; background:#1c1c1c; height:auto}
.foot-top {float:left; width:100%; height:150px; background:#fafafa; }
.foot-top div {width:1160px; margin:0 auto; display:block}
.foot-top div div:first-child {float:left; width:70%;}
.foot-top div div:last-child {float:left; width:30%;}
.foot-top div div a {float:right; width:70%; margin:50px 0 0; font-size:1em; padding:17px 0; color:#fff; background:#36b452; text-align:center; font-family:'Open Sans'; letter-spacing:.3px}
.foot-top div div a:hover {background:#4acb66;}
.foot-top h3 {float:left; width:100%; margin-top:45px; color:#333; font-size:1.6em; font-weight:600; font-family:'Open Sans'}
.foot-top p {float:left; width:100%; margin-top:15px; color:#888; font-size:.95em; font-family:'Open Sans' }
/* Stopka środek */
.foot-middle {float:left; width:100%; background:#222; height:280px}
.foot-middle div {width:1160px; margin:0 auto;}
.foot-middle ul {float:left; width:100%; margin-top:60px; list-style:none}
.foot-middle li {float:left; width:34%; list-style:none}
.foot-middle li:first-child {margin-right:8%;}
.foot-middle li:nth-child(2) {width:26%}
.foot-middle li a:hover {color:#63b642}
.foot-middle li:last-child {float:right; width:22%}
.foot-middle li ul {float:left; width:100%; margin:0; color:#63b642;}
.foot-middle li ul li {float:left; width:90%; color:#6a6a6a; font-size:.8em; line-height:2.3em; list-style:disc outside; margin-left:18px}
.foot-middle li ul li:nth-child(2) {width:100%;}
.foot-middle li ul li:last-child {float:left; width:100%}
.foot-middle li ul li a {color:#6a6a6a;}
.foot-middle li em {color:#c6c6c6;}
.foot-middle h4 {float:left; color:#c6c6c6; font-size:1.5em; margin-bottom:20px}
.foot-middle p {float:left; width:90%; color:#6a6a6a; margin-bottom:10px; font-size:.8em; line-height:1.6em;}
/* Belka dolna */
footer.foot .dol {width:1160px; height:60px; margin:0 auto; overflow:auto}
footer.foot .dol p {float:left; width:auto; color:#999; margin:23px 0 0; font-size:.8em; font-family:'Open Sans'; font-weight:100; letter-spacing:.5px}
footer.foot .dol ul {float:right; width:auto; margin:15px 0 0}
footer.foot .dol li {float:left; width:auto}
footer.foot .dol li a {float:left; width:35px; height:35px; background:url(../img/social-media-icons.jpg)}
footer.foot .dol li:nth-child(2) a {background-position: -35px 0}
footer.foot .dol li:nth-child(3) a {background-position: -70px 0}
footer.foot .dol li:nth-child(4) a {background-position: -105px 0}
footer.foot .dol li:nth-child(5) a {background-position: -140px 0}
footer.foot .dol li:nth-child(6) a {background-position:-175px 0}
footer.foot .dol li:nth-child(7) a {background-position: -210px 0}
footer.foot .dol li a:hover {background:url(../img/social-media-icons-hover.jpg)}
footer.foot .dol li:nth-child(2) a:hover {background-position: -35px 0}
footer.foot .dol li:nth-child(3) a:hover {background-position: -70px 0}
footer.foot .dol li:nth-child(4) a:hover {background-position: -105px 0}
footer.foot .dol li:nth-child(5) a:hover {background-position: -140px 0}
footer.foot .dol li:nth-child(6) a:hover {background-position: -175px 0}
footer.foot .dol li:nth-child(7) a:hover {background-position: -210px 0}
.header-top {float:left; width:100%; height:500px; background:#222;
background: -webkit-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* IE10 */
background: -o-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* W3C */
}
.header-top h1 {float:left; width:100%; margin-top:150px; color:#fff; font-size:3.7em; font-family:'Open Sans'; font-weight:700; text-transform:uppercase; letter-spacing:4px; text-align:center}
.header-top h2 {float:left; width:100%; margin-top:30px; color:#c2d0c6; font-size:1.5em; font-family:'Myriad Pro', Arial; letter-spacing:1px; text-align:center}
.header-top p {display:block; overflow:auto; width:50%; margin:15px auto 0; padding-top:20px; color:#c2d0c6; font-size:1.2em; line-height:1.6em; font-family:'Open Sans'; text-align:center; letter-spacing:1px; }
.header-top a {float:left; width:18%; margin:50px 41%; line-height:3.2em; color:#fff; background:#36b452; text-align:center; font-size:1.1em; font-family:'Open Sans'; letter-spacing:1px; transition: background 0.5s ease}
.header-top a:hover {background:#4acb66}
.header-top.mini {height:200px}
.header-top.mini h1 {margin-top:70px; font-size:3.3em;}
.header-index {float:left; width:100%; height:auto; background:#222; overflow:hidden;
background: -webkit-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* Chrome 10+, Saf5.1+ */
background: -moz-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* FF3.6+ */
background: -ms-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* IE10 */
background: -o-linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* Opera 11.10+ */
background: linear-gradient(90deg, #134E5E 10%, #71B280 90%); /* W3C */
}
.header-index h1 {float:left; width:100%; margin-top:170px; color:#fff; font-size:3.7em; font-family:'Open Sans'; font-weight:700; text-transform:uppercase; letter-spacing:4px; text-align:center}
.header-index h2 {float:left; width:100%; margin-top:30px; color:#c2d0c6;font-size:1.5em; font-family:'Open Sans'; letter-spacing:1px; text-align:center}
.header-index a {float:left; width:26%; margin:50px 37%; line-height:3.2em; color:#fff; background:#36b452; text-align:center; font-size:1.1em; font-family:'Open Sans'; letter-spacing:1px; transition: background 0.5s ease;}
.header-index a:hover {background:#4acb66}
/* slider strony głównej */
#slider {width:1160px; margin:0 auto; display:block; overflow:hidden}
#slides {display:block; width:100%; margin:0 auto; height:500px; overflow:hidden; }
.slide {float:left; width:1160px; margin:0 auto; height:500px; overflow:auto; }
.slide.mob {display:none}
.menuItem {float:left; }
/* menu od slidera strony głównej */
.czarna-belka {float:left; width:100%; margin-top:50px; padding:0; margin-bottom:0; height:auto; background-color: rgba(0, 0, 0, 0.2);}
.czarna-belka ul {float:none; display:block; margin:0 auto; overflow:auto; width:1160px;}
.czarna-belka li {float:left; width:232px; background:none; margin:0; padding:0}
.czarna-belka li a {float:left; width:100%; height:100%; background:none; margin:0; padding:0}
.czarna-belka img {opacity:.3; margin:20px 96px 15px; padding:0; width:40px; float:left; transition: opacity 0.5s ease}
.czarna-belka a:hover {background-color: rgba(0, 0, 0, 0.1);}
.czarna-belka a:hover h3 {opacity:1}
.czarna-belka a:hover img {opacity:.8}
.czarna-belka h3 {float:left; width:100%; text-align:center; margin:0; line-height:1.3em; padding:0; font-size:.76em; color:#fff; opacity:.8; margin-bottom:20px; transition: opacity 0.5s ease}
.oferta3 p {font-family:'Open Sans'; color:#586367; font-size:1em; line-height:1.8em}
.oferta3 ul {float:left; width:100%; margin:0 0 30px}
.oferta3 li {float:left; width:30%; height:300px; margin:0px 5% 40px 0}
.oferta3 li:nth-child(3n+3) {margin-right:0}
.oferta3 img {float:left; width:100%; margin-bottom:20px}
.oferta3 h3 {float:left; width:100%; margin-bottom:10px; font-size:1.2em}
.oferta3 li p {float:left; width:100%; font-size:.9em; line-height:1.7em }
.oferta3 h2 {float:left; width:100%; margin:0px 0 30px; text-align:center; font-size:2.5em; font-family:'Open Sans'}
/* Oferta */
.oferta {margin:0px auto 60px; border-top:1px solid #f4f4f4; padding-top:60px}
.oferta li {width:340px; margin:20px 20px 40px;}
.oferta li:nth-child(3n+1) {margin-left:0}
.oferta li:nth-child(3n+3) {margin-right:0}
.oferta li span {float:left; width:100%; height:130px; background:#e4e4e4; display:none}
.oferta li h3 {width:100%; margin:0 0 15px; font-size:1.1em; color:#222}
.oferta li p {float:left; width:100%; color:#7f7f7f; font-size:.9em; line-height:1.8em; }
.oferta li ul {float:left; width:100%; margin:0}
.oferta li li {width:100%; margin:0; color:#666; font-size:.8em; line-height:1.7em; list-style:disc inside}
.oferta img {float:left; margin-top:5px; margin-right:24px; width:46px; opacity:.7}
.oferta div {float:left; width:250px;}
/* zobacz nasze realizacje */
.belki {margin:0 auto 80px; border-top:1px solid #f4f4f4; padding-top:60px}
.belki li {float:left; width:48%; margin:10px 0; height:auto; margin-right:4%}
.belki li:last-child {margin-right:0}
.belki li h3 {margin:0 0 15px; width:100%; font-family:'Open Sans'; font-size:1.6em}
.belki li p {margin:0; width:100%; color:#586367; font-family:'verdana'; font-size:.9em; }
.belki li img {float:left; margin-top:5px; margin-right:4%; width:10%; opacity:.8}
.belki li div {float:left; width:85%; margin:0}
/* button */
.zamow {float:right; width:24%; margin:0px 38% 100px; line-height:3.8em; color:#fff; background:#36b452; text-align:center; font-size:1em; font-family:'Open Sans'; letter-spacing:1px; transition: background 0.5s ease}
.zamow:hover {background:#4acb66}
/* realizacje */
.zrobione {float:left; width:100%; margin:0; background:#fff; margin-bottom:0px; }
.zrobione ul {float:left; width:100%}
.zrobione li {float:left; width:25%; }
.zrobione img {float:left; width:100%; }
.zrobione div {float:left; width:100%; line-height:4em; background:#262b2d; color:#fff; text-align:center; font-family:'Open Sans';}
.zrobione h2 {float:left; clear:both; width:100%; margin:0; margin-top:60px; line-height:0.5em; color:#fff; font-size:2.5em; text-align:center; font-family:'Open Sans'; letter-spacing:1px}
.zrobione h3 {float:left; clear:both; width:100%; margin:0; padding:0; margin-bottom:30px; ine-height:1em; color:#828282; font-size:1.1em; text-align:center; font-family:'Open Sans'; letter-spacing:1px}
.zrobione.www li {float:left; width:33.33%;}
.realizacje {display:block; width:1160px; margin:20px auto}
.realizacje ul {float:left; width:100%}
.realizacje ul li {float:left; margin-right:26px}
.realizacje ul li:last-child {margin-right:0}
.realizacje h2 {width:100%; float:left; font-family: 'Open Sans'; font-size:1.6em; font-weight:700; text-align:center; margin-bottom:30px}
/* KONTAKT */
#kontakt {float:left; width:100%; display:block; clear:both}
.kontakt fieldset {width:90%; border:none; border-top:1px solid #f4f4f4;}
.kontakt {float:left; width:50%; margin-top:50px}
.kontakt h3 {font-size:1.3em; margin-bottom:20px; }
.kontakt legend {font-family:'Open Sans'; font-size:1.3em; margin-bottom:20px; padding-right:20px }
.kontakt ul {margin-bottom:40px; width:90%}
.kontakt li {float:left; width:100%; font-family:'Open Sans', Arial; font-size:.9em}
.kontakt p {float:left; width:100%; margin-bottom:40px}
.kontakt-form {float:left; width:45%; margin-left:5%; margin-top:50px}
.kontakt-form fieldset {border:none; border-top:1px solid #f4f4f4;}
.kontakt-form legend {font-size:1.3em; margin-bottom:30px;}
.kontakt-form form {float:left; width:100%; color:#333; font-family:'Open Sans', 'Verdana';}
.kontakt-form form div {float:left; width:100%; margin:15px 0;}
.kontakt-form form div.wiadomosc {float:left; width:100%}
.kontakt-form form div label {float:left; width:100%; font-size:.9em; margin-bottom:10px; font-weight:600}
.kontakt-form form input {float:left; border:1px solid #e4e4e4; width:90%; padding:15px; font-size:.9em }
.kontakt-form form select {float:left; border:1px solid #e4e4e4; width:90%; padding:12px;}
.kontakt-form form textarea {float:left; border:1px solid #e4e4e4; font-size:1.1em; width:90%; height:200px; padding:15px;}
.kontakt-form form input[type=submit] {float:left; width:50%; margin:10px 0; padding:15px 0; color:#fff; background:#36b452; font-family:'Open Sans', 'Verdana'; border:none; font-size:.95em; letter-spacing:.1px; text-align:center; cursor:pointer}
.kontakt-form form input[type=submit]:hover {text-decoration:none; background:#4acb66}
#kontakt {float:none; display:block; margin:40px auto 100px; width:1160px; overflow:auto; padding-top:20px}
#w1 {display: block; width:100%}
#w2,#w3,#w4 {display: none; width:100%}
#druk2 {display:none}
.projekt-wizytowki {float:left; margin-bottom:50px !important}
/* zasady ogólne */
.landing {float:left; width:100%; }
.landing h2 {float:left; width:95%; font-size:2.6em; line-height:1.2em; color:#333; font-family:'Open Sans', 'Verdana'; font-weight:700}
.landing p {float:left; width:95%; font-size:1.2em; line-height:1.7em; color:#888; font-family:'Lato', 'Verdana';}
.landing p a {color:#0088cc}
.landing p a:hover {text-decoration:underline}
.landing div:first-child {width:1160px; margin:0 auto; padding:40px 0}
/* Dlaczego my? */
.landing.dlaczego {margin:0 0 40px}
.landing.dlaczego div {padding:10px 0; overflow:auto}
.landing.dlaczego h2 {width:100%; font-size:3.5em; text-align:center}
.landing.dlaczego h3 {float:left; width:100%; margin:10px 0 0; font-size:1.2em; line-height:1.5em; color:#0088cc; font-family:'Open Sans', 'Verdana'; font-weight:600; text-align:center; }
.landing.dlaczego p {float:left; width:100%; margin-top:30px; font-size:1.2em; line-height:1.8em; color:#333; text-align:center}
.landing.dlaczego ul {float:left; width:100%; }
.landing.dlaczego li {float:left; width:33%; margin:0; font-size:1em; line-height:1.5em; color:#333;}
.landing.dlaczego li div {float:left; width:70%; margin:0; height:150px}
.landing.dlaczego.www li div {float:left; width:70%; margin:0; height:170px}
.landing.dlaczego li div:nth-child(3n+3) {width:100%;}
.landing.dlaczego li img {float:left; margin:15px 5% 40px 0; width:15%}
.landing.dlaczego li img.smaller {width:57px}
.landing.dlaczego div h4 {color:#000; font-family:'Open Sans', 'Verdana'; font-size:1.3em; font-weight:600; text-align:left; width:100%; line-height:1.3em }
.landing.dlaczego div p {font-size:.85em; margin-top:10px; color:#666; font-family:'Open Sans', 'Verdana'; text-align:left; width:100%}
/* Zamów stronę */
.landing.wybor {margin:20px 0 40px}
.landing.wybor h2 {width:100%; margin:60px 0 10px; font-size:3.2em; line-height:1.1em; text-align:center}
.landing.wybor h3 {float:left; width:100%; margin:20px 0 50px; font-size:1.4em; line-height:1.6em; color:#999; text-align:center}
/* BRIEF WWW */
body.wycena {background:#f5f8fa}
.landing.brief-www {float:left; background:#f5f8fa;}
.landing.brief-www form {overflow:hidden; color:#333; font-family:'Open Sans', 'Verdana'; width:1160px; margin:0 auto; position:relative; float:none; margin-bottom:200px}
.landing.brief-www form div {float:left; width:50%; margin:0 0 30px; position:relative}
.landing.brief-www form div.wiadomosc {float:left; width:100%}
.landing.brief-www form div label {float:left; clear:both; width:90%; font-size:.9em; margin-bottom:7px; font-weight:600; position:relative}
.landing.brief-www form input {float:left; border:1px solid #e4e4e4; width:90%; padding:13px; font-size:1em; background:#fff }
.landing.brief-www form select {float:left; border:1px solid #e4e4e4; width:94%; padding:13px; font-size:1em}
.landing.brief-www form textarea {float:left; border:1px solid #e4e4e4; width:90%; height:183px; padding:12px; font-size:.9em; font-family:'Open Sans', 'Verdana'; }
.landing.brief-www form input[type=submit] {float:right; width:40%; margin:20px 30% 0; line-height:2em; color:#fff; background:#36b452; border:none; text-align:center; cursor:pointer; font-size:1em; font-family:'Open Sans'; letter-spacing:1px; transition: background 0.5s ease;}
.landing.brief-www form input[type=submit]:hover {text-decoration:none; background:#4acb66}
.landing.brief-www form .dane-firmy {float:left; width:100%; margin-bottom:0; padding-bottom:0}
.landing.brief-www form .dane-firmy div {float:left; height:70px}
.landing.brief-www form fieldset {margin-bottom:10px; }
.landing.brief-www form legend {width:100%; font-size:1.4em; line-height:1.5em; margin:10px 0 20px; color:#333; position:relative}
/* Wizytówki */
.wizytowki-form form {float:left; overflow:hidden; color:#333; font-family:'Open Sans', 'Verdana'; width:100%; margin:0 auto;}
.wizytowki-form form div {float:left; width:100%; margin:0 0 30px; position:relative}
.wizytowki-form form input {float:left; border:1px solid #e4e4e4; width:90%; padding:13px; font-size:1em }
.wizytowki-form form div label {float:left; clear:both; width:90%; font-size:.9em; margin-bottom:7px; font-weight:600; position:relative}
.wizytowki-form form select {float:left; border:1px solid #e4e4e4; width:90%; padding:13px; font-size:1em; margin:20px 0}
.wizytowki-uwagi {float:left; width:100%;}
.druk-wizytowek {margin-top:50px;}
/* 404 */
#error404 h1{font-size:8em; width:100%; float:left; text-align:center; font-weight:700; font-family:'Arial'; margin-top:200px}
#error404 h2{font-size:1.7em; width:100%; float:left; text-align:center; font-weight:700; font-family:'Arial'; margin-top:20px}
#error404 p{font-size:.85em; width:100%; float:left; text-align:center; margin-top:20px; line-height:1.7em; margin-bottom:90px}
#cookieinfo {position:fixed; font-size:12px; font-family:'Open Sans', Verdana, sans-serif; left:0px; bottom:0px; right:0px; background:#f4f4f4; background-color: rgba(244, 244, 244, 0.9); padding:20px; z-index:1000;}
#cookieinfo div {display:block; margin:0 auto; width:1160px}
#cookieinfo h5 {font-size:16px; color:#666; margin-bottom:10px; font-family:'Open Sans'}
#cookieinfo p {font-size:12px; color:#666; line-height:1.5em; }
#cookieinfo a {display:block; position:absolute; right:100px; top:15px; padding:8px 15px; font-size:12px; color:#ffffff; text-align:center; text-decoration:none; background:#36b452;}
#cookieinfo a:hover {background:#4acb66;}
@media only screen and (min-width: 980px) and (max-width:1199px) {
nav {width:960px;}
main h1 {width:960px;}
main h2 {width:960px;}
main p {width:960px;}
main ul {width:960px;}
main section {width:960px;}
section {width:960px; }
.portfolio-category ul {width:960px;}
.foot-top div {width:960px;}
.foot-middle div {width:960px;}
footer.foot .dol {width:960px;}
.header-top {height:500px;}
.header-top h1 {margin-top:150px;}
.header-top h2 {margin-top:30px;}
.header-top p {width:50%; margin:15px auto 0; padding-top:20px; }
.header-top a {width:30%; margin:50px 35%;}
.header-top.mini {height:200px}
.header-top.mini h1 {margin-top:70px; font-size:3.3em;}
.header-top.mini p {display:none}
.header-index h1 {margin-top:120px; font-size:3.7em; }
.header-index h2 {margin-top:30px; line-height:1.3em}
.header-index a {margin:30px 37%; line-height:3.2em;}
#slider {width:960px;}
#slides {height:400px; width:960px}
.slide {width:960px; height:400px;}
.loga li {width:33.33%}
.loga li img {width:100%}
.oferta {margin:0px auto 60px; padding-top:60px}
.oferta li {width:300px; margin:20px 15px 40px;}
.oferta li:nth-child(3n+1) {margin-left:0}
.oferta li:nth-child(3n+3) {margin-right:0}
.oferta li span {height:130px; }
.oferta img {margin-right:24px; width:46px; opacity:.7}
.oferta div {width:220px;}
.czarna-belka ul {width:960px;}
.czarna-belka li {width:192px;}
.czarna-belka img {margin:20px 76px 15px; width:40px; }
.glowna-informacje div {width:960px; }
.portfolio li {float:left; width:33.33%}
#kontakt {margin:40px auto 100px; width:960px;}
.landing div:first-child {width:960px}
.landing.dlaczego li {float:left; width:33%; margin:0; font-size:1em; line-height:1.5em; color:#333;}
.landing.dlaczego li div {float:left; width:70%; margin:0; height:170px}
.landing.dlaczego.www li div {float:left; width:70%; margin:0; height:200px}
.landing.dlaczego li img {float:left; margin:5px 5% 120px 0; width:15%}
.landing.dlaczego li img.smaller {width:50px}
.foot-middle h4 {font-size:1.2em;}
.landing.brief-www form {width:960px;}
#cookieinfo div {width:960px}
}
/* Pionowy tablet duży */
@media only screen and (min-width:800px) and (max-width: 979px) {
nav {width:95%; margin:0 2.5%}
main h1 {width:100%;}
main h2 {width:100%;}
main p {width:100%;}
main ul {width:100%;}
main section {width:100%;}
section {width:100%; }
nav ul li a { padding:31px 13px 32px;}
.portfolio-category ul {width:100%;}
.foot-top {display:none}
.foot-top div {width:95%; margin:0 2.5%}
.foot-middle {display:none}
footer.foot .dol {width:95%; margin:0 2.5%}
.header-top {height:auto; padding-bottom:60px }
.header-top h1 {margin-top:80px; width:95%; margin-right:2.5%; margin-left:2.5%; font-size:3.2em; letter-spacing:1px; text-transform:none}
.header-top h2 {margin-top:10px;}
.header-top p {width:50%; margin:15px auto 0; padding-top:20px; }
.header-top a {width:30%; margin:50px 35%;}
.header-top.mini {height:200px}
.header-top.mini h1 {margin-top:70px; font-size:3.3em;}
.header-top.mini p {display:none}
.header-index {width:100%;}
.header-index h1 {margin-top:120px; font-size:3.7em; }
.header-index h2 {margin-top:30px; line-height:1.3em}
.header-index a {margin:30px 37%; line-height:3.2em;}
#slider {width:100%; height:400px; }
#slides {width:100%; display:none}
.slide {width:800px; margin:0; display:none}
.slide.mob {display:block; width:95%; margin:0 2.5%;}
.oferta {width:95%; margin:0 2.5%}
.oferta {margin:0px auto 60px; padding-top:60px}
.oferta li {width:31%; margin:0px 1.7% 10px;}
.oferta li:nth-child(3n+1) {margin-left:0}
.oferta li:nth-child(3n+3) {margin-right:0}
.oferta li span {height:130px; }
.oferta img {margin-right:5%; width:15%; opacity:.7}
.oferta div {width:80%;}
.oferta li p {font-size:.85em}
.oferta3 {width:95%; margin:0 2.5%}
.czarna-belka ul {width:100%; display:none}
.czarna-belka li {width:20%;}
.czarna-belka img {margin:20px 76px 15px; width:40px; }
.glowna-informacje { margin-bottom:50px}
.glowna-informacje div {width:100%;}
.glowna-informacje h2 { font-size:2.3em;}
.glowna-informacje p { font-size:1em;}
.portfolio li {float:left; width:33.33%}
.belki {width:95%; margin-left:2.5%; margin-right:2.5%}
#kontakt {margin:40px 2.5% 100px; width:95%;}
.landing div:first-child {width:95%; margin:0 2.5%}
.landing.dlaczego li {float:left; width:33%; margin:0; font-size:1em; line-height:1.5em; color:#333;}
.landing.dlaczego li div {float:left; width:70%; margin:0; height:170px}
.landing.dlaczego li img {float:left; margin:5px 5% 140px 0; width:15%;}
.landing.dlaczego li img.smaller {width:50px}
.landing.dlaczego div h4 {font-size:1em}
.landing.dlaczego div p {font-size:.8em}
.zamow {width:40%; margin-left:35%; margin-right:30%}
.landing.dlaczego li {float:left; width:33%; margin:0; font-size:1em; line-height:1.5em; color:#333;}
.landing.dlaczego li div {float:left; width:70%; margin:0; height:170px}
.landing.dlaczego.www li div {float:left; width:65%; margin:0; height:220px}
.landing.dlaczego li img {float:left; margin:5px 5% 120px 0; width:15%}
.landing.dlaczego li img.smaller {width:50px}
.landing.brief-www form {width:95%; margin-left:2.5%; margin-right:2.5%}
.landing.wybor h3 {font-size:1.1em;}
.zrobione li {float:left; width:50%;}
.zrobione.www li {float:left; width:50%;}
.loga li {width:33.33%}
.loga li img {width:100%}
.strona-oferty {width:95%; margin-left:2.5%;}
#cookieinfo div {width:90%; margin-right:5%; margin-left:5%}
}
@media only screen and (min-width: 600px) and (max-width: 799px) {
nav {width:95%; margin:0 2.5%}
main h1 {width:100%;}
main h2 {width:100%;}
main p {width:100%;}
main ul {width:100%;}
main section {width:100%;}
section {width:100%; }
nav ul li {display:none}
nav ul li.mobile-menu {display:block; margin:0; padding:0; margin-top:10px; }
nav ul li.mobile-menu a {margin:0; padding:0; float:left; padding:20px 18px; font-size:1.1em}
nav ul li.mobile-menu a:hover {border:none;}
nav ul li.mobile-menu ul li {display:block}
.li-body {display:none;}
nav ul li.mobile-menu ul {display:none; overflow:hidden; background:#fff; position:relative; z-index:9999; } /* nawigacja po rozwinięciu */
nav ul li.mobile-menu:hover ul {height:auto; position:absolute; display:block; width:100%; margin-top:60px; margin-left:0px; left:0}
nav ul li.mobile-menu ul li {width:100%; text-align:center; margin:0}
nav ul li.mobile-menu li a, nav ul li.mobile-menu li:last-child a {color:#6a6b6d; margin:0; padding:0; clear:both; float:none; font-size:1.2em; display:block; text-indent:0; text-align:left; overflow:visible; z-index:9999; height:auto; clear:both; border-bottom:1px solid #ededed; padding:17px 0; font-family:'Verdana'; text-transform:none; text-align:center}
nav ul li.mobile-menu ul li a:hover {background:#36b452; color:#fff; border-bottom:1px solid #4acb66;}
.portfolio-category ul {width:100%;}
.foot-top {display:none}
.foot-top div {width:95%; margin:0 2.5%}
.foot-middle {display:none}
footer.foot .dol {width:95%; margin:0 2.5%}
footer.foot .dol p {display:none}
.header-top {height:auto; padding-bottom:60px }
.header-top h1 {margin-top:80px; width:95%; margin-right:2.5%; margin-left:2.5%; font-size:3em; letter-spacing:1px; text-transform:none}
.header-top h2 {margin-top:10px; line-height:1.2em}
.header-top p {width:95%; margin:15px 2.5% 0; padding-top:20px; }
.header-top a {width:30%; margin:50px 35% 20px}
.header-top.mini {height:200px}
.header-top.mini h1 {margin-top:70px; font-size:3.3em;}
.header-top.mini p {display:none}
.header-index {width:100%; height:auto}
.header-index h1 {margin-top:60px; font-size:3.5em; line-height:1.2em}
.header-index h2 {margin-top:10px; line-height:1.3em}
.header-index a {width:50%; margin:40px 25%; line-height:3.2em;}
#slider {width:100%; }
#slides {width:100%; display:none}
.slide {width:800px; margin:0; display:none}
.slide.mob {display:block; width:95%; margin:0 2.5%; height:auto}
.oferta {width:95%; margin:0 2.5%}
.oferta {margin:0px auto 60px; padding-top:60px}
.oferta li {width:31%; margin:20px 1.7% 10px;}
.oferta li:nth-child(3n+1) {margin-left:0}
.oferta li:nth-child(3n+3) {margin-right:0}
.oferta li span {height:130px; }
.oferta img {margin-right:5%; width:15%; opacity:.7}
.oferta div {width:80%;}
.oferta3 {width:90%; margin:0 5%}
.czarna-belka ul {width:100%; display:none}
.czarna-belka li {width:20%;}
.czarna-belka img {margin:20px 76px 15px; width:40px; }
.glowna-informacje div {width:95%; margin:0 2.5% }
.glowna-informacje h2 { font-size:2.1em;}
.glowna-informacje p { font-size:1em;}
.portfolio li {float:left; width:50%}
.belki {width:90%; margin-left:5%; margin-right:5%}
.belki li {width:100%}
.belki li img {width:7%}
.belki li h3 {font-size:1.4em}
#kontakt {margin:40px 2.5% 100px; width:95%;}
.kontakt {width:100%}
.kontakt-form {width:90%}
.landing div:first-child {width:95%; margin:0 2.5%}
.landing.dlaczego li {float:left; width:50%; margin:0; font-size:1em; line-height:1.5em; color:#333;}
.landing.dlaczego li div {float:left; width:90%; margin:0; height:150px}
.landing.dlaczego li img {display:none}
.landing.dlaczego.www li div {height:170px; width:100%}
.landing.dlaczego.www li p {width:90%}
.zamow {width:40%; margin-left:35%; margin-right:30%}
/* BRIEF WWW */
.landing.brief-www form {width:90%; margin-left:5%; margin-right:5%; float:none !important; margin-bottom:200px}
.landing.brief-www form fieldset div {float:left; display:block; width:100%}
.landing.brief-www div {float:left; display:block; clear:both;width:100%}
.landing.brief-www form input {width:93%}
.landing.brief-www form select {width:98%}
.landing.brief-www form textarea {width:93%}
.landing.brief-www form div {float:left; width:100%; }
.landing.brief-www form .dane-firmy div {width:100%;}
.landing.wybor h2 {font-size:2.6em}
.landing.wybor h3 {font-size:1.1em}
.zrobione li {float:left; width:50%;}
.zrobione.www li {float:left; width:50%;}
.zrobione h2 {width:95%; margin:40px 2.5% 10px; line-height:1.1em; font-size:2.3em}
.zrobione h3 {width:95%; margin:0px 2.5% 40px; line-height:1.3em}
.loga li {width:33.33%}
.loga li img {width:100%}
.strona-oferty {width:95%; margin-left:2.5%;}
.strona-oferty {margin-bottom:100px; position:relative; overflow:visible}
.strona-oferty div {float:left; width:95%; margin:0 2.5%}
#error404 h1 {font-size:6.4em; width:100%; float:left; text-align:center; font-weight:700; font-family:'Arial'; margin-top:200px}
#error404 h2 {font-size:1.5em; width:100%; float:left; text-align:center; font-weight:700; font-family:'Arial'; margin-top:20px}
#error404 p {font-size:.85em; width:100%; float:left; text-align:center; margin-top:20px; line-height:1.7em; margin-bottom:90px}
#cookieinfo {display:none}
}
@media only screen and (max-width: 599px) {
nav {width:95%; margin:0 2.5%}
main h1 {width:100%;}
main h2 {width:100%;}
main p {width:100%;}
main ul {width:100%;}
main section {width:100%;}
section {width:100%; }
nav ul li {display:none}
nav ul li.mobile-menu {display:block; margin:0; padding:0; margin-top:10px; }
nav ul li.mobile-menu a {margin:0; padding:0; float:left; padding:20px 18px; font-size:1.1em}
nav ul li.mobile-menu a:hover {border:none;}
nav ul li.mobile-menu ul li {display:block}
.li-body {display:none;}
nav ul li.mobile-menu ul {display:none; overflow:hidden; background:#fff; position:relative; z-index:9999; } /* nawigacja po rozwinięciu */
nav ul li.mobile-menu:hover ul {height:auto; position:absolute; display:block; width:100%; margin-top:60px; margin-left:0px; left:0}
nav ul li.mobile-menu ul li {width:100%; text-align:center; margin:0}
nav ul li.mobile-menu li a, nav ul li.mobile-menu li:last-child a {color:#6a6b6d; margin:0; padding:0; clear:both; float:none; font-size:1.2em; display:block; text-indent:0; text-align:left; overflow:visible; z-index:9999; height:auto; clear:both; border-bottom:1px solid #ededed; padding:17px 0; font-family:'Verdana'; text-transform:none; text-align:center}
nav ul li.mobile-menu ul li a:hover {background:#36b452; color:#fff; border-bottom:1px solid #4acb66;}
.portfolio-category ul {width:100%;}
.foot-top {display:none}
.foot-top div {width:95%; margin:0 2.5%}
.foot-middle {display:none}
footer.foot .dol {width:90%; margin:0 5%}
footer.foot .dol ul {width:175px; margin:12px auto; float:none; display:block}
footer.foot .dol p {display:none}
.header-top {height:auto; padding-bottom:40px }
.header-top h1 {margin-top:30px; width:90%; margin-right:5%; margin-left:5%; letter-spacing:1px; text-transform:none; font-size:2em; line-height:1.2em}
.header-top h2 {margin-top:10px; line-height:1.2em; font-size:1.2em; width:90%; margin:10px 5%}
.header-top p {width:95%; margin:15px 2.5% 0; padding-top:20px; }
.header-top a {width:80%; margin:20px 10% 0;}
.header-top.mini {height:200px}
.header-top.mini h1 {margin-top:70px; font-size:3.3em;}
.header-top.mini p {display:none}
.header-index {width:100%; height:auto;}
.header-index h1 {margin-top:30px; font-size:2.5em; line-height:1.2em; text-transform:none; letter-spacing:0}
.header-index h2 {margin-top:10px; line-height:1.3em; font-size:1.2em}
.header-index a {width:60%; margin:20px 20% 0; line-height:3.2em; letter-spacing:0}
#slider {width:100%; }
#slides {width:100%; display:none}
.slide {width:800px; margin:0; display:none}
.slide.mob {display:block; width:95%; margin:0 2.5%; height:auto}
.oferta {width:90%; margin:0 5%}
.oferta {margin:0px auto 60px; padding-top:60px}
.oferta li {width:100%; margin:0px 0 30px;}
.oferta li:nth-child(3n+1) {margin-left:0}
.oferta li:nth-child(3n+3) {margin-right:0}
.oferta li span {height:130px; }
.oferta img {margin-right:8%; width:12%; opacity:.7}
.oferta div {width:80%;}
.oferta li h3 {font-size:1.4em}
.oferta li p {font-size:1em}
.oferta3 {width:90%; margin:0 5%}
.oferta3 li {float:left; width:48%; margin:1%}
.czarna-belka ul {width:100%; display:none}
.czarna-belka li {width:20%;}
.czarna-belka img {margin:20px 76px 15px; width:40px; }
.glowna-informacje {margin-top:40px}
.glowna-informacje div {width:90%; margin:0 5% }
.glowna-informacje h2 { font-size:1.6em; text-align:left; line-height:1.2em; margin:0; font-weight:700}
.glowna-informacje p {width:100%; margin:20px 0 0; font-size:1em; text-align:left; line-height:1.6em}
.portfolio li {float:left; width:90%; margin:2.5% 5%}
.portfolio li:first-child {margin-top:5%}
.portfolio li:last-child {margin-bottom:5%}
.belki {width:90%; margin-left:5%; margin-right:5%}
.belki li {width:100%}
#kontakt {margin:40px 5% 100px; width:90%;}
.kontakt {width:90%; margin:20px 5% 0}
.kontakt-form {width:90%}
.kontakt-form form input[type=submit] {width:100%; margin:20px 0 0 }
.kontakt-form form input {width:85%}
.kontakt-form form textarea {width:85%}
.landing div:first-child {width:90%; margin:0 5%}
.landing.dlaczego li {float:left; width:100%; margin:0; font-size:1em; line-height:1.5em; color:#333;}
.landing.dlaczego li div {float:left; width:100%; margin:0; height:100px}
.landing.dlaczego li p {width:90%; }
.landing.dlaczego li img {display:none}
.landing.dlaczego.www li div {height:auto; margin:0}
.landing.dlaczego.www li p {width:100%; }
.zamow {width:60%; margin-left:20%; margin-right:20%;}
/* BRIEF WWW */
.landing.brief-www form {width:90%; margin-left:5%; margin-right:5%}
.landing.brief-www form fieldset div {float:left; display:block; width:100%}
.landing.brief-www div {float:left; display:block; clear:both;width:100%}
.landing.brief-www form input {width:86%}
.landing.brief-www form select {width:96%}
.landing.brief-www form textarea {width:92%}
.landing.brief-www form div {float:left; width:100%; }
.landing.brief-www form .dane-firmy div {width:100%;}
.landing.brief-www form input[type=submit] {width:80%; margin:10px 10% 0; }
.landing.brief-www form label {line-height:1.5em}
.landing.wybor {margin:0}
.landing.wybor h2 {font-size:1.8em; margin-top:0}
.landing.wybor h3 {font-size:1em; margin-top:10px; line-height:1.6em}
.zrobione div {background:#222}
.zrobione li {float:left; width:100%; }
.zrobione.www li {float:left; width:100%;}
.zrobione h2 {width:90%; margin:40px 5% 10px; line-height:1.1em; font-size:1.4em}
.zrobione h3 {width:95%; margin:0px 2.5% 40px; line-height:1.3em}
.loga li {width:90%; margin:0 5%}
.loga li img {width:100%}
.strona-oferty {width:95%; margin-left:2.5%;}
.strona-oferty {margin-bottom:40px; position:relative; overflow:visible}
.strona-oferty div {float:left; width:95%; margin:0 2.5%}
.strona-oferty h3 {line-height:1.3em}
#error404 h1 {font-size:5em; width:100%; float:left; text-align:center; font-weight:700; font-family:'Arial'; margin-top:200px}
#error404 h2 {font-size:1.5em; width:100%; float:left; text-align:center; font-weight:700; font-family:'Arial'; margin-top:20px}
#error404 p {font-size:.85em; width:100%; float:left; text-align:center; margin-top:20px; line-height:1.7em; margin-bottom:90px}
#cookieinfo {display:none}
}