@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap&subset=latin-ext');

html, body { margin: 0px auto; padding: 0px; width: 100%; font-family: "Open Sans", sans-serif, Arial, Tahoma, Helvetica, "Lucida Sans Unicode"; font-weight: 400; font-size: 13px; color: #4d4d4d; background: #fff; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
iframe { border:none; }
input, select, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  font-family: "Open Sans", sans-serif, Arial, Tahoma, Helvetica, "Lucida Sans Unicode"; }

img { border: none; }
.kreska1 { border-bottom: 1px solid #d8d8d8; padding: 5px; }
.kreska_gora { border-top: 1px solid #d8d8d8; padding-top: 20px; margin-top: 20px; }
.kreska_gora2 { border-top: 1px solid #d8d8d8; padding-top: 15px; margin-top: 5px; }
.kreska_gora3 { border-top: 5px solid #ececed; padding-top: 10px; margin-top: 0px; }
.kreska_dol { border-bottom: 1px solid #d8d8d8; padding-bottom: 20px; margin-bottom: 20px; }
.kreska_dol2 { border-bottom: 1px solid #d8d8d8; padding-bottom: 15px; margin-bottom: 5px; }
.kreska_dol3 { border-top: 5px solid #ececed; padding-bottom: 10px; margin-bottom: 0px; }
.lead { color: #000; font-size: 16px; line-height: 140%; margin-bottom: 30px; }
.grubosc800 { font-weight: 800!important; }
.grubosc700 { font-weight: 700!important; }
.grubosc600 { font-weight: 600!important; }
.grubosc400 { font-weight: 400!important; }
.grubosc300 { font-weight: 300!important; }
.gruby { font-weight: 700!important; }
.gruby2 { font-weight: 400!important; }
.cienki { font-weight: 300!important; }
.wyczysc { clear: both; }
.czarnykolor { color: #282827!important; }
.bialykolor { color: #fff!important; }
.czerwonykolor { color: #ee3642!important; }
.wysrodkuj { vertical-align: middle; }
.center { text-align: center!important; }
.prawy { text-align: right!important; }
.lewy { text-align: left!important; }
.wylacz_ramka { border: none!important; }
.wylacz_margines { margin: 0px!important; }
.wylacz_padding { padding: 0px!important; }
.wylacz_margines_dol { margin-bottom: 0px!important; }
.wylacz_margines_prawy { margin-right: 0px!important; }
.wylacz_margines_lewy { margin-right: 0px!important; }
.telefon_show { display: none; }
img.specjalnafoto { position: absolute; bottom: -10px; right: -10px; border: none !important; }
.podofertami { font-size: 10px; line-height: 130%; text-align: justify; font-style: italic; }
.malelitery { text-transform: lowercase!important; }
.duzelitery { text-transform: uppercase!important; }
.ukrytydiv { display: none; }
.maximg img { max-width: 100%; }
.tablet_show { display: none; }
.malaczcionka { font-size: 10px; }
.nieprzenos { white-space: nowrap!important; }

/* PIERWSZA BLOKI */
div.piewsza_lewa { width: calc(100% - 350px); float: left; margin-right: 30px; }
div.piewsza_prawa { width: 320px; float: left; }
div.piewsza_prawa div.aktualnosc_pierwsza { width: 100%; float: left; margin-bottom: 20px; }
div.piewsza_prawa div.aktualnosc_pierwsza p { line-height: 22px; }
div.piewsza_prawa div.aktualnosc_pierwsza img { width: 40%; height: auto; margin: 0 15px 10px 0; float: left; }

/* NAGŁOWKI */
.tytul { font-weight: 300; color: #ee3642; margin: 0 0 25px 0; clear: both; line-height: 120%; }
.tytul_1 { font-size: 30px; }
.tytul_2 { font-size: 28px; }
.tytul_3 { font-size: 26px; }
.tytul_4 { font-size: 24px; }
.tytul_5 { font-size: 22px; }
.tytul_6 { font-size: 18px; }
.wyroznij_tytul { padding: 5px; background: #fafafa; }
.tytul_naglowek2 { margin: 0px!important; float: left; }

/* LINKI */
.obiektfade { transition-property: opacity; transition-duration: 0.2s; }
.obiektfade:hover { opacity: 0.7; }
a { color: #282827; text-decoration: none; transition-duration: 0.2s; }
a:hover { color: #000; text-decoration: none; }
a.linkrevers { color: #000; text-decoration: none; transition-duration: 0.2s; }
a.linkrevers:hover { color: #282827; text-decoration: none; }
a.linkszary { color: #555; text-decoration: none; transition-duration: 0.2s; }
a.linkszary:hover { color: #000; text-decoration: none; }
a.linkszczegoly { border: 1px solid #ed1c24; padding: 10px 20px; border-radius: 10px; font-size: 16px; font-weight: 600; transition-duration: 0.2s; }
a.linkszczegoly:hover { color: #fff; background: #ed1c24; }

/* NAWIGACJA */
.nawigacja { width: 100%; font-size: 14px; margin: 40px 0; font-weight: 400; clear: both; float: left; color: #000; text-align: center; }
.nawigacja span.linki { color: #000; display: inline; }
.nawigacja span.linki a, .nawigacja span.linki span.aktywny { padding: 10px 17px; margin-left: 1px; display: inline-block; }
.nawigacja span.linki span.aktywny, .nawigacja span.linki a:hover { color: #fff; background: #ee3642; }

/* NAWIGACJA DÓŁ */
div.nawigacjadol a { color: #5f6062; transition-duration: 0.2s; white-space: nowrap!important; margin: 0 12px; }
div.nawigacjadol a:hover { color: #db002f; }
div.nawigacjadol img { vertical-align: middle; margin: 0 5px; }

/* KOMUNIKATY */
.kalkulator_belka { padding: 10px 0; text-align: center; background: #e32f40; font-size: 13px; color: #fff; width: 100%; float: left; }
.komunikat_bad { padding: 10px 0; text-align: center; background: #e32f40; font-size: 13px; color: #fff; width: 100%; float: left; }
.komunikat_ok { padding: 10px 0; text-align: center; background: #54a315; font-size: 13px; color: #fff; width: 100%; float: left; }
.kolorwymagane { color: #c42000!important; }

/* FORMULARZE */
div.formularz, div.formularz2 { width: 100%; max-width: 600px; margin: 0px auto; }
div.formularz label { width: 30%; float: left; line-height: 40px; }
div.formularz input, div.formularz select, div.formularz textarea { width: 70%; }
div.formularz2 label { width: 70%; float: left; line-height: 40px; }
div.formularz2 input, div.formularz2 select, div.formularz2 textarea { width: 30%; }

input.form_1, select.form_1, textarea.form_1 { padding: 8px 5px; margin: 3px 0; border: 1px solid #ccc; background: #ddd; color: #383838; font-family: "Open sans", sans-serif, Tahoma, Arial, Verdana, Helvetica; font-size: 12px; transition-duration: 0.2s; }
input.form_1:hover, select.form_1:hover, textarea.form_1:hover { background: #ccc; }
.button_1 { padding: 8px 18px 9px 18px; margin: 0px; border: none; color: #fff; background: #ee3642; cursor: pointer; transition-duration: 0.2s; width: auto!important; }
.button_1:hover { background: #5f6062; color: #fff; }
.button_2 { padding: 8px 18px 9px 18px; margin: 0px; border: none; color: #fff; background: #ee3642; cursor: pointer; transition-duration: 0.2s; font-size: 13px; font-weight: 400; width: auto!important; }
.button_2:hover { background: #5f6062; color: #fff; }

input.form_2, select.form_2, textarea.form_2 { padding: 15px; margin: 0 0 1px 0; border: none; background: #ebebeb; color: #282827; font-family: "Open sans", sans-serif, Tahoma, Arial, Verdana, Helvetica; font-size: 12px; transition-duration: 0.2s; }
input.form_2:hover, select.form_2:hover, textarea.form_2:hover { background: #d8d8d8; }

select.form_sortuj { height: 40px; width: auto; padding: 0 5px; margin: 0px; border: none; background: #ececec; color: #000; font-family: "Open sans", sans-serif, Tahoma, Arial, Verdana, Helvetica; font-weight: 300; font-size: 14px; transition-duration: 0.2s; margin-left: 5px; }
select.form_sortuj:hover { background: #d9d9d9; }
.button_sortuj { width: 40px; height: 40px; cursor: pointer; border: none; margin: 0px; background: #fff url('../gfx/ikona_sortuj.png') no-repeat center center; transition-duration: 0.2s; border-right: 1px solid #ececec; }
.button_sortuj:hover { background: #ececec url('../gfx/ikona_sortuj.png') no-repeat center center; }

/* PIERWSZA KONTAKT */
div.pierwsza_kontakt { width: calc(50% - 10px); margin: 0 5px 10px 5px; font-size: 14px; float: left; }
div.pierwsza_kontakt a { color: #af8b99; }
div.pierwsza_kontakt a:hover { color: #7a5865; }
div.ctx_foto { width: 100%; height: 160px; line-height: 160px; float: left; margin-bottom: 10px; overflow: hidden; }
div.ctx_foto img { width: 100%; min-height: 160px; float: left; vertical-align: middle; }

/* LAMANIE */
#CALY { width: 100%; float: left; }
#wyswietlwynik { width: 100%; float: left; }
#MIDDLE { width: 100%; float: left; margin: 30px 0; }
div.szerokosctekstu { width: 100%; float: left; }
div.trescmaterialu { width: 100%; float: left; margin-bottom: 30px; }
div.lamanienapol { width: 48%; float: left; margin-bottom: 20px; margin-right: 4%; }
div.lamanienapol2 { width: 48%; float: left; margin-bottom: 20px; margin-right: 2%; }
div.lamanienapol3 { width: 50%; float: left; margin-bottom: 20px; }
div.lamanienatrzy { width: 32%; float: left; margin-bottom: 20px; margin-right: 2%; }
div.lamanienatrzy2 { width: calc(100%/3); float: left; margin-bottom: 20px; }
div.lamanienacztery { width: 23%; float: left; margin-bottom: 20px; margin-right: 2%; }
div.lamanienapiec { width: 18%; float: left; margin: 0 1% 20px 1%; }
div.sortowanie { text-align: center; margin-bottom: 20px; line-height: 30px; float: left; width: 100%; font-size: 14px; }

/* NASZE NIERUCHOMOŚCI */
div.nasze_nieruchomosci { width: 100px; height: 100px; margin: 0 auto; border-radius: 50px; background-color: #5f6062; background-position: center center; background-repeat: no-repeat; transition-duration: 0.2s; }
div:hover > div.nasze_nieruchomosci { background-color: #db002f; }
div.nasze_mieszkanie { background-image: url('../gfx/rodzaje/mieszkanie.png'); }
div.nasze_dom { background-image: url('../gfx/rodzaje/dom.png'); }
div.nasze_lokal { background-image: url('../gfx/rodzaje/lokal.png'); }
div.nasze_obiekt { background-image: url('../gfx/rodzaje/obiekt.png'); }
div.nasze_dzialka { background-image: url('../gfx/rodzaje/dzialka.png'); }

/* RODZAJE */
#RODZAJE { width: 100%; max-width: 1050px; margin: 0px auto; color: #000; }
#RODZAJE div.rodzaj { width: calc(20% - 1px); float: left; margin: 0 1px 1px 0; background: #fff; text-align: center; }
#RODZAJE div.rodzaj img { width: 100%; }
#RODZAJE div.rodzaj a { color: #000; transition-duration: 0.2s; }
#RODZAJE div.rodzaj a:hover { color: #d80c18; }
#RODZAJE div.rodzaj p.duze { font-weight: 700; font-size: 18px; margin-bottom: 0px; }
#RODZAJE div.rodzaj p.male { font-weight: 400; font-size: 14px; margin-top: 5px; }
#RODZAJE div.rodzaj p.male a { margin: 0 10px; }

/* SLIDER */
#SLIDER { width: 100%; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; padding: 20px 0; }
#SLIDER div.motto { width: 100%; padding: 15px 0 15px 0; float: left; font-size: 52px; color: #fff; text-shadow: 1px 1px 0px #000; font-weight: 700; text-align: center;  }
#SLIDER2 { width: 100%; height: 200px; float: left; position: relative; }
#SLIDERofertacontent { width: 100%; height: 100%; float: left; }
#SLIDERoferta { width: 100%; height: 400px; }
div.naglowekoferty { width: 80%; padding: 15px; background: rgba(0,0,0,0.8); color: #fff; position: absolute; bottom: 20px; left: 20px; transition-duration: 0.2s; z-index: 100; }
div.naglowekoferty span { white-space: nowrap; }

div.slider_banery div.sbaner { width: 272px; height: 115px; display: inline-block; background-size: 100%; background-repeat: no-repeat; background-position: center; border: 5px solid #fff; transition-duration: 0.2s; position: relative; float: right; margin: 0 5px 150px 5px; font-size: 34px; padding: 20px; color: #fff; }

div.slider_banery div.sbaner .sbaner_male { font-weight: 600; font-style: italic; text-shadow: 1px 1px 1px #000; }
div.slider_banery div.sbaner .sbaner_duze { font-weight: 800; font-style: italic; text-shadow: 1px 1px 1px #000; }
div.slider_banery div.sbaner .sbaner_link { font-weight: 400; font-size: 14px; padding: 5px 10px; background: #ee3642; position: absolute; right: 10px; bottom: 10px; }
div.slider_banery div.sbaner p { margin: 0px; line-height: 32px; }

div.slider_banery div.sbaner:hover { background-size: 110%; border: 5px solid #ee3642; }

/* wyszukiwarka pierwsza */
#WYSZpiercontent { width: 100%; max-width: 1200px; margin: 0px auto; }
#WYSZpiercontent div.wyszukiwarka { width: 100%; background: rgba(0,0,0,0.5); float: left; border-radius: 2px; padding-bottom: 10px; color: #fff; font-size: 14px; font-weight: 300; margin-top: 60px; }
#WYSZpiercontent div.wyszukiwarka_1 { width: calc(100%/5*2 - 10px); margin: 10px 0 0 10px; float: left; }
#WYSZpiercontent div.wyszukiwarka_2 { width: calc(100%/5 - 10px); margin: 10px 0 0 10px; float: left; }
#WYSZpiercontent p { margin: 0 0 5px 0; }

a.wyszukiwarka_ikona { display: inline-block; height: 100%; margin: 0 35px; color: #fff; position: relative; }
a.wyszukiwarka_ikona img { position: absolute; bottom: -12px; left: 50%; margin-left: -12px; display: none; transition-duration: 0.2s; }
a.wyszukiwarka_ikona:hover img, a.wyszukiwarka_ikona_2 img { display: block; }

div.wyszukiwarka select.wyszukiwarka_dlugi, div.wyszukiwarka input.wyszukiwarka_dlugi, div.wyszukiwarka select.wyszukiwarka_krotki, div.wyszukiwarka input.wyszukiwarka_krotki { height: 40px; line-height: 40px; border: none; padding: 0 10px; background: #fbfbfb; color: #000; transition-duration: 0.2s; font-size: 14px; font-weight: 400; border-radius: 2px; float: left; cursor: pointer; }
div.wyszukiwarka select.wyszukiwarka_dlugi, div.wyszukiwarka input.wyszukiwarka_dlugi { width: 100%; }
div.wyszukiwarka select.wyszukiwarka_krotki, div.wyszukiwarka input.wyszukiwarka_krotki { width: calc(50% - 5px); }
div.wyszukiwarka select.wyszukiwarka_dlugi:hover, div.wyszukiwarka input.wyszukiwarka_dlugi:hover, div.wyszukiwarka select.wyszukiwarka_krotki:hover, div.wyszukiwarka input.wyszukiwarka_krotki:hover { background: #fff; box-shadow: 0 0 5px #48484a; }

div.wyszukiwarka a.wyszukiwarka_mapa { height: 40px; width: 40px; display: inline-block; background: #fff url('../gfx/wyszukiwarka_mapa0.png') no-repeat center; transition-duration: 0.2s; border-radius: 2px; float: left; }
div.wyszukiwarka a.wyszukiwarka_mapa:hover, div.wyszukiwarka a.wyszukiwarka_mapa_zaz { background: #ee3642 url('../gfx/wyszukiwarka_mapa1.png') no-repeat center; }

div.wyszukiwarka input.wyszukiwarka_szukaj { height: 40px; line-height: 40px; padding: 0 10px; border: none; color: #fff; background: #ee3642; cursor: pointer; transition-duration: 0.2s; text-align: center; width: calc(50% - 5px); font-weight: 700; border-radius: 2px; float: left; }
div.wyszukiwarka input.wyszukiwarka_szukaj:hover { background: #f10e3f; color: #fff;}

div.wyszukiwarka input.wyszukiwarka_wiecej { height: 40px; line-height: 40px; padding: 0 10px; border: none; color: #fff; background: #48484a; cursor: pointer; transition-duration: 0.2s; text-align: center; width: 100%; font-weight: 700; border-radius: 2px; }
div.wyszukiwarka input.wyszukiwarka_wiecej:hover { background: #373739; color: #fff;}

div.wyszukiwarkaprzerwa { width: 10px; height: 40px; line-height: 40px; color: #fff; float: left; text-align: center; }

/* OGÓLNE */
div.spolecznosciowe { position: absolute; top: 5px; right: 0px; text-align: right; }
div.spolecznosciowe img { opacity: 0.6; transition-duration: 0.2s; vertical-align: middle; }
div.spolecznosciowe img:hover { opacity: 1; }
div.szerokosc_materialu { margin: 20px 0; float: left; width: 100%; }
div.zdjecie_glowne { width: 100%; height: 400px; float: left; margin-bottom: 20px; background-repeat: no-repeat; background-size: cover; background-position: center; }
.margines_dol { margin-bottom: 20px; }
.ukrytedane1 { cursor: pointer; }
.ukrytedane2 { display: none; }

/* MARGINES */
div.modul { width: 100%; float: left; margin-bottom: 30px; }
div.modul img { max-width: 100%; }
.lewy_link_material { width: 100%; color: #fff; background: #727272; transition-duration: 0.2s; display: block; font-weight: 300; font-size: 14px; padding: 15px 0; text-transform: uppercase; text-indent: 15px; }
a.lewy_link_material:hover { background: #e31d25; color: #fff; }
.lewy_link_material_rev { width: 100%; color: #fff; background: #e31d25; transition-duration: 0.2s; display: block; font-weight: 300; font-size: 14px; padding: 15px 0; text-transform: uppercase; text-indent: 15px; }
a.lewy_link_material_rev:hover { background: #727272; color: #fff; }

/* HEADER */
#HEADER { width:100%; float: left; font-weight: 400; }
div.header_zakladki { width: calc(100% - 250px); float: left; color: #000; font-size: 15px; text-align: center; }
div.header_zakladki_kontener a { text-transform: uppercase; }
span.flagi, span.spolecznosciowe { margin-left: 40px; white-space: nowrap; }
span.flagi img, span.spolecznosciowe img { vertical-align: middle; }
span.spolecznosciowe a { margin-left: 2px; }
a.zakladka { display: inline-block; padding: 15px 12px; color: #2c2c2e; transition-duration: 0.2s; }
a.zakladka:hover { color: #fff; background: #00386c; }
div.header_logo { width: 250px; float: left; margin: 10px 0; }
div.header_logo img { max-width: 100%; vertical-align: middle; }
div.header_gora2 { width: calc(100% - 250px); float: left; line-height: 30px; font-size: 14px; color: #000; text-align: right; font-weight: 400; }
div.header_gora2 a { color: #000; transition-duration: 0.2s; }
div.header_gora2 a:hover { color: #ee3642; }
div.header_gora2 img { vertical-align: middle; max-height: 24px; }
div.header_gora2 .telefon { color: #fff; background: #db002f; display: inline-block; padding: 0 15px; margin-left: 20px; }

/*FORMUALARZ KONTAKTOWY */
fieldset.kontakt { border-radius: 5px; border: 1px solid #ccc; padding: 10px; width: calc(100%-20px); }
fieldset.kontakt p { margin-bottom: 0px; }

/* KALULATOR KREDYTOWY */
#plan { overflow: hidden; margin: 20px auto; width: 70%; font-size: 12px; text-align: center; }
#plan .clear { clear: both; }
#plan .naglowek2 { float: left; width: 25%; padding: 5px 0; background: #2e2e2e; color: #fff; font-size: 14px; }
#plan .wykaz { float: left; width: 25%; padding: 5px 0; border-bottom: 1px dotted #2e2e2e; }

/* STOPKA */
#FOOTER { width: 100%; margin: 0px auto; color: #000; float: left; font-size: 12px; padding: 20px 0; background: #f6f6f6; font-weight: 400; }
#FOOTER div.linki { width: 20%; float: left; margin-bottom: 20px; }
#FOOTER div.linki2 { width: 20%; float: left; margin-bottom: 20px; }
#FOOTER div.linki a, #FOOTER div.linki2 a { display: block; font-size: 12px; padding: 3px 0; margin: 0px; font-weight: 400; }
#FOOTER a { color: #000; }
#FOOTER a:hover { color: #212121; }
.tytul_footer { font-size: 18px; color: #000; margin:  0 0 15px 0; font-weight: 400; }
div.footer_autor_blok { float: left; width: 50%; }
div.footer_autor_blok img { margin: 5px 0; }
div.autor { width: 100%; margin: 0px auto; color: #61615f; float: left; font-size: 11px; background: #fff; text-align: center; }
div.autor a { color: #61615f; }
div.autor a:hover { color: #000; }
ul.stopka { padding: 0px; margin: 0px; list-style: none; }
ul.stopka li { padding: 0px; margin: 0px; list-style: none; }

/*LINKI W MATERIALE I AKTUALNOŚCIACH */
div.materiallista { width: 100%; margin: 10px 0; float: left; }
div.materiallista img { vertical-align: middle; border: none; float: left; margin-right: 10px; }
div.materiallista a { display: block; padding: 15px; background: #5f6062; color: #fff; margin-bottom: 1px; transition-duration: 0.2s; }
div.materiallista a:hover { text-indent: 5px; background: #48484a; color: #fff; }

/* AKTUALNOSC */
#AKTUALNOSCI { width: 100%; float: left; }
#AKTUALNOSCI div.aktualnosc { width: calc(50% - 45px); float: left; margin: 0 30px 20px 0; padding: 15px; border-bottom: 1px dotted #aaa; position: relative; transition-duration: 0.2s; }
#AKTUALNOSCI div.aktualnosc:hover { background: #eee; }
#AKTUALNOSCI div.aktualnosc:hover a { color: #000; }
#AKTUALNOSCI div.aktualnosc img { float: left; width: 30%; height: auto; margin: 5px 15px 5px 0; }
#AKTUALNOSCI div.aktualnosc .datanews { font-size: 11px; margin: 0px; float: right; }
#AKTUALNOSCI div.aktualnosc:nth-child(2n+2) { margin: 0 0 20px 0; }

/* BANER */
#BANER p, div.banery p { margin: 0px; padding: 0px; }
#BANER img, div.banery img { border: none; max-width: 100%; }

/* INWESTYCJE LISTA GLOWNA */
div.listainwestycji_glowne { width: 100%; float: left; transition-duration: 0.2s; margin-bottom: 20px; padding-bottom: 12px; }
div.listainwestycji_glowne_foto { width: 245px; margin-right: 35px; float: left; overflow: hidden; text-align: center; }
div.listainwestycji_glowne_foto img { width: 100%; min-height: 100%; }
div.listainwestycji_glowne_opis { width: calc(100% - 280px); float: left; }

div.listainwestycji_glowne div.listainwestycji_tabelka { width: calc(100% - 20px); padding: 10px; float: left; background: #f2f2f2; border: 1px solid #c7c7c7; font-size: 18px; margin-bottom: 20px; }
div.listainwestycji_glowne div.listainwestycji_polowa { width: 35%; margin-right: 5%; float: left; font-size: 18px; text-align: center; }
div.listainwestycji_glowne div.listainwestycji_polowa2 { width: 60%; float: left; }
p.inwestycja_glowne { text-align: left!important; width: 100%!important; float: left; margin: 0 0 10px 0!important; padding-bottom: 10px!important; border-bottom: 1px solid #e9e9e9; font-size: 14px; }	

/* LISTA OFERT W INWESTYCJI */
table.szczegoly_lista { border: 0px; font-size: 14px; width: 100%; border-spacing: 0; border-collapse:collapse; }
table.szczegoly_lista td { border-bottom: 1px solid #fff; padding: 8px; }
table.szczegoly_lista tr.listanaglowek { background: #333;  color: #fff; font-size: 12px; }
table.szczegoly_lista td img { vertical-align: middle; }

/* ZDJECIA */
.galeriazdjec { width: 100%; float: left; margin-bottom: 20px; }
#ZDJECIA { width: 100%; float: left; margin: 30px 0; }
#ZDJECIA img { width: 19%; height: 19%; float: left; margin: 0 1% 1% 0; }
div.duzezdjecie { width: 100%;  float: left; overflow: hidden; margin-bottom: 20px; }
img.foto_duze { width: 100%; margin-bottom: 5px; }
img.foto_male { width: 142px; height: 142px; float: left; margin: 10px 0 0 10px; }

/* TABELA DETALE OFERTY */
table.szczegoly { border: 0px; font-size: 13px; width: 100%!important; border-spacing:0; border-collapse: collapse; margin-top: 30px; }
table.szczegoly td { padding: 10px 15px; word-wrap: break-word; width: 25%; border: 1px solid #e6e6e6; }
td.td2, td.td3 { width: 25%; background: #fff; }
td.td2, td.td1 { width: 25%; font-weight: 600; background: #ebebeb; color: #000; }
td.td1 { text-align: center; font-weight: 600; }
p.td1, p.td2, p.td3 { line-height: 25px; padding: 3px 10px; margin: 0; float: left; border-bottom: 1px solid #cdcdcd; font-size: 13px; }
p.td1 { width: 610px; text-align: center; font-size: 13px; line-height: 20px; background: #ededed; margin-bottom: 10px; font-weight: bold; }
p.td2 { height: 25px; width: 153px; background: #ededed; }
p.td3 { height: 25px; width: 120px; background: #ffffff; font-size: 12px; }
p.wyroznionacena, td.wyroznionacena {  }
.szczegoly_telefon_show { display: none!important; }
.szczegoly_telefon_hide { display: table!important; }

/* OFERTA */
div.oferta_ikony { width: 100%; float: left; text-align: center; font-size: 11px; }
div.oferta_ikony img { vertical-align: middle; margin-right: 2px; }
div.oferta_ikony a { margin: 5px 10px; white-space: nowrap!important; transition-duration: 0.2s; display: inline-block; }
div.oferta_ikony a:hover { color: #db002f; }

/* MODUŁ PDF */
div.modulpdf { width: 20%; margin-bottom: 20px; text-align: center; float: left; }
div.modulpdf img { max-width: 90%; height: 100px; }

/* MAPA STRONY */
div.mapastrony-oferty { clear: both; }
div.mapastrony-oferty a { width: calc(100%/3 - 12px); float: left; padding: 5px; margin: 1px; background: #00386c; color: #fff; overflow: hidden; display: block; transition-duration: 0.2s; }
div.mapastrony-oferty a:hover { background: #ed1c24; color: #fff; }
div.mapastrony-oferty a p { margin: 2px; }

/* KOSZYK BOK */
div.koszyk { width: 100%; float: left; margin-bottom: 10px!important; line-height: 150%; font-size: 13px; transition-duration: 0.2s; }
div.koszyk:hover { background: #fff; }
div.koszyk div.koszyk_opis { float: left; width: calc(100% - 110px); }
div.koszyk div.koszyk_opis p { margin: 5px 0 4px 0; }
div.koszyk img { width: 100px; height: 100px; float: left; margin-right: 10px!important; }

/* OFERTA FOTO + GLOWNE */
div.oferta_foto { width: calc(70% - 30px); float: left; margin-bottom: 30px; margin-right: 30px; }
div.oferta_glowne { width: 30%; float: left; margin-bottom: 30px; }
div.oferta_glowne p { text-align: center; margin: 5px 0; font-size: 18px; padding-top: 15px; }

/* KALKULATOR */
table.kalkulator_kredytowy { width: 750px; border-spacing: 10px; border-collapse:seperate; margin: 0px auto; font-size: 15px; color: #57585a; margin-top: 30px; }
table.kalkulator_kredytowy td.kk_1 { font-weight: 700; width: 300px; padding-right: 10px; }
table.kalkulator_kredytowy td.kk_2 { width: 360px; overflow: hidden; }
table.kalkulator_kredytowy td.kk_2 p { margin: 0px; }

/* OFERTA IKONY */
div.ikony { width: calc(100% - 40px); padding: 20px; background: #e9e9e9; }
div.ikony p { width: 100%; border-bottom: 1px solid #c7c7c7; margin: 0 0 10px 0; padding: 0 0 10px 0; font-size: 14px; }
div.ikony p img { vertical-align: middle; margin-right: 10px; }

/* OFERTA MAKLER */
div.ofertamakler { width: 100%; margin-bottom: 20px; float: left; }
div.ofertamaklerzdjecie { width: 60px; float: left; margin-right: 10px; }
div.ofertamaklerzdjecie img { width: 60px; }
div.ofertamakleropis { width: 148px; float: left; }

/* MARGINES MAKLER */
div.margines_makler { width: 100%; float: left; margin-bottom: 20px; }
div.margines_maklerfoto { width: 45%; float: left; margin-right: 5%; }
div.margines_maklerfoto img { width: 100%; float: left; }
div.margines_maklertresc { width: 50%; float: left; }
div.margines_maklertresc p { margin: 5px 0; font-size: 14px; }
div.margines_maklertresc p.nazwisko { margin: 0 0 5px 0; font-size: 18px; }


/* lista ofert - wyswietlwyniktabela*/
div.wyswietlwyniktabela div.lista_ofert { width: calc(100%/4 - 20px); margin: 10px; font-size: 14px; position: relative; padding-bottom: 15px; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; transition-duration: 0.2s; font-weight: 300; display: inline-block; vertical-align: top; }
div.wyswietlwyniktabela div.lista_ofert:hover { background: #fafafa; }
div.wyswietlwyniktabela div.lista_ofert_zdjecie { width: 100%; height: 280px; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniktabela div.lista_ofert_zdjecie img { width: 100%; min-height: 100%; }
div.wyswietlwyniktabela div.lista_ofert_opis { width: 100%; position: relative; float: left; margin: 10px 0; text-align: center; }
div.wyswietlwyniktabela .opcje_miasto { font-size: 18px; padding: 10px 0; }
div.wyswietlwyniktabela .opcje_rodzaj1 { font-size: 20px; line-height: 45px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; }
div.wyswietlwyniktabela .opcje_rodzaj2 { font-size: 20px; line-height: 45px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; display: none; }
div.wyswietlwyniktabela .opcje_opis { display: none; }
div.wyswietlwyniktabela .rozne_opcje { margin: 5px 0 10px 0; height: 60px; font-size: 14px; line-height: 22px; font-weight: 400; }
div.wyswietlwyniktabela .kolor_cena { color: #dd113d; font-weight: 700; }
div.wyswietlwyniktabela div.lista_ofert_ikony { width: 100%; float: left; text-align: center; font-size: 12px; font-weight: 400; }
div.wyswietlwyniktabela div.lista_ofert_ikony img { margin: 0 3px; vertical-align: middle }
div.wyswietlwyniktabela div.lista_ofert_ikony a { margin: 0 3px; }

/* lista ofert - wyswietlwyniklista2*/
div.wyswietlwyniklista2 div.lista_ofert { width: calc(100%/2 - 20px); margin: 5px 10px; font-size: 12px; position: relative; padding: 10px 0; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; float: left; transition-duration: 0.2s;  font-weight: 300; }
div.wyswietlwyniklista2 div.lista_ofert:hover { background: #fafafa; }
div.wyswietlwyniklista2 div.lista_ofert_zdjecie { width: calc(50% - 15px); height: 220px; margin: 0 15px 0 0; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniklista2 div.lista_ofert_zdjecie img { width: 100%; max-height: 100%; }
div.wyswietlwyniklista2 div.lista_ofert_opis { width: 50%; position: relative; float: left; text-align: center; }
div.wyswietlwyniklista2 .opcje_rodzaj1 { font-size: 20px; line-height: 45px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; display: none; }
div.wyswietlwyniklista2 .opcje_rodzaj2 { font-size: 20px; line-height: 45px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; }
div.wyswietlwyniklista2 .opcje_miasto { font-size: 18px; padding: 10px 0; }
div.wyswietlwyniklista2 .opcje_opis { display: none; }
div.wyswietlwyniklista2 .rozne_opcje { margin: 5px 0 10px 0; height: 80px; font-size: 14px; line-height: 22px; font-weight: 400; }
div.wyswietlwyniklista2 .kolor_cena { color: #dd113d; font-weight: 700; }
div.wyswietlwyniklista2 div.lista_ofert_ikony { width: 50%; float: left; text-align: center; }
div.wyswietlwyniklista2 div.lista_ofert_ikony img { margin: 0 5px; vertical-align: middle }
div.wyswietlwyniklista2 div.lista_ofert_ikony a { margin: 0 5px; }

/* lista ofert - wyswietlwyniklista*/
div.wyswietlwyniklista div.lista_ofert { width: calc(100% - 20px); margin: 5px 10px; font-size: 12px; position: relative; padding: 10px 0; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8; float: left; transition-duration: 0.2s; font-weight: 300; }
div.wyswietlwyniklista div.lista_ofert:hover { background: #fafafa; }
div.wyswietlwyniklista div.lista_ofert_zdjecie { width: 25%; height: 250px; margin: 0; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniklista div.lista_ofert_zdjecie img { width: 100%; min-height: 100%; }
div.wyswietlwyniklista div.lista_ofert_opis { width: 25%; position: relative; float: left; }
div.wyswietlwyniklista .opcje_rodzaj1 { font-size: 20px; line-height: 45px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; display: none; }
div.wyswietlwyniklista .opcje_rodzaj2 { font-size: 20px; line-height: 100px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; }
div.wyswietlwyniklista .opcje_miasto { font-size: 18px; padding: 0 0 40px 0; text-align: center; }
div.wyswietlwyniklista .opcje_opis { width: calc(50% - 40px); min-height: 220px; margin: 0 20px; float: left; }
div.wyswietlwyniklista .rozne_opcje { display: none; }
div.wyswietlwyniklista .kolor_cena { color: #dd113d; font-weight: 700; }
div.wyswietlwyniklista div.lista_ofert_ikony { width: 25%; float: left; text-align: center; }
div.wyswietlwyniklista div.lista_ofert_ikony img { margin: 0 5px; vertical-align: middle; }
div.wyswietlwyniklista div.lista_ofert_ikony a { margin: 0 5px; }
div.wyswietlwyniklista ul.opcje_tabela { padding: 0px; margin: 0px; text-transform: lowercase; width: 100%; float: left; }
div.wyswietlwyniklista ul.opcje_tabela li { list-style: none; width: calc(50% - 50px); margin: 0 10px; float: left; font-size: 18px; padding: 19px 15px; background: #f6f6f6; display: block; }


/* mapa start */
#googleMap { width: 100%; height: 550px; margin-top: 10px; float: left; }
div.mapalegenda { text-align: center; margin-top: 20px; width: 100%; float: left; }
div.mapalegenda img { vertical-align: middle; height: 38px; }
.cluster { color: #fff; text-align:center; font-size:12px; }
.cluster-1 { background-image:url(../gfx/cluster/m1.png); line-height:53px; width: 53px; height: 52px; }
.cluster-2 { background-image:url(../gfx/cluster/m2.png); line-height:53px; width: 56px; height: 55px; }
.cluster-3 { background-image:url(../gfx/cluster/m3.png); line-height:66px; width: 66px; height: 65px; }
.cluster-4 { background-image:url(../gfx/cluster/m4.png); line-height:88px; width: 88px; height: 87px; }
.infobox { color: #404b50; background: #fff url('../gfx/popup_tlo.gif') repeat-x bottom; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px #000; text-shadow: 1px 1px 0 #fff; font-size: 13px; line-height: 180%; float: left; width: 450px; position: relative; }
.infobox a.zamknij { position: absolute; top: 0px; right: 0px; background: #cd1c29; color: #fff; padding: 2px 8px; text-shadow: none; border-radius: 0 5px 0 0; }
.infobox a.zamknij:hover { background: #95d249; color: #fff; }
.infobox a { color: #282827; text-decoration: none; }
.infobox a:hover { color: #000; text-decoration: none; }
.infobox p { margin: 0; white-space: nowrap; }
.infobox_foto { float: left; margin-right: 20px; width: 100px; max-height: 100px; }
.infobox_foto img { width: 100px; height: 100px; }
.infobox_dane { width: 330px; float: left; }
/* mapa koniec */


/* SPECJALNE */
ul.bxslider { padding: 0px!important; margin: 0px!important; list-style: none; }
ul.bxslider li { padding: 0px!important; margin: 0 10px!important; list-style: none; }

ul.bxslider div.specjalne_rodzaj { font-size: 20px; color: #5f6062; line-height: 45px; text-transform: lowercase; font-weight: 300; text-align: center; }
ul.bxslider div.specjalne_cena { font-size: 18px; color: #fff; background: #00386c; padding: 5px 10px; position: absolute; top: 160px; left: 10px; text-transform: lowercase; font-weight: 300; }

ul.bxslider div.listaofert_specjalna { float: left; background: #fff; transition-duration: 0.2s; width: 100%; margin: 0px auto; color: #282827; font-size: 14px; overflow: hidden; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; }
ul.bxslider div.listaofert_specjalna:hover { background: #fafafa; }
ul.bxslider div.listaofert_specjalna:hover a { color: #000; }

ul.bxslider div.oferta_specjalna_zdjecie { width: 100%; height: 220px; overflow: hidden; float: left; text-align: center; }
ul.bxslider div.oferta_specjalna_zdjecie img { width: 100%; min-height: 100%; }
ul.bxslider div.oferta_specjalna_opis { width: 100%; line-height: 25px; float: left; padding-top: 10px; text-align: center; }
ul.bxslider div.oferta_specjalna_opis p { margin: 0 10px; }

ul.bxslider div.oferta_specjalna_ikony { width: 100%; height: 40px; line-height: 40px; float: left; text-align: center; padding: 10px 0; margin: 5px 0 1px 0; font-size: 11px; }
ul.bxslider div.oferta_specjalna_ikony img { vertical-align: middle; margin: 0 5px 0 10px; }

.menu_telefon_show { display: none; }
.menu_telefon_hide { display: block; }
.slicknav_menu { display: none; }

/* tabify start */
#tab { list-style: none; padding: 0px; margin: 0px; background: #eaeaea; width: 100%; min-height: 40px; line-height: 40px; float: left; }
#tab li { display: inline; background: #ccf; }
#tab li a { padding: 0 20px; float:left; text-decoration: none; color: #000; font-size: 14px; font-weight: 400; white-space: no-wrap; }
#tab li img { margin: 0; padding: 0px; border: none; vertical-align: middle; }
#tab li:hover a { background: #fff; }
#tab li.active a { background: #fff; }
.tab_content { float: left; clear: both; width: 100%; margin-bottom: 20px; }
.tab_content_ukryty { position: absolute; left: -10000px; }
/* tabify koniec */


@media screen and (max-width: 479px) {

	div.blok { width: calc(100% - 20px); }

	.szczegoly_telefon_show { display: table!important; }
	.szczegoly_telefon_hide { display: none!important; }
	
	.menu_telefon_show { display: block; }
	.menu_telefon_hide { display: none; }
	#menures { display:none; }
	.slicknav_menu { display:block; }

	.telefon { display: none!important; }
	.telefon_show { display: block!important; }
	.tablet_show { display: block!important; }
	.tablet { display: none!important; }
	#GOD { width: 100%; min-width: 320px; float: left; }
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	
	div.header_gora { width: 100%; text-align: center!important; }
	div.header_gora .prawy { text-align: center!important; }
	
	#SRODEK { width: 100%; float: left; margin-bottom: 1em; }
		
		div.header_logo { width: 100%; float: left; text-align: center; }
		div.header_logo img { max-width: 90%; vertical-align: middle; }
		div.header_zakladki { width: 100%; float: left; }
		div.header_gora2 { width: 100%; margin-bottom: 5px; }
		
		div.listaofert_tabela { width: calc(100% - 10px); }
		
		.tytul_1 { font-size: 22px; }
		.tytul_2 { font-size: 20px; }
		.tytul_3 { font-size: 18px; }
		.tytul_4 { font-size: 16px; }
		.tytul_5 { font-size: 14px; }
		.tytul_6 { font-size: 14px; }
	
	#MARGINES { width: 100%; float: left; margin-bottom: 1em; }
	
	div.footer_autor_blok { float: left; width: 100%; margin: 5px 0; text-align: center!important; }
	
	#FOOTER div.linki2 { width: 100%; text-align: center; }
	#FOOTER div.linki { width: 50%; text-align: center; }
	#FOOTER div.linki:nth-child(2n+1) { clear: left; }
	
	div.lamanienapol { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	div.lamanienapol3 { width: 100%; float: left; margin-bottom: 20px; }
	div.lamanienatrzy { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	div.lamanienatrzy2 { width: 100%; float: left; margin-bottom: 20px; }
	div.lamanienacztery { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	div.lamanienapiec { width: 100%; float: left; margin: 0 0 20px 0; }
	div.mapastrony-oferty a { width: 46%; margin: 1px; font-size: 11px; }
	
	ul.bxslider li { width: 100%; float: left; }
	
	div.modulpdf { width: 50%; }
	
	/* PIERWSZA BLOKI */
	div.piewsza_lewa { width: 100%; float: left; margin-bottom: 30px; margin-right: 0px; }
	div.piewsza_prawa { width: 100%; float: left; }
	
	/* wyszukiwarka pierwsza */
	#WYSZpiercontent div.wyszukiwarka_1 { width: calc(100%/2*2 - 10px); margin: 10px 0 0 10px; float: left; }
	#WYSZpiercontent div.wyszukiwarka_2 { width: calc(100%/2 - 10px); margin: 10px 0 0 10px; float: left; }
	
	/* FORMULARZE */
	div.formularz label { width: 100%; float: left; line-height: 40px; }
	div.formularz input, div.formularz select, div.formularz textarea { width: 100%; float: left; }
	div.formularz2 label { width: 100%; float: left; line-height: 40px; }
	div.formularz2 input, div.formularz2 select, div.formularz2 textarea { width: 100%; float: left; }
	
	/* AKTUALNOSC */
	#AKTUALNOSCI div.aktualnosc { width: calc(100% - 30px); float: left; margin: 0 0 20px 0; padding: 15px; }
	#AKTUALNOSCI div.aktualnosc img { width: 40%; }
	#AKTUALNOSCI div.aktualnosc:nth-child(2n+2) { margin: 0 0 20px 0; }
	
	/* lista ofert - wyswietlwyniktabela*/
	div.wyswietlwyniktabela div.lista_ofert { width: calc(100%/1 - 30px); margin: 15px; font-size: 12px; position: relative; padding-bottom: 15px; }
	
	/* lista ofert - wyswietlwyniklista2*/
	div.wyswietlwyniklista2 div.lista_ofert { width: calc(100% - 30px); margin: 15px; font-size: 12px; position: relative; padding-top: 15px; border-top: 1px solid #d8d8d8; float: left; }
	div.wyswietlwyniklista2 div.lista_ofert_zdjecie { width: 100%; height: 210px; margin: 0; text-align: center; position: relative; float: left; overflow: hidden; }
	div.wyswietlwyniklista2 div.lista_ofert_opis { width: 100%; position: relative; float: left; text-align: center; margin-top: 10px; }
	div.wyswietlwyniklista2 div.lista_ofert_ikony { width: 100%; float: left; text-align: center; font-size: 12px; }
	div.wyswietlwyniklista2 div.lista_ofert_ikony img { width: 13px; }

	/* lista ofert - wyswietlwyniklista*/
	div.wyswietlwyniklista div.lista_ofert_zdjecie { width: 100%; height: 250px; margin: 0; text-align: center; position: relative; float: left; overflow: hidden; }
	div.wyswietlwyniklista div.lista_ofert_zdjecie img { width: 100%; min-height: 100%; }
	div.wyswietlwyniklista div.lista_ofert_opis { width: 100%; position: relative; float: left; }
	div.wyswietlwyniklista .opcje_rodzaj2 { font-size: 20px; line-height: 40px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; }
	div.wyswietlwyniklista .opcje_miasto { font-size: 18px; padding: 0 0 40px 0; text-align: center; }
	div.wyswietlwyniklista .opcje_opis { width: 100%; min-height: 220px; margin: 0; float: left; }
	div.wyswietlwyniklista div.lista_ofert_ikony { width: 100%; float: left; text-align: center; }
	div.wyswietlwyniklista ul.opcje_tabela li { list-style: none; width: calc(100% - 20px); margin: 0; float: left; font-size: 14px; padding: 15px 10px; background: #f6f6f6; display: block; }
	div.wyswietlwyniklista ul.opcje_tabela li:nth-child(2n+2) { background: #ececec; }
	
	
	/* RODZAJE */
	#RODZAJE div.rodzaj { width: calc(50% - 1px); float: left; margin: 0 1px 1px 0; background: #fff; text-align: center; }
	#RODZAJE div.rodzaj img { width: 100%; }
	#RODZAJE div.rodzaj p.male { font-weight: 400; font-size: 13px; margin-top: 5px; }
	#RODZAJE div.rodzaj p.male a { margin: 0 5px; }
	
	div.slider_banery div.sbaner { width: calc(100% - 50px); height: 100px; display: block; margin: 0 0 10px 0; font-size: 30px; padding: 10px 20px; }
	
	/* OFERTA FOTO + GLOWNE */
	div.oferta_foto { width: 100%; margin-right: 0px; }
	div.oferta_glowne { width: 100%; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	div.blok { width: calc(50% - 20px); font-size: 24px; }

	.szczegoly_telefon_show { display: table!important; }
	.szczegoly_telefon_hide { display: none!important; }
	
	.menu_telefon_show { display: block; }
	.menu_telefon_hide { display: none; }
	#menures { display:none; }
	.slicknav_menu { display:block; }

	.telefon { display: none!important; }
	.telefon_show { display: block!important; }
	.tablet_show { display: block!important; }
	.tablet { display: none!important; }
	#GOD { width: 100%; min-width: 480px; float: left; }
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	
		div.header_logo { width: 100%; float: left; text-align: center; }
		div.header_logo img { max-width: 70%; max-height: 90%; vertical-align: middle; margin-top: 10px }
		div.header_zakladki { width: 100%; float: left; }
		div.header_gora2 { width: 100%; margin-bottom: 5px; }
	
	#SRODEK { width: 100%; margin-bottom: 1em; float: left; }
		#SLIDER div.motto { width: calc(100% - 40px); padding: 0 20px 20px 20px; float: left; font-size: 24px; color: #fff; text-shadow: 3px 3px 0px #000; font-weight: 400; }

		div.listaofert_tabela { width: calc(50% - 10px); }
		
	
	#MARGINES { width: 100%; float: left; margin-bottom: 1em; }
	
	#FOOTER div.linki2 { width: 100%; text-align: center; }
	#FOOTER div.linki { width: 50%; text-align: center; }
	#FOOTER div.linki:nth-child(2n+1) { clear: left; }
	
	div.lamanienapol { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	div.lamanienapol3 { width: 100%; float: left; margin-bottom: 20px; }
	div.lamanienatrzy { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	div.lamanienatrzy2 { width: 100%; float: left; margin-bottom: 20px; }
	div.lamanienacztery { width: 48%; float: left; margin-bottom: 20px; margin-right: 1%; margin-left: 1%; }
	div.lamanienapiec { width: 48%; float: left; margin: 0 1% 20px 1%; }
	div.mapastrony-oferty a { width: 47%; margin: 1px; }
	
	ul.bxslider li { width: 230px!important; float: left; }
	
	div.modulpdf { width: 25%; }
	
	/* PIERWSZA BLOKI */
	div.piewsza_lewa { width: 100%; float: left; margin-bottom: 30px; margin-right: 0px; }
	div.piewsza_prawa { width: 100%; float: left; }
	
	/* wyszukiwarka pierwsza */
	#WYSZpiercontent div.wyszukiwarka_1 { width: calc(100%/2*2 - 10px); margin: 10px 0 0 10px; float: left; }
	#WYSZpiercontent div.wyszukiwarka_2 { width: calc(100%/2 - 10px); margin: 10px 0 0 10px; float: left; }
	
	/* AKTUALNOSC */
	#AKTUALNOSCI div.aktualnosc { width: calc(100% - 30px); float: left; margin: 0 0 20px 0; padding: 15px; }
	#AKTUALNOSCI div.aktualnosc img { width: 40%; }
	#AKTUALNOSCI div.aktualnosc:nth-child(2n+2) { margin: 0 0 20px 0; }
	
	/* lista ofert - wyswietlwyniktabela*/
	div.wyswietlwyniktabela div.lista_ofert { width: calc(100%/2 - 30px); margin: 15px; font-size: 12px; position: relative; padding-bottom: 15px; }
	div.wyswietlwyniktabela div.lista_ofert_zdjecie { width: 100%; height: 220px; text-align: center; position: relative; float: left; overflow: hidden; }
	div.wyswietlwyniktabela .rozne_opcje { margin: 5px 0 10px 0; height: 75px; font-size: 15px; line-height: 25px; }
	div.wyswietlwyniktabela div.lista_ofert_ikony a { margin: 0 3px; white-space: nowrap; }
	
	/* lista ofert - wyswietlwyniklista2*/
	div.wyswietlwyniklista2 div.lista_ofert { width: calc(100%/2 - 30px); margin: 15px; font-size: 12px; position: relative; padding-top: 15px; border-top: 1px solid #d8d8d8; float: left; }
	div.wyswietlwyniklista2 div.lista_ofert_zdjecie { width: 100%; height: 210px; margin: 0; text-align: center; position: relative; float: left; overflow: hidden; }
	div.wyswietlwyniklista2 div.lista_ofert_opis { width: 100%; position: relative; float: left; text-align: center; margin-top: 10px; }
	div.wyswietlwyniklista2 div.lista_ofert_ikony { width: 100%; float: left; text-align: center; font-size: 12px; }
	div.wyswietlwyniklista2 div.lista_ofert_ikony img { width: 13px; }
	div.wyswietlwyniklista2 div.lista_ofert_ikony a { display: block; }

	/* lista ofert - wyswietlwyniklista*/
	div.wyswietlwyniklista div.lista_ofert_zdjecie { width: 100%; height: 250px; margin: 0 0 20px 0; text-align: center; position: relative; float: left; overflow: hidden; }
	div.wyswietlwyniklista div.lista_ofert_zdjecie img { width: 100%; min-height: 100%; }
	div.wyswietlwyniklista div.lista_ofert_opis { width: 50%; position: relative; float: left; }
	div.wyswietlwyniklista .opcje_rodzaj2 { font-size: 20px; line-height: 100px; text-transform: lowercase; padding: 0px; margin: 0px; text-align: center; }
	div.wyswietlwyniklista .opcje_miasto { font-size: 18px; padding: 0 0 40px 0; text-align: center; }
	div.wyswietlwyniklista .opcje_opis { width: 50%; min-height: 220px; margin: 0; float: left; }
	div.wyswietlwyniklista div.lista_ofert_ikony { width: 100%; float: left; text-align: center; margin-top: 20px; }
	div.wyswietlwyniklista ul.opcje_tabela li { list-style: none; width: calc(100% - 20px); margin: 0; float: left; font-size: 14px; padding: 15px 10px; background: #f6f6f6; display: block; }
	div.wyswietlwyniklista ul.opcje_tabela li:nth-child(2n+2) { background: #ececec; }
	
	/* RODZAJE */
	#RODZAJE div.rodzaj { width: calc(50% - 1px); float: left; margin: 0 1px 1px 0; background: #fff; text-align: center; }
	
	div.slider_banery div.sbaner { width: calc(100% - 50px); height: 100px; display: block; margin: 0 0 10px 0; font-size: 30px; padding: 10px 20px; }
	
	/* OFERTA FOTO + GLOWNE */
	div.oferta_foto { width: 100%; margin-right: 0px; }
	div.oferta_glowne { width: 100%; }
}

@media screen and (min-width: 768px) and (max-width: 960px) {

	div.blok { width: calc(25% - 20px); font-size: 18px; }

	.tablet { display: none!important; }
	.tablet_show { display: block!important; }
	
	.menu_telefon_show { display: block; }
	.menu_telefon_hide { display: none; }
	#menures { display:none; }
	.slicknav_menu { display:block; }
	
		div.header_logo { width: 100%; float: left; text-align: center; }
		div.header_logo img { max-width: 70%; max-height: 90%; vertical-align: middle; }
		div.header_zakladki { width: 100%; float: left; }
		div.header_gora2 { width: 100%; float: left; }
	
	#GOD { width: 100%; min-width: 748px; float: left; }
	.GODwrapper { width: 748px; margin: 0px auto; }
	
	#SRODEK { width: 508px; margin-right: 20px; margin-bottom: 20px; float: left; }
		#SLIDER div.motto { width: calc(100% - 40px); padding: 0 20px 20px 20px; float: left; font-size: 36px; color: #fff; text-shadow: 3px 3px 0px #000; font-weight: 400; }
	
	#MARGINES { width: 220px; float: left; margin-bottom: 20px; }
	
	#FOOTER div.linki2 { width: 100%; text-align: center; }
	#FOOTER div.linki { width: 50%; text-align: center; }
	#FOOTER div.linki:nth-child(2n+1) { clear: left; }
	
	div.lamanienapol { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	div.lamanienatrzy { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
	div.lamanienacztery { width: 48%; float: left; margin-bottom: 20px; margin-right: 1%; margin-left: 1%; }
	div.lamanienapiec { width: 48%; float: left; margin: 0 1% 20px 1%; }
	div.mapastrony-oferty a { width: 47%; margin: 1px; }
	
	ul.bxslider > li { width: 239px!important; float: left; }
	
	/* PIERWSZA BLOKI */
	div.piewsza_lewa { width: calc(100% - 250px); float: left; margin-right: 30px; }
	div.piewsza_prawa { width: 220px; float: left; }
	
	/* lista ofert - wyswietlwyniktabela*/
	div.wyswietlwyniktabela div.lista_ofert { width: calc(100%/2 - 30px); margin: 15px; font-size: 12px; position: relative; padding-bottom: 15px; }
	
	/* lista ofert - wyswietlwyniklista2*/
	div.wyswietlwyniklista2 div.lista_ofert_ikony { width: 100%; float: left; text-align: center; font-size: 12px; }

	/* lista ofert - wyswietlwyniklista*/
	div.wyswietlwyniklista div.lista_ofert_ikony { width: 100%; float: left; text-align: center; }
	div.wyswietlwyniklista ul.opcje_tabela li { list-style: none; width: calc(100% - 20px); margin: 0; float: left; font-size: 14px; padding: 15px 10px; background: #f6f6f6; display: block; }
	div.wyswietlwyniklista ul.opcje_tabela li:nth-child(2n+2) { background: #ececec; }
	
	div.slider_banery div.sbaner { width: calc(50% - 60px); height: 120px; display: block; margin: 0 5px 10px 5px; font-size: 25px; padding: 10px 20px; }
	
	/* OFERTA FOTO + GLOWNE */
	div.oferta_foto { width: 100%; margin-right: 0px; }
	div.oferta_glowne { width: 100%; }
}

@media screen and (min-width: 961px) and (max-width: 1279px) {

	div.blok { width: calc(25% - 20px); font-size: 22px; }

	#GOD { width: 100%; min-width: 960px; float: left; }
	.GODwrapper { width: 960px; margin: 0px auto; }
	
	#SRODEK { width: 665px; margin-right: 30px; margin-bottom: 30px;  float: left; }
		
		#SLIDER div.motto { width: calc(100% - 40px); padding: 20px 20px 40px 20px; float: left; font-size: 42px; color: #fff; text-shadow: 3px 3px 0px #000; font-weight: 400; }
		
	#MARGINES { width: 265px; float: left; margin-bottom: 30px; }
	
	ul.bxslider > li { width: 250px!important; float: left; }
	
	/* PIERWSZA BLOKI */
	div.piewsza_lewa { width: calc(100% - 300px); float: left; margin-right: 30px; }
	div.piewsza_prawa { width: 270px; float: left; }
	
	/* lista ofert - wyswietlwyniktabela*/
	div.wyswietlwyniktabela div.lista_ofert { width: calc(100%/3 - 30px); margin: 15px; font-size: 12px; position: relative; padding-bottom: 15px; }
	
	/* lista ofert - wyswietlwyniklista*/
	div.wyswietlwyniklista .opcje_rodzaj2 { line-height: 70px; }
	div.wyswietlwyniklista div.lista_ofert_zdjecie { height: 220px; }
	div.wyswietlwyniklista ul.opcje_tabela li { list-style: none; width: calc(50% - 30px); margin: 0 5px; float: left; font-size: 14px; padding: 18px 10px; background: #f6f6f6; display: block; }
	div.wyswietlwyniklista ul.opcje_tabela li:nth-child(4n+3), div.wyswietlwyniklista ul.opcje_tabela li:nth-child(4n+4) { background: #ececec; }
	
	div.slider_banery div.sbaner { width: calc(50% - 60px); height: 120px; display: block; margin: 0 5px 10px 5px; font-size: 25px; padding: 10px 20px; }
}
 
@media screen and (min-width: 1280px){
	#GOD { width: 100%; min-width: 1200px; float: left; }
	.GODwrapper { width: 1200px; margin: 0px auto; }
	
	#SRODEK { width: 895px; margin-right: 30px; margin-bottom: 40px; float: left; }
	
	#MARGINES { width: 275px; float: left; margin-bottom: 40px; }
	
	ul.bxslider li { width: 280px!important; float: left; }
	
	/* lista ofert - wyswietlwyniklista*/
	div.wyswietlwyniklista ul.opcje_tabela li:nth-child(4n+3), div.wyswietlwyniklista ul.opcje_tabela li:nth-child(4n+4) { background: #ececec; }
}







/* OFERTA DETALE */
div.moduloferty { width: 100%; float: left; margin-bottom: 20px; }


/* KONTAKT */
p.maklernaglowek { font-size: 14px; padding: 10px; margin: 5px 0; font-weight: 400; clear:both; color: #000; background: #fafafa; }
div.makler { width: 160px; display: inline-block; margin: 25px 23px 25px 23px; text-align: center; vertical-align: top; }
div.makler div.makler_zdjecie { width: 120px; height: 120px; margin: 0 20px 20px 20px; border-radius: 60px; overflow: hidden; }
div.makler div.makler_zdjecie img { width: 100%; min-height: 100%; }
div.makler p.maklerimie { margin: 0 0 10px 0; font-size: 16px; }
div.makler p { margin: 0 0 6px 0; }
#map-canvas-kontakt { width: 100%; height: 300px; float: left; margin: 10px 0; border: none; }





/* OFERTY BOK */
div.ofertybok { clear: both; margin: 10px 0; padding-bottom: 5px; line-height: 180%; font-size: 12px; background: #fafafa; border: 4px solid #fafafa; color: #444; width: 212px; text-align: center; overflow: hidden; transition-property: background, border; transition-duration: 0.2s;}
div.ofertybok:hover { background: #fff; border: 4px solid #bf242a; }
div.ofertybok p.rodzaj { color: #bf242a; font-size: 15px; font-family: Roboto, sans-serif, Tahoma; margin: 8px 0 0 0; }
div.ofertybok img { width: 212px; float: left; margin-bottom: 5px; }





/* SKRYPTY START */
/* spolecznosciowe */
#musli *{ margin: 0; padding: 0; outline: 0; list-style: none; color: #000; }
#musli { position: fixed; right:0px; top: 130px; z-index:100; margin: 0px; padding: 0px; }
#musli li { cursor:pointer; width: 50px; height: 50px; margin-bottom:1px; position: relative; }
#musli > li > div { padding: 0px; background: #fff; float:left; width: 250px; min-height:150px; position:absolute; top:0; left: 50px; z-index:120; }
/* SKRYPTY KONIEC */