@media screen, projection {
#login {
	height:120px;
	margin:60px 0;
	padding-top:41px;
	background:url(../images/login.png) left top no-repeat
}

#login div.left {
	width:184px;
	padding:0 71px 0 189px;
	float:left;
}
#login div.left p {
	text-align:justify;
	line-height:1.3em;
	color:#446A84
}
#login form {
	padding-top:3px
}
#login ul {float:left}
#login form li {
	width:165px;
	padding-bottom:3px;
	float:left
}
#login form li.left {padding-right:21px}
#login form label {display:block}
#login form input {
	width:158px;
	height:21px;
	margin:6px 0 9px 3px;
	padding-top:4px}
#login form small, #login form li a {
	font-size:0.9em;
	color:#446A84;
	display:block;
	
}
#login form li a {text-decoration:underline}
#login form li a:hover {text-decoration:none}
#login form button {
	display:block;
	width:34px;
	height:29px;
	float:left;
	margin:20px 0 0 18px;
	background:none;
	text-indent:-9999px
}
}


#login2 {
	height:120px;
	margin:60px 0;
	padding-top:41px;
	background-image:url(../images/login_02.png); background-position:left top; background-repeat:no-repeat;
}

#login2 div.left {
	width:184px;
	padding:0 71px 0 189px;
	float:left;
}
#login2 div.left p {
	text-align:justify;
	line-height:1.3em;
	color:#446A84
}
#login2 form {
	padding-top:3px
}
#login2 ul {float:left}
#login2 form li {
	width:165px;
	padding-bottom:3px;
	float:left
}
#login2 form li.left {padding-right:21px}
#login2 form label {display:block}
#login2 form input {
	width:158px;
	height:21px;
	margin:6px 0 9px 3px;
	padding-top:4px}
#login2 form small, #login form li a {
	font-size:0.9em;
	color:#446A84;
	display:block;
	
}
#login2 form li a {text-decoration:underline}
#login2 form li a:hover {text-decoration:none}
#login2 form button {
	display:block;
	width:34px;
	height:29px;
	float:left;
	margin:20px 0 0 18px;
	background:none;
	text-indent:-9999px
}
}