body { 
                margin: 0px;
                background-color: #000E19;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			* {
				font-family: var(--barao_font_principal);
			}
			.barao.login {
				width: 900px;
				height: 500px;
			}
			.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: 55%;
				position: absolute;
				top: 50px;
			}
			.barao.login .titulo {
				color: #000E19;
				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: #FF9202;
				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: #ffb302;
				color: #fff;
			}
			.barao.login .botoes button.on:hover label {
				color: #fff;
			}
			@media only screen and (max-width: 799px) {
				.barao.login {
					width: 100%;
					height: 100%;
					max-height: 600px;
				}
				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%;
				}
			}