@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300&display=swap');
body {
	background-color: #EFF0EE;
	margin: 0px;
	font-family: 'Roboto', sans-serif;
}
.center{
	width:800px;
	margin:auto;
	margin-top:10px;
}
.centerInside{
	border: 1px solid #D6D6D5;
	background-color: #FFF;
	padding: 15px;
}
.nomes{
	display: inline-block;
	width:49%;
	margin-bottom: 20px;
}
.nomes2{
	display: inline-block;
	width:100%;
	margin-bottom: 20px;
}
.form{
	display: block;
	width:99%;
	margin-bottom: 20px;
}
.forms{
	width: calc(100% - 40px);
	padding-left:10px;
	padding-right:10px;
	outline: none !important;
	height:38px;
	border: 2px solid #0078E2;
}
.forms:focus{
	border: 2px solid #CCC;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

.forms2{
	width: calc(100% - 40px);
	padding-left:10px;
	padding-right:10px;
	outline: none !important;
	height:38px;
	border: 2px solid #0078E2;
}
.forms2:focus{
	border: 2px solid #CCC;
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
}

.botao{
	margin:auto; 
	display:block;
	width:300px;
	line-height:60px;
	height:60px;
	background-color: #0078E2;
	TEXT-DECORATION:none;
	vertical-align: middle;
	position:relative;
	border: 1px solid #000;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
}
.botao2{
	margin:auto; 
	display:block;
	width:200px;
	line-height:60px;
	height:60px;
	background-color: #0078E2;
	TEXT-DECORATION:none;
	vertical-align: middle;
	position:relative;
	border: 1px solid #000;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
}
.botao3{ 
	display:block;
	width:100px;
	line-height:40px;
	height:40px;
	background-color: #0078E2;
	TEXT-DECORATION:none;
	vertical-align: middle;
	position:relative;
	border: 1px solid #000;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);

}
.botao_text{
	display:block;
	color:#FFF;
	TEXT-DECORATION:none;
	font-size:20px;
	width:100%;
	height:100%;
	text-align:center;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.botao_text3{
	display:block;
	color:#FFF;
	TEXT-DECORATION:none;
	font-size:10px;
	width:100%;
	height:100%;
	text-align:center;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.disable{
	pointer-events: none;
	background-color: #969696;
}
.rouded{
	border-radius: 5px;
}

.checkbox{
	display:inline-block;
	width:30px;
	vertical-align: top;
}
.textcheckbox{
	display:inline-block;
	width:calc(100% - 40px);
}
#whatsapp{
	position: fixed;
	bottom: 20px;
	right: 20px;
}
@media all and (min-width:801px) 
{
	width:800px;
}
@media all and (min-width:1px) and (max-width: 800px) 
{
	.center{
		width:100%;
	}
	.botao2{
		width:100px;
	}
	.botao_text{
		font-size:10px;
	}
}

@media all and (min-width:1px) and (max-width: 300px) 
{
	.botao{
		width:200px;
	}
	.botao2{
		width:100px;
	}
}