@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;500&display=swap');

html														{ border:0; margin:0px; padding:0px; width:100%; height:100%; overflow:auto; }
body														{ border:0px; margin:0px; padding:0px; width:100%; height:100%; font-family:'Poppins',sans-serif; font-weight:300; font-size:15px; background:#def6f8; }
img, div, input, select, textarea							{ border:0; margin:0px; padding:0px; outline:0px; }
a															{ text-decoration:none; }

.bt-voltar													{ margin-left:20px; border:1px solid #008bdb; background:#008bdb; color:#FFF; padding:6px 20px; float:right; margin-top:10px; cursor:pointer; border-radius:0px; }
.bt-voltar:hover											{ background:#FFF; color:#008bdb; }

.centralizar												{ width:800px; margin:0px auto; }
.ui-datepicker												{ font-size:12px !important; }

.campo														{ margin:0px 5px 15px 5px; float:left; width:calc(100% - 10px); }
.campo-label												{ display:block; padding:10px 0px; font-size:16px; font-weight:bold;}
.campo-label b												{ font-weight:200; }
.campo-label span											{ color:red; }
.campo label												{ display:block; padding:2px 0px; }
.campo input[type=password]									{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 30px); }
.campo input[type=text]										{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 30px); }
.campo input[type=email]									{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 30px); }
.campo input[type=tel]										{ border:1px solid #CCC; border-radius:8px; background:#FFF; padding:7px 5px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 20px); }
.campo input[type=checkbox]									{ float:left; margin:5px 10px 0px 0px; }
.campo input[type=radio]									{ float:left; margin:5px 10px 0px 0px; }
.campo select												{ border:1px solid #FFF; border-radius:8px; background:#FFF; padding:5px 5px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 8px); height:50px; }
.campo textarea												{ border:1px solid #FFF; border-radius:8px; background:#FFF; padding:15px 10px; font-size:15px; font-family:sans-serif; font-weight:400; float:left; color:#000; width:calc(100% - 30px); }

.campo input[type=submit]									{ border:2px solid #FEEE01; border-radius:8px; background:#FEEE01; color:#003672; padding:5px 40px; float:right; margin:10px 10px 0px 0px; display:block; font-family:'Poppins', serif; font-weight:bold; font-size:24px; cursor:pointer; text-transform:uppercase; -webkit-appearance:none; }
.campo input[type=submit]:hover								{ border:2px solid #003672; background:#003672; color:#FFF; }

.mensagem_obrigado											{ text-align:center; padding:80px 0px 180px 0px; }
.mensagem_obrigado h3										{ font-family:sans-serif; font-size:42px; color:#FEEE01; text-transform:uppercase; }
.mensagem_obrigado p										{ font-family:sans-serif; text-align:center; font-size:17px; color:#FFF; }

.topo														{ background:#FFF; border:1px solid #66cbdd; border-bottom:4px solid #66cbdd; border-radius:10px; margin:10px 0px; padding:30px; font-size:14px; line-height:25px; text-align:center; }
.topo-logo													{ }

.botoes														{ background:#FFF; background:#66cbdd; border-radius:10px; margin:10px 0px; padding:10px; font-size:14px; line-height:25px; }
.botoes-proxima												{ float:right; background:#FFF; padding:10px 30px; border-radius:5px; font-weight:bold; font-size:15px; cursor:pointer; }
.botoes-proxima:hover										{ color:#FFF; background:#2e7180; }
.botoes-voltar												{ float:right; background:#FFF; padding:10px 30px; border-radius:5px; font-weight:bold; font-size:15px; cursor:pointer; margin-right:10px; }
.botoes-voltar:hover										{ color:#FFF; background:#2e7180; }

.bloco-andamento											{ height:5px; border:1px solid #66cbdd; border-radius:5px; background:#FFF; overflow:hidden; }
.bloco-andamento-porcentagem								{ height:5px; background:#66cbdd; float:left; }

.bloco-titulo												{ background:#FFF; border:1px solid #66cbdd; border-radius:10px; margin:10px 0px; padding:20px 30px; background:#66cbdd; }
.bloco-titulo h2											{ margin:0px; padding:0px; color:#FFF; }

.bloco1														{ background:#FFF; border:1px solid #66cbdd; border-bottom:4px solid #66cbdd; border-radius:10px; margin:10px 0px; padding:30px; font-size:14px; line-height:25px; }
.bloco1 h2													{ margin:10px 0px 20px 0px; padding:0px;  }
			
.bloco2														{ background:#FFF; border:1px solid #66cbdd; border-bottom:4px solid #66cbdd; border-radius:10px; margin:10px 0px; padding:30px; font-size:14px; line-height:25px; }

.bloco3														{ background:#FFF; border:1px solid #66cbdd; border-bottom:4px solid #66cbdd; border-radius:10px; margin:10px 0px; padding:30px; font-size:14px; line-height:25px; }
.bloco3 h2													{ margin:10px 0px 20px 0px; padding:0px; color:#2e7180; }

.etapas														{ display:none; }

.obrigado													{ background:#FFF; border:1px solid #66cbdd; border-bottom:4px solid #66cbdd; border-radius:10px; margin:10px 0px; padding:80px 30px; font-size:14px; line-height:25px; }
.obrigado h1												{ margin:10px 0px 50px 0px; padding:0px; color:#2e7180; text-align:center; font-size:42px; }
.obrigado p													{ text-align:center; font-size:18px; }
.obrigado a													{ color:#2e7180; text-decoration:none; }
.obrigado a:hover											{ text-decoration:underline; }
.obrigado .obrigado-botao									{ background:#66cbdd; color:#FFF; padding:10px 0px; border-radius:5px; font-weight:bold; font-size:15px; cursor:pointer; width:260px; margin:40px auto 60px auto; text-align:center; display:block; }
.obrigado .obrigado-botao:hover								{ background-color:#2e7180; text-decoration:none; }


@media (max-width: 980px) {
	
	.centralizar												{ width:auto; margin:0px 10px; }
	
	.topo-logo				{ width:240px; }
	
	.campo					{ width:calc(100% - 10px) !important; }
	
	.bloco-titulo			{ padding:10px 15px; }
	.bloco-titulo h2		{ font-size:18px; }
	.bloco1					{ padding:15px; }
	.bloco2					{ padding:15px; }
	.bloco3					{ padding:15px; }
	.bloco3 h2				{ font-size:20px; }
	.campo label			{ width:100% !important; }
	
}