@import 'normalize.css';
@import 'layout.css';

@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,700&subset=latin,latin-ext);

body {
	background: url('images/bg.jpg') no-repeat center top #fff;

	font-family: "Open Sans";
	font-size: 12px;

	line-height: 1.3;

	color: #666;
}

.wrapper {
	position: relative;

	width: 951px;

	margin: 0 auto;
}

body > header {
	position: relative;

	height: 200px;
}

#logo {
	position: absolute;

	top: 140px;
	left: 60px;
}

h1 {
	font-size: 3.5em;
	line-height: 1em;

	color: #1b5895;

	margin-top: 0;

	font-family: "Open Sans Condensed";
}

h2 {
	font-size: 1em;
	color: #1b5895;

	border-bottom: 1px solid #1b5895;

	margin: 2em 0 0.5em 0;
	padding-bottom: 0.5em;
}

a {
	color: #1b5895;
}

aside {
	position: relative;
	display: inline-block;

	vertical-align: top;

	width: 300px;
	margin-right: 10px;
}

#mainmenu {
	position: absolute;
	top: 138px;
	right: 0;
}

#mainmenu a {
	position: relative;

	display: inline-block;
	vertical-align: bottom;

	white-space: nowrap;

	padding: 9px 10px 10px 10px;

	color: #fff;
	font-size: 1.3em;

	text-align: left;
	text-decoration: none;

	transition: background-color 0.1s;
}

#mainmenu a:hover {
	background-color: #3d86bc;
}

.content {
	position: relative;
	display: inline-block;

	vertical-align: top;

	width: 641px;

	padding: 20px;

	box-sizing: border-box;

	font-size: 1.5em;
}

.content .text {
	text-align: justify;
}

.links .button {
	margin-bottom: 10px;
	margin-right: 10px;
}

.button {
	display: inline-block;

	padding: 8px 20px;
	background: #1b5895;

	color: #fff;
	font-weight: bold;

	border: 0;

	transition: background-color 0.2s;

	cursor: pointer;
}

.button:hover {
	background-color: #216db9;

	text-decoration: none;
}

body > footer {
	margin-top: 20px;
	background-color: #063462;
	text-align: center;
	color: #fff;
	font-size: 1.2em;
	min-height: 137px;
}

body > footer .wrapper {
	padding-top: 50px;
	line-height: 1.5;
}

body > footer a {
	color: #fff;
}

body > footer a:hover {
	text-decoration: underline;
}

.forms .input {
	display: table;

	width: 100%;

	margin-bottom: 1em;

	font-size: 16px;
}

.forms .label {
	display: table-cell;
	vertical-align: middle;

	width: 150px;

	text-align: right;

	padding-right: 10px;
}

.forms .widget {
	display: table-cell;

	vertical-align: middle;
}

.forms .widget input,
.forms .widget textarea {
	display: block;
	background: #e8f2fc;

	border: 0;

	width: 100%;

	padding: 0 0.5em;

	box-sizing: border-box;

	font-size: inherit;
}

.forms .widget input {
	height: 2.5em;
}

.forms .widget textarea {
	height: 8em;
}

.forms .submit {
	text-align: right;
}

.forms .submit .button {
	padding-left: 80px;
	padding-right: 80px;

	font-weight: normal;
	font-size: 1.1em;
}

.forms .errormessage {
	color: red;
	text-align: center;

	margin: 1em 0;
}

.mm1 {
	margin: 1em 0;
}

.mm2 {
	margin: 2em 0;
}

.earth {
	background: url('images/earth.png') no-repeat 0 0;

	width: 290px;
	height: 325px;
}