body{
   margin: 0px;
   padding: 0px;
   font-size: 12px;
   font-family: Arial; 
   background: url('images/body_layout.jpg'); 
   color: #3e3e3e;
}

h1 {
	color: #157aab;
	font-size: 24px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
	border-bottom: 3px #157aab solid;
	font-weight: normal;
	font-size: 24px;
	display: block;
	width: 100%;
}

a {
	color: #157aab;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.center{
    margin: auto;
    width: 980px;    
    
}

.shadow{
	float: left;
	box-shadow: 0px 0px 50px -15px #000;
}

																																							/* HEADER */

.header {
	float: left;
	position: relative;
	width: 980px;
	height: 253px;
	background: url('images/header.jpg') no-repeat;
}

.header .info {
	font-size: 18px;
	color: #157aab;
	position: absolute;
	font-style: italic;
	right: 20px;
	top: 19px;
	text-align: right;
	font-weight: bold;
}

.header .home {
	position: absolute;
	display: block;
	width: 71px;
	height: 22px;
	left: 29px;
	top: 19px;
}

.header .mail {
	position: absolute;
	display: block;
	width: 71px;
	height: 22px;
	left: 99px;
	top: 19px;
}

																																							/* NAVIGATION */

.nav {
	float: left;
	position: relative;
	width: 980px;
	height: 35px;
	background: url('images/nav_layout.jpg') repeat-x;
}

.nav ul {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 20px;
	top: 0px;
	list-style: none;
}

.nav ul li {
	float: left;
	margin: 0 1px;
}

.nav ul li a {
	font-size: 15px;
	color: #fff;
	display: block;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	padding: 0 20px;
}

.nav ul li a:hover {
	background: url('images/nav_active.jpg') repeat-x;
}

.nav ul li .active {
	background: url('images/nav_active.jpg') repeat-x;
}

																																							/* CONTENT */

.content {
	float: left;
	width: 930px;
	min-height: 600px;
	height: auto !important;
	background: #fff;
	padding: 25px;
}

																																							/* FOOTER */

.footer {
	float: left;
	position: relative;
	width: 980px;
	height: 53px;
	background: url('images/footer_layout.jpg') repeat-x;
}

.footer .copy {
	color: #3e3e3e;
	position: absolute;
	left: 20px;
	top: 4px;
}

.footer .e-terra {
	text-decoration: none;
	position: absolute;
	left: 20px;
	color: #0686fd;
	top: 16px;
}

.footer .counter {
	width: 100px;
	height: 18px;
	position: absolute;
	left: 20px;
	top: 30px;
}

.footer ul {
	list-style: none;
	position: absolute;
	right: 20px;
	top: 6px;
}

.footer ul li {
	float: left;
	margin: 0 10px;
}

.footer ul li a {
	color: #3e3e3e;
	text-decoration: none;
	text-transform: uppercase;
}

.footer ul li a:hover ,
.footer ul li .active {
	text-decoration: underline;
}

@media (max-width: 980px) {
	.header, .footer ul {
		display: none;
	}
	.center, .content, .footer, .shadow, .nav {
		width: 100%;
		box-sizing: border-box;
	}
	.nav {
		width: 100%;
		overflow-x: auto;
	}
	.nav ul {
        position: relative;
        display: flex;
        white-space: nowrap;
	}
	.footer {
        display: flex;
        align-items: center;
        justify-content: center;
	}
	img {
		max-width: 100%;
		height: auto;
	}
	form {
		max-width: 100%;
		overflow-x: auto;
	}
}