*													{background-position: left top; background-repeat: no-repeat;}
body												{background: #ffffff; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px;}


div, 
p, h1, h2, h3, h4, h5, h6, 
a, img, table, tr, td, th, 
ul, ol, li, dl, dt, dd, 
form, fieldset, input, label, 
object, embed										{position: relative;}


h2, h3, h4, h5, hr, div.hr							{clear: both;}


.clearing											{float: none; clear: both; height: 1px; font-size: 1px; line-height: 1px; overflow: hidden;}

.spanned 											{overflow: hidden;}
.spanned a											{display: block; text-decoration: none; overflow: hidden;}
.spanned span										{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}

.no_margin											{margin: 0 !important;}


div.hr												{height: 30px; clear: both; background: url('../obrazy/layout_glowny/bg_div_hr.gif') center top no-repeat;}
div.hr	hr											{display: none;}


img													{border: 0;}


span.obraz											{position: relative; display: block; border: 1px solid #e6e5e6; background-color: #f6f6f6; padding: 8px;}
span.obraz img										{display: block;}
span.obraz span										{position: absolute; display: block; float: none; bottom: 0; padding: 10px 13px; color: #fff; font-size: 11px; line-height: 14px; background: url('../obrazy/layout_glowny/bg_obraz_opis_tlo.png') left top repeat;}
span.obraz a										{display: block; margin: -9px; padding: 8px; border: 1px solid #e6e5e6; width: 100%;}
span.obraz a:hover									{border: 1px solid #c1c1c1;}
span.obraz a span									{bottom: 8px;}

.obraz_lewa											{display: block; float: left; margin: 0 20px 20px 0;}
.obraz_prawa										{display: block; float: right; margin: 0 0 20px 20px;}
span.obraz_lewa	img									{float: none; margin: 0;}
span.obraz_prawa img								{float: none; margin: 0;}


.rzad												{display: block; float: left; margin: 0 15px 15px 0 !important;}
.rzad img											{margin: 0 !important; float: none;}
.rzad_ostatni										{display: block; float: left; margin: 0 0 15px 0 !important;}
.rzad_ostatni img									{margin: 0 !important; float: none;}



a													{color: #00aeef; text-decoration: none;}
a:hover												{text-decoration: none; cursor: pointer;}
a:active											{}
a span												{cursor: pointer;}


a.wiecej											{padding: 5px 4px 0 0; display: block; font-size: 12px; text-align: center; text-transform: uppercase;}
a.wiecej:hover										{background-color: #00aeef;}
a.wiecej:active										{color: #807f83;}


a#wiecej_o_firmie									{width: 115px; height: 19px; margin: 30px 0 0 144px; background: #6b6a6d;}
a#wiecej_o_firmie 							span	{height: 24px;}
a#wiecej_o_firmie:hover								{}	
a#wiecej_o_firmie:active							{}
a#wiecej_o_firmie:hover 					span	{background-position: 0 -24px;}
a#wiecej_o_firmie:active 					span	{background-position: 0 -48px;}



ul, ol												{font-size: 12px; color: #807f83; margin-bottom: 15px; line-height: 18px;}
ul li, ol li										{margin-bottom: 3px;}
ul													{list-style: none;}
ul li												{padding-left: 16px; background: url('../obrazy/layout_glowny/bg_ul_li.gif') 2px 4px no-repeat;}
ul ul												{padding-left: 16px; margin: 5px 0 10px 0;}
ol													{padding-left: 17px;}
ol li												{}


.lista												{}
.lista *											{margin: 0; padding: 0; background: none;}
.lista a											{text-decoration: none;}


.menu												{border-top: 1px #e2e1e2 solid; margin: 14px 0 0 0; line-height: 14px; font-size: 11px;}
.menu li											{border-bottom: 1px #e2e1e2 solid; display: block; overflow: hidden;}
.menu li a											{padding: 8px 10px 7px 18px; display: block; background: url('../obrazy/layout_glowny/bg_menu_ul_li_a.gif') left top no-repeat;}
.menu li a:hover									{background-position: 0 -300px;}
.menu li a:active									{color: #807f83;}
.menu li a.selected									{color: #807f83;}


ul#lista_aktualnosci								{width: 330px; margin-bottom: 30px;}
ul#lista_aktualnosci li								{width: 330px;}
ul#lista_aktualnosci li a							{width: 302px;}


ul#lista_ostatnie_realizacje						{width: 340px; height: 108px; margin: 0 0 0 -10px;}
ul#lista_ostatnie_realizacje li						{width: 160px; height: 108px; float: left; display: inline; margin-left: 10px;}				
ul#lista_ostatnie_realizacje li a					{width: auto;}



ul.galeria_kategorie								{width: 640px;}
ul.galeria_kategorie li								{width: 622px; height: 140px; padding: 9px; margin-bottom: 20px; background-image: url('../obrazy/layout_glowny/bg_galeria_ul_kategorie.gif');}
ul.galeria_kategorie li	img							{float: left;}
ul.galeria_kategorie li	div							{float: right; width: 367px; padding: 11px 0;}
ul.galeria_kategorie li	h3							{margin-bottom: 20px;}
ul.galeria_kategorie li	h3 a						{color: #78a312 !important;}


ul.galeria_miniatury								{width: 655px; margin: 0 0 0 -15px;}
ul.galeria_miniatury li								{width: 201px; height: 158px; float: left; display: inline; margin: 0 0 15px 15px;}
ul.galeria_miniatury li span.obraz					{width: 185px; height: 140px;}
ul.galeria_miniatury li span.obraz a				{width: 185px; height: 140px;}
ul.galeria_miniatury li span.obraz span				{width: 159px;}



ul.aktualnosci_lista_szczegoly						{border-top: 1px #e2e1e2 solid;}
ul.aktualnosci_lista_szczegoly li					{padding: 20px 0; border-bottom: 1px #e2e1e2 solid;}
ul.aktualnosci_lista_szczegoly li h3				{margin-bottom: 15px;}
ul.aktualnosci_lista_szczegoly li p.data_publikacji	{font-size: 11px; margin-top: 10px;}


form												{margin: 25px 0;}
form fieldset										{border: 0;}
form fieldset legend								{display: none;}
form label, form input, form textarea				{float: left; display: block; margin-bottom: 6px; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; color: #807f83;}
form label											{width: 140px; cursor: pointer; padding: 4px 0;}
form input, form textarea							{padding: 4px; border: 1px solid #dededf; background-image: url('../obrazy/formularze/bg_input_textarea.gif');}
form input											{width: 170px;}
form input.hidden									{display: none;}
form input.button									{border: 0; padding: 0; width: auto; height: auto; margin-left: 140px;}
form input#kod_pocztowy								{width: 60px;}
form textarea										{width: 350px;}
form br												{clear: left;}

form .odsuniety										{margin-top: 20px;}

form p.info											{margin: 0 0 13px 140px; padding-left: 15px; line-height: 15px; font-size: 11px; background: url('../obrazy/formularze/bg_form_p_info.gif') 4px 4px no-repeat;}

form .error											{color: #ef002d;}
form input.error									{border: 1px solid #ef002d;}
form fieldset p.error								{background: url('../obrazy/formularze/bg_form_p_info_error.gif') 4px 4px no-repeat;}

p.communique										{padding: 20px; background-color: #f6f6f6; border-left: 1px solid #e6e5e6;}
p.communique										{}


table												{}
table tr											{}
table tr th											{}
table tr td											{}



#oferta														{width: 277px; height: 371px; z-index: 3; overflow: hidden;}

#oferta #tlo_cien											{position: absolute; top: 0; left: 0; width: 11px; height: 138px; background-image: url('../obrazy/layout_glowny/bg_oferta_tlo_cien.png'); z-index: 4;}
#oferta #tlo_podkladka										{position: absolute; top: 9px; left: 11px; width: 266px; height: 362px; background-image: url('../obrazy/layout_glowny/bg_oferta_tlo_podkladka.png'); z-index: 5;}
#oferta #tlo_kartka											{position: absolute; top: 45px; left: 25px; width: 198px; height: 285px; padding: 20px 20px 0 20px; background: #fff url('../obrazy/layout_glowny/bg_oferta_tlo_kartka.gif') left top no-repeat; z-index: 6;}
#oferta #tlo_spinacz										{position: absolute; top: 0; left: 41px; width: 155px; height: 54px; margin-top: -46px; background-image: url('../obrazy/layout_glowny/bg_oferta_tlo_spinacz.png'); z-index: 7;} 
#oferta #cien												{position: absolute; top: 93px; left: 11px; width: 266px; height: 7px; background-image: url('../obrazy/layout_glowny/bg_oferta_cien.png'); z-index: 8;}

#oferta #tlo_kartka h2										{height: 25px; margin-bottom: 13px;}
#oferta #tlo_kartka h2								span	{width: 198px; height: 25px; margin-bottom: 10px; background-image: url('../obrazy/layout_glowny/bg_h2_a_oferta.gif');}
#oferta #tlo_kartka ul										{width: 198px; line-height: 13px; font-size: 12px;}
#oferta #tlo_kartka ul li									{width: 198px; height: 29px;}
#oferta #tlo_kartka ul li a									{width: 180px; height: 14px; display: block; padding: 8px 0 7px 18px; color: #00aeef;}
#oferta #tlo_kartka ul li a:hover							{}
#oferta #tlo_kartka ul li a:active							{color: #807f83;}
#oferta #tlo_kartka ul li a.selected						{}
#oferta #tlo_kartka ul li a							span	{width: 198px; height: 29px; display: block;}
#oferta #tlo_kartka ul li a:hover					span	{background-position: 0 -29px;}
#oferta #tlo_kartka ul li a:active					span	{background-position: 0 -58px;}
#oferta #tlo_kartka ul li a.selected				span	{background-position: 0 -58px;}


.strona_glowna #oferta								{position: absolute; top: 0; left: 0px; left: 335px; margin-top: -85px;}
.strona_glowna #oferta #tlo_cien					{top: 83px;}
.podstrona #oferta									{position: absolute; top: 0; left: 709px; margin-top: -100px; }
.podstrona #oferta #tlo_cien						{top: 100px;}

.oferta  #oferta,
.angebot #oferta,
.offer   #oferta									{position: relative; top: 0; left: 0; margin: -62px -30px 0 -25px;}

.oferta  #oferta #tlo_cien,
.angebot #oferta #tlo_cien,
.offer   #oferta #tlo_cien							{top: 32px;}


.oferta_kadr										{height: 100px !important;}


#podmenu											{width: 200px; padding: 20px 44px 20px 20px; background: #fff url('../obrazy/layout_glowny/bg_podmenu.gif') right top repeat-y; margin-right: -24px;}
#podmenu h2											{margin-bottom: 20px;}
#podmenu ul											{font-size: 12px;}
#podmenu ul li a									{font-weight: bold; padding-top: 7px; padding-bottom: 8px;}
#podmenu .zapiecie									{margin-right: -21px;}


#zobacz_takze										{float: right;}
#zobacz_takze h4									{}
#zobacz_takze .zapiecie								{}

.zapiecie											{position: absolute; right: 0; width: 36px; height: 10px; background-image: url('../obrazy/layout_glowny/bg_zapiecie.gif'); overflow: hidden; z-index: 2;}
.dol												{top: 24px;}
.gora												{bottom: 24px;}


.strona_glowna .lewa_kolumna p						{font-size: 11px; margin: 11px 0 0 0; line-height: 16px; color: #fff;}
.strona_glowna h2									{margin-bottom: 13px;}


.aktualnosci .prawa_kolumna p,						
.aktuelles .prawa_kolumna p,							
.news .prawa_kolumna p								{clear: both; width: 640px;}


h2 a												{height: 25px;}
h2 a#firma_link								span	{width: 270px; height: 25px;}
h2 a#aktualnosci_link 						span	{width: 330px; height: 25px;}
h2 a#wybrane_realizacje_link 				span	{width: 330px; height: 25px;}


h4.zainteresowany									{height: 59px;}
h4.zainteresowany a									{width: 205px; height: 59px;}
h4.zainteresowany a:hover							{}
h4.zainteresowany a 						strong	{width: 162px; height: 20px; margin: 14px 0 0 43px; padding-top: 9px; display: block; font-weight: normal; font-size: 11px; line-height: 11px; text-transform: uppercase; text-align: center; background-color: #00aeef; color: #fff;}
h4.zainteresowany a:hover					strong	{background-color: #fff; color: #00aeef;}
h4.zainteresowany a 						span	{width: 205px; height: 59px; background-image: url('../obrazy/layout_glowny/bg_h4_zainteresowany.gif');}
h4.zainteresowany a:hover 					span	{background-position: 0 -59px;}
h4.zainteresowany a:active 					span	{background-position: 0 -118px;}


#mapa_dojazdu										{width: 590px; height: 548px; padding: 20px 60px 20px 20px; margin-right: -60px; background-image: url('../obrazy/layout_glowny/bg_mapa_dojazdu.gif');}
#mapa_dojazdu_ramka									{padding: 8px; border: 1px solid #e6e5e6; background-color: #f6f6f6;}
#mapa_dojazdu_kontener								{padding: 20px; height: 450px;}
#mapa_dojazdu_kontener p							{margin-top: 0;}



/*----------- Standardowe style -----------*/

/* Tekst normalny */
p										{font-size: 12px; line-height: 18px; margin: 15px 0; color: #807f83;}

/* Nagłówek 1 */
h2										{font-size: 25px; font-weight: bold; line-height: 19px; margin-bottom: 28px; letter-spacing: -0.3pt; color: #807f83;}

/* Nagłówek 2 */
h3										{font-size: 25px; font-weight: normal; margin: 18px 0 15px 0; color: #807f83;}

/* Nagłówek 3 */
h4										{font-size: 22px; margin: 15px 0 8px 0; line-height: 16px; font-weight: normal; color: #807f83;}

/*----------- Style blokowe -----------*/

/* Tekst wyróżniony */
p.wyrozniony							{padding: 20px; color: #5d586e; background-color: #f6f6f6; border-left: 1px solid #e6e5e6;}

/* Nagłówek 1 - zielony */
h2.kolor_1								{color: #78a312 !important;}

/* Nagłówek 1 - niebieski */
h2.kolor_2								{color: #2f3192 !important;}

/* Nagłówek 2 - zielony */
h3.kolor_1								{color: #78a312 !important;}

/* Nagłówek 2 - niebieski */
h3.kolor_2								{color: #2f3192 !important;}

/* Nagłówek 3 - zielony */
h4.kolor_1								{color: #78a312 !important;}

/* Nagłówek 3 - niebieski */
h4.kolor_2								{color: #2f3192 !important;}

/*----------- Classy -----------*/

/* Kolor zielony */
.kolor_1								{color: #78a312 !important;}

/* Kolor niebieski */
.kolor_2								{color: #2f3192 !important;}

/* Wyróżniony */
.wyrozniony								{padding: 20px; color: #5d586e; background-color: #f6f6f6; border-left: 1px solid #e6e5e6;}

/* Bez marginesu */
.nomargin								{margin: 0 !important;}
