/* html i body */
html, body {margin:0; text-align: center;  background: white url(i/tlo.png) top center repeat-x;}
	
body, table, td { font: 11px Tahoma; color: black;}
img, a img { border: 0px none; margin: 0; }

a:link {color: black; text-decoration: none}
a:visited {color: black; text-decoration: none}
a:hover {color: black; text-decoration:underline }
.clear{clear:both; font: 0px Arial; width:99%;}

div#main {clear:both; margin:0 auto;  text-align:left; width: 980px; }

div#top {width: 980px; height: 113px; padding:0; margin:0; background: url(i/top.png) top left no-repeat;}
div#top-led {width: 980px; height: 113px; padding:0; margin:0; background: url(i/top-led.png) top left no-repeat;}
div#top-car {width: 980px; height: 113px; padding:0; margin:0; background: url(i/top-3d.png) top left no-repeat;}
div#top-link {position: relative; float: left; width: 500px; height: 110px; margin: 0 0 0 0; }
div#top-link a {float: left; width: 500px; height: 98%;  }

div#topfoto {width: 980px; height: 220px; padding:0; margin:0;}
div#topfoto-led {width: 980px; height: 220px; padding:0; margin:0; background: url(i/topfoto-led.jpg) top left no-repeat;}
div#topfoto-car {width: 980px; height: 220px; padding:0; margin:0; background: url(i/topfoto-car.jpg) top left no-repeat;}

#top-menu {width: 980px; height: 52px; padding: 15px 0 0 0; margin: 0 0 0 0;  background: url(i/menu.jpg) top left no-repeat;}
#top-menu ul {width: 980px; font: bold 12px Tahoma; padding: 0; margin: 0 0 0 4px; list-style-type: none; height: 39px; }
#top-menu ul li {line-height: 0; float: left; padding: 0; height: 39px; }
#top-menu ul li a span {visibility:hidden;}
#top-menu ul li a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; margin: 0 9px 0 8px;}
#top-menu ul li a:hover {text-decoration: none; }
#top-menu ul li.m1 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu1.png) top center no-repeat;}
#top-menu ul li.m1 a:hover {color: white; text-decoration: none; background: url(i/menu1-h.png) top center no-repeat;}
#top-menu ul li.m2 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu2.png) top center no-repeat; }
#top-menu ul li.m2 a:hover {color: white; text-decoration: none; background: url(i/menu2-h.png) top center no-repeat;}
#top-menu ul li.m3 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu3.png) top center no-repeat; }
#top-menu ul li.m3 a:hover {text-decoration: none; background: url(i/menu3-h.png) top center no-repeat;}
#top-menu ul li.m4 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu4.png) top center no-repeat; }
#top-menu ul li.m4 a:hover {text-decoration: none; background: url(i/menu4-h.png) top center no-repeat;}
#top-menu ul li.m5 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu5.png) top center no-repeat; }
#top-menu ul li.m5 a:hover {text-decoration: none; background: url(i/menu5-h.png) top center no-repeat;}
#top-menu ul li.m6 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu6.png) top center no-repeat; }
#top-menu ul li.m6 a:hover {text-decoration: none; background: url(i/menu6-h.png) top center no-repeat;}
#top-menu ul li.m7 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu7.png) top center no-repeat; }
#top-menu ul li.m7 a:hover {text-decoration: none; background: url(i/menu7-h.png) top center no-repeat;}
#top-menu ul li.m8 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu8.png) top center no-repeat; }
#top-menu ul li.m8 a:hover {text-decoration: none; background: url(i/menu8-h.png) top center no-repeat;}
#top-menu ul li.m9 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1.2em; background: url(i/menu9.png) top center no-repeat; }
#top-menu ul li.m9 a:hover {text-decoration: none; background: url(i/menu9-h.png) top center no-repeat;}



div#main-ct {text-align:left; width: 100%; background: url(i/ct-center-tlo.png) top center no-repeat;}
div#main-center {clear:both; margin:0 auto;  text-align:left; width: 980px;  background: url(i/ct-tlo.png) top right no-repeat;}


div#stopka {float: left; padding:0 0 0 0; margin:0 0 0 0; width: 980px; height: 80px; background: url(i/stopka.png) top center no-repeat;}
div#stopka #stopka-copy {position: relative; float: left; width: 750px; margin: 22px 0 0 26px; font: 11px Tahoma; color: #333333;}
div#stopka #stopka-copy a:link, div#stopka #stopka-copy a:visited {color: #333333; font: 11px Tahoma;}
div#stopka #stopka-powered {position: relative; float: right; width: 150px; margin: 26px 26px 0 0; font: 11px Tahoma; color: #333333; text-align: right;}
div#stopka #stopka-powered a:link, div#stopka #stopka-powered a:visited {color: #333333; font: bold 10px Tahoma;}


#stopka-menu {float: left; padding:0 0 0 0; margin:9px 0 9px 0; width: 980px; height: 20px; }
#stopka-menu ul {margin: 0; padding: 4px 0 4px 0; padding-left: 1em;}
#stopka-menu li {float: left; padding: 0 0.7em;  list-style-type: none; line-height: 0; height: 20px;}
#stopka-menu ul li a:link, #stopka-menu ul li a:visited {color: rgb(127,127,127); text-decoration: none; font: 11px Tahoma;}
#stopka-menu ul li a:hover {color: rgb(127,127,127); text-decoration: underline;}



div#home-txt-box {float: left; width:436px; padding:0; margin: 28px 0 10px 32px;}
div#home-txt-box p {padding: 4px 0 0 0; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#home-txt-box #naglowek {padding: 0 0 0 0; margin:0; font: bold 12px Tahoma;}

div#home-box1 {float: right; width:479px; height:195px; background: url(i/home-box1.jpg) top left no-repeat; padding:0; margin: 0 0 4px 0;}

div#news-box {float: right; width:479px; height:195px; background: url(i/home-box2.png) top left no-repeat; padding:0; margin: 0 0 0 0;}
#news-all {float: right; width: 117px; height: 17px; padding: 0 0 0 0; margin: 4px 4px 0 0; }
ul#news-all-ul {width: 117px; font: bold 11px Tahoma; padding: 0; margin: 0; list-style-type: none; height: 29px; }
ul#news-all-ul li {line-height: 2.5em; float: left; padding: 0; height: 29px; width: 117px;}
ul#news-all-ul li a {text-align: center; text-decoration: none; color: white; float: left; height: 100%; width: 117px; padding: 0; background: url(i/home-news-all.png) top center no-repeat; margin: 0 0 0 0;}
ul#news-all-ul li a:hover {text-decoration: underline; color: white;}
div#news-box p {margin:0; padding: 20px 20px 0 20px; color: white; font: 11px Tahoma;  clear:both; text-align: justify;}
div#news-box p a {color: white;}
div#news-box p #news-box-nag {font: 12px Tahoma; line-height: 160%;}
div#news-box p #news-box-txt {font: 11px Tahoma; line-height: 160%;}


div#home-txt-box ul {list-style-type: none; padding: 5px 0 2px 0; margin: 0;}
div#home-txt-box ul li {background: url(i/ar1.png) left no-repeat; padding: 0 0 0 38px; margin: 7px 0 7px 8px; font: 11px Tahoma;}




div#txt-box {float: left; width:640px; min-height: 400px; padding:0; margin: 28px 0 10px 32px;}
div#txt-box p {padding: 4px 0 0 0; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#txt-box #naglowek {padding: 0 0 0 0; margin:0; font: 18px Trebuchet MS; color: rgb(253,99,2);}


div#txt-box ul {list-style-type: none; padding: 5px 0 2px 0; margin: 0;}
div#txt-box ul li {background: url(i/ar1.png) left no-repeat; padding: 0 0 0 40px; margin: 8px 0 8px 10px; font: 11px Tahoma;}



div#subnav-box {float: right; width:269px; background: url(i/subm-tlo.png) top left repeat-y; padding:0; margin: 0 0 4px 0;}

#sub-nav{padding:2px 0 9px 0;margin:0; background: url(i/subm-top.png) top left no-repeat;}
#sub-nav ul{list-style:none;margin:0 0 -1px;overflow:hidden;padding:14px 0 0; font: 12px Tahoma;}
#sub-nav ul li{margin:0 12px;padding:0 0 1px; border-bottom: 1px dotted rgb(152,152,152);}
#sub-nav ul li a{color:#FFF;display:block;padding:8px 10px 8px 30px;overflow:hidden; text-decoration:none; font: 12px Tahoma;}
#sub-nav ul li a:hover,#sub-nav ul li a:focus,#sub-nav ul li a:active{background: rgb(253,99,2) url(i/smar.png) 10px no-repeat;text-decoration:none;color:white; font: 12px Tahoma;}
#sub-nav ul li a.active{background: rgb(0,145,255) url(i/smar.png) 10px no-repeat; color:white; font: 12px Tahoma;}
#sub-nav ul li ul{padding:0;}
#sub-nav ul li ul li{background:url(i/smar.png) 10px no-repeat;margin:0 0 0 15px; border-top: 1px dotted rgb(152,152,152); border-bottom:0;}
#sub-nav ul li ul li a{padding:7px 0 7px 30px; font: 11px Tahoma;}
#sub-nav ul li ul li a:hover,#sub-nav ul li ul li a:focus,#sub-nav ul li ul li a:active{text-decoration:underline;background: rgb(253,99,2) url(i/smar.png) 10px no-repeat;color:#FFF;  font: 11px Tahoma;}
#sub-nav ul li ul li a.active{color:#FFF;background: rgb(0,145,255) url(i/smar.png) 10px no-repeat;  font: 11px Tahoma;}
#sub-nav-bott {padding:0 0 0 0;margin:0; height: 24px; background: url(i/subm-bott.png) bottom left no-repeat;}

div#sub-box1 {float: right; width:269px; height: 103px; background: url(i/subbox-tlo1.png) top left no-repeat; padding:0; margin: 0 0 0 0;}
div#sub-box1 p {margin:0 ; padding: 10px; text-align: center;}

div#sub-box2 {float: right; width:269px; padding:0; margin: 0 0 0 0;}
div#sub-box2 p {margin:0 ; padding: 0; text-align: center;}


div#kontakt-txt-box {float: left; width:410px; padding:0; margin: 28px 0 10px 32px;}
div#kontakt-txt-box p {padding: 4px 0 0 0; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#kontakt-txt-box #naglowek {padding: 0 0 0 0; margin:0; font: 18px Trebuchet MS; color: rgb(253,99,2);}
div#kontakt-txt-box ul {list-style-type: none; padding: 5px 0 2px 0; margin: 0;}
div#kontakt-txt-box ul li {background: url(i/ar1.png) left no-repeat; padding: 0 0 0 40px; margin: 8px 0 8px 10px; font: 11px Tahoma;}

div#kontakt-box1 {float: right; width:479px; height: 120px; background: url(i/kontakt-box1.png) top left no-repeat; padding:0; margin: 0 0 0 0; margin-bottom: 4px;}
div#kontakt-box1 p {margin:0 ; padding: 20px 14px 0 14px; text-align: justify; line-height: 170%;}

div#kontakt-box2 {float: right; width:479px; height: 380px; background: url(i/kontakt-box2.png) top left no-repeat; padding:0; margin: 0 0 0 0;}
div#kontakt-box2 p {margin:0 ; padding: 10px 10px 0 14px; text-align: justify; line-height: 160%;}




div#retxt-box {float: left; width:640px; padding:0; margin: 28px 0 10px 32px;}
div#retxt-box p {padding: 4px 0 0 0; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#retxt-box #naglowek {padding: 0 0 0 0; margin:0; font: 18px Trebuchet MS; color: rgb(253,99,2);}

div#realizacje #re-left-all {margin:0; padding:0; float: left; position: relative; width: 380px; background: url(i/re-left-tlo.png) top left no-repeat;}
div#realizacje {border-bottom: 1px dotted rgb(204,204,204); margin:22px 0 0 6px; padding:0; position: relative;}
div#realizacje #re-left {margin:0; padding:0; float: left; position: relative; width: 380px; height: 220px; background: url(i/re-left-tlo.png) top left no-repeat;}
div#realizacje #re-right {margin:0; padding:0; float: left; position: relative; width: 249px; background: url(i/re-right-tlo.png) top left no-repeat;}

div#realizacje #re-foto {margin:9px 0 0 6px; padding:0; position: relative; width: 368px; height: 148px;}
#realizacje-all {width: 117px; height: 27px; padding: 0 0 0 0; margin: 20px 0 0 14px; }
#realizacje-all ul#realizacje-all-ul {width: 117px; font: bold 11px Tahoma; padding: 0; margin: 0; list-style-type: none; height: 27px; }
#realizacje-all ul#realizacje-all-ul li { float: left; padding: 0; height: 27px; width: 117px; font: bold 11px Tahoma; }
#realizacje-all ul#realizacje-all-ul li a {text-align: center; color: white; text-decoration: none; float: left; height: 98%; width: 117px; padding: 0.6em 0 0 0; background: url(i/re-butt-t.png) top center no-repeat; margin: 0 0 0 0;}
#realizacje-all ul#realizacje-all-ul li a:hover {text-decoration: underline; color: white; background: url(i/re-butt-h.png) top center no-repeat; }
div#realizacje #re-tytul {margin:10px 0 2px 0; padding:0; position: relative; text-align: center; font: bold 11px Tahoma; color: white;}
div#realizacje #re-klient {margin:15px 0 2px 12px; padding:0; position: relative; text-align: left; font: 11px Tahoma; color: white;}
div#realizacje #re-opis {margin:14px 0 4px 12px; padding:0; position: relative; text-align: left; font: 10px Tahoma; color: black;}
div#realizacje #re-opis p {font: 10px Tahoma; padding:0; margin:0 0 2px 0;}
div#realizacje #re-opis ul {list-style-type: none; padding: 4px 0 0 0; margin: 0;}
div#realizacje #re-opis ul li {background: url(i/re-ar1.png) left no-repeat; padding: 0 0 0 28px; margin: 4px 0 10px 0; font: 10px Tahoma;}
div#realizacje #re-opis ul li:hover {background: url(i/re-ar2.png) left no-repeat; padding: 0 0 0 32px; margin: 4px 0 10px 0; font: 10px Tahoma;}
div#realizacje #re-typ {float: right; margin:112px 0 2px 0; padding: 13px 0 0 4px; position: relative; text-align: center; font: bold 10px Tahoma; color: white; background: url(i/re-typ.png) top left no-repeat; width: 158px; height: 28px;}


div#aktualnosci {border-bottom: 1px dotted rgb(204,204,204); margin:18px 0 0 6px; padding:0; position: relative;}
div#aktualnosci #akt-data {margin:0 0 0 0; padding: 6px 0 0 0; float: left; position: relative; text-align: center; font: 11px Tahoma; color: white; width: 73px; height: 26px; background: url(i/aktu-data.png) top left no-repeat;}
div#aktualnosci #akt-tytul {margin:6px 0 0 0; float: right; padding:0; width: 550px; position: relative; text-align: left; font: bold 12px Tahoma; color: black;}
div#aktualnosci #akt-text {margin:6px 0 18px 0; float: right; width: 550px; padding:0; position: relative; text-align: left; font: 11px Tahoma; color: black; line-height: 170%; text-align: justify;}
div#aktualnosci #akt-text a:link, div#aktualnosci #akt-text a:visited {color: #F14C01; }
div#aktualnosci #akt-tytul2 {margin:6px 0 8px 0; float: right; padding:0; width: 550px; position: relative; text-align: left; font: bold 13px Tahoma; color: black;}
div#aktualnosci #akt-text2 {margin:6px 0 18px 0; float: right; width: 550px; padding:0; position: relative; text-align: left; font: 12px Tahoma; color: black; line-height: 170%; text-align: justify;}
div#aktualnosci #akt-text2 a:link, div#aktualnosci #akt-text a:visited {color: #F14C01; }
div#aktualnosci #akt-text2 p {padding:4px 0 6px 0; margin:0;}
div#aktualnosci #akt-text2 ul {list-style-type: none; padding: 5px 0 2px 0; margin: 0;}
div#aktualnosci #akt-text2 ul li {background: url(i/ar1.png) left no-repeat; padding: 0 0 0 40px; margin: 8px 0 8px 10px; font: 11px Tahoma;}
div#aktualnosci #akt-text2 img {margin: 5px;}

blockquote {padding: 5px 0 6px 34px; margin: 5px 3px 3px 3px; font: italic 12px Trebuchet MS; color: #666666; background: url(i/blockquote.png) top left no-repeat;}


#stronicowanie {margin:0; float: left; text-align: left; font: bold 11px Tahoma; padding: 16px 0 10px 4px; }
#stronicowanie a:link, #stronicowanie a:visited {color: rgb(18,157,210); text-decoration: none; border: 1px dotted rgb(204,204,204); padding: 6px 8px 6px 8px; margin: 3px; color: rgb(51,51,51);}
#stronicowanie a:hover {color: white; text-decoration: none; background: #FD6302;}
#stronicowanie a.selekt:link, #stronicowanie a.selekt:visited {color: #666666; text-decoration: none; border: 1px dotted rgb(204,204,204);  padding: 6px 8px 6px 8px; margin: 3px; background: #D4D4D4;}
#stronicowanie a.selekt:hover {color: #888888; text-decoration: none; background: #D4D4D4;}

#stronicowanie2 {margin: 0; float: right; width: 150px; text-align: right; font: 10px Tahoma; padding: 1em; }


div#txtself-box {float: left; width:900px; padding:0; margin: 28px 0 10px 32px;}
div#txtself-box p {padding: 4px 0 0 0; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#txtself-box #naglowek {padding: 0 0 0 0; margin:0; font: 18px Trebuchet MS; color: rgb(253,99,2);}

div#txtself-box ul {list-style-type: none; padding: 5px 0 2px 0; margin: 0;}
div#txtself-box ul li {background: url(i/ar1.png) left no-repeat; padding: 0 0 0 40px; margin: 8px 0 8px 10px; font: 11px Tahoma;}


div#txtself-ledbox {float: left; width:900px; padding:0; margin: 28px 0 10px 32px;}
div#txtself-ledbox p {padding: 4px 0 0 0; font: 12px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#txtself-ledbox #naglowek {padding: 0 0 0 0; margin:0; font: 18px Trebuchet MS; color: rgb(253,99,2);}

div#txtself-ledbox ul {list-style-type: none; padding: 5px 0 2px 0; margin: 0;}
div#txtself-ledbox ul li {background: url(i/ar1.png) top left no-repeat; padding: 0 0 3px 40px; margin: 4px 0 8px 10px; font: 11px Tahoma; line-height: 160%; text-align: justify;}

div#txtself-ledbox ol {list-style-type: none; padding: 0 0 0 0; margin: 0;}
div#txtself-ledbox ol li {background: url(i/ar-ol.png) top left no-repeat; padding: 3px 20px 10px 50px; margin: 5px 0 0 20px; font: 12px Tahoma; line-height: 170%; text-align: justify;}




div#txtself-box-mapa {float: left; width:900px; padding:0; margin: 28px 0 10px 32px;}
div#txtself-box-mapa p {padding: 4px 0 0 0; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#txtself-box-mapa #naglowek {padding: 0 0 0 0; margin:0; font: 18px Trebuchet MS; color: rgb(253,99,2);}

div#txtself-box-mapa ul {list-style-type: none; padding: 5px 0 2px 0; margin: 0;}
div#txtself-box-mapa ul li {background: url(i/mapa-ar1.png) top left no-repeat; padding: 3px 0 6px 30px; margin: 0; font: 11px Tahoma;}
div#txtself-box-mapa ul li#first {background: url(i/mapa-ar2.png) top left no-repeat; padding: 3px 0 6px 30px; margin: 0; font: 11px Tahoma;}
div#txtself-box-mapa ul li#last {background: url(i/mapa-ar3.png) top left no-repeat; padding: 3px 0 6px 30px; margin: 0; font: 11px Tahoma;}
div#txtself-box-mapa ul ul li {background: url(i/mapa-ar1.png) top left no-repeat; padding: 3px 0 6px 30px; margin: 0 0 0 8px; font: 11px Tahoma;}
div#txtself-box-mapa ul ul li#first {background: url(i/mapa-ar2.png) top left no-repeat; padding: 3px 0 6px 30px; margin: 0 0 0 8px; font: 11px Tahoma;}
div#txtself-box-mapa ul ul li#last {background: url(i/mapa-ar3.png) top left no-repeat; padding: 3px 0 6px 30px; margin: 0 0 0 8px; font: 11px Tahoma;}




div#certyfikaty {float: left; padding: 10px; margin:10px; width: 120px; height: 150px; text-align: center;}
div#certyfikaty p {margin:0; padding:0; text-align: center; }
div#certyfikaty img {border: 1px solid rgb(223,223,223);}