@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600&subset=latin,latin-ext);

/* Reset */
@import "reset.less";

/* Kolory */

/* Zmienne ogólne */
@images: "../images/";
.width { width: 1023px;}
.center { margin: 0 auto;}
.border(@size, @color) { border: @size solid @color;}
.ptsans { font-family: 'PT Sans', sans-serif;}
.font(@size, @weight) { font-size: @size; font-weight: @weight;}
.rel { position: relative;} .abs { position: absolute;}

/**
 * @section              Ogólne
 */
/* ------------------------------------------------------------------------- */

strong {
	font-weight: Bold;
}

body {
	background: #ece8ad;
} //End body

header.main {
	height: 570px;
	background: #ece8ad url('@{images}bghead.jpg') repeat-x top;
	
	.header {
		.width;
		.center;
		.rel;
		
		#inicjatywa {
			.abs;
			top: 200px;
			right: 10px;
			z-index: 9999;
		}
	
		.items {
			.abs;
			.width;
			height: 410px;
			top: 42px;
			left: 0;
			z-index: 9999;
			
			#search {
				.abs;
				top: 0;
				right: 0;
				
				input[type="text"] {
					width: 138px;
					height: 14px;
					padding: 8px;
					background: url('@{images}searchbg.png');
					border: 0;
					margin: 0;
					float: left;
				}
				input[type="submit"] {
					width: 40px;
					height: 30px;
					display: block;
					background: url('@{images}searchsub.png');
					border: 0;
					float: left;
				}
			} //End #sarch
			
			#menuTop {
				top: 70px;
				right: 10px;
				.abs;
				width: 200px;
				
				li {
					float: left;
					margin: 0 0 10px 20px;
				}
			} //End #menuTop
			
			#logo {
				.abs;
				top: 0;
				left: 0;
			} //End #logo
			
		} //End .items
	
		.slider {
			.abs;
			top: 0;
			left: 0;
			.width;
			.center;
			height: 420px;
			z-index: 1;
		}
		
		nav {
			.abs;
			top: 483px;
			.width;
				z-index: 9999;
			
			ul.nav {
				.width;
				.abs;
				top: 0;				
				background: url('@{images}navbg.jpg') repeat-x;
				display: block;
				height: 51px;
				line-height: 51px;
				z-index: 1;
				text-align: center;
				
				li {
					display: inline-block;
					.rel;
					font-size: 0;
					
					ul {
						display: none;
						.abs;
						top: 20px;
						left: 0;
						padding: 5px 0;
						background: #fff;
						-webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.4);
						-moz-box-shadow:    0px 3px 5px 0px rgba(0, 0, 0, 0.4);
						box-shadow:         0px 3px 5px 0px rgba(0, 0, 0, 0.4);
						width: auto;
						
						li {
							display: block;
							text-transform: none;
							padding: 0 5px;
							
							a {
								display: block;
								font-family: 'Open Sans', sans-serif;
								font-weight: 600;
								font-size: 14px;
								text-transform: uppercase;
								text-decoration: none;
								color: #000;
								padding: 0 5px 3px 5px;
								height: 20px;
								line-height: 20px;
								text-align: left;
								white-space: nowrap;
								background: #fff;
								
								&:hover {
								padding: 0 5px 1px 5px;
									border-bottom: 2px solid #000;
								}
							}
						}
					}
					
					&:hover > ul {
						display: block;
					}
					
					a {
						height: 10px;
						line-height: 10px;
						display: inline-block;
						padding: 0 10px 20px 10px;
						font-family: 'Open Sans', sans-serif;
						font-weight: 600;
						font-size: 14px;
						text-transform: uppercase;
						text-decoration: none;
						color: #fff;
						
						&:hover, &.active {
							box-shadow: inset #fff 0 -9px 0 0;
						}
					}
					
					&:hover a {						
						box-shadow: inset #fff 0 -9px 0 0;
					}
				}
			}
			
			&:after {
				width: 1049px;
				height: 96px;
				background: url('@{images}navbgcien.png');
				display: block;
				.abs;
				top: -8px;
				left: -14px;
				z-index: 0;
				content: "";
			}
		}
	}
	
} //End header.main

header.static {
	height: 309px;
	background: #ece8ad url('@{images}bgheadstatic.jpg') repeat-x top;
	
	.header {
		.width;
		.center;
		.rel;
	
		.items {
			.abs;
			.width;
			height: 320px;
			top: 42px;
			left: 0;
			
			#search {
				.abs;
				top: 0;
				right: 0;
				
				input[type="text"] {
					width: 138px;
					height: 14px;
					padding: 8px;
					background: url('@{images}searchbg.png');
					border: 0;
					margin: 0;
					float: left;
				}
				input[type="submit"] {
					width: 40px;
					height: 30px;
					display: block;
					background: url('@{images}searchsub.png');
					border: 0;
					float: left;
				}
			} //End #sarch
			
			#menuTop {
				top: 70px;
				right: 10px;
				.abs;
				width: 150px;
				
				li {
					float: left;
					margin: 0 0 0 50px;
					font-size: 0;
				}
			} //End #menuTop
			
			#logo {
				.abs;
				top: 10px;
				left: 30px;
			} //End #logo
			
		} //End .items
	
		.slider {
			.abs;
			top: 0;
			left: 0;
			.width;
			.center;
			height: 483px;
			z-index: 1;
		}
		
		nav {
			.abs;
			top: 273px;
			.width;
			
			ul.nav {
				.width;
				.abs;
				top: 0;				
				background: url('@{images}navbg.jpg') repeat-x;
				display: block;
				height: 51px;
				line-height: 51px;
				z-index: 1;
				text-align: center;
				
				li {
					display: inline-block;
					.rel;
					
					ul {
						display: none;
						.abs;
						top: 42px;
						left: 0;
						padding: 20px;
						background: #fff;
						width: 100%;
						
						li {
							display: block;
							text-transform: none;
							
							a {
								height: 16px;
								line-height: 16px;
								display: inline-block;
								padding: 0 10px;
								font-family: 'Open Sans', sans-serif;
								font-weight: 600;
								font-size: 14px;
								text-transform: uppercase;
								text-decoration: none;
								color: #000;
							}
						}
					}
					
					&:hover > ul {
						display: block;
					}
					
					a {
						height: 51px;
						line-height: 51px;
						display: inline-block;
						padding: 0 10px;
						font-family: 'Open Sans', sans-serif;
						font-weight: 600;
						font-size: 14px;
						text-transform: uppercase;
						text-decoration: none;
						color: #fff;
						
						&:hover, &.active {
							box-shadow: inset #fff 0 -9px 0 0;
						}
					}
					
					&:hover a {						
						box-shadow: inset #fff 0 -9px 0 0;
					}
				}
			}
			
			&:after {
				width: 1049px;
				height: 96px;
				background: url('@{images}navbgcien.png');
				display: block;
				.abs;
				top: -8px;
				left: -14px;
				z-index: 0;
				content: "";
			}
		}
	}
	
} //End header.static
#static, #content {	
	width: 1023px;
	margin: 60px auto 40px auto;
	.rel;
	
	.content, .box {		
		width: 953px;
		padding: 20px 35px;
		background: #fff;
		display: block;
		.rel;
		z-index: 99;
		overflow: hidden;
		font-family: Tahoma;
		font-size: 12px;
		
		.img-right {
			float: right;
			margin: 0 0 30px 20px;
			.rel;
			
			a {
				.abs;
				bottom: -35px;
				left: -1px;
			}
			
			img.img {
				border: 2px solid #689217;
				border-radius: 2px;
			}
			
			&:after {
				clear: both;
				content: "";
				display: block;
			}
		}
		
		h1 {
			font-family: 'Open Sans', sans-serif;
			font-size: 33px;
			font-weight: 600;
			color: #668f17;
			margin: 0 0 30px 0;
			text-transform: upperacase;
		}
		
		p {
			line-height: 20px;
			font-size: 14px;
			font-family: Arial;
				color: #000;
			margin: 0 0 20px 0;
		}
		
		ul {
			margin: 15px 0 0 25px;
			
			li {
				line-height: 20px;
				
				a {
					color: gray;
					text-decoration: none;
					
					&:hover {
						color: #000;
						text-decoration: underline;
					}
				}
			}
			
			&.files {
				
				a {
					padding: 0 0 0 25px;
					height: 16px;
					line-height: 16px;
					background: url('@{images}download.png') no-repeat;
				}
			}
		}
		
		ol {
			margin: 5px 0 10px 15px;
			
			li {
				line-height: 18px;
				
				a {
					color: gray;
					text-decoration: none;
					
					&:hover {
						color: #000;
						text-decoration: underline;
					}
					
				}
			}
		}
		
		.back {
			color: #000;
			font-size: 14px;
			text-decoration: none;
			
			&:hover {
				text-decoration: underline;
			}
		}
		
		strong {
			font-weight: Bold;
		}
		
		a.more {
			font-family: Arial;
			font-size: 12px;
			font-weight: Bold;
			font-style: Italic;
			color: #668f17;
			text-decoration: none;
			height: 23px;
			line-height: 23px;
			padding: 0 0 0 30px;
			background: url('@{images}morearrow.png') no-repeat left center;
			display: block;
		}
		
		.center {
			float: left;
		}
	}	
	
		.cien {
			display: block;
			.abs;
			bottom: -25px;
			left: -5px;
		width: 1026px;
			height: 64px;
		background: url('@{images}cienstatic.png') no-repeat;
			z-index: -99;
		}
	
	
	&.news-list {
		a {
			text-decoration: none;
			.item {
				margin: 20px 0 0;
				padding: 0 0 46px;
				background: url('@{images}news-list-footer.png') no-repeat center bottom;
				.rel;
				
				time {
					text-align: left;
					font-family: 'Open Sans', sans-serif;
					font-size: 12px;
					font-weight: 600;
					color: #668f17;
					display: block;
					margin: 0 0 10px 0;
					line-height: 20px;
					height: 20px;
					
					&:after {
						clear: both;
						content: "";
						display: block;
					}
				}
				
				h2 {
					text-align: left;
					font-family: 'Open Sans', sans-serif;
					font-size: 20px;
					font-weight: 600;
					color: #668f17;
					display: block;
					margin: 0 0 10px 0;
				}
				
				p {
					float: left;
					width: 610px;
				line-height: 20px;
				font-size: 14px;
				font-family: Arial;
				color: #000;
				}
			
				img {
					float: right;
					width: 292px;
					height: 195px;
					background: #fff;
					padding: 5px;
					border: 1px solid #638917;
				}
					
				&:after {
					clear: both;
					content: "";
					display: block;
				}
			}
		}
		
		.mainPhoto {
			float: left;
			background: #fff;
			padding: 5px;
			border: 1px solid #638917;
			max-width: 250px;
			margin: 0 10px 10px 0;
			
			img {
				max-width: 250px;
			}
		}
	}
	
	&.galeria {
		
		ul.gallery {
			text-align: center;
			
			li {
				display: inline-block;
				width: 303px;
				margin: 0 5px 18px;
				
				a {
					display: inline-block;
					background: #fff;
					padding: 5px;
					border: 1px solid #638917;
					
					img {
						width: 283px;
					}
					
					text-decoration: none;
					
					h2 {
						height: 30px;
						line-height: 30px;
						font-family: Arial;
						font-size: 12px;
						color: #000;
					}
				}
			}
		}
		
		ul.pagination {
			text-align: center;
			line-height: 23px;
			height: 23px;
			
			li {
				display: inline-block;
				line-height: 23px;
				height: 23px;
				
				a {
					display: inline-block;
					height:13px;
					width: 13px;
					line-height:13px;
					background:#becf6c;
					text-decoration:none;
					text-indent:-8000px;
					border-radius: 50%;
			       
			       &:hover, &.active {
						background:#395c25;
			       }
			       
			       &.prev, &.next {
						background: url('@{images}prev.png');
						width: 24px;
						height: 23px;
						.rel;
						top: 6px; 
			       }
			       &.next {
			       		transform:rotate(180deg);
						-ms-transform:rotate(180deg); /* IE 9 */
						-webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */
			       }
			       
				}
			}
		}
	}
} //End #static

#main {
	.width;
	margin: 0 auto 40px auto;
	
	.left {
		width: 616px;
		float: left;
		.rel;
		
		.tlo {
			width: 616px;
			padding: 20px 35px;
			background: #fff;
			display: block;
			.rel;
			z-index: 99;
		
		}
			
		.cien {
			display: block;
			.abs;
			bottom: -25px;
			left: -5px;
			width: 695px;
			height: 64px;
			background: url('@{images}cienlewy.png');
			z-index: -99;
		}
		
		h1 {
			font-family: 'Open Sans', sans-serif;
			font-size: 33px;
			font-weight: 600;
			color: #668f17;
			margin: 0 0 30px 0;
			text-transform: upperacase;
		}
		
		p {
			line-height: 20px;
			font-size: 14px;
			font-family: Arial;
			color: #000;
			margin: 0 0 20px 0;
		}
		.home {
			p {
			margin: 0 0 2px 0;
			}
		}
		
		strong {
			font-weight: Bold;
		}
		
		a.more {
			font-family: Arial;
			font-size: 12px;
			font-weight: Bold;
			font-style: Italic;
			color: #668f17;
			text-decoration: none;
			height: 23px;
			line-height: 23px;
			padding: 0 0 0 30px;
			background: url('@{images}morearrow.png') no-repeat left center;
			display: block;
		}
	}
	
	.right {
		float: right;
		width: 277px;
		.rel;
		margin: 0 40px 0 0;
		
		.tlo {
			width: 277px;
			padding: 20px 20px;
			background: #fff;
			display: block;
			.rel;
			z-index: 99;
		
		}
			
		.cien {
			display: block;
			.abs;
			bottom: -25px;
			left: -2px;
			width: 320px;
			height: 64px;
			background: url('@{images}cienprawy.png');
			z-index: -99;
		}
		
		h2 {
			font-family: 'Open Sans', sans-serif;
			font-size: 33px;
			font-weight: 600;
			color: #668f17;
			margin: 0 0 30px 0;
			text-transform: upperacase;
		}
		
		p {
			line-height: 20px;
			font-size: 14px;
			font-family: Arial;
			color: #000;
			margin: 0 0 20px 0;
			text-align: justify;
		}
		
		article {
			margin: 0 0 15px 0;
			
			h3 {
				width: 100%;
				text-align: left;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;
				font-weight: 600;
				color: #668f17;
				display: block;
				margin: 0 0 0 0;
				line-height: 20px;
			}
			
			time {
				width: 100%;
				text-align: right;
				font-family: 'Open Sans', sans-serif;
				font-size: 12px;
				font-weight: 600;
				color: #668f17;
				display: block;
				margin: 0 0 10px 0;
				
				&:after {
					clear: both;
					content: "";
					display: block;
				}
			}
		}
		
		a.more {
			font-family: Arial;
			font-size: 12px;
			font-weight: Bold;
			font-style: Italic;
			color: #668f17;
			text-decoration: none;
			height: 23px;
			line-height: 23px;
			padding: 0 0 0 30px;
			background: url('@{images}morearrow.png') no-repeat left center;
			display: block;
		}
	}
	
	&:after {
		clear: both;
		content: "";
		display: block;
	}
}

#bottomMenu {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #456407;
	
	ul {
		.width;
		.center;
		text-align: center;
		height: 50px;
		line-height: 50px;
		
		li {
			display: inline-block;
			padding: 0 20px;
			border-left: 1px solid #fff;
			
			&:first-child {
				border-left: none;
			}
			
			a {
				font-family: Arial;
				font-size: 12px;
				color: #fff;
				text-decoration: none;
			}
		}
	}
	
	.rel;
	&:after {
		.abs;
		bottom: -5px;
		width: 100%;
		content: "";
		display: block;
		height: 2px;
		background: #a7c174;
	}
} //End #bottomMenu

footer {
	background: #fff;
	width: 100%;
	display: block;
	padding: 20px 0 15px;
	text-align: center;
			line-height: 20px;
			font-size: 12px;
			font-family: Arial;
			color: #000;
}

#unia {
	background: #fbfbfb;
	width: 100%;
	display: block;
	padding: 20px 0 20px;
	text-align: center;
			line-height: 20px;
			font-size: 12px;
			font-family: Arial;
			color: #000;
}

.ksiega {
	
	form {
		ol {
			li {
				line-height: 50px;
				margin: 5px 0;
				
				label {
					line-height: 40px;
					width:80px;
					display: inline-block;
					text-align: right;
				}
				
				&.captcha {
					margin: 0 0 0 83px;
					
					input[type="text"] {
						width: 50px;
						.rel;
						top: -8px;
					}
				}
			input[type="submit"] {
				float: left;
				background: #668f17;
				color: #ffffff;
				height: 34px;
				border-radius: 10px;
				border: none;
				padding: 0 15px 5px 15px;
				font-weight: bold;
				cursor: pointer;
				margin: 0 0 10px 80px;
				
				}
			}
		}
	}
	.guestBook {}
	.guestBook .post { border-top: 1px solid #d7e9f1; padding: 10px 0 30px; }
		.guestBook .post p {}
		.guestBook .post .author { display: block; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left: 1px solid #d7e9f1; float: right; color: #C0D31D; font-size: 11px; line-height: 16px; }
		.guestBook .post small { float: right; color: #C0D31D; font-size: 11px; line-height: 16px; }
}
/**
 * @section              Footer
 */
/* ------------------------------------------------------------------------- */
#cookies { position: fixed; z-index: 9999; background: #f9f3e0; bottom: 0; left: 0; padding: 10px 0; font-size: 11px; width: 100%; text-align: center; border-top: solid 1px #fbf7e9; box-shadow: 0 0 10px 0 rgba(0,0,0,0.15), inset 0 0 10px 0 #f5e8c0; color: #796e4d; text-shadow: 0 1px 0 #ffffff; }