/* zerowanie CSS */
* { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; font-size: 14px;}
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* zerowanie CSS koniec */

body { background: url('/images/szarypixel.gif') repeat-x; min-width: 980px; text-align: center; }

div#top_container { width: 980px; margin: 0 auto; position: relative;  background: url('/images/szarypixel.gif') repeat-x; height: 108px; }
	div#top_container div#greybar { position: absolute; height: 23px; width: 980px; top: 50px; left: 0; z-index: 5; background: #f2f2f2; }
	
	div#top_container img#logo { position: absolute; top: 0px; left: 0px; display: block; z-index: 10; width: 409px; height: 108px; }
	h1#logo { position: absolute; top: 0px; left: 0px; display: block; z-index: 10; width: 409px; height: 108px; background: url('/images/css-logo.jpg') 0 0 no-repeat; text-indent: -9999px;}
	
	ul#top_menu { position: absolute; right: 0px; text-align: left; float: left; height: 108px; overflow: hidden; }
		ul#top_menu li { display: inline; }
			ul#top_menu li#menu_start a, ul#top_menu li#menu_start span { width: 70px; background: url('/images/start-przycisk.jpg') no-repeat; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; text-decoration: none; padding-top: 85px; }
				ul#top_menu li#menu_start a { color: #2b3447; background-position: 0px -108px; }
				ul#top_menu li#menu_start span { color: #ffffff; font-weight: 900; }
			ul#top_menu li#menu_o_firmie a, ul#top_menu li#menu_o_firmie span { width: 81px; background: url('/images/o_firmie-przycisk.jpg') no-repeat; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; text-decoration: none; padding-top: 85px; }
				ul#top_menu li#menu_o_firmie a { color: #2b3447; background-position: 0px -108px; }
				ul#top_menu li#menu_o_firmie span { color: #ffffff; font-weight: 900; }
			ul#top_menu li#menu_oferta a, ul#top_menu li#menu_oferta span { width: 76px; background: url('/images/oferta-przycisk.jpg') no-repeat; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; text-decoration: none; padding-top: 85px; }
				ul#top_menu li#menu_oferta a { color: #2b3447; background-position: 0px -108px; }
				ul#top_menu li#menu_oferta span { color: #ffffff; font-weight: 900; }
			ul#top_menu li#menu_portfolio a, ul#top_menu li#menu_portfolio span { width: 91px; background: url('/images/portfolio-przycisk.jpg') no-repeat; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; text-decoration: none; padding-top: 85px; }
				ul#top_menu li#menu_portfolio a { color: #2b3447; background-position: 0px -108px; }
				ul#top_menu li#menu_portfolio span { color: #ffffff; font-weight: 900; }
			ul#top_menu li#menu_referencje a, ul#top_menu li#menu_referencje span { width: 101px; background: url('/images/referencje-przycisk.jpg') no-repeat; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; text-decoration: none; padding-top: 85px; }
				ul#top_menu li#menu_referencje a { color: #2b3447; background-position: 0px -108px; }
				ul#top_menu li#menu_referencje span { color: #ffffff; font-weight: 900; }
			ul#top_menu li#menu_blog a, ul#top_menu li#menu_blog span { width: 67px; background: url('/images/blog-przycisk.jpg') no-repeat; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; text-decoration: none; padding-top: 85px; }
				ul#top_menu li#menu_blog a { color: #2b3447; background-position: 0px -108px; }
				ul#top_menu li#menu_blog span { color: #ffffff; font-weight: 900; }
			ul#top_menu li#menu_kontakt a, ul#top_menu li#menu_kontakt span { width: 83px; background: url('/images/kontakt-przycisk.jpg') no-repeat; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; text-decoration: none; padding-top: 85px; }
				ul#top_menu li#menu_kontakt a { color: #2b3447; background-position: 0px -108px; }
				ul#top_menu li#menu_kontakt span { color: #ffffff; font-weight: 900; }
			
			ul#top_menu li#menu_start a:hover,
			ul#top_menu li#menu_o_firmie a:hover,
			ul#top_menu li#menu_oferta a:hover,
			ul#top_menu li#menu_portfolio a:hover, 
			ul#top_menu li#menu_referencje a:hover,
			ul#top_menu li#menu_blog a:hover,
			ul#top_menu li#menu_kontakt a:hover    { background-position: 0 0; color: #ffffff; font-weight: 900; }

			ul#top_menu li#menu_start a.nobg:hover,
			ul#top_menu li#menu_o_firmie a.nobg:hover,
			ul#top_menu li#menu_oferta a.nobg:hover,
			ul#top_menu li#menu_portfolio a.nobg:hover, 
			ul#top_menu li#menu_referencje a.nobg:hover,
			ul#top_menu li#menu_blog a.nobg:hover,
			ul#top_menu li#menu_kontakt a.nobg:hover    { background-position: 0 -108px; color: #2b3447; font-weight: 500; }
			
			ul#top_menu li a, ul#top_menu li span { display: block; float: left; height: 108px; vertical-align: bottom; z-index: -5; }

div#main_container { width: 980px; margin: 40px auto 0 auto; position: relative; }
div#main_container div#column_left { width: 575px; float: left; text-align: center; }
	div#main_container div#column_left div#special_offer { text-align: center; background: url('/images/kartka.jpg') no-repeat; width: 532px; height: 581px; margin: 30px auto 0 auto; position: relative; }
		div#main_container div#column_left div#special_offer div#contact_motive { position: absolute; left: 22px; bottom: 22px; background: url('/images/motyw.gif') no-repeat; width: 493px; height: 168px; }
					
		div#main_container div#column_left div#special_offer div.inner { padding: 22px; text-align: left;  }
			div#main_container div#column_left div#special_offer div.inner h2#contact_header { background: url('/images/kontakt.gif') no-repeat; text-indent: -9999px; margin: 20px 7px 7px 20px; height: 11px; line-height: 11px; }
			div#main_container div#column_left div#special_offer div.inner p { padding: 5px 20px 0 20px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #2b3447; }
		
		div#main_container div#column_left div#special_offer div.loading { height: 100%; background: url(/images/loading.gif) no-repeat center center; }

		div#main_container div#column_left div#special_offer div.inner img#project { text-align: center;  }
			div#main_container div#column_left div#special_offer div.inner h2 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; color: #6b0382; line-height: 1.5em; font-weight: 900; margin: 0 5px;}
			div#main_container div#column_left div#special_offer div.inner h2.tophead { margin-top: 10px;}
			div#main_container div#column_left div#special_offer div.inner h3 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 13px; color: #6b0382; line-height: 1.3em; font-weight: 900; margin: 0 10px;}
			div#main_container div#column_left div#special_offer div.inner h4 { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #6b0382; line-height: 1.1em; font-weight: 900; margin: 10px 15px 0px 15px;}
			div#main_container div#column_left div#special_offer div.inner h2.offer { color: #2b3447; }
			div#main_container div#column_left div#special_offer div.inner h3.offer { color: #2b3447; }
			div#main_container div#column_left div#special_offer div.inner h4.offer { color: #2b3447; }
			
			div#main_container div#column_left div#special_offer div.inner p { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #2b3447; margin: 0; text-indent: 15px; }
			div#main_container div#column_left div#special_offer div.inner ol { list-style-type: decimal ; }
			div#main_container div#column_left div#special_offer div.inner ol li { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #2b3447; margin-left: 40px; display: list-item;}
			
			div#main_container div#column_left div#special_offer div.inner div#program { text-align: center; }
			div#main_container div#column_left div#special_offer div.inner span#upperseal { display: block; clear: right; float: right; height: 7px; width: 5px; overflow: hidden; }
			div#main_container div#column_left div#special_offer div.inner span#seal { display: block; clear: right; float: right; height: 157px; width: 187px; overflow: hidden; z-index: -5; }
			div#main_container div#column_left div#special_offer div.inner span#seal a { display: block;  background: url('/images/certyfikat.jpg') 0 0 no-repeat; text-indent: -9999px; line-height: 157px; z-index: -5; }
				div#main_container div#column_left div#special_offer div.inner span#seal a:hover { background-position: 0 -158px; }

div#main_container div#column_right { margin-left: 575px; width: 407px; padding-top: 5px;}

	div#main_container div#column_right p.note { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #2b3447; margin: 5px 5px 5px 10px; text-indent: 15px; text-align: left; }
	
	div#main_container div#column_right h2#latest_works { background: url('/images/ostatnie-realizacje.gif') no-repeat; text-indent: -9999px; margin: 20px 7px; height: 12px; line-height: 12px; }
	
	div#main_container div#column_right ul#latest_projects li { display: block;  background: url('/images/rameczka.jpg') no-repeat; width: 407px; height: 139px; }
		div#main_container div#column_right ul#latest_projects li a { display: block; padding-top: 13px; }
	
	div#main_container div#column_right h2#latest_blogging { background: url('/images/ostatnio-na-blogu.gif') no-repeat; text-indent: -9999px; margin: 30px 10px 10px 7px; height: 12px; line-height: 12px; }

	div#main_container div#column_right span#uppercoffee { display: block; clear: right; float: right; height: 65px; width: 5px; overflow: hidden; }
	div#main_container div#column_right span#coffee { display: block; clear: right; float: right; height: 143px; width: 167px; overflow: hidden; }
	div#main_container div#column_right span#coffee a { display: block;  background: url('/images/filizanka.jpg') no-repeat; text-indent: -9999px; line-height: 143px;  }

	
	div#main_container div#column_right span#blog_more { display: block; clear: both; float: none; height: 110px; width: 392px; overflow: hidden; margin-top: 10px; }
		div#main_container div#column_right span#blog_more a{ display: block;  background: url('/images/wiecejzcieniem.png') no-repeat; text-indent: -9999px; line-height: 110px;  }

		
/** porfolio **/
		
	div#main_container div#column_right h2#projects_latest { background: url('/images/realizacje.gif') no-repeat; text-indent: -9999px; margin: 20px 7px; height: 12px; line-height: 12px; }
	div#main_container div#column_right h2#projects_details { background: url('/images/szczegoly-projektu.gif') no-repeat; text-indent: -9999px; margin: 30px 10px 10px 7px; height: 15px; line-height: 15px; }

	div#main_container div#column_right span#project_more { display: block; clear: both; float: none; height: 110px; width: 392px; overflow: hidden; margin-top: 10px; }
		div#main_container div#column_right span#project_more a, div#main_container div#column_right span#project_more span { display: block;  background: url('/images/zakonczeniezzoltaflaga.png') no-repeat; text-indent: -9999px; line-height: 110px;  }

	div#main_container div#column_right div#project_specs { overflow: hidden; }
		div#main_container div#column_right div#project_specs ul.project_specs { width: 190px; float: left; text-align: left; padding: 5px;}
			div#main_container div#column_right div#project_specs ul.project_specs li { margin-left: 30px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #2b3447; }
			div#main_container div#column_right div#project_specs ul.project_specs li a { font-size: 11px; color: #2b3447; }
			div#main_container div#column_right div#project_specs ul.project_specs li.legend { margin-left: 5px; }
		div#main_container div#column_right div#project_specs ul.project_specs_new { clear: left; }

	div#project_box { width: 400px; text-align: left; margin: 0 auto; overflow: hidden; }
	
		div#project_box div#left_project_box { width: 50px; height: 272px; float: left; clear: left; overflow: hidden; }
			div#project_box div#left_project_box a, div#project_box div#left_project_box span { display: block; text-indent: -9999px; width: 50px; height: 272px; background: url('/images/poprzedni.jpg') center no-repeat; }
		
		
		div#project_box div#center_project_box { width: 274px; height: 272px; float: left; overflow: hidden; position: relative;  }
			div#project_box div#center_project_box ul#projects_list { height: 272px; position: absolute; top: 0; left: 0;}
				div#project_box div#center_project_box ul#projects_list li { float: left; display: block; width: 137px; height: 272px; line-height: 137px; text-align: center; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #2b3447;}
					div#project_box div#center_project_box ul#projects_list li a { float: none; display: block; width: 117px; height: 116px; background: url('/images/malybox.jpg') no-repeat; padding: 10px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #2b3447; }
	
		div#project_box div#right_project_box { width: 50px; height: 272px; float: left; overflow: hidden;  }
			div#project_box div#right_project_box a, div#project_box div#right_project_box span { display: block; text-indent: -9999px; width: 50px; height: 272px; background: url('/images/nastepny.jpg') center no-repeat; }

	/* kontakt */
	div#main_container div#column_right h2#contact_trade { background: url('/images/dzialhandlowy.gif') no-repeat; text-indent: -9999px; margin: 20px 7px; height: 12px; line-height: 12px; }
	div#main_container div#column_right h2#contact_technical { background: url('/images/dzialrealizacji.gif') no-repeat; text-indent: -9999px; margin: 30px 10px 10px 7px; height: 12px; line-height: 12px; }
	div#main_container div#column_right h2#contact_data { background: url('/images/danefirmy.gif') no-repeat; text-indent: -9999px; margin: 30px 10px 10px 7px; height: 10px; line-height: 10px; }

	div#main_container div#column_right div.hr_contact_separator { border: none; display: block; width: 392px; height: 13px; background: url("/images/cienpodkreslajacy.png") no-repeat; margin: 40px auto 30px auto; }
	div#main_container div#column_right div.hr_contact_separator hr.contact_separator { display: none; }
	
	div#main_container div#column_right div#contact_trade_background { background: url('/images/telefonhandlowy.jpg') right no-repeat; height: 133px; padding-top: 1px; }
	div#main_container div#column_right div#contact_technical_background { background: url('/images/myszon.jpg') right no-repeat; height: 83px; padding-top: 1px; margin-right: 40px; }

	div#main_container div#column_right ul.contact_people { text-align: left; margin-top: 20px; }
		div#main_container div#column_right ul.contact_people li { font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; color: #2b3447; }
		div#main_container div#column_right ul.contact_people li.name { margin-left: 20px; margin-top: 5px; margin-bottom: 5px;}
		div#main_container div#column_right ul.contact_people li.phone { margin-left: 100px; margin-top: 5px; margin-bottom: 25px;}

	div#main_container div#column_left div#special_offer form#contact  { width: 460px; height: 140px; margin: 10px 20px 20px 20px;  }
		div#main_container div#column_left div#special_offer div#contact_container  * { font-family: Verdana, Helvetica, Arial, sans-serif; color: #2b3447; }
		div#main_container div#column_left div#special_offer div#contact_container  h2 {text-align: center; font-size: 1.1em; margin: 10px; }
		div#main_container div#column_left div#special_offer div#contact_container  h3 {text-align: center; font-size: 1.1em; margin: 10px; color: #f00;}
		div#main_container div#column_left div#special_offer div#contact_container  h3.success {color: #1d8e07;}
		div#main_container div#column_left div#special_offer div#contact_container  h3.error { color: red; }

		div#main_container div#column_left div#special_offer form#contact ul li {display: inline;}
		div#main_container div#column_left div#special_offer form#contact ul li label { display: block; width: 120px; float: left; clear: left; margin: 3px 0px 3px 0px; font-size: 12px; font-family: Verdana, sans-serif; color: #2b3447; overflow: auto; } 
		div#main_container div#column_left div#special_offer form#contact ul li input { display: block; width: 290px; float: left; margin: 3px 0px 3px 0px; color: #2b3447; border: 1px solid #6b6d72;}
		div#main_container div#column_left div#special_offer form#contact ul li input#submit { display: block; width: 290px; height: 30px; background: url('/images/wyslijprzyciski.jpg') center 0 no-repeat; border: none; text-indent: -9999px; }
		div#main_container div#column_left div#special_offer form#contact ul li input#submit:hover { background-position: center -30px  }
		div#main_container div#column_left div#special_offer form#contact ul li select { display: block; width: 290px; float: left; margin: 3px 0px 3px 0px; color: #2b3447; border: 1px solid #6b6d72;}
		div#main_container div#column_left div#special_offer form#contact ul li textarea { display: block; width: 290px; float: left; margin: 3px 0px 3px 0px; color: #2b3447; border: 1px solid #6b6d72;}
		div#main_container div#column_left div#special_offer form#contact ul li span { display: block; width: 290px; height: 18px; float: left; margin: 3px 0px 3px 0px; color: #fff; text-align: center; vertical-align: middle;}
		div#main_container div#column_left div#special_offer form#contact ul li span img { display: block; border: 1px solid #6b6d72; }
		
			
			
	/* stopka */
		div#footer { background: #f2f2f2;  text-align: center; overflow: hidden; text-align: center; clear: both; height: 108px;  }
			div#footer div.inner { color: #2b3447; font-size: 10px; font-weight: 900; padding: 10px; width: 980px; height: 94px; margin: 0 auto; text-align: left; }
			
			div#footer div#footer_left { float: left; clear: left; width: 28%; }
				div#footer div#footer_left div.inner { color: #2b3447; font-size: 10px; font-weight: 900; padding: 40px 10px ; width: 100%; }
					div#footer div#footer_left div.inner a { color: #2b3447; font-size: 10px; font-weight: 900; text-decoration: none; }
					div#footer div#footer_left div.inner a:hover { text-decoration: underline; }
			
			div#footer div#footer_center { float: left; width: 28%; }
				div#footer div#footer_center div.inner { width: 100%; }
					div#footer div#footer_center div.inner ul#footer_map { list-style-type: none; }
						div#footer div#footer_center div.inner ul#footer_map li a { color: #2b3447; font-size: 10px; font-weight: 900; text-decoration: none; }
						div#footer div#footer_center div.inner ul#footer_map li a:hover { text-decoration: underline; }
			
			div#footer div#footer_right { float: left; width: 44%; }
				div#footer div#footer_right div.inner { width: 100%; color: #2b3447; font-size: 10px; font-weight: 500; padding: 10px;  }
		
	/* oferta */
	
	div#main_container div#column_right h2#offer_overview { background: url('/images/przekrojoferty-napis.gif') no-repeat; text-indent: -9999px; margin: 20px 12px 5px 11px; height: 15px; line-height: 15px; }
	div#main_container div#column_left div#special_offer div.inner h2#offer_header { background: url('/images/oferta-napis.gif') no-repeat; text-indent: -9999px; margin: 20px 12px 10px 11px; height: 12px; line-height: 12px; }
	
	div#main_container div#column_left div#special_offer div.inner img#cms_image { float: left; width: 260px; height: 243px; }
	div#main_container div#column_left div#special_offer div.inner img#projects_image { float: left; width: 230px; height: 209px; }
	
	div#main_container div#column_right ul#offer_overview_menu { margin-bottom: 30px; margin-top: 20px; text-align: left; }
		div#main_container div#column_right ul#offer_overview_menu li { display: inline; }
			div#main_container div#column_right ul#offer_overview_menu li a { display: block; width: 270px; height: 23px; background: url("/images/fistaszki.jpg") 0 0 no-repeat ; padding-left: 40px; line-height: 23px; text-align: left; margin: 8px 0px 8px 35px; color: #2b3447; text-decoration: none; }
			div#main_container div#column_right ul#offer_overview_menu li a:hover { background-position: 0px -23px; text-decoration: underline; padding-left: 55px; }

	/* mapa strony */
	div#main_container div#column_left ul#sitemap { margin-bottom: 30px; margin-top: 20px; text-align: left; }
	div#main_container div#column_left ul#sitemap li { display: inline; }
		div#main_container div#column_left ul#sitemap ul { margin-left: 30px; }
		div#main_container div#column_left ul#sitemap li a { display: block; width: 270px; height: 23px; padding-left: 40px; line-height: 23px; text-align: left; margin: 8px 0px 8px 35px; color: #2b3447; text-decoration: none; }
		div#main_container div#column_left ul#sitemap li a:hover {  text-decoration: underline; }