@font-face {
    font-family: 'ClanOTBook';
    src: url('../font/ClanOTBook.eot');
    src: url('../font/ClanOTBook.eot') format('embedded-opentype'),
         url('../font/ClanOTBook.woff2') format('woff2'),
         url('../font/ClanOTBook.woff') format('woff'),
         url('../font/ClanOTBook.ttf') format('truetype'),
         url('../font/ClanOTBook.svg#ClanOTBook') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: 'ClanOTMedium';
    src: url('../font/ClanOTMedium.eot');
    src: url('../font/ClanOTMedium.eot') format('embedded-opentype'),
         url('../font/ClanOTMedium.woff2') format('woff2'),
         url('../font/ClanOTMedium.woff') format('woff'),
         url('../font/ClanOTMedium.ttf') format('truetype'),
         url('../font/ClanOTMedium.svg#ClanOTMedium') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: 'ClanOTBold';
    src: url('../font/ClanOTBold.eot');
    src: url('../font/ClanOTBold.eot') format('embedded-opentype'),
         url('../font/ClanOTBold.woff2') format('woff2'),
         url('../font/ClanOTBold.woff') format('woff'),
         url('../font/ClanOTBold.ttf') format('truetype'),
         url('../font/ClanOTBold.svg#ClanOTBold') format('svg');
	font-weight:bold;
	font-style:normal;
}

@font-face{
	font-family:"LEGOChalet60";
	src: url('../font/LEGOChalet60Regular.otf');
	src: url('../font/LEGOChalet60Regular.eot');
    src: url('../font/LEGOChalet60Regular.eot') format('embedded-opentype'),
         url('../font/LEGOChalet60Regular.woff2') format('woff2'),
         url('../font/LEGOChalet60Regular.woff') format('woff'),
         url('../font/LEGOChalet60Regular.ttf') format('truetype'),
         url('../font/LEGOChalet60Regular.svg#LEGOChalet60Regular') format('svg');
	font-weight:normal;
	font-style:normal;
}

@font-face {
    font-family: 'montserratbold';
    src: url('../font/montserrat-bold-webfont.eot');
    src: url('../font/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-bold-webfont.woff2') format('woff2'),
         url('../font/montserrat-bold-webfont.woff') format('woff'),
         url('../font/montserrat-bold-webfont.ttf') format('truetype'),
         url('../font/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('../font/montserrat-regular-webfont.eot');
    src: url('../font/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/montserrat-regular-webfont.woff2') format('woff2'),
         url('../font/montserrat-regular-webfont.woff') format('woff'),
         url('../font/montserrat-regular-webfont.ttf') format('truetype'),
         url('../font/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html body {
	background-color:#f9f9f9;
	background-image:url(../img/bg/1.jpg);
	background-position:center;
	background-size:cover;
	line-height:1;
	font-size:14px;
	color:#333;
	font-family:'ClanOTBook';
	font-style:normal;
	height: 100%;
}

hr {
	border: none;
	border-top:#199bd7 solid 1px;
	margin: 5px 0;
}

#frontlogin {
	width: 100%;
	margin: 10px auto;
	height: 100%;
	vertical-align:middle;
}

#frontlogo {
	text-align:center;	
	margin-bottom: 10px;
}

#t-login {
	width: 30%;
	min-width: 300px;
	max-width: 300px;
	background:#FFF;
	color:inherit;
	padding: 20px;
	line-height: 20px;
	position:relative;
	margin: 10px auto;
	border-radius:15px;
	
}