body{
	text-align: left;
	background-color: #E9E9E9;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

a.aa{
    font-size: 12px;
}



a{
   text-decoration: none;  
	cursor: hand ;
	color: #CC0000;
	font-size: 23px;
}

#tlo{ 
   position: relative;
	width: 900px;
	height: 800px;
	background-color: #E9B79E;
	margin: 0px auto;
	top: 20px;
	z-index: 0;
}
div.tlo_biale{
	position: absolute;
	width: 880px;
	height: 780px;
	background-color: white;
	top: 10px;
	margin-left: 10px;
	z-index: 3;
}



p.aaa{
   font-size : 14px;
}


div.baner{
	position: absolute;
	width: 860px;
	height: 150px;
	top: 20px;
	margin-left: 20px;
	background : url(images/baner.jpg);
	z-index: 4;
}

div.menu_boczne{
	position: absolute;
	width: 160px;
	height: 710px;
	top: 20px;
	margin-left: 20px;
	z-index: 5;
	background: url(images/menu_boczne.jpg) ;
}

div.menu_dolne{
	position: absolute;
	width: 860px;
	height: 50px;
	top: 730px;
	z-index: 5;
	background : url(images/menu_dolne.jpg);
	margin-left: 20px;
}

div.button1{
	position: absolute;
	width: 140px;
	height: 50px;
	top: 190px;
	z-index: 6;
	margin-left: 25px;
	background : #778899 url(images/button1.jpg);
}

div.button1:hover{
	background : url(images/button1a.jpg);
}

div.button2{
	position: absolute;
	width: 140px;
	height: 50px;
	top: 250px;
	z-index: 6;
	margin-left: 25px;
	background : url(images/button2.jpg);
}

div.button2:hover{
	background : url(images/button2a.jpg);
}

div.button3{
	position: absolute;
	width: 140px;
	height: 50px;
	top: 310px;
	z-index: 6;
	margin-left: 25px;
	background :  url(images/button3.jpg);
}

div.button3:hover{
	background : url(images/button3a.jpg);
}

div.button4{
	position: absolute;
	width: 140px;
	height: 50px;
	top: 370px;
	z-index: 6;
	margin-left: 25px;
	background : url(images/button4.jpg);
}

div.button4:hover{
	background : url(images/button4a.jpg);
}

div.button5{
	position: absolute;
	width: 140px;
	height: 50px;
	top: 430px;
	z-index: 6;
	margin-left: 25px;
	background : url(images/button5.jpg);
}

div.button5:hover{
	background : url(images/button5a.jpg);
}

div.button6{
	position: absolute;
	width: 140px;
	height: 50px;
	top: 490px;
	z-index: 6;
	margin-left: 25px;
	background : url(images/button6.jpg);
}

div.button6:hover{
	background : url(images/button6a.jpg);
}


div.obszar_roboczy{
	position: absolute;
	width: 650px;
	height: 480px;
	top: 190px;
	margin-left: 190px;
	z-index: 4;
	background-color : #FFEBCD;
	padding-bottom : 20px;
	padding-left : 20px;
	padding-right : 20px;
	padding-top : 20px;
	font-size : 17px;
	color: #84472D;
	font-family :  sans-serif, "Times New Roman";
	text-align: center;
	overflow: auto
}

div.obrazek{
	position: absolute;
	width: 286px;
	height: 200px;
	margin-left: 570px;
	top: 490px;
	z-index: 7;
	background-image : url(images/2.JPG);
}


div.obramowka_gora{
	position: absolute;
	width: 600px;
	height: 300px;
	z-index: 8;
	top: 220px;
	margin-left: 230px;
	background-image : url(images/obramowka_gora.jpg);
}

div.obramowka_dol{
	position: absolute;
	width: 600px;
	height: 75px;
	z-index: 8;
	top: 520px;
	margin-left: 231px;
	background-image : url(images/obramowka_dol.jpg);
}

div.kwiatki{
	position: absolute;
	width: 600px;
	height: 216px;
	z-index: 4;
	top: 480px;
	margin-left: 231px;
	background-image : url(images/snieg.gif);
}

div.pismo{
	position: absolute;
	width: 490px;
	height: 239px;
	z-index: 9;
	margin-left: 287px;
	top: 283px;
	background-color :  #FFEBCD;
	text-align: center;
	overflow: auto;
	font-size : 15px;
	color: #84472D;
	font-family :  sans-serif, "Times New Roman";
}