html, body, div, img, a, h5, h4, h3 {
	border: 0;
	text-decoration: none;
	color: #505040;
}
html, body { width: 100%; text-align: center; }
html { font: 12px Arial; }
body { margin: 0; background: url(../img/tlo_stopka_s.jpg) center repeat-y #9c0100; }
a { text-decoration: none; color: #B20303; }
a:hover { text-decoration: underline; }
img[border] { border: solid 1px #505040; }

#container_all { width: 100%; min-width: 980px; background: #ffffb7; }
#container_all.srodek { background: #fff; }

#tlo_l, #tlo_r { height: 208px; 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: url(../img/tlo_r.jpg) top repeat-x; }

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

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

#container { width: 980px; position: relative; margin: 0 auto; text-align: center; }

#top { width: 100%; height: 208px; position: relative; }
#logo { position: absolute; left: 11px; top: 26px; }

#top_box { width: 100%; height: 292px; position: relative; }
#top_box.srodek { height: 85px; }


/* --- MENU ------------------------------- */

#menu { width: 600px; height: 50px; float: right; margin: 144px 30px 0 0; text-align: left; background: url(../img/menu.png) no-repeat; }
#menu a {
	display: inline-block; height: 50px;
	float: left; outline: none;
	background-image: url(../img/menu_a.png);
	background-repeat: no-repeat;
	opacity: 0.0; filter: alpha(opacity=0);
}
#menu-o_firmie { width: 124px; margin-left: 20px; background-position: -20px 0; }
#menu-oferta { width: 98px; margin-left: 35px; background-position: -179px 0; }
#menu-galeria { width: 100px; margin-left: 40px; background-position: -317px 0; }
#menu-kontakt { width: 120px; margin-left: 44px; background-position: -461px 0; }

#menu_gora { position: absolute; right: 25px; top: 16px; color: #C70000; }
#menu_gora a { padding: 1px 10px; font-weight: bold; color: #C70000; }

#menu_b { overflow: hidden; width: 290px; position: relative; }
#menu_b .menu_b_g { overflow: hidden; width: 290px; height: 45px; background: url(../img/menu_b_g.png) no-repeat; }
#menu_b .menu_b_s { overflow: hidden; width: 290px; position: relative; margin: 0; }
#menu_b .menu_b_d { overflow: hidden; width: 290px; height: 60px; background: url(../img/menu_b_d.png) no-repeat; }
#menu_b .tlo { width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
#menu_b .sep { display: block; width: 246px; height: 2px; position: relative; margin: 0 auto; background: url(../img/menu_b_sep.png) no-repeat; }

#menu_b ul { margin: 0; padding: 0; }
#menu_b ul li { margin: 0; padding: 0; list-style: none; }
#menu_b ul li a { display: inline-block; width: 196px; height: 15px; position: relative; margin: 0 22px; padding: 12px 25px 10px; font: 14px Arial; color: #ffb7b7; line-height: 15px; outline: none; background: url(../img/menu_b_sep.png) center top no-repeat; }
#menu_b ul li a:hover { color: #fff; text-decoration: none; }
#menu_b ul li a.active { color: #fff; text-decoration: none; }
#menu_b ul ul { margin-left: 20px; }
#menu_b ul ul li a { padding: 4px 25px 10px; font: 12px Arial; color: #ffb7b7; background: none; }


/* --- SLIDER ---------------------------------- */

#slider { overflow: hidden; width: 980px; height: 260px; background: url(../img/slider.png) no-repeat; }
#slider .nav { width: 203px; height: 248px; float: left; padding: 0 34px; text-align: left; }
#slider .obr { width: 689px; height: 248px; float: left; }
#slider a { display: inline-block; margin: 16px 0 0; }
#slider p { margin: 0 0 17px; font: 12px Arial; color: #4e0000; }


/* --- CAROUSEL --------------------------------- */

#container_carousel { overflow: hidden; width: 100%; }
#carousel { width: 100%; width: 560px; height: 145px; position: relative; margin: 0 auto; }
.box_dynamic { margin: 0; padding: 0; }
.box_dynamic li { width: 140px; height: 145px; margin: 0; padding: 0; list-style: none; text-align: center; }
.jcarousel-clip { overflow: hidden; width: 560px; }

/* --- SLIDER CONTROL --------------------- */
#carousel_control { display: none !important; overflow: hidden; height: 40px; position: relative; float: right; }
#carousel_control a {
	display: inline-block;
	width: 16px; height: 15px; 
    margin: 13px 5px; font-size: 0;
	background: url(../img/slider.png) no-repeat;
}
#carousel_control a.active { background: url(../img/slider_a.png) no-repeat; }

#carousel .jcarousel-prev { display: block; width: 36px; height: 36px; position: absolute; left: -45px; top: 40px; background: url(../img/gal_prev.png) no-repeat; cursor: pointer; }
#carousel .jcarousel-next { display: block; width: 36px; height: 36px; position: absolute; right: -45px; top: 40px; background: url(../img/gal_next.png) no-repeat; cursor: pointer; }

.box_dynamic li a { display: inline-block; margin: 1px 0; color: #505040; }


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

#srodek { width: 100%; position: relative; float: left; margin: 0 0 24px; text-align: left; }
#zw { width: 640px; float: right; position: relative; }

#lewa { width: 290px; float: left; position: relative; }

h3 { margin: 40px 0 32px; font: 25px Tahoma; color: #b20303; text-align: left; }
h4 { margin: 30px 0 24px; font: 22px Tahoma; color: #ab1327; text-align: left; }
h4 a { color: #ab1327; }

#zw, #zw div, #zw p, #zw td, #zw li { color: #505040; line-height: 20px; }
#zw ul { padding-left: 20px; }
#zw li { list-style: url(../img/li.png); }

#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; }

.ng { display: block; }

.witamy { width: 275px; float: left; margin-left: 25px; }
.witamy p { margin: 0 0 18px; line-height: 20px; }
.oferta { width: 640px; float: right; margin-right: 25px; }

.t_box { margin: 0 0 8px; }

.przycisk { display: inline-block; width: 78px; height: 12px; padding: 8px 6px; font: 11px/12px Arial; color: #fff; text-align: center; background: url(../img/przycisk.png) no-repeat; }
.przycisk:hover { color: #fff; text-decoration: none; }

.mapa_container { overflow: hidden; width: 640px; float: left; margin: 22px auto 0; }
.mapa { overflow: hidden; width: 638px; height: 320px; margin-bottom: 4px; background: url(../img/load_mapa.gif) center no-repeat #fff; border: solid 1px #aaa; }
.mapa iframe { visibility: hidden; }


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

#container_stopka { overflow: hidden; width: 100%; position: relative; }
#tlo_stopka_l, #tlo_stopka_r { height: 165px; width: 50%; top: 0; position: absolute; }
#tlo_stopka_l { left: 0; float: left; background: url(../img/tlo_stopka_l.jpg) top repeat-x #fff; }
#tlo_stopka_r { right: 0; float: right; background: url(../img/tlo_stopka_r.jpg) top repeat-x #fff; }

#stopka { overflow: hidden; width: 100%; height: 165px; position: relative; text-align: center; background: url(../img/tlo_stopka.jpg) center top no-repeat; }
#podstopka { width: 948px; position: relative; margin: 0 auto; padding-top: 108px; text-align: left; }
#podstopka #klient { font: 12px Arial; float: left; color: #fff; line-height: 20px; }
#podstopka #intellect { font: 12px Arial; float: right; color: #fff; line-height: 20px; margin-top: 8px; }
#podstopka #intellect img { margin-top: -10px; }
#podstopka #intellect a {	color: #fff; }