body { 
	margin: 0px;
	background-color: #1093eb;
	display: flex;
	justify-content: center;
	align-items: center;
}
* {
	font-family: var(--barao_font_principal);
}
.barao.login {
	width: 900px;
	height: 600px;
}
.barao.login .lateralEsquerda {
	width: 50%;
	height: 100%;
	background-color:#fff;
	position: relative;
	float: left;
	border-radius: 30px 0px 0px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.barao.login .lateralDireita {
	width: 50%;
	height: 100%;
	background-color:#ccc;
	position: relative;
	float: right;
	border-radius: 0px 30px 30px 0px;
	background-size: cover;
	background-position:  center center;
}
.barao.login .lateralDireita video {
	width: 100%;
	height: 100%;
	position: absolute;
	object-fit: cover;
	border-radius: 0px 30px 30px 0px;
}
.barao.login .logo {
	width: 70%;
	position: absolute;
	top: 70px;
}
.barao.login .titulo {
	color: #00538d;
	font-size: 14pt;
	font-weight: normal;
	width: 80%;
}
.barao.login .redes {
	font-size: 9pt;
	color:#ccc;
	font-family: var(--barao_font_principal);
	text-align: center;
	position: absolute;
	bottom: 40px;
}
.barao.login .redes img {
	height: 25px;
	margin-top: 4px;
}
.barao.login .redes a {
	text-decoration: none;
	color: #ccc;
	font-size: 10pt;
	margin: 5px;
}
.barao.login .redes a:hover {
	color: var(--barao_cor_fundo_botao);
}
.barao.login .opcoes {
	width: 80%;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}
.barao.login .opcoes .opcao {
	text-decoration: none;
	color: #1e3946;
	font-family: var(--barao_font_principal);
	font-size: 9pt;
	transition: color 0.5s;
}
.barao.login .opcoes .opcao:hover {
	color: #00538d;
}
.barao.login .botoes {
	width: 80%;
	margin-top: 10px;
	display: flex;
	justify-content: space-between;
}
.barao.login .botoes .btMicrosoft {
	width: 49%;
	background-color: #1093eb;
	color: #fff;
	height: 60px;
	border-radius: 10px;
	border: 0px;
	font-size: 14pt;
	font-weight: bold;
	font-family: var(--barao_font_principal);
	cursor: pointer;
}
.barao.login .botoes .btMicrosoft label {
	color: #fff;
	font-size: 12pt;
	padding-left: 6px;
	cursor: no-drop;
}
.barao.login .botoes .btMicrosoft.on label {
	cursor: pointer !important;
}
.barao.login .botoes .btLocal {
	width: 49%;
	background-color: #dbd7d7;
	color: #323232;
	height: 60px;
	border-radius: 10px;
	border: 0px;
	font-size: 14pt;
	font-weight: bold;
	font-family: var(--barao_font_principal);
	cursor: pointer;
}
.barao.login .botoes .btLocal label {
	color: #323232;
	font-size: 12pt;
	padding-left: 6px;
	cursor: pointer;
}
.barao.login .botoes .btLocal label {
	cursor: no-drop;
}
.barao.login .botoes .btLocal.on label {
	cursor: pointer !important;
}
.barao.login .botoes button{
	transition: all 0.25s;
}
.barao.login .botoes button.on:hover {
	background-color: #26a8ff;
	color: #fff;
}
.barao.login .botoes button.on:hover label {
	color: #fff;
}
@media only screen and (max-width: 799px) {
	.barao.login {
		width: 100%;
		display:block;
	}
	body {
		background-color: #fff;
	}
	.barao.login .lateralEsquerda {
		width: 100%;
		height: 100%;
		border-radius: 0px;
	}
	.barao.login .lateralDireita {
		display: none;
	}
}
@media only screen and (max-width: 599px) {
	.barao.login .logo {
		width: 50%;
	}
}
body {
	zoom: 115%;
}
@media only screen and (max-width: 1199px) {
	body {
		zoom: 100%;
	}
}