.textovermelho{color:#FF0004;}
.link_x{text-decoration: none;}
.conteudo{width: 100%; display: flex;}
.rec{border:none; background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; font-family:"Sen_Regular";}
/* ========================= PARA DESKTOPS (1400px ou mais) ========================= */
@media screen and (min-width:1401px){
.conteudo_esquerda{width: 50%; margin-top: 10px;}
.login_fundo{width: 100%;}
.conteudo_direita{width: 48%; flex-grow: 1; margin-top: 10px;}	
.login_x{width: 60%; margin-left: 20%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 60px; display: flex; flex-wrap: wrap;}	
.login_x_0{width:100%; text-align:center; padding-top:30px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:1.5em; line-height:1.2; color:#333;}
.login_x_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_x_2{width: 55%; border-bottom:2px solid #d9d9d9; text-align: left; padding-bottom:5px; margin-bottom:5px; margin-left:1%;}
#inputlogin{border:none; background-image:url(../img/login2.png);  background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%; font-family:"Sen_Regular";}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%; font-family:"Sen_Regular";}	
.mostrar_senha{width: 20px; height: 15px; margin-top: 5px;}
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_x_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_x_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_x_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_x_6{width: 100%; text-align: center; padding-top: 20px; margin-bottom: 20px; margin-top: 10px; border-top: 1px solid #007aa3;}	
.aviso{width: 100%; text-align: center; display: none;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3; position: fixed; bottom: 0; left: 0;} 	
}
/* ========================= PARA DESKTOPS (1400px até 961px) ========================= */
@media screen and (max-width:1400px){
.conteudo_esquerda{width: 50%; margin-top: 10px;}
.login_fundo{width: 100%;}
.conteudo_direita{width: 48%; flex-grow: 1; margin-top: 10px;}	
.login_x{width: 80%; margin-left: 10%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 2px; display: flex; flex-wrap: wrap;}	
.login_x_0{width:100%; text-align:center; padding-top:30px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:1.5em; line-height:1.2; color:#333;}
.login_x_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_x_2{width: 55%; border-bottom:2px solid #d9d9d9; text-align: left; padding-bottom:5px; margin-bottom:5px; margin-left:1%;}
#inputlogin{border:none; background-image:url(../img/login2.png);  background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%;}	
.mostrar_senha{width: 20px; height: 15px; margin-top: 5px;}
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_x_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_x_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_x_5{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}	
.login_x_6{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 5px; margin-top: 10px; border-top: 1px solid #007aa3;}	
.aviso{width: 100%; text-align: center; display: none;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3; position: fixed; bottom: 0; left: 0;} 
}
/* ========================= PARA TABLET EM PAISAGEM (960px até 769px) ========================= */
@media screen and (max-width:960px){
.conteudo_esquerda{width: 55%; margin-top: 10px;}
.login_fundo{width: 100%; height: 100%;}
.conteudo_direita{width: 43%; flex-grow: 1; margin-top: 10px;}	
.login_x{width: 98%; margin-left: 1%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 0px; display: flex; flex-wrap: wrap;}	
.login_x_0{width:100%; text-align:center; padding-top:30px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:1.5em; line-height:1.2; color:#333;}
.login_x_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_x_2{width: 55%; border-bottom:2px solid #d9d9d9; text-align: left; padding-bottom:5px; margin-bottom:5px; margin-left:1%;}
#inputlogin{border:none; background-image:url(../img/login2.png);  background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%;}	
.mostrar_senha{width: 20px; height: 15px; margin-top: 5px;}
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_x_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_x_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_x_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_x_6{width: 100%; text-align: center; padding-top: 20px; margin-bottom: 20px; margin-top: 10px; border-top: 1px solid #007aa3;}	
.aviso{width: 100%; text-align: center; display: none;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3; position: fixed; bottom: 0; left: 0;} 
}
/* ========================= PARA TABLET EM RETRATO (768px até 481px) ========================= */
@media screen and (max-width:768px){
.conteudo_esquerda{display: none;}
.login_fundo{width: 100%; height: 100%;}
.conteudo_direita{width: 100%; flex-grow: 1; margin-top: 10px;}	
.login_x{width: 70%; margin-left: 15%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 5px; display: flex; flex-wrap: wrap;}	
.login_x_0{width:100%; text-align:center; padding-top:30px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:1.5em; line-height:1.2; color:#333;}
.login_x_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_x_2{width: 55%; border-bottom:2px solid #d9d9d9; text-align: left; padding-bottom:5px; margin-bottom:5px; margin-left:1%;}
#inputlogin{border:none; background-image:url(../img/login2.png);  background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:75%;}	
.mostrar_senha{width: 20px; height: 15px; margin-top: 5px;}
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_x_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_x_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_x_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_x_6{width: 100%; text-align: center; padding-top: 20px; margin-bottom: 20px; margin-top: 10px; border-top: 1px solid #007aa3;}	
.aviso{width: 100%; text-align: center; display: none;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3; position: fixed; bottom: 0; left: 0; } 
}
/* ========================= PARA SMARTPHONES EM PAISAGEM (480px até 321) ========================= */
@media screen and (max-width:480px){
.conteudo_esquerda{display: none;}
.login_fundo{width: 100%; height: 100%;}
.conteudo_direita{width: 100%; flex-grow: 1; margin-top: 10px;}	
.login_x{width: 98%; margin-left: 1%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 5px; display: flex; flex-wrap: wrap;}	
.login_x_0{width:100%; text-align:center; padding-top:30px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:1.5em; line-height:1.2; color:#333;}
.login_x_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_x_2{width: 55%; border-bottom:2px solid #d9d9d9; text-align: left; padding-bottom:5px; margin-bottom:5px; margin-left:1%;}
#inputlogin{border:none; background-image:url(../img/login2.png);  background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:70%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:70%;}	
.mostrar_senha{width: 20px; height: 15px; margin-top: 5px;}
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_x_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_x_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_x_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_x_6{width: 100%; text-align: center; padding-top: 20px; margin-bottom: 20px; margin-top: 10px; border-top: 1px solid #007aa3;}	
.aviso{width: 100%; text-align: center; display: none;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3; position: fixed; bottom: 0; left: 0;} 
}
/* ========================= PARA SMARTPHONES EM RETRATO (320px ou menos) ========================= */
@media screen and (max-width:320px){
.conteudo_esquerda{display: none;}
.login_fundo{width: 100%; height: 100%;}
.conteudo_direita{width: 100%; flex-grow: 1; margin-top: 10px;}	
.login_x{width: 98%; margin-left: 1%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 5px; display: flex; flex-wrap: wrap;}	
.login_x_0{width:100%; text-align:center; padding-top:30px; padding-bottom:30px; font-family:Arial, Helvetica, sans-serif; font-weight:bolder; font-size:1.5em; line-height:1.2; color:#333;}
.login_x_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_x_2{width: 55%; border-bottom:2px solid #d9d9d9; text-align: left; padding-bottom:5px; margin-bottom:5px; margin-left:1%;}
#inputlogin{border:none; background-image:url(../img/login2.png);  background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:70%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:70%;}	
.mostrar_senha{width: 20px; height: 15px; margin-top: 5px;}
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_x_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_x_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_x_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_x_6{width: 100%; text-align: center; padding-top: 20px; margin-bottom: 20px; margin-top: 10px; border-top: 1px solid #007aa3;}	
.aviso{width: 100%; text-align: center; display: none;}	
.conteudo_3{width: 100%; padding-top: 10px; padding-bottom: 10px; text-align: center; background: #73c2fb; color: #007aa3; position: fixed; bottom: 0; left: 0;} 
}