/* ------------------------RESET------------------------ */
* {margin: 0;
   padding: 0;
   outline: none;
   border: 0;}

a img { border: none; }

.clear {clear: both;}


body {
	text-align: left;
	color: #555;
	line-height: 20px;
	background-color: #f1f1f1;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
}

#wrapper {
	background-image: url(../img/bg_top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
/* ------------------------TYPOGRAFIA I POZOSTALE STYLE------------------------ */

.green {color: #4caa46;}
h3 {font-size: 14px; font-weight: bold; color:#4CAA46;}
.grey_border {border: solid 1px #c8c8c8; padding: 2px;}
.white_border {border: solid 1px #ffffff; padding: 2px;}
.white_border_middle {border: solid 1px #ffffff; padding: 2px; margin-left: 18px; margin-right: 18px;}

.small {font-size: 11px;}
.strong {font-weight: bold;}
.strong_green {font-weight: bold; color:#4CAA46;}



/* ------------------------LOGOWANIE------------------------ */

#logowanie {
	float: right;
	margin-right: 13px;
	margin-top: 10px;
	width: 500px;
}

#status {
	float: left;
	margin-left: 13px;
	margin-top: 10px;
	width: 450px;
}

#logowanie a, #status a  {
	text-decoration: none;
	color: #555;
}

#logowanie a:hover, #status a:hover {
	text-decoration: underline;
	color: #555;
}

.loginbox, .passwordbox {
	width: 120px;
	border: solid 1px #c8c8c8;
	background: #f1f1f1;
	color:#999999;
	margin-right: 10px;
	padding: 4px;
	}	

.login_button {
	margin-left: 3px;
	margin-right: 10px;
	background-color: #4caa46;
	color: #ffffff;
	font-size: 12px;
	border: solid 1px #c8c8c8;
	text-align: center;
	padding: 4px;
	}	
	

/* ------------------------HEADER------------------------ */
.container {
	width: 982px;
	margin:0 auto;	
	padding-top: 45px;

}

.container3 {
	width: 982px;
	margin:0 auto;	

}

.container_main {
	width: 958px;
	margin:0 auto;	
	padding-top: 5px;

}

.container_menu {
	width: 900px;
	margin:0 auto;	
    text-align: center;
}

#header {
	height: 183px;
	width: 946px;
	background-image: url(../img/bg_header.png);
	background-repeat: no-repeat;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 0px;
}

.header_left {
	float: left;
	width: 590px;
	height: 183px;
}
.header_right {
	float: left;
	width: 317px;
	height: 183px;
	margin-left: 20px;
	background-image: url(../img/bg_header_right.jpg);
	background-repeat: repeat;
}

.header_introduction {
	color: #ffffff;
	font-size: 12px;
	font-family:Arial,Helvetica,sans-serif;
	padding: 15px;
	text-align: center;
	}

.header_separator {
	background: url(../img/header_separator.jpg) repeat-x bottom;
	height:2px;
	padding-top: 90px;
	}
	
a.button-header  {
	background:url(../img/button.jpg) no-repeat right top; 
	display: inline-block;
	height: 40px;
	margin-right: 6px;
	padding-right: 2px;
	line-height:40px;
	vertical-align:middle;
	margin-top: 15px;
}
a.button-header span {
	background:url(../img/button.jpg) no-repeat left top; 
	display: inline-block;
	height: 100%;
	line-height: 40px;
	padding: 0px 16px 0px 18px;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
} 
a.button-header:hover {
	background-position:right -142px;
}

a.button-header:hover span {
	color: #fff;
	background-position:left -142px;
}	


/* ------------------------MENU------------------------ */

	#bg_menu_glowne {
	margin-top: 3px;
	height: 45px;
	width: 100%;
	padding: 0;
	z-index: 99;
	background-image: url(../img/bg_menu.jpg);	background-repeat: repeat-x;
	background-position: left top;
	clear: both;
	float: left;

	}
	
	#menu_glowne {
	height: 45px;
	width: 1024px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;		

	}	
	
/* ------------------------KOLUMNY------------------------ */	
/* 958 - 286 */
	#column_1 {
	float:left;
	width: 225px;
	margin-top: 20px;	
	margin-right: 20px;	
}
	#column_2 {
	width: 224px;
	margin-top: 20px;
	margin-right: 20px;
	float:left;		
}
	#column_3 {
	width: 224px;
	margin-top: 20px;
	margin-right: 20px;
	float:left;		
}

	#column_4 {
	width: 224px;
	margin-top: 20px;
	float:left;		
}
/* ------------------------KOLUMNA LEWA------------------------ */

.sidebar_nav {
	border-bottom: 1px solid #c8c8c8;
	margin-bottom: 15px;
}

.sidebar_nav li {
	list-style-type: none;
}
.sidebar_nav li a {
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	border-top: solid 1px #c8c8c8;
	display:block;
	font-weight:normal;
	padding:7px 15px;
	text-decoration: none;
	background-image: url(../img/bullet_menu.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #f2f2f2;
	text-indent: 10px;
	
}
a:link, a:visited {
	color:#555;
}

.sidebar_nav li a:hover, .sidebar_nav li.active a {
	border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
	color: #4CAA46;
}

#menu_name {background-color:#4CAA46; border-left: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8; padding:7px 15px; color: #ffffff; }


/* ------------------------BOKSY------------------------ */

.box_kokos {background-image:url(../img/bg_kokos.jpg); background-repeat:no-repeat; width: 224px; height: 210px;}
.box_ochrona {background-image:url(../img/bg_ochrona.jpg); background-repeat:no-repeat; width: 224px; height: 210px;}
.box_nasiona {background-image:url(../img/bg_nasiona.jpg); background-repeat:no-repeat; width: 224px; height: 210px;}
.box_rozsady {background-image:url(../img/bg_rozsady.jpg); background-repeat:no-repeat; width: 224px; height: 210px;}
.box_nawozy {background-image:url(../img/bg_nawozy.jpg); background-repeat:no-repeat; width: 224px; height: 210px;}
.box_doradztwo {background-image:url(../img/bg_doradztwo.jpg); background-repeat:no-repeat; width: 224px; height: 210px;}

.box {
	width: 100%;
	float: left;
	margin-bottom: 25px;
}
		
.box_divider {
	width:100%;
	height:2px;
	background:url(../img/bg_box_top.jpg) repeat-x;
	margin-top: 10px;
	margin-bottom: 10px;
}
		
		
.box-padding {
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.box-padding2 {
	height: 180px;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.box h2 {font-size: 12px; font-weight: bold; color:#4CAA46;}

.box li {list-style-type: none;}

.box a {color: #555; text-decoration: none; text-transform:uppercase; color: #4CAA46;}
.box a:hover {text-decoration: underline; color: #575757;}

.box_ikona {float: right; width: 180px; text-align: right;}

/* ------------------------FOOTER------------------------ */
#footer-bg {

	width: 100%;
    margin-top: 20px;
	float: left;
	background: url(../img/bg_footer.jpg) repeat-x top;
}

#footer {
	margin: 0 auto;
    width: 960px;
    padding:20px;
    }
	
.footer_menu a {
	color: #555;
	font-size: 11px;
	text-decoration: none;
	margin-left: 10px;
    }
.footer_menu a:hover{
	text-decoration: underline;
    }	
	
.copyright a {
	color: #555;
	font-size: 11px;
	text-decoration: none;
    }
.copyright a:hover{
	text-decoration: underline;
	color: #4CAA46;
    }	
	
.copyright {float: left; width: 400px;}
.footer_menu {float: right; width: 520px; text-align: right;}	
	
/* ------------------------KARTA PRODUKTU ------------------------ */

.box_top {
	width:100%;
	height:2px;
	background:url(../img/bg_box_top.jpg) repeat-x;
}

.box_right {
	background: url(../img/bg_box_right.jpg) repeat-y right top;
	width: 100%;
	float: left;
	background-color: #eaeaea;
}
		
.box_left {
	background: url(../img/bg_box_left.jpg) repeat-y left top;
	width: 100%;
	float: left;	
	padding-bottom: 13px;			
}

.box_bottom {
	width:100%;
	height:2px;
	background:url(../img/bg_box_bottom.jpg) repeat-x left top;
	float: left;
}
		

	#karta_produktu {
	float:left;
	width: 712px;
	margin-top: 20px;	
}
.photo {float: left; width: 204px; margin-right: 30px;}
.main_image {margin-bottom: 10px;}
.opis_produktu {float: right; width: 440px;}
.produkt, .tresc_podstrony {padding-top: 10px;}
.miniaturki {margin-bottom: 15px;}
.zoom {
	margin-bottom: 5px;
	background-image: url(../img/zoom.gif);
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: 20px;
}

.dodaj_produkt {height:27px; margin-top: 10px;}
.button_dodaj {background-image: url(../img/basket.jpg); width: 150px; height:27px;}
.ilosc {
	width: 120px;
	border: solid 1px #c8c8c8;
	background: #f1f1f1;
	color:#999999;
	margin-right: 10px;
	padding: 4px;
	color: #555;
	}
.opis_produktu p, .tresc_podstrony p {text-align:justify;}

.tresc_podstrony p {margin-bottom: 19px;}

.tresc_podstrony h3 {
	color: #555;
	margin-bottom: 15px;
	font-size: 12px;
	}
.tresc_podstrony h2{
	color: #4CAA46;
	margin-bottom: 10px;

	font-size: 12px;
	}	
	
.tresc_podstrony img {border: solid 1px #c8c8c8; padding: 2px;}
.image_left {border: solid 1px #c8c8c8; padding: 2px; float:left;  margin-right: 10px;}
.image_right {border: solid 1px #c8c8c8; padding: 2px; float:right; margin-left: 10px;}