html * {border: 0; color: #032e47; font-family: Verdana; font-size: 12px; line-height: 17px; margin: 0; padding: 0;}
body {background: url(../images/bg.png); margin-bottom: 20px; margin-top: 20px;}

.orange {color: #f57101;}
.clear {clear: both; font-size: 1px;}
.left {float: left;}
.right {float: right;}
.relative {position: relative;}
.absolute {position: absolute;}

sup {font-size: 80%}

a:hover {color: #f57101;}

h1 {height: 45px;}
h1 span {display: none;}
	h1.index {background: url(../images/h_o_firmie.gif) 18px 0 no-repeat; width: 356px;}
        h1.news {background: url(../images/h_aktualnosci.gif) 18px 0 no-repeat; width: 356px;}
        h1.klapy_autobus {background: url(../images/h_klapy_autobus.gif) 18px 0 no-repeat; width: 356px;}
        h1.zawiasy_autobus {background: url(../images/h_zawiasy_autobus.gif) 18px 0 no-repeat; width: 456px;}
	h1.kontakt {background: url(../images/h_kontakt.gif) 18px 0 no-repeat; width: 97px;}
	h1.ciecie_woda {background: url(../images/h_ciecie_woda.gif) 18px 0 no-repeat; width: 136px;}
	h1.ciecie_laserem {background: url(../images/h_ciecie_laserem.gif) 18px 0 no-repeat; width: 165px;}
        h1.giecie {background: url(../images/h_giecie.gif) 18px 0 no-repeat; width: 324px;}
	h1.spawanie_polautomatyczne {background: url(../images/h_spawanie_polautomatyczne.gif) 18px 0 no-repeat; width: 324px;}
        h1.spawanie_robotem {background: url(../images/h_spawanie_robotem.gif) 18px 0 no-repeat; width: 324px;}
	h1.malowanie {background: url(../images/h_malowanie.gif) 18px 0 no-repeat; width: 496px;}
	h1.zawiasy {background: url(../images/h_zawiasy.gif) 18px 0 no-repeat; width: 97px;}
	h1.filtry {background: url(../images/h_filtry.gif) 18px 0 no-repeat; width: 219px;}
	h1.konstrukcje {background: url(../images/h_konstrukcje_metalowe.gif) 18px 0 no-repeat; width: 246px;}
	h1.skrzynki {background: url(../images/h_skrzynki.gif) 18px 0 no-repeat; width: 535px;}
	h1.ekspozytory {background: url(../images/h_ekspozytory.gif) 18px 0 no-repeat; width: 330px;}
	h1.perforacja {background: url(../images/h_perforacja.gif) 18px 0 no-repeat; width: 330px;}
	h1.obrobka {background: url(../images/h_obrobka.gif) 18px 0 no-repeat; width: 330px;}
	h1.sita {background: url(../images/h_sita.gif) 18px 0 no-repeat; width: 330px;}
	h1.balkony {background: url(../images/h_balkony.gif) 18px 0 no-repeat; width: 330px;}
        h1.ciecie_pila {background: url(../images/h_ciecie_pila.gif) 18px 0 no-repeat; width: 496px;}

ul li {color: #f57101; margin-left: 20px;}
ul li span {color: #032e47;}

#container {width: 868px; margin: 0 auto;}
#flags {background: url(../images/flags_bg_tall.png); height: 42px; margin-bottom: 2px; padding-top:8px; width: 868px; }
	#flags #logo {float: left; margin: -2px 0 0 6px;}
	#flags a img {float: right; margin-right: 15px; margin-top: 10px;}
/*
#flags {background: url(../images/flags_bg.png); height: 25px; margin-bottom: 2px; padding-top:8px; width: 868px; }
	#flags a img {float: right; margin-right: 15px;}
*/

#top {height: 178px;}

#menu {background: url(../images/menu.png?rand=1); height: 43px !important; margin-bottom: 2px;}
	#menu div {float: left;}
	#menu div a {background: url(../images/menu.png); display: block; height: 43px; width: 217px;}
	#menu div a span {display: none;}
	#menu #company a {background-position: 0px 0px;}
	#menu #company a:hover, #menu #company a.active {background-position: 0px -43px;}
	#menu #services a {background-position: 651px 0px;}
	#menu #services a:hover, #menu #services a.active {background-position: 651px -43px;}
	#menu #products a {background-position: 434px 0px;}
	#menu #products a:hover, #menu #products a.active {background-position: 434px -43px;}
	#menu #contact a {background-position: 217px 0px;}
	#menu #contact a:hover, #menu #contact a.active {background-position: 217px -43px;}
	#menu #services a, #menu #products a {cursor: default;}
	
#submenu {position: relative; z-index: 1;}
	#submenu div a {background: url(../images/menu_sub_products.png?rand=1); display: block; width: 216px;}
	#submenu div a span {display: none;}
	#sub_products {background: url(../images/menu_sub_products.png?rand=1); height: 123px; left: 435px; position: absolute; width: 216px;}
		#sub_products div a {background: url(../images/menu_sub_products.png?rand=1); width: 216px;}
		#sub_products #zawiasy a {background-position: 0px 0px; height: 25px;}
		#sub_products #zawiasy a:hover {background-position: -216px 0px;}
		#sub_products #skrzynki_pojemniki_obudowy a {background-position: 0px -25px; height: 40px;}
		#sub_products #skrzynki_pojemniki_obudowy a:hover {background-position: -216px -25px;}
                #sub_products #klapy_autobus a {background-position: 0px -65px; height: 40px;}
		#sub_products #klapy_autobus a:hover {background-position: -216px -65px;}
                #sub_products #zawiasy_autobus a {background-position: 0px -105px; height: 40px;}
		#sub_products #zawiasy_autobus a:hover {background-position: -216px -105px;}
		#sub_products #ekspozytory a {background-position: 0px -145px; height: 25px;}
		#sub_products #ekspozytory a:hover {background-position: -216px -145px;}
		#sub_products #konstrukcje_metalowe a {background-position: 0px -170px; height: 25px;}
		#sub_products #konstrukcje_metalowe a:hover {background-position: -216px -170px;}
		#sub_products #filtry_kwasoodporne a {background-position: 0px -195px; height: 25px;}
		#sub_products #filtry_kwasoodporne a:hover {background-position: -216px -195px;}
		#sub_products #sita a {background-position: 0px -220px; height: 25px;}
		#sub_products #sita a:hover {background-position: -216px -220px;}
		#sub_products #balkony a {background-position: 0px -245px; height: 25px;}
		#sub_products #balkony a:hover {background-position: -216px -245px;}
	#sub_services {background: url(../images/menu_sub_services.png?rand=1); height: 163px; left: 217px; position: absolute; width: 216px;}
		#sub_services div a {background: url(../images/menu_sub_services.png?rand=1); width: 216px;}
		#sub_services #ciecie_woda a {background-position: 0px 0px; height: 25px;}
		#sub_services #ciecie_woda a:hover {background-position: -216px 0px;}
		#sub_services #ciecie_laserem a {background-position: 0px -25px; height: 25px;}
		#sub_services #ciecie_laserem a:hover {background-position: -216px -25px;}
		#sub_services #giecie a {background-position: 0px -48px; height: 27px;}
		#sub_services #giecie a:hover {background-position: -216px -48px;}
                #sub_services #spawanie_polautomatyczne a {background-position: 0px -165px; height: 25px;}
                #sub_services #spawanie_polautomatyczne a:hover {background-position: -216px -165px; height: 25px;}
                #sub_services #spawanie_robotem a {background-position: 0px -190px; height: 40px;}
                #sub_services #spawanie_robotem a:hover {background-position: -216px -190px; height: 40px;}
		#sub_services #malowanie_cynkowanie_anodowanie a {background-position: 0px -75px; height: 38px;}
		#sub_services #malowanie_cynkowanie_anodowanie a:hover {background-position: -216px -75px;}
		#sub_services #perforacja a {background-position: 0px -113px; height: 25px;}
		#sub_services #perforacja a:hover {background-position: -216px -113px;}
		#sub_services #obrobka_skrawaniem a {background-position: 0px -138px; height: 25px;}
		#sub_services #obrobka_skrawaniem a:hover {background-position: -216px -138px;}

                #sub_services #ciecie_pila a {background-position: 0px -230px; height: 25px;}
		#sub_services #ciecie_pila a:hover {background-position: -216px -230px;}



#content {background: #d9ecf0; padding: 20px 25px 20px 25px;}
	#content div.body {padding: 0 20px 0 20px;}

#gallery {background: url(../images/box_gallery.jpg); height: 123px; padding-top: 15px; width: 818px; overflow: hidden;}
	#gallery #images_container {margin-top: 10px; overflow: hidden; position: relative; height: 68px;}
	#gallery #images_container .gallery_group {height: 68px; position: absolute;}
	#gallery img {margin: 0 3px 30px 0; border: 4px solid #eef7f8;}

div.box {margin-top: 15px;}
div.box_narrow {background: url(../images/box_narrow.png); height: 166px; padding-top: 15px; width: 351px;}
div.box_half {background: url(../images/box_half.png); height: 188px; padding-top: 15px; width: 403px;}
div.box_half_short {background: url(../images/box_half_short.png); height: 167px; padding-top: 15px; width: 403px;}

#index {background: url(../images/box_index.jpg); height: 246px; padding: 4px; width: 810px;}
	#index div.body {width: 430px;}
#box_blank {background: url(../images/box_blank.png); height: 130px; padding: 4px; width: 810px;}
	#box_blank div.body {width: 530px;}
#ciecie_woda_ {background: url(../images/box_ciecie_woda.jpg); height: 130px; padding: 4px; width: 810px;}
	#ciecie_woda_ div.body {width: 520px;}
#ciecie_laserem_ {background: url(../images/box_ciecie_laserem.jpg); height: 130px; padding: 4px; width: 810px;}
	#ciecie_laserem_ div.body {width: 400px;}
#giecie_ {background: url(../images/box_giecie.jpg); height: 130px; padding: 4px; width: 810px;}
	#giecie_ div.body {width: 450px;}
#spawanie_polautomatyczne_ {background: url(../images/box_ciecie_giecie_spawanie.jpg); height: 159px; padding: 4px; width: 810px;}
	#spawanie_polautomatyczne_ div.body {width: 500px;}
#spawanie_robotem_ {background: url(../images/box_spawanie_robotem.jpg); height: 130px; padding: 4px; width: 810px;}
	#spawanie_robotem_ div.body {width: 600px;}
#malowanie_ {background: url(../images/box_malowanie.jpg); height: 130px; padding: 4px; width: 810px;}
	#malowanie_ div.body {width: 410px;}
#zawiasy_ {background: url(../images/box_zawiasy.jpg); height: 159px; padding: 4px; width: 810px;}
	#zawiasy_ div.body {width: 570px;}
#filtry_ {background: url(../images/box_filtry.jpg); height: 159px; padding: 4px; width: 810px;}
	#filtry_ div.body {width: 540px;}
#konstrukcje_ {background: url(../images/box_konstrukcje.jpg); height: 130px; padding: 4px; width: 810px;}
	#konstrukcje_ div.body {width: 540px;}
#ekspozytory_ {background: url(../images/box_ekspozytory.jpg); height: 130px; padding: 4px; width: 810px;}
	#ekspozytory_ div.body {width: 640px;}
#skrzynki_ {background: url(../images/box_skrzynki_pojemniki_obudowy.jpg); height: 201px; padding: 4px; width: 810px;}
	#skrzynki_ div.body {width: 460px;}
#perforacja_ {background: url(../images/box_perforacja.jpg); height: 130px; padding: 4px; width: 810px;}
	#perforacja_ div.body {width: 540px;}
#obrobka_ {background: url(../images/box_obrobka.jpg); height: 130px; padding: 4px; width: 810px;}
	#obrobka_ div.body {width: 540px;}
#sita_ {background: url(../images/box_sita.jpg); height: 130px; padding: 4px; width: 810px;}
	#sita_ div.body {width: 615px;}
#balkony_ {background: url(../images/box_balkony.jpg); height: 130px; padding: 4px; width: 810px;}
	#balkony_ div.body {width: 580px;}
#kontakt {background: url(../images/box_kontakt_02.png) no-repeat bottom;}
    #kontakt a {text-decoration: none; color: #F57101;}
    #kontakt a:HOVER {text-decoration: underline;}
	#kontakt #kontakt-background {background: url(../images/box_kontakt_01.png) no-repeat top left; width: 297px; padding: 4px 4px 10px 4px;}
#map {height: 518px; margin: 0 0 0 20px; width: 470px; z-index: 0;}

.news .readMore {float: right;}
.news p.news strong {font-size: 11px;}

#ue {margin-top: 7px; }
#ue img {vertical-align: top; float: left; margin-right: 8px;}

#ueBanner {text-align: center; margin-top: 20px;}

#footer {color: #ecf7fa; clear: both; font-size: 9px; height: 20px; line-height: 20px; margin-top: 4px; margin-right: 10px; text-align: right;}
	#footer a {color: #ecf7fa; text-decoration: none;}
	#footer a:hover {text-decoration: underline;}
#footer * {color: #ffffff;}
#footer #rzetelnaFirma {float: left; height: 30px; width: 350px; margin-left: 4px;}
#footer #copyright {line-height: 30px;}
#footer #rzetelnaFirma a {line-height: 30px !important; display: block; float: left;}
#footer #rzetelnaFirma a.img {width: 63px; margin-right: 6px;}