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

body, ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background:#600;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	text-align:center;
	color:#FFF;
}

html, body {
  height: 100%;
  min-height: 100%;
}

img { border:none; }

ul li {
	width:960px;
	list-style:none;
	padding:20px;
	margin:auto;
	background-color: rgba(0, 0, 0, 0.25);
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
}

	ul { padding:10px 0;}
	
	li { border-bottom:solid 1px #FFF; cursor:pointer; }
	li:hover { background-color: rgba(0, 0, 0, 0.5); color:#F00; }
	li div { float:right; }
	li a { color:#FFF; text-decoration:none; }
	li a:hover { color:#900; }

#top {
	background: url(../_img/bkg_top.jpg);
	border-bottom:solid 2px #FFF;
	text-align:left;
}

	#top div { font-size:12px; font-weight:bold; float:right; padding:40px; }
	#top div a { color:#FFF; text-decoration:none; }
	#top div a:hover { color:#FFF; text-decoration:underline; }

#center {
	width:350px;
	height:200px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -175px;
	margin-top: -100px;
}

.login {
	background:url(../_img/bkg_box_01.jpg) no-repeat center center;
	width:190px;
	height:150px;
	margin:auto;
	border:solid 3px #FFF;
	-webkit-box-shadow: 0 0px 30px #300;
    -moz-box-shadow:0 0px 30px #300;
    box-shadow: 0 0px 30px #300;

}

	.login input {	width:100px; font-size:10px; margin:5px; }
	
.password { 
	margin:auto; 
	color:#FFF; 
	padding:30px 0; 
	 font-size:14px;
}

	.password a { text-decoration:none; color:#FFF; font-size:12px; }
	.password a:hover { text-decoration:none; color:#900; font-size:12px; }