@charset "utf-8";
/* CSS Document */
/* ========================= PARA DESKTOPS (1400px ou mais) ========================= */
@media screen and (min-width:1401px){
.cadastro{background: #FFF; width: 40%; margin-left: 30%; margin-bottom: 30px; border: solid 1px #007aa3; font-family:"Sen_Regular";}	
.cadastro_0{text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #007aa3; background: #007aa3; color: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 35%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 63%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{width: 100%; text-align: center; background: #007aa3; color: #FFF; position: fixed; bottom: 0;} 	
.cadastrar_cl{ width: 30%; border:none; background: #007aa3; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}
.cadastro_1_1_X{width: 64%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 50%; flex-grow: 1; text-align: left; padding-top: 5px;}
}
/* ========================= PARA DESKTOPS (1400px até 961px) ========================= */
@media screen and (max-width:1400px){
.cadastro{background: #FFF; width: 60%; margin-left: 20%; margin-bottom: 30px; border: solid 1px #007aa3; font-family:"Sen_Regular";}	
.cadastro_0{text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #007aa3; background: #007aa3; color: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 35%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 63%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.cadastrar_cl{ width: 30%; border:none; background: #007aa3; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}	
.cadastro_1_1_X{width: 64%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 50%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}
/* ========================= PARA TABLET EM PAISAGEM (960px até 769px) ========================= */
@media screen and (max-width:960px){
.cadastro{background: #FFF; width: 80%; margin-left: 10%; margin-bottom: 30px; border: solid 1px #007aa3; font-family:"Sen_Regular";}	
.cadastro_0{text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #007aa3; background: #007aa3; color: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 35%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 63%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{display: none;} 	
.cadastrar_cl{ width: 30%; border:none; background: #007aa3; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}	
.cadastro_1_1_X{width: 64%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 50%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}
/* ========================= PARA TABLET EM RETRATO (768px até 481px) ========================= */
@media screen and (max-width:768px){
.cadastro{background: #FFF; width: 98%; margin-left: 1%; margin-bottom: 30px; border: solid 1px #007aa3; font-family:"Sen_Regular";}	
.cadastro_0{text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #007aa3; background: #007aa3; color: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 40%; margin-right: 1%; text-align: right; padding-top: 10px; padding-bottom: 5px;}
.cadastro_1_1{width: 58%; flex-grow: 1; text-align: left; padding-top: 5px; padding-bottom: 5px;}	
.campo_input{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{display: none;} 	
.cadastrar_cl{ width: 40%; border:none; background: #007aa3; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}		
.cadastro_1_1_X{width: 59%; flex-grow: 1; display: flex;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 50%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}
/* ========================= PARA SMARTPHONES EM PAISAGEM (480px até 321) ========================= */
@media screen and (max-width:480px){
.cadastro{background: #FFF; width: 98%; margin-left: 1%; margin-bottom: 30px; border: solid 1px #007aa3; font-family:"Sen_Regular";}	
.cadastro_0{text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #007aa3; background: #007aa3; color: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 100%; margin-right: 0%; text-align: center; padding-top: 5px; padding-bottom: 5px;}
.cadastro_1_1{width: 100%; flex-grow: 1; text-align: center; padding-top: 0px; padding-bottom: 5px; border-bottom: solid 1px #007aa3;}	
.campo_input{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{display: none;} 	
.cadastrar_cl{ width: 50%; border:none; background: #007aa3; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}		
.cadastro_1_1_X{width: 100%; flex-grow: 1; display: flex; border-bottom: 1px solid #007aa3; padding-bottom: 3px;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 50%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}
/* ========================= PARA SMARTPHONES EM RETRATO (320px ou menos) ========================= */
@media screen and (max-width:320px){
.cadastro{background: #FFF; width: 98%; margin-left: 1%; margin-bottom: 30px; border: solid 1px #007aa3; font-family:"Sen_Regular";}	
.cadastro_0{text-align: center; padding-top: 5px; padding-bottom: 5px; border-bottom: solid 1px #007aa3; background: #007aa3; color: #FFF;}
.cadastro_1{width: 100%; display: flex; flex-wrap: wrap;}
.cadastro_1_0{width: 100%; margin-right: 0%; text-align: center; padding-top: 5px; padding-bottom: 5px;}
.cadastro_1_1{width: 100%; flex-grow: 1; text-align: center; padding-top: 0px; padding-bottom: 5px; border-bottom: solid 1px #007aa3;}	
.campo_input{width: 70%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.campo_input:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_2{width: 100%; text-align: center;}	
#nascimento_cl{width: 50%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
#nascimento_cl:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_3{width: 100%; text-align: center; padding: 5px 0px 5px 0px;}	
.conteudo_3{display: none;} 	
.cadastrar_cl{ width: 50%; border:none; background: #007aa3; color: #FFF; padding-top: 5px; padding-bottom: 5px; border-radius:12px; font-weight: 800;}	
.cadastrar_cl:hover{background: #0CF;}	
.cadastro_1_1_X{width: 100%; flex-grow: 1; display: flex; border-bottom: 1px solid #007aa3; padding-bottom: 3px;}	
.cadastro_1_1_0{width: 40%; padding-top: 5px;}
.aparelho{width: 98%; padding-top:3px; padding-bottom:3px; font-size:16px; border:none; border-bottom:1px solid #CCC;}
.aparelho:focus{box-shadow:#999 2px 3px 6px 2px;}
.cadastro_1_1_1{width: 50%; flex-grow: 1; text-align: left; padding-top: 5px;}	
}