html, body { margin: 0px auto; padding: 0px; width: 100%; height: 100%; font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-weight: 300; font-size: 13px; color: #fff; background: #232323; }
input, select, textarea { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-weight: 300; }

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; }
.obiektfade { transition-property: opacity; transition-duration: 0.2s; }
.obiektfade:hover { opacity: 0.7; }

.obiektfaderevers { transition-property: opacity; transition-duration: 0.2s; opacity: 0.7; }
.obiektfaderevers:hover { opacity: 1; }

iframe { border:none; }

a { color: #fff; text-decoration: none; }
a:hover { color: #22558a; text-decoration: none; }
a.lewy_link_material { display: block; font-size: 24px; background: #b31c1c url('../gfx/pierwszalinkduzy.png') no-repeat left; color: #fff; padding: 10px 0 10px 60px; margin-bottom: 2px; transition-property: background, text-indent; transition-duration: 0.2s; }
a.lewy_link_material:hover { text-indent: 10px; background: #b31c1c url('../gfx/pierwszalinkduzy_hover.png') no-repeat left; }



img { border: none; }
.kreska1 { border-bottom: 1px solid #ddd; padding: 5px; }

.tytul { font-family: Roboto, sans-serif; font-weight: 100; color: #fff; margin: 0px; clear:both; margin-bottom: 15px; line-height: 120%; }
.tytul_1 { font-size: 48px; }
.tytul_2 { font-size: 30px; }
.tytul_3 { font-size: 24px; }
.tytul_4 { font-size: 20px; }
.tytul_5 { font-size: 18px; }
.tytul_6 { font-size: 15px; }

.tagi5 { font-size: 24px; }
.tagi4 { font-size: 20px; }
.tagi3 { font-size: 18px; }
.tagi2 { font-size: 16px; }
.tagi1 { font-size: 14px; }

.lead { color: #fff; font-size: 16px; line-height: 140%; }
.tlofotografia { background: #2b0f0c!important; }

.tlokredyty { background: #22558a!important; }
.tlokredyty_bok { background: #d2cccc!important; color: #000; }
.tlokredyty_bok .tytul { color: #000; }
.tlokredyty_bok .lead { color: #000; }

.tlooferty { background: #f8f8f6!important; color: #000; }
.tlooferty a { color: #000; text-decoration: none; }
.tlooferty a:hover { color: #22558a; text-decoration: none; }
.tlooferty .tytul { color: #000; }
.tlooferty .lead { color: #000; }

.tloblog { background: #b0bcca!important; color: #000; }
.tloblog a { color: #000; text-decoration: none; }
.tloblog a:hover { color: #35414f; text-decoration: none; }
.tloblog .tytul { color: #000; }
.tloblog .lead { color: #000; }

.wyczysc { clear: both; }

/* NAWIGACJA */
.nawigacja { width: 100%; font-size: 14px; margin: 20px 0; font-weight: 300; float: left; color: #000; }
.nawigacja span.linki { color: #000;  float: right; }
.nawigacja span.linki a, .nawigacja span.linki span.aktywny { padding: 8px 12px; margin: 5px 0; display: inline-block; color: #000; }
.nawigacja span.linki span.aktywny, .nawigacja span.linki a:hover { color: #fff; background: #22568a; }

/* KOMUNIKATY */
.komunikat_bad { border-radius: 5px; padding: 10px; text-align: center; background: #e32f40; font-size: 13px; color: #fff; }
.komunikat_ok { border-radius: 5px; padding: 10px; text-align: center; background: #a3dc52; font-size: 13px; color: #fff; }
.kolorwymagane { color: #c42000; }

/* 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%; }

/* FORMULARZE */
fieldset.kredyty { border: 1px solid #0c2802; padding: 15px; }
input.form_prosty, select.form_prosty, textarea.form_prosty { padding: 9px 5px 8px 5px; margin: 0px; border: 1px solid rgba(0,0,0,0.5); background: rgba(0,0,0,0.5); color: #fff; font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-size: 12px; transition-property:  background, border; transition-duration: 0.2s; font-weight: 300; }
input.form_prosty:hover, select.form_prosty:hover, textarea.form_prosty:hover { background: rgba(0,0,0,0.7); border: 1px solid rgba(0,0,0,0.7); }
legend { font-size: 15px; padding: 0 10px;}
.button_prosty { height: 35px; line-height: 35px; padding: 0 15px 0 30px; margin: 0 0 1px 0; border: none; color: #fff; background: rgba(0,0,0,0.5) url('../gfx/button.png') no-repeat left; cursor: pointer; transition-property: background; transition-duration: 0.2s; font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-weight: 300; }
.button_prosty:hover { background: rgba(0,0,0,0.7) url('../gfx/button_hover.png') no-repeat left; }
.button_prosty_maly { width: 35px; height: 35px; margin: 0px; border: none; color: #fff; background: #896e6e url('../gfx/button.png') no-repeat left; cursor: pointer; transition-property: background; transition-duration: 0.2s; }
.button_prosty_maly:hover { background: #7c6165 url('../gfx/button_hover.png') no-repeat left; }

input.form_oferty, select.form_oferty, textarea.form_oferty { padding: 9px 5px 8px 5px; margin: 0px; border: 1px solid #737271; background: #737271; color: #fff; font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-size: 12px; transition-property:  background, border; transition-duration: 0.2s; font-weight: 300; width: 100%; float: left; }
input.form_oferty:hover, select.form_oferty:hover, textarea.form_oferty:hover { background: #5a5958; border: 1px solid #434241; }

input.form_krotka, select.form_krotka, textarea.form_krotka { width: calc(50% - 10px); float: left; }

span.form_przerwa { width: 20px; line-height: 30px; float: left; text-align: center; display: block; }


.button_oferty { height: 35px; line-height: 35px; padding: 0 15px 0 30px; margin: 0 0 1px 0; border: none; color: #fff; background: #737271 url('../gfx/button.png') no-repeat left; cursor: pointer; transition-property: background; transition-duration: 0.2s; font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-weight: 300; }
.button_oferty:hover { background: #5a5958 url('../gfx/button_hover.png') no-repeat left; }
.button_oferty_maly { width: 35px; height: 35px; margin: 0px; border: none; color: #fff; background: #737271 url('../gfx/button.png') no-repeat left; cursor: pointer; transition-property: background; transition-duration: 0.2s; }
.button_oferty_maly:hover { background: #5a5958 url('../gfx/button_hover.png') no-repeat left; }

/*formualarz kontaktowy */
fieldset.kontakt { border: 1px solid #7d7775; padding: 15px; width: calc(100% - 32px); float: left; }
fieldset.kontakt p { margin-bottom: 0px; }
input.form_kontakt, select.form_kontakt, textarea.form_kontakt { padding: 10px 5px; margin: 0 7px; border: 1px solid #7d7775; background: #7d7775; color: #fff; font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-size: 12px; transition-property:  background, border; transition-duration: 0.2s; font-weight: 300; width: 100%; }
input.form_kontakt:hover, select.form_kontakt:hover, textarea.form_kontakt:hover { background: #696362; border: 1px solid #585351; }
fieldset.kontakt label { display: block; width: 100%; float: left; margin: 7px; }
.button_kontakt { height: 35px; line-height: 35px; padding: 0 15px 0 30px; margin: 0px; border: none; color: #fff; background: #7d7775 url('../gfx/button_kontakt.png') no-repeat left; cursor: pointer; transition-property: background; transition-duration: 0.2s; font-family: Roboto, sans-serif, Arial, Tahoma, Helvetica; font-weight: 300; }
.button_kontakt:hover { background: #696362 url('../gfx/button_kontakt_hover.png') no-repeat left; }
.button_kontakt_maly { width: 35px; height: 35px; margin: 0px; border: none; color: #fff; background: #7d7775 url('../gfx/button_kontakt.png') no-repeat left; cursor: pointer; transition-property: background; transition-duration: 0.2s; }
.button_kontakt_maly:hover { background: #0c3f63 url('../gfx/button_kontakt_hover.png') no-repeat left; }

/* SZEROKOSC STRONY */
#GOD { width: 100%; margin: 0px auto; }
#BOK div.modul { width: 100%; margin-bottom: 20px; float: left; }
#MIDDLEcontener { width: 100%; float: left; padding-top: 66px; padding-bottom: 40px;}
#MIDDLE { width: 100%; float: left; padding-top: 40px; }

/* NAGLOWEK */
#HEADERcontener { width: 100%; background: #000; position: fixed; z-index: 300; float: left; }
#HEADER { margin: 0px auto; }
#HEADER div.logo { width: 240px; max-width: 100%; min-height: 70px; float: left; order: 1; }
#HEADER div.logo img { max-width: 100%; }
#HEADER div.zakladki { width: calc(100% - 270px); min-height: 70px; float: left; order: 2; }
#HEADER div.ikony { width: 30px; height: 70px; line-height: 70px; float: right; text-align: right; order: 3; }
#HEADER img { vertical-align: middle; }


/* SLIDERY NA GŁOWNEJ */
.slide { background-attachment: fixed; width:100%; height:100%; position: relative; box-shadow:inset 0px 10px 15px rgba(0,0,0,0.3); background: url('../gfx/pierwsza_tlo.jpg') fixed; float: left; }
.wrapper { margin: 0 auto; position: relative; min-height: 800px; }
.wrapper2contener { margin: 0 auto; }
.wrapper2 { float: left; }
#slide1 { box-shadow: inset 0px -10px 15px rgba(0,0,0,0.3); }
#slide1 div.pierwszalinki { position: absolute; top: 250px; }
#slide1 a.pierwszalinkduzy { display: block; max-width: calc(100% - 60px); width: 300px; height: 60px; line-height: 60px; padding-left: 60px; font-size: 30px; color: #fff; background-color: rgba(0,0,0,0.8); background-image: url('../gfx/pierwszalinkduzy.png'); background-repeat: no-repeat; background-position: left; transition-property: background-color, background-image, text-indent; transition-duration: 0.2s; margin-bottom: 10px; }
#slide1 a.pierwszalinkduzy:hover { background-color: rgba(0,0,0,1); background-image: url('../gfx/pierwszalinkduzy_hover.png'); text-indent: 10px; }
#slide1 div.pierwszamotto { width: calc(100% - 230px); margin: 0px auto; padding: 50px 70px 20px 160px; font-size: 30px; font-family: 'Times New Roman'; color: #fff; background: url('../gfx/pierwsza_motto.png') no-repeat top left; }
#slide2, #slide3 { padding-bottom: 80px; }
#SLIDERBIG { width: 100%; height: 800px; position: relative; }


/* PIERWSZA RÓZNE */
div.pierwszaagent { width: 1200px; margin: 0 auto; margin-top: 40px; }
div.pierwszaagentcontener { width: 1200px; float: left; margin-top: 40px; }
div.pierwszaagenttekst { width: calc(100% - 440px); min-height: 215px; padding: 25px 50px; background: #000; float: left; margin-right: 40px; }
div.pierwszaagentfoto { width: 300px; height: 265px; line-height: 265px; overflow: hidden; }
div.pierwszaagentfoto img { width: 300px; height: 265px; vertical-align: middle;  }

/* STOPKA */
#FOOTER { width: 100%; background: #201c1c; color: #fff; float: left; font-size: 12px; padding: 40px 0; box-shadow:inset 0px 20px 25px rgba(0,0,0,0.5); }
#FOOTER div.szerokosc { width: 1200px; padding: 0px; margin: 0px auto; clear: both; }
#FOOTER a { color: #fff;}
#FOOTER a:hover { color: #7d7775; }
#FOOTER div.logo { width: calc(30% - 150px); float: left; padding: 100px 0 0 110px; margin-right: 40px; position: relative; }
#FOOTER div.logo img { position: absolute; left: 55px; top: 30px; }
#FOOTER div.kontakt { width: 70%; float: left; }
#FOOTER div.autor { width: 100%; float: left; text-align: center; margin-top: 30px; }

/* FLAGI + SPOLECZNOSCIOWE */
div.flagi { float: right; height: 22px; margin-top: 20px; }
div.flagi img { vertical-align: middle; }
div.spolecznosciowe { float: right; height: 22px; margin-top: 20px; margin-right: 20px; }


#wyswietlwynik { width: 100%; float: left; margin-top: 10px; }
div.szerokosctekstu { width: 100%; float: left; }


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.lamanienapol_13 { width: calc(100% / 3 - 4% * 1); float: left; margin-right: 4%; margin-bottom: 20px; }
div.lamanienapol_23 { width: calc(100% / 3 * 2); float: left; margin-bottom: 20px; }


div.sortowanie { text-align: center; margin-bottom: 20px; height: 30px; line-height: 30px; float: left; width: 800px; }
img.specjalnafoto { position: absolute; bottom: -10px; right: -10px; border: none !important; }
.wylaczmargines { margin-right: 0px!important; margin-left: 0px!important; }



/* BANER */
#BANER { width: 100%; margin: 0 0 30px 0; float: left; }
#BANER p { margin: 0px; padding: 0px; }
#BANER img { border: none; }

/* AKTUALNOSC */
div.aktualnosc { width: 100%; float: left; margin-bottom: 20px; padding-bottom: 20px; color: #000; border-bottom: 1px solid #9cabbc; transition-property: outline, background; transition-duration: 0.2s; }
div.aktualnosc:hover { background: #9cabbc; outline: 10px solid #9cabbc; }
div.aktualnosc img { width: 150px; height: 150px; }
div.aktualnosc a { color: #000; }

/*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: #31070c; color: #fff; margin-bottom: 1px; transition-property: text-indent, background; transition-duration: 0.2s; }
div.materiallista a:hover { text-indent: 5px; background: #250408; color: #fff; }

/* ZDJECIA */
#ZDJECIA { width: 100%; float: left; margin: 30px 0; }
#ZDJECIA img { width: 139px; height: 139px; float: left; margin: 2px; }
img.ramka { border: 3px solid #ffffff; outline: 1px solid #f0f0f0; }
img.ramka2 { border: 3px solid #ffffff; box-shadow: 0 0 5px #666; }


#ZDJECIABIG div.outer { width: 300px; margin: 0 2px 2px 0; overflow: hidden; float: left; }
#ZDJECIABIG div.inner { display: inline-block; position: relative; right: -50%; }
#ZDJECIABIG img { min-width: 300px; height: 370px; position: relative; left: -50%;}

/* KONTAKT */
p.maklernaglowek { font-size: 18px; padding: 10px; font-family: 'Oxygen', sans-serif, Tahoma; margin: 5px 0; font-weight: 300; clear:both; color: #000; background: #ccc; }
div.makler { width: 340px; float: left; background: #fff; margin: 5px; padding: 10px; text-align: center; }
div.makler img.zdjecie { width: 90px; margin-right: 10px; }
div.makler p.maklerimie { margin: 0 0 10px 0; font-size: 17px; }
div.makler p { margin: 0 0 10px 0; }
#map-canvas-kontakt { width: 800px; height: 300px; float: left; margin: 10px 0; border: none; }

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

/* MODUŁ PDF */
div.modulpdf { width: 155px; margin: 0 5px 15px 5px; text-align: center; float: left; }
div.modulpdf img { width: 155px; }

/* KOSZYK BOK */
div.koszyk { clear: both; margin: 10px 0; line-height: 150%; font-size: 11px; }
div.koszyk div.koszyk_opis { width: 160px; float: left;}
div.koszyk p.rodzaj { font-size: 12px; margin: 0; color: #fff; }
div.koszyk img { width: 120px; height: 120px; float: left; margin-right: 20px; }

/* SPECJALNE */
div.specjalne { width: 100%; height: 340px; background: #b31c1c; float: left; padding: 4px; margin-bottom: 20px; }
div.specjalne .tytul a { color: #fff; }
div.specjalne .tytul a:hover { color: #000; }
div.specjalne div.oferta { width: 100%; height: 284px; float: left; position: relative; text-align: center; overflow: hidden; }
div.specjalne div.oferta img.zdjecie { min-width: 100%; height: 284px; float: left; }
div.specjalne div.oferta:hover img.zdjecie { opacity: 0.8; }
div.specjalne div.parametry { font-size: 14px; font-weight: 300; color: #fff; padding: 10px 15px 15px 10px; background: #b31c1c; bottom: 5px; left: 0px; position: absolute; text-align: left; }
div.specjalne p { margin: 2px 0; }

/* OFERTA - LISTA OFERT TABELA*/
div.listaofert_tabela { width: calc(100% / 3 - 40px); display: inline-block; margin: 20px; position: relative; background: #fff; outline: 7px solid #fff; transition-duration: 0.2s; font-family: Tahoma; vertical-align: top; }
div.listaofert_tabela:hover { background: #b0bcca; outline: 10px solid #b0bcca;}
div.listaofert_tabela:hover img { opacity: 0.8; }
div.listaofert_tabela div.listaofert_tabela_zdjecie { text-align: center; position: relative; width: 100%; float: left; }
div.listaofert_tabela div.listaofert_tabela_zdjecie img.fotoglowne { width: 100%; height: 300px; float: left; }
div.listaofert_tabela div.listaofert_tabela_zdjecie span.parametrycena { color: #000; background: #000; padding: 10px; font-size: 14px; position: absolute; top: 5px; right: 5px; }
div.listaofert_tabela div.listaofert_tabela_zdjecie span.videopanorama { position: absolute; bottom: 5px; left: 5px; }
div.listaofert_tabela p.listanaglowek { font-size: 14px; background: #b0bcca; color: #fff; padding: 10px; margin: 0; text-align: center; width: calc(100% - 20px); float: left; }
div.listaofert_tabela div.listaofert_opis { padding: 0px; width: 100%; float: left; margin-top: 20px; }
div.listaofert_tabela p.parametryrodzaj { font-size: 12px; color: #000; margin: 0px; padding: 4px 0; text-transform:uppercase; }
div.listaofert_tabela p.parametry { font-size: 12px; color: #000; margin: 5px  0; text-transform:uppercase; }
div.listaofert_tabela p.parametry span.wyroznione { color: #000; }
div.listaofert_tabela p.parametryopis { font-size: 12px; margin: 20px 0; }
div.listaofert_tabela p.parametrynotatnik { margin: 10px 0 0 0; text-align: left; }
div.listaofert_tabela p.parametrynotatnik a { color: #000; text-decoration: none; }
div.listaofert_tabela p.parametrynotatnik a:hover { color: #000; text-decoration: none; }
div.listaofert_tabela p.parametrynotatnik span { float: right; display: inline; }

/* OFERTA - LISTA OFERT LISTA*/
div.listaofert_lista { width: 100%; float: left; transition-property: background, outline; transition-duration: 0.2s; margin-bottom: 10px; position: relative; z-index: 1; padding-right: 20px }
div.listaofert_lista:hover { background: #0c2802!important; outline: 5px solid #0c2802; z-index: 2; color: #fff; }
div.listaofert_lista:hover img { opacity: 0.8; }
div.listaofert_lista div.listaofertfoto { width: calc(25% - 20px); margin-right: 20px; position: relative; float: left; }
div.listaofert_lista div.listaofertfoto img.fotoglowne { width: 100%; height: 200px; float: left; }
div.listaofert_lista div.listaopispelny { width: 75%; float: left; }
div.listaofert_lista div.listaopis { width: 100%; margin: 10px 0; float: left; }
div.listaofert_lista p.parametryopis { font-size: 14px; margin: 10px 0; }
div.listaofert_lista p.listanaglowek { font-size: 18px; margin: 10px 0; }
div.listaofert_lista a { color: #fff; text-decoration: none; }
div.listaofert_lista a:hover { color: #f7c30f; text-decoration: none; }

/* OFERTA DETALE */
img.foto_duze { width: 100%; float: left; margin-bottom: 10px; }
img.foto_male { width: calc(25% - 6px); height: 130px; float: left; margin: 3px; }
img.foto_male:hover { box-shadow: 0 0 2px #000; }
p.podofertami { font-size: 10px; line-height: 130%; text-align: justify; font-style: italic; }
div.moduloferty { width: 100%; float: left; margin-bottom: 20px; }

table.ikony { width: 100%; border: none; font-size: 10px; border-spacing:0; border-collapse: collapse; }
table.ikony tr { height: 35px; }
table.ikony tr td img { vertical-align: middle; }

p.ikony { font-size: 12px; margin: 0 0 10px 0; }
p.ikony img { vertical-align: middle; }
p.ikony a { margin-right: 10px; }

/* TABELA DETALE OFERTY */
table.szczegoly { border: 0px; font-size: 12px; width: 100%; border-spacing:0; border-collapse: collapse; }
table.szczegoly td { border-bottom: 1px solid #ededed; padding: 8px; }
td.td2, td.td3 { width: 25%; }
td.td2, td.td1 { background: #fff; }
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: 12px; }
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: #fff; font-size: 12px; }
p.wyroznionacena, td.wyroznionacena { font-weight: bold; color: #22568a; }

/* OFERTA MAKLER */
div.ofertamakler { width: 100%; margin-bottom: 20px; float: left; }
div.ofertamaklerzdjecie { width: 160px; float: left; }
div.ofertamaklerzdjecie img { width: 130px; margin-top: 10px; }
div.ofertamakleropis { width: 250px; float: left; }

/* NAWIGACJA DÓŁ */
div.nawigacjadol { height: 30px; line-height: 30px; clear: both; margin: 20px 0; }
div.nawigacjadol img { vertical-align: middle; }

/* WYSZUKIWARKA */
div.wyszukiwarka { width: calc(100% - 30px); max-width: 360px; float: right; background: rgba(0,0,0,0.8); padding: 15px; color: #fff; }
div.wyszukiwarka p { margin: 0 0 10px 0; width: 100%; float: left; }

/* INWESTYCJE LISTA GLOWNA */
div.listainwestycji_glowne { width: calc(100% - 80px); padding: 20px; float: left; transition-property: background, outline; transition-duration: 0.2s; margin-bottom: 10px; position: relative; z-index: 1; background-color: #22558a; }
div.listainwestycji_glowne:hover { background: #1e4b79!important; z-index: 2; }
div.listainwestycji_glowne:hover img { opacity: 0.8; }
div.listainwestycji_glowne div.listainwestycji_glowne_opis { width: calc(100% - 180px); float: left; font-size: 13px; color: #fff; }
div.listainwestycji_glowne div.listainwestycji_glowne_foto { width: 160px; margin-right: 20px; float: left; }
div.listainwestycji_glowne div.listainwestycji_glowne_foto img { width: 160px; height: 160px; float: left; }

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

/* MAPA STRONY */
div.mapastrony-oferty { clear: both; }
div.mapastrony-oferty a { width: 270px; height: 45px; float: left; padding: 5px; margin: 2px; background: #2a3638; color: #fff; overflow: hidden; display: block; transition-property: background, color; transition-duration: 0.2s; }
div.mapastrony-oferty a:hover { background: #22568a; color: #fff; }
div.mapastrony-oferty a p { margin: 2px; }







.menu_telefon_show { display: none; width: 100%; float: left; }
.menu_telefon_hide { display: block; }
.slicknav_menu { display: none; }

.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; }
.maximg img { max-width: 100%; }
.tablet_show { display: none; }
.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; }




@media screen and (max-width: 479px) {
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	
	#HEADERcontener { position: static; }
	
	.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; }
	
	#slide1 div.pierwszamotto { width: calc(100% - 40px); margin: 0px auto; padding: 40px 20px; font-size: 20px; background: none; }
	
	.wizja_misja1 { width: calc(100% - 60px); padding: 30px; background: #520100; margin-right: 0px; margin-bottom: 40px; float: left; }
	.wizja_misja2 { width: 100%; float: left; margin-bottom: 40px; }

	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.lamanienapol_13 { width: 100%; float: left; margin-right: 0px; }
	div.lamanienapol_23 { width: 100%; float: left; }
	
	div.pierwszaagenttekst { width: calc(100% - 50px); min-height: 215px; padding: 25px; background: #000; float: left; margin-right: 0px; }
	div.pierwszaagentfoto { width: 100%; height: auto; line-height: 265px; overflow: hidden; }
	div.pierwszaagentfoto img { width: 100%; height: auto; vertical-align: middle;  }
	
	#slide1 a.pierwszalinkduzy { display: block; width: 230px; height: 60px; line-height: 60px; padding-left: 60px; font-size: 20px; }
	#SLIDERBIG { width: 100%; height: 500px; position: relative; }
	#slide1 div.pierwszalinki { position: absolute; top: 150px; }
	
	#FOOTER div.logo { width: 100%; float: left; padding: 100px 0 0 0; position: relative; margin-right: 0px; }
	#FOOTER div.logo img { position: absolute; left: 0px; top: 30px; }
	#FOOTER div.kontakt { width: 100%; float: left; }
	
	#TRESC { width: 100%; float: left; }
	#TRESCfotografia { width: calc(100% - 40px); float: left; padding: 0 20px; }
	#BOK { width: 100%; float: left; margin-left: 0px; margin-top: 40px; }
	#BOK_kolor { width: calc(100% - 40px); float: left; margin-left: 0px; margin-top: 40px; padding: 20px; }
	
	div.listaofert_tabela { width: calc(100% - 40px); margin: 20px; }
	
	img.foto_male { width: calc(100%/2 - 6px); height: 130px; float: left; margin: 3px; }
	
	#HEADER div.logo { width: calc(100% - 30px); max-width: 100%; min-height: 66px; float: left; order: 1; }
	#HEADER div.zakladki { width: 100%; min-height: 66px; float: left; order: 3; }
	#HEADER div.ikony { width: 30px; height: 66px; line-height: 60px; float: right; text-align: right; order: 2; }
	
	.wrapper { margin: 0 auto; position: relative; min-height: 500px; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	
	#HEADERcontener { position: static; }
	
	.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; }
	
	#slide1 div.pierwszamotto { width: calc(100% - 40px); margin: 0px auto; padding: 40px 20px; font-size: 20px; background: none; }
	
	.wizja_misja1 { width: calc(100% - 60px); padding: 30px; background: #520100; margin-right: 0px; margin-bottom: 40px; float: left; }
	.wizja_misja2 { width: 100%; float: left; margin-bottom: 40px; }

	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.lamanienapol_13 { width: 100%; float: left; margin-right: 0px; }
	div.lamanienapol_23 { width: 100%; float: left; }
	
	div.pierwszaagenttekst { width: calc(100% - 100px); min-height: 215px; padding: 25px 50px; background: #000; float: left; margin-right: 0px; }
	div.pierwszaagentfoto { width: 100%; height: auto; line-height: 265px; overflow: hidden; }
	div.pierwszaagentfoto img { width: 100%; height: auto; vertical-align: middle;  }
	
	#SLIDERBIG { width: 100%; height: 500px; position: relative; }
	#slide1 div.pierwszalinki { position: absolute; top: 150px; }
	
	#FOOTER div.logo { width: 100%; float: left; padding: 100px 0 0 0; position: relative; margin-right: 0px; }
	#FOOTER div.logo img { position: absolute; left: 0px; top: 30px; }
	#FOOTER div.kontakt { width: 100%; float: left; }
	
	#TRESC { width: 100%; float: left; }
	#TRESCfotografia { width: calc(100% - 100px); float: left; padding: 0 50px; }
	#BOK { width: 100%; float: left; margin-left: 0px; margin-top: 40px; }
	#BOK_kolor { width: calc(100% - 40px); float: left; margin-left: 0px; margin-top: 40px; padding: 20px; }
	
	div.listaofert_tabela { width: calc(100% / 2 - 40px); margin: 20px; }
	
	#HEADER div.logo { width: calc(100% - 30px); max-width: 100%; min-height: 66px; float: left; order: 1; }
	#HEADER div.zakladki { width: 100%; min-height: 66px; float: left; order: 3; }
	#HEADER div.ikony { width: 30px; height: 66px; line-height: 60px; float: right; text-align: right; order: 2; }
	
	.wrapper { margin: 0 auto; position: relative; min-height: 500px; }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	
	.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; }
	
	.wizja_misja1 { width: calc(100% - 280px); padding: 30px; background: #520100; margin-right: 20px; margin-bottom: 40px; float: left; }
	.wizja_misja2 { width: 200px; float: left; margin-bottom: 40px; }
	
	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: 48%; float: left; margin: 0 1% 20px 1%; }
	
	div.lamanienapol_13 { width: 100%; float: left; margin-right: 0px; }
	div.lamanienapol_23 { width: 100%; float: left; }
	
	div.pierwszaagenttekst { width: calc(100% - 320px); min-height: 215px; padding: 25px 50px; background: #000; float: left; margin-right: 20px; }
	div.pierwszaagentfoto { width: 200px; height: 265px; line-height: 265px; overflow: hidden; }
	div.pierwszaagentfoto img { width: 200px; height: auto; vertical-align: middle;  }
	
	#slide1 div.pierwszalinki { position: absolute; top: 100px; }
	
	#FOOTER div.logo { width: calc(40% - 40px); float: left; padding: 100px 0 0 0; position: relative; margin-right: 40px; }
	#FOOTER div.logo img { position: absolute; left: 0px; top: 30px; }
	#FOOTER div.kontakt { width: 60%; float: left; }
	
	#TRESC { width: calc(100% - 290px); float: left; }
	#TRESCfotografia { width: calc(100% - 100px); float: left; padding: 0 50px; }
	#BOK { width: 250px; float: left; margin-left: 40px; }
	#BOK_kolor { width: 210px; float: left; margin-left: 40px; padding: 20px; }
	
	div.listaofert_tabela { width: calc(100% / 2 - 40px); margin: 20px; }
	
	
	#HEADERcontener { position: static; }
	#HEADER div.logo { width: calc(100% - 30px); max-width: 100%; min-height: 66px; float: left; order: 1; }
	#HEADER div.zakladki { width: 100%; min-height: 66px; float: left; order: 3; }
	#HEADER div.ikony { width: 30px; height: 66px; line-height: 60px; float: right; text-align: right; order: 2; }
}

@media screen and (min-width: 961px) and (max-width: 1279px) {
	.GODwrapper { width: 960px; margin: 0px auto; }
	
	.wizja_misja1 { width: calc(100% - 340px); padding: 50px; background: #520100; margin-right: 40px; margin-bottom: 40px; float: left; }
	.wizja_misja2 { width: 200px; float: left; margin-bottom: 40px; }
	
	#FOOTER div.logo { width: calc(30% - 100px); float: left; padding: 100px 0 0 60px; margin-right: 40px; position: relative; }
	#FOOTER div.logo img { position: absolute; left: 55px; top: 30px; width: 200px; }
	#FOOTER div.kontakt { width: 70%; float: left; }
	
	#TRESC { width: calc(100% - 290px); float: left; }
	#TRESCfotografia { width: calc(100% - 100px); float: left; padding: 0 50px; }
	#BOK { width: 250px; float: left; margin-left: 40px; }
	#BOK_kolor { width: 210px; float: left; margin-left: 40px; padding: 20px; }
	
	div.listaofert_tabela { width: calc(100% / 2 - 40px); margin: 20px; }
	img.foto_male { width: calc(100%/3 - 6px); height: 130px; float: left; margin: 3px; }
	
	
	#HEADER div.logo { width: calc(100% - 30px); max-width: 100%; min-height: 66px; float: left; order: 1; }
	#HEADER div.zakladki { width: 100%; min-height: 66px; float: left; order: 3; }
	#HEADER div.ikony { width: 30px; height: 66px; line-height: 60px; float: right; text-align: right; order: 2; }
}
 
@media screen and (min-width: 1280px){
	.GODwrapper { width: 1200px; margin: 0px auto; }
	
	.wizja_misja1 { width: calc(100% - 440px); padding: 50px; background: #520100; margin-right: 40px; margin-bottom: 40px; float: left; }
	.wizja_misja2 { width: 300px; float: left; margin-bottom: 40px; }

	#TRESC { width: 860px; float: left; }
	#TRESCfotografia { width: 1100px; float: left; padding: 0 50px; }
	#BOK { width: 300px; float: left; margin-left: 40px; }
	#BOK_kolor { width: 260px; float: left; margin-left: 40px; padding: 20px; }
	
	img.foto_male { width: calc(100%/5 - 6px); height: 130px; float: left; margin: 3px; }
}





/* style do górnego menu  - start*/
#navigation { width: 100%; padding: 0; margin: 0px auto; list-style-type: none; font-size: 17px; z-index:5000; float: left; }
#navigation li { position: relative; float: left; }

#navigation li.top a { font-size: 17px; color: #fff; display: block; height: 70px; line-height: 70px; padding: 0 8px; float: left; transition-property: background, color; transition-duration: 0.2s;}
#navigation li.top a:hover, #navigation li.top:hover a { color: #fff; background: #22568a; }

#navigation li ul { background: #000; position: absolute; left: 0px; top: 0px; display: none; padding: 0px; margin: 0px; list-style-type: none; min-width: 100px; z-index:5000; }

#navigation li.over { top: 0px; }
#navigation li.over ul { padding: 0px !important; display: block; }
#navigation li.over ul li { float: none; margin: 0px !important; padding: 0px !important; top: 0px; }

#navigation li.over ul li a {
	display: block;
	font-size: 13px;
	padding: 0 15px !important;
	margin: 0px !important;
	background: none;
	white-space: nowrap;
	color: #fff!important;
	height: 35px;
	line-height: 35px;
	transition-property: background; transition-duration: 0.2s;
	float: none;
}

#navigation li.over ul li a:hover { background: #183f65; color: #fff; }
#navigation ul.a{ padding: 0px !important; margin: 0px !important; }
/* 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:#fff; }
	.slicknav_nav a:hover { background:#22568a; color:#fff; }
	.slicknav_nav .slicknav_txtnode { margin-left:15px; }
	/* slicknav  - end*/