@import "screen.css";

body  {
	background: #DDDDDD;
	margin: 0; 
	padding: 0;
	text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#container { 
	position: absolute;
	left: 50%;
	top: 25px;
	margin-left: -370px;
	width: 780px;
	background: #FFFFFF;
	border: 1px solid #000000;
	text-align: left; 
} 
#header { 
	position:relative;
	height: 100px;
}
#header #logo {
	position:absolute;
	right:20px;
	bottom:10px;
	z-index:2;
	font-weight: bold;
	color: white;
}
#header #foto {
	position:absolute;
	right:0;
	top:0;
	z-index:1;
}
#menu {
	width: 780px;
}
#mainContent {
	padding: 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size: 75%;
} 
#footer {
	margin-top: 10px;
	padding: 6px 0;
	font-size: 10px;
	width: 100%;
	background: #2a188e;
	color: #FFF;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* Forms */
.csc-mailform, form {
 border: 0;
 padding: 0;
}
form {
 margin-top: 10px;
}
.csc-mailform-field {
 width: 566px;
 position: relative;
 padding: 5px 0;
}
.csc-mailform-field label {
 display: block;
 width: 120px;
 text-align: right;
}
.csc-mailform-field input {
 position: absolute;
 left: 130px;
 top: -2px;
}
.csc-mailform-field textarea {
 margin-left: 130px;
 margin-top: -20px;
}
.csc-mailform-submit {
 margin-top: 5px;
 clear: both;
 width: 80px;
}
#mailform {
float:left;
width: 400px;
}