/* CSS Document */
body {
margin:0px;
padding:0px;
margin-bottom:20px;

background-color:#c6c4b8;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-position:top center;
font-family:Arial, Helvetica, sans-serif;
}

div#main {
width:798px;
height:auto;
margin-left:auto;
margin-right:auto;
background-image:url(../images/main_bg.jpg);
background-repeat:repeat-y;
background-position:left top;
border-left:1px #80817b solid;
border-right:1px #80817b solid;
position:relative;
}
div.lines {
width:798px;
height:2px;;
border-top:1px #80817b solid;
border-bottom:1px #80817b solid;
font-size:1px;
}

/* --------------------------------------------- TOP BUTTONS ------------------------------------------- */
div#top_btn {
width:798px;
height:30px;
background-image:url(../images/pro_ogrzewanie.jpg);
background-repeat:no-repeat;
background-position: 290px 0px;
text-align:right;
}
#top_btn img {
border:none;
float:right;
}
div#orange {
font-size:1px;
width:514px;
height:4px;
background-color:#ff6d00;
position:relative;
left:284px;
}
/* ----------------------------------------------------------------------------------------------------- */

/* ----------------------------------------- FLASH ----------------------------------------------------- */
div#flash {
width:798px;
height:224px;
text-align:right;
padding:0px;
background-color:#ffffff;
background-image:url(../images/logo.jpg);
background-position:left top;
background-repeat:no-repeat;
margin:0px;
overflow:visible;
}

#flash img {
padding:0px;
border:none;
margin:0px;
float:right;
}
/* ----------------------------------------------------------------------------------------------------- */

/* ------------------------------------------- CONTENT ------------------------------------------------- */
div#content {
width:798px;
height:auto;
overflow:hidden;
}
div#column_left {
width:284px;
height:auto;
float:left;
}

		/* -------------------------------------------- LEFT MENU ---------------------------------------------- */
		div#menu {
		width:284px;
		height:auto;
		
		}
		.cssnav	{
		position:relative;
		background-image:url(../images/btn_on.jpg);
		float: left;
		margin: 0; 
		padding: 0;
		font-family: arial, helvetica, sans-serif;
		width: 283px;
		height: 33px;
		overflow:hidden;/* for ie to hide extra height*/	
		}
		.cssnav a {
		display: block;
		font-size: 12px;
		width: 283px;
		height: 33px;
		display: block;
		float: left;
		color: #333333;
		font-weight:bold; 
		text-decoration: none;
		overflow:hidden;/* for ie to hide extra height*/
		}
		.cssnav a:hover {
		text-decoration: none;
		}
		
		.cssnav span {
		position: absolute;
		left: 0px; top: 10px;
		text-align: center;
		width: 283px;
		cursor: pointer;   
		}
		
		
		.cssnav img {width: 283px; height: 33px; border: 0; }
		* html a:hover {visibility:visible}
		.cssnav a:hover img{visibility:hidden}
		/* ----------------------------------------------------------------------------------------------------- */
		
		/* ---------------------------------------------- PRODUCENTS ------------------------------------------- */
		div#producents {
		width:284px;
		height:auto;
		text-align:center;

		}
	
		/* ----------------------------------------------------------------------------------------------------- */

div#column_right {
width:284px;
height:auto;
float:left;
position:relative;
}
div#firma {
width:444px;
height:56px;
background-image: url(../images/firma.jpg);
background-repeat:no-repeat;
background-position:top left;
border-bottom:2px #ff6d00 solid;
position:relative;
left:35px;
}
div#home {
width:444px;
height:56px;
background-image: url(../images/glowna.jpg);
background-repeat:no-repeat;
background-position:top left;
border-bottom:2px #ff6d00 solid;
position:relative;
left:35px;
}div#oferta {
width:444px;
height:56px;
background-image: url(../images/oferta.jpg);
background-repeat:no-repeat;
background-position:top left;
border-bottom:2px #ff6d00 solid;
position:relative;
left:35px;
}
div#galeria {
width:444px;
height:56px;
background-image: url(../images/galeria.jpg);
background-repeat:no-repeat;
background-position:top left;
border-bottom:2px #ff6d00 solid;
position:relative;
left:35px;
}
div#faq {
width:444px;
height:56px;
background-image: url(../images/faq.jpg);
background-repeat:no-repeat;
background-position:top left;
border-bottom:2px #ff6d00 solid;
position:relative;
left:35px;
}
div#kontakt {
width:444px;
height:56px;
background-image: url(../images/kontakt.jpg);
background-repeat:no-repeat;
background-position:top left;
border-bottom:2px #ff6d00 solid;
position:relative;
left:35px;
}
div#content_box {
width:444px;
height:auto;
position:relative;
left:35px;
font-size:12px;
color:#333333;
padding-top:20px;
padding-bottom:20px;
text-align:justify;
overflow:hidden;
}
div#orange_content {
font-size:1px;
width:4px;
height:130px;
background-color:#ff6d00;
position:absolute;
top:120px;
left:0px;
}
	/* ---------------------------------------------- STOPKA ----------------------------------------------- */
	div#footer {
	widows:798px;
	height:60px;
	background-color:#2c2c2c;
	position:relative;
	font-size:11px;
	color:#666666;
	}
	div#footer_left {
	width:253px;
	height:30px;
	border-right:1px #555555 solid; 
	padding:15px;
	}
	div#footer_right {
	width:453px;
	height:20px;
	line-height:33px;
	position:absolute;
	top:0px;
	left:300px;
	padding:20px;
	text-align:center;
	overflow:hidden;
	}
	#footer a {
	display:block;
	float:left;
	margin-right:20px;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	}
	#footer a:hover {
	color:#FF6600;
	}

	/* ----------------------------------------------------------------------------------------------------- */
	
	/* ------------------------------------------- FORMULARZ KONTAKTOWY -------------------------------------- */
		div#contact_form { width:420px; height:auto; background-color:#4b4b4b; margin-top:40px; position:relative; padding:10px; }
		
		div#contact_form_title { width:138px; height:31px; position:absolute; top:2px; left:30px; background-image:url(../images/napisz_do_nas.jpg); background-repeat:no-repeat; }
		div#contact_form_box { width:400px;	height:auto; border:1px #666666 solid; padding:10px; padding-top:30px; text-align:right; color:#999999; }
		
	#contact_form_box input { width:305px; background-color:#a9a9a9; border:1px #CCCCCC solid; }
	#contact_form_box textarea { width:380px; height:150px; font-family:Arial, Tahoma, Helvetica, sans-serif; font-size:12px; background-color:#a9a9a9; border:1px #CCCCCC solid;  }
	#contact_form_box .button  { width:116px; height:30px; border:none;  }
	#contact_form_box .red {color:#FF0000; padding-right:50px;}
	#contact_form_box .green {color:#009900; padding-right:50px;}
	/* ----------------------------------------------------------------------------------------------------- */
	
	
	/* ------------------------------------------------- GALERIA ------------------------------------------- */

	
	.gallery_box { background-image:url(../images/shadow.jpg); background-repeat:no-repeat; background-position:bottom left;    height:auto; padding-bottom:20px; overflow:hidden; width:400px;}
	.over { overflow:hidden;width: 440px; }
	.over .foto {width:220px; height:auto; float:left; text-align:center;}
	.over .link {width:200px; height:auto; float:left; text-align:center;}

	.over .foto img { border:1px #999999 solid; padding:2px; margin-bottom:5px; }
	.over .link img { border:none; }
	.over .link a{ font-weight:bold; color:#333333; text-decoration:none; border:none;}
	.over .link a:hover { text-decoration:none;}

	#galeria { overflow:hidden; width: 440px; height:auto; }



	/* ----------------------------------------------------------------------------------------------------- */
	
	
	/* ------------------------------------------------- FAQ ----------------------------------------------- */
	#accordion {margin:20px 0px; }
	
	h3.toggler  { width:440px; cursor: pointer; font-size: 12px; color:#666666; margin: 0 0 4px 0; padding: 0px; 	background-image:url(../images/faq_title_bg.jpg); background-repeat:repeat-y; background-position:top left;}
	
	h3.toggler p { width:360px; cursor: pointer; font-size: 12px; color:#666666; padding: 4px 40px 4px; margin:0px; background-image:url(../images/faq_title.jpg); background-repeat:no-repeat; background-position:top left;	}
	
	div.element p.marg{ padding:14px; padding-top:0px; }
	/* ----------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------- */


#content_box ul li {list-style:url(../images/kwadracik.gif); list-style-position: 0px 0px;}

a {color:#FF3300; text-decoration:none; border:none; }
a:hover {text-decoration:underline}
img {border:none;}