html {height:100%}
img{user-select: none;}
.login{ background:#000000; } 
._1000 .login{background-image: url(../img/fundoParticulas.jpg?1);background-size: cover;background-position: top center;height: 100%;} 

.login main{width: 320px;margin: 0 auto;height: calc(100% - 120px);display: block;z-index: 10;position: relative;}
._320 .login main {}
 .cortinas{position: absolute;top: -150px;left: 0;width: 100%;height: calc(100% + 150px);overflow: hidden;z-index: 9;}
.cortinas .cortinaEsquerda{position: absolute;top: 20px;left: calc((100% - 1920px)/2);transition: all 1.8s ease;max-height: 95%;}
.cortinas .cortinaTopoEsquerda{position: absolute;top: 0;left: calc((100% - 1920px)/2);transition: all 1.8s ease;}
.cortinas .cortinaDireita{position: absolute;top: 20px;right: calc((100% - 1920px)/2);transition: all 1.8s ease;max-height: 95%;}
.cortinas .cortinaTopoDireita{position: absolute;top: 0;right: calc((100% - 1920px)/2);transition: all 1.8s ease;}
		.logo:link,
			.logo:active,
			.logo:visited{display: block;width: max-content;background: #fff;transition: all 0.3s ease;margin: 0 auto;}
				.logo:after {content:'';position: absolute;width: calc(100% + 46px);background: #fff;height: 3px;bottom: 25px;left: 50%;transform: translateX(-50%);z-index: -1;}
				.logo:before {content: '';position: absolute;width: calc(100% + 20px);background: #fff;height: 3px;top: 18px;left: 50%;transform: translateX(-50%);z-index: -1;}
				.logo h1 {width: 225px;height: 105px;border: 2px solid var(--cor1);border-radius: 10px;position: relative;margin: 0;}
				.logo h1 span {font: 400 26px/26px '';text-transform: uppercase;letter-spacing: -0.010em;color: #000;display: block;text-align: center;padding-top: 10px;}
					.logo h1 span b{font-weight: 700;color: var(--cor1);}  
				.logo h1 em{position: absolute;width: 250px;height: 48px;background: #000;border-radius: 8px;bottom: 5px;left: 50%;transform: translateX(-50%);font: 400 24px/24px '';text-transform: uppercase;letter-spacing: 0.010em;color: #fff;display: flex;align-items: center;justify-content: center;}
					.logo h1 em b{font-weight: 500;color: var(--cor1);font-size: 24.5px;padding-left: 5px;}

.centro .logo:link, .centro .logo:active, .centro .logo:visited {background: no-repeat;}
.logo h1 em {background: #fff;color: #000;font-weight: 400;}
.centro .logo h1 span {color: #fff;}

.acaoLogin, .acaoRecuperaSenha {width: max-content;padding-top: 40px;margin: 0 auto;}

h2 {margin: 0 auto 6px;font: 600 31px/31px '';color: #fff;width: 100%;text-align: center;}
h2 b {font-weight: 600;color: var(--cor1Claro);}

.centro .logo:before {display:none}
.centro .logo:after {display:none}
.login .boxLogin{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}

.login .boxLogin form ul{}
.login .boxLogin form ul li{margin-top: 12px;position: relative;border-radius: 4px;display: block;margin-top: 13px;}
.login .boxLogin form ul li:not(.botaoEnvio) {max-width: 300px;margin: 12px auto 0;}
.login .boxLogin form ul li label{ display: none;} 
.login .boxLogin form ul li input{border: solid 1px #323232;background: #000000;color: #ffffff;font: normal 14px '';box-sizing: border-box;height: 46px;width: 100%;padding: 0px 20px 0px 46px;position: relative;transition: all 0.5s ease;border-radius: 4px;}
.login .boxLogin form ul li.senha input{ padding: 0 58px 0 46px;}
.login .boxLogin form ul li.codigo::before,
.login .boxLogin form ul li.senha::before{display: block; font-family: 'icones'; color: #494949; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); transition: all 0.5s ease; z-index: 3;} 
.login .boxLogin form ul li.codigo::before{content: "\e982";font-size: 14px;}
.login .boxLogin form ul li.senha::before{content: "\e921"; font-size: 20px;} 

.login .boxLogin form ul li input::placeholder{ color: #333333;}
.login .boxLogin form ul li:hover::before{ color: var(--cor1);}
.login .boxLogin form ul li:hover input:focus, .login .boxLogin form ul li input:focus{ border-color: var(--cor1); box-shadow: 0 0 40px -11px rgb(177 165 122 / 0.3); z-index: 2;} 

.login .boxLogin form ul li .mostrarSenha{ position: absolute; right: 13px; top: 52%; transform: translateY(-50%); color: #494949; z-index: 3; font-size: 23px; border-left: solid 1px rgba(255,255,255,0.08); padding-left: 10px; padding-top: 2px; box-sizing: border-box;}

.login .boxLogin form a.bt:link,
.login .boxLogin form a.bt:active,
.login .boxLogin form a.bt:visited{display: block;width: 100%;font: 600 17px/44px '';color: #fff;background: var(--cor1Claro);border-radius: 4px;text-transform: uppercase;text-align: center;transition: all 0.5s ease;border: solid 2px var(--cor1Claro);box-sizing: border-box;outline: none;letter-spacing: 0.020em;}
    .login .boxLogin form a.bt:hover{background: #fff;color: var(--cor1Claro);border-color: #fff;border-bottom-color: var(--cor1);box-shadow: 0 5px 21px 3px rgb(161 244 204 / 28%);z-index: 2;}
    .login .boxLogin form a.bt span{display: inline-block;}

.login .boxLogin a.linkText:link,
.login .boxLogin a.linkText:active,
.login .boxLogin a.linkText:visited{font: 400 15px '';color: #ffffff;transition: all 0.5s ease;letter-spacing: 0.010em;opacity: 0.3;font-style: italic;display: block;text-align: center;margin-top: 8px;}
    .login .boxLogin a.linkText:hover{ opacity: 1;}

.login .boxLogin form .botaoFacebook:link,
.login .boxLogin form .botaoFacebook:active,
.login .boxLogin form .botaoFacebook:visited{ display: flex; width: 100%; font: 700 14px/48px ''; color: #ffffff; background: #1874ec; border-radius: 5px; text-transform: uppercase; text-align: center; transition: all 0.5s ease; border:solid 1px #1874ec; box-sizing: border-box; outline: none; align-items: center; justify-content: center; margin: 40px 0;}
    .login .boxLogin form .botaoFacebook span{ font-size: 19px; opacity: 0.4; margin-left: 10px; margin-bottom: 2px; transition: all 0.5s ease; }
.login .boxLogin form .botaoFacebook:hover{ background: #2D88FF; color: #ffffff; border-color: #0062E3; box-shadow:0 0 40px -15px rgb(44 134 251); z-index: 2;}
    .login .boxLogin form .botaoFacebook:hover span{ opacity: 1;}

.login .boxLogin .textoAjuda{margin-top: 46px !important;border-top: 1px solid #4a4a4a;border-radius: 0;padding-top: 30px;max-width: 100% !important;}
.login .boxLogin .textoAjuda p{ text-align: center; font: normal 13px ''; color: #747474;} 
.login .boxLogin .textoAjuda p a:link,
.login .boxLogin .textoAjuda p a:active,
.login .boxLogin .textoAjuda p a:visited{transition: all 0.5s ease;color: #9a9a9a;font-weight: 700;}
    .login .boxLogin .textoAjuda p a:hover{ color: #ffffff; }

.login .boxMensagem{margin-top: 25px;margin-bottom: -17px;}
.login .boxMensagem .item{border-radius: 3px; padding:10px 9px; text-align: center;}
.login .boxMensagem .item.verde{background: #4fb583;}
.login .boxMensagem .item.vermelho{background: rgb(217 144 32);box-shadow: inset 0 0 1px 2px #000000;}
.login .boxMensagem .item p{color: #fff;font-size: 12px;line-height: 14px;margin: 3px 0 5px;}
.login .boxMensagem .item p b{display: block;text-transform: uppercase;font: 600 18px/20px '';padding: 0 0 2px 0px;}

footer {width: 100%;border-top: 1px solid #fff;margin: 0 !important;height: 120px !important;transition: all 0.3s ease;}
footer span {font-size: 50px;width: 100%;display: flex;justify-content: center;color: #5a5b5d;height: 80px;align-items: center;border-top: 5px solid #e0e0e0;}
footer p {margin: 0;padding: 0;text-align: center;background: #f4f4f4;height: 30px;display: flex;align-items: center;justify-content: center;}

._320 .login main {height: initial;padding-top: 35px;}
._320 h2 {font-size: 20px;text-align: center;width: 100%;margin: 0 0 5px;}


._320 footer{height: initial !important}
._320 footer span {font-size: 28px;height: 50px;margin-top: 5px;border: none;}

._320 .login .boxLogin{position: initial;transform: initial;width: calc(100% - 40px);margin: 0 auto;}
    ._320 .login .boxLogin .textoAjuda{margin-top: 20px !important;padding: 10px 0 15px;}
._320 .centro .logo:link, 
._320 .centro .logo:active, 
._320 .centro .logo:visited {top: 30px;}

._320 footer p {height: 14px;background: #fff;}

@media (max-width: 1366px)
{
    .cortinas .cortinaDireita {right: calc((120% - 1920px)/2);}
    .cortinas .cortinaTopoDireita {right: calc((120% - 1920px)/2);}
    .cortinas .cortinaEsquerda {left: calc((120% - 1920px)/2);}
    .cortinas .cortinaTopoEsquerda {left: calc((120% - 1920px)/2);}
}

@media (max-height: 800px)
{
	footer {height: 80px !important;}
    .login main {height: calc(100% - 80px);}
    footer span {border-bottom: none;height: 49px;font-size: 30px;border: none;}
    .login .boxLogin .textoAjuda {margin-top: 10px !important;padding-top: 0;}
    .cortinas .cortinaDireita {top: 0;height: 100%;right: 0;}
    .cortinas .cortinaTopoDireita {right: calc((130% - 1920px)/2);}
    .cortinas .cortinaEsquerda {top: 0;left: 0;height: 100%;}
    .cortinas .cortinaTopoEsquerda {left: calc((130% - 1920px)/2);}
}

@media (max-width: 800px)
{
	.cortinas .cortinaDireita {right: -75%;top: -50px;}
	.cortinas .cortinaEsquerda {left: -75%;top: -50px;}
	.cortinas .cortinaTopoDireita {right: -40%;top: -70px;height: 150px;}
	.cortinas .cortinaTopoEsquerda {left: -40%;top: -70px;height: 150px;}
    .cortinas {top: 0;height: 100%;opacity: 0.6;}
}