/*
 *  Mussalim - Tela de abertura
 * 	@author 	Marcos de Lima Carlos	<mlimacarlos@gmail.com>
 * 	@since 		0.1
 *
 */

/*
	variáveis
*/
@fundoheading:		#ECF5E0;
@fundobutton:		#708B2A;


/*
 	funções
*/



/*
	estilos
*/ 
body{
	margin:0;
	padding:0;
} 

.barra{
	height: 29px;
	background-color: #00500f;
	background-position: 98% 2px;
	background-repeat: no-repeat;
	background-image: url('../../../../../img/barra.png');
}


.heading{
	width: 100%;
	height: 150px;
	background-color: @fundoheading;
	border-bottom: 2px solid green;

	.logo{
		float: left;
		img{
			margin: 25px;
		}
	}
	.icone{
		float:left;
		margin-top:40px;
		img,.title{
			float:left;
			margin-left: 25px;
		}

		.title{
			font-size: 50px;
			font-variant: small-caps;
			font-family: Verdana;
			
		}

	}
}



.info{
	width: 100%;
	margin-top: 15px;
	height: 350px;
	border-radius: 10px;
	border: 1px solid green;

	.nt{
		width: 95%;
		display: inline-block;
		margin: 5px 0 0px 10px;

		img{
			padding: 15px;
			float: left;
		}
		p{
			width:100%;
			color: green;
			padding-top: 25px;
			font-family: Verdana;
			font-size: 14px;
		}
	}
}

.form_login{
	margin-top: 15px;
	width: 100%; 
	display: block;
	border: 1px solid green;
	border-radius: 10px; 
	
	
	h3{
		margin-left: 10%;
		color:green;
	}
	
	input.form-control{
		width: 80%;
		margin: 15px 10px 15px 10%;
		&:focus{
			border-color:green;
			box-shadow: 0 1px 1px rgba(0,0,0, 0.075) inset, 0 0 8px rgba(83,160,57,0.6);
		}
	}
	
	label{
		line-height: 20px;
		margin-left: 10%;
		font-size: 12px;
		font-variant: small-caps;

		input{
			margin-top: 0.1em;
			float:left;
		}

	}
	
	button{
		margin-bottom: 3%;
		margin-left: 10%;
		width: 80%;
		background-color: @fundobutton;
		color: white;
		&:hover{
			color: black;
		}
	}

	a{
		display: block;
		text-decoration: none; 
		margin-left: 15%;
		margin-bottom: 10%;
		color:green;
	}
}

div#footer{
	
	margin-top: 30px;
	width:100%;
	height: 60px;
	background-color: @fundoheading;
	border-top: 2px solid green;

	p{
		margin-top: 5px;
		width: 100%;
		text-align: center;
	}
	a{
		text-decoration: none;
		color:green;
	}

}

.alert{

	margin-top: 15px;
}