/*
** Bil Software CSS. All rights reserved.
** 2009 Created by Bil Software, www.bilsoftware.com
*/ 
body { margin: 30px 0 30px 0; font: 11px Tahoma, "Arial Narrow", Arial; }
	img { border: 0; }
	form { margin: 0; padding: 0; }
		form fieldset { margin: 20px 0 0 0; border: 0; clear: both; }
		form fieldset legend { display: none; }
		form fieldset ol { margin: 0; padding: 0; list-style: none; }
			form fieldset ol li { margin: 0 0 2px 0; clear: both; overflow: hidden; zoom: 1.0; }
				form fieldset ol li label { float: left; width: 100px; height: 16px; margin: 0; padding: 7px 15px 5px 15px; background: #F4F4F4; }
				form fieldset ol li input { float: left; width: 340px; height: 16px; margin: 0 0 0 10px; padding: 5px; border: 1px solid #808080; font-size: 10px; background: #F4F4F4; }
			form fieldset p { width: 100px; height: 16px; margin: 0 10px 0 0; padding: 7px 15px 5px 15px; background: #F4F4F4; }
				form fieldset textarea { width: 340px; height: 200px; margin: 0 0 0 10px; padding: 5px; border: 1px solid #808080; background: #F4F4F4; font-size: 11px; }
		form div { margin: 0 15px 0 0; text-align: right; }
			form div input { border: 1px solid #808080; }
	table { width: 100%; margin: 20px 0 20px 0; border: 1px solid #CECECE; }
		table td { width: 50%; border: 1px solid #CECECE; }
		table thead td { background: #E8E8E8; }
		table td span { font-size: 14px; }
	#main { width: 805px; margin: 0 auto; clear: both; overflow: hidden; zoom: 1.0; background: white url(img/content.gif) 0 0 repeat-y;  }
		#top { position: absolute; z-index: 10; top: 30px; height: 225px; }
			#buttons { height: 58px; margin: 0; padding: 0; list-style: none; clear: both; overflow: hidden; zoom: 1.0; background: white url(img/_r.gif) 0 0 repeat-x; }
				#buttons li { float: left; height: 58px; }
					#buttons li a { float: left; height: 58px; background-repeat: no-repeat; text-align: center; font-size: 1px; color: white; text-decoration: none; text-transform: uppercase; text-indent: -300px; overflow: hidden; }
					#buttons li a:hover { background-position: 0 -58px; }
						#buttons li a span { display: block; padding: 5px 0 0 0; }
					#r_glowna { width: 123px; background-image: url(img/_r_glowna.gif); }
					#r_strony_www { width: 139px; background-image: url(img/_r_strony_www.gif); }
					#r_aplikacje { width: 111px; background-image: url(img/_r_aplikacje.gif); }
					#r_inne_uslugi { width: 123px; background-image: url(img/_r_inne_uslugi.gif); }
					#r_cennik { width: 95px; background-image: url(img/_r_cennik.gif); }
					#r_o_nas { width: 84px; background-image: url(img/_r_o_nas.gif); }
					#r_kontakt { width: 130px; background-image: url(img/_r_kontakt.gif); }
			#nav { height: 35px; margin: 0 5px 0 5px; padding: 0 0 0 30px; list-style: none; clear: both; overflow: hidden; zoom: 1.0; background: #BB1704 url(img/nav_bcg.gif) 0 0 repeat-x; }
				#nav li { float: left; height: 35px; margin: 0 6px 0 0; }
					#nav li a { float: left; height: 24px; background-repeat: no-repeat; text-align: center; font-size: 1px; color: #E11B02; text-decoration: none; text-transform: uppercase; text-indent: -300px; overflow: hidden; }
					#nav li a:hover { background-position: 0 -24px; color: #FF2002; }
					#nav_teksty { width: 54px; background-image: url(img/_nav_teksty.gif); }
					#nav_nasze_projekty { width: 99px; background-image: url(img/_nav_nasze_projekty.gif); }
					#nav_do_pobrania { width: 85px; background-image: url(img/_nav_do_pobrania.gif); }
					#nav_mapa_strony { width: 87px; background-image: url(img/_nav_mapa_strony.gif); }
				#nav li.last { float: right; width: 91px; height: 35px; background-image: url(img/nav_right.gif); background-repeat: no-repeat; }
			#logo { height: 131px; margin: 0 5px 0 5px; border-bottom: 1px solid #c0c0c1; background: white url(img/top.jpg) bottom right no-repeat; }
				#logo span { display: block; padding: 40px 0 0 30px; }
					#logo span a { display: block; width: 223px; height: 54px; background-image: url(img/logo.gif); background-repeat: no-repeat; color: white; text-decoration: none; text-indent: -300px; overflow: hidden; }
		#welcome { position: absolute; top: 30px; z-index: 1; font-size: 14px; }
		#content { padding: 240px 20px 0 20px; clear: both; overflow: hidden; zoom: 1.0; }
			#text { float: left; width: 546px; }
				#text .content { margin: 0 0 15px 0; padding: 15px 15px 25px 15px; border: 1px solid #cecece; background: #fdfcfd url(img/content_box_bcg.gif) 0 0 repeat-x; }
					#text .content .image { border: 1px solid #737373; }
						#text .content .image.left { float: left; margin: 0 15px 15px 0; }
						#text .content .image.right { float: right; margin: 0 0 15px 15px; }
					#text .content h1 { margin: 25px 0 0 0; padding: 0 0 0 0; font-size: 15px; text-transform: uppercase; color: #8b8b8b; background-repeat: no-repeat;  display: inline-block; }
						#text .content h1 span { font-size: 12px; color: #ad0f0f; }
					#text .content p { margin: 0; padding: 15px 0 10px 0; color: #4f4f4f; line-height: 17px; text-align: justify; }
						#text .content p.first { padding-top: 0; }
					#text .content a { color: #00a413; font-weight: bold; text-decoration: none; }
						#text .content a:hover { text-decoration: underline; }
					#text .content span.link { display: block; padding: 10px 0 0 0; text-align: right; }
					#text .content ul { margin: 10px; padding: 20px 20px 10px 20px; list-style: square; background: #F6F6F6; }
						#text .content ul li { margin: 0 0 0 10px; padding: 0 0 10px 0; letter-spacing: 1px; color: #5D5D5D; }
				#text .bottom_box { height: 110px; background: #f7f7f8 url(img/bottom_box.png) 0 0 no-repeat; border: 1px solid #cecece; }
					#text .bottom_box * { margin: 0; padding: 0; font-size: 1px; color: #f7f7f8; text-decoration: none; }
					#text .bottom_box a { display: block; height: 55px; text-align: right; }
						#text .bottom_box a span { display: none; }
			#panels { float: right; width: 206px; }
				#panels .box { margin: 0 0 15px 0; padding: 0; clear: both; overflow: hidden; zoom: 1.0; border: 1px solid #cecece; background: #fdfcfd url(img/content_box_title.png) 0 0 no-repeat; }
					.tooltip{ display: block; width: 150px; border: 1px solid #CECECE; background: #F1F1F1; padding: 10px; }
					#panels .box .title { margin: 15px 0 20px 15px; }
					#panels .box h2 { margin: 0; padding: 0; font-size: 13px; text-transform: uppercase; color: #ababab; background-repeat: no-repeat; }
						#panels .box h2 span { font-size: 12px; color: #ad0f0f; }
					#panels .box ul.clients { margin: 0; padding: 0 0 0 20px; list-style: none; background-image: url(img/content_box_image.jpg); background-position: right bottom; background-repeat: no-repeat; }
						#panels .box ul.clients li { padding: 5px 0 5px 0; }
							#panels .box ul.clients li a { color: #c23434; text-decoration: none; }
							#panels .box ul.clients li a:hover { color: black; }
						#panels .box ul.clients li.last { text-align: right; font-weight: bold; padding: 20px 15px 10px 0; }
							#panels .box ul.clients li.last a { color: white; }
					#panels .box ul.features { margin: 0; padding: 0 20px 15px 10px; list-style: none; }
						#panels .box ul.features li { padding: 5px 0 10px 5px; color: white;  }
							#panels .box ul.features li span { display: block; padding: 0; background: white; border-left: 5px solid #858585; }
								#panels .box ul.features li span em { display: block; margin: 0 0 0 2px; padding: 5px 10px 5px 10px; background: #d70505; font-style: normal; }
		#news { background: white url(img/bottom_bcg.gif) 0 0 repeat-y; }
			#news a { color: #00a413; }
			#news span.news { display: block; height: 28px; background: white url(img/bottom.gif) 0 0 no-repeat; }
			#news .end { display: block; padding: 0; clear: both; overflow: hidden; zoom: 1.0; background-image: url(img/bottom_end.gif); background-repeat: no-repeat; background-position: 0 bottom; }
				#news .end h2 { display: block; margin: 2px 0 0 35px; padding: 0 0 15px 0; font: 18px Tahoma, "Arial Narrow", Arial; color: #828282; }
					#news .end h2 a { color: #c04646; text-decoration: none; }
						#news .end h2 a span { color: #828282; font-size: 12px; }
				#slider { height: 0px; overflow: hidden; }
					#slider p { float: left; width: 530px; margin: 0; padding: 10px 30px 0 35px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #282828; line-height: 17px; text-align: justify; border-right: 1px solid #9b9b9b; }
						#slider p span { display: block; margin: 10px 0 0 0; text-align: right; }
					#slider ul { float: left; width: 170px; margin: 0; padding: 30px 0 10px 0; list-style: none; }
						#slider li { margin: 0; padding: 0 0 20px 20px; color: #00a413; font-family: Verdana, Arial, Helvetica, sans-serif; }
							#slider li a { text-decoration: none; }
							#slider li a:hover { color: #C04646; text-decoration: none; }
	#footer { margin: 20px 0 0 0; clear: both; overflow: hidden; zoom: 1.0; border-top: 4px solid #b20a0a; }
		#footer .content { width: 805px; margin: 0 auto; }	
			#gotop { float: left; width: 69px; height: 24px; margin: 0 0 0 40px; background-image: url(img/footer_gotop.gif); background-repeat: no-repeat; font-size: 1px; color: #b20a0a; text-decoration: none; text-transform: uppercase; text-indent: -200px; overflow: hidden; }
			#footer .content ul { float: left; width: 650px; margin: 0; padding: 7px 0 0 0; overflow: hidden; zoom: 1.0; text-align: center; list-style: none; font: 11px Arial, Helvetica, sans-serif; font-weight: bold; color: #393838; }
			#footer .content ul li { display: inline; }
				#footer .content ul li span { color: white; font-size: 1px; }
			#footer .content ul li.sep { letter-spacing: 3px; }
				#footer .content ul li a { color: #393838; text-decoration: none; }
				#footer .content ul li a:hover { text-decoration: underline; }
		#footer p { margin: 0; padding: 20px 0 0 60px; clear: both; overflow: hidden; zoom: 1.0; text-align: center; color: #5d5d5d; }
	/*HEADERS*/
	#h_kim_jestesmy { width: 250px; height: 13px; background-image: url(img/__h_kim_jestesmy.gif); font-size: 12px !important; color: #F6F6F7 !important; text-align: right; margin: 0 0 30px 0 !important; }
		#h_kim_jestesmy * { color: #F6F6F7 !important; }
	#h_dlaczego_my { width: 250px; height: 11px; background-image: url(img/__h_dlaczego_my.gif); color: #fdfcfd !important; text-align: right; }
		#h_dlaczego_my * { color: #fdfcfd !important; }
	#h_zaufali_nam { width: 180px; height: 11px; background-image: url(img/__h_zaufali_nam.gif); color: #F8F8F8 !important; font-size: 1px !important; text-align: right; }
		#h_zaufali_nam * { color: #F8F8F8 !important; font-size: 1px !important; }
	#h_nasze_atuty { width: 180px; height: 11px; background-image: url(img/__h_nasze_atuty.gif); color: #F8F8F8 !important; font-size: 1px !important; text-align: right; }
		#h_nasze_atuty * { color: #F8F8F8 !important; font-size: 1px !important; }