html,body{
	padding:0;
	margin:0;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	font-color: black;
	/*background:#e2cc71;*/
	/*background:#dcc97b;*/
	background:#fff6d9;
}
header{
	position: absolute;
	top:0;
	left:0;
	right:0;
	height:200px;
}
container{
	position: absolute;
	top:210px;
	left:0;
	right:0;
	bottom:40px;
	z-index: -10;
	overflow-y: auto;
}
footer{
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:40px;
}
fieldset{
	margin: 0;
    padding: .35em 0 .75em;
    border: 0;
}
legend{
	display: block;
	width: 100%;
	padding: .3em 0;
	margin-bottom: .3em;
	color: #333;
	border-bottom: 1px solid #e5e5e5;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="datetime"],
input[type="url"]{
	padding: .5em .6em;
	display: inline-block;
	border: 1px solid #ccc;
	box-shadow: inset 0 1px 3px #ddd;
	border-radius: 4px;
	vertical-align: middle;
	box-sizing: border-box;
	font-size: 12px;
}
button{
	font-size: 100%;
	padding: .5em 1em;
	color: #444;
	color: rgba(0,0,0,.8);
	border: 1px solid #999;
	border: transparent;
	background-color: #E6E6E6;
	text-decoration: none;
	border-radius: 2px;
}
#_status_success{
	position: absolute;
	top:20%;
	left:20%;
	min-width:300px;
	height:80px;
	max-width:600px;
	background:rgba(64, 175, 36, 0.6);
	border: 2px solid rgba(64, 175, 36, 1);
	text-align: center;
	line-height: 80px;
	font-size: larger;
	display:none;
}
#_status_error{
	position: absolute;
	top:20%;
	left:20%;
	min-width:300px;
	height:80px;
	max-width:600px;
	background:rgba(176, 37, 37, 0.6);
	border: 2px solid rgba(176, 37, 37, 1);
	text-align: center;
	line-height: 80px;
	font-size: larger;
	display:none;
}

#xpage{
	width:80%;
	margin:0 auto;
}
xpage-title{
	border-bottom: 2px solid rgba(98,  194,  105, 1);
	font-size: xx-large;
	line-height: 150%;
	font-weight: bold;
	width:100%;
	color:black;
	display:block;
}
xpage-subtitle{
	padding-top: 0.8%;
	color:rgba(98,  194,  105, 1);
	font-size: larger;
	line-height: 120%;
	font-weight: bolder;
	display:block;
	width:100%;
}
xpage-image{
	display: block;
	padding: 5px 10px;
	float: left;
	max-width:200px;
}
xpage-text{
	text-align: justify;
	color:black;
}
xpage-ptext{
	text-align: justify;
	color:black;
	display: block;
	padding-bottom: 20px;
	padding-top: 20px;
}

footer a, footer a:link, footer a:active, footer a:visited{
	text-decoration: none;
	color: #555;
}
footer a:hover{
	text-decoration: none;
	color: #fff;
}

@media screen and (max-width : 760px){
	header{
		position: absolute;
		top:0;
		left:0;
		right:0;
		height:40px;
	}
	container{
		position: absolute;
		top:50px;
		left:0;
		right:0;
		bottom:40px;
		z-index: -10;
		overflow: auto;
	}
	#xpage{
		width:95%;
		margin:0 auto;
	}
	xpage-title{
		border-bottom: 2px solid rgba(98,  194,  105, 1);
		font-size:x-large;
		line-height: 120%;
		font-weight: bold;
		width:100%;
		color:black;
		display:block;
	}
	xpage-subtitle{
		padding-top: 0.8%;
		color:rgba(98,  194,  105, 1);
		font-size: large;
		line-height: 105%;
		font-weight: bolder;
		display:block;
		width:100%;
	}
	xpage-image{
		display: block;
		padding: 5px 10px;
		float: left;
		max-width:200px;
	}
	xpage-text{
		text-align: justify;
		color:black;
	}
	xpage-ptext{
		text-align: justify;
		color:black;
		display: block;
		padding-bottom: 20px;
		padding-top: 20px;
	}

}