/* RESET*/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a,  address, em, font, img,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input, button
table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; list-style-type:none; text-align:justify;
	}
article, aside, dialog, figure, figcaption, details, summary, footer, header, hgroup, nav, section, time, meter {display:block;}	
html { -webkit-font-smoothing: antialiased;}

a {text-decoration:none;}
a:hover {text-decoration:underline;}*/



/* CSS Document */
/*body {*/
    /*background:url(../img/login/bg_body.gif) no-repeat center 200px;*/
    /*font-family: Arial, Helvetica, sans-serif;
    width: 100%;
}
.header {
	background:url(../img/login/bg_topo.png) repeat-x; 
	width:100%; height:135px;
	}
.logotipo{
	background:url(../img/login/bg-logotipo.png) no-repeat 20px top; 
	width:100%; margin:0px auto;
	}
	.logotipo h1{
	background:url(../img/login/logotipo-lexsus.png) no-repeat 20px center; 
	width:270px; height:90px;
	text-indent:-9999px;
	}
.header-local{
	font-size:18px; font-weight:normal; color:#333;  text-transform:capitalize;
	padding:5px 0px 0px 80px;
	}*/
	
/* ------------------- BOX LOGIN ------------------- */
/*.box-login {
    display: table;
    width: 780px;
    margin: 0 auto;
    margin-top: 10px;
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 10px;
    box-shadow: 0px 0px 10px #c2c2c2;*/
    /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#f7f6f6');*/
/*}*/
/* box esquerda para textos */		
/*.box-login-txt{
	float:left;
	width:220px;
	margin:15px;
	}
	.box-login-txt h1{
		margin:0px 0px 10px 0px;
		}
	.box-login-txt em {
		font-size:14px;
		color:#333;
		}
	.box-login-txt p {
		font-size:12px;
		line-height:14px;
		color:#333;
		margin-top:10px;
		}
	.box-login-txt h2{
		margin:20px 0px 0px 0px;
		}
	.box-suporte{
		font-size:12px;
		color:#333;
		}*/

/* box para o formulário */	
/*.box-login-form{
	float:left;
	width:470px;
	margin:15px 15px 20px 20px;
	}*/
	
	/* form usuário */	
	/*.login-form-user, .login-form-user-alert{
		background:url(../img/login/bg_login_user.gif) no-repeat 0 bottom; width:464px; height:49px;
		}
	div:hover.login-form-user{
		background:url(../img/login/bg_login_user.gif) no-repeat left -49px;
		}
		.login-form-user input, .login-form-user-alert input{
			border:none; background:none; 
			width:400px; 
			padding:11px 10px 10px 60px;
			font-size:18px; color:#3d85bc;
			}
	.login-form-user-alert{
		background:url(../img/login/bg_login_user.gif) no-repeat 0 0px;
		}*/
		
	/* form password */			
	/*.login-form-pass, .login-form-pass-alert{
		background:url(../img/login/bg_login_pass.gif) no-repeat 0 bottom; 
		width:369px; height:49px;
		float:left;
		}
	div:hover.login-form-pass{
		background:url(../img/login/bg_login_pass.gif) no-repeat 0 -49px; 
		}
		.login-form-pass input, .login-form-pass-alert input{
			border:none; background:none; 
			width:310px;
			padding:11px 10px 10px 60px;
			font-size:18px; color:#3d85bc;
			}
	.login-form-pass-alert{
		background:url(../img/login/bg_login_pass.gif) no-repeat 0 0; 
		}*/
		
	/* form botão entrar */			
	/*.login-form-bt-ok{
		background:url(../img/login/bg_form_bt_ok.gif) no-repeat 0 top !important; 
		width:95px !important; height:49px !important; 
		margin:0px !important; padding:0px !important;
		float:left !important;
		background-color:white !important;
		border-color:white !important;
		}
	div:hover.login-form-bt-ok {background:url(../img/login/bg_form_bt_ok.gif) no-repeat 0 top; width:95px; height:49px;}	
	.login-form-bt-ok button{
		border:none; background:none; 
		margin:0px; padding:0px; 
		position:relative;
		width:95px; height:49px;
		cursor:pointer;
		}*/
		
	/* form recuperar senha */	
	/*.login-form-rec{
			background:url(../img/login/bg_login_rec.gif) no-repeat 0 bottom; 
			width:369px; height:49px;
			float:left;
			}
	div:hover.login-form-rec{
		background:url(../img/login/bg_login_rec.gif) no-repeat 0 -49px; 
		}
		.login-form-rec input, .login-form-rec-alert input{
				border:none; background:none; 
				width:279px; 
				padding:11px 10px 10px 60px;
				font-size:18px; color:#3d85bc;
				}
	.login-form-rec-alert{
			background:url(../img/login/bg_login_rec.gif) no-repeat 0 top; 
			width:310px; height:49px;
			float:left;
			}
			
	.login-form-rec-bt{
		background:url(../img/login/bt_enviar.gif) no-repeat 0 bottom; 
		width:95px; height:49px; 
		margin:0px; padding:0px;
		float:left;
		}
	div:hover.login-form-rec-bt {background:url(../img/login/bt_enviar.gif) no-repeat 0 top; width:95px; height:49px;}	
		.login-form-rec-bt button{
			border:none; background:none; 
			margin:0px; padding:0px; 
			position:relative;
			width:95px; height:49px;
			cursor:pointer;
			}*/
		
/* ------------------- CORES ------------------- */
/*.blue {color:#4b91c5;}
.cinza{color:#696969;}*/

/* ------------------- TÍTULOS ------------------- */
/*.size12{font-size:12px; line-height:14px;}
.size16{font-size:16px; line-height:18px;}
.size18{font-size:18px; line-height:20px;}
.size24{font-size:24px; line-height:26px;}
.size28{font-size:28px; line-height:30px;}*/

/* ------------------- MARGIN AND PADDING ------------------- */

/*.top20{padding:20px 0px 5px 0px;}
.bottom20{padding-bottom:20px;}
.topBottom20{padding:20px 0px;}*/

/* ------------------- MARGIN AND PADDING ------------------- */
/*.alert{font-size:12px; font-weight:bold; color:#F00;}*/

/*NEW---------------------------------------------------------*/

.login-container {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	max-width: 900px;
	margin: 80px auto;
	padding: 40px;
	background-color: #ffffff;
	border-radius: 12px;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	gap: 40px;
	font-family: "Segoe UI", sans-serif;
}

.login-info {
	flex: 1;
	padding-right: 20px;
	border-right: 1px solid #ddd;
}

	.login-info h1 {
		font-size: 26px;
		color: #003366;
		margin-bottom: 10px;
	}

	.login-info .brand {
		color: orangered;
		font-weight: bold;
	}

	.login-info .subtitle {
		font-size: 14px;
		color: #555;
		margin-top: 15px;
	}

.support-title {
	font-weight: bold;
	margin-top: 30px;
	color: #333;
}

.support-list {
	list-style: none;
	padding: 0;
	margin: 10px 0;
	font-size: 13px;
}

	.support-list li {
		margin-bottom: 5px;
	}

	.support-list a {
		color: #007bff;
		text-decoration: none;
	}

.login-form {
	flex: 1;
	display: flex;
	flex-direction: column;
}

	.login-form h2 {
		font-size: 20px;
		margin-bottom: 20px;
		color: #003366;
	}

.form-group {
	margin-bottom: 15px;
}

	.form-group label {
		display: block;
		font-weight: 600;
		margin-bottom: 5px;
	}

.input-text {
	width: 100%;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.form-actions {
	margin: 20px auto;
}

.btn-login {
	background-color: #007bff;
	color: white;
	padding: 10px 20px;
	border: none;
	font-size: 15px;
	border-radius: 6px;
	cursor: pointer;
	transition: background-color 0.3s ease;
}

	.btn-login:hover {
		background-color: #0056b3;
	}

.error-message {
	color: red;
	font-size: 12px;
	display: block;
	margin-top: 5px;
}

/* Responsivo para tablets */
@media (max-width: 1024px) {
	.login-container {
		max-width: 95%;
		margin: 40px auto;
		padding: 20px;
		gap: 20px;
	}

	.login-info h1 {
		font-size: 22px;
	}

	.login-form h2 {
		font-size: 18px;
	}
}

/* Responsivo para celulares */
@media (max-width: 768px) {
	.login-container {
		flex-direction: column;
		align-items: center;
		text-align: center;
		padding: 20px;
		gap: 20px;
	}

	.login-info {
		padding-right: 0;
		border-right: none;
		border-bottom: 1px solid #ddd;
		padding-bottom: 20px;
	}

		.login-info h1 {
			font-size: 20px;
		}

		.login-info .subtitle {
			font-size: 13px;
		}

	.login-form {
		width: 100%;
		padding-top: 20px;
	}

		.login-form h2 {
			font-size: 18px;
		}

	.btn-login {
		width: 100%;
	}
}

/* Muito pequenas (até 480px) */
@media (max-width: 480px) {
	.login-container {
		margin: 20px auto;
		padding: 15px;
		gap: 15px;
	}

	.login-info h1 {
		font-size: 18px;
	}

	.login-info .subtitle {
		font-size: 12px;
	}

	.login-form h2 {
		font-size: 16px;
	}
}


/*-------------------------------------------------------------*/