@import "undohtml.css";

/*** STRUKTURA ***/ 

body {
	background:#f5f5f5;/* url(../images/body.gif) repeat;*/
 font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	margin: 0 0 100px 0;
	}
	
#container {
	width:940px;
	margin:0 auto;
	background:#fff;
	padding:0 10px 40px 10px;
	}
	
	#center .promocja { height: 365px; width: 470px; margin: 0 0 0 13px; overflow: hidden; position: relative; }
			#center .promocja .obrazy { width: 20000em; position: absolute; }
		#center .navi { height: 24px; margin: 0 0 20px 0; }
			#center .navi a { display: block; width: 24px; height: 24px; background: #8c8c8c; margin: 0 6px 0 0; float: left; cursor: pointer; }
			#center .navi a.active { background: #000; }
			#center .navi a#navitab0 { background: url('../images/1234navi.gif') 0 0 no-repeat; }
			#center .navi a#navitab1 { background: url('../images/1234navi.gif') -24px 0 no-repeat; }
			#center .navi a#navitab2 { background: url('../images/1234navi.gif') -48px 0 no-repeat; }
			#center .navi a#navitab3 { background: url('../images/1234navi.gif') -72px 0 no-repeat; }
			#center .navi a#navitab0.active { background: url('../images/1234navi.gif') 0 -24px no-repeat; }
			#center .navi a#navitab1.active { background: url('../images/1234navi.gif') -24px -24px no-repeat; }
			#center .navi a#navitab2.active { background: url('../images/1234navi.gif') -48px -24px no-repeat; }
			#center .navi a#navitab3.active { background: url('../images/1234navi.gif') -72px -24px no-repeat; }
	
	#container #top #quicklinks { height: 28px; width: 590px; margin: 15px 0 0 0; padding: 0; text-align: right; float: right; }
			#container #top #quicklinks li { margin: 0 0 0 40px; list-style: none; display: inline-block; }
			#container #top #quicklinks a#styropian { display: block; width: 160px; height: 28px; background: url('../images/top-styropian.gif') no-repeat; }
			#container #top #quicklinks a#platinum { display: block; width: 147px; height: 28px; background: url('../images/top-platinum.gif') no-repeat; }
			#container #top #quicklinks a#ets { display: block; width: 96px; height: 28px; background: url('../images/top-ets.gif') no-repeat; }
			#container #top #quicklinks a#styropian.inactive { display: block; width: 160px; height: 28px; background: url('../images/top-styropian.gif') no-repeat 0 -28px; }
			#container #top #quicklinks a#platinum.inactive { display: block; width: 147px; height: 28px; background: url('../images/top-platinum.gif') no-repeat 0 -28px; }
			#container #top #quicklinks a#ets.inactive { display: block; width: 96px; height: 28px; background: url('../images/top-ets.gif') no-repeat 0 -28px; }
			#container #top #quicklinks a#styropian.inactive:hover { display: block; width: 160px; height: 28px; background: url('../images/top-styropian.gif') no-repeat 0 0; }
			#container #top #quicklinks a#platinum.inactive:hover { display: block; width: 147px; height: 28px; background: url('../images/top-platinum.gif') no-repeat 0 0; }
			#container #top #quicklinks a#ets.inactive:hover { display: block; width: 96px; height: 28px; background: url('../images/top-ets.gif') no-repeat 0 0; }
			
	#footmenu { width: 922px; padding: 30px 0; margin: 0 auto; }
		#footmenu .breadcrumbs { margin: 0 0 30px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #000; color: #b2b2b2; font-size: .8em; height: 12px; line-height: 12px; text-transform: lowercase; }
		#footmenu .col { width: 155px; float: left; margin: 0 0 0 20px; }
			#footmenu .col ul { margin: 0; padding: 0; font-size: .9em; }
				#footmenu .col ul li { list-style: none; margin: 0 0 15px 0; }
					#footmenu .col ul li a { color: #666; font-weight: bold; }
					#footmenu .col ul li a:hover { text-decoration: underline; }
					#footmenu .col ul li ul li { list-style: none; margin: 3px 0 0 0; }
						#footmenu .col ul li ul li a { color: #ababab; font-weight: 100; }
						
#footer { width: 896px; padding: 16px 32px; margin: 0 auto; background: #ff7519; color: #fff; }			
			
a{
	color:#333;
}

a:hover{
	text-decoration:underline;
}

 h2{
	border-bottom:1px solid #F67A28;
	border-left:10px solid #F67A28;
	clear:both;
	color:#000000;
	display:block;
	float:left;
	font-size:1.167em;
	line-height:16px;
	margin-bottom:15px;
	padding:6px 10px;
	width:467px;
	}

 h1{
	border-bottom:1px solid #ff7519;
	color: #000;
	font-size: 2em;
	font-weight: 100;
	margin: 25px 0;
	padding: 0 0 9px 0;
	display: block;
	clear: both;
	} 
	
h1.site { margin: 15px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ff7519; font-size: 1.9em; font-weight: 100; }

/************************************TOP*******************************************/

#top {
	}
	

.logo{
	clear:both;
	float:left;
	margin-left:0px;
	margin-top:0px;}
	
.logo_system{
	float:right;
	margin-top:15px;}
	
.clear { clear: both; }	
	
.topmenu{
	float:left;
	clear:both;
	width:930px;
	margin-left:10px;
	margin-top: 1px;
	overflow:hidden;
	/*width:462px;*/
	}
	
*html .topmenu{
	/*width:500px;*/}
	 
.topmenu li{
	float:right;
	margin-left:5px;
	}

.topmenu li a{
	float:left;
	color:#f57309;
	background:#f5f5f5;
	padding:10px 20px;}
	
.topmenu li a:hover{
	color:#fff;
	background:#f57309;
	}


.top_bottom{
	border-top:3px solid #F57309;
	float:left;
	height:30px;
	width:100%;
	*width:940px;
	}

.breadcrumb{
	border-bottom:1px dotted #111111;
	color:#B2B2B2;
	float:left;
	line-height:20px;
	margin-left:205px;
	padding-top:9px;
	width:497px;
	/*font-size:10px;*/
	font-size:0.833em;
	white-space:nowrap;
	overflow:hidden;}
	
* html .breadcrumb{
	margin-left:100px;}
	
.breadcrumb img{
	float:left;
	}
	
.breadcrumb a{
	/*float:left;*/
	margin:0 7px;
	color:#B2B2B2;}

.font_size{
	color:#B2B2B2;
	float:right;
	font-size:0.833em;
	line-height:30px;
	margin-right:10px;
	text-align:right;
	width:210px;
	white-space:nowrap;
	}
	
.font_size a{
	/*font-size:14px;*/
	font-size:1.167em;
	font-weight:bold;
	color:#B2B2B2;}	
	
/************************************ MID *******************************************/

#mid{
	float:left;
	padding:0 10px;}




/************************************LEFT*******************************************/


#left {
	width:180px;
	float:left;
	overflow:hidden;
	}
	
.menu{float:left;}

.menu li{}

.menu li a{
	background:#F5F5F5 none repeat scroll 0 0;
	border-left:10px solid #F57309;
	color:#000000;
	float:left;
	margin-bottom:4px;
	padding: 9px 10px;
	width:155px;}
	
.menu li a:hover, .menu li a.active{
	background:#F57309 none repeat scroll 0 0;
	border-left:10px solid #000;
	color:#fff;
	text-decoration:none;
	}
	
.menu li ul{
	display:none;
}

.submenu li{}

.submenu li a{
	background:#F5F5F5 none repeat scroll 0 0;
	border-left:none !important;
	color:#404040;
	float:left;
	margin-bottom:4px;
	padding:3px 10px;
	margin-left:10px;
	width:155px;
	
	}



/************************************CENTER*******************************************/

#center{
	float:left;
	margin:0 15px 10px 15px;
	width:500px;
	}

#center_noside {
	float:left;
	margin:10px 15px;
	width:710px;
	}
	
#center_noside h1{
	width:670px !important;}
	
#center_noside .backprint{
	width:722px !important;}
	
*html #center_noside h1{
	width:650px !important;}
	
*html #center_noside .backprint{
	width:702px !important;}

.backprint{
	border-top:1px dotted #333333;
	clear:both;
	float:left;
	margin-top:10px;
	padding-top:5px;
	width:497px;
	}
	
.niusy .backprint{
border-top:1px dotted #aaa;}
	
.wstecz, .wiecej{
	float:left;
	margin-top:3px;
	}
	
.buttony{
	float:right;}

.button{}

.witamy{
	/*font-size:16px;*/
	font-size:1.333em;
	line-height:24px;
	font-weight:bold;
	font-style:italic;
	color:#000000;
	display:block;
	border-bottom:2px solid #f57309;
	padding-bottom:5px;
	margin-bottom:5px;
	}

.witamy_msg{
	line-height:20px;
}

.ofirmie{}

.ofirmie p{
	color:#4F4F4F;
	line-height:24px;
	margin-bottom:15px;}


.produkty{
	*width:495px;}

.produkty h3{
	display:block;
	float:left;
	clear:both;
	background:#f8f7f5;
	border:1px solid #edeceb;
	color:#f57309;
	padding:8px 10px;
	/*font-size:14px;*/
	font-size:1.167em;
	line-height:14px;
	margin-bottom:5px;	
	}
	
.produkty h3 a {
	color:#f57309;
	}

.produkty ul{
	clear:both;
	float:left;
	margin-bottom:35px;
	margin-left:15px;
	*width:480px;}

.produkty ul li{
	height:18px;
	line-height:18px;
	margin-top:5px;
	*width:480px;
	}	

.produkty ul li img{
	float:left;
	margin-right:5px;
	}

.produkty ul li a{
	color:#000000;
	float:left;
	letter-spacing:0.5px;
	/*margin-left:5px;*/
	text-decoration:underline;
	*display:block;
	*width:400px;
	}

.produkt{
	clear:both;
	float:left;
	*width:500px;}

.produkt a{
	color:#111;}

.produkt div{
	margin:0px;
	padding:0px;}

.naglowek{
	color:#4f4f4f;
	font-weight:bold;
	display:block;
	margin:5px 0 20px;
	*width:480px;}

.produkt_foto{
	float:left;
	width:150px;
	padding:0;
	background:#fff;
	text-align: center;
	}

.produkt_lista{
	float:left;
	width:350px;
	
	}
	
* html .produkt_lista{
	width:315px;
	}	
	
produkt_lista ul{
	}	
	
* html .produkt_lista ul{
	width:315px;}

.produkt_lista li{
	color:#F67A28 !important;
	*margin-left:5px;
	*width:310px !important;
}

.produkt h3{
	border-bottom:1px dotted #000000;
	color:#000000;
	cursor:pointer;
	display:block;
	float:left;
	/*font-size:14px;*/
	font-size:1.167em;
	font-weight:bold;
	line-height:16px;
	margin:15px 0 7px;
	padding-left:19px;
	width:478px;
	}

.closed{
	background:transparent url(../images/rozwin.gif) no-repeat scroll 0px 0px;}
	
.opened{
	background:transparent url(../images/zwin.gif) no-repeat scroll 0px 0px;}


.klej .closed{
	background:transparent url(../images/rozwinklej.gif) no-repeat scroll 0px 0px;}
	
.klej .opened{
	background:transparent url(../images/zwinklej.gif) no-repeat scroll 0px 0px;}

.produkt p{
	color:#4F4F4F;
	display:block;
	float:left;
	line-height:20px;
	margin-left:18px;
	margin-bottom:10px;
	}

.produkt ul{
	margin-left:20px;
/* 	float:left; */
	clear:both;
}

.produkt ul li{
	color:#4F4F4F;
	line-height:16px;
	list-style:none !important;
	background:transparent url(../images/ulli.gif) no-repeat scroll 0 5.5px;
	padding-left:15px;
}

.klej ul li{
	color:#4a5d68 !important;
	background:transparent url(../images/ulliklej.gif) no-repeat scroll 0 5.5px !important;
}

.produkt table {
		border-top:1px solid #eee;
		border-left:1px solid #eee;
		border-right:1px solid #eee;
		margin:5px;
		clear:both;
		float:left;
	}	
	
.produkt tr {

	}
	
.produkt table td {
		border-bottom:1px solid #eee;
		padding:3px 5px;
	}

.produkt p{
	*width:480px;
	*margin-left:0px;
}

.produkt_tytul_symbol{
	margin-bottom:-4px;}

.specyfications {
 clear:both;
 width:475px;
}
.specyfications ul li a span { text-decoration:none !important;}
.specyfications ul li a span:hover {text-decoration:underline !important;}
.specyfications ul li {
  float:left;
}

.specyfications ul li a{
  float:left;
  width:400px;
}

.specyfications ul li img{
  float:left;
}


#cons {
	clear:both;
	float:left;
	margin-top:10px;
	}

#cons ul {
	float:left;
	clear:both;
	width:700px;
	}
	
#cons ul li {
	clear:both;
	float:left;
	/*font-size:11px;*/
	font-size:0.917em;
	margin-left:435px;
	white-space:nowrap;
	}

*html #cons ul li{
	margin-left:217px;
}	
	
#cons ul li a {
	font-weight:bold;
	color:#000;
	}
	
#cons ul#pom {
	background:url('../images/pom.jpg') no-repeat 0px 5px;
	margin-bottom:40px;
	}
	
#cons ul#ziel {
	background:url('../images/ziel.jpg') no-repeat 0px 0px;
	}

#cons span{
	color:#F57309;}
	
#cons span a{
	color:#F57309;}

.faq h3{
	font-weight:bold;
	display:block;
	margin:15px 0 7px;
	width:492px;
	float:left;
	color:#000000;
	border-bottom:1px dotted #000;
	/*font-size:14px;*/
	font-size:1.167em;
	padding-left:5px;
	}

.faq p{
	color:#4F4F4F;
	display:block;
	float:left;
	line-height:20px;
	margin-left:18px;
	margin-bottom:10px;
	}

.pobierzpdf{
	margin-top:-5px;}

.nius{}

.nius h3{
	font-weight:bold;
	display:block;
	margin:15px 0 7px;
	width:492px;
	float:left;
	color:#000000;
	border-bottom:1px dotted #000;
	/*font-size:14px;*/
	font-size:1.167em;
	padding-left:5px;
	}

.nius p{
	color:#4F4F4F;
	/*float:left;*/
	line-height:20px;
	margin-left:18px;
	margin-bottom:10px;
	}

.nius img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;}

.data{
	color:#333333;
	float:right;
	/*font-size:10px;*/
	font-size:0.833em;
	line-height:24px;
	margin-right:5px;
	}
	
.niusy{
	margin-bottom:35px;
	float:left;}
	
.niusy p{
	color:#4F4F4F;
	/*float:left;*/
	line-height:20px;
	margin-left:18px;
	margin-bottom:10px;
	}

.niusy img{
	float:left;
	margin-right:5px;
	margin-bottom:5px;}

.link{
	float:left;
	clear:both;
	margin-bottom:10px;
	*width:500px;}
	
.link_img{
	border-right:1px solid #CCCCCC;
	display:block;
	float:left;
	/*height:70px;*/
	min-height:25px;
	padding:5px 0;
	overflow:hidden;
	width:180px;
	vertical-align:middle;}

.link_img img{
	display:block;
	margin:auto;}

/*.link_nazwa{
	margin-left:10px;
	float:left;
	}*/
	
.link_nazwa{
	float:left;
	/*height:28px;*/
	line-height:14px;
	margin-bottom:5px;
	margin-left:10px;
	width:305px;
	*width:300px;
	}
	
*html .link_nazwa{
	margin-left:5px;
}

.link_link{
	float:left;
	line-height:14px;
	margin-left:10px;
	width:305px;
	*width:300px;
	color:#f67a28;
	text-decoration:underline;
	}
	
.kontakt{
	float:left;
	margin-left:15px;
	width:230px;
	letter-spacing:0.2px;
	margin-bottom:20px;}

.kontakt h3{
	/*font-size:14px;*/
	font-size:1.167em;
	margin-bottom:5px;}

.kontakt p{
	/*font-size:11px;*/
	font-size:0.917em;
	height:40px;
	line-height:13px;
	margin-bottom:5px;
	margin-left:15px;}

.kontakt ul{}

.kontakt ul li{
	/*font-size:11px;*/
	font-size:0.917em;
	line-height:13px;}

.kontakt ul li span{
	color:#F67A28;
	}

.kontakt_formularz{
	clear:both;
	float:left;
	margin-bottom:20px;}

.kontakt_formularz h3{
	font-weight:bold;
	display:block;
	margin:15px 0 7px;
	width:492px;
	float:left;
	color:#000000;
	border-bottom:1px dotted #000;
	/*font-size:14px;*/
	font-size:1.167em;
	padding-left:5px;
	}

.kontakt_formularz ul{}

.kontakt_formularz ul li{
	color:#333333;
	float:left;
	font-family:Arial,Helvetica,sans-serif;
	/*font-size:12px;*/
	font-size:1em;
	margin-bottom:5px;
	*width:500px;}

.kontakt_formularz label{
	float:left;
	line-height:20px;
	margin-right:5px;
	text-align:right;
	width:110px;}

label.error{
	color:#BF0000;
	font-size:10px;
	line-height:10px;
	margin-left:116px;
	padding-bottom:4px;
	text-align:center !important;
	width:377px !important;
	float:left;
	clear:both;
	}
	
span#re{
	color:#BF0000;
	font-size:14px;
	line-height:14px;
	margin-left:116px;
	padding-top:20px;
	padding-bottom:5px;
	/*text-align:center !important;*/
	width:377px !important;
	font-weight:bold;
	float:left;
	clear:both;
	}


.kontakt_formularz input{
	float:left;
	line-height:14px;
	padding:2px;
	width:146px;
	border: 1px solid #aaaaaa;
	}

.kontakt_formularz textarea{
	float:left;
	width:259px;
	height:97px;
	border: 1px solid #aaaaaa;
	overflow-x:hidden;
	overflow-y:auto;
	}

.kontakt_formularz .gwiazdka{
	text-align:center;
	width:490px;}
	
.kontakt_formularz .wyslij{
	width:100px;
	margin-left:20px;}

.kontakt_formularz .wyczysc{
	width:100px;
	margin-left:20px;}
	
.kontakt_formularz input.error, .kontakt_formularz textarea.error{
	border: 1px solid #cc0000;
}
.biblioteczka{
	margin-bottom:25px;}

.biblioteczka h3{
	margin-bottom:5px;
	margin-top:25px;}
	
.page p{
	margin-bottom:7px;}

.prasa{
	}

.prasa dt{
	margin-left:10px;
	}
	
.prasa dt a{
	font-weight:bold;
	}

.prasa dt a:hover{
	text-decoration:none;
	color:#F57309;}

.prasa dd{
	color:#5F5F5F;
	margin-bottom:10px;
	margin-left:20px;
	}
	
.prasa_data{
	font-size:0.75em;
	line-height:12px;}

.prasa_reklamy{}

.prasa_archiwum{
	border-top:1px solid #EEEEEE;
	clear:both;
	float:left;
	margin-top:30px;
	padding-top:4px;
	text-align:center;
	width:497px;}

.prasa_archiwum span{
	display:block;
	font-size:9px;
	margin:0 auto;
	text-align:left;
	width:100px;
	color:#aaa;}

.prasa_archiwum a{
	margin:0 2px;}

.prasa_archiwum a:hover{
	color:#F67A28;
	}


ul.dlaczego { margin: 10px 0 0 0; padding: 0; clear: both; }
ul.dlaczego li { list-style: none; margin: 0 0 20px 0; background: url('../images/ico-ok.gif') no-repeat; padding: 0 0 0 45px; }
ul.dlaczego li strong { color: #444; }

/************************************RIGHT*******************************************/
	

#right {
	width:210px;
	float:left;
	overflow:hidden;
	}
	
.search{
	background:#181818 url(../images/szukaj.gif) no-repeat scroll 11px 0;
	float:left;
	margin-bottom:10px;
	padding:29px 11px 18px;
	}

.search .searchpole{
	float:left;
	line-height:14px;
	padding:5px;
	border:none;
	background:#e8e8e8;
	width:147px;}
	
.search .searchsubmit{
	float:left;
	font-size:0;
	border:none;
	background:#e17c3a url(../images/lupa.gif) no-repeat 50% 50%;
	height:24px;
	margin-left:3px;
	width:28px;
	cursor:pointer;
	}

.search { padding: 30px 11px 18px 11px; background: #000 url('../images/search.gif') no-repeat 11px 11px; margin: 0 0 30px 0; }
.search .searchpole { margin: 0; height: 15px; padding: 4px; border: none; background: #e8e8e8; font-size: 1em; width: 150px; }
.search .searchsubmit { background: #ff7519 url('../images/search-button.gif') no-repeat; float: right; border: none; width: 24px; height: 23px; }


.sonda{
	background:#f5f5f5;
	float:left;
	margin-bottom:10px;
	padding:11px;
	width:188px;
	}

.sonda-all{
	background:#f5f5f5;
	float:left;
	margin-bottom:10px;
	padding:11px;
	width:100%;
	}

.sonda h4{ margin-bottom:10px; }

.sonda ul{ margin-left:15px; margin-bottom:15px; }

.sonda ul li { margin-bottom:5px; }
.sondasubmit{
	background:#F7924F none repeat scroll 0 0;
	border:medium none;
	color:#FFFFFF;
	float:left;
	height:23px;
	margin-left:60px;
	width:67px;
	font-weight:bold;
	cursor:pointer;
}

.sondaarchiwum{
	width:100%;
	text-align:center;
}

.sondawyniki{
	float:left;
	margin-left:20px;
	color:#F7924F;
	line-height:23px;
	text-decoration:underline;
	*width:100px;}


.nowosc{
	background:#f5f5f5 url(../images/nowosci.gif) no-repeat scroll 11px 0;
	float:left;
	margin-bottom:10px;
	padding:28px 11px 18px;
	width:188px;
	}

.nowsymbol{
	float:left;
	margin-bottom:7px;
	margin-left:64px;
	margin-top:-24px;}

.nowfoto{
	float:left;
	/*margin-right:5px;*/
	margin-right:25px;/*dla waskiego zdjecia pianki*/
	margin-left:25px;/*dla waskiego zdjecia pianki*/
	margin-bottom:5px;
	max-height:75px;
	max-width:55px;
	}

.nowosc strong{
	/*color:#F57309;*/ /*pomaranczowy kolor*/
	color:#5781ae; /*niebieski kolor - pianka zimowa*/
	display:block;
	line-height:14px;
	margin-bottom:10px;}

.nowosc span{
	color:#454545;
	/*font-size:11px;*/
	font-size:0.917em;
	line-height:16px;}

.nowosc ul{
	margin-bottom:10px;
	clear:both;}

.nowosc ul li{
	/*color:#F57309;*/ /*pomaranczowy kolor*/
	color:#5781ae; /*niebieski kolor - pianka zimowa*/
	/*font-size:11px;*/
	font-size:0.917em;
	line-height:16px;
	list-style-position:inside;
	list-style-type:square;
	}

.nowwiecej{
	display:block;
	text-align:right;
	color:#333333;
	/*font-size:11px;*/
	font-size:0.917em;
	margin-right:5px;
	text-decoration:underline;}

.namiary{
	background:#F5F5F5 none repeat scroll 0 0;
	color:#333333;
	float:left;
	/*font-size:11px;*/
	font-size:0.917em;
	margin-bottom:10px;
	padding:10px;
	width:190px;
	}

/************************************LIBRARY*******************************************/

li.libr { list-style: none; clear: both; background: url('/images/pdf.gif') no-repeat; padding: 0 0 0 22px; margin: 5px 0; }
.biblioteczka h1 { float: none; }

/************************************FOOT*******************************************/

#foot{
	background:#F57309 none repeat scroll 0 0;
	float:left;
	height:64px;
	line-height:64px;
	margin:20px 0;
	width:900px;
	padding:0 20px;
	}

#foot p{
	color:#FFFFFF;
	float:left;}

#foot img{
	float:right;
	padding-top:20px;}