body 
{
	margin: 0;
	background-color: #fff !important;
	font-family: "Roboto" !important; }	

	input { height: 45px !important;  font-size: 16px !important;}

	input[type=text], input[type=password], input[type=tel], input[type=email], select, textarea {
		border: 1px solid #29197E;
		border-radius: 25px;
		font-weight: 600;
	}

	input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=emails]:focus {
		border: 1px solid #77c2be;
		border-radius: 25px;
		font-weight: 600;
	}

	label { margin: 1rem 0 1rem 0; }

	h2 {text-align: center;}

	#login {
		background-color: #29197E; 
		border-color: #29197E !important; 
		width: 50%;
		font-weight: 600;
		border-radius: 20px;
		height: 35px !important;
		margin-top: 5px;
	}

	#login:hover {
		background-color: #77c2be; 
		border-color: #77c2be !important; 
	}

	#entrar {
		margin-top: 20px;
		text-align:center;
	}

	@media screen and (max-width: 425px) {
		#entrar {
			text-align:center;
		}
	}

	#redefinir {
		text-align:center;
	}

	#esqueci_senha {
		background-color: #fff;
		border-color: #fff !important;
		width: 100%;
		height: 48px;
		color: #29197E;
		font-weight: 600;
		border-radius: 20px;
		padding-top: 13px;
		font-size: 16px;
	}

	@media screen and (max-width: 425px) {
		#esqueci_senha {
			display:none;
		}
	}

	#esqueci_senha_mobile {
		background-color: #fff;
		border-color: #fff !important;
		width: 100%;
		height: 48px;
		color: #29197E;
		font-weight: 600;
		border-radius: 20px;
		padding-top: 13px;
		font-size: 16px;
		display: none;
	}

	@media screen and (max-width: 425px) {
		#esqueci_senha_mobile {
			display:block;
		}
	}

	#associe_se {
		background-color: #fff;
		border-color: #fff !important;
		width: 100%;
		height: 48px;
		color: #29197E;
		font-weight: 600;
		border-radius: 20px;
		padding-top: 13px;
		font-size: 14px;
	}

	#ast {
		color: red;
	}

	.titulo {
		color: #009335;
		font-weight: 500;
	}

	#msg {font-family: "Roboto" !important; font-weight: 400;}

	@media screen and (max-width: 425px) {
		#msg {font-family: "Roboto" !important; font-weight: 400; font-size: 18px;}
	}

	.page-content {
		width: 100%;
		margin:  0 auto;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-o-justify-content: center;
		-ms-justify-content: center;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		align-items: center;
		-o-align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		-o-background-size: cover;
		-ms-background-size: cover;
		-moz-background-size: cover;
		-webkit-background-size: cover;
	}

	.logo {
		float: left;
		width: 100%;
		height: auto;
		margin-top: 60px;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.logo img {
		width: 200px;
		height: auto;
		text-align: center;
	}

	.buttonLogin {
		background-color: #29197E;
		border: none;
		color: white;
		padding: 15px 32px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 4px 2px;
		cursor: pointer;
		border-radius: 15px;
	}

	.buttonLogin a {
		color: #fff;
		text-decoration: none;
	} 

	.buttonEntrar {
		background-color: #29197E;
		border: none;
		color: white;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius: 15px;
		width: 100%;
	}

	.buttonEntrar:hover {
		background-color: #77c2be;
		border: none;
		color: white;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius: 15px;
		width: 100%;
	}

	.buttonComentario {
		background-color: #29197E;
		border: none;
		color: white;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius: 15px;
		width: 180px;
	}

	.buttonComentario:hover {
		background-color: #77c2be;
		border: none;
		color: white;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		border-radius: 15px;
		width: 180px;
	}

	.buttonEntrar a {
		color: #fff;
		text-decoration: none;
	} 

	.wizard-v3-content   {
		background: #fff;
		width: 380px;
		box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
		-o-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
		-ms-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
		-webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
		border-radius: 10px;
		-o-border-radius: 10px;
		-ms-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		margin: 60px 0;
		font-family: 'Roboto', sans-serif;
		position: relative;
		display: flex;
		display: -webkit-flex;
	}

	.wizard-v3-content .wizard-form {
		width: 100%;
	}
	.wizard-form .wizard-header {
		text-align: center;
		padding:  40px 0 20px;
	}
	.wizard-form .wizard-header .heading {
		color: #29197E;
		font-size: 22px;
		font-weight: 700;
		margin: 0;
		padding: 13px 0 10px;
	}
	.wizard-form .wizard-header p {
		color: #666;
		font-size: 18px;
		font-weight: 400;
		margin:  0;
	}

	.wizard-bemvindo-content   {
		background: transparent;
		width: 100%;
		margin: 0px 0;
		font-family: 'Roboto', sans-serif;
		position: relative;
		display: flex;
		display: -webkit-flex;
	}

	.wizard-form .wizard-header-bemvindo {
		text-align: left;
	}

	.wizard-form .wizard-header-bemvindo .heading {
		color: #29197E;
		font-size: 23px;
		font-weight: 700;
		margin: 0;
		padding: 13px 0 10px;
	}

	@media screen and (max-width: 425px) {
		.wizard-form .wizard-header-bemvindo .heading {
			font-size: 21px;
		}
	}

	@media screen and (max-width: 330px) {
		.wizard-form .wizard-header-bemvindo .heading {
			font-size: 19px;
		}
	}

	.wizard-form .wizard-header-bemvindo p {
		color: #666;
		font-size: 18px;
		font-weight: 400;
		margin:  0;
	}

	.msg_off {padding: 10px 50px 10px 50px;text-align: center;line-height:25px;}
	.msg_bemvindo {text-align:justify;line-height:25px;margin-top:20px !important;}
	.msg_menu{
		color: #29197E !important;
		font-size: 20px !important;
		font-weight: 700 !important;
		margin: 0 !important;
		padding: 40px 0 30px !important;
	}

	.jumbotron {
		display: flex !important;
		align-items: center !important;
		height: 250px;
		background-image: url("../images/banner.jpg") !important;
		background-size: cover !important;
		background-position: center !important;
	}

	.jumbotron h2 {
		display: inline-block !important;
		color: #fff !important;
		font-weight: 700 !important;
		padding: 10px 35px !important;
		border-radius: 5px !important;
		border-style: solid !important;
		border-width: 1px !important;
	}

	.jumbotron h3 {
		color: #fff !important;
		font-weight: bold !important;
	}

	.jumbotron2 {
		display: flex !important;
		align-items: center !important;
		height: 250px;
		background-image: url("../images/banner2.jpg") !important;
		background-size: cover !important;
		background-position: center !important;
	}

	.jumbotron2 h2 {
		display: inline-block !important;
		color: #fff !important;
		font-weight: 700 !important;
		padding: 10px 35px !important;
		border-radius: 5px !important;
		border-style: solid !important;
		border-width: 1px !important;
	}

	.jumbotron2 h3 {
		color: #fff !important;
		font-weight: bold !important;
	}

	.col-md-4 {
		margin-right: 10px;
		margin-bottom: 10px;
		width: 24% !important;
		-webkit-box-shadow: 0px 8px 20px 0px rgb(0 0 0 / 15%);
		border-radius: 10px;
		background-color: #05223c;
	}

	.col-md-4:hover {
		background-color: #77c2be;
	}

	.col-md-4 a {
		text-decoration: none !important;
	}

	.area {
		height: 170px;
		width: 100%;
		background-color: transparent;
		border-radius: 10%;
		margin-bottom: 15px;
	}

	.text-button {
		padding-top: 25px;
		text-align: center;
		font-size: 18px;
		font-weight: 600;
		color: #fff;
	}

	.button-icon {
		margin-top: 32px !important;
		font-size: 60px !important;
		color: #fff !important;
		text-align: center !important;
	}

	.btn:hover {
		background-color: #FF2E34 !important; border-color: #FF2E34 !important;
	}

	@media screen and (max-width: 1000px) {

		.col-md-4 {
			width: 33.3% !important;
		}

		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
			float: left;
		}

	}

	@media screen and (max-width: 780px) {

		.col-md-4 {
			width: 50% !important;
		}

		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
			float: left;
		}

	}

	@media screen and (max-width: 480px) {

		.col-md-4 {
			width: 100% !important;
		}

		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
			float: left;
		}

	}

	/*@media screen and (min-width: 750px) {

		.col-md-4 {
			width: 25% !important;
		}

		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
			float: left;
		}

		}*/

		#alter {background-color: #29197E; border-color: #29197E;font-size: 15px;}
		#alter:hover {background-color: #77c2be !important; border-color: #77c2be !important;font-size: 15px !important;}

		select { height: 45px !important;  font-size: 16px !important; border: 1px solid #29197E !important;
			border-radius: 25px !important;}

			textarea { height: 200px !important; width: 100%;  font-size: 16px !important; border: 1px solid #29197E !important;
				border-radius: 25px !important;}

				#ast {color:red;}

				.clear {
					width: 136px;
					height: 23px;
					background-color: #29197E;
					color: #fff;
					border: 1px solid #fff;
					text-align: center;
					font-size:15px;
				}

				.anexo {
					width: 136px;
					height: 23px;
					background-color: #29197E;
					color: #fff;
					border: 1px solid #fff;
					text-align: center;
					font-size:15px;
					margin-bottom:10px;
				}

				.anexo a {
					color:#fff;
				}

				@media screen and (max-width: 480px) {

					input[type='file'] {
						font-size: 14px !important;
					}

					.clear {
						width: 122px;
					}

				}