@viewport {
	width: device-width;
	user-zoom: zoom;
	zoom: 0.75;
}

@-ms-viewport {
	width: device-width !important;
}


html, body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

body {
	background: #8f9194;
	font: 16px Gill sans MT, arial,verdana, sans serif;
	color: #000;
	text-decoration: none;
	position: absolute;
}

footer {
	width: 40%;
	height: 40px;
	background: #8f9194;
	text-align: center;
	padding: 20px;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: auto;
	left: auto;

}

    footer a {
        font: bold 18px Gill sans MT, arial,verdana, sans serif;
        color: #000;
        text-decoration: none;
        padding: 15px;
        display: block;
        text-align: right;
    }

main {
    background: #fff;
    clear: both;
    padding: 20px 0px;
    width: 100%;
    float: right;
    position: absolute;
    top: 180px;
    z-index: 500;
    height: auto;
    right: auto;
    overflow: inherit;
}

	main a {
		font: bold 18px Gill sans MT, arial,verdana, sans serif;
		color: #000;
		text-decoration: none;
	}

#content {
	padding: 20px;
}

#logo {
	float: left;
	width: 12%;
	position: fixed;
	top: 0px;
	left: 0px;
}

	#logo img {
		height: 180px;
		min-width: 50%;
	}

#textLogo {
	align-content: center;
	width: 33%;
	padding: 10px 33%;
	text-align: center;
}

.field {
	clear: both;
	float: left;
	padding-bottom: 16px;
	width: 100%;
}

.label {
	float: left;
	width: 35%;
}

.value {
	float: right;
	width: 65%;
}

input, textarea {
	width: 360px;
}

iframe {
    width: 360px;
    padding-left: 0;
}

#submit {
	width: 30%;
	float: right;
}

.next {
	float: right;
}

#RegularExpressionValidator23 !important {
	display: block;
}

.back {
	float: left;
}

.jcarousel-wrapper {
	width: 320px;
	margin: 20px auto 0px;
}

.jcarousel li img {
    width: 320px;
    height: 250px;
}

.jcarousel-control-prev {
	left: -43px;
}

.jcarousel-control-next {
	right: -43px;
}

.validator {
	color: red;
	font-weight: bold;
}