@CHARSET "UTF-8";



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

/*                 RESET				*/

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



 body, div, h1, h2, h3, h4, table, td, th, ul, ol, li, a, p, blockquote, img

{
margin:0; padding:0; border:0; list-style: none; list-style-type:none; text-decoration: none; outline:none;
}









/*

 * ---------------- Główny układ strony -----------------------

 */







body {

	background:#fff url(../images/totalbg.gif) 0 0 repeat-x;
	font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
 }





#all1 {

	width:100%;
	float:left;
	background:url(../images/contentbg.gif) bottom repeat-x;
	}

	#all2 {position:relative; margin: 0 auto; width:983px; height:100%;}



#head {

	float:left;
	width: 983px;
	height:233px;
	z-index:10;
	}

	#headInner {

		margin:0 auto;
		width:983px;
		height:233px;
		position:absolute;
		z-index:20;
		}



	#logo {

		float:left;
		width:211px;
		height:199px;
		margin-top:20px;
		}

		#logo a:hover {opacity:0.6;}



	#toptop {

		position:absolute;
		margin:0 auto;
		top:0; left:0;
		width:983px;
		height:233px;
		z-index:10;
	}

	.toptop {

		width:983px;
		height:233px;
		position:absolute;
	}



	#slogan {

		position:relative;
		float:right;
	}

	.slogan1 {

		color:#fff;
		font-size:20px !important;
		font-size:17px;
		position:relative;
		z-index:30;
		top:12px;
		right:185px !important;
		right:125px;
		font-weight:bold;
		}

		.slogan2 {

			font-size:21px !important;
			font-size:17px;
			color:#809F00;
			position:relative;
			z-index:20;
			top:-16px;
			right:182px !important;
			right:120px;
			opacity:0.6;
			font-weight:bold;
		}



	#contentInner {

		float:left;
		width:983px;
		height:auto;
	}





h1 {

	font-size: 18px;
	color:#006600;
	padding:0 0 10px 0;
	text-align:left;
	margin-left:0;
}

h1.h_lista, h1.h_kategorie {

	width:300px;
	margin-left:-118px;
	text-align:right;
}


#main-produkt h1 a {

	margin: 0 0 0 245px;
	font-size: 18px;
	padding:0 0 10px 0;
	width:500px;
}



















/*

 * ----------------------------- top menu -------------------------

 */





#menu {

	float:right;
	/* width:540px; */
	width:auto;
	height:47px;
	z-index:30;
	margin:-17px 30px 0 0;
	}

	#menu ul {

		z-index:20;
		float:right;
		width:100%;
		margin-right:30px;
		/* position:absolute; */
	}

	#menu ul li {

		float:left;
		position:relative;
		width:auto !important;
		width:50px;
		}

		#menu ul li a {

			display:block;
			height:47px;
			width:auto;
			font-size:15px !important;
			font-size:11px;
			color:#006600;
			font-weight:normal;
			text-transform:uppercase;
			padding:4px 6px 0 17px;
			}

			#menu ul li a.promocjeIe {width:auto !important; width:115px;}

			#menu ul li a:hover {

				background: url(../images/menubg.jpg) 0 0 no-repeat;
				color:#fff;
				}































/*

 * ---------------------------------- TREŚĆ ----------------------

 */



#main {

	float:left;
	z-index:10px;
	width:983px;
	height:auto;
	margin-top:20px;
}



blockquote, p, ul, ol {

	font-size:12px;
	color:#222901;
	width:555px;
	line-height:17px;
	z-index:10;
	position:relative;
	margin-top:10px;
	text-align:justify;
	float:left;
}



#main a {color:#809F00;}  #main a:hover {text-decoration:underline;}


#main p a strong {color:#2D5F00;}
#main p a {color:#666;}
#main p a:hover {color:#809F00; text-decoration:none;}

#main ul li {

	list-style:square;
	margin-left:15px;
	color:#809F00;
}

ul li em {color:#222901; font-style:normal;}




#main ol li {

	list-style:decimal;
	margin-left:20px;
	color:#809F00;
}

ol li em {color:#222901; font-style:normal;}





#foto {

	float:right;
	width:300px;
	height:100%;
	}





















/*

 * --------------------------------------------- footer -----------------------

 */



	#footwrap {

		float:left;
		width:983px;
		height:284px;
		margin-top:58px;
		background:#A6D000;
		}

		#footwrap a {

			position:relative;
			font-size:10px;
			color:#222901;
			z-index:30;
			}

			#footwrap a strong {text-transform:uppercase;}

			#footwrap a:hover {color:#fff;}







	#botbot {

		position:relative;
		margin-top:-19px;
		width:983px;
		height:284px;
		z-index:10;
	}

	.botbot {

		width:983px;
		height:284px;
		position:absolute;
		z-index:10;
		border-top:2px solid #394900;
	}































/*

 * -------------------------------------------------

 *                 PODSTRONA PROMOCJI

 * -------------------------------------------------

 */









#produkty {

	float:left;
	width:983px;
	margin:10px 0 0 0;
	}

	#produkty a {

		float:left;
		width:123px;
		height:155px;
		display:block;
		text-align:center;
		padding:20px;
		}

	#produkty a img {height:123px;}



	#produkty ins {

		width:123px;
		text-align:center;
		margin:0 auto;
		display:block;
		float:left;
		font-size:12px; text-decoration:none;
		}

	span.price {

		width:123px;
		text-align:center;
		float:left;
	}













/*

 * ---------------------------------------------

 *              WIDOK PRODUKTU

 * ---------------------------------------------

 */





#menu-left {

	float:left;
	z-index:10;
	width:220px;
	border-right:1px solid #444;
	}



	#menu-left a {

		font-size:12px;
		display:block;
		width:180px;
		text-align:right;
		padding:2px 0;
		margin-right:0px;
		}



		#main-produkt #menu-left a:hover,
		#menu-left .menu_head:hover {

			text-decoration:none;
			color:#006600;
		}



		.menu_head {cursor:pointer;}

		.menu_body {display:none; margin:5px 0;}



		#menu-left ul.menu_body {float:left; width:180px; margin-top:5px;}

		#menu-left ul.menu_body li a {

			color:#777 !important;
			font-size:11px !important;
			padding:1px 0;
			float:right;
			}

			#menu-left ul.menu_body li a:hover {

				color:#A6D000; !important;
			}

			#menu-left ul.menu_body li {list-style:none; width:165px; text-align:right !important; margin-right:0px; padding-right:0px;}















/*

 *  TREŚĆ PRODUKTU

 *

 */


#main #foto {

	float:right;
	width:325px;
	height:100%;
	margin-top:-20px;
	}




#main-produkt #foto {

	float:right;
	width:300px;
	height:100%;
	margin-top:-20px;
	}





#main-produkt {

	float:left;
	z-index:10px;
	width:983px;
	height:auto;
	margin-top:20px;
}



#main-produkt blockquote,

#main-produkt p,

#main-produkt ul,

#main-produkt ol {

	font-size:12px;
	color:#222901;
	width:355px;
	line-height:17px;
	z-index:10;
	position:relative;
	margin-top:0px;
	margin-right:40px;
	text-align:justify;
	float:right;
}



#main-produkt a {color:#809F00;}  #main-produkt a:hover {text-decoration:underline;}



#main-produkt ul {margin-top:20px;}



#main-produkt ul li {

	list-style:square;
	margin-left:15px;
	color:#809F00;
}

#main-produkt ul li em {color:#222901; font-style:normal;}





#main-produkt ol li {

	list-style:decimal;
	margin-left:20px;
	color:#809F00;
}

#main-produkt ul li strong {color:#809F00;}

#main-produkt ol li em {color:#222901; font-style:normal;}




/*
 *  ----------- galeria produktu -----------
 */

#main-produkt #gallery {

	float:left;
	width:700px;
	margin:20px;
	}
	#main-produkt .row { text-align:right; }














/*

 * -------------------------------------------------

 *                 PODSTRONA WIDOKU KATEGORII

 * -------------------------------------------------

 */









#galleryProdukty {

	float:left;
	width:690px;
	margin:-40px 0 0 30px;
	}

	#galleryProdukty a {

		float:left;
		width:110px;
		height:123px;
		display:block;
		text-align:center;
		/*height:auto;
		padding:25px;*/
		padding:30px;
		}

	#galleryProdukty a img {height:123px;}



	#galleryProdukty ins {

		width:110px;
		text-align:center;
		margin:0 auto;
		display:block;
		float:left;
		font-size:12px; text-decoration:none;
		}










/*
 *
 * ------------------------------------ formularz kontaktowy ---------------------------
 *
 */
#formularz {

	float:right;
	margin-top:13px;
	width:450px;
}

 #kontakt fieldset {
    border: 0px solid #afafaf;
    padding: 2em 0em 2em 1em; }


#kontakt legend {
    padding: 0 1em 0 1em;
	font-size:12px;
	font-weight:bold;
    }

#kontakt input { line-height: 14px; }



#kontakt input, select,
#kontakt textarea {
    float: left;
    width: 35%;
    padding: 1px 2px 1px 2px;
	border: 1px solid #afafaf;
	 }



#kontakt label {
    float: left;
    width: 90%;
    margin: 1px;
    display: block;
    padding: .3em 0 .3em 0;
    cursor: pointer; }

   #kontakt  label span {
        float: left;
        width: 25%;
        margin: 1px;
        padding: 0 3px 0 0;
        text-align: right;
		font-size:12px;
        color: #439000;
		}

#kontakt textarea {
    float: left;
    overflow: hidden;
    overflow: auto;
    width: 70%; height: 100px; }


#kontakt .button {
    float: right;
    width: 100px;
    border: 1px !important;
	margin-right:6px;
    padding: 4px;
    text-align: center;
    _filter:alpha(opacity=70); -moz-opacity: .7; opacity: .7; }

    #kontakt .button:hover { _filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }





/* -------- dział kontakt rozmieszczenie kontaktów ---------- */


p.leftcolcontact {

	float:left;
	clear:left;
	width:190px;
	margin-right:80px;
	text-align:left;
}
p.rightcolcontat {

	float:left;
	width:220px;
}






/* iframe do katalogów */

iframe {border:0; padding:0; margin:0; overflow:auto;}

h3 {float:left; clear:left; width:50%; color:#356F00; margin-top:15px;}