* {padding:0px;margin:0px;}
HTML {}
body {background:#f0efe8;font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:12px; color:#5a5a5a;}
img {border:0px none;}
.both {clear:both;}
.prawe {float:right;}
.lewe {float:left;}
h1 {font-size:18px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#000000;font-weight: normal;}
h2 {font-size:12px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#000000;}
h3 {font-size:11px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#000000;}
h4 {font-size:10px; font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; color:#ca0d14;font-weight:normal;}
a {color:#5a5a5a; text-decoration: none; outline:none;}
a:hover {color:#5a5a5a; text-decoration: underline;}
fieldset {border:0px none;}
input {font-family:Arial, Tahoma, Verdana, Helvetica, sans-serif; font-size:11px; color:#77766b;}
textarea {font-family:Arial, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#77766b;}
select {font-family:Arial, Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#77766b;}
ul {margin:0; padding:0; list-style-type:none;}
ol {margin:0; padding:0; list-style-position:inside;}
p {line-height:16px;}
/* ===== layout boxes ===== */
#container {width:990px; margin:0 auto 0;}
#header {width:955px; padding:10px 10px 10px 25px;}
#container2 {width:970px; background:#fbfbf0; padding:0 10px 0 10px;}
#top {width:970px; background:#ffffff url(../images/top_img.jpg) no-repeat 230px 0; padding:10px 0 10px 0;}
#wrapper1 {width:970px; background:url(../images/wrap1_bg.jpg) repeat-y right; margin-top:10px;}
#wrapper2 {width:970px; background:url(../images/wrap2_bg.jpg) repeat-y right; margin-top:10px;}
#right {float:right; width:217px; border-top:1px #e5e4dd solid; border-right:1px #e5e4dd solid; padding:2px 2px 0 0;}
#left {float:left;width:229px;border-top:1px #e5e4dd solid; border-right:1px #e5e4dd solid;}
#content {float:left; width:469px;border-top:1px #e5e4dd solid; border-right:1px #e5e4dd solid; padding:2px 15px 15px 15px; margin-left:10px;}
#footer {width:940px; padding:15px;border-top:1px #e5e4dd solid; margin-top:10px;}
/* ----- header ----- */
#header big {color:#000000; font-size:18px;}
#header big span {color:#ca0d14;}
/* menu */
#header ul {float:right; padding-top:4px;}
#header ul li {display:inline; text-align:right; padding:0 0 0 30px;}
/* ----- top ----- */
/* logo */
#top a.logo {display:block; float:left; background:url(../images/logo.jpg) no-repeat; width:183px; height:23px; margin:30px 0 0 15px;}
#top a.logo span {display:none;}
/* menu główne */
#top ul.glowne {float:right; width: 550px;}
#top ul.glowne li {float:left; margin-left:1px;}
#top ul.glowne li a {display:block; float:left; height:75px; background:#d4d3ca; line-height:80px; padding:0 15px 0 15px; font-size:14px;}
#top ul.glowne li a:hover {background:#ca0d14; text-decoration:none; color:#ffffff;}
#top ul.glowne li a.selected {background:#ca0d14; text-decoration:none; color:#ffffff;}
/* menu produktowe */
#top ul.produktowe {border-left:1px #e5e4dd solid; margin-top:10px;}
#top ul.produktowe li {background:#e5e4dd; float:left; border:#e5e4dd solid; border-width:1px 1px 1px 0;}
#top ul.produktowe li a {display:block; height:100px; position:relative; font-size:9px; color:#ffffff;}
#top ul.produktowe li a span {position:absolute; height:35px; padding-top:15px;background:#000000; text-align:center; bottom:0px; width:100%; cursor:pointer;repeat;filter: alpha(opacity=60); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);opacity:0.6;}
#top ul.produktowe li a:hover {text-decoration:none;}
#top ul.produktowe li a:hover span {background:#ca0d14;}
#top ul.produktowe li a.selected span {background:#ca0d14;}
#top ul.produktowe li a.menu_01 {background:url(../images/menu_01_dachy.jpg) no-repeat; width:119px;}
#top ul.produktowe li a.menu_02 {background:url(../images/menu_02_blachaplaska.jpg) no-repeat; width:119px;}
#top ul.produktowe li a.menu_03 {background:url(../images/menu_03_blachytrapezowe.jpg) no-repeat; width:119px;}
#top ul.produktowe li a.menu_04 {background:url(../images/menu_04_izolacje.jpg) no-repeat; width:119px;}
#top ul.produktowe li a.menu_05 {background:url(../images/menu_05_kasety.jpg) no-repeat; width:119px;}
#top ul.produktowe li a.menu_06 {background:url(../images/menu_06_belki.jpg) no-repeat; width:119px;}
#top ul.produktowe li a.menu_07 {background:url(../images/menu_07_systemy.jpg) no-repeat; width:119px;}
#top ul.produktowe li a.menu_08 {background:url(../images/menu_08_obrobki.jpg) no-repeat; width:128px;}
/* ----- right (prawa kolumna) ----- */
/* wyszukiwarka */
#right .search {background:#d4d3ca; padding:0 15px 15px 15px;}
#right .search h1 {font-size:12px; color:#5a5a5a; font-weight:bold; padding:10px 0 15px 0;}
#right .search input.szukaj {background:#ca0d14 url(../images/button_szukaj.jpg) no-repeat; border:0px none; width:26px; height:26px;}
#right .search input {border:#7f7f75 solid; border-width:1px 0 0 1px; padding:6px 5px 4px 5px; width:175px; height:16px; margin-bottom:3px;}
#right .search select {border:#7f7f75 solid; border-width:1px 0 0 1px; width:157px; height:26px;padding:5px; vertical-align:top;}
#right .search select option {padding-left:10px; font-size:11px;}
#right .search select optgroup {font-size:12px;}
/* kontakt */
#right .contact {background:url(../images/kontakt_box_bg.jpg) no-repeat right bottom; padding:0 15px 45px 15px; margin-top:10px;}
#right .contact h1 {font-size:12px; color:#ca0d14; font-weight:bold; padding:10px 0 15px 0; line-height:12px;}
#right .contact h1 span {color:#000000; font-size:10px;}
#right .contact dl {line-height:16px;}
#right .contact dl dt {color:#ca0d14; font-size:12px; font-weight:bold;}
#right .contact dl dt span {color:#000000;}
#right .contact dl dd img {vertical-align:middle;}
/* ----- left (lewa kolumna) ----- */
#left h1 {font-size:12px; color:#ffffff; background:#000000 url(../images/h_bg_black.jpg) no-repeat right; padding:10px 50px 10px 15px; font-weight:bold; margin:2px 2px 2px 0;}
#left ul li {border-bottom:1px #e5e4dd solid; padding:2px 2px 2px 0;}
#left ul li a {display:block;background:#e5e4dd url(../images/ico_arrow.jpg) no-repeat 15px 15px; padding:11px 10px 11px 30px; font-size:12px;}
#left ul li a:hover {background:#ca0d14 url(../images/ico_arrow_hover.jpg) no-repeat 15px 15px; text-decoration:none; color:#ffffff;}
#left ul li a.selected {background:#ca0d14 url(../images/ico_arrow_hover.jpg) no-repeat 15px 15px;color:#ffffff;}
#left ul.lista {padding:10px 5px 10px 30px;}
#left ul.lista li {background:none; border-bottom:0px none; padding:5px 0 5px 0; line-height:18px;}
#left ul.lista li a { font-size:11px;background:url(../images/ico_arrow2.jpg) no-repeat 0 3px; color:#000000; padding:0 0 0 15px; line-height:normal; height:auto;}
#left ul.lista li a:hover {color:#ca0d14;background:url(../images/ico_arrow.jpg) no-repeat 0 3px;}
#left ul.lista li a.selected {color:#ca0d14;background:url(../images/ico_arrow.jpg) no-repeat 0 3px;}
/* ----- content ----- */
/* dostęp */
#content ul.dostep {padding:10px 0 10px 0;}
#content ul.dostep li {display: inline; line-height:normal; margin: 0 0 0 0;}
#content ul.dostep li a {color:#ca0d14; margin:0 3px 0 0;}
#content h1 {padding:15px 0 15px 0;}
#content h2 {padding:5px 0 5px 0;}
#content p {padding:5px 0 5px 0;}
/* #content img {margin:5px 10px 5px 0; float:left; width:200px; max-width:200px;}
*/
#content ul li {line-height:20px; color:#000000; margin-left: 20px; list-style: circle; }
#content ul li span {color:#5a5a5a;}
#content fieldset {padding:15px 0 15px 0;}
#content input {border:#7f7f75 solid; border-width:1px 0 0 1px; padding:6px 5px 4px 5px; width:300px; height:16px;}
#content input.wyslij {background:#ca0d14; width:100px;height:26px;border:#720306 solid; border-width:0 1px 1px 0; color:#ffffff;}
#content textarea {border:#7f7f75 solid; border-width:1px 0 0 1px; padding:6px 5px 5px 5px; width:300px; height:150px;}
#content table td {padding:5px 5px 5px 0; color:#000000;}
/* ----- aktualności ----- */
#news {float:left; width:312px; border-top:1px #e5e4dd solid; border-right:1px #e5e4dd solid; padding:2px 2px 15px 0;}
#news h1 {font-size:12px; color:#ffffff; background:#ca0d14 url(../images/h_bg_red.jpg) no-repeat right; padding:10px 0 10px 15px; font-weight:bold;}
#news ul li {padding:15px;}
#news ul li p {padding:10px 0 10px 0;}
p.more {text-align:right; padding-right:15px;}
p.more a {color:#000000;}
/* ----- o firmie ----- */
#about {float:left; width:412px;border-top:1px #e5e4dd solid; border-right:1px #e5e4dd solid; padding:2px 2px 15px 0; margin-left:10px;}
#about h1 {font-size:12px; color:#ffffff; background:#000000 url(../images/h_bg_black.jpg) no-repeat right; padding:10px 0 10px 15px; font-weight:bold; margin-bottom:10px;}
#about p {padding:10px 15px 10px 15px;}
/* ----- stopka ----- */
#footer ul {float:right;}
#footer ul li {display:inline; text-align:right; padding:0 0 0 15px;}
#footer ul li a {color:#595954;}
#footer p {color:#b0afa5;}
#footer p a {font-weight:bold; color:#ca0d14;}
#footer p a span {color:#000000;}
p.gexit {text-align:right; padding:15px; color:#b0afa5;}
p.gexit img {vertical-align:middle; margin-left:10px;}