body {
  background: #544a40;
  margin: 0 auto;
  max-width: 60em;
  display: flex;
  flex-flow: column wrap;
  font-family: Verdana;
}

a {
	color: #0569bb;
}
a:visited {
	color: #0569bb;
}
a:hover {
  color: #544a40;
}
a:active {
  color: #544a40;
}

.text_logo {
	height: 14pt;
	width: 14pt;
}

.no_points {
	list-style-type: none;
}

.numbered {
	list-style-type: decimal;
}

.nomarker {
	list-style-type: none;
	margin-left: 1em;
}

.nomarker li {
	padding-bottom: 0.5em;
}

.flex {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 2em;
}
.flex img {
	margin-right: 2em;
}
.flex img.text_logo {
	margin-right: 0;
}
.flex div {
	max-width: 30em;
}
.flex ul {
	margin-top: 2em;
}
.flex ul img {
	margin-right: 0;
}
.copyright {
	font-size: 10pt;
}
.copyright img {
	height: 10pt;
	width: 10pt;
	margin-right: 0;
}

header img {
	width: 100%;
	height: 100%;
}

nav {
	margin: 0.1em 0  0.3em 0;
	background: -prefix-linear-gradient(left, #ac9079, #e7d1b8);
	background: linear-gradient(to right, #ac9079, #e7d1b8);
	text-align: center;
	padding: .2em 1em .2em 1em;
	color: #000000;
}

nav li {
	display: inline;
	list-style-type: none;
	padding: 0 2.2em;
}

nav a {
	font-size: 14pt;
	font-style: italic;
	text-decoration: none;
	color: #000000;
	padding: .2em 0;
}
nav a:visited {
	color: #000000;
}
nav a:hover {
  color: #ffffff;
}
nav a:active {
  color: #ffffff;
}
nav input {
		display: none;
}

@media only screen and (max-width: 750px) {
	nav ul {
		display: none;
	}
	nav li {
	  display: block;
	  list-style-type: none;
	  padding: 0.3em 0;
  }
	nav input {
		display: none;
		height: 0;
		width: 0;
	}
	nav input:checked ~ ul {
		display: block;
	}
	nav {
		text-align: center;
	}
	nav label {
		display: block;
		background-image: url(../img/logo/wmenu.png);
		background-repeat: no-repeat;
    background-size: 2em 2em;
		height: 2em;
		width: 2em;
	}
	nav label:hover {
		background-image: url(../img/logo/smenu.png);
	}
}

main {
	flex-basis: 100%;
	font-size: 12pt;
	background: #ffffff;
}

main ul {
	margin-left: 2em;
}
main il {
	padding-bottom: 1em;
}
main img {
	max-width: 100%;
	height: 100%;
}
main section {
	margin: 0 2em 2em 2em;
}

.news_box ul {
	margin: 0;
	list-style-type: none;
}
.news_box li {
	border: 1px solid #000000;
	padding: 1em;
	margin-bottom: 1em;
}

ul {
	margin: 0;
	padding: 0;
}

footer {
	font-size: 14pt;
	font-style: italic;
	color: #ffffff;
	margin: 0.3em 0 0 0;
	padding: .2em 1em .2em 1em;
	background: -prefix-linear-gradient(left, #ac9079, #e7d1b8);
	background: linear-gradient(to right, #ac9079, #e7d1b8);
}

footer a {
	text-decoration: none;
	color: #000000;
}
footer a:visited {
	color: #000000;
}
footer a:hover {
  color: #ffffff;
}
footer a:active {
  color: #ffffff;
}

#gallery img {
	max-width: 16em;
	max-height: 9em;
	border: 1px solid #8b7355;
}

#gallery a img {
	border: 2px solid #0569bb;
}

#gallery a:visited img {
	border: 2px solid #0569bb;
}

#gallery a:hover img {
	border: 2px solid #e80b0d;
}

#gallery a:active img {
	border: 2px solid #e80b0d;
}

#imageShow {
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: center;
	padding: 2em 0 0 0;
	vertical-align: middle;
}
#imageShow .back_link img,
#imageShow .next_link img {
	min-width: 3em;
	height: auto;
}
#imageShow .back_link,
#imageShow .next_link {
	position: absolute;
	-webkit-align-self: center;
  align-self: center;
	padding: 1em 0;
}
#imageShow .back_link {
	right: 0;
}
#imageShow .next_link {
	left: 0;
}

#imageShow a.back_link,
#imageShow a.next_link {
	background-color: #ffffff;
	opacity: 0.3;
}
#imageShow a:hover {
	background-color: lightgray;
}

.auto-resizable-iframe {
  max-width: 420px;
  margin: 0px auto;
}

.auto-resizable-iframe > div {
  position: relative;
  padding-bottom: 75%;
  height: 0px;
}

.auto-resizable-iframe iframe {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}