body {
	font-family:Verdana;
	color:#324851;
	/*background-color:#b89a83;*/
	background-color:#223322;
	min-width: 370px;
}
* {
  box-sizing: border-box;
}
.header {
	background-color:#324851;
	border-color:#324851;
	border-width: 10px;
	border-style: solid;
	text-align:right;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.container {
	background-color:#eeffff;
	overflow:auto;
}
.menulink {
	float:left;
	width:20%;
	text-align:center;
}
.menuitem {
	background-color:#888888;
}
.main {
	width:100%;
	padding:0 20px;
}
.login {
	width: 200px;
	background-color:#7DA3A1;
	border: 2px solid #7da3a1;
	color:#324851;
	display:inline-block;
	padding:15px;
	margin: 0px;
	text-align:center;
	border-radius: 8px;
}
.footer {
	background-color:#324851;
	text-align:center;
	padding:10px;
	margin-top:0px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	color: #7DA3A1;
}

/*------- menu */
ul.menu {
	margin: 0;
}

ul.menu > li {
	border-radius: 4px;
	display: inline-block;
	margin-left: 0.5em;
	padding: 0 0.5em;
}

ul.menu > li a {
	color: inherit;
	line-height: 2em;
	letter-spacing: 2px;
	text-decoration: none;
	color: #eeffff;
	font-size: 1em;
}

ul.menu > li:first-child {
	margin-left: 0;
}

ul.menu > li.active a {
	color: #eeffff;
	background: #34675C;
	padding: 0 0.5em;
	border-radius: 4px;
	border: 2px solid #34675c;
}

ul.menu > li > ul {
	display: none;
}

ul.menu > li:hover {
	background: #7DA3A1;
}

/*------- buttons */
.button {
	border: 1px solid #324851;
	border-radius: 4px;
	display: inline-block;
	margin-left: 0.5em;
	padding: 0 0.5em;
	font-family: 'Open Sans',  sans-serif;
	color: #eeffff;
	background-color:#34675C;
	text-decoration:none;
}

/*------- inputs */
input {
    background:#eeffff;
    padding: 5px 5px;
    margin: 5px 0;
    box-sizing: border-box;
    border: 1px solid #324851;
    border-radius:8px;
	 display: inline;
}


/*------- banner */
.banner {
   background:#7da3a1;
	margin: 20px 0;
	height: 10vw;
	position:relative;
	color:#86ac41;
   border-radius:8px;
}

.bannerimg {
	width:100%;
}

.bottom-left {
   position: absolute;
   bottom: 10px;
   left: 16px;
	font-size: 4vw;
	text-shadow: 3px 3px  3px #324851;
	color:#eeffff;
	font-weight: bold;
}

img.lngimg {
	border: 0px solid #eeffff;
	height: 14px;
	width: auto;
}
img.lngimga {
	border: 2px solid #eeffff;
	height: 18px;
	width: auto;
}

img.arts {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width:620px) {
	/* For mobile phones: */
	.menu, .main, .right {
		width:100%;
	}
}