html, body {
	padding: 0;
	margin : 0;
	height : 100%;
}
body {
	font-family: sans-serif, 'times new roman', serif;
}
a {
	color: #CF6456;
}
a:hover {
	color: #efac76;
}
a:active {
	color: #8EBCC0;
}

.title {
	display  : flex;
	position : relative;
	margin   : 0;
	width    : 100%;
	height   : 100px;
	font-size: 1.2em;
	color    : white;
	background-color: black;
	align-items: center;
}
.title h1 {
	position   : relative;
	margin     : 0;
	padding    : 0.75em 2em 0.75em 1.5em;
	white-space: nowrap;
	font-size  : 2em;
	flex-grow: 1;
	cursor: pointer;
}
.title .vii {
	width: 150px;
	height: 100px;
	background: url("/i/vii.png") no-repeat 100%;
	cursor: pointer;
}
.title .switches {
	min-width: 335px;
	text-align: center;
	padding: 0 3.0em 0 3.0em;
	display: flex;
	height: 100%;
	flex-direction: column;
    justify-content: space-evenly;
}
.title .switches .language a {
	padding: 0 0.33em;
	font-size: 1.1em;
	color: white;
}
.title .switches .language a:hover {
	color: lightgray;
}

.menu {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}
.menu a {
	color: black;
	padding: 10px 10px;
	white-space: nowrap;
}
.menu a:hover {
	color: white;
	background-color: black;
}


.shaft {
	position  : relative;
	margin    : 3.5em auto 0;
	max-width : 1100px;
}

.page {
	position  : relative;
	min-width : 800px;
	min-height: 100%;
}
.page .content {
	position      : relative;
	margin        : 0 4em;
	padding-top   : 0;
	padding-bottom: 200px; /* height of the footer element */
	font-size     : 1.2em;
	line-height   : 1.4em;
	text-align    : justify;
}
.page .content:after {
	content: '';
	display: block;
	clear  : both;
}

.footer {
	position : relative;
	left     : 0;
	right    : 0;
	bottom   : 0;
	height   : 2.4em;
	font-size: 1.2em;
	background-color: black;
	color: white;
}

.footer .sign {
	position  : absolute;
	left      : 0;
	right     : 0;
	bottom    : 0.8em;
	text-align: center;
	font-size : 0.8em;
}



h2 {
	text-align: center;
	font-size : 1.4em;
}
h3 {
	text-align: center;
	font-size : 1.2em;
}
p {
	margin: 0;
}


.article p {
	text-indent: 2em;
}
.article p span {
	text-indent: 0;
}

.catalog, .media {
	text-align: center;
}
.contentFrame img, .contentFrame #map {
	box-shadow: 0 0 0.4em rgba(0,0,0,0.4);
}
.downloadLink {
	position: absolute;
	bottom  : 0;
	right   : 10px;
}

/* hide unneeded items */
.navigation, .media h2, .contentFrame .name {
	display: none;
}

/*@media screen and ( min-width: 1280px ) {
	.title h1 {
		max-width: 1280px;
	}
	.menu {
		max-width: 1280px;
	}
	.page {
		max-width: 800px;
	}
}*/