html, body { margin: 0px auto; padding: 0px; width: 100%; font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana, Helvetica; font-size: 12px; color: #fff; background: #20780c url('../gfx/body_tlo.jpg') repeat-x top; }
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; }
.obiektfade:hover { opacity: 0.8; }

img { border: none; }
img.ramka { outline: 1px solid #fff; box-shadow: 0 0 5px #999; }
img.ramka2 { outline: 1px solid #fff; box-shadow: 0 0 5px #999; }

a { color: #fff; text-decoration: none; }
a:hover { color: #145804; text-decoration: none; }

.tytul_1 { font-size: 23px; color: #fff; text-shadow: 1px 1px 1px #145804; margin: 0 0 10px 0; font-weight: normal; font-family: "Lucida Sans Unicode"; }
.tytul_2 { font-size: 18px; color: #fff; text-shadow: 1px 1px 1px #145804; margin: 0 0 10px 0; font-weight: normal; font-family: "Lucida Sans Unicode"; }
.tytul_3 { font-size: 14px; color: #fff; font-weight: normal; font-family: "Lucida Sans Unicode"; }

p.kreska1 { border-bottom: 1px solid #fff; padding: 5px; }

.komunikat1 { width: 100%; padding: 10px 0; text-align: center; background: #f3f7f6 url('../gfx/ikona_warning.gif') no-repeat top left; font-size: 14px; color: #000; float: left; }
.komunikat_ok { width: 100%; padding: 10px 0; text-align: center; background: #f3f7f6 url('../gfx/ikona_ok.gif') no-repeat top left; font-size: 14px; color: #000;  float: left; }

p.lead { padding: 10px; background: #1f2630; }

div.ograniczfoto img { max-width: 100%; }

input.ciemny { padding: 7px 3px; margin: 2px 0; border: 1px solid #dddfdf; background: #dddfdf; font-family : Tahoma, Arial, Verdana, Helvetica; font-size: 11px; }
input.button1{ padding: 5px 15px !important; border: none; border-radius: 4px; font-size: 14px; color: #fff; text-shadow: 1px 1px 0 #4a6a22; background: url('../gfx/button1_link.gif'); cursor: pointer; }
input.button1:hover { background: url('../gfx/button1_hover.gif'); }
a.button2, input.button2 { display: block; background: #fff url(../gfx/button2_link.gif) no-repeat left; border: none; color: #363636; height: 29px; line-height: 29px; padding: 0 20px 0 40px !important; font-size: 12px !important; cursor: pointer; }
a.button2:hover, input.button2:hover { background: #fff url(../gfx/button2_hover.gif) no-repeat left; color: #363636; }
a.button3, input.button3 { background: url('../gfx/button1_link.gif'); border: 1px solid #cdcdcd; border-radius: 4px; color: #fff; text-shadow: 1px 1px 0 #4a6a22; height: 29px; line-height: 29px; padding: 5px 15px !important; font-size: 14px !important; cursor: pointer; }
a.button3:hover, input.button3:hover { background: url('../gfx/button1_hover.gif'); color: #fff; }
a.buttonbok2 { padding: 0px 20px; margin: 0px; height: 26px; line-height: 26px; background: #fff url('../gfx/button1_link.gif'); font-size: 14px; border-radius: 4px; color: #fff; text-shadow: 1px 1px 0 #4a6a22;}
a.buttonbok2:hover { color: #fff; background: #fff url('../gfx/button1_hover.gif'); }

input.zaokraglony, select.zaokraglony, textarea.zaokraglony { padding: 7px; border: none; border-radius: 5px; background: #dddfdf; color: #121b1a; font-family : Tahoma, Arial, Verdana, Helvetica; font-size: 11px; }

input.button_zaokraglony_maly { padding: 7px 13px; border: none; border-radius: 5px; color: #fff; background: #b0aa18 url('../gfx/button.gif') no-repeat center; cursor: pointer; }
input.button_zaokraglony, a.button_zaokraglony { height: 31px; padding: 5px 15px 6px 45px; border: none; border-radius: 5px; font-size: 12px; color: #121b1a !important; background: #dddfdf url('../gfx/button.gif') no-repeat left; cursor: pointer; }
a.button_zaokraglony:hover { color: #121b1a !important; text-decoration: none; }

#PLYWAJACY { width: 100%; padding: 5px; margin: 0px; background: #000; color: #fff; font-size: 14px; text-align: center; position: fixed; bottom: 0px; right: 0px; z-index: 50000; opacity: 0.8; }
#GOD { margin: 0px auto; padding: 0px; width: 100%; z-index: 10; }























/* SRODEK */







div.koszyk {
	width: 100%;
	margin-bottom: 10px;
	float: left;
}

img.koszykfoto {
	margin-right: 10px;
	width: 110px;
	height: 110px;
	float: left;
}








div.modulpdf {
	width: 165px;
	text-align: center;
	margin-bottom: 20px;
	float: left;
}

div.modulpdf img{
	width: 120px;
}

div.materiallista a{
	display: block;
	margin-bottom: 1px;
	height: 30px;
	line-height: 30px;
	background: #f0f0f0;
	color: #434343;
}

div.materiallista a:hover{
	background: #ededed;
	color: #e20f05;
	text-indent: 10px;
}

div.zdjecie {
	width: 130px;
	height: 130px;
	float: left;
}

div.zdjecie img {
	width: 125px;
	height: 125px;
}






















tr.slideLeftItem {
	position:fixed;
	left:-320px;
	z-index:1000;
	height:100%;
}

td.contentBox {
	width:300px;
	height:300px;
	position:relative;
	border-radius:5px;
	background-color:white;
}

img.imgBox {
	position:absolute;
	border-left-width:5px;
	left:318px;
}

/* specyficzne */
div.pierwsza_strona1 { width: 480px; margin-right: 30px; float: left; }
div.pierwsza_strona2 { width: 180px; text-align: right; float: left; }




















/* footer + specjalne start */
#FOOTER { margin: 20px 0 0 0; width: 94%; min-height: 50px; padding: 20px 3%; color: #fff; float: left; background: #252b35 url('../gfx/footer_tlo.gif') no-repeat left top; text-align: right }
#FOOTER a { color: #ffffff; text-decoration: none; }
#FOOTER a:hover{ color: #cdd632; text-decoration: none; }

div.footer_autor { width: 100%; margin: 10px 0; float: left; text-align: center; color: #5ac840; text-shadow: 1px 1px 0 #134008;}
div.footer_autor a { color: #5ac840; }

#FOOTERSPEC, #FOOTERSPEC2 { margin-top: 20px; width: 100%; min-height: 220px; float: left; background: url('../gfx/footer_spec.png'); background-size: 100% 100%; position: relative; }
#FOOTERSPEC div.footspecopis, #FOOTERSPEC2 div.footspecopis { width: 60%; height: 100%; padding: 20px 3% 20px 0; float: left; overflow: hidden; }
#FOOTERSPEC a:hover , #FOOTERSPEC2 a:hover{ color: #a0a6ae; }
#FOOTERSPECSLIDESHOW, #FOOTERSPECSLIDESHOW2 { width: 33%; margin-right: 4%; height: 220px; float: left; overflow: hidden; }
#FOOTERSPECSLIDESHOW img, #FOOTERSPECSLIDESHOW2 img { min-width: 100%; height: 220px; line-height: 220px; vertical-align: middle; }
.tytul_spec { font-size: 23px; color: #fff; text-shadow: 1px 1px 1px #145804; margin: 0 0 10px 0; font-weight: normal; font-family: "Lucida Sans Unicode"; text-align: center; }
.tytul_spec2 { font-size: 18px; color: #fff; text-shadow: 1px 1px 1px #145804; margin: 0 0 10px 0; font-weight: normal; font-family: "Lucida Sans Unicode"; text-align: center; }
/* footer + specjalne koniec */

/* baner start */
#BANER { width: 100%; margin: 0 0 20px 0; float: left; }
#BANER p { margin: 0px; padding: 0px; }
#BANER img { border: none; max-width: 100%; }
/* baner koniec */

/* wyszukiwarka start */
div.mod_wysz { width: calc(100% - 20px); background: #1f2630 url('../gfx/wyszukiwarka_tlo.gif') no-repeat top; background-size: 100%; border-radius: 5px; padding: 10px; }
div.mod_wysz p { font-size: 11px; color: #fff; text-shadow: 1px 1px 0 #000; margin: 5px 0; }
div.mod_wysz input, select { border: none; padding: 5px; border-radius: 3px; }
div.mod_wysz p.tytul_3, h1.tytul_3 { font-size: 14px; color: #fff; margin: 0 0 20px 0; font-weight: normal; font-family: "Lucida Sans Unicode"; }
/* wyszukiwarka koniec */

/* bloki start */
#LEFT { width: 20%; margin-right: 3%; float: left; }
#LEFT div.left_modul { width: 100%; margin-bottom: 20px; float: left; }

#RIGHT { width: 20%; margin-left: 3%; float: left; }
#RIGHT div.right_modul { width: 100%; margin-bottom: 20px; float: left; }

#LEFT img, #RIGHT img { max-width: 100%; }

#MAIN { margin: 0px auto; padding: 0px; }

#PIERWSZA { width: 54%; float: left; margin-bottom: 20px; }
div.pierwsza_lead { padding: 30px 30px 30px 110px; background: #1f2630 url('../gfx/kluczpierwsza.gif') no-repeat center left; font-size: 14px; font-family: Tahoma; border-radius: 5px; border: 1px solid #767d87; box-shadow: 0 0 5px #000; }

#MIDDLE { width: 77%; float: left; }
#TRESC { width: 100%; float: left; }

#wyswietlwynik { width: 100%; float: left; }

div.nawigacjadol { width: 100%; height: 30px; line-height: 30px; float: left; }
div.nawigacjadol img { vertical-align: middle; }
/* bloki koniec */

/*pierwsza oferty start */
div.pierwsza_oferty { background-image: url('../gfx/pierwsza_tlo1.gif'), url('../gfx/pierwsza_tlo2.gif'), url('../gfx/pierwsza_tlo3.gif'); background-repeat: no-repeat, no-repeat, repeat; background-position: top, bottom, center; background-size: 100%; border-radius: 5px; float: left; width: 96%; padding: 2%;}
div.wyswietlwynik2 { width: 46%; float: left; margin: 0 2%; }
div.wyswietlwynik2 a { color: #fff; }
p.tytul_pierwsza { font-size: 15px; margin: 5px 0 20px 0; width: 100%; float: left; }
div.pierwsza_oferty div.listaopis a { color: #939393; }
div.listaofert_pierwsza { width: 46%; height: 200px; margin: 0 2%; float: left; text-align: center; }
/*pierwsza oferty koniec */

/*lista ofert start */
div.listaofert { width: 21%; height: 480px; margin: 0 2% 20px 2%; float: left; text-align: center; }
div.listaofertfoto { float: left; width: 100%; position: relative; }
div.listaofertfoto img.foto { width: 100%; float: left; }
div.listaopis { float: left; width: 100%; padding: 10px 0; }
div.listanaglowek { width: 100%; background: #1f2630; padding: 4px 0; margin-bottom: 1px; text-align: center; float: left; }
img.specjalnafoto { position: absolute; bottom: -5px; right: -5px; border: none !important; }
/*lista ofert koniec */

/* oferta start */
div.oferta_bok1 { width: 46%; float: left; margin-right: 4%; }
div.oferta_bok2 { width: 50%; float: left; }
div.makler { margin: 10px 0; float: left; width: 100%; line-height: 16px; background: #1f2630; }
p.podopisem { padding: 10px; text-align: justify; font-size: 9px; background: #1f2630; }

div.zdjecieglowne { width: 100%; float: left; margin-bottom: 10px; }
div.zdjecieglowne img{ width: 100%; }

div.ikony { width: 33%; padding: 10px 0; float: left; font-size: 10px; font-family: Tahoma; }
div.ikony a { color: #fff; }
div.ikony a:hover { color: #000; }
div.ikony img{ border: none; }

#ZDJECIA { width: 100%; float: left; margin-top: 20px; }
#ZDJECIA img { width: 31%; float: left; margin: 1%; }

div.detalenaglowek { margin-top: 20px; width: 100%; height: 30px; line-height: 30px; background: #1f2630; text-indent: 10px; float: left; }
p.linkvideo { height: 30px; line-height: 30px; margin: 5px 0 0 0; }

table.szczegoly { border: 0px; font-size: 11px; }
table.szczegoly td { border-bottom: 1px solid #195e0a; padding: 5px; }
td.td2, td.td3 { width: 25%; background: #424e5e; }
td.td2, td.td1 { background: #1f2630; }
td.td1 { text-align:center; font-weight: bold; }
p.td1, p.td2, p.td3 { height: 25px; line-height: 25px; padding: 0 5px; margin: 1px 0 0 0; float: left; }
p.td1{ width: 100%; text-align: center; font-size: 13px; background: #fff; }
p.td2 { width: 50%; background: #fff; }
p.td3 { width: 50%; background: #f0f0f0; }
/* oferta koniec */

/* nawigacja start */
div.oferty_nawigacja { font-size: 12px; text-align: right; color: #fff; width: 100%; padding: 15px 0; float: left; }
div.oferty_nawigacja a{ font-size: 12px; padding: 4px 8px; margin: 0 1px; background: none; }
span.link, div.oferty_nawigacja a:hover{ padding: 4px 8px; margin: 0 1px; background: #1f2630; color: #fff; text-decoration: none; border-radius: 2px; }
/* nawigacja koniec */

/* nagłówek start */
#HEADER { margin: 0 0 20px 0; padding: 0px; width: 100%; float: left; }
#HEADER div.header_logo { width: 70%; float: left; }
#HEADER div.header_logo img { margin: 0px; border: none; max-width: 100%; float: left; }
#HEADER div.header_ikony { width: 30%; height: 112px; text-align: right; float: left; }
#HEADER div.header_ikony img { border: none; vertical-align: middle; margin-left: 2px; }
#HEADER div.header_zakladki { width: 100%; min-height: 45px; line-height: 45px; float: left; background: url(../gfx/zakladki_tlo.gif); }
#HEADER div.header_zakladki img { border: none; float: left; }
#HEADER div.header_zakladki a { background: url(../gfx/zakladki_tlo.gif); height:45px; line-height: 45px; color: #fff; text-shadow: 1px 1px 0 #000; font-size: 14px; padding: 0 15px; float: left; transition-duration: 0.2s; }
#HEADER div.header_zakladki a:hover { background: url(../gfx/zakladki_tlo.gif) bottom; }
div.header_zakladki_kontener { width: 100%; text-align: center; margin: 0px auto; float: left; }
.menu_telefon_show { display: none; float: left; width: 100%; }
.slicknav_menu { display: none; }
/* nagłówek koniec */

/*zarzadzanie start */
div.baner_zarzadzanie { width: calc(100% - 440px); height: 170px; padding: 10px 20px 20px 420px; float: left; margin-bottom: 20px; background: url('../gfx/zarzadzanie_tlo.jpg') right; overflow: hidden; border-radius: 5px; color: #fff; }
div.baner_zarzadzanie p.zarztytul { font-size: 24px; margin: 0 0 10px 0; }
div.baner_zarzadzanie a { color: #fff; }
/*zarzadzanie koniec */

/* rodzaje start */
div.rodzaje { width: 100%; float: left; text-align: center; }
div.rodzaj { width: 20%; float: left; }
div.rodzaj_foto { overflow: hidden; width: 100%; height: 240px; position: relative; }
div.rodzaj_foto img { width: 100%; min-height: 240px; border: none; position: absolute; top: 0px; left: 0px; transition-duration: 0.2s;}
div.rodzaj:hover div.rodzaj_foto img { width: 110%; min-height: 240px; border: none; position: absolute; top: -5%; left: -5%; }
div.rodzaj_link { width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; color: #fff; text-shadow: 1px 1px 0 #000; font-size: 17px; background: url('../gfx/rodzaje/rodzaj_tlo1.gif'); background-size: cover; transition-duration: 0.2s;}
div.rodzaj_link2 { width: 100%; height: 40px; line-height: 40px; text-align: center; display: block; color: #fff; text-shadow: 1px 1px 0 #000; font-size: 17px; background: url('../gfx/rodzaje/rodzaj_tlo2.gif'); background-size: cover; transition-duration: 0.2s; }
div.rodzaj:hover div.rodzaj_link, div.rodzaj:hover div.rodzaj_link2 { opacity: 0.8; }
/* rodzaje koniec */

@media screen and (max-width: 479px) {
	.telefon { display: none!important; }
	.telefon_show { display: block; }
	.tablet { display: none; }
	#GOD { width: 100%; min-width: 320px; float: left; }
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	div.baner_zarzadzanie { width: calc(100% - 40px); height: 160px; padding: 20px; }
	div.baner_zarzadzanie p.zarztytul { font-size: 14px; }
	
	#HEADER div.header_logo { width: 100%; float: left; text-align: center; }
	#HEADER div.header_ikony { width: 100%; height: auto; text-align: center; float: left; }
	
	.header_zakladki { display: none!important; }
	.menu_telefon_show { display: block!important; }
	#menures { display:none!important; }
	.slicknav_menu { display:block!important; }
	
	div.rodzaje { margin-top: 5px; }
	div.rodzaj { width: 100%; float: left; }
	div.rodzaj_foto { display: none; }
	
	#LEFT { width: 100%; margin: 0; float: left; }
	#RIGHT { width: 100%; margin: 0; float: left; }
	#PIERWSZA { width: 100%; float: left; }
	#MIDDLE { width: 100%; float: left; }
	
	#FOOTER { padding-top: 90px; text-align: center; }
	.tytul_spec { font-size: 16px; }
	.tytul_spec2 { font-size: 14px; }
	
	div.listaofert { width: 46%; height: 480px; margin: 0 2% 20px 2%; }
	div.oferta_bok1 { width: 100%; float: left; margin-bottom: 20px; margin-right: 0; }
	div.oferta_bok2 { width: 100%; float: left; }
	
	div.wyswietlwynik2 { width: 96%; float: left; margin: 2%; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.telefon { display: none!important; }
	.telefon_show { display: block; }
	.tablet { display: none; }
	#GOD { width: 100%; min-width: 480px; float: left; }
	.GODwrapper { width: 96%; margin: 0px auto; margin-right: 2%; margin-left: 2%; }
	div.baner_zarzadzanie { width: calc(100% - 40px); height: 160px; padding: 20px; }
	div.baner_zarzadzanie p.zarztytul { font-size: 16px; }
	
	.header_zakladki { display: none!important; }
	.menu_telefon_show { display: block!important; }
	#menures { display:none!important; }
	.slicknav_menu { display:block!important; }
	
	#HEADER div.header_logo { width: 100%; float: left; text-align: center; }
	#HEADER div.header_ikony { width: 100%; height: auto; text-align: center; float: left; }
	
	div.rodzaje { margin-top: 5px; }
	div.rodzaj { width: 100%; float: left; }
	div.rodzaj_foto { display: none; }
	
	#LEFT { width: 100%; margin: 0; float: left; }
	#RIGHT { width: 100%; margin: 0; float: left; }
	#PIERWSZA { width: 100%; float: left; }
	#MIDDLE { width: 100%; float: left; }
	
	#FOOTER { padding-top: 90px; text-align: center; }
	.tytul_spec { font-size: 16px; }
	.tytul_spec2 { font-size: 14px; }
	
	div.listaofert { width: 29%; height: 500px; margin: 0 2% 20px 2%; }
}

@media screen and (min-width: 768px) and (max-width: 959px) {
	.tablet { display: none; }
	#GOD { width: 100%; min-width: 748px; float: left; }
	.GODwrapper { width: 748px; margin: 0px auto; }
	div.baner_zarzadzanie { width: calc(100% - 40px); height: 160px; padding: 20px; }
	div.baner_zarzadzanie p.zarztytul { font-size: 20px; }
	
	.header_zakladki { display: none!important; }
	.menu_telefon_show { display: block!important; }
	#menures { display:none!important; }
	.slicknav_menu { display:block!important; }
	
	#LEFT { width: 25%; margin-right: 2%; float: left; }
	#RIGHT { width: 25%; margin-left: 2%; float: left; }
	#PIERWSZA { width: 46%; float: left; }
	#MIDDLE { width: 73%; float: left; }
	
	div.listaofert { width: 29%; height: 480px; margin: 0 2% 20px 2%; }
	div.wyswietlwynik2 { width: 96%; float: left; margin: 2%; }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
	#GOD { width: 100%; min-width: 960px; float: left; }
	.GODwrapper { width: 960px; margin: 0px auto; }
	div.baner_zarzadzanie { width: calc(100% - 260px); height: 160px; padding: 20px 20px 20px 240px; }
	div.listaofert { width: 29%; height: 480px; margin: 0 2% 20px 2%; }
}
 
@media screen and (min-width: 1280px){
	#GOD { width: 100%; min-width: 1150px; float: left; }
	.GODwrapper { width: 1150px; margin: 0px auto; }

}