body {
     margin: 0;
     padding: 0;
     font: 70%/120% Verdana;
     color: #444;
}
a, img {
     border: 0;
}
a {
     color: #D45657;    
}
a:hover {
     text-decoration: none;
}
a:focus {-moz-outline: none;}
#page {
     text-align: center;
     margin: 0 auto;
     width: 990px;
     background: #fff;
}

/* TOP */
#top {
     height: 130px;
     text-align: left;
}
.logo {
     position: relative;
     top: 20px;
     left: 37px;
}
.claim {
     position: relative;
     top: 25px;
     left: 139px;
}
.sitemap {
     float: right;
     position: relative; 
     top: 5px;
     font-size: 90%;
}
.newsletter {
     float: right;
     height: 25px;
     position: relative;
     top: 40px;
     vertical-align: bottom;
     left: 150px;
     color: #777;
     font-variant: small-caps;
}
.newsletter input {
     font-size: 0.9em;
     float: left;
     color: #777;
     margin: 0 2px;
}
/* LEWA */
#left-col {
     width: 185px;
     float: left;
     text-align: left;
}

#partnerzy-mapa {
     height: 110px;
     margin-top: 3px;
}
#skroty {
     background: url(images/na-skroty-tlo.gif) no-repeat;
     height: 135px;
     margin-top: 10px;
}
#skroty ul {
     list-style: none;
     padding: 40px 0 0 40px;
     margin: 0;
     line-height: 180%;
     color: #fff;
     font-weight: bold;
}
#skroty a {
     text-decoration: none;
     color: #fff;
}
#skroty a:hover {
     text-decoration: underline;
}
#referencje {
     background: url(images/referencje-tlo.gif) no-repeat;
     height: 131px;
     margin: 10px 0;
}
#promocja {
     margin-bottom: 5px;
}

/* PRAWA */
#right-col {
     text-align: left;
     margin-left: 190px;
}
#main-h-tbl {
    width: 100%;
}
#main-h-tbl td {
    width: 33%;
    padding: 0 1em;
}
.profil {
     width: 250px;
     margin: 0 5px;
     float: left;
}
.profil-head, .aktualnosci-head, .main-produkt-head {
     font-weight: bold;
     font-family: Verdana;
     color: #CB3134;
     font-size: 12pt;
     letter-spacing: -1px;
     padding: 25px 0 10px;
}
.aktualnosci {
     width: 250px;
     margin: 0 5px;
     float: left;
}
.main-produkt {
     width: 250px;
     margin: 0 5px;
     float: left;
}
.bezp-eksp {
     float: left;
}
.wiecej {
     padding: 1em;
     text-align: right;
}
.wiecej a {
     font-size: 90%;
     color: #CB3134;
     text-decoration: none;
}
.collage {
     margin: 0 0 0 10px;
}
#col-scroll {
     position: relative;
     width: 800px;
     height: 300px;
}
h1.zielony {
     font: 2.5em Trebuchet MS, Verdana;
     font-variant: small-caps;
     letter-spacing: -0.05em;
     padding: 0.5em;
     color: #D45657;
     margin: 0;
}
h1.cz, h1 {
     font: 2.5em Trebuchet MS, Verdana;
     letter-spacing: -0.05em;
     font-variant: small-caps;
     margin: 0;
     padding: 0.5em;
     color: #CB2755;
}
h1.zolty {
     font: 2.5em Trebuchet MS, Verdana;
     letter-spacing: -0.05em;
     padding: 0.5em;
     font-variant: small-caps;
     color: #D45657;
     margin: 0;
}
h1.zloty {
     font: 2.5em Trebuchet MS, Verdana;
     letter-spacing: -0.05em;
     padding: 0.5em;
     font-variant: small-caps;
     color: #FFA30B;
     margin: 0;
}	
.produkt-title, .produkt-title-dp, .produkt-title-ds, .produkt-title-a, .produkt-title-z {
     font: 2.5em Trebuchet MS, Verdana;
     font-variant: small-caps;
     letter-spacing: -0.05em;
     padding: 0.5em;
     color: #D45657;
}
.produkt-title-dp {
     color: #A3CD3E;
}
.produkt-title-ds {
     color: #CB2755;
}
.produkt-title-a {
     color: #FFA30B;
}
.produkt-title-z {
     color: #F4B900;
}
.produkt-pic {
     float: left;
     width: 230px;
     text-align: center;
}

.produkt-pic ul {
     list-style: none;
     margin: 0;
     padding: 0;
     text-align: left;
}
.produkt-opis {
     text-align: justify;
     width: 370px;
     float: left;
}
.baner-prawa {
     float: right;
     margin: 30px 0;
}
.prod-butt {
     margin-top: 1px;
}
.prod-poz-head-z {
     margin-left: 615px;
     height: 35px;
     width: 180px;
     background: url(images/pozost-prod-head-z.gif) no-repeat;
}
.prod-poz-head-pom {
     margin-left: 615px;
     height: 35px;
     width: 180px;
     background: url(images/pozost-prod-head-pom.gif) no-repeat;
}
.prod-poz-head-b {
     margin-left: 615px;
     height: 35px;
     width: 180px;
     background: url(images/pozost-prod-head-b.gif) no-repeat;
}
.prod-poz-head-p {
     margin-left: 615px;
     height: 35px;
     width: 180px;
     background: url(images/pozost-prod-head-p.gif) no-repeat;
}
.prod-poz-head-wiadomosci {
     margin-left: 615px;
     height: 35px;
     width: 180px;
     background: url(images/pozost-prod-head-wiadomosci.gif) no-repeat;
}
.prod-poz {
     margin: 0 0 0 615px;
     padding: 0;
     width: 178px;
     border-left: 1px solid #DBDBDB;
     border-right: 1px solid #DBDBDB;
}
.prod-poz ul {
     margin: 0;
     padding: 1em 0 0 2em;    

}
.prod-poz li {
     line-height: 1.5em;
     margin: 0;
     padding: 0;
}
.prod-poz-b {
     height: 39px;
     background: url(images/pozost-prod-dol.gif) no-repeat;
     margin: 0 0 0 615px;
}
.prod-poz a {
     color: #444;
     text-decoration: none;
}
.prod-poz a:hover {
     color: #D45657;
}
.prod-poz a.active {
     font-weight: bold;
}
.firma-opis {
     padding: 0 10px;
}
table.nagrody td {
     border-bottom: 1px dotted #e2e2e2;
     padding: 0 10px;
}
table.nagrody tr {
     height: 100px;
}
#referencje-l {
     list-style: none;
     margin: 0;
     padding: 40px 5px 0 5px;
}
.zbiorcza-lista {
     padding: 0 10px;
}
.zb-dp1, .zb-dp2, .zb-dp3, .zb-p1, .zb-p2, .zb-p3, .zb-p4, .zb-p5, .zb-p6, .zb-p7, .zb-p8, .zb-p9, .zb-p10, .zb-p11, .zb-p12, .zb-p13, .zb-p14, .zb-p15, .zb-p16 {
     float: left;
     width: 190px;
}
.zb-z1, .zb-z2, .zb-dp1, .zb-dp2, .zb-dp3, .zb-dp4 {
     float: left;
     width: 240px;
}
.zb-z1 .header-zb {
     background: url(images/header-zb-zawory-m16.gif) no-repeat;
     height: 50px;
}
.zb-z2 .header-zb {
     background: url(images/header-zb-zawory-zb.gif) no-repeat;
     height: 50px;
}

.zb-dp1 .header-zb {
     background: url(images/header-zb-przenosne-gashunt.gif) no-repeat;
     height: 50px;
}
.zb-dp2 .header-zb {
     background: url(images/header-zb-przenosne-ld100.gif) no-repeat;
     height: 50px;
}
.zb-dp3 .header-zb {
     background: url(images/header-zb-przenosne-gasaler.gif) no-repeat;
     height: 50px;
}
.zb-dp4 .header-zb {
     background: url(images/header-zb-przenosne-gasxt.gif) no-repeat;
     height: 50px;
}
.zb-p1 .header-zb {
     background: url(images/header-zb-stacjonarne-msmr4.gif) no-repeat;
     height: 50px;
}
.zb-p2 .header-zb {
     background: url(images/header-zb-stacjonarne-glowi.gif) no-repeat;
     height: 50px;
}
.zb-p3 .header-zb {
     background: url(images/header-zb-stacjonarne-smart.gif) no-repeat;
     height: 50px;
}
.zb-p4 .header-zb {
     background: url(images/header-zb-stacjonarne-sso20.gif) no-repeat;
     height: 50px;
}

.zb-p5 .header-zb {
     background: url(images/header-zb-stacjonarne-sdg.gif) no-repeat;
     height: 50px;
}

.zb-p6 .header-zb {
     background: url(images/header-zb-stacjonarne-gd71.gif) no-repeat;
     height: 50px;
}

.zb-p7 .header-zb {
     background: url(images/header-zb-stacjonarne-gd73.gif) no-repeat;
     height: 50px;
}

.zb-p8 .header-zb {
     background: url(images/header-zb-stacjonarne-gd21.gif) no-repeat;
     height: 50px;
}

.zb-p10 .header-zb {
     background: url(images/header-zb-stacjonarne-dag12.gif) no-repeat;
     height: 50px;
}

.zb-p9 .header-zb {
     background: url(images/header-zb-stacjonarne-msmrb.gif) no-repeat;
     height: 50px;
}

.zb-p11 .header-zb {
     background: url(images/header-zb-stacjonarne-dag11.gif) no-repeat;
     height: 50px;
}

.zb-p12 .header-zb {
     background: url(images/header-zb-stacjonarne-ssb.gif) no-repeat;
     height: 50px;
}
.zb-p13 .header-zb {
     background: url(images/header-zbstacjonarne-msmr16.gif) no-repeat;
     height: 50px;
}
.zb-p14 .header-zb {
     background: url(images/header-zb-stacjonarne-mgx70.gif) no-repeat;
     height: 50px;
}
.zb-p15 .header-zb {
     background: url(images/header-zb-stacjonarne-gdx70.gif) no-repeat;
     height: 50px;
}
.zb-p16 .header-zb {
     background: url(images/header-zb-stacjonarne-sdo.gif) no-repeat;
     height: 50px;
}
/* FIRMA */
.firma-opis {
     padding: 0 10px 10px;
}
.firma-opis .nazwisko {
     margin-top: 1.5em;
     font-weight: bold;
}
.firma-opis a, .kontakt-opis a {
     color: #D45657;
}
.firma-opis a:hover, .kontakt-opis a:hover {
     text-decoration: none;
     color: #D45657;
     background: #f4f4f4;
}
/* HOME */
.news-item .news-title a {
     text-decoration: none;
     color: #444;
     font-weight: bold;
}
.news-item .news-date {
     font-size: 80%;
     color: #D45657;
}
.news-item .news-intro {
	text-align: left;
}
.referencje-lista {
     line-height: 1.5em;
}
/* NEWS */
.news-tresc {
     padding: 0 0 10px 10px;
     width: 590px;
     float: left;
     margin-right: 10px;
     text-align: justify;
}
.news-t, .news-t a {
     font: 15pt Trebuchet MS, Verdana;
     letter-spacing: -1px;
     color: #444;
     text-decoration: none;
}
.news-d {
     color: #D45657;
}
.news-i {
     font-weight: bold;
     text-align: justify;
}
.news-b {
     text-align: justify;
}
.news-p {
     float: left;
     margin-top: 1em;
}
a.news-p, .news-wiecej a  {
     color: #D45657;
}
a:hover.news-p, .news-wiecej a:hover {
     text-decoration: none;
     background: #f4f4f4;
}
.news-wiecej {
     margin: 0 0 2em 0;
}
.news-intro a {
     color: #444;
     text-decoration: none;
     text-align: justify;
}
.pozostale {
     clear: left;
}
/* NEWS BOX */
.prod-poz .box-news-item {
     padding: 0.3em;
}
.prod-poz .news-date {
     padding: 0.3em 0 0;
     font-size: 90%;
     color: #D45657;
}
.box-news-wiecej a{
     padding: 1em 0.3em 0;
     color: #D45657;
}
.box-news-wiecej a:hover {
     text-decoration: underline;
}
/* PRASA */
.prasa-title {
     height: 50px;
     padding: 0;
     font: bold 1.2em Trebuchet MS, Verdana;
     padding: 1em 3em 0 0;
}
.prasa-logo {
     padding: 3em 0 0;
}
.prasa-opis {
     padding: 10px;
}
/* KONTAKT */
.kontakt-opis {
     padding: 0 0 10px 10px;
}
.kontakt-dane {
     float: left;
}
.kontakt-opis img {
     float: left;
}
.kontakt-wewn {

     margin: 1em 0;
}
.kontakt-dane-rej {
     margin: 2em 0 1em 0;
}
#form1 select {
     font-family: Arial;
     background: #f5f5f5;
}
#cont table {
     width: 100%;
}
#cont td {
     font-family: Arial;
}
/* FAQ */
dl.faq dd {
     margin: 1em 0;
}
/* STOPKA */
#footer {
     clear: both;
     height: 47px;
     text-align: left;
     background: url(images/stopka-tlo.gif) repeat-x;
}
.copy {
     font-size: 80%;
     position: relative;
     top: 2em;
     padding-left: 1em;
}
#footer img {
     vertical-align: middle;
     margin: -17px 0 0 10px;
}

/* PANEL */
.panel-content {
     margin: 1em 0;
}
.panel-newsletter-list th{
     text-align: center;
}
.panel-newsletter-list td{
     border-top: 1px solid #e3e3e3;
     padding: 0 10px;
}

.panel-zarejestrowani-list td{
     border-top: 1px solid #e3e3e3;
     padding-right: 1em;
}
/* PROJEKTANCI */
.projektanci li {
     list-style-type: none;
     font-size: 12px;
     font-weight: bold;
     padding: 3px 0;
}
.projektanci li li {
     font-size: 12px;
     font-weight: normal;
}
.projektanci-logowanie {
     margin: 20px 100px;
     width: 300px;
     background: #e3e3e3;
     padding: 10px;
}
/* MENU */
#menu div.smenu, #menu div.menu-item, #menu a {
	display:block; margin:0; padding:0; border:0;
       z-index: 999;
}
#menu {
	width: 190px;
	height: 188px;
	position: relative;
	left: 0; top: 0px;
}
#menu div.smenu {
	width: 190px;
        background: #fff;
        height: 188px;

}
#menu div.smenu div.smenu {
	opacity: 0.9; /* nIE */
} 
#menu div.menu-item div.smenu { 
        width: 221px; 
        background: #BBB4B5;
        height: 176px;
}

#menu div.menu-item {
	z-index: 9;
	border: none;
	border-bottom: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	background: url(images/menu-item-tlo-b.gif) 50% repeat-x;
	width: 188px;
} 
#menu div.menu-item div.menu-item { 
        width: 219px; 
}

#menu div.menu-item div.smenu {
	position: absolute;
	left: 190px;
	top: 0;
} 
#menu a {
	padding: 5px 1px 5px 2px;
	text-decoration:none;
	color: #4b4b4b;
	font-weight:bold;
        text-align: center;
	border: none;
	display: block;
}
#menu div.menu-item div.menu-item a { 
        width: 219px 
}
#menu div.menu-item a:hover, #menu div.menu-item div.menu-item a:hover {
        color: #fff;
}
#menu div.menu-item:hover { 
        z-index:10; 
        background: url(images/menu-item-tlo-active-b2.gif) repeat-x; 
}		
#menu a.active { 
        background: url(images/menu-item-tlo-active-b.gif) repeat-x; 
        color: #fff;
}	
		
#menu div.smenu div.smenu, #menu div.menu-item:hover div.smenu div.smenu {
	display:none;
}

#menu div.menu-item:hover div.smenu, #menu div.menu-item:hover div.menu-item:hover div.smenu {
	display:block;
}lign: center;
	border: none;
	display: block;
}
#menu div.menu-item div.menu-item a { 
        width: 219px 
}
#menu div.menu-item a:hover, #menu div.menu-item div.menu-item a:hover {
        color: #fff;
}
#menu div.menu-item:hover { 
        z-index:10; 
        background: url(images/menu-item-tlo-active-b2.gif) repeat-x; 
}		
#menu a.active { 
        background: url(images/menu-item-tlo-active-b.gif) repeat-x; 
        color: #fff;
}	
		
#menu div.smenu div.smenu, #menu div.menu-item:hover div.smenu div.smenu {
	display:none;
}

#menu div.menu-item:hover div.smenu, #menu div.menu-item:hover div.menu-item:hover div.smenu {
	display:block;
}: center;
	border: none;
	display: block;
}
#menu div.menu-item div.menu-item a { 
        width: 219px 
}
#menu div.menu-item a:hover, #menu div.menu-item div.menu-item a:hover {
        color: #fff;
}
#menu div.menu-item:hover { 
        z-index:10; 
        background: url(images/menu-item-tlo-active-b2.gif) repeat-x; 
}		
#menu a.active { 
        background: url(images/menu-item-tlo-active-b.gif) repeat-x; 
        color: #fff;
}	
		
#menu div.smenu div.smenu, #menu div.menu-item:hover div.smenu div.smenu {
	display:none;
}

#menu div.menu-item:hover div.smenu, #menu div.menu-item:hover div.menu-item:hover div.smenu {
	display:block;
}item:hover div.smenu {
	display:block;
}: center;
	border: none;
	display: block;
}
#menu div.menu-item div.menu-item a { 
        width: 219px 
}
#menu div.menu-item a:hover, #menu div.menu-item div.menu-item a:hover {
        color: #fff;
}
#menu div.menu-item:hover { 
        z-index:10; 
        background: url(images/menu-item-tlo-active-b2.gif) repeat-x; 
}		
#menu a.active { 
        background: url(images/menu-item-tlo-active-b.gif) repeat-x; 
        color: #fff;
}	
		
#menu div.smenu div.smenu, #menu div.menu-item:hover div.smenu div.smenu {
	display:none;
}

#menu div.menu-item:hover div.smenu, #menu div.menu-item:hover div.menu-item:hover div.smenu {
	display:block;
}