/*	=reset & global
---------------------------------------------------------------------------- */

html, body, h1, h2, h3, h4, h5, h6, div, span,
blockquote, p, address, form, fieldset, img,
ul, ol, dl, dt, dd, li, hr, table, td, th,
strong, em, sup, sub, dfn, ins, del, q, cite,
var, samp, code, kbd, tt {
	margin: 0;
	padding: 0;
	border:0;
}

body{
	font-family: Trebuchet MS,Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #484F56;
}
p{
	line-height: 18px;
}
a{
	text-decoration: none;
	color: #888;
}
a:hover{
  color: #484F56;
}
div{
	position: absolute;
	background-repeat: no-repeat;
}
#column div{
	position: relative;
}
h1{
	color: #5D6972;
	font-style: italic;
}
h2{
	color: #8999A6;
	font-style: italic;
}
.container{
	width: 994px;
	height: 1350px;
	margin: 0 ;
	background: url(./../gfx/bg.jpg) no-repeat;
   position: relative;
}
#kolektory .container{ background: url(./../gfx/bg_kolektory.jpg) no-repeat; height:2800px;}
#odkurzacz .container{ background: url(./../gfx/bg_odkurzacz.jpg) no-repeat; height:1600px;}
#zapytanie .container{ background: url(./../gfx/bg_zapytanie.jpg) no-repeat; height:1400px;}
#kontakt .container{ background: url(./../gfx/bg_kontakt.jpg) no-repeat; height:900px;}
#gwc .container{ background: url(./../gfx/bg_gwc.jpg) no-repeat; height:1600px;}
#podlogowe .container{ background: url(./../gfx/bg_podlogowe.jpg) no-repeat; height:2700px;}
#pompy .container{background: url(./../gfx/bg_pompy.jpg) no-repeat; height: 1800px;}
#pompy-buderus .container{	background: url(./../gfx/bg_pompy_buderus.jpg) no-repeat;height: 1800px;}
#pompy-viessmann .container{background: url(./../gfx/bg_pompy_viessmann.jpg) no-repeat;height: 1800px;}
#wentylacja .container{background: url(./../gfx/bg.jpg) no-repeat; height: 1900px;}
.clr{
	clear: both;
}

.none{
	display: none;
}
.foto-left{
	float: left;
	padding-right: 4px;
}
.h1-lisc{
	background: url(./../gfx/dot_h1_pompy.png) no-repeat;
	padding: 55px 0 10px 55px;
   margin-left: -20px; 
}
.h1-li{
	background: url(./../gfx/dot_h1_grey.png) no-repeat 0 8px;
	margin: 45px 0 10px 14px;
	padding-left: 25px;
}
.h4-link{
	font-size: 1.3em;
	text-transform: none;
	width:50%;
}
.h4-link-blue a{
	font-size: 1.3em;
	text-transform: none;
	width:50%;
	color: #0078C0;
}
.h4-link a{
	color:	#5D6972;
	display: block;
	width: 100%;
}
.h4-link img{
	margin-top: 4px;
	margin-left: 0;
}
#h4-link-buderus{
	margin-top: 45px;
	background: url(./../gfx/logo_color_buderus.png) 140px 4px no-repeat;
}
#h4-link-viessmann{
	background: url(./../gfx/logo_color_viessmann.png) 140px 4px no-repeat;
	padding-bottom: 6px;
}
#h4-link-wiz{
	margin-top: 50px;
}
ol,
.content-list{
	margin-bottom: 10px;
}
.content-list li{
	list-style-image: url(./../gfx/dot_square_small.jpg);
	list-style-position: inside;
		 text-align: justify;
}
.content-list-none{
	margin-top: 0px;
}
.content-list-none li{
	list-style: none;
}

h1{
	font-style: normal;
}
h3{
	background: url(./../gfx/dot_h3.png) no-repeat;
	padding: 28px 0 20px 30px;
	font-size: 1.4em;
	color: #5D6972;
}
#pompy-viessmann h3{
	color:#E75F25;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
h4{
	 text-transform: uppercase;
	 color: #484F56;
	 font-weight: bold;
	 margin-bottom: 5px;
}
h4 em{
	font-size: smaller;
	font-style: normal;
	text-transform: none;
}
p{
	text-align: justify;
}
.top-list{
	margin-bottom: 0;
	padding-bottom: 0;
}
#gfx-logo{
	top: 26px;
	left: 446px;
}
#gfx-logo a{
	display: block;
	width: 180px;
	height: 91px;
	/*background: url(./../gfx/logo.png) no-repeat;*/
}

#gfx-firma{
	top: 39px;
	left: 700px;
}
#gfx-firma a{
	display: block;
	width: 150px;
	height: 72px;
	background: url(./../gfx/firma.jpg) no-repeat;
}

#nav-main{
	top: 100px;
	left: 520px;
}

#column{
   top:190px;
	left:498px;
	width:465px;
}
#kontakt #column{
	top: 375px;
	left: 540px;
}
#wentylacja #column,
#kolektory #column,
#odkurzacz #column,
#gwc #column,
#pompy #column,
#pompy-buderus #column,
#pompy-viessmann #column,
#podlogowe #column{
	top: 600px;
	width: 435px;
	left: 530px;	
}
#zapytanie #column{
   top:620px;
	left:498px;
	width:465px;
}
#column-second{
	top:650px;
	left:30px;
	width: 470px;
}
#zapytanie #column-second{
	top: 620px;
}
#column img,
#column-second img{
	margin-left: 30px;
	margin-top: 5px;
	margin-right: 5px;
}

#column img.no-margin-left,
#column-second img.no-margin-left{
	margin-left: 0;
}

#column #img-logo-viessmann,
#column #img-logo-buderus{
	margin: 30px 0 15px 30px;
}

#column #img-logo-gwc{
	margin: 10px 0 20px 60px;
}
#column ul,
#column ol,
#column h4,
#column p,
#column-second ul,
#column-second ol,
#column-second h4,
#column-second p,
#column strong,
#column-second strong{
	padding-left: 30px;
}
#column ol,
#column-second ol{
	list-style-position: inside;
}
#column p strong,
#column-second p strong{
	padding-left: 0;
}
#column p,
#column-second p{
	margin-bottom: 15px;
}

#column p.top-list,
#column-second p.top-list{
	margin-bottom: 2px;
}

#nav-main{
	margin-top: 5px;
	margin-bottom: 20px;
	height: 90px;
}
#nav-main li{
	display: inline;
}
#nav-main a{
	display: block;
	float: left;
	text-decoration: none;
	color: #A1B7C8;
	font-style: italic;
	font-weight: bold;
	background: url(./../gfx/dot_nav.png) no-repeat;
	height: 90px;
}
#nav-main a span{
	display: block;
}
#nav-main a:hover,
#nav-main .activ{
	background-position: 100% 0;
}
#nav-main a:hover span,
#nav-main .activ span{
	display: none;
}
#nav-main-projekt a{
	width: 153px;
	margin-top: 10px;
	background: url(./../gfx/nav_main_index.png);	
}
#nav-main-projekt a span{
	margin: 45px 0 0 0;
}
#nav-main-projekt a:hover,
#nav-main-projekt a.activ {
}
#nav-main-zapytanie a{
  	width: 156px;
	margin-top: 00px;
	margin-left:0px;
	background: url(./../gfx/nav_main_zapytanie.png);
}
#nav-main-zapytanie a span{
   margin: 45px 0 0 20px;	
}
#nav-main-zapytanie a:hover,
#nav-main-zapytanie a.activ{
	margin-top: 0;
}
#nav-main-kontakt a{
	width: 114px;
	background-image: url(./../gfx/nav_main_kontakt.png);
}
#nav-main-kontakt a span{
	margin:50px 0 0 20px;
}
#nav-main-kontakt a:hover ,
#nav-main-kontakt a.activ{

}
#nav-sprzety{
	top: 200px;
	left: 480px;
	margin-left: 20px;
}

#nav-sprzety a,
#nav-sprzety .activ li a{
	color:#707F8B;
}
#nav-sprzety li li:hover,
#nav-sprzety li li:hover a,
#nav-sprzety  a:hover,
#nav-sprzety .activ a{
color: #6EA41C;
}

#nav-sprzety li{
	padding-left: 130px;
	padding-top: 2px;
	list-style: none;
	margin: 1px 0;
}
#nav-sprzety li.activ{

}
#nav-sprzety li ul{
	margin-left: 30px;
}

#nav-sprzety li li{
	padding: 0;
   line-height: 1.2em;
	list-style: disc;
	color:#A5BCCE;
}
#nav-sprzety h2{
	font-style: normal;
	background: url(./../gfx/dot_h2.png) no-repeat 0 -2px;
	padding-left: 28px;
	margin-top: 3px;

}
#nav-sprzety h2:hover,
#nav-sprzety .activ h2{
	background: url(./../gfx/dot_h2_green.png) no-repeat 9px 7px;
	
}


.link-ico{
	width: 89px;
	height: 73px;
	left: 36px;

}
#nav-sprzety li.activ .link-ico,
#nav-sprzety li:hover .link-ico{
	background-position: 100% 0;
}
#nav-sprzety-pompy{padding-bottom:0px; }
#nav-sprzety-pompy .link-ico{ background: url(./../gfx/nav_sprzety_pompy.png) no-repeat ; top:6px;}
#nav-sprzety-wymiennik{
	margin-top: 0px;
	padding-bottom: 5px;
}
#nav-sprzety-wymiennik .link-ico{background: url(./../gfx/nav_sprzety_wymiennik.png) no-repeat ;	margin-top: -2px;}
#nav-sprzety-kolektory{
	margin-top: 10px;
	padding-bottom: 5px;
}
#nav-sprzety-kolektory .link-ico{background: url(./../gfx/nav_sprzety_kolektory.png) no-repeat ; 	margin-top: -3px;}
#nav-sprzety-odkurzacz{
	margin-top: 14px;
    height: 50px;
	 padding-bottom: 12px;
}
#nav-sprzety-odkurzacz .link-ico{background: url(./../gfx/nav_sprzety_odkurzacz.png) no-repeat ; 	margin-top: -4px;}
#nav-sprzety-podlogowe{
	margin-top: 12px;
	 height: 50px;
	 padding-bottom: 12px;
}
#nav-sprzety-podlogowe .link-ico{ background: url(./../gfx/nav_sprzety_podlogowe.png) no-repeat ;	margin-top: -7px;}
#nav-sprzety-wentylacja{
	margin-top: 12px;
	 height: 50px;
	 padding-bottom: 5px; 
}
#nav-sprzety-wentylacja .link-ico{ background: url(./../gfx/nav_sprzety_wentylacja.png) no-repeat ;	margin-top: -9px;}
#txt-projektowanie{
	margin-top:46px;
	width: 349px;
	font-style: italic;
	background-image: url(./../gfx/dot_h1.png);
}
#txt-projektowanie h1{
	width: 355px;
	height: 47px;
	background: url(./../gfx/h1_projektowanie.png);
	margin: 1px 0 0 34px;
}
#txt-projektowanie p{
	margin-left: 25px;
	width: 380px;
	font-size: 1.1em;
	font-style: normal;
}
#txt-wykonawcze{
	top: 10px;
	left:10px;
	
	background-image: url(./../gfx/dot_h2.png);
}
#txt-wykonawcze h2{
	width: 199px;
	height: 59px;
	background: url(./../gfx/h2_wykonawcze.png);
	margin: -4px 0 0 25px;
}
#txt-ponadto ul,
#txt-wykonawcze ul{	
	margin-top: 5px;
	margin-left: 30px;
}
#txt-ponadto ul{
	margin-top: -5px;
	margin-left: 60px;
}
#txt-ponadto li,
#txt-wykonawcze li{
	list-style-image: url(./../gfx/dot_li_blue.png);
	margin-bottom: 4px;
}
#txt-wykonawcze li{
	margin-bottom: 2px;
}
#txt-ponadto{
	top: 740px;
	left: 90px;
	background-image: url(./../gfx/dot_h2.png);
}
#txt-ponadto h2{
	width: 200px;
	height: 41px;
	background: url(./../gfx/h2_ponadto.png);
	margin: -1px 0 0 25px;
}

#txt-ekologia{
	top: 640px;
	left: 100px;
	width: 380px;
	color: #135E6A;
	font-size: 1.2em;
	font-weight:  bold;
	font-style:  italic;
}
#zapytanie #txt-ekologia{
	top: 410px;
	left: 610px;
	width: 380px;
}
#txt-ekologia p{
	line-height: 22px;
}
#nav-esi{
	/*background-image: url(./../gfx/dot_h1_grey.png);*/
  /* background-image: url(./../gfx/bg_nav_esi.jpg);*/
/*   background-position: 13px -10px;*/
	 height: 155px;
	top:15px; 
	left: 4px;
	font-weight: bold;
	padding-top: 0px;
	background: url(./../gfx/li_border.gif) repeat-y 0 33px;
}

#nav-esi a:hover{
	text-decoration: underline;
}
#kontakt #nav-esi,
#zapytanie #nav-esi{
	left: 504px;
	top: 212px;
}
#kontakt #nav-esi{
	top: 221px;
}
#nav-esi h1{
	display: none;
	width: 350px;
	height: 30px;
	/*background-image: url(./../gfx/h1_esi.png);
	background-repeat: no-repeat;*/
	margin-left: 0px;
	margin-top: 0px;
}
#nav-esi ul{
	margin-top: 5px;
	margin-left: 50px;
	width: 400px;
	padding: 0;
}
#nav-esi li{
	list-style-image: url(./../gfx/dot_li_blue_light.png);
	margin-bottom: 6px;
	/*float: left;*/
	width: 200px;
	font-size: 1.3em;
	color: #888;
	padding: 0;
	 text-indent: 0;
	 

}
#nav-esi #li-1{margin-left:0;}
#nav-esi #li-2{margin-left:5px;}
#nav-esi #li-3{margin-left:9px;}
#nav-esi #li-4{margin-left:11px;}
#nav-esi #li-5{margin-left:13px;}
#nav-esi #li-6{margin-left:13px;}
#nav-esi li h1{
	display: block;
	font-size: 1em;
	margin: 0;
	padding: 0;
	background: none;
	height: 22px;
	font-weight: normal;
	
}
	#nav-esi li h1 a{
		color: #5D6972;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.0em;
	}
#partnerzy{
	position: absolute;
	margin-left: 25px;
	display: none;
	
}
#partnerzy img{
	padding: 0 15px;
	margin-left: 0;
}
#top-icons{
	position: absolute;
	top: 15px;
	right: 40px;
	background: url(./../gfx/bg_top_icons.jpg) no-repeat 54% 0;
	width: 70px;
	height: 40px;
	padding-top: 7px;
}
#top-icon-post{
	float: left;
	display: block;
	width: 28px;
	height: 21px;
	background: url(./../gfx/ico_post_small.jpg) no-repeat;
	margin-top: 2px;
}
#top-icon-fav{
float: right;
	display: block;
	width: 23px;
	height: 23px;
	background: url(./../gfx/ico_fav.jpg) no-repeat;
}
#img-piece{
	position: absolute;
	top: 832px;
	left: 40px;
}
#img-piece-kolektory{
	margin-top: 10px;
	margin-left: 0px;
	
}
#img-eko-cieplo img{
	margin-left: 0;
}

#kontakt-1{
	top: 20px;
	left: 10px;
	
}
#kontakt-2{
	top: 20px;
	left: 8px;
}
#kontakt-3{
	top: -140px;
	left: 190px;
}
#footer{
	top: 1265px;
	left: 80px;
	width: 840px;
	background: url(./../gfx/bg_footer.jpg);	
	padding-top: 5px;
}
#wentylacja #footer{top: 1920px;}
#podlogowe #footer{top: 2815px;}
#kolektory #footer{ top:2720px;}
#odkurzacz #footer{ top:1680px;}
#gwc #footer{ top:1850px;}
#zapytanie #footer{ top:1330px;}
#pompy #footer{ top:3395px;}
#pompy-buderus #footer{top: 2500px;}
#pompy-viessmann #footer{top: 6630px;}
#kontakt #footer{ top:935px;}
#footer div{
	position: relative;
	float: left;
}
#footer h2{
	font-size: 1em;
	font-style: italic;
	color: #A1B7C8;
	background-image: url(./../gfx/dot_li_grey.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 12px;
}
#footer-title{
	display: none;
	font-size: 0.85em;
	font-weight: bold;
	padding: 12px 0 15px 45px;
	background-image: url(./../gfx/ico_esi.jpg);
	margin-top: 6px;
	margin-left: 70px;
	font-style: italic;
	text-transform: uppercase;
}
#footer-tel1{
	display: none;
	margin-left: 40px;
	padding: 8px 0 15px 50px;
   background-image: url(./../gfx/ico_tel.jpg);	
}
#footer-tel1 p,
#footer-tel2 p{
	font-size: 1.2em;
	font-style: italic;
	color: #A1B7C8;
	padding-left:10px;
}
#footer-tel2{
	display: none;
	padding: 8px 0 15px 20px;
}
#footer-addr{
	display: none;
	font-size: 1.1em;
	font-style: italic;
	padding: 7px 0 15px 70px;
	margin-left: 55px;
   background-image: url(./../gfx/ico_post.jpg);	
	color: #A1B7C8;
}
#footer #footer-jiggit{
	float: right;	
	color: #A1B7C8;
	font-style: italic;
	margin-top: 10px;
	margin-right: 0px;
	padding-bottom: 10px;
}
#footer-jiggit a{
	 text-decoration: none;
	 color: #A1B7C8;
}
#footer-jiggit em{
	background-color: red;
	color: #fff;
	padding:0 2px;
	text-transform: uppercase;
	font-weight: bold;

}

#kontakt-3 h3{
	padding:28px 0 13px 30px;
}
#kontakt-3 h4{
	padding-top: 10px;
}
#kontakt-3 p{
	 text-transform: uppercase;
	 color: #484F56;
	 font-weight: bold;
	 margin-bottom: 0px;	
	 line-height: 16px;
}
#kontakt-3 p em{
	font-size: smaller;
	font-style: normal;
	text-transform: none;	
}

#wentylecja_wilgoc{
	height: 460px;

}
	#wentylecja_wilgoc li{
		display: inline;
		list-style: none;
	}
	#wentylecja_wilgoc a{
		float: left;
		display: block;
		width:205px;
		height: 219px;
		margin: 0 15px 15px 0;
	}
	#wentylecja_wilgoc img{
		margin: 0;
	}
	

	#dhtmlgoodies_leftPanel ul{
		padding-left:20px;
		margin-left:0px;
	}
	#dhtmlgoodies_leftPanel div{
		padding:3px;
	}
	#mainContent{
		width:660px;
		margin-left:150px;
		background-color:#FFF;
		padding-right:5px;
		border-left:1px solid #000;
		border-right:1px solid #000;
		border-bottom:1px solid #000;
		
	}

	/* END CSS ONLY NEEDED FOR THIS DEMO PAGE */
	
	#dhtmlgoodies_leftPanel{	/* Styling the help panel */
		
		background-color:#DDEFFD;	/* Blue background color */
		color:#484F56;	/* White text color */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Which font to use */
		
		/* You shouldn't change these 5 options unless you need to */		
		height:100%;		
		left:0px;
		z-index:10;
		position:absolute;
		display:none;
	}
	
	#dhtmlgoodies_leftPanel #leftPanelContent{
		padding:0px;
	}
	#dhtmlgoodies_leftPanel .closeLink{ /* Layout of close link */
		padding-left:2px;
		padding-right:2px;
		background-color:#FFF;
		position:absolute;
		top:2px;
		right:2px;
		border:1px solid #000;
		color:#000;
		font-size:0.8em;				
	}
	#dhtmlgoodies_leftPanel .closeLink:hover{	/* Close link text  - mouseover effect*/
		color:#FFF;
		background-color:#000;
	}