@charset "utf-8";
/* CSS Document */
/* ========================= PARA DESKTOPS (1400px ou mais) ========================= */
@media screen and (min-width:1401px){
.login{width: 30%; margin-left: 35%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 10px; display: flex; flex-wrap: wrap;}	
.login_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_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_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:80%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:80%;}	
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_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;}	
}
/* ========================= PARA DESKTOPS (1400px até 961px) ========================= */
@media screen and (max-width:1400px){
.login{width: 40%; margin-left: 30%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 10px; display: flex; flex-wrap: wrap;}	
.login_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_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_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:80%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:80%;}	
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_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;}
}
/* ========================= PARA TABLET EM PAISAGEM (960px até 769px) ========================= */
@media screen and (max-width:960px){
.login{width: 50%; margin-left: 25%; background-color:#FFF; border-radius: 5px 5px 5px 5px; text-align:center; box-shadow: #999 0 0 0.5em; margin-top: 10px; display: flex; flex-wrap: wrap;}	
.login_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_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_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:80%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:80%;}	
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_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;}
}
/* ========================= PARA TABLET EM RETRATO (768px até 481px) ========================= */
@media screen and (max-width:768px){
.login{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: 10px; display: flex; flex-wrap: wrap;}	
.login_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_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_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:80%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:80%;}	
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}
.login_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;}
}
/* ========================= PARA SMARTPHONES EM PAISAGEM (480px até 321) ========================= */
@media screen and (max-width:480px){
.login{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: 10px; display: flex; flex-wrap: wrap;}	
.login_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_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_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:80%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:80%;}	
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_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;}
}
/* ========================= PARA SMARTPHONES EM RETRATO (320px ou menos) ========================= */
@media screen and (max-width:320px){
.login_img{width: 20px; height: 20px; padding-top: 12px;}
.topo_direita_pesquisar{display: block;}
.pesquisar_img{width: 20px; height: 20px; margin-top: 10px;}
.conteudo{width: 100%; margin-top: 10px; font-family: sans-serif; z-index: 1;}	
.login{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: 10px; display: flex; flex-wrap: wrap;}	
.login_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_1{width:20%; margin-left:10%; text-align:right; padding-bottom:5px; padding-top: 8px; color: #007aa3;}
.login_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:80%;}
#inputsenha{border:none; background-image:url(../img/senha2.png); background-position:left center; background-repeat:no-repeat; padding-left:10%; height:30px; width:80%;}	
#inputentrar{width:30%; height:30px; background-color:#007aa3; border:none; color:#FFF; border-radius:50px 50px 50px 50px ;}
#inputentrar:hover{background-color:#1F8FE0;}	
.login_3{width: 100%; text-align: center; padding-top: 5px; margin-bottom: 5px;}
.login_4{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 20px;}	
.login_5{width: 100%; text-align: center; padding-top: 10px; margin-bottom: 10px;}	
.login_6{width: 100%; text-align: center; padding-top: 20px; margin-bottom: 20px; margin-top: 10px; border-top: 1px solid #007aa3;}	
}