body { 
			margin: 0;
			overflow: hidden;
			font-family: 'Montserrat', sans-serif;
		}
		/*** IMAGEN DE FONDO ***/
		.bg-image {
			background:#000 url("../Image/Login/00-2.jpg");
			height: 100vh;
			width: 100vw;
			background-position: center;
			background-size: cover;
			-webkit-transition-duration: 800ms;
			transition-duration: 800ms;
			overflow: hidden;
			
		}
		.bg-image-2 {
			background:#000 url("../Image/Login/00-2.jpg");
			height: 100vh;
			width: 100vw;
			background-position: center;
			background-size: cover;
			-webkit-transition-duration: 800ms;
			transition-duration: 800ms; 
			overflow: hidden;
			filter: brightness( 1 ) contrast( 1 ) saturate( 0.7 ) blur( 5px ) hue-rotate( 0deg );
		}
		/*** DIV LOGIN ***/
		.mx-content {
			min-width: 300px;
			padding: 2%;
			position: absolute;
			top: 50%;
			left: 50%;
			color:#000!important;
			transform: translate(-50%, -50%);
			background-color: rgba(255,255,255,0.4);
			border: 1px solid rgba(255,255,255,0.5);
			border-radius: 10px;
			backdrop-filter: brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 8px ) hue-rotate( 0deg );
			-webkit-backdrop-filter: brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 8px ) hue-rotate( 0deg );
			box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
			-webkit-transition-duration: 800ms;
			transition-duration: 800ms; 
		}
		.mx-content:hover {
			background-color: rgba(255,255,255,0.8);
			-webkit-transition-duration: 800ms;
			transition-duration: 800ms; 
		}
		.logo-efolder {
			margin-bottom: 20px;
			text-align: center;
		}
		/*** FORM LOGIN ***/
		.mx-form {
			margin: 20px 0;
		}
		.mx-form2 {
			margin: 0;
		}
		form {
			margin: 10px 0 0 0!important;
		}		
		
.line {
			background-color: transparent;
			outline: none;
			border-top: none;
			border-right: none;
			border-left: none;
			border-bottom: 1px solid #000!important;
			padding: 10px;
			width: calc(100% - 20px) !important;
			font-size: 16px;
			color: #1f1f1f;
			margin-bottom: 20px;
			font-weight: bold;
		}
		.line:focus {
			border-bottom: 2px solid #ff8400!important;
			color: #000;
		}
		.line::placeholder {
			color:#1f1f1f;
		}
		.boton {
			background-color: #1f1f1f;
			color: #ffffff;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 14px!important;
			letter-spacing: 3px;
			font-weight: bold;
			padding: 10px 20px;
			margin-top: 20px;
			display: block;
			text-align: center;
			border-radius: 60px;
			-webkit-transition-duration: 600ms;
			transition-duration: 600ms;
			cursor: pointer;
		}
		.boton:hover {
			background-color: #ff8400;
		}
		.boton2 {
			background-color: transparent;
			border:2px solid #1f1f1f;
			color: #1f1f1f;
			text-transform: uppercase;
			text-decoration: none;
			font-size: 14px!important;
			letter-spacing: 3px;
			font-weight: bold;
			padding: 10px 20px;
			margin-top: 20px;
			display: block;
			text-align: center;
			border-radius: 60px;
			-webkit-transition-duration: 300ms;
			transition-duration: 300ms;
			cursor: pointer;
		}
		.boton2:hover {
			background-color: transparent;
			border:2px solid #ff8400;
		}
		/*** FOOTER ***/
		.mx-login-footer {
			position: fixed;
			bottom: 0;
			background-color: rgba(255,255,255,0.2);
			color: #000;
			width: 100vw;
			text-align: center;
			padding: 20px;
			text-transform: uppercase;
			font-size:10px;
			backdrop-filter: brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 10px ) hue-rotate( 0deg );
			-webkit-backdrop-filter: brightness( 1 ) contrast( 1 ) saturate( 1 ) blur( 10px ) hue-rotate( 0deg );
			display: flex;
			align-items: center;
			justify-content: center;
			border-top: 1px solid rgba(255,255,255,0.3);
			box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
		}
		.microexpertos {
			display: inline-block;
			width: 24px!important;
			height: 23px!important;
			background: url("../Image/Login/mx.svg")!important;
			background-repeat: no-repeat;
			background-position: 0 0;
			background-size: 24px 23px!important;
			-webkit-transition-duration: 300ms;
			transition-duration: 300ms;
			margin: 0 10px;
		}