/* RESET */
form{padding:0; margin:0;}

/* */
body{margin:0; background-color:#EFEFEF; }
div, input{font-size:20px; font-family: 'open_sansregular';}

#main{
	width:410px;
	margin-top:200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#mainauto{
	width:660px;
	margin-top:200px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#logo{position:absolute; top:0; left:0; width:100%; background-color:#003C69; padding:2em; text-align:center; box-sizing: border-box;}

#footer{position:absolute; bottom:0; left:0; width:100%; background-color:#DADADA; padding:2em; box-sizing: border-box;}

	#footer-unit{float:left; width:100%;}
	#footer-a{float:left; width:50%; font-size:0.650em; line-height:1.5em;}
	#footer-b{float:left; width:50%;}

		ul#footer-links{margin:1em 0 0 0; padding:0; text-align: right;}
		ul#footer-links li {display:inline-block; list-style: none;}
		ul#footer-links li:not(:last-child){margin-right:1.5em}
		ul#footer-links li a{color:#003C69; font-size:0.650em; text-decoration: none;}
		ul#footer-links li a:hover{text-decoration: underline;}

		#page-wrapper{width:60em; margin:12em auto 0 auto;}   /* --> top logo = absolute */

		.box-white{ background-color:#FFF; padding:2em; box-sizing: border-box; margin-bottom:3em;}

		.box-white h1{font-size:1.1em; margin:0 0 1em 0; border-bottom:1px solid #DDD; padding-bottom:0.8em;}
		.box-white h2{font-size:0.8em; margin:0 0 1em 0; padding-bottom:0.8em;}
		.box-white h3{font-size:0.7em; margin:0 0 1em 0; padding-bottom:0.8em;}
		.box-white p{font-size:0.7em;}
		.box-white a{color:#003C69;}

#form-content{padding:30px; background-color:#FFF;}

.bow_shadow{
	-moz-box-shadow: 0px 0px 5px 0px #999;
	-webkit-box-shadow: 0px 0px 5px 0px #999;
	-o-box-shadow: 0px 0px 5px 0px #999;
	box-shadow: 0px 0px 5px 0px #999;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#999, Direction=NaN, Strength=5);
}

/* COLORS */
.grey {color:#4F5760;}
.white {color:#FFF;}

/* FONT SIZE */
.s18{font-size:0.900em;}
.s16{font-size:0.800em;}
.s15{font-size:0.750em;}
.s14{font-size:0.700em;}

/* ALIGN */
.alignright{text-align:right;}

/* float */
.left{float:left;}
.right{float:right;}

/* MARGIN */
.mb-1-0{margin-bottom:1.0em;}
.mb-2-0{margin-bottom:2.0em;}
.mt-1-0{margin-top:1em;} .mt-2-0{margin-top:2em;}


/* FORM */
input[type="text"],input[type="password"]{ padding:0.5em; border:1px solid #CCC; width:100%;}
form label{clear:both; display:block; margin-bottom:0.5em; margin-top:0.5em;}

/* BUTTON */
.blue-button{ background-color:#3498DB; border:1px solid #207AB7;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size:0.800em;
	width:auto;
	padding:0.7em; padding-left:1.4em; padding-right:1.4em;
	margin-top:0.5em; text-decoration:none;
}


.alert-red{ background-color:#F2DEDE; border:1px solid #EBCCD1; color:#A94441;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom:1em;
	padding:1.0em;
}

.link-blue{color:#3498DB; text-decoration:none;}
.link-blue:hover{ text-decoration:underline;}

.linkgreen{background-color:#2DCB71; border:1px solid #219653;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size:0.800em; margin-top:1.5em; margin-right:1.5em; margin-bottom:1.5em;
	padding:1.5em; color:#FFF; text-decoration:none;}