@font-face {
	font-family: Raleway-Light;
	font-style: normal;
	font-weight: normal;
	src: url("/fonts/Raleway-ExtraLight.ttf");
}

@font-face {
	font-family: Raleway-Regular;
	font-style: normal;
	font-weight: normal;
	src: url("/fonts/Raleway-Regular.ttf");
}

@font-face {
	font-family: Raleway-Medium;
	font-style: normal;
	font-weight: normal;
	src: url("/fonts/Raleway-Medium.ttf");
}

@font-face {
	font-family: Raleway-Bold;
	font-style: normal;
	font-weight: normal;
	src: url("/fonts/Raleway-Bold.ttf");
}

@font-face {
        font-family: Canaro;
        font-style: normal;
	font-weight: normal;
        src: url("/font/canaro.otf"), local("Helvetica,sans-serif");
}
@font-face {
        font-family: Canaro Bold;
        font-style: normal;
	font-weight: normal;
        src: url("/font/canaro_bold.ttf"), local("Helvetica,sans-serif");
}


html {
	width: 100%;
	height: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	font: 16px Raleway-Regular;
	background: white url(i/bg.jpg) no-repeat center;
	background-size: cover;
	background-attachment: fixed;
}
#nocookies {
	display: none;
	z-index: 2000;
	position: fixed;
	top: 0; left: 0;
	width: 100%;
	z-index: 2000;
	height: 100%;
	background: rgba(255,255,255,0.9);
}
#nocookies table {
	width: 100%;
	height: 100%;
}
#nocookies table td {
	width: 100%;
	height: 100%;
	font-size: 2em;
	font-family: Raleway-Bold;
	text-align: center;
	vertical-align: center;
	text-shadow: 0px 0px 4px #ff0;
}

.help {
	position: absolute;
	font: 2.5em Raleway-Bold;
	top: 1em;
	left: 0;
	padding: 2em 0.25em 0.25em 2em;
	background: transparent url('i/arrow_help.png') no-repeat 0.75em 0.25em;
	background-size: 1.5em;
}