@charset "utf-8";
/* CSS Document */

body, textarea, select, input[type=text], input[type=submit]{
	z-index:2;
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

.#body{
	background: url(images/bg02.jpg) fixed no-repeat;
}

table{
	border-radius:10px;
	position:relative;
	padding:15px;
	background:rgba(255,255,255,0.2);
	z-index:2;
	margin:auto;
}

input[type=text], input[type=password]{
	font-size: 90%;
	width:280px;
	padding:2px 3px 2px 3px;
	border:1px solid #DCDCDC;
	height:30px;
	border-radius:5px;
}


input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus{
	border-color:#8ABEFC;
	box-shadow: 0px 0px 2px 1px #A3A8F9;	
}


.btnlogin{
	position:relative;
	font-size: 15px;
	border: 1px solid transparent;
	border-radius:5px;
	height:32px;
	width:70px;
}


.btnlogin:hover{
	color:#fff;
	background:#5250F4;
	box-shadow: 0px 0px 2px 1px #A3A8F9;
}

.btnlogin:active{
	background:#F71B1E;
	box-shadow: none;

}

body, textarea, select, input[type=text], input[type=submit]{
	font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
}

body{
	background: url(images/bg02.jpg) fixed no-repeat;
}

table{
	border-radius:10px;
	padding:15px;
	background:rgba(255,255,255,0.1);
	margin:auto;
	margin-top:100px;
}


.logo{
	border:1x solid #FFFFFF;
	border-radius:20px;
	background:url(../images/Logo.png) #FFFFFF;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
	width:180px;
	height:100px;
}

input[type=text], input[type=password]{
	width:180px;
	padding:2px 3px 2px 3px;
	border:1px solid #DCDCDC;
	height:25px;
	border-radius:5px;
}


input[type=text]:hover, input[type=password]:hover, input[type=text]:focus, input[type=password]:focus{
	border-color:#8ABEFC;
	box-shadow: 0px 0px 2px 1px #A3A8F9;	
}


.btnlogin{
	position:relative;
	border: 1px solid transparent;
	border-radius:5px;
	height:32px;
	width:70px;
}


.btnlogin:hover{
	color:#fff;
	background:#5250F4;
	box-shadow: 0px 0px 2px 1px #A3A8F9;
}

.btnlogin:active{
	background:#F71B1E;
	box-shadow: none;

}

.warm{
	display:none;
}


/*------------------------------*/
		/* BG */

	#bg {
		-moz-transition: opacity 2s ease-in-out;
		-webkit-transition: opacity 2s ease-in-out;
		-ms-transition: opacity 2s ease-in-out;
		transition: opacity 2s ease-in-out;
		height: 100%;
		left: 0;
		opacity: 0.55;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 1;
	}

		#bg div {
			-moz-transition: opacity 3s ease, visibility 3s;
			-webkit-transition: opacity 3s ease, visibility 3s;
			-ms-transition: opacity 3s ease, visibility 3s;
			transition: opacity 3s ease, visibility 3s;
			background-size: cover;
			height: 100%;
			left: 0;
			opacity: 0;
			position: absolute;
			top: 0;
			visibility: hidden;
			width: 150%;
		}

			#bg div.visible {
				-moz-animation: bg 45s linear infinite;
				-webkit-animation: bg 45s linear infinite;
				-ms-animation: bg 45s linear infinite;
				animation: bg 45s linear infinite;
				opacity: 1;
				visibility: visible;
				z-index: 1;
			}

				#bg div.visible.top {
					z-index: 2;
				}

				@media screen and (max-width: 1280px) {

					#bg div.visible {
						-moz-animation: bg 29.25s linear infinite;
						-webkit-animation: bg 29.25s linear infinite;
						-ms-animation: bg 29.25s linear infinite;
						animation: bg 29.25s linear infinite;
					}

				}

				@media screen and (max-width: 736px) {

					#bg div.visible {
						-moz-animation: bg 18s linear infinite;
						-webkit-animation: bg 18s linear infinite;
						-ms-animation: bg 18s linear infinite;
						animation: bg 18s linear infinite;
					}

				}

			#bg div:only-child {
				-moz-animation-direction: alternate !important;
				-webkit-animation-direction: alternate !important;
				-ms-animation-direction: alternate !important;
				animation-direction: alternate !important;
			}

		body.is-loading #bg {
			opacity: 0;
		}

	@-moz-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@-webkit-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@-ms-keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}

	@keyframes bg {
		0% {
			-moz-transform: translateX(0);
			-webkit-transform: translateX(0);
			-ms-transform: translateX(0);
			transform: translateX(0);
		}

		100% {
			-moz-transform: translateX(-25%);
			-webkit-transform: translateX(-25%);
			-ms-transform: translateX(-25%);
			transform: translateX(-25%);
		}
	}