* {
	margin: 0px;
	padding: 0px;
}

body {
	background: url(background.svg) center/cover no-repeat fixed #f9fff1;
}
a {
	outline: none;
	color: #57a700;
}
a:hover {
	text-decoration: none;
}

#container {
	margin: 0px auto;
	width: 1200px;
}

#container > header,
#menu, #menu > nav > nav,
#slider {
	border: 1px solid #86bd4a;
	border-radius: 15px;
	background-color: #e5ffc8;
	padding: 15px;
}

#container > header {
	margin-top: 15px;
	border-bottom: none;
	border-radius: 15px 15px 0px 0px;
	font-size: 0px;
}
	#container > header > div {
		display: inline-block;
		vertical-align: middle;
	}
	#container > header a {
		outline: none;
	}

	#logo-left {
		width: 10.5%;
	}
		#logo-left img {
			float: left;
			width: 106.5px;
			height: 123px;
			transition: transform 0.5s;
		}
		#logo-left img:hover {
			transform: scale(1.1) rotate(360deg);
		}
	#logo-center {
		width: 80%;
		text-align: center;
		font-family: Impact, sans-serif;
		color: #203d00;
	}
		#logo-center > div.text-top {
			font-size: 25.95px;
		}
		#logo-center > div.text-center {
			font-size: 29.1px;
		}
		#logo-center > div.text-bottom {
			font-size: 45.6px;
		}
	#logo-right {
		width: 9.5%;
	}
		#logo-right img {
			float: right;
			border: 1px solid #86bd4a;
			width: 88.5px;
			height: 120px;
			transition: transform 0.5s;
		}
		#logo-right img:hover {
			transform: scale(1.1);
		}

#container > address {
	margin-bottom: 15px;
	border-radius: 0px 0px 15px 15px;
	background-color: #203d00;
	padding: 1.5px 15px 3px;
	text-align: center;
	font: 21.6px Impact, sans-serif;
	color: #e5ffc8;
}
	#container > address > img {
		padding: 0px 0px 1.5px 7.5px;
		width: 22.5px;
		vertical-align: middle;
	}

#left {
	float: left;
	width: 360px;
}
	#left a {
		outline: none;
	}

	#menu {
		padding: 12px 0px;
	}
		#menu > nav {
			position: relative;
			cursor: default;
		}
			#menu > nav > nav {
				visibility: hidden;
				opacity: 0;
				position: absolute;
				z-index: 1;
				left: 348px;
				top: -1.5px;
				border-radius: 0px;
				padding: 0px;
				width: 360px;
				box-shadow: 0px 0px 4.5px #203d00;
				transition: opacity 0.2s;
			}
			#menu > nav:hover > nav {
				visibility: visible;
				opacity: 1;
			}

		#menu nav > a, #menu nav > div {
			display: block;
			position: relative;
			padding: 3px 15px 3px 27px;
			text-decoration: none;
			font: 22.5px Impact, sans-serif;
			color: #203d00;
		}
		#menu nav > a:hover, #menu nav > div:hover,
		#menu nav > a.hover, #menu nav > div.hover {
			background-color: #86bd4a;
			color: #e5ffc8;
			text-shadow: 1.5px 1.5px 4.5px #203d00;
		}
		#menu nav > a::before, #menu nav > div::before {
			content: "";
			position: absolute;
			left: 12px;
			top: 9px;
			border-left: 9px solid;
			border-top: 7.5px solid transparent;
			border-bottom: 7.5px solid transparent;
			width: 0px;
			height: 0px;
			transition: border-left 0.2s, width 0.2s;
		}
		#menu nav > a:hover::before, #menu nav > div:hover::before,
		#menu nav > a.hover::before, #menu nav > div.hover::before {
			content: "";
			top: 12px;
			border: none;
			border-radius: 30%;
			background-color: #e5ffc8;
			width: 9px;
			height: 9px;
			box-shadow: 1.5px 1.5px 4.5px #203d00;
		}

	#slider {
		overflow: hidden;
		position: relative;
		margin: 15px 0px;
		height: 483px;
		text-align: center;
	}
		#slider > div.slides {
			position: absolute;
			left: 100%;
			width: 300%;
			transition: left 0.5s;
		}
			#slider > div.slides > a {
				display: block;
				float: left;
				width: 357px;
			}
				#slider > div.slides > a > img {
					height: 450px;
					box-shadow: 0px 0px 4.5px #203d00;
					transform: scale(0.95);
					transition: transform 0.2s;
				}
				#slider > div.slides > a > img:hover {
					transform: scale(1);
				}

		#slider > div.dots {
			position: absolute;
			left: 0px;
			bottom: 0px;
			width: 100%;
			font-size: 0px;
		}
			#slider > div.dots > span {
				display: inline-block;
				position: relative;
				margin: 15px 6px;
				border: 1px solid #86bd4a;
				border-radius: 50%;
				width: 15px;
				height: 15px;
				cursor: pointer;
				transition: transform 0.2s;
			}
			#slider > div.dots > span:hover, #slider > div.dots > span.active {
				transform: scale(1.3);
			}
			#slider > div.dots > span::before {
				content: "";
				transition: background-color 0.5s;
			}
			#slider > div.dots > span.active::before {
				content: "";
				position: absolute;
				left: 3px;
				top: 3px;
				border-radius: 50%;
				background-color: #86bd4a;
				width: 9px;
				height: 9px;
			}

#main {
	float: right;
	margin: 0px 15px 15px 15px;
	width: 810px;
}
	main {
		font: 19.5px Verdana, sans-serif;
	}
		main > h1 {
			position: relative;
			margin-bottom: 15px;
			border: 1px solid #86bd4a;
			border-radius: 15px 15px 0px 0px;
			background-color: #e5ffc8;
			padding: 4.5px 4.5px 4.5px 30px;
			font: 25.5px Impact, sans-serif;
			color: #203d00;
		}
		main > h1::before {
			content: "";
			position: absolute;
			left: 12px;
			top: 15px;
			border-radius: 30%;
			background-color: #203d00;
			width: 12px;
			height: 12px;
		}
		main p {
			margin-top: 4.5px;
			text-align: justify;
			text-indent: 1.6em;
		}
		main p:first-child {
			padding-top: 0px;
		}
		main ol, main ul {
			margin-left: 2.6em;
		}
		main ol.ml-plus1em {
			margin-left: 3.6em;
		}
		main figure {
			text-align: center;
		}
			main figure img {
				margin: 15px 0px 0px 15px;
				border: 1px solid #86bd4a;
			}
			main figure img:first-child {
				margin-left: 0px;
			}
		main table {
			border-spacing: 0px;
		}
			main table td {
				padding: 4.5px;
				vertical-align: top;
			}
			main table td:nth-child(even) {
				background-color: #e5ffc8;
			}
				main table td img {
					border: 1px solid #86bd4a;
				}
			main table tr:last-child > td {
				padding-bottom: 12px;
			}
		#wrapper-buttons {
			text-align: center;
			font-size: 0px;
		}
			#wrapper-buttons > div {
				display: inline-block;
				margin: 0px 15px 15px 0px;
				border: 1px solid #e98b39;
				border-radius: 15px;
				background-color: #ffedd0;
				padding: 15px;
				width: 363px;
				cursor: pointer;
				box-shadow: 3px 3px 4.5px #ac5c16;
				font: 45.6px Impact, sans-serif;
				color: #ac5c16;
			}
			#wrapper-buttons > div:hover {
				background-color: #e98b39;
				box-shadow: 0px 0px 4.5px #ac5c16;
				color: #ffedd0;
				text-shadow: 3px 3px 4.5px #ac5c16;
			}
			#wrapper-buttons > div:last-child {
				margin-right: 0px;
			}
		#fixed {
			display: none;
			position: fixed;
			z-index: 1;
			left: 0px;
			top: 0px;
			background-color: rgba(249, 255, 241, 0.9);
			width: 100%;
			height: 100%;
			text-align: center;
		}
		#fixed::before {
			content: "";
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}
			#fixed > div {
				display: inline-block;
				position: relative;
				border: 1px solid #86bd4a;
				border-radius: 15px;
				background: url(background.svg) center/cover no-repeat fixed #f9fff1;
				padding: 15px;
				box-shadow: 0px 0px 4.5px #203d00;
				vertical-align: middle;
			}
				#fixed > div > div:first-child {
					position: absolute;
					right: -16px;
					top: -14px;
					border-radius: 50%;
					background-color: #86bd4a;
					width: 30px;
					height: 30px;
					cursor: pointer;
					box-shadow: 0px 0px 4.5px #203d00;
					color: #e5ffc8;
				}
				#fixed > div > a > img {
					border: 1px solid #86bd4a;
					border-radius: 15px;
				}
				#fixed > div > div:last-child {
					float: right;
					margin-left: 15px;
					font-size: 1.6em;
				}
		main .mt-15 {
			margin-top: 15px;
		}
		main .ta-c {
			text-align: center;
		}

	#map {
		margin-top: 15px;
		border: 1px solid #e98b39;
		background-color: #ffedd0;
	}
		#map > script {
			display: block;
			width: 807px;
			height: 537px;
		}

span.noscript {
	font-family: monospace;
}