/* ========================================================================= */
/* BODY								                						 */
/* ========================================================================= */

body {
	padding:					0px;
	text-align:					center;
	font-family: 				Verdana, Arial, sans-serif;
}

/* ========================================================================= */
/* COMPANY NAME						                						 */
/* ========================================================================= */

div.company {
	margin:						50px auto 0px auto;
	color: 						#0B3861;
	font-size: 					50px;
	font-weight: 				bold;	
}

/* ========================================================================= */
/* MAIN CONTAINER TO INTRODUCE LOGIN AND PASSWORD (TITLE + FORM)			 */
/* ========================================================================= */

div.main {
	width:						500px;
	height: 					260px;
	margin:						40px auto 0px auto;
	text-align:					center;
	border:						1px solid #333;
	background-color: 			#CECEF6;
	border-top-left-radius: 	15px;
	border-top-right-radius: 	15px;
	border-bottom-left-radius: 	15px;
	border-bottom-right-radius: 15px;
}

/* ========================================================================= */
/* MAIN CONTAINER [TITLE]			                						 */
/* ========================================================================= */

div.main div.title {
	margin: 					0px;
	width:						100%;
	height: 					50px;
	text-align:					center;
	border-bottom: 				2px solid #333;
	vertical-align: 			middle;
	font-size: 					24px;
	color: 						#0B3861;
	font-weight: 				bold;
	padding-top:				20px;
}

/* ========================================================================= */
/* MAIN CONTAINER [FORM]			                						 */
/* ========================================================================= */

div.main div.form {
	margin:						20px auto;
	width: 						90%;
	text-align:					center;
}

/* ========================================================================= */
/* VALIDATION MESSAGE				                						 */
/* ========================================================================= */

div.message {
	margin:						40px auto 0px auto;
	color: 						#FF0000;
	font-size: 					18px;
	font-weight: 				bold;	
}

/* ========================================================================= */
/* FORM [FIELDSET]				                							 */
/* ========================================================================= */

fieldset {
	margin:						0px;
	padding: 					10px 18px 10px 10px;
	border:						1.5px solid #002535;
	background: 				#30759f;
	background: 				linear-gradient(#30759f, #01598d);
}

fieldset legend {
	display:					none;
}

/* ========================================================================= */
/* FORM [COMPONENT] INPUT TEXT				                				 */
/* ========================================================================= */

div.component {
	width: 						100%;
	margin: 					0px;
}

div.component label {
	font-size: 					11px;
	color:						white;
	font-weight:				bold;
	padding-bottom:				5px;
	display:					block;
}

div.component input {
	width: 						100%;
	border:						1.5px solid #002535;
	color:						#002535;
	margin: 					0px;
	padding:					2px;
	margin-bottom: 				5px;
	height:						16px;
	font-family: 				verdana, arial, sans-serif; 
	font-size:					8pt; 
	font-weight:				bold;
}

/* ========================================================================= */
/* FORM [BUTTON]				                							 */
/* ========================================================================= */

input[type="button"] {
	width: 						110px;
	text-align:					center;
	color: 						white;
	font-weight: 				bold;
	font-family: 				verdana, arial, sans-serif;
	font-size: 					11px;
	height:						25px;
	padding-bottom: 			3px;	
	background: 				linear-gradient(#30759f, #01598d);
	box-shadow: 				0 5px 15px 1px rgba(0, 0, 0, 0.4), 
								0 0 150px 1px rgba(255, 255, 255, 0.4);
}

input[type="button"]:hover {
	text-shadow: 				0 0 1px rgba(255, 255, 255, 0.7);
}