body{font: normal 12px "Trebuchet MS",Arial; line-height: 100%; background: #3f3947 url(../images/bckg.png) repeat-y top center; color: #ffc500}
a:link{font: normal 12px "Trebuchet MS",Arial; color: #ffd745; text-decoration: none}
a:visited{font: normal 12px "Trebuchet MS",Arial; color: #ffd745; text-decoration: none}
a:hover{font: normal 12px "Trebuchet MS",Arial; color: #fff; text-decoration: none}
a:active{font: normal 12px "Trebuchet MS",Arial; color: #fff; text-decoration: none}
*{margin: 0; padding: 0}
img{display: block}
a img{border: none}
a{outline: none}

h1{color: #ffd745; margin: 12px 0 20px 0; font: bold 14px; font-size: 14px}
h2{color: #fff; margin-bottom: 10px; font: bold 12px; font-size: 12px}
h3{color: #fff; margin-bottom: 10px; font: bold 12px; font-size: 12px}
h4{color: #ffd745; margin-bottom: 8px; font: normal 12px; font-size: 12px; text-decoration: underline}
ul{margin-bottom: 15px}
p{ margin: 0 0 5px 0; text-indent: 0}
cit{font-family: Tahoma, Arial; font-size: 14px; color: #ffd745; margin-top: 10px}
.nofloat{clear: both}

#content{width: 780px; position: absolute; top: 0px; left: 50%; margin-left: -390px}
#header{position: relative; width: 780px; height: 296px; background: url(../images/hdr.jpg) no-repeat 260px 62px}
#middle{position: relative; min-height: 200px; _height: 200px}
#footer{position: relative; width: 780px; height: 42px; background: url(../images/pagefooter.png) no-repeat top center; clear: both}
#logo{position: absolute; left: 0; top: 62px; z-index: 21}

#col1{width: 260px; float: left; color: #ffd745; position: relative; display: inline}
#col2{width: 180px; float: left; margin-top: 20px; position: relative; display: inline}
#col3{width: 290px; float: right; margin-top: 20px; margin-bottom: 20px; line-height: 120%; position: relative; display: inline}

#header a#tel{display: block; width: 260px; height: 90px; position: absolute; bottom: 0; left: 0; background: url(../images/tel.png) no-repeat center center; margin: 0; text-indent: -5000px}

ul#menu1{height: 10px; list-style: none; width: 177px; position: absolute; top: 28px; right: 5px}
ul#menu1 li{float: left; height: 10px}
ul#menu1 li a{line-height: 10px; height: 10px; display: block; font: 14px "Trebuchet MS"; color: #ffd745; text-indent: -5000px; border: 1px none red}
ul#menu1 li#home a{width: 61px; background: url(../images/menu1_home.png) no-repeat center center}
ul#menu1 li#kontakt a{width: 74px; background: url(../images/menu1_kontakt.gif) no-repeat center center; margin-left: 42px}

ul#menu2{width: 520px; height: 90px; background: url(../images/pagehdr.png) no-repeat bottom right; position: absolute; left: 260px; bottom: 0; list-style: none; margin: 0; z-index: 21}
ul#menu2 li{display: block; float: left; height: 60px}
ul#menu2 li a{display: block; height: 60px; text-indent: -5000px}
ul#menu2 li#nowosci a{width: 150px; background: url(../images/menu2_nowosci.png) no-repeat center center}
ul#menu2 li#produkty a{width: 135px; background: url(../images/menu2_produkty.png) no-repeat center center}
ul#menu2 li#onas a{width: 120px; background: url(../images/menu2_onas.png) no-repeat center center}
ul#menu2 li#serwis a{width: 115px; background: url(../images/menu2_serwis.png) no-repeat center center}

div#menu3{list-style: none; width: 260px; background: url(../images/menu3_bckg_.png) repeat-y center left;  _margin-bottom: -10px; position: relative}
div#menu3 span{display: block; width: 271px; height: 32px; border: 1px none blue; position: relative}
div#menu3 span u{
	display: block;
	width: 65px;
	height: 62px;
	background: url(../images/dioda.png) no-repeat 0 0;
	_background: url(../images/dioda_ie.png) no-repeat 0 0;
/*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/dioda.png', sizingMethod='image');*/ 	position: absolute;
	z-index: 60;
	margin: -8px 0 0 -24px;
	left: -1px;
}
div#menu3 span u.blu{background: url(../images/dioda_blue.png) no-repeat 0 0; _background: url(../images/dioda_blue_ie.png) no-repeat 0 0}
div#menu3 span a{display: block; width: 260px; height: 100%; text-indent: -5000px; border: 1px none green}
div#menu3 span#przenosne{height: 16px; background: url(../images/menu3_przen.png) no-repeat top left; _overflow: hidden}
div#menu3 span#przenosne u{margin-top: -22px}
div#menu3 span#ir{background: url(../images/menu3_ir.png) no-repeat center left}
div#menu3 span#stacjonarne{background: url(../images/menu3_stacj.png) no-repeat center left}
div#menu3 span#reczne{background: url(../images/menu3_reki.png) no-repeat top left}
div#menu3 span#kondycjonery{background: url(../images/menu3_kondycjonery.png) no-repeat center left}
div#menu3 p{display: block; width: 236px; background: url(../images/menu3_bckg.png) repeat-y center right; padding: 0 15px 0 22px !important; border: 1px none red; margin-left: -2px; _background-position: center left; _margin-left: -3px; text-indent: 0; margin-bottom: 0}
div#menu3 p u{width: 271px; height: 12px; display: block; background: #f00; margin-left: -23px; _margin-left: -22px; background: url(../images/menu3_li_top.png) no-repeat bottom left; line-height: 1px; font-size: 1px}
div#menu3 p b{width: 271px; height: 12px; display: block; background: #f00; margin-left: -23px; _margin-left: -22px; background: url(../images/menu3_li_bottom.png) no-repeat bottom left; line-height: 1px; font-size: 1px}
div#menu3 .f{width: 271px; height: 14px; background: url(../images/menu3_ul_footer.png) no-repeat top center; border: 1px none red; line-height: 1px; font-size: 1px}
.r{width: 260px; height: 30px; background: url(../images/menu3_footer.png) no-repeat left center}
.p{width: 272px; height: 397px; background: url(../images/part.png) no-repeat top center; margin-left: -16px}
.p2{width: 292px; height: 614px; background: url(../images/part2.png) no-repeat top center; margin-left: -14px; position: relative; z-index: 26; margin-top: -40px}
#nowosci div.p{display: none}

#u{width: 120px; height: 5px; position: absolute; z-index: 23; left: 400px; bottom: 26px; display: block; background: #ffc500; font-size: 1px; line-height: 1px}
#home #u{display: block; left: 545px}
#home #col3 p{text-indent: 2em}
#produkty #u{display: block; left: 410px; width: 135px}
#nowosci #u{display: block; left: 260px; width: 150px}
#nowosci #col3 span{display: block; padding-top: 4px; background: url(../images/bckg_p.png); border: 1px solid #524B5A; margin-bottom: 15px; _height: 100px}
#nowosci #col3 b{display: block; clear: both}
#nowosci #col3 h2{margin: 10px 0 0 0; display: inline; padding: 0 4px 0 4px; background: #34303A}
#serwis #u{display: block; left: 665px; width: 115px}
#kontakt #u{display: block; top: 0; left: 699px; width: 78px; height: 18px}
#white{width: 5px; height: 330px; position: absolute; z-index: 23; left: 0; top: 0; display: block; background: #fff; margin-left: -30px}

#home #col2 img{margin-bottom: 27px; position: relative; z-index: 22; margin-left: 1px; _margin-left: -21px}
#col1 a:link,#col1 a:visited{color: #ffd745; text-decoration: none}
#col1 a:hover,#col1 a:active{color: #ffd745; text-decoration: underline}

#produkty #col1 a:hover,#produkty #col1 a:active{color: #ffd745; background-color: #5a5460}
#produkty #col1 a.h:hover,#produkty #col1 a.h:active{background-color: transparent}

#produkty #col1 a{display: block}
#produkty #col1,#kontakt #col1,#serwis #col1,#nowosci #col1{_width: 273px; _overflow: hidden}
#produkty #col2,#kontakt #col2,#serwis #col2,#nowosci #col2{display: none}
#produkty #col3,#kontakt #col3,#serwis #col3,#nowosci #col3{width: 500px; _width: 500px}
#produkty #col3 table.q{border: none; border-collapse: collapse}
#produkty #col3 table.q td{border: 1px solid #fff}
#produkty #col3__{overflow: scroll}

#produkty #col3 span{display: block; padding-top: 4px; background: url(../images/bckg_p.png); border: 1px solid #524B5A; margin-bottom: 15px; _height: 100px}
#produkty #col3 b{display: block; clear: both}
#produkty #col3 h2{margin: 20px 0 4px 0}
#produkty #col3 h3{margin: 20px 0 4px 0; color: #eee}
#produkty #col3 span h2{margin: 10px 0 0 0; display: inline; padding: 0 4px 0 4px; background: #34303A}
#produkty #col3 ul{list-style: none}
#produkty #col3 img{border: 1px solid #999}
#produkty #col1{overflow: visible}
#produkty #mask{width: 260px; height: 70px; position: absolute; z-index: 25; left: 0; top: 206px; background: url(../images/tel.png) no-repeat top center}
#produkty #col1 div#menu3{margin-top: -30px; z-index: 20}

#tooltip{color:#fff; font:normal bold 10px Verdana, sans-serif; padding:4px; background:#000; position:absolute; margin-top: 5px; z-index: 100; border: 1px solid #aaa}

.right{float: right; margin: 5px; border: 1px solid #999; display: inline}
.left{float: left; margin: 5px 5px 5px 0; border: 1px solid #999; display: inline}
span img.left{margin: 5px}
span img.right{margin: 0 5px 5px 5px}

table.tbl{border: none; border-collapse: collapse; border-right: 1px solid #fff; border-bottom: 1px solid #fff}
table.tbl a{color: #333; text-decoration: underline}
table.tbl th{border: 1px solid #fff; padding: 2px 4px 2px 4px; background: #fc0; color: #333; font-weight: bold; text-align: center}
table.tbl td{border: none; border-left: 1px solid #fff; border-top: 1px solid #fff; padding: 2px 4px 2px 4px}

ul#menu4{list-style: none; position: absolute; right: 15px; bottom: 0; display: none}
ul#menu4 li{float: left; margin-left: 71px}

#mapka{position: absolute; top: 62px; right: 1px}
#serwis #header{background: none}

ul.rect{}
ul.rect li{padding-left: 12px; background: url(../images/arr3.png) no-repeat 0 2px; margin-bottom: 4px}
ul.rect2 li{padding-left: 12px; background: url(../images/arr4.png) no-repeat 0 2px; margin-bottom: 4px}
ul.rect3 li{padding-left: 12px; background: url(../images/arr4.png) no-repeat 0 2px; margin-bottom: 0}