html, body{

	padding: 0px;
	margin: 10px;
	font: small  Arial, Verdana,  Helvetica, sans-serif ;
	background: #ffffff;
	color: #333333;
	text-align: justify;
		
}
img{

	border: none;


}
img.main{

	float: left;


}
.img_right{

	float: right;


}
#menu_table{

	border-collapse: collapse;
	margin-left: 10px;

}
#menu_table td{
	border: thick solid #DFDFDF;
	
}
td.main_menu{

	vertical-align: middle;
	text-align: center;
	width: 130px;
	height: 70px;
	font-size: 120%;
	color: #FFFFFF;
	font-weight: bold;
}
td.main_menu a:link 
{

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

td.main_menu a:visited
{

	color: #FFFFFF;
	text-decoration: none;


}


td.main_menu, a:hover
{

	color: #FFFFFF;
	text-decoration: none;


}	
h1, .h1span{
	font-size: 180%;
	color: #333333;
	font-weight: bold;
	text-align: right;
	margin-bottom: 20px;
	

}

h2, .h2span{

	font-size: 150%;
	color: #007700;
	font-weight: bold;
}

h3, .h3span{

	font-size: 150%;
	color:  #333333;
	font-weight: bold;
}

h4, .h4span{
	font-size: 100%;
	color: #FFFFFF;
	font-weight: bold;
}

h5, .h5span{
	font-size: 100%;
	color: #007700;
	font-weight: bold;
}

h6, .h6span{
	font-size: 80%;
	color: #333333;
	
}

ul.about{

	color: #007700;
 	line-height: 2.3em;
	list-style-type: disc;

}


#contener{

	width: 980px;
	margin: auto;
	
 
}
#menu{
	width: 270px;
	float:left;
	height: 650px;
	background: url("images/uklad_05.png") no-repeat 0px 81px;
	
}

#text_menu{
	font-size: 90%;
	width: 270px;
	height: 650px;
	line-height: 2.3em;
	text-align: left;
	
	
	}
	

p#login:link, a:link 
{

	color: #5F5F5F;
	text-decoration: none;
	
	
}

p#login:visited, a:visited
{

	color: #5F5F59;
	text-decoration: none;
	

}


p#login:hover, a:hover 
{

	color: #5F5F5F;
	text-decoration: underline;
	

}

#content{
	background: url("images/uklad_03.png") no-repeat 0px 20px;
	width: 710px;
	float:left;
	height: 650px;
	
}
#content1{
	background: url("images/nowosci.jpg") no-repeat 0px 20px;
	width: 710px;
	float:left;
	height: 650px;
	
}
#logo a{

	float: left;

}
#logo .right{

	float: right;

}


#header{
	height: 126px;
	width: 960px;
	padding: 10px;
	text-align: right;

	
}
#header2{
	
	width: 670px;
	height: 150px;
	padding-left: 20px;
	float: left;
	padding-top: 10px;
	

}
#text{

	width: 690px;
	padding: 10px;
	padding-top: 20px;
	margin-top: 200px;
	overflow: auto;
	height: 260px;
	}
#children{

	background: url("images/pomarancze_03.png") no-repeat 300px 0px;
	height: 417px;


}
#give{

	background: url("images/podawaniedzieciom_03.png") no-repeat 350px 0px;

	


}
#menu_in{
	text-align: center;
	padding-top: 0px;
	width: 710px;
	float: left;
	}
	



div#table{

	font-size: 80%;
	float: left;
	margin: 10px;
}

table.fat{


	
	border-collapse: collapse;
	width: 315px;
	
}



 td.fat{
 	text-align: left;
	padding-left: 5px;
	background: #007700;
	color: #FFFFFF;
	font-weight: bold;
	width: 175px;
}
td.fat1{
	padding-left: 5px;
	padding-right: 5px;
	background: #007700;
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	
}
td.header{
	
	padding: 5px;
	background: #FFFFFF;
	color: #333333;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}
td.header1{
	
	padding: 5px;
	background: #FFFFFF;
	color: #333333;
	font-weight: bold;
	text-align: center;
}





table.vitamin{
	border-collapse: collapse;
	width: 315px;
	background: #007700;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table.vitamin td{

	border-bottom: #FFFFFF solid medium;
	padding: 5px;
	
}
td.right{

	text-align: right; 
 	

}
table.products{

	border-collapse: collapse;
	background: #007700;
	color: #FFFFFF;
	font-weight: bold;
}
table.products td{

	padding: 10px 5px;
	

}
#clear {
	clear: both;
	height: 10px;
	}