/* CSS Document */
html {
  height: 100%;
}
body {
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:0.8em;
	background:url(../images/bg.jpg) top repeat-x;
	text-align:center;
	padding:60px 0 0 0;
	color:#000000;
	background-position: center top;
	background-size: cover;
	/* min-height: 960px; */
	position: relative;
	height: 100%;
	clear: both;
	box-sizing: border-box;
	}

* {
	margin:0;
	padding:0;
	list-style:none;
	border:none;
	}


/* inputs focus */

.focusField {
	border:1px solid #FFD5BF;
	background:#FBF0F1
	}

.idleField {
	background:#fff;
	color: #555;
	border:1px solid #8E242B;
	}

h1 {
	width:179px;
	height:77px;
	background:url(../images/logo-manager.png) no-repeat;
	text-indent:-90000px;
	padding:0 0 20px 0;
	margin:0 auto;
	}

#formulario  {
	background:url(../images/box-login.png) no-repeat;
	width: 359px;
	height: 207px;
	margin:0 auto;
	}

	#formulario	h2 {
		font-size:1em;
		color:#fff;
		padding: 5px 0 10px 0;
		text-transform: uppercase;
		}

	#formulario label {
		width:60px;
		text-align:left;
		display:block;
		float:left;
		clear:left;
		margin:16px 0 0 70px;
		font-size:1.1em;
		color:#8E242B;
		}

	#formulario input[type=text],#formulario input[type=password] {
		float:left;
		font-family:arial;
		font-size:1.1em;
		padding:7px 0 0 0 ;
		margin:10px 5px 5px 0;
		}


	#formulario button {
			width:70px;
			height:32px;
			margin:9px 15px 0 126px;
			font-weight:bold;
			text-align:center;
			border:none;
			color:#fff;
			cursor:pointer;
			float:left;
			display:block;
			background-color: #9E0C15;
			}

			#formulario button:hover {
				width:70px;
				height:32px;
				margin:9px 15px 0 126px;
				font-weight:bold;
				text-align:center;
				border:none;
				color:#fff;
				cursor:pointer;
				float:left;
				display:block;
				background-color: #638b0f;
				transition: ease-out 500ms;
				}



#rodape {
	margin:50px 0 10px 0;
	}

	#rodape div {
		padding:10px 0 20px 0;
		display:block;
		}

		img.logo {
		    width: 350px;
		}