a:link { color:#000000; }
a:visited { color:#404040; }
a:active { color:#707070; }
a:hover { color:#909090; }

.article {
	min-height: 200px;
	min-height: 11em;
	max-width: 1000px;
	text-align: left;
	margin-right: auto;
	margin-left: auto;
}

.article > a, .article > p > a {
	vertical-align: top;
	font-size: 110%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.article > a:link { color: inherit; }
.article > a:visited { color: inherit; }
.article > a:active { color: inherit; text-decoration: underline; }
.article > a:hover { color: inherit; text-decoration: underline; }
.article > p > a:link { color: inherit; }
.article > p > a:visited { color: inherit; }
.article > p > a:active { color: inherit; text-decoration: underline; }
.article > p > a:hover { color: inherit; text-decoration: underline; }

.article > a > img {
	float: left;
	width: 16em;
	margin-right: 0.5em;
}

@media all and (max-width: 600px) {
	.article > a > img {
		float: none;
		width: 100%;
		margin: 0.5em;
	}
}

@media handheld {
	.article > a > img {
		float: none;
		width: 100%;
		margin: 0.5em;
	}
}


html { margin: 0; padding: 0; }

blockquote {
	border-left: 4px solid green;
	margin-left: 5px;
	max-width: 1000px;
	padding-left: 1em;
	padding-right: 1em;
	text-align: justify;
}

body {
	background: #e6e6e6;
	color: #000;
	margin: 0 auto 1em auto;
	max-width: 1600px;
	padding: 1% 2% 0;
	font: 1.3em/1.3 serif;
}

details {
	/*border: 2px solid green;*/
	background-color: #FAFAFA;
	max-width: 1000px;
	padding: 0.1em;
	text-align: justify;
}

li { text-align: justify }

h1, h2, h3, h4, h5, h6 {
	margin-left: auto;
	margin-right: auto;
	max-width: 1024px;
	text-align: center;
}

h1 { font-size:200%; }
h2 { font-size:150%; }
h3 { font-size:125%; }
h4 { font-size:110%; }
h5 { font-size:100%; }
h6 { font-size:100%; }

.h1 {
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}
.h2 {
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
.h3 {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
.h4 {
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

header {
	color: #000;
	background-color: #f6f6f6;
}
header:before {
	font-size: 1.2em;
	vertical-align: baseline;
	/*
	text-align: center;
	content: "Libre.Life";
	color: #000;
	width: 1600px;
	height: 200px;
	font-size: 48pt;
	transition: all 350ms;
	*/
}
#headerimg {
	display: none; /*inline-block;*/
}

ol, ul, dl, p, pre, details, blockquote, table {
	margin-top: 1.1em;
	margin-bottom: 1.1em;
	margin-left: auto;
	margin-right: auto;
}

ol, ul, dl, p {
	max-width: 1024px;
}

dl ul, dl ol, li {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

dt {
	margin-top: 1.2em;
	margin-bottom: 0.4em;
	font: 1.1em sans-serif;
}

abbr, acronym {
	border: none; text-decoration: none;
}

/*address { margin: 2em 0 0; font-size: 0.5em; font-style: normal; text-align: center; }*/
input { font: inherit; }


div.blocks {
	text-align: center;
}

div.blocks > a {
	margin: 1em 2em;
	border: solid thick;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	text-decoration: none;
	color: black;
	background: #CCCCCC;
	border-color: #888888;
}

div.blocks > a > div { text-align: center; text-decoration: none; width: 18em; min-height: 7em; padding: 1em; }
div.blocks > a > div h2 { text-decoration: underline; }
div.blocks > a > div h3 { text-decoration: underline; }
div.blocks > a > div h4 { text-decoration: underline; }
div.blocks figure { margin: 0; padding: 0; }
div.blocks h1 { margin: 0; padding: 0; }
div.blocks h1 object { float: none; display: block; margin: 0 auto 0.25em; padding; 0; }
div.blocks h2 { margin: 0; padding: 0; }
div.blocks h3 { margin: 0; padding: 0; }
div.blocks h4 { margin: 0; padding: 0; }
div.blocks p { margin: 0; padding: 0; text-align: center; }

div.blocks-front {
	max-width: 2000px;
}
div.blocks-front > a {
	margin: 0.8em;
	box-shadow: 0 0 5px black;
	transition: box-shadow 0.05s linear;
}
div.blocks-front > a:hover {
	box-shadow: 0 0 25px black;
}
div.blocks-front > a > div {
	max-width: 350px;
	min-height: 20em;
	width: 15em;
}

div.blocks-front2 > a {
	box-shadow: 0 0 5px black;
	transition: box-shadow 0.05s linear;
}
div.blocks-front2 > a:hover {
	box-shadow: 0 0 25px black;
}

div.blocks-team {
	max-width: 2000px;
}
div.blocks-team > a > div, div.blocks-team > div {
	background: #fff;
	border-color: #000;
	display: inline-block;
	min-height: 30em;
	width: 30em;
	text-decoration: inherit;
}

div.lang {
	text-align: center;
	background-color: #f6f6f6;
}

div.project-block {
	margin: 1em 2em;
	border: solid thick;
	text-align: center;
	display: inline-block;
	vertical-align: bottom;
	text-decoration: none;
	color: black;
	background: #CCCCCC;
	border-color: #888888;
	width: 15em;
	min-height: 20em;
	padding: 1em 1.4em;
}

figure {
	text-align: center;
	max-width: 100%;
}

figure > a > img {
	max-width: 100%;
}

figure > iframe {
	max-width: 100%;
}

figure > img {
	max-width: 100%;
}

footer {
	margin: 0;
	padding: 0;
	border-top: 1px solid #000;
	font-size: 80%;
	color: #ddd;
	text-align: center;
	background-color: #3d4351;
}

footer > a:link {
	color: #ddd;
	text-decoration: none;
}

footer > a:visited {
	color: #ddd;
}

footer > a:active {
	color: #eee;
	text-decoration: underline;
}

footer > a:hover {
	color: #fff;
	text-decoration: underline;
}

footer > div > a { text-decoration: inherit; }
footer > div > a:link { color: inherit; }
footer > div > a:visited { color: inherit; }
footer > div > a:active { color: inherit; text-decoration: inherit; }
footer > div > a:hover { color: inherit; text-decoration: inherit; }

footer > div > p { margin-bottom: 0; margin-top: 0; }
footer > div > p > a { text-decoration: inherit; }
footer > div > p > a:link { color: inherit; }
footer > div > p > a:visited { color: inherit; }
footer > div > p > a:active { color: inherit; text-decoration: inherit; }
footer > div > p > a:hover { color: inherit; text-decoration: inherit; }

footer > nav {
	display: inline-block;
	text-align: center;
	margin: 0;
	padding: 0;
	color: inherit;
	text-align: center;
}

footer > nav > div {
	border-right: 1px solid black;
	float: left;
	margin: 0.1em;
	min-height: 4em;
	min-width: 7em;
	padding: 0.1em;
}

footer > nav > div > a { text-decoration: none; }
footer > nav > div > a:link { color: inherit; }
footer > nav > div > a:visited { color: inherit; }
footer > nav > div > a:active { color: inherit; text-decoration: underline; }
footer > nav > div > a:hover { color: inherit; text-decoration: underline; }

form {
	margin: 0;
	padding: 0;
}

frame.video {
	max-width: 100%;
}

#lang {
	display: inline-block;
	font-size: 1.3em;
	padding: 0.5em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

#lang > a {
	padding: 0.5em;
}

#lang > a:hover { background: #f9f9f9; }
#lang > a:active { background: #fdfdfd; }

#lang > b {
	padding: 0.5em;
}

main {
	border-bottom: 1px solid;
	text-align: center;
	margin: 0 auto;
	max-width: 1600px;
	padding: 1% 1% 3% 1%;
	margin-top: 1%;
	margin-bottom: 1%;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	display: block;
	background-color: #fff;
}

#mlogo {
	display: inline-block;
	vertical-align: middle;
}

#mlogo > a:before {
	content: url(/img/mlogo.png);
	text-decoration: none;
}

#mm {
	display: inline-block;
	font-size: 1.3em;
	min-height: 2em;
	text-decoration: none;
	vertical-align: middle;
}

#mmlogo {
	display: inline-block;
	vertical-align: middle;
}

nav {
	display: block;
	color: inherit;
	background-color: inherit;
	text-align: center;
}

nav > a:link { color: inherit; }
nav > a:visited { color: inherit; }
nav > a:active { color: inherit; }
nav > a:hover { color: inherit; }

p {
	text-align: justify;
	word-wrap: break-word;
}
p.h { text-align: center; }
p.lang {
	background-color: #f6f6f6;
	text-align: center;
}

pre {
	background-color: #f6f6f6;
	border: 1px solid black;
	max-width: 1000px;
	padding-left: 1em;
	padding-right: 1em;
	text-align: left;
}

.sm {
	height: 1em;
	width: 1em;
}

table {
	border: 1px solid black;
	border-collapse: collapse;
	max-width: 1000px;
}

.tag {
	color: navy;
	font-family: monospace;
	quotes: "<" ">";
} 
.tag:before {
	content: open-quote;
}
.tag:after {
	content: close-quote;
}

video {
	max-width: 100%;
}