/****************************************************************************************************************************************************/
/** GLOBAL STYLES ***********************************************************************************************************************************/

:root {
	--default-font: 'Open Sans', Arial, Helvetica, sans-serif;
	--arial: Arial, Helvetica, sans-serif;

	--text-color: #FFFFFF;
	--bg-color: rgba(255,214,83,1);
	--lightblue: white;
}


@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-Regular.ttf');
	src: local('Open Sans Regular'), local('Open-Sans-Regular'),
		url('/fonts/OpenSans-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-Bold.ttf');
	src: local('Open Sans Bold'), local('Open-Sans-Bold'),
		url('/fonts/OpenSans-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-Italic.ttf');
	src: local('Open Sans Italic'), local('Open-Sans-Italic'),
		url('/fonts/OpenSans-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'Open Sans';
	src: url('/fonts/OpenSans-BoldItalic.ttf');
	src: local('Open Sans Bold Italic'), local('Open-Sans-Bold-Italic'),
		url('/fonts/OpenSans-BoldItalic.ttf') format('truetype');
	font-weight: 700;
	font-style: italic;
}





* {
	box-sizing: border-box;
}
html {
	font-size: 100%; /* 16px ? */
/*
font-size

375% = 45pt		= 60px
350% = 42pt		= -
333% = 40pt		= -
316% = 38pt		= -
300% = 36pt		= 48px
275% = 34pt		= 45px
255% = 32pt		= 42px	2.625rem
245% = 30pt		= 40px
				  39px	2.4375rem
235% = 29pt		= 38px	2.375rem
230% = 28pt		= 37px
225% = 27pt		= 36px
220% = 26pt		= 35px
207% = 24.75pt	= 33px	= xx-large
200% = 24pt		= 32px	= xx-large

187.5% = ? pt	= 30px	1.875rem
180% = 22pt		= 29px	1.8125rem
175% = 21pt		= 28px
166% = 20pt		= 26px
158% = 19pt		= 25px
150% = 18pt		= 24px	1.5rem
145% = 17pt		= 23px	1.4375rem
140% = 16pt		= 22px	1.375rem
130% = 15pt		= 21px	1.3125rem
125% = 14.5pt	= 20px	1.25rem
120% = 14pt		= 19px	1.1875rem
112.5% = 13.5pt	= 18px	1.125rem
105% = 13pt		= 17px	1.0625rem


100% = 12pt		= 16px	1rem
95%  = 11pt		= 15px	.9375rem
87.5%= 10.5pt	= 14px	.875rem
80%  = 10pt		= 13px	.8125rem
75%  = 9pt		= 12px	.75rem
70%  = 8pt		= 11px	.6875rem
62.5%= 7.5pt	= 10px	.625rem
55%  = 7pt		= 9px	.5625rem
50%  = 6pt		= 8px	.5rem

*/

	line-height: 1; /* 20px */
	font-family: var(--default-font);
}
select, option, input, textarea, label, button {
	font-family: var(--arial);
}
body {
	margin: 0;
	overflow: auto;

	color: var(--text-color);
	font-weight: 300;

	background-color: var(--bg-color);
}


img {
	border: 0;
	vertical-align: top;
}

a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

p {
	margin: 0;
}

abbr {
	text-decoration: none;
}
nav,
main,
article,
time,
aside {
	display: block;
}


/****************************************************************************************************************************************************/
/****************************************************************************************************************************************************/

html, body {
	width: 100%;
	height: 100%;
	text-align: center;
}

.wbouter {
	text-align: center;

	height: auto !important;
	min-height: 100%;
}
.jq-size-add {
	height: auto !important;
	min-height: 100%;
}


header {
	min-height: 100px;
}
main {
	overflow: hidden;
}

.inc {
	/* 1024 + 36 + 36 */
	max-width: 1096px;
	margin: 0 auto;
	padding: 0 36px 0 36px;
	text-align: left;
}
.irel {
	position: relative;
}

a.logo {
	position: absolute;
	top: 55px;
	right: 4px; /* 40 - 36 = 4 */
}
a.logo img {
	max-width: 100%;
	height: auto;
}


#temp-login-form {
	margin: 0 auto;
	width: 100%;
	max-width: 143px;

	padding-top: 177px;
	padding-bottom: 177px;
}
#temp-login-form .fld {
	width: 100%;
	height: 48px;
	margin: 0 0 7px 0;

	text-align: center;
	font-family: var(--arial);
	font-size: 1.5625rem;
}

#temp-login-form input.fld {
	background-color: var(--lightblue);
	border: .0625rem solid var(--lightblue);
	color: var(--bg-color);
}
#temp-login-form button.fld {
	background-color: var(--bg-color);
	border: .0625rem solid var(--lightblue);
	color: var(--lightblue);
	cursor: pointer;
}




.hidden {
	display: none;
}