body, div {
	margin: 0;
	padding: 0;
}

html, body, div, p, td, th, input, select, option, textarea{
	font-family: arial;
}

body {
	margin : 1em;
	background-color: #F0F0F0;
}

h1 {
	font-size: 120%;
	color: #C4034A;
	margin: .5em 0;
}
h2{ font-size: 110%;}
h3{ font-size: 105%;}
img{ border: 0;}

a {
	color: black;
}


#page{
	ddddisplay: flex;
	flex-direction: column;
}
#page-content{
	position: absolute;
	left: 1em;
	right: 1em;
	top: 1em;
	bottom:2em;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

#page-content-frame{
	flex: 0;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

	#logo{
		margin: 0 0 1em 0;
	}
	
	#msgError{ 
		display:none;
		font-size:120%;
		font-weight: bold;
		color: #fff;
		background-color: #d0021b;
		margin: 1em 0;
		padding: 0 1em;
	}
	
	#login{
		flex: 1;
		margin: auto;
		border: 1px solid #999;
		border-radius: 10px;
		padding: 1ex;
		background-color: #FFF;
	}

	#login>div>label{
		display: inline-block;
		width: 8em;
	}
	#login>div>div{
		display: inline-block;
	}
	
	.buttons{
		text-align: center;
		margin:  1em 0 .5em 0;
	}
	.button {
	    background-color: #d0021b;
	    border: none;
	    border-radius: 8px;
	    color: white;
	    margin: 10px;
	    padding: 6px 12px;
	    text-align: center;
	    text-decoration: none;
	    transition-duration: 0.2s;
	}

	.button:hover {
    	background-color: #ba0118;
	}

#page-footer{
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	right: 0;
	height; 1em;
	text-align: center;
	font-size: 80%;
	margin: .5em;
}