html, body, div, img, a, h5, h4, h3 { border: 0; color: #777; text-decoration: none; }
html, body { width: 100%; text-align: center; }
html { font: 12px Arial; }
body { margin: 0; background: #fff; }
a { text-decoration: none; color: #aaa; }
a:hover { text-decoration: none; }
img[border] { border: solid 1px #777; }

#container_all { width: 100%; }
#container_all.srodek {  }

#tlo_l, #tlo_r { height: 800px; width: 50%; top: 0; position: absolute; }
#tlo_l { left: 0; float: left; background: url(../img/tlo_l.jpg) top repeat-x; }
#tlo_r { right: 0; float: right; background: none; }

#tlo_l.srodek, #tlo_r.srodek { height: 800px; }
#tlo_l.srodek { background: url(../img/tlo_l.jpg) top repeat-x; }
#tlo_r.srodek { background: none; }

#container_bg { width: 100%; min-width: 1009px; min-height: 800px; position: relative; margin: 0 auto; background: url(../img/tlo.jpg) center top no-repeat; }
#container_bg.srodek { min-height: 800px; background: url(../img/tlo.jpg) center top no-repeat; }

#container { width: 1009px; position: relative; margin: 0 auto; text-align: center; z-index: 1; }


/* --- BANER -------------------------------- */

#baner_gl { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../img/content.png) repeat; z-index: 99999; }
#baner_gl .baner_content { margin: 0 auto; position: relative; }
#baner_gl .baner_content img {
	display: block; margin-bottom: 24px;
	-moz-box-shadow: 0 0 15px #585045;
	-webkit-box-shadow: 0 0 15px #585045;
	box-shadow: 0 0 15px #585045;
}
#baner_gl .baner_content p {
	overflow: hidden;
	padding: 10px 12px;
	font: 14px Arial; color: #fff; line-height: 24px;
	text-align: center; background: url(../img/content.png) repeat;
	-moz-box-shadow: 0 0 5px #585045;
	-webkit-box-shadow: 0 0 5px #585045;
	box-shadow: 0 0 5px #585045;
}
#baner_gl .close { display: block; width: 32px; height: 32px; position: absolute; right: 12px; top: 12px; background: url(../img/close.png) no-repeat; }


/* --- TOP ------------------------------------- */

#top { width: 100%; height: 103px; position: relative; z-index: 999; }
#logo { position: absolute; left: 0; top: 43px; z-index: 1; }
#menu_top { width: 977px; height: 49px; margin: 0 32px 0 0; color: #c4c4c4; text-align: right; }
#menu_top a { display: inline-block; margin: 18px 2px 0; padding: 1px 3px; color: #c4c4c4; }
#menu_top a:hover { color: #888; }

#menu { width: 100%; height: 54px; margin: 0; text-align: center; background: url(../img/menu.png) no-repeat; }
#menu .home { display: inline-block; width: 16px; height: 20px; float: right; margin: 15px 15px; background: url(../img/home.png) center no-repeat; }
#menu .home:hover { background: url(../img/home_a.png) center no-repeat; }

#menu_lista_kat { overflow: hidden; width: 100%; margin:  0 auto 28px; }
#menu_lista_kat a { display: inline-block; padding-left: 12px; font: 12px Tahoma; color: #777; background: url(../img/menu_b.png) 0 5px no-repeat; }
#menu_lista_kat a:hover { color: #083c87; }

#top_box { width: 100%; height: 386px; position: relative; }
#top_box.srodek { height: 298px; }

#slider { width: 1003px; height: 418px; position: relative; float: right; margin-top: -3px; background: #fff; }
#slider.srodek { height: 263px; }


/* --- ZAWARTOSC ------------------------------- */

#srodek { width: 100%; position: relative; float: left; margin: 0; text-align: left; }
#zw { width: 650px; float: left; position: relative; padding: 0 0 0 6px; }
#zw.oferta { width: 760px; }
#zw.galeria { width: 100%; }

#prawa { width: 325px; float: right; position: relative; margin: 15px 3px 0 0; }
#prawa.oferta { width: 215px; }
#prawa.galeria { display: none; width: 0; }

h3 { margin: 30px 0 28px; font: bold 22px Arial; color: #083c87; text-align: left; } h3 a { color: #083c87; }
h4 { margin: 24px 0 8px; font: bold 14px Arial; color: #083c87; text-align: left; } h4 a { color: #083c87; }

#srodek, #srodek div, #srodek p, #srodek td, #srodek li { color: #666; line-height: 175%; }
#srodek a:hover { text-decoration: underline; }
#zw ul { margin-left: 12px; padding-left: 20px; }
#zw ul li { list-style: url(../img/li.png); }


/* --- STAŁE ELEMENTY ----------------------- */

#gdzie_jestes { overflow: hidden; width: 100%; margin: 20px 0 0; color: #4c0513 !important; }
#gdzie_jestes a { color: #4c0513; }
#gdzie_jestes a:hover { color: #6d0e20; text-decoration: none; }

.belka { overflow: hidden; width: 100%; float: left; }
.belka_ov { overflow: hidden; width: 100%; }
.porcjowanie { overflow: hidden; width: 100%; margin: 24px 0 12px; color: #aaa !important; text-align: center; }
.porcjowanie a { color: #4C93BD; }
.porcjowanie .aktywna { color: #6a6a6a; }

.prz_wiecej { display: inline-block; width: 85px; height: 36px; margin: 12px 0 0; background: url(../img/prz_wiecej.png) no-repeat; }
.prz_gora { display: inline-block; width: 60px; height: 25px; margin: 0 0 12px; background: url(../img/prz_gora.png) no-repeat; }

#boxy { overflow: hidden; width: 100%; position: relative; padding: 8px 0 0; text-align: right; }
#boxy .box { overflow: hidden; display: inline-block; width: 323px; height: 162px; position: relative; margin-left: 16px; }
#boxy .box.first { margin-left: 0; }
#boxy .box img { float: left; }
#prawa #boxy .box { margin-left: 0; margin-bottom: 3px; }

.good, .bad {
	overflow: hidden; width: 480px;
	margin: 12px auto 15px; padding: 20px 20px 20px 70px;
	text-align: center;
	
	-moz-box-shadow: 0 0 10px #555;
	-webkit-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555;
	
	-webkit-border-radius: 12px; -khtml-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
}
.good { background: url(../img/good.png) 24px center no-repeat #e7e7e7; }
.bad { background: url(../img/bad.png) 24px center no-repeat #e7e7e7; }

.mapa_container { overflow: hidden; width: 315px; float: left; margin: 6px auto 12px; }
.mapa { overflow: hidden; width: 313px; height: 200px; margin-bottom: 4px; background: url(../img/load_mapa.gif) center no-repeat #fff; border: solid 1px #b9b8b8; }
.mapa iframe { visibility: hidden; }

.mapa_strony a { color: #777; }


/* --- ELEMENTY JEDNOKROTNE ----------------- */

#box-sprzedajemy { overflow: hidden; width: 100%; padding: 10px 0 0; }

.witamy_box { width: 295px; height: 212px; float: left; padding: 33px 28px 0 0; text-align: right; background: url(../img/witamy.png) no-repeat; }
.start_box { width: 320px; float: left; margin-left: 21px; }
.kontakt_box { width: 311px; height: 212px; float: left; margin-left: 21px; padding: 33px 0 0 12px; background: url(../img/kontakt.png) no-repeat; }

.szary { display: inline-block; font: 22px Arial; color: #424242; }
.niebieski { display: inline-block; color: #083c87; }

#prawa .kontakt_box { margin-left: 0; margin-top: 20px; }

.partnerzy_box { overflow: hidden; width: 100%; padding: 24px 0 12px; text-align: center; }
.partnerzy_box table { width: 100%; height: 75px; text-align: center; }
.partnerzy_box td div { position: relative; }
.partnerzy_box td.naglowek { width: 140px; padding-left: 12px; font: 22px Arial; color: #484848; text-align: center; }
.partnerzy_box td.logo { padding: 0 5px; }
.partnerzy_box td.logo a { outline: none; }


/* --- STOPKA ------------------------------- */

#container_stopka { overflow: hidden; width: 100%; position: relative; background: none; }
#tlo_stopka_l, #tlo_stopka_r { height: 112px; width: 50%; top: 0; position: absolute; }
#tlo_stopka_l { left: 0; float: left; background: none; }
#tlo_stopka_r { right: 0; float: right; background: none; }

#stopka { overflow: hidden; width: 100%; height: 112px; position: relative; text-align: center; }
#podstopka { width: 964px; height: 66px; position: relative; margin: 0 auto; padding: 18px 20px; text-align: left; background: url(../img/stopka.png) no-repeat; }
#podstopka #klient { font: 12px/20px Arial; float: left; color: #fff; text-align: left; }
#podstopka #intellect { font: 12px/20px Arial; float: right; color: #fff; text-align: right; margin-top: 3px; }
#podstopka #intellect img { margin-top: -10px; margin-right: 3px; }
#podstopka #intellect a { color: #fff; }

#cookie-info { width: 100%; position: fixed; left: 0; bottom: 0; padding: 10px 0; background: #E9EEF1; border-top: 1px solid #B3DAEF; z-index: 1000; }
#cookie-info > div { padding: 0 10px; font-size: 11px; text-align: center; }
#cookie-info * { color: #0057AB; }
#cookie-info a:hover { text-decoration: underline; }