body{font: normal 12px "Trebuchet MS"; line-height: 130%; background: #fff; color: #444}
a:link{font:normal  11px "Trebuchet MS"; color: #006; text-decoration: none}
a:visited{font:normal  11px "Trebuchet MS"; color: #006; text-decoration: none}
a:hover{font:normal  11px "Trebuchet MS"; color: #c00; text-decoration: none}
a:active{font:normal  11px "Trebuchet MS"; color: #f00; text-decoration: none}
*{margin: 0; padding: 0}
a{outline: none}
a img{border: none}
.h2{font-family: Impact, Geneva, Arial, Helvetica, sans-serif}
h3{color: #5f5c5c; margin-bottom: 20px; font-size: 14px}

#content{width: 794px; position: absolute; top: 20px; left: 50%; margin-left: -380px; border: 1px solid #c8c7cc; padding: 8px; padding-bottom: 0}
#header{width: 100%; height: 100px; background: #fff url(../images/header.jpg) no-repeat top right; position: relative; margin-bottom: 2px}
#header img#logo{position:absolute ;top: 32px; left: 8px}
#middle{width: 100%; height: auto; background: #fff; padding-top: 5px}
#col1{width: 190px; height: 285px; float: left; border: 1px none red; background: #ececec; padding: 10px; margin-right: 5px; display: inline}
#col2{width: 343px; min-height: 190px; float: left; border: 1px none blue; padding: 10px; background: #ececec; color: #555; display: inline}
#col3{width: 190px; min-height: 190px; float: right; border: 1px none blue; padding: 10px; background: #ececec; color: #555; display: inline}

.a2col #col1{width: 505px; min-height: 190px; float: left; border: 1px none red; background: #ececec; padding: 10px; margin-right: 5px; display: inline}
.a2col #col2{width: 243px; min-height: 190px; float: left; border: 1px none blue; padding: 10px; background: #ececec; color: #555; display: inline}
.a2col #col3{display: none}
.a2col #col1 p{height: 80px}
#ofirmie.a2col #col1 p{height: auto; margin-bottom: 20px}
.a2col #col1 p img.right{margin: -10px 0 0 20px}
.a3col #col3 h3{margin: 20px 0 10px 0; font-size: 12px}

.a3col #col1{width: 241px; height: 600px; float: left; border: 1px none red; background: #ececec; padding: 10px; margin-right: 5px; display: inline}
.a3col #col2{width: 241px; height: 600px; float: left; border: 1px none blue; padding: 10px; background: #ececec; color: #555; display: inline}
.a3col #col3{width: 242px; height: 600px; float: right; border: 1px none blue; padding: 10px; background: #ececec; color: #555; display: inline}
#atesty #middle ul{list-style: none; margin-left: 20px}
#atesty #middle h1{font-size: 18px}
#atesty #middle h2{font-size: 14px}
#atesty #middle img{margin-top: 14px}
#atesty #middle a{background: url(../images/pdf.png) no-repeat center left; padding-left: 22px; margin-left: -20px}

#atestyZakladowe{background-color: #ececec; margin: auto; margin-top: 0px; margin-bottom: 3px; padding: 10px; text-align: center;}
#atestyZakladowe .columnAZ{float: left; width:367px; text-align: center; padding: 10px; margin: auto;}

.a1col #col1{width: 774px; height: auto; float: none; background: #ececec; padding: 10px; display: block}
.a1col #col2{display: none}
.a1col #col3{display: none}
#faq #middle ul{list-style: none; margin-left: 4px}
#faq dt{font-weight: bold; font-size: 14px; margin-top: 10px}
#faq #middle li{margin: 10px 0 10px 0; background: transparent url(../images/arr2.gif) no-repeat center left; padding-left: 14px}
#faq p{margin: 10px 0 10px 0}

#produkty #middle ul{list-style: none; margin-left: 20px}
#produkty #middle h1{font-size: 18px; margin-top: 10px}
#produkty #middle h2{font-size: 14px; margin-bottom: 4px}
#produkty #middle img{margin-top: 14px}
#produkty #middle a{color: #444}
#produkty #col1{height: auto}
#produkty #col2{height: auto}
#produkty #col3{height: auto}

#produkt #col1{width: 243px; height: auto; float: left; border: 1px none red; background: #ececec; padding: 10px; margin-right: 5px; display: inline}
#produkt #col2{width: 505px; height: auto; float: left; border: 1px none blue; padding: 10px; background: #f0f0f2; color: #555; display: inline}
#produkt #col3{display: none}
#produkt h2{color: #007139; margin: 15px 0 10px 0; font-size: 20px}
#produkt h3{color: #007139; margin: 15px 0 5px 0}
#produkt #middle ul{margin-left: 20px}
#produkt #col2 a{margin-bottom: 15px; display: block}

#dystrybucja #col1{height: auto}
#dystrybucja #col2{height: auto}
#dystrybucja #adres{height: 229px}

#kontakt label{display: block; padding: 6px 10px 6px 10px}
#kontakt textarea{width: 300px; height: 200px}
#kontakt #col1{height: auto}
#kontakt #col2{height: 349px}

h1.cementone{background: url(../images/cementone_logo2.gif) no-repeat center center; width: 261px; height: 67px; float: left; margin: 0 5px 0 0 !important; display: inline; text-indent: -5000px}
h1.anglobud{background: url(../images/anglobud_logo2.gif) no-repeat center center; width: 261px; height: 67px; float: left; display: inline; text-indent: -5000px; margin: 0 !important}
h1.evostik{background: url(../images/evostik_logo2.gif) no-repeat center center; width: 262px; height: 67px; float: right; display: inline; text-indent: -5000px; margin: 0 !important}
h1.drewizol{background: url(../images/drewizol_logo2.gif) no-repeat center center; width: 261px; height: 67px; float: left; margin: 0 5px 0 0 !important; display: inline; text-indent: -5000px;}
h1.professional{background: url(../images/professional_logo2.gif) no-repeat center center; width: 261px; height: 67px; float: left; margin: 0 5px 0 0 !important; display: inline; text-indent: -5000px; }
h1.empty{background: #d6d5d5 repeat center center; width: 261px; height: 67px; float: left; margin:0 !important; display: inline; text-indent: -5000px; }

#produkt h1.cementone{background: #d6d5d5 url(../images/cementone_logo2.gif) no-repeat center center; width: 500px; height: 67px; float: left; margin: 0 0 20px 0 !important; display: inline; text-indent: -5000px; height: 67px}
#produkt h1.anglobud{background: #d6d5d5 url(../images/anglobud_logo2.gif) no-repeat center center; width: 500px; height: 67px; float: left; display: inline; text-indent: -5000px; margin: 0 0 20px 0 !important; height: 67px}
#produkt h1.evostik{background: #d6d5d5 url(../images/evostik_logo2.gif) no-repeat center center; width: 500px; height: 67px; float: right; display: inline; text-indent: -5000px; margin: 0 0 20px 0 !important; height: 67px}
#produkt h1.drewizol{background: #d6d5d5 url(../images/drewizol_logo2.gif) no-repeat center center; width: 500px; height: 67px; float: right; display: inline; text-indent: -5000px; margin: 0 0 20px 0 !important; height: 67px}
#produkt h1.professional{background: #d6d5d5 url(../images/professional_logo2.gif) no-repeat center center; width: 500px; height: 67px; float: right; display: inline; text-indent: -5000px; margin: 0 0 20px 0 !important; height: 67px}
#produkt #col1 ul{list-style-type: square; list-style-image: url(../images/rect.png)}
#produkt #col1 h3{margin-bottom: 16px}
#produkt #col1 ul li{margin-top: 6px}
#produkt #col1 a{color: #333}

#footer1{width: 100%; height: 30px; background: #6e6f73; border: 1px solid #c61a23; margin-top: 5px; _margin-top: 1px; color: #fff; position: relative}
#footer2{width: 100%; height: 30px; background: #fff url(../images/footer1.gif) no-repeat top left}
#footer1 h3{margin: 5px 0 5px 0; color: #FFFFFF}
#footer1 p#promo1{position: absolute; left: 10px; width: 240px; top: 20px; padding-top: 5px}
#footer1 p#promo2{position: absolute; left: 285px; width: 240px; top: 20px; padding-top: 5px}
#footer1 p#promo3{position: absolute; left: 550px; width: 240px; top: 20px; padding-top: 5px}
#footer1 a{color: #fff; text-decoration: none}
#home #footer1{height: auto; padding: 1%; width: 98%}
#footer1 a:hover{color: #E75C0F; }

#nav{white-space: nowrap; list-style: none; margin: 0; padding: 0; height: 18px; display: block; width: 100%}
#nav li{float: left; height: 18px; background: #fff url(../images/bckg_li1.gif) repeat-x center left; padding: 0; width: 132.33px; position: relative; border-bottom: 1px solid #c6c5c5; border-top: 1px solid #c6c5c5; display: inline}
#nav a{line-height: 17px; text-align: center; vertical-align: middle; border-right: 2px solid #fff; border-left: 4px solid #999; padding: 0 4px 0 4px; display: block; font-weight: bold; margin-top: 2px; _margin-top: 1px}
#nav a:link,#nav a:visited{color: #000}
#nav a:hover,#nav a:active{color: #f00}

#menu3{position: absolute; top: 4px; right: 12px; margin: 0 0 26px 0; padding: 0; list-style: none}
#menu3{list-style: none}
#menu3 a{color: #e00 !important;}
#menu3 li{float: left; margin: 0 0 0 10px; background: url(../images/arr2.gif) no-repeat center left; padding: 0 0 0 12px}
#menu3 li#watch{float: left; margin: 0 0 0 30px; background: url(../images/watch.gif) no-repeat center right; padding: 0 20px 0 0; color: #444}

#menu{width: 100%; border-bottom: 0px solid #fff}
#nav li.off ul, #nav li.on ul{list-style: none; width: 100%; display: none; position: absolute; top: 18px;left: 0; _left: -40px; padding: 0}
#nav li.off ul li, #nav li.on ul li{width: 100%; float: none; height: 18px; background-image: none; background: #EDEAE0; border: 1px solid #D1C8B7; border-top: none}
#nav li.off ul li a, #nav li.on ul li a{border: none}
#nav li.off ul li a:link, #nav li.on ul li a:link{background: transparent}
#nav li.off ul li a:visited, #nav li.on ul li a:visited{background: transparent}
#nav li.off ul li a:hover, #nav li.on ul li a:hover{background: #FCFAF1}
#nav li.off ul li a:active, #nav li.on ul li a:active{background: #FCFAF1}
#nav li.off ul li, #nav li.on ul li{_margin-bottom: -5px}
#nav li.on ul{display: block}
#nav li.off:hover ul, #nav li.over ul{display: block; z-index: 6000}

li.first{width: 6px; background: transparent url(../images/left_li1.gif) no-repeat top left; background-color: transparent}
li.last{width: 6px; background: transparent url(../images/right_li1.gif) no-repeat top left; background-color: transparent}
a.last{border: none}/*bo IE nie czyta selektora dziecka ;[*/
.topmost{margin-top: 0 !important}
.right{float: right}
.leftmargin{margin-left: 20px}

.news{width: 25%; float: left; border: 1px none red; padding: 10px; background: #fff; height: 140px; color: #666}
#news1{clear: left; color: #FC7215; font: bold 14px verdana}
.news h1{font: 12px "Trebuchet MS"; line-height: 130%; color: #FC7215; display: inline}

ul#bru{list-style-type: square; margin-left: 15px; list-style-image: url(../images/rect.png)}
ul#bru li{margin-bottom: 10px; font-size: 12px; font-stretch: condensed; font-family: Tahoma, Arial, Helvetica, sans-serif}
ul#bru li a{color: #333}
