* {
  margin: 0;
  padding: 0;
}

body {
	background-color: #c9c9c9; /*цвет фона*/
	background-image: url(/../images/key.png); /*подключаем изображения*/
        background-position: center top; /*позиция изображения, по центре экрана, прижатый к вверх*/
        background-repeat: no-repeat; /*не повторять изображение ни по одной оси*/
}

#loginForm {
        position: absolute;
        left: 43%;
        top: 33%; 
}

#message_login {
	text-shadow: 0px 0px 6px rgba(241,96,255,0.7);
	font-family:Arial;
        font-size:16px;
        font-weight:bold;
	position: absolute;
        left: 43%;
        top: 24%;
}

#message_login .flat_button {
        border:2px solid transparent;
        background-color: rgba(241,96,255,0.5);
	position: relative;
        left: 30%;
	box-shadow: 0 0 20px #40310a;
}

#message_login .flat_button:hover {
 /*	border-left:2px solid #f4f4f4;
	border-top:2px solid #f4f4f4;
	border-right:2px solid #888;
	border-bottom:2px solid #888; */
	box-shadow: 0 0 20px rgba(241,96,255,1);
}

input, textarea {outline:none;} 

.input_log, .input_pass {
	border: 3px solid white; 
	-webkit-box-shadow: 
		inset 0 0 8px  rgba(0, 0, 0, 0.5),
		0 0 16px rgba(0,0,0,0.1); 
	-moz-box-shadow: 
		inset 0 0 8px  rgba(0, 0, 0, 0.5),
		0 0 16px rgba(0,0,0,0.1); 
	box-shadow: 
		inset 0 0 8px  rgba(0, 0, 0, 0.5),
		0 0 16px rgba(0,0,0,0.1); 
	padding: 5px;
	background: rgba(255,255,255,0.5);
	margin: 0 0 10px 0;
	opacity: 0.88;
	width:187px;
	/* inset 0 0 8px  rgba(0,0,0,0.1), */
	font-family:Arial;
        font-size:16px;
	font-weight:bold;
	text-shadow: 0px 0px 6px rgba(241,96,255,0.7);

}
.input
{
	width: 100%;
	height: 25px;
}
.input:hover {
	background: rgba(255,191,255,0.5);
}
.input:focus {
    background: #EDEDED;
}


.button {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
/*	background-color:#ededed; */
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:2px solid #ffffff;
	display:inline-block;
	color:#fff; /*77777*/
	font-family:Arial;
	font-size:19px;
	font-weight:normal;
	padding:3px 0px;
	text-decoration:none;
	text-shadow:2px 2px 3px #000; /*A5A5A5*/
	width:187px;
	opacity: 0.88;
}

.button[id='first_login_button'] {
	width:203px;
}

.button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #FFBFFF) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #FFBFFF 100% );
/*#dfdfdf #ededed*/
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#FFBFFF');
	background-color:#dfdfdf;
}

.button:active {
	position:relative;
	top:1px;
}

label {
	color:#fff; /*77777*/
        font-family:Arial;
        font-size:19px;
        font-weight:normal;
        text-decoration:none;
        text-shadow:2px 2px 3px #000; /*A5A5A5*/
        width:187px;
        opacity: 0.88;
}