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-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; }
.mobilebackground { position: fixed; z-index: -1; top: 0; left: 0; width: 100%; height: 125%; background-repeat: no-repeat; background-size: auto 100%; display: none; }
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; font-weight: 400; }
.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: #7f8c8f!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_gora { margin-top: 0px!important; }
.wylacz_margines_dol { margin-bottom: 0px!important; }
.wylacz_margines_prawy { margin-right: 0px!important; }
.wylacz_margines_lewy { margin-left: 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; }
.normalnelitery { text-transform: none!important; }
.ukrytydiv { display: none; }
.maximg img { max-width: 100%; }
.tablet_show { display: none; }
.malaczcionka { font-size: 10px; }
.nieprzenos { white-space: nowrap!important; }
.margines_p_5 p { margin: 5px 0; }
.flex { display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-flow: wrap; }
.flex_nowrap { display: -webkit-flex; display: flex; flex-wrap: nowrap; -webkit-flex-flow: wrap; }
.flexcenter { -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; }
#cookies-message { width: 300px; padding: 10px; font-size: 13px; line-height: 22px; text-align: center; position: fixed; bottom: 10px; left: 10px; background: #0b5797; color: #fff; z-index: 999; }
#cookies-message a { background: #0b9792; padding: 5px 10px; color: #fff; display: inline-block; text-decoration: none; cursor: pointer; transition-duration: 0.5s; }
#cookies-message a:hover { background: #2bb3ae; }
/* DO USUNIECIA */
div.zmiennedousuniecia { width: 100%; float: left; margin-bottom: 20px; text-align: center; }
div.zmiennedousuniecia a { display: inline-block; padding: 3px 10px 3px 20px; margin: 2px; background: #e4e4e4 url('../gfx/usun_parametr.png') no-repeat left; color: #555; border-radius: 2px; transition-property: background; transition-duration: 0.2s; font-size: 12px; }
div.zmiennedousuniecia a:hover { background: #1a1a1a url('../gfx/usun_parametr_hover.png') no-repeat left; color: #fff; }
div.zmiennedousuniecia > span { font-size: 14px; }
/* MORRIS STATS */
.morris-hover{position:absolute;z-index:1000}.morris-hover.morris-default-style{border-radius:10px;padding:6px;color:#666;background:rgba(255,255,255,0.8);border:solid 2px rgba(230,230,230,0.8);font-family:sans-serif;font-size:12px;text-align:center}.morris-hover.morris-default-style .morris-hover-row-label{font-weight:bold;margin:0.25em 0}
.morris-hover.morris-default-style .morris-hover-point{white-space:nowrap;margin:0.1em 0}
div.annual { width: 100%; height: 100%; }
#annual > svg {width: 100% !important;}
/* PIERWSZA BLOKI */
div.aktualnosc_pierwsza_main { width: 100%; float: left; }
div.aktualnosc_pierwsza_blok { width: 100%; margin-bottom: 20px; float: left; }
div.aktualnosc_pierwsza_blok a { color: #fff; transition-duration: 0.2s; }
div.aktualnosc_pierwsza_blok a:hover { color: #fff; text-shadow: 0 0 5px #000; }
div.aktualnosc_pierwsza_blok p { line-height: 22px; }
div.aktualnosc_pierwsza_blok img { width: 45%; height: auto; margin: 0 20px 10px 0; float: left; }
/* NAGŁOWKI */
.tytul { font-weight: 300; color: #000; 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: #7f8c8f; }
/* NAWIGACJA DÓŁ */
div.nawigacjadol a { color: #008ced; transition-duration: 0.2s; white-space: nowrap!important; margin: 0 12px; }
div.nawigacjadol a:hover { color: #7f8c8f; }
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_wylaczona { padding: 10px 0; text-align: center; background: #e32f40; font-size: 16px; color: #fff; width: 100%; float: left; margin: 0px; position: fixed; top: 0px; z-index: 10000; }
.komunikat_wylaczona_przerwa { width: 100%; height: 60px; float: left; background: #e32f40; }
.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: 100%; float: left; }
div.formularz input, div.formularz select, div.formularz textarea { width: 100%; }
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; }
.form_100 { width: calc(100% - 10px); }
select.form_1 { padding: 7px 5px; }
.cecha { min-height: 33px; line-height: 33px; padding: 0 10px 0 5px; background: #e8e8e8; border-radius: 1px; display: inline-block; margin: 0 5px 5px 0; transition-duration: 0.2s; border: 1px solid #dbdbdb; color: #000; }
.cecha:hover { background: #fff; box-shadow: 0 0 5px #ddd; border: 1px solid #aaa; }
.cecha input { vertical-align: middle; }
.cecha label { font-size: 10px; cursor: pointer; }
.button_1 { padding: 8px 18px 9px 18px; margin: 0px; border: none; color: #fff; background: #7f8c8f; cursor: pointer; transition-duration: 0.2s; width: auto!important; }
.button_1:hover { background: #008ced; color: #fff; }
.button_2 { padding: 8px 18px 9px 18px; margin: 0px; border: none; color: #fff; background: #7f8c8f; cursor: pointer; transition-duration: 0.2s; font-size: 13px; font-weight: 400; width: auto!important; }
.button_2:hover { background: #008ced; 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: 35px; width: auto; padding-left: 10px; margin-left: 10px; border: none; background: #fff; color: #000; font-family: "Open sans", sans-serif, Tahoma, Arial, Verdana, Helvetica; font-weight: 300; font-size: 13px; transition-duration: 0.2s; border-left: 1px solid #ddd; }
select.form_sortuj:hover { background: #48484a; color: #fff; }
.button_sortuj { width: 35px; height: 35px; cursor: pointer; border: none; margin: 0px; background: #7f8c8f url('../gfx/ikona_sortuj.png') no-repeat center center; transition-duration: 0.2s; }
.button_sortuj:hover { background: #008ced 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: calc(100% - 40px); float: left; padding: 20px; background: #fff; margin: 30px 0; border-top: 5px solid #008ced; border-bottom: 5px solid #008ced; }
#MIDDLE2 { width: 100%; float: left; padding-bottom: 30px; }
div.szerokosctekstu { width: 100%; float: left; }
div.szerokosctekstu_padding { width: calc(100% - 30px); float: left; padding: 15px; }
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.lamanienapol4 { width: calc(50% - 20px); float: left; margin: 0 10px; }
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.lamanienaszesc { width: calc(100% / 6 - 10px); float: left; margin: 10px 5px; }
div.sortowanie { text-align: center; margin-bottom: 20px; line-height: 30px; float: left; width: 100%; }
/* NASZE NIERUCHOMOŚCI */
div.nasze_nieruchomosci { width: 100px; height: 100px; margin: 0 auto; border-radius: 50px; border: 3px solid #008ced; background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; transition-duration: 0.2s; position: relative; top: 20px; }
div:hover > a > div.nasze_nieruchomosci { background-size: 120% 120%; }
div.nasze_mieszkanie { background-image: url('../gfx/rodzaje/mieszkania.jpg'); }
div.nasze_dom { background-image: url('../gfx/rodzaje/domy.jpg'); }
div.nasze_lokal { background-image: url('../gfx/rodzaje/lokale.jpg'); }
div.nasze_obiekt { background-image: url('../gfx/rodzaje/obiekty.jpg'); }
div.nasze_dzialka { background-image: url('../gfx/rodzaje/dzialki.jpg'); }
div.nasze_inwestycja { background-image: url('../gfx/rodzaje/inwestycje.jpg'); }
p.duze { font-weight: 600; font-size: 20px; margin: 0px; padding: 25px 0 5px 0; background: #008ced; color: #fff; }
p.male { font-weight: 400; font-size: 16px; margin: 0px; padding: 5px 0 10px 0; background: #008ced; color: #fff; }
p.duze a, p.male a { margin: 0 5px; color: #fff; }
a:hover p.duze, a:hover p.male, p.male a:hover { color: #fff; text-shadow: 0 0 5px #005791; }
/* RODZAJE */
#RODZAJE { width: 100%; 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_foto { width: 100%; height: 120px; margin-bottom: 10px; overflow: hidden; float: left; background-size: 110% auto; background-repeat: no-repeat; background-position: center center; transition-duration: 0.2s; }
#RODZAJE div.rodzaj:hover div.rodzaj_foto { background-size: 100% auto; }
#RODZAJE div.rodzaj a { color: #000; transition-duration: 0.2s; }
#RODZAJE div.rodzaj a:hover { color: #008ced; }
#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%; height: 470px; float: left; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; padding: 15px 0; }
#SLIDERfoto { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; }
#SLIDERfoto div.motto { width: 100%; max-width: 800px; position: absolute; bottom: 15px; right: 30px; }
div.motto_1 { background: #38373c; padding: 25px; float: right; width: 200px; text-align: right; color: #fff; font-size: 18px; font-weight: 300; min-height: 100px; line-height: 110%; }
div.motto_2 { background: #008ced; padding: 25px; float: right; width: calc(100% - 303px); border-right: 3px solid #7f8c8f; color: #fff; font-size: 15px; font-weight: 300; min-height: 100px; line-height: 150%; }
p.motto_tytul { padding: 5px 15px; background: #3b3b3b; color: #fff; font-size: 24px; font-weight: 300; float: left; margin: 0px; }
p.motto_tresc { width: calc(100% - 45px); padding: 10px 15px; background: #464646; color: #fff; font-size: 14px; font-weight: 300; float: left; margin: 0 0 0 15px; line-height: 150%; }
#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; }
/* wyszukiwarka pierwsza */
#WYSZpiercontent { width: 100%; max-width: 1260px; margin: 0px auto; margin: 30px 0; float: right; background: #b9c0c1; }
.naglowek_wyszukiwarka { line-height: 50px; padding: 0 15px; background: #a0aaac; color: #fff; font-weight: 300; font-size: 18px; margin: 0 0 5px 0; }
div.szerokosc_motto_pierwsza { width: calc(75% - 90px)!important; float: left; font-size: 40px; color: #fff; font-weight: 700; line-height: 120%; padding: 100px 60px 0 30px; position: relative; z-index: 100; }
div.szerokosc_motto_pierwsza p { margin: 0px!important; }
div.szerokosc_motto { display: none; }
div.szerokosc_wyszukiwarka_pierwsza { width: 25%!important; float: left; }
#WYSZpiercontent div.wyszukiwarka { width: 100%; float: left; }
#WYSZpiercontent div.wyszukiwarka_1 { width: calc(100%/4*2 - 15px); margin: 10px 0 0 15px; float: left; }
#WYSZpiercontent div.wyszukiwarka_2 { width: calc(100%/6 - 10px); margin: 5px; float: left; }
#WYSZpiercontent div.wyszukiwarka_2_mala { width: calc(100%/1 - 15px); margin: 10px 0 0 15px; float: left; }
div.pierwsza_specjalne { width: 75%; float: left; }
#WYSZpiercontent2 { width: 25%; float: left; background: #b9c0c1; }
#WYSZpiercontent2 div.wyszukiwarka { width: calc(100% - 20px); padding: 10px; float: left; }
#WYSZpiercontent2 div.wyszukiwarka_1 { width: calc(100%/4*2 - 15px); margin: 10px 0 0 15px; float: left; }
#WYSZpiercontent2 div.wyszukiwarka_2 { width: calc(100% - 10px); margin: 5px; float: left; }
#WYSZpiercontent2 div.wyszukiwarka_2_mala { width: calc(100%/1 - 15px); margin: 10px 0 0 15px; float: left; }
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: #fff; color: #000; transition-duration: 0.2s; font-size: 14px; font-weight: 400; 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: #fafafa; }
div.wyszukiwarka input.wyszukiwarka_mapa { height: 40px; width: 40px; display: inline-block; background: #7f8c8f url('../gfx/wyszukiwarka_mapa.png') no-repeat center; transition-duration: 0.2s; border: none; float: left; cursor: pointer; }
div.wyszukiwarka input.wyszukiwarka_mapa:hover, div.wyszukiwarka input.wyszukiwarka_mapa_zaz { height: 40px; width: 40px; display: inline-block; background: #008ced url('../gfx/wyszukiwarka_mapa.png') no-repeat center; transition-duration: 0.2s; border: none; float: left; cursor: pointer; }
div.wyszukiwarka input.wyszukiwarka_szukaj { height: 40px; line-height: 40px; padding: 0 10px; border: none; color: #fff; font-size: 14px; font-weight: 400; background: #7f8c8f; cursor: pointer; transition-duration: 0.2s; text-align: center; width: calc(50% - 30px); float: left; }
div.wyszukiwarka input.wyszukiwarka_szukaj:hover { background: #008ced; color: #fff;}
div.wyszukiwarka input.wyszukiwarka_wiecej { height: 40px; line-height: 40px; padding: 0 10px; border: none; color: #fff; background: #7f8c8f; cursor: pointer; transition-duration: 0.2s; text-align: center; width: 100%; font-weight: 700; border-radius: 2px; }
div.wyszukiwarka input.wyszukiwarka_wiecej:hover { background: #008ced; color: #fff;}
div.wyszukiwarkaprzerwa { width: 10px; height: 40px; line-height: 40px; color: #fff; float: left; text-align: center; }
div.wyszukiwarka input::-webkit-input-placeholder { color: #000; }
div.wyszukiwarka input::-moz-placeholder { color: #000; }
div.wyszukiwarka input:-ms-input-placeholder { color: #000; }
div.wyszukiwarka input:-moz-placeholder { color: #000; }
div.wyszukiwarka input:focus::-webkit-input-placeholder { color: transparent; transition-duration: 0.2s; }
div.wyszukiwarka input:focus:-moz-placeholder { color: transparent; transition-duration: 0.2s; }
/* 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; color: #fff; z-index: 1000; }
div.header_zakladki { width: calc(100% - 325px); float: left; color: #fff; font-size: 15px; font-weight: 300; }
span.flagi, span.spolecznosciowe { margin-left: 20px; }
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: 325px; float: left; }
div.header_logo img { max-width: 100%; max-height: 100%; vertical-align: middle; float: left; }
div.header_gora2 { width: 100%; float: left; line-height: 30px; font-size: 14px; color: #fff; text-align: right; font-weight: 300; margin: 10px 0; }
div.header_gora2 a { color: #fff; transition-duration: 0.2s; }
div.header_gora2 a:hover { color: #fff; text-shadow: 0 0 5px #000; }
div.header_gora2 img { vertical-align: middle; max-height: 24px; }
div.header_telefon { color: #fff; background: #7f8c8f; display: inline-block; padding: 3px 18px; margin-left: 20px; font-size: 16px; font-weight: 300; }
div.header_telefon a { color: #fff; transition-duration: 0.2s; }
div.header_telefon a:hover { color: #000; }
#menu_gora { position: relative; z-index: 1000; }
/*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: #fff; float: left; font-size: 14px; padding: 20px 0; background: #008ced; font-weight: 300; }
#FOOTER div.linki { width: 20%; display: inline-block; margin-bottom: 20px; vertical-align: top; }
#FOOTER div.linki2 { width: 20%; float: left; margin-bottom: 20px; }
#FOOTER div.linki a, #FOOTER div.linki2 a { display: block; font-size: 13px; padding: 3px 0; }
#FOOTER a { color: #fff; }
#FOOTER a:hover { color: #000; }
p.tytul_footer { font-size: 18px; color: #fff; margin-bottom: 15px; font-weight: 300; border-bottom: 1px solid #4cd2ff; padding-bottom: 15px; }
div.footer_autor_blok { float: left; width: 50%; border-top: 1px solid #4cd2ff; padding-top: 15px; }
div.footer_autor_blok img { margin: 5px 0; }
div.autor { width: 100%; margin: 0px auto; background: #008ced; color: #fff; float: left; font-size: 12px; text-align: center; }
div.autor a { color: #fff; }
div.autor a:hover { color: #fff; }
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: #008ced; 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%; }
/* 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%; border-spacing:0; border-collapse: collapse; word-wrap:break-word; }
table.szczegoly td { padding: 8px; word-wrap: break-word; }
td.td2, td.td3 { width: 50%; }
td.td2, td.td1 { font-weight: 600; }
td.td1 { text-align: center; font-weight: bold; }
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 { }
table.szczegoly tr { background: #efefef; }
table.szczegoly tr:nth-child(2n+2) { background: #f9f9f9; }
.szczegoly_telefon_show { display: none!important; }
.szczegoly_telefon_hide { display: table!important; }
/* TABELA DETALE OFERTY NOWE */
div.oferta_tabela { width: 100%; float: left; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-flow: wrap; }
div.oferta_tabela div { padding: 10px; float: left; overflow: hidden; border-bottom: 1px solid #eee; }
div.oferta_tabela_100 { width: calc(100% - 20px); font-weight: 600; text-align: center; background: #f2f2f2; }
div.oferta_tabela_50_1 { width: calc(40% - 20px); }
div.oferta_tabela_50_2 { width: calc(60% - 20px); font-weight: 600; }
div.rodziel_grupy { width: 100%!important; padding: 0px!important; background: none!important; height: 3px!important; }
/* OFERTA */
div.oferta_ikony { width: 100%; float: left; text-align: center; margin-bottom: 15px; font-size: 10px; }
div.oferta_ikony img { vertical-align: middle; margin-right: 2px; }
div.oferta_ikony a { margin: 5px 8px; white-space: nowrap!important; transition-duration: 0.2s; display: inline-block; }
div.oferta_ikony a:hover { color: #7f8c8f; }
/* 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: 100%; float: left; margin-bottom: 30px; }
div.oferta_glowne { width: calc(100% - 40px); float: left; margin-bottom: 30px; padding: 20px; background: #ed1c24; color: #fff; font-size: 20px; font-weight: 600; }
div.oferta_glowne p { text-align: center; margin: 5px 0; width: calc(100% / 3); float: left; }
/* KALKULATOR */
table.kalkulator_kredytowy { width: 100%; max-width: 750px; border-spacing: 10px; border-collapse:separate; 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; }
/* SPECJALNE PIERWSZA */
div.specjalne_pierwsza { float: left; height: 400px; width: 100%; }
div.specjalne_pierwsza_foto { background-size: cover; background-position: center center; background-repeat: no-repeat; float: left; }
div.specjalne_pierwsza_tekst { float: left; padding: 20px; text-align: center; color: #fff; font-size: 14px; line-height: 180%; font-weight: 300; }
div.specjalne_pierwsza_tekst a { color: #fff; }
div.specjalne_pierwsza_tekst a:hover { color: #fff; text-shadow: 0 0 5px #333; }
div.specjalne_pierwsza_tekst a:hover img { opacity: 0.7; }
div.specjalne_pierwsza_ikony { margin-top: 20px; padding-top: 20px; border-top: 1px solid #fff; }
div.specjalne_pierwsza_ikony a { margin: 0 3px; }
div.specjalne_pierwsza_ikony img { vertical-align: middle; }
div.specjalne_pierwsza_opis { display: none; }
div.sp_pier_1 { width: 75%; background: #7f8c8f; transition-duration: 0.2s; }
div.sp_pier_1:hover { background: #64696d; }
div.sp_pier_2 { width: 25%; background: #cc5265; transition-duration: 0.2s; }
div.sp_pier_2:hover { background: #b24455; }
div.sp_pier_3 { width: 25%; background: #3694ab; transition-duration: 0.2s; }
div.sp_pier_3:hover { background: #2d8398; }
div.sp_pier_4 { width: 50%; background: #89845c; transition-duration: 0.2s; }
div.sp_pier_4:hover { background: #77724a; }
div.sp_pier_5 { width: 25%; background: #b245f1; transition-duration: 0.2s; }
div.sp_pier_5:hover { background: #a139de; }
div.sp_pier_1 div.specjalne_pierwsza_foto { width: 65%; height: 100%; }
div.sp_pier_1 div.specjalne_pierwsza_tekst { width: calc(35% - 40px); height: calc(100% - 40px); }
div.sp_pier_1 div.specjalne_pierwsza_opis { display: block; border-top: 1px solid #fff; padding-top: 20px; }
div.sp_pier_4 div.specjalne_pierwsza_foto { width: 100%; height: 58%; }
div.sp_pier_4 div.specjalne_pierwsza_tekst { width: calc(100% - 40px); height: calc(42% - 40px); }
div.sp_pier_2 div.specjalne_pierwsza_foto, div.sp_pier_3 div.specjalne_pierwsza_foto, div.sp_pier_5 div.specjalne_pierwsza_foto { width: 100%; height: 45%; }
div.sp_pier_2 div.specjalne_pierwsza_tekst, div.sp_pier_3 div.specjalne_pierwsza_tekst, div.sp_pier_5 div.specjalne_pierwsza_tekst { width: calc(100% - 40px); height: calc(55% - 40px); }
/* SPECJALNE */
ul.bxslider { padding: 0px!important; margin: 0px!important; list-style: none; }
ul.bxslider li { padding: 0px!important; margin: 0!important; list-style: none; font-weight: 300; }
ul.bxslider div.specjalne_rodzaj { font-size: 20px; line-height: 45px; text-transform: lowercase; 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; }
ul.bxslider div.listaofert_specjalna { float: left; transition-duration: 0.2s; width: 100%; min-height: 475px; margin: 0px auto; color: #fff; font-size: 14px; overflow: hidden; }
ul.bxslider div.kolor1 { background: #a0aaac; }
ul.bxslider div.kolor2, ul.bxslider div.kolor6 { background: #7f8c8f; }
ul.bxslider div.kolor3, ul.bxslider div.kolor5 { background: #6d7c7f; }
ul.bxslider div.kolor4 { background: #526265; }
ul.bxslider div.listaofert_specjalna:hover { background: #4f5f62; }
ul.bxslider div.listaofert_specjalna a { color: #fff; }
ul.bxslider div.oferta_specjalna_zdjecie { width: 100%; height: 270px; overflow: hidden; float: left; text-align: center; position: relative; }
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%; min-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; }
div.blok_specjalne { padding-top: 30px; }
/* lista ofert - wyswietlwyniktabela*/
div.wyswietlwyniktabela div.lista_ofert { width: calc(100%/4 - 30px); margin: 15px; font-size: 12px; position: relative; padding-bottom: 15px; border-bottom: 1px solid #d8d8d8; transition-duration: 0.2s; vertical-align: top; display: inline-block; }
div.wyswietlwyniktabela div.lista_ofert_zdjecie { width: 100%; height: 280px; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniktabela div.lista_ofert_opis { width: 100%; position: relative; float: left; margin: 10px 0; text-align: center; }
div.wyswietlwyniktabela .opcje_miasto { font-size: 16px; padding: 10px 0; }
div.wyswietlwyniktabela .opcje_rodzaj { font-size: 14px; text-transform: lowercase; padding: 0px; }
div.wyswietlwyniktabela .opcje_opis { display: none; }
div.wyswietlwyniktabela .rozne_opcje { margin: 5px 0 10px 0; height: 50px; font-size: 15px; line-height: 25px; }
div.wyswietlwyniktabela .kolor_cena { color: #dd113d; font-weight: 700; }
div.wyswietlwyniktabela div.lista_ofert_ikony { width: 100%; line-height: 40px; float: left; text-align: center; font-size: 11px; }
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 - 30px); margin: 15px; font-size: 12px; position: relative; padding-top: 15px; border-top: 1px solid #d8d8d8; transition-duration: 0.2s; vertical-align: top; display: inline-block; }
div.wyswietlwyniklista2 div.lista_ofert_zdjecie { width: calc(35% - 15px); height: 170px; margin: 0 15px 0 0; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniklista2 div.lista_ofert_opis { width: 65%; position: relative; float: left; }
div.wyswietlwyniklista2 .opcje_miasto { font-size: 14px; }
div.wyswietlwyniklista2 .opcje_rodzaj { font-size: 14px; text-transform: lowercase; padding: 0px; }
div.wyswietlwyniklista2 .opcje_opis { height: 38px; overflow: hidden; }
div.wyswietlwyniklista2 .rozne_opcje { margin: 5px 0 10px 0; }
div.wyswietlwyniklista2 .kolor_cena { color: #dd113d; font-weight: 700; }
div.wyswietlwyniklista2 div.lista_ofert_ikony { width: 65%; line-height: 30px; 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% - 30px); margin: 15px; font-size: 12px; position: relative; padding-top: 15px; border-top: 1px solid #d8d8d8; transition-duration: 0.2s; vertical-align: top; display: inline-block; }
div.wyswietlwyniklista div.lista_ofert_zdjecie { width: calc(35% - 30px); height: 280px; margin: 0 30px 0 0; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniklista div.lista_ofert_opis { width: 65%; position: relative; float: left; }
div.wyswietlwyniklista .opcje_miasto { font-size: 24px; }
div.wyswietlwyniklista .opcje_rodzaj { font-size: 24px; text-transform: lowercase; padding: 0px; }
div.wyswietlwyniklista .opcje_opis { height: 90px; overflow: hidden; margin-bottom: 20px; }
div.wyswietlwyniklista .rozne_opcje { font-size: 18px; margin: 5px 0 10px 0; }
div.wyswietlwyniklista .kolor_cena { color: #dd113d; font-weight: 700; }
div.wyswietlwyniklista div.lista_ofert_ikony { width: 65%; line-height: 30px; 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; }
/* oferty wspólne */
div.oferty_status { width: 100%; font-size: 16px; color: #fff; background: rgba(177,29,18,0.8); padding: 8px 0; text-align: center; position: absolute; bottom: 0px; left: 0px; font-weight: 300; z-index: 3; }
div.oferty_status2 { width: calc(100% - 20px); font-size: 16px; color: #fff; background: #b11d12; padding: 8px 10px; text-align: center; font-weight: 300; float: left; }
div.lista_ofert_zdjecie1, div.lista_ofert_zdjecie2 { width: 100%; height: 100%; float: left; position: absolute; top: 0px; }
div.lista_ofert_zdjecie1 { left: 0px; z-index: 1; }
div.lista_ofert_zdjecie2 { left: 100%; z-index: 2; transition-duration: 0.2s; }
div.lista_ofert_zdjecie:hover div.lista_ofert_zdjecie2 { left: 0%; }
div.lista_ofert_zdjecie1 img, div.lista_ofert_zdjecie2 img { width: 100%; min-height: 100%; }
/* inwestycje - wyswietlwyniklista*/
div.wyswietlinwestycjelista div.lista_inwestycji { width: calc(100% - 30px); padding: 15px; margin-bottom: 10px; float: left; outline: 1px solid #dadada; transition-duration: 0.2s; }
div.wyswietlinwestycjelista div.lista_inwestycji_specjalna { background: #fafafa; }
div.wyswietlinwestycjelista div.inwestycja_zdjecie { width: calc(30% - 41px); height: 250px; line-height: 250px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #d8d8d8; float: left; overflow: hidden; text-align: center; }
div.wyswietlinwestycjelista div.inwestycja_zdjecie img { width: 100%; min-height: 100%; vertical-align: middle; }
div.wyswietlinwestycjelista div.inwestycja_opis { width: 70%; float: left; }
div.wyswietlinwestycjelista div.inwestycja_ikony { width: 100%; float: left; }
div.wyswietlinwestycjelista div.detale_inwestycja { width: 100%; float: left; text-align: center; }
div.wyswietlinwestycjelista .inwestycja_ukryj { display: none!important; }
div.wyswietlinwestycjelista .inwestycja_pokaz { display: initial!important; }
/* inwestycje - wyswietlwyniklista2*/
div.wyswietlinwestycjelista2 div.lista_inwestycji { width: calc(50% - 40px); padding: 10px; margin: 10px; display: inline-block; vertical-align: top; outline: 1px solid #dadada; transition-duration: 0.2s; }
div.wyswietlinwestycjelista2 div.lista_inwestycji_specjalna { background: #fafafa; }
div.wyswietlinwestycjelista2 div.inwestycja_zdjecie { width: calc(45% - 41px); height: 250px; line-height: 250px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #d8d8d8; float: left; overflow: hidden; text-align: center; }
div.wyswietlinwestycjelista2 div.inwestycja_zdjecie img { width: 100%; min-height: 100%; vertical-align: middle; }
div.wyswietlinwestycjelista2 div.inwestycja_opis { width: 55%; float: left; }
div.wyswietlinwestycjelista2 div.inwestycja_ikony { width: 100%; float: left; }
div.wyswietlinwestycjelista2 div.detale_inwestycja { width: 100%; float: left; text-align: center; }
div.wyswietlinwestycjelista2 .inwestycja_ukryj { display: initial!important; }
div.wyswietlinwestycjelista2 .inwestycja_pokaz { display: none!important; }
/* inwestycje wspólne */
.detale_inwestycja span { padding: 5px 8px; background: #efefef; margin: 3px; text-transform: lowercase; font-weight: 600; display: inline-block; font-size: 11px; }
/* tabela ofert do inwestycji */
table.tabela_inwestycje_oferty { width: 100%; border: none; border-top: 1px solid #ccc; border-collapse: collapse; }
table.tabela_inwestycje_oferty thead tr th, table.tabela_inwestycje_oferty tfoot tr th { font-size: 13px; color: #333; padding: 10px 6px; font-weight: 600; text-align: left; }
table.tabela_inwestycje_oferty thead tr .header { background-image: url(../gfx/tabele_oferty/bg.gif); background-repeat: no-repeat; background-position: center left; cursor: pointer; padding-left: 20px }
table.tabela_inwestycje_oferty tbody td { color: #000; padding: 10px 6px; vertical-align: middle; border-bottom: 1px solid #fff; font-size: 12px; }
table.tabela_inwestycje_oferty tbody tr:nth-child(even) { background-color:#eee; }
table.tabela_inwestycje_oferty tbody tr:nth-child(odd) { background-color:#e1e1e1; }
table.tabela_inwestycje_oferty tbody tr.wylaczony_status { background-color:#f5bfcc; }
table.tabela_inwestycje_oferty tbody tr.wylaczony_status td { color: #c0929d; }
table.tabela_inwestycje_oferty tbody tr.wylaczony_status td.wylaczony_status2 { color: #cc0000; }
table.tabela_inwestycje_oferty thead tr .headerSortUp { background-image: url(../gfx/tabele_oferty/asc.gif); }
table.tabela_inwestycje_oferty thead tr .headerSortDown { background-image: url(../gfx/tabele_oferty/desc.gif); }
table.tabela_inwestycje_oferty img { max-width: 50px; max-height: 50px; float: left; }
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; }
/* 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 */
.menu_telefon_show { display: none; background: #666; }
.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: nowrap; }
#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 */
/* rezerwacje start */
.rezerwacje_iframe { width: 100%; min-height: 450px; border: none; }
/* rezerwacje 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%; }
#SRODEK { width: 100%; float: left; margin-bottom: 1em; }
div.header_zakladki { width: 100%; margin-top: 10px; }
span.flagi, span.spolecznosciowe { margin: 10px; }
span.spolecznosciowe a { margin-left: 2px; }
div.header_logo { width: 100%; float: left; text-align: center; }
div.header_gora2 { width: 100%; text-align: center; }
div.header_telefon { color: #fff; background: #7f8c8f; display: block; padding: 3px 15px; margin: 5px 0; font-size: 14px; font-weight: 400; }
#HEADER { position: relative!important; z-index: 1; }
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: 100%; text-align: center; }
div.lamanienapol { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
div.lamanienapol3 { width: 100%; float: left; margin-bottom: 20px; }
div.lamanienapol4 { width: calc(100% - 20px); float: left; margin: 0 10px; }
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.lamanienaszesc { width: calc(100% / 2 - 10px); }
div.mapastrony-oferty a { width: 46%; margin: 1px; font-size: 11px; }
ul.bxslider li { width: 100%; float: left; }
div.modulpdf { width: 50%; }
div.nasze_nieruchomosci { width: 120px; height: 120px; border-radius: 60px; }
/* 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; }
div.pierwsza_specjalne { width: 100%; }
#WYSZpiercontent2 { width: 100%; }
div.szerokosc_motto_pierwsza { width: 100%!important; float: left; font-size: 20px; padding: 0 0 30px 0; }
div.szerokosc_wyszukiwarka_pierwsza { width: 100%!important; 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 { width: calc(100% - 30px); margin: 15px; font-size: 12px; position: relative; padding-top: 15px; border-top: 1px solid #d8d8d8; float: left; }
div.wyswietlwyniklista div.lista_ofert_zdjecie { width: 100%; height: 210px; margin: 0; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniklista div.lista_ofert_opis { width: 100%; position: relative; float: left; text-align: center; margin-top: 10px; }
div.wyswietlwyniklista .opcje_miasto { font-size: 14px; }
div.wyswietlwyniklista .opcje_opis { height: 70px; overflow: hidden; }
div.wyswietlwyniklista .rozne_opcje { font-size: 12px; }
div.wyswietlwyniklista div.lista_ofert_ikony { width: 100%; float: left; text-align: center; font-size: 12px; }
div.wyswietlwyniklista div.lista_ofert_ikony img { width: 13px; }
/* inwestycje - wyswietlwyniklista*/
div.wyswietlinwestycjelista div.lista_inwestycji { width: calc(100% - 30px); }
div.wyswietlinwestycjelista div.inwestycja_zdjecie { width: 100%; height: 250px; line-height: 250px; margin-right: 0; padding-right: 0; margin-bottom: 20px; border-right: none; }
div.wyswietlinwestycjelista div.inwestycja_opis { width: 100%; float: left; }
/* inwestycje - wyswietlwyniklista2*/
div.wyswietlinwestycjelista2 div.lista_inwestycji { width: calc(100% - 40px); }
div.wyswietlinwestycjelista2 div.inwestycja_zdjecie { width: 100%; height: 250px; line-height: 250px; margin-right: 0; padding-right: 0; margin-bottom: 20px; border-right: none; }
div.wyswietlinwestycjelista2 div.inwestycja_opis { width: 100%; float: left; }
/* 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; }
/* SPECJALNE PIERWSZA */
div.specjalne_pierwsza { float: left; height: 400px; width: 100%; }
div.sp_pier_1 div.specjalne_pierwsza_opis { display: none; }
div.sp_pier_1 div.specjalne_pierwsza_foto, div.sp_pier_2 div.specjalne_pierwsza_foto, div.sp_pier_3 div.specjalne_pierwsza_foto, div.sp_pier_4 div.specjalne_pierwsza_foto, div.sp_pier_5 div.specjalne_pierwsza_foto { width: 100%; height: 45%; }
div.sp_pier_1 div.specjalne_pierwsza_tekst, div.sp_pier_2 div.specjalne_pierwsza_tekst, div.sp_pier_3 div.specjalne_pierwsza_tekst, div.sp_pier_4 div.specjalne_pierwsza_tekst, div.sp_pier_5 div.specjalne_pierwsza_tekst { width: calc(100% - 40px); height: calc(55% - 40px); }
div.specjalne_pierwsza:nth-child(5) { display: none; }
/* CAMERA MINIATURY */
.camera_thumbs { display: none!important; }
}
@media screen and (min-width: 480px) and (max-width: 767px) {
div.blok { width: calc(50% - 20px); font-size: 24px; }
.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_zakladki { width: 100%; margin-top: 10px; }
span.flagi, span.spolecznosciowe { margin: 10px; }
span.spolecznosciowe a { margin-left: 2px; }
div.header_logo { width: 100%; float: left; text-align: center; }
div.header_gora2 { width: 100%; text-align: center; }
div.header_telefon { color: #fff; background: #7f8c8f; display: block; padding: 3px 15px; margin: 5px 0; font-size: 14px; font-weight: 400; }
#HEADER { position: relative!important; z-index: 1; }
#SRODEK { width: 100%; margin-bottom: 1em; float: left; }
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; }
div.lamanienapol { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
div.lamanienapol3 { width: 100%; float: left; margin-bottom: 20px; }
div.lamanienapol4 { width: calc(100% - 20px); float: left; margin: 0 10px; }
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.lamanienaszesc { width: calc(100% / 3 - 10px); }
div.mapastrony-oferty a { width: 47%; margin: 1px; }
ul.bxslider li { width: 230px!important; float: left; }
div.modulpdf { width: 25%; }
div.nasze_nieruchomosci { width: 120px; height: 120px; border-radius: 60px; }
/* 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; }
div.pierwsza_specjalne { width: 50%; }
#WYSZpiercontent2 { width: 50%; }
div.szerokosc_motto_pierwsza { width: 100%!important; float: left; font-size: 20px; padding: 0 0 30px 0; }
div.szerokosc_wyszukiwarka_pierwsza { width: 100%!important; 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 .opcje_miasto { font-size: 20px; }
div.wyswietlwyniklista .rozne_opcje { font-size: 14px; margin: 5px 0 10px 0; }
div.wyswietlwyniklista div.lista_ofert_ikony { width: 100%; float: left; text-align: center; margin-top: 20px; }
div.wyswietlwyniklista div.lista_ofert_zdjecie { width: calc(45% - 20px); height: 200px; margin: 0 20px 0 0; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniklista div.lista_ofert_opis { width: 55%; position: relative; float: left; }
/* inwestycje - wyswietlwyniklista*/
div.wyswietlinwestycjelista div.lista_inwestycji { width: calc(100% - 30px); }
div.wyswietlinwestycjelista div.inwestycja_zdjecie { width: calc(40% - 41px); height: 250px; line-height: 250px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #d8d8d8; float: left; overflow: hidden; text-align: center; }
div.wyswietlinwestycjelista div.inwestycja_opis { width: 60%; float: left; }
/* inwestycje - wyswietlwyniklista2*/
div.wyswietlinwestycjelista2 div.lista_inwestycji { width: calc(50% - 40px); }
div.wyswietlinwestycjelista2 div.inwestycja_zdjecie { width: 100%; height: 250px; line-height: 250px; margin-right: 0; padding-right: 0; margin-bottom: 20px; border-right: none; }
div.wyswietlinwestycjelista2 div.inwestycja_opis { width: 100%; float: left; }
/* RODZAJE */
#RODZAJE div.rodzaj { width: calc(50% - 1px); float: left; margin: 0 1px 1px 0; background: #fff; text-align: center; }
/* SPECJALNE PIERWSZA */
div.specjalne_pierwsza { float: left; height: 420px; width: 50%; }
div.sp_pier_1 div.specjalne_pierwsza_opis { display: none; }
div.sp_pier_1 div.specjalne_pierwsza_foto, div.sp_pier_2 div.specjalne_pierwsza_foto, div.sp_pier_3 div.specjalne_pierwsza_foto, div.sp_pier_4 div.specjalne_pierwsza_foto, div.sp_pier_5 div.specjalne_pierwsza_foto { width: 100%; height: 45%; }
div.sp_pier_1 div.specjalne_pierwsza_tekst, div.sp_pier_2 div.specjalne_pierwsza_tekst, div.sp_pier_3 div.specjalne_pierwsza_tekst, div.sp_pier_4 div.specjalne_pierwsza_tekst, div.sp_pier_5 div.specjalne_pierwsza_tekst { width: calc(100% - 40px); height: calc(55% - 40px); }
div.specjalne_pierwsza:nth-child(5) { display: none; }
/* CAMERA MINIATURY */
.camera_thumbs { display: none!important; }
}
@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; }
.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; }
div.header_zakladki { width: 100%; margin-top: 10px; }
span.flagi, span.spolecznosciowe { margin: 10px; }
span.spolecznosciowe a { margin-left: 2px; }
div.header_logo { width: 100%; float: left; text-align: center; }
div.header_gora2 { width: 100%; text-align: center; }
div.header_telefon { color: #fff; margin: 20px 0 5px 0; font-size: 14px; font-weight: 400; }
#HEADER { position: relative!important; z-index: 1; }
#GOD { width: 100%; min-width: 748px; float: left; }
.GODwrapper { width: 748px; margin: 0px auto; }
#SRODEK { width: 528px; margin-bottom: 20px; float: left; }
#MARGINES { width: 220px; float: left; margin-bottom: 20px; }
#FOOTER div.linki2 { width: 100%; text-align: center; }
#FOOTER div.linki { width: 50%; text-align: center; }
div.lamanienapol { width: 100%; float: left; margin-bottom: 20px; margin-right: 0%; }
div.lamanienapol4 { width: calc(100% - 20px); float: left; margin: 0 10px; }
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: 31%; float: left; margin: 0 1% 20px 1%; }
div.lamanienaszesc { width: calc(100% / 3 - 10px); }
div.mapastrony-oferty a { width: 47%; margin: 1px; }
ul.bxslider > li { width: 239px!important; float: left; }
div.nasze_nieruchomosci { width: 120px; height: 120px; border-radius: 60px; }
div.szerokosc_wyszukiwarka_pierwsza { width: 35%!important; float: left; }
/* PIERWSZA BLOKI */
div.piewsza_lewa { width: calc(100% - 250px); float: left; margin-right: 30px; }
div.piewsza_prawa { width: 220px; float: left; }
div.pierwsza_specjalne { width: 64%; }
#WYSZpiercontent2 { width: 36%; }
/* 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 .opcje_miasto { font-size: 20px; }
div.wyswietlwyniklista .rozne_opcje { font-size: 14px; margin: 5px 0 10px 0; }
div.wyswietlwyniklista div.lista_ofert_ikony { width: 100%; float: left; text-align: center; }
div.wyswietlwyniklista div.lista_ofert_ikony { width: 100%; float: left; text-align: center; margin-top: 20px; }
div.wyswietlwyniklista div.lista_ofert_zdjecie { width: calc(45% - 20px); height: 200px; margin: 0 20px 0 0; text-align: center; position: relative; float: left; overflow: hidden; }
div.wyswietlwyniklista div.lista_ofert_opis { width: 55%; position: relative; float: left; }
/* inwestycje - wyswietlwyniklista*/
div.wyswietlinwestycjelista div.lista_inwestycji { width: calc(100% - 30px); }
div.wyswietlinwestycjelista div.inwestycja_zdjecie { width: calc(40% - 41px); height: 250px; line-height: 250px; margin-right: 20px; padding-right: 20px; border-right: 1px solid #d8d8d8; float: left; overflow: hidden; text-align: center; }
div.wyswietlinwestycjelista div.inwestycja_opis { width: 60%; float: left; }
/* inwestycje - wyswietlwyniklista2*/
div.wyswietlinwestycjelista2 div.lista_inwestycji { width: calc(50% - 40px); }
div.wyswietlinwestycjelista2 div.inwestycja_zdjecie { width: 100%; height: 250px; line-height: 250px; margin-right: 0; padding-right: 0; margin-bottom: 20px; border-right: none; }
div.wyswietlinwestycjelista2 div.inwestycja_opis { width: 100%; float: left; }
/* SPECJALNE PIERWSZA */
div.specjalne_pierwsza { float: left; height: 400px; width: 50%; }
div.sp_pier_1 div.specjalne_pierwsza_opis { display: none; }
div.sp_pier_1 div.specjalne_pierwsza_foto, div.sp_pier_2 div.specjalne_pierwsza_foto, div.sp_pier_3 div.specjalne_pierwsza_foto, div.sp_pier_4 div.specjalne_pierwsza_foto, div.sp_pier_5 div.specjalne_pierwsza_foto { width: 100%; height: 45%; }
div.sp_pier_1 div.specjalne_pierwsza_tekst, div.sp_pier_2 div.specjalne_pierwsza_tekst, div.sp_pier_3 div.specjalne_pierwsza_tekst, div.sp_pier_4 div.specjalne_pierwsza_tekst, div.sp_pier_5 div.specjalne_pierwsza_tekst { width: calc(100% - 40px); height: calc(55% - 40px); }
div.specjalne_pierwsza:nth-child(5) { display: none; }
/* CAMERA MINIATURY */
.camera_thumbs { display: none!important; }
}
@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: 680px; margin-bottom: 30px; float: left; }
#MARGINES { width: 280px; float: left; margin-bottom: 30px; }
ul.bxslider > li { width: 250px!important; float: left; }
span.flagi, span.spolecznosciowe { margin: 10px; }
span.spolecznosciowe a { margin-left: 2px; }
div.header_telefon { color: #fff; margin: 20px 0 5px 0; font-size: 14px; font-weight: 400; }
div.nasze_nieruchomosci { width: 120px; height: 120px; border-radius: 60px; }
div.szerokosc_wyszukiwarka_pierwsza { width: 35%!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; }
/* CAMERA MINIATURY */
.camera_thumbs { display: none!important; }
}
@media screen and (min-width: 1280px){
#GOD { width: 100%; min-width: 1200px; float: left; }
.GODwrapper { width: 1260px; margin: 0px auto; }
#SRODEK { width: 835px; margin-bottom: 40px; float: left; }
#MARGINES { width: 425px; float: left; margin-bottom: 40px; }
ul.bxslider li { width: 315px!important; float: left; }
/* CAMERA MINIATURY */
.camera_thumbs { display: block!important; width: 100%; float: left; }
}
/* 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; z-index: 1010; }
#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; }
/* style do górnego menu - start*/
/*
#navigation { width: 100%; padding: 0; margin: 0px auto; list-style-type: none; font-size: 18px; z-index: 5000; float: left; text-align: center; }
#navigation li { position: relative; display: inline-block; }
#navigation li.top > a { font-size: 18px; color: #fff; display: block!important; height: 50px; line-height: 50px; padding: 0 20px; transition-duration: 0.2s; }
#navigation li.top:hover > a { color: #000 !important; background: #fff; }
#navigation li ul { background-color: #fff; position: absolute; left: 0px; top: 0px; display: none; padding: 0px; margin: 0px; list-style-type: none; min-width: 100px; z-index:5000; border-bottom: 3px solid #7f8c8f; }
#navigation li.over { top: 0px; }
#navigation li.over ul { padding: 0 !important; display: block; }
#navigation li.over ul li { float: left; margin: 0px !important; padding: 0px !important; top: 0px; width: 100%; }
#navigation li.over ul li a { display: block; font-size: 14px; padding: 0 20px !important; margin: 0px !important; white-space: nowrap; color: #000; height: 35px; line-height: 35px; transition-duration: 0.2s; text-align: left; }
#navigation li.over ul li a:hover { background: #404040; color: #fff; }
#navigation ul.a{ padding: 0px !important; margin: 0px !important; }
*/
/* style do górnego menu - end*/
/* style do górnego menu - start*/
.nav a { color: #000; display: block; text-align: left; }
.nav li, .nav ul { list-style-type: none; padding: 0px; white-space: nowrap; }
ul.nav { width: 100%; padding: 0; margin: 0px auto; list-style-type: none; font-size: 16px; z-index:5000; float: left; }
ul.nav li.top { font-size: 18px; color: #000; display: inline-block!important; height: 70px; line-height: 70px; transition-duration: 0.2s; }
ul.nav li.top a { padding: 0 20px; }
ul.nav li.dropdown { display: block; position: relative; }
ul.nav li.dropdown:hover { background: #00609f; }
ul.nav li.dropdown:hover a { color: #fff; }
ul.nav .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; background: #00609f; }
ul.nav .dropdown-menu li { margin:0; display: inline; position: relative; width: 100%; float: left; }
ul.nav .dropdown-menu li a { font-size: 14px; list-style-type: none; padding: 0 15px !important; display: block; height: 35px; line-height: 35px; float: none; margin: 0px!important; color: #fff; }
ul.nav .dropdown-menu li a:hover { background: #004e82; color: #fff!important; }
ul.nav .dropdown-menu .sub-menu-level1, ul.nav .dropdown-menu .sub-menu-level2 { left: 100%; position: absolute; top: 0; visibility: hidden; margin-top: 0; }
ul.nav .dropdown-menu li:hover .sub-menu-level1 { visibility: visible; }
ul.nav .dropdown-menu li li:hover .sub-menu-level2 { visibility: visible; }
/* style do górnego menu - end*/
/* slicknav - start*/
/* Mobile Menu Core Style */
.slicknav_btn { position: relative; display: block; vertical-align: middle; width: 100%; float: left; text-align: right; padding: 0.438em 0 0.438em 0; line-height: 1.125em; cursor: pointer; background: none; }
.slicknav_btn:hover { background: none!important; }
.slicknav_menu .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { cursor: pointer; }
.slicknav_nav .slicknav_row { display: block; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a,
.slicknav_nav .slicknav_parent-link a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
/* Change the following styles to modify the appearance of the menu. */
.slicknav_menu { font-size:15px; text-align: left; }
/* Button */
.slicknav_btn { margin: 5px 5px 6px; text-decoration:none; }
/* Button Text */
.slicknav_menu .slicknav_menutxt { color: #fff; text-transform: none; }
/* Button Lines */
.slicknav_menu .slicknav_icon-bar { background-color: #fff; }
.slicknav_menu { padding:5px; }
.slicknav_nav { color:#fff; margin:0; padding:0; font-size:0.875em; }
.slicknav_nav, .slicknav_nav ul { list-style: none; overflow:hidden; }
.slicknav_nav ul { padding:0; margin:0 0 0 20px; }
.slicknav_nav .slicknav_row { padding: 10px; margin:2px 5px; }
.slicknav_nav a { padding: 10px; margin:2px 5px; text-decoration:none; color:#fff; background-image: none; }
.slicknav_nav .slicknav_item a, .slicknav_nav .slicknav_parent-link a { padding:0; margin:0; }
.slicknav_nav .slicknav_row:hover { color:#fff; }
.slicknav_nav .slicknav_row:hover a{ color:#000; }
.slicknav_nav a:hover { background:#fff; color:#000; }
.slicknav_nav .slicknav_txtnode { margin-left:15px; }
/* slicknav - end*/
/* SKRYPTY KONIEC */