/* 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 Verdana; color: black;}
img, a img { border: 0px none; margin: 0; }

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

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

div#top {width: 994px; height: 295px; padding:0; margin:0; background: url(i/top.jpg) top left no-repeat;}
div#logo {width: 990px; height: 233px; padding:0; margin:0;}
div#top-link {position: relative; float: left; width: 900px; height: 200px; margin: 0 0 0 0; }
div#top-link a {float: left; width: 900px; height: 98%;  }
#top-menu {float: left; width: 784px; height: 62px; padding: 0 0 0 0; margin: 0 0 0 11px;  background: url(i/menu-tlo.png) top left repeat-x;}
#top-menu ul {width: 760px; font: bold 12px Tahoma; padding: 0; margin: 0; list-style-type: none; height: 62px; }
#top-menu ul li {line-height: 0; float: left; padding: 0; height: 62px; }
#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 1em; background: url(i/menu1.png) top center no-repeat; margin: 0 23px 0 23px;}
#top-menu ul li a:hover {text-decoration: none; background: url(i/menu1-h.png) top center no-repeat;}
#top-menu ul li.m1 a {text-align: center; text-decoration: none; float: left; height: 100%; padding: 0 1em; background: url(i/menu1.png) top center no-repeat; margin: 0 23px 0 44px;}
#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 1em; 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 1em; 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 1em; 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 1em; 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 1em; 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;}


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

div#home-offert-box {float: left; width:316px; height:141px; background: white; border: 1px solid rgb(223,223,223); border-top: 4px solid rgb(3,123,196); padding:0;}
div#home-offert-box.offert-box1 {background: url(i/hoffert1.gif) top left no-repeat; margin: 9px 0 9px 0;}
div#home-offert-box.offert-box2 {background: url(i/hoffert2.gif) top left no-repeat; margin: 9px 9px 0 9px;}
div#home-offert-box.offert-box3 {background: url(i/hoffert3.gif) top left no-repeat; margin: 9px 0 9px 0}
div#home-offert-box.offert-box4 {background: url(i/hoffert4.gif) top left no-repeat; margin: 0 0 9px 0}
div#home-offert-box.offert-box5 {background: url(i/hoffert5.gif) top left no-repeat; margin: 0 9px 0 9px;}
div#home-offert-box.offert-box6 {background: url(i/hoffert6.gif) top left no-repeat; margin: 0 0 9px 0}
div#home-offert-box p {padding: 20px 18px 0 18px; font: 10px Tahoma; line-height: 170%; clear:both; text-align: justify; }

#home-offert-all {float: left; width: 97px; height: 24px; padding: 0 0 0 0; margin: 12px 0 0 202px; }
ul#offert-all {width: 97px; font: bold 11px Tahoma; padding: 0; margin: 0; list-style-type: none; height: 24px; }
ul#offert-all li {line-height: 2em; float: left; padding: 0; height: 24px; width: 97px;}
ul#offert-all li a {text-align: center; text-decoration: none; float: left; height: 100%; width: 97px; padding: 0; background: url(i/offert-all.png) top center no-repeat; margin: 0 0 0 0;}
ul#offert-all li a:hover {text-decoration: none; background: url(i/offert-all-h.png) top center no-repeat;}


div#home-txt-box {float: left; width:643px; height:222px; background: white url(i/home-tlo.jpg) top left no-repeat; border: 1px solid rgb(223,223,223); padding:0; margin: 17px 9px 0 0;}
div#home-txt-box p {padding: 4px 30px 0 30px; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#home-txt-box #naglowek {padding: 20px 30px 0 30px; margin:0; font: bold 14px Tahoma;}


div#news-box {float: left; width:318px; height:224px; background: rgb(3,123,196) url(i/news-box-tlo.png) top left no-repeat; padding:0; margin: 17px 0 0 0;}
#news-all {float: left; width: 117px; height: 17px; padding: 0 0 0 0; margin: 15px 0 0 190px; }
ul#news-all-ul {width: 117px; font: bold 11px Tahoma; padding: 0; margin: 0; list-style-type: none; height: 17px; }
ul#news-all-ul li {line-height: 1.5em; float: left; padding: 0; height: 17px; width: 117px;}
ul#news-all-ul li a {text-align: center; text-decoration: none; float: left; height: 100%; width: 117px; padding: 0; background: url(i/news-box-all.png) top center no-repeat; margin: 0 0 0 0;}
ul#news-all-ul li a:hover {text-decoration: none; background: url(i/news-box-all-h.png) top center no-repeat; color: rgb(3,99,158)}
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: 11px Tahoma; line-height: 160%;}
div#news-box p #news-box-txt {font: 10px Tahoma; line-height: 160%;}


div#stopka {float: left; padding:0 0 0 0; margin:0 0 0 0; width: 972px; height: 46px; border-top: 1px solid rgb(223,223,223);}
div#stopka #stopka-copy {position: relative; float: left; width: 300px; margin: 12px 0 0 16px; 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: 200px; margin: 16px 16px 0 0; font: 10px Tahoma; color: rgb(153,153,153); text-align: right;}
div#stopka #stopka-powered a:link, div#stopka #stopka-powered a:visited {color: rgb(153,153,153); font: bold 10px Tahoma;}


#stopka-menu {float: left; padding:0 0 0 0; margin:0 0 9px 0; width: 970px; height: 20px; border: 1px solid rgb(223,223,223);}
#stopka-menu ul {margin: 0; padding: 4px 0 0 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: #c0c0c0; text-decoration: none; font: 10px Tahoma;}
#stopka-menu ul li a:hover {color: ; text-decoration: underline;}


div#txt-box {float: left; width:643px;  background: white; border: 1px solid rgb(223,223,223); padding:0 0 10px 0; margin: 17px 9px 9px 0;}
div#txt-box p {padding: 4px 30px 8px 30px; font: 11px Tahoma; line-height: 160%; clear:both; text-align: justify;}
div#txt-box #naglowek {padding: 20px 30px 5px 30px; margin:0; font: bold 16px Tahoma;}

div#oferta-box {float: left; width:318px; background: rgb(149,8,8) url(i/oferta-box-tlo.png) top left no-repeat; padding:0; margin: 17px 0 0 0;}

#sub-nav{padding:40px 0 9px 0;margin:0;}
#sub-nav ul{list-style:none;margin:0 0 -1px;overflow:hidden;padding:10px 0 0; font: 12px Tahoma;}
#sub-nav ul li{margin:0 8px;padding:0 0 1px; border-bottom: 1px solid rgb(148,59,59);}
#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(0,145,255) 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:rgb(0,145,255) url(i/smar.png) 10px no-repeat;margin:0 15px 0; 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(0,145,255) 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;}

div#news {float: left; width: 580px; height: 40px; padding:0; margin:5px 0 0 30px; line-height: 160%;}
div#news-title {float: left; width: 480px; padding:0; margin:0 0 0 0; font:  11px Tahoma; color: rgb(3,99,158);}
div#news-title a:link, div#news-title a:visited {color: rgb(3,99,158); font: bold 12px Tahoma;}
span#news-date {font: 12px Tahoma; color: #666666;}

div#news-b {float: left; width: 97px; padding:0; margin:0 0 0 0; }
#stronicowanie {clear:both; margin:0 auto; width: 500px; text-align: center; font: bold 11px Tahoma; padding: 1em; }
#stronicowanie a:link, #stronicowanie a:visited {color: rgb(18,157,210); text-decoration: none;}
#stronicowanie a:hover {color: rgb(132,197,113); text-decoration: underline;}
#stronicowanie2 {clear:both; margin:0 auto; width: 500px; text-align: center; font: 10px Tahoma; padding: 1em; }

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