html { margin: 0; padding: 0; background: url(../g_files/tlo.jpg) repeat top center; }
body { font: normal 12px/1.4 Arial; margin: 0; padding: 0; background: url(../g_files/pasek.jpg) repeat-x top center; }

img { border: 0; }

#page
 {
	 background: url(../g_files/tlo_baza.png) repeat-y top center;
	 width: 976px;
	 margin: 0 auto;
	 }

#header
 {
	 padding: 105px 0 0 0; 
	 background: url(../g_files/head.png) no-repeat; 
	 position: relative;
	 }
	 
#logo
 { 
	position: absolute;
	top: 0;
	left: 20px; 
	} 
	
#menu
 {
	 margin: 0;
	 padding: 0;
	 position: absolute;
	 right: 60px;
	 top: 83px; 
	 list-style-type: none;
	 overflow: hidden;
	 }
	 
#menu li 
{
	line-height: 1.3; 
	float: left; 
	margin: 0;
	padding: 0 19px;
	border-right: 1px solid #FFF;
	color: #FFF;
	position: relative;
	left: 20px;
	}

#menu li:hover{
	color: rgba(60, 255, 45, 0.85);	
	font-weight: bold;	
}

#menu li a 
{ 
	color: #FFF; 
	text-decoration: none; 
	}
	
#content 
{ 
	min-height: 500px;
	overflow: hidden;
	color: #FFF; 
	}

#menu li a:hover{
	color: rgba(60, 255, 45, 0.85);	
	font-weight: bold;
}

#left
 { 
	margin: 0 0 0 40px; 
	float: left; 
	width: 620px; 
	}
	
	
	ul.spis
	{
		width: 600px;
		margin-top: 5px;
	}
	
	ul.spis > li
	{
		font-size: 12px;
		padding: 2px;
		letter-spacing: 0.5px;
		list-style-type: none;
		list-style-position: outside;
		list-style-image: url('../g_files/square_green.gif');
	}

/*
	ul.spis > li:before	
	{
		color: #A7F442;
		#content: "⇒";
		#margin-right: 5px;
	}
*/
	
#left h1
 {
	 font-size: 16px;
	 font-weight: bold;
	 color: #8fd400;
	 text-transform: uppercase;
	 padding: 10px 20px;
	 background: url(../g_files/line.jpg) no-repeat bottom left;
	 position: relative;
	 left: -10px;
	 }
	 
	 
	 
	 
#right 
{ 
	float: right; 
	margin: 0 6px 0; 
	background: url(../g_files/kontakt.png) no-repeat; 
	width: 302px; 
	height: 460px; 
	position: relative; 
	}
	
#right .Facebook 
{ 
	position: absolute; 
	width: 100px; 
	height: 25px; 
	right: 10px; 
	top: 10px; 
	background: url(../g_files/facebook.jpg) no-repeat center; 
	overflow: hidden; 
	}
	
#right .Facebook a 
{ 
	display: block; 
	width: 100px; 
	height: 25px; 
	}

#right h2 
{ 
	margin: 0 0 25px 0; 
	color: #8fd400; 
	text-transform: uppercase; 
	padding: 10px 20px 0 50px; 
	}
	
#right p 
{ 
	padding: 0 20px 0 50px; 
	margin: 10px 0; 
	font-size: 14px; 
	}
	
#right p small 
	{ 
	font-size: 12px; 
	}
	
#right p.ContactForm
	{ 
	background: url(../g_files/pocz.png) no-repeat 50px 0; 
	}
	
#right p.ContactForm 
	{ 
	padding-left: 100px; 
	}
	
#right p.ContactForm a 
	{ 
	color: #FFFFFF; 
	text-decoration: none; 
	}
	
#right p.ContactForm a:hover 
	{ 
	text-decoration: underline; 
	}

#right p.Phone 
	{ 
	background: url(../g_files/tell.png) no-repeat 50px 2px; 
	}

#right p.Phone 
	{ 
	padding-left: 100px; 
	}

	
	
#footer
{
	font-size: 10px;
	padding: 40px 0 0;
	height: 60px;
	background: url(../g_files/foot.png) no-repeat;
	color: #e2dbc9;
	overflow: hidden;
	width: 976px;
	margin: 0 auto;
	}
	
#footer a { color: #e2dbc9; text-decoration: none; }
#footer p.Rzetelna { float: left; margin: -26px 0 0 60px; }
#footer p { margin: 0 30px 0 20px; float: left; }
#footer p.right { float: right; }

form.cl_form { text-align: center; }
form.cl_form td { text-align: right; }
form.cl_form input.p2c { background: #8FD400; padding: 2px 15px; color: #fff; font-weight: bold; border: 1px solid #555; }

.imgpage img{
	transition: all .5s ease-in-out;
}
.imgpage:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1); 
}

.imgpagelg img{
	transition: all 1s ease-in-out;
}
.imgpagelg:hover img{
	-webkit-transform: scale(1.1) rotate(-360deg);
	-ms-transform: scale(1.1) rotate(-360deg);
	transform: scale(1.1) rotate(-360deg); 
}