﻿/* wyzerowanie domyslnych wartosci */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-style:normal; font-weight: normal; line-height: normal; text-align: left; text-decoration: none; vertical-align: baseline; background: transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
hr {display: none;}


body {
	margin: 0; background: black; font-family: Arial, Verdana, Geneva, sans-serif; font-size: 10px; color: black; }
	
a:link { color: #501409;}
a:visited { color: #060;}
a:hover { text-decoration: none;}
a:active { color: #F30;}

/* ==============div wrapper to caly kontener==============*/

#wrapper{width: 980px; margin: 0 auto; position:relative;}

/* ==============sekcja topu czyli logo i cala gora==============*/

#top {background: #F2F0D7; height:110px; width:980px;}

#logo  {background: url(../img/logo.png) center no-repeat; height:98px; width: 328px; position: absolute; top: 0px; }

#logo h1 {margin-top:40px; }

#logo h1 a {display:block; text-indent:-999px; }
#glob {position:absolute; background-image:url(../img/glob.png); width: 135px; height:98px; top:0px; right: 20px; }

#nasze_zaklady {position:absolute; margin: -20px 8px 0px 0px; right: 10px; color: #501409; font-size:14px; }
#nasze_zaklady a {padding: 0 5px; text-decoration:none; }

/* ==============nawigacja czyli, menu górne==============*/

#nav { background: url(../img/menu.png) repeat; height: 52px; width:980px; overflow:hidden;}

#nav .menu { margin: 0 0 25px 300px; padding: 0; width: 521px; height: 52px; list-style: none;}
#nav .menu li { float: left; padding-right: 1px; height: 52px; background: url(../img/nav/odstep-menu.gif) 100% 100% no-repeat;}
#nav .menu li a { position: relative; float: left; font-size:2px; color:#F2F0D7;}
#nav .menu li a span { display: block; height: 52px; position: absolute; top: 0; left: 0; cursor: pointer; border:none;}

#nav .menu li .home { width: 130px;}
#nav .menu li .home span { width: 130px; background: url(../img/nav/h_a.png) no-repeat;}
#nav .menu li .home span:hover { width: 130px; background: url(../img/nav/h_ah.png) no-repeat;}

#nav .menu li .certyfikaty { width: 129px;}
#nav .menu li .certyfikaty span { width: 129px; background: url(../img/nav/c_l.png) no-repeat;}
#nav .menu li .certyfikaty span:hover { width: 129px; background: url(../img/nav/c_h.png) no-repeat;}

#nav .menu li .impregnacja { width: 129px;}
#nav .menu li .impregnacja span { width: 129px; background: url(../img/nav/i_l.png) no-repeat;}
#nav .menu li .impregnacja span:hover { width: 129px; background: url(../img/nav/i_h.png) no-repeat;}

#nav .menu li .kontakt { width: 129px;}
#nav .menu li .kontakt span { width: 129px; background: url(../img/nav/k_l.png) no-repeat;}
#nav .menu li .kontakt span:hover { width: 129px; background: url(../img/nav/k_h.png) no-repeat;}

/*#nav .menu li.first-child { background: url(../img/nav/odstep-menu.gif) no-repeat;}*/

.kontener_ling {width: 280px; height: 16px; top:132px; left:48px;position:absolute;}
.menu_ling {margin: 0 0 0 0; padding: 0; width: 280px; height: 16px; list-style: none;}
.menu_ling li { float: left; padding-right: 10px; height: 16px; }
.menu_ling li a { position: relative; float: left; color:#F2F0D7;}
.menu_ling li a span { display: block; height: 16px; position: absolute; top: 0; left: 0; cursor: pointer; border:none;}

.menu_ling li .pl { width: 25px;}
.menu_ling li .pl span { width: 25px; background: url(../img/ling/ling_pl.png) no-repeat;}

.menu_ling li .uk { width: 25px;}
.menu_ling li .uk span { width: 25px; background: url(../img/ling/ling_uk.png) no-repeat;}

.menu_ling li .de { width: 25px;}
.menu_ling li .de span { width: 25px; background: url(../img/ling/ling_de.png) no-repeat;}

.menu_ling li .fr { width: 25px;}
.menu_ling li .fr span { width: 25px; background: url(../img/ling/ling_fr.png) no-repeat;}

.menu_ling li .nl { width: 25px;}
.menu_ling li .nl span { width: 25px; background: url(../img/ling/ling_nl.png) no-repeat;}

/*obrazki do topu prawy i lewy*/

#top_img {width:980px; height:151px; border: none; margin:0 0 0 0; padding:0 0 0 0;}
#top_img #img_1 {position:absolute; background-image:url(../img/top_d_1.jpg); height:151px; width:431px; top: 162px;}
#top_img #img_2 { position:absolute; background-image:url(../img/top_d_2.jpg); height:151px; width:549px;top: 162px;right:0px;}

/* ==============content główny==============*/

#content {background-color:#B1BD7E; margin:0;}

#content p {font-size: 12px; font-style: normal; color: #3b5728; background-position: left; text-align: left; line-height: 18px; padding-right:5px; margin:0;
			text-indent:20px;}

#content #w1 {background-color:#B1BD7E; border:none; height:360px; }
#content #w1 h2 {text-indent:-999px; margin-top:-17px;}
#content #w1_top {background-image:url(../img/w1_top.png); height:39px; }
#content #w1 #w1_c1 {width:303px; padding-left:20px; margin-top:10px; text-align: justify; float:left; }
	
#content #w1 #w1_c1 ul{list-style-image: url(../img/lista_pom.png); color: #501409; font-size: 12px; line-height: 18px; margin: 0px; padding: 0 15px 0 10px;}
		
#content #w1 #w1_c2 {width:353px; margin-top:10px; float:left; }
#content #w1 #w1_c2 p {text-align:justify;}
#content #w1 #w1_c3 {width:290px; margin-top:10px; float:left; }
	
#content #w1 #w1_c3 ul{list-style-image: url(../img/lista_pom.png);	color: #501409;	font-size: 12px; line-height: 18px; margin: 0px; padding-left: 35px;}

/* ==============obrazki na gorze==============*/

#content #w1 #w1_c1 #home_1 {background-image:url(../gfx/home_1.jpg); width:130px; height:94px; margin-top: 15px; margin-left: 150px; 
							border:#F2F0D7 3px solid			;}
#content #w1 #w1_c3 #home_2 {background-image: url(../photo/home/index_img3m.jpg); width:250px; height:180px; margin-top: 10px; margin-left: 23px; border:#F2F0D7 5px solid;	}
#content #w1 #w1_c2 #home3 {background-image: url(../photo/home/index_img1m.jpg);width:340px;height:180px;margin-top: 10px; margin-left: 3px;
							border:#F2F0D7 	5px solid;	}

/* ==============obrazki na gorze KONIEC ==============*/

#content #w2 {background-color:#D3DAAE; border:none; height:315px; }
#content #w2 h2 {text-indent:-999px; margin-top:-15px;}
#content #w2_top {background-image:url(../img/w2_top.png); height:31px; }

/* ==============tutaj bedziemy -obrazki ======kolumna 1========*/

#content #w2 #w2_c1 {width:313px; height:290px; padding-left:20px; margin-top:10px; float:left;	background:url(../img/tree.jpg) no-repeat bottom;}
#obrazki_1 {text-align: center;	}
#obrazki_1 img {border:#333503 3px solid; margin: 0 5px 0 0;}

#obrazki_2 {text-align: right; margin-right:10px; }
#obrazki_2 img {border:#ff6600 3px solid; margin: 10px 0 0 0;}

/*#obrazki_3 {text-align: left;	}
#obrazki_3 img {background:url(../img/tree.png) no-repeat; width:313px;	height:128px; margin-left:0; margin-top:-51px;}

/* ==============rozwiazania produkcyjne ======kolumna 2========*/

#content #w2 #w2_c2 {width:333px;height:290px;top:0px;margin-top:10px;float:left;}
#content #w2 #w2_c2 ul{	list-style-image: url(../img/lista_pom_2.png); color: #cb570a; font-size: 11px; line-height: 18px; margin: 0px; padding-left: 20px;
						padding-top:0px;font-weight:bold;}
#content #w2 #w2_c2 p {font-size: 10px;	font-style: normal;	color: #3b5728;	background-position: left;	text-align: left; line-height: 12px; padding-right:5px;
	padding-bottom:2px;	margin:0; text-indent:0px;	}

/* ==============kontakt ==========kolumna 3====*/

#content #w2 #w2_c3 {width:313px; height: 300px; margin-top:0px; float:left;}

/* ==============kontakt mini ==============*/	
	
#kontakt_mini_top {
	background-image:url(../img/kontakt_mini_top.png); height: 204px; width: 270px; margin-left: 20px; }
#mail { background-image:url(../img/mail_off.png); height: 23px; width: 167px; margin-top: -165px; margin-left: 47px; }
#ok .ok span {display: block; background: url(../img/ok_off.png) no-repeat; height: 23px; width: 44px; margin-top: -23px; margin-left: 220px; cursor: pointer; border:none; }
#ok .ok span:hover {display: block;background: url(../img/ok_on.png) no-repeat; height: 23px; width: 44px; margin-top: -23px; margin-left: 220px; cursor: pointer; border:none; }
#tel_pl {color: #F9F5BF; width:200px; margin-left:47px; margin-top:5px; font-size: 10px; line-height: 10px; font-weight:bold; }

#agency {background: url(../img/agency.jpg) no-repeat; width:167px; height:61px; margin-top:15px; margin-left:47px; }
#agency_mail {background-image:url(../img/agency_mail_off.png); height: 23px; width: 167px; margin-top: 3px; margin-left: 47px;	}
#agency_ok .agency_ok span { display:block; background: url(../img/ok_off.png) no-repeat; height: 23px; width: 44px; margin-top: -23px; margin-left: 220px; cursor: pointer; border:none; }
#agency_ok .agency_ok span:hover { display:block; background: url(../img/ok_on.png) no-repeat; height: 23px; width: 44px; margin-top: -23px; margin-left: 220px; cursor: pointer; border:none; }
#agency_tel {color: #F9F5BF; width:200px; margin-left:47px; margin-top:5px; font-size: 10px; line-height: 10px;	font-weight:bold;}
	
	/* ==============katalog ==============*/	

#katalog {background:url(../img/katalog.png) no-repeat;	width: 155px; height: 93px;	margin-top: 15px; margin-left: 20px; }
/*#katalog h1 {margin-top:5px; }
#katalog h1 a {display:block; text-indent:-9999px; }*/
	/* ==============footer==============*/

#footer {background: url(../img/footer.png); height:49px; width:980px; margin:0;}
#copy {background-image:url(../img/copy.png); width:249px; height:19px; margin-top:-30px; margin-left: 20px;}
#stat {margin-top:-22px; margin-left:900px;}

