<!--
	@font-face{
		src: url(../fontes/MetaPro-Normal.ttf);
		font-family: msh1;
	}

	html, body {
	    height:100%;
	    padding: 0px;
		margin: 0px;
	} 

	body{
		background-image: url(../img/BG.jpg);
		background-size: auto 100%;
        background-repeat: no-repeat;
        background-position: left top;
		font-family: msh1;
	}
	
	input:focus { 
	    outline-width: 0;
	}
	::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	  color: #fff;
	}
	::-moz-placeholder { /* Firefox 19+ */
	  color: #fff;
	}
	:-ms-input-placeholder { /* IE 10+ */
	  color: #fff;
	}
	:-moz-placeholder { /* Firefox 18- */
	  color: #fff;
	}
	
	#background{
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,0.5);
 		background-image: -webkit-radial-gradient(center, circle cover, rgba(0,0,0,0.1) 10%, rgba(91,15,70,0.1) 50%);
	}
	#titulo{
		position: relative;
		width: 400px;
		height: 140px;
		margin-top: 50px;
		left: 50%;
		margin-left: -200px;
		text-align: center;
	}
		#titulo img:first-child{width: 200px;}
		#titulo img:nth-child(2){width: 70px;}
		#titulo span{
			position: absolute;
			top: 100px;
			left: 0px;
			width: 100%;
			text-align: center;
			font-size: 30px;
			color:#fff;
		}

	#formDiv{
		position: relative;
		margin-top: 10px;
		width: 350px;
		height: 100px;
		margin-left: -175px;
		left: 50%;
		text-align: center;
	}

	#msg{
		position: relative;
		margin-top: 50px;
		width: 80%;
		height: 100px;
		left: 10%;
		text-align: center;
		font-family: msh1;
		color: #fff;
	}
	
	.loginInput{
		position: relative;
		left: 50%;
		margin-left: -150px;
		width: 300px;
		height: 35px;
		border: 2px solid #fff;
		border-radius: 10px;
	}
		.loginInput img{
			position: absolute;
			left: 15px;
			width: 20px;
			top: 7px;
		}
		.loginInput input{
			position: absolute;
			left: 50px;
			top: 5px;
			width: 230px;
			background-color: transparent;
			height: 24px;
			border: none;
			border-left: 2px solid #fff;
			color: #fff;
			font-size: 14px;
			text-indent: 15px;
			font-family: arial;
			font-style: italic;
		}
	.passinput{
		position: relative;
		margin-top: 20px;
		left: 50%;
		margin-left: -150px;
		width: 300px;
		height: 35px;
		border: 2px solid #fff;
		border-radius: 10px;
	}
		.passinput img{
			position: absolute;
			left: 15px;
			width: 20px;
			top: 7px;
		}
		.passinput input[type="password"]{
			position: absolute;
			left: 50px;
			top: 5px;
			width: 180px;
			background-color: transparent;
			height: 24px;
			border: none;
			border-left: 2px solid #fff;
			text-indent: 10px;
			color: #fff;
			font-size: 14px;
			font-style: italic;
			text-indent: 15px;
			font-family: arial;
		}
		.passinput input[type="submit"]{
			position: absolute;
			left: 230px;
			top: 0px;
			width: 70px;
			background-color: rgba(255,255,255,0.1);
			height: 35px;
			border: none;
			border-left: 2px solid #fff;
			color: #fff;
			font-size: 14px;
			cursor: pointer;
			border-radius: 0px 10px 10px 0px;
			font-family: msh1;
		}
		.passinput input[type="submit"]:hover{
			background-color: rgba(255,255,255,0.3);
		}

-->