@CHARSET "UTF-8";
*{margin: 0px; padding:0px;}
body {background: url(../images/grad.jpg) repeat-x #f7ffe7;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		font-size: 11px;
		text-align: left;
		color: #7dbe0c;
		height: auto;
		}
a	{	
			
			
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #7dbe0c;
    		text-decoration:underline;
			

		}
li {
		margin-left: 20px;
}
#strona { 	position: relative; 
			width: 920px;
			margin: 0 auto;
			height: 100%;
		
		}
		
#head 	{	
			max-height: 304px;
			margin: 0px;
			border: 0px;
			border-bottom-color: white;
			padding-bottom: 2px;
		
		}

#dys	{
		width: 824px;
		height: 2px;
		font-size: 0px;
		border-top-width: 0px;
		border-bottom-width: 0px;
		}

#bod	{	
			border-top-width: 0px;
			height: 100%;
			
		}



#bod_lsep	{width: 26px;
		  height: 200px;
		  float: left;
		}
#bod_cialo {
		width: 821px;
		float: left;
		height:100%;
		background-color: white;
		background: url("../images/lewy_bg.jpg") repeat-y;
		margin:0;
		}

#close { 
		   
		  clear: both;
		   }
close { 
		  
		  clear: both;
		   }

#lewy	{ 
		  float: left;
		  width: 219px;
		  height: 100%;
		  background-color: white;
		  bottom: 1px;
		  
		  
		}
#prawy_index	{ 
		  float: right;
		  width: 598px;
		  height: 100%;
		  background-color: white;
		  bottom: 1px;
		  padding-bottom: 20px;
		}
		
#prawy	{ 
		  float: right;
		  width: 598px;
		  height: 100%;
		  background-color: white;
		  bottom: 1px;
		  padding-bottom: 20px;
		  margin-bottom: 30px;}				
#sep	{ 
		  float: left;
		  width: 2px;
		  bottom: 0px;
		  min-height: 269;
		  
			
		}








				
#lewy_h	{ 
		  
		  width: 26px;
		  height: 22px;
		  background-color: white;
		  
		  }
#lewy_b {
		  margin-left: 22px;
		 
		  width: 185px;
		  height: auto;
		  background-color: white;
}



#lewy_sh	{ 
		  
		  width: 100px;
		  height: 40px;
		  background-color: white;
		  }
#lewy_sb {
		width:153px;
		background-color: white;
		margin-top: 14px;
		margin-left: 22px;
		color: #636363; 
		}



#prawy_h { 
		  
		  width: 598px;
		  height: 22px;
		  background-color: white;
		  }		  

#prawy_b {
		  
		  margin-left: 22px;
		  width: 555px;
		  height: 100%;
		  background-color: white;
		  padding-bottom: 30px;
		 
		}

		
#prawy_sh_a	{
		  float:left; 
		  width: 409px;
		  height: 40px;
		  background-color: white;
		  }
		  
#prawy_sh_b{ 
		  float: left;
		  margin-top: 8px;
		  width: 137px;
		  height: 32px;
		  background-color: white;
		  text-align: right;
		  }

#prawy_sb {
		width:555px;
		background-color: white;
		margin-top: 14px;
		height: 100%;
		
		}
		
#prawy_sf{ 
		  float: left;
		  width: 539px;
		  height: 40px;
		  background-color: white;
		  text-align: right;
		  bottom: 0px;


		  }

#lewy_f {
		float: left;
		max-height: 19px;
		height: 19px;
		width: 219px;
		background-color: white;
		left: 0px;
		
		}
		
#prawy_fa	{
			float: left;
			max-height: 19px;
			bottom: 0px;
			width: 20px;
			}		
		
#prawy_fb	{
			position: relative;
			float: left;
			width: 548px;
			text-align: right;
			max-height: 19px;
			margin-top: -21px;
			
			}		


#kwiatek {	float: left;
			width: 1px;
			max-height: 50px;
			background-color: white;
			position:relative;
			bottom: 0px;
			margin-left: -22px;
			margin-top: -47px;
			
			}
			
#kant {		float: right;	
			width:50px;
			background-color: white;
			max-height: 19px;
			bottom: 0px;
			text-align:right;
		}
		

#sep_f {
		float: left;
		height: 19px;
		width: 2px;
		background-color: #f7ffe7; 
}

#prawy_f {
		float: left;
		width: 590px;
		height: 19px;
		max-height: 19px;
		background-color: white;
}


#fo	{	
			
			height: 99px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align: center;
			

		}

		
#fo a:HOVER	{	
			
			
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #7dbe0c;
    		text-decoration:underline;
			

		}

		

		
#footer_lewy{
			float: left;
			width: 233px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align:center;
			margin-top: 15px;
			color: #7dbe0c;
			}
#footer_sep {
			float: left;
			width: 42px;
		}
		
#footer_prawy {
			float: left;
			width: 570px;
			font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
			font-size: 11px;
			text-align: center;
			margin-top: 19px;
			margin-left: 7px;
			color: #7dbe0c;
			height: 81px;
			
		}

#index_b	{
			width: 560px;
			max-width: 560px;
			height: 202px;
			max-height: 202px;
			background-color: #7dbe0c;
			
			}

#index_b_t	{
	
			width: 560px;
			height: 15px;
			text-align:right;
			background-color: #7dbe0c;
			
			}

#index_b_m	{
			width: 549px;
			max-width: 549px;
			height: 175px;
			max-height: 175px;
			margin-left: 10px;
			
			}
#index_b_m1{
			position: relative;
			float: left;
			width: 109px;
			max-width: 109px;
			padding-bottom: 1px;
			}			


#index_b_b	{
			width: 560px;
			height: 18px;
			background-color: #7dbe0c;
			bottom: 0;
			}	
				
#index_m_mapa	{width: 32px;
				min-height: 0px;
				margin-top: -26px;
				text-align: right;
				position: relative;
				margin-left: 120px;
				
			
			}
			
#index_m_nag	{width: 100%;
				height: 19px;
				padding-top: 12px;
				padding-bottom: 9px;
				
				
			
			}
			
			
a.bt_i_kostka {
background:transparent url(../images/index/kostka.jpg) no-repeat scroll 0%;
display:block;
height:171px;
width:102px;
background-position:0px 0px;

}
a.bt_i_kostka:HOVER {
background-position: 0px -171px;
}

a.bt_i_ogrod {
background:transparent url(../images/index/ogrod.jpg) no-repeat scroll 0%;
display:block;
height:171px;
width:102px;
background-position:0px 0px;
}
a.bt_i_ogrod:hover {
background-position:0px -171px;
}

a.bt_i_basen {
background:transparent url(../images/index/basen.jpg) no-repeat scroll 0%;
display:block;
height:171px;
width:102px;
background-position:0px 0px;
}
a.bt_i_basen:hover {
background-position:0px -171px;
}

a.bt_i_materialy {
background:transparent url(../images/index/materialy.jpg) no-repeat scroll 0%;
display:block;
height:171px;
width:102px;
background-position:0px 0px;
}
a.bt_i_materialy:hover {
background-position:0px -171px;
}

a.bt_i_pozostala {
background:transparent url(../images/index/pozostala.jpg) no-repeat scroll 0%;
display:block;
height:171px;
width:102px;
background-position:0px 0px;
}
a.bt_i_pozostala:hover {
background-position:0px -171px;
}

a.bt_i_home {
background:transparent url(../images/index/home.jpg) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
}
a.bt_i_home:hover {
background-position:0px -32px;
}

a.bt_i_mail {
background:transparent url(../images/index/mail.jpg) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
}
a.bt_i_mail:hover {
background-position:0px -32px;
}

a.bt_i_map {
background:transparent url(../images/index/map.jpg) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
}
a.bt_i_map:hover {
background-position:0px -32px;
}

a.bt_i_up {
background:transparent url(../images/index/up.jpg) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
}
a.bt_i_up:hover {
background-position:0px -32px;
}

a.bt_i_back {
background:transparent url(../images/index/back.jpg) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
}
a.bt_i_back:hover {
background-position:0px -32px;
}


a.bt_i_mapa {
background:transparent url(../images/index/mapa.jpg) no-repeat scroll 0%;
display:block;
height:27px;
width:31x;
background-position:0px 0px;
}
a.bt_i_mapa:hover {
background-position:0px -27px;
}



div.button {float: right;
			position: relative;
			width: 42px;
}

a.menu_kostka {
background:transparent url(../images/menu/kostka.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px 0px;
}
a.menu_kostka:hover {
background-position:0px -19px;
}

a.menu_kostka_a {
background:transparent url(../images/menu/kostka.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px -19px;
}

a.menu_ogrod {
background:transparent url(../images/menu/ogrod.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px 0px;
}
a.menu_ogrod:hover {
background-position:0px -19px;
}

a.menu_ogrod_a {
background:transparent url(../images/menu/ogrod.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px -19px;
}

a.menu_basen {
background:transparent url(../images/menu/basen.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px 0px;
}
a.menu_basen:hover {
background-position:0px -19px;
}

a.menu_basen_a {
background:transparent url(../images/menu/basen.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px -19px;
}
a.menu_materialy {
background:transparent url(../images/menu/materialy.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px 0px;
}
a.menu_materialy:hover {
background-position:0px -19px;
}

a.menu_materialy_a {
background:transparent url(../images/menu/materialy.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px -19px;
}
a.menu_pozostala {
background:transparent url(../images/menu/pozostala.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px 0px;
}
a.menu_pozostala:hover {
background-position:0px -19px;
}

a.menu_pozostala_a {
background:transparent url(../images/menu/pozostala.gif) no-repeat scroll 0%;
display:block;
height:19px;
width:149x;
background-position:0px -19px;
}

div.submenu {
		padding-left: 28px;
		padding-top: 10px;
		padding-bottom: 10px;
}

a.submenu {
	color: #9cda3c;
    text-decoration: none;
    white-space: nowrap;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

a.submenu:HOVER,
a.submenu_a {
	color: #7dbe0c;
    text-decoration:underline;
    white-space: nowrap;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
	
}

div.gal_img {
			float: left;
			padding-left: 10px;
			padding-right: 15px;
			padding-top: 30px;
			width: 158px;
			height: 115px;
			
}

div.gal_ramka {
			position: absolute;
			background: transparent url("../images/ramka.gif") no-repeat scroll 0%;
			width: 158px;
			height: 115px;
}
#gal_body {
			width: 635px;
			height: 573px;
			background: transparent url("../images/gradient_gal.gif") repeat-x scroll 0%;
			
			
}

#gal_head {
			width: 635px;
			height: 128px;
			background: transparent url("../images/gora_gal.jpg") no-repeat;
			

}
#desc {
	padding-top: 85px;
	padding-left: 153px;
	position: absolute;
	font-weight: bold;
	left: 0;
}
a.forward {
background:transparent url(../images/forward.gif ) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
float: right;
}
a.forward:hover {
background-position:0px -32px;
float: right;
}

a.back {
background:transparent url(../images/back.gif) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
float: right;
}
a.back:hover {
background-position:0px -32px;
float: right;
}

a.close {
background:transparent url(../images/close.gif) no-repeat scroll 0%;
display:block;
height:32px;
width:38px;
background-position:0px 0px;
float: right;
}
a.close:hover {
background-position:0px -32px;
float: right;
}


#img_big{
	border: 4px;
	border-color: #a2d74f;
	border-style: solid;
	width: 500px;
	height: auto;
	margin-left: 63px;
	 
}

#img_big2{
	
	width: 500px;
	height: auto;
	margin-left: 63px;
	text-align: center;
	 
}

#buttons1 {
	width: 85px;
	height: 29px;
	margin-bottom: 6px;
	margin-left: 490px;
	padding-top: 38px;
	
}

#buttons2 {
	width: 85px;
	height: 29px;
	margin-bottom: 3px;
	margin-left: 490px;
	
	
}