@charset "utf-8";
/* CSS Document */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
::-webkit-input-placeholder{
   color: #fff;
	 opacity:0.5;
}

:-moz-placeholder { /* Firefox 18- */
    color: #fff;
	 opacity:0.5;
}

::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;
	 opacity:0.5;
}

:-ms-input-placeholder {
    color: #fff;
	 opacity:0.5;
}

.form_index {
	width: 96%;
	float: left;
	height:auto;
	background:#1F1F1F url(../images/patterns/overlay1.png) repeat top left;
	font: 0.85em Arial, Helvetica, sans-serif;
	color:#fff;
	padding: 2%;
	border-radius:10px;
	}

.form_index form header {
  margin: 0 0 20px 0;
	
	}
/*.form_index	form header div {
		font-size: 1.2em;
		color:#b5b00b;
	}*/
.form_index	form header .t_form {
		margin:0;
		line-height:50px;
		padding: 2% !important;
		border-radius: 8px 0 8px 0;
		width: 100%;
		color:#333;
		background:#b5b00b;
		font: 2em Arial, Helvetica, sans-serif;;
		font-weight:bold !important;
		text-transform:uppercase !important;
		text-align:center !important;
		
	}
	
.form_index form > div {
  clear: both;
  overflow: hidden;
  padding: 1px;
  margin: 0 0 3px 0;
	}
.form_index	form > div > fieldset > div > div {
		margin: 0 0 2px 0;
	}
.form_index	form > div > label,	legend {
		width: 25%;
		float: left;
		padding-right: 10px;
		font-size: 1.2em;;
		}
		
.form_index form > div > div,
.form_index form > div > fieldset > div {
  width: 75%;
  float: right;
}
.form_index form > div > label {
	font-size:16px;
}
.form_index fieldset {
	border: 0;
  padding: 0;
}

.form_index input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=password],
input[type=number],
textarea, select
 {
	width: 100%;
  background:#666;
	color:#fff;
	padding: 5px;
	border-radius: 5px;
	border: 0.15em #4b4b4d inset;
	font: 16px Arial, Helvetica, sans-serif;
	}

input[type=radio]{border: 2px #4b4b4d inset;}

.form_index .botao {
	text-align:center;
	background:#b5b00b;
	width: 200px;
	height: 40px;
	padding: 8px;
	margin-top: 1em;
	border-radius: 6px;
	border: 0.15em #b5b00b outset;
	font: 1.5em Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#333;
	}
	.form_index .botao:hover	 {
		background:#E22200;
		color:#fff;
		border: 0.15em #272424 inset;
		}
	
.form_index input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=password]:focus,
input[type=number]:focus,
select:focus,
textarea:focus {
  outline: 0;
  border-color: #b4b00b;
}

.form_index input[type=text]:hover,
input[type=email]:hover,
input[type=url]:hover,
input[type=tel]:hover,
input[type=password]:hover,
input[type=number]:hover,
select:hover,
textarea:hover {
  outline: 0;
  border-color: #b4b00b;
}

.form_index {
	width:100%;
	padding:5%;
	}
	tr {
		line-height:35px;
		padding: 3% 0;
		vertical-align:middle;
	}
	
	.counter {color:#FF0;}
	/*	#content .form_index input[id=valor], select[id=estado],select[id=parcelas]{
		width: 100px;
	}*/
	.radio_label {color:#FFF; line-height: 30px; vertical-align:middle; padding:5px; font:16px Arial, Helvetica, sans-serif;}
	
	<!---->
	
	.contato-field {
	width: 500px;
	height: auto;
	padding:20px;
	border: 2px solid #099;
	border-radius: 5px;
	margin:20px auto;
	}
	
.contato-field legend {
	color: #fff;
	font: 18px Tahoma, Geneva, sans-serif;
	text-transform: uppercase;
	background: #099;
	border: 2px solid #099;
	border-radius: 5px;
	padding: 5px 10px;
}
.contato-field label { color: #099; font: 16px Tahoma, Geneva, sans-serif; margin-bottom: 10px;}

#contato { width: 460px; margin:0 auto;}

#contato input[type=text],
#contato input[type=number],
#contato input[type=tel],
#contato input[type=email],
#contato textarea,
#contato select{
	width: 450px;
	padding: 1.5% 1%;
	float:none;
	margin: 10px auto !important;
	border-radius:3px;
	background:#D7FFFF;
	color: #077;
	border: 1px solid #099;
	box-shadow: 0px 0px 2px #099;

	}
#contato select { width: 465px;}

#contato input[type=text]:hover,
#contato input[type=number]:hover,
#contato input[type=tel]:hover,
#contato input[type=email]:hover,
#contato textarea:hover,
#contato select:hover {
		
		border: 1px solid #666;
		box-shadow: 0px 0px 3px #666;
	
}

#contato input[type=text]:focus,
#contato input[type=number]:focus,
#contato input[type=tel]:focus,
#contato input[type=email]:focus,
#contato textarea:focus,
#contato select:focus{

		border: 1px solid #666;
		box-shadow: 0px 0px 3px #666;
		}

/*#contato input[type=text]:invalid,
#contato input[type=number]:invalid,
#contato input[type=tel]:invalid,
#contato input[type=email]:invalid,
#contato textarea:invalid,
#contato select:invalid{
		border: 1px solid #f03;
		box-shadow: 0px 0px 2px #f03;
}*/
#contato input[type=text]:valid,
#contato input[type=number]:valid,
#contato input[type=tel]:valid,
#contato input[type=email]:valid,
#contato textarea:valid {
		border-style:inset;
		border: 1px solid #006633;
		box-shadow: 0px 0px 2px #006633;
		background: #AFA;
}

.contacts {
	display: flex;
	flex-direction: column;
	justify-items: center;
	justify-content: center;
}

.contacts h1{
	margin: 0;
	line-height: 50px;
	padding: 2% !important;
	border-radius: 8px 0 8px 0;
	width: 100%;
	color: #333;
	background: #b5b00b;
	font: 2em Arial, Helvetica, sans-serif;
	font-weight: bold !important;
	text-transform: uppercase !important;
	text-align: center !important;
}
.contacts .phones p{
	text-align: center;

}
.contacts .phones p a{
	text-decoration: none;
	font-size: 1.3em;
	color: #fff;
	font-weight: bold;
	line-height: 40px;
}
.contacts .phones p a.whats{
	color: #25D366
}
.contacts .phones p a:hover{
	color: #00A4DC;
}
.contacts address{
	margin-top: 30px;
	text-align: center;
	text-decoration: none;
	font-size: 1.5em;
	line-height: 25px;
	color: #fff;
	font-weight: bold;
}


.cbBox_valido {
		border-style:inset;
		border: 1px solid #006633;
		box-shadow: 0px 0px 2px #006633;
		background: #AFA !important;
}


.btn {
	width:460px;
	background: #099;
	color: #fff;
	border: 2px solid #077;
	border-style:outset;
	border-radius: 5px;
	padding: 5px 0;
	margin: 10px auto;
	font: 18px Tahoma, Geneva, sans-serif;
	}
	.btn:hover {border-style:inset;}
@media only screen and (max-width: 481px) {
	.form_index {
	width: 100%;
	padding:4%;
	}
  .form_index form > div {
    margin: 0 0 5px 0;
  }
 .form_index form > div > label,
  legend {
	  width: 100%;
    float: left;
    margin: 0 0 0.6em 0;
  }
  .form_index form > div > div,
  .form_index form > div > fieldset > div {
    width: 100%;
    float: none;
  }
  .form_index input[type=text],
  input[type=email],
  input[type=url],
  input[type=password],
  textarea,
  select {
    width: 100%;
  }
	#content .form_index {
	width:100%;
	padding:5%;
	}
	
}
@media only screen and (min-width: 600px) {
	.form_index {
		width: 48.5%;
		margin-left:1.5%;
		margin-top: 1.5%;
		padding: 1.5% 0.8%;
	}
	#content .form_index {
	width:100%;
	padding:5%;
	}
	.contentMid2 {
		color:#900;
		font: 14px bold Arial, Helvetica, sans-serif;;
		margin:0;
		padding:0;
		}
		
	.contentMid2 .form_index {
		width:100%;
		padding:5%;
		margin: 0 0 0 1%;
		
		}
/*	#content .form_index input[id=valor], input[id=estado],input[id=parcelas]{
		width: 100px;
	}*/
	
}
/* Layout para desktops: 769 px at� o m�ximo de 1232 px. Herda estilos de: Layout para celulares e Layout para tablets. */

@media only screen and (min-width: 769px) {

	.form_index {
		width: 35%;
		margin-left:1.5%;
		padding: 2% 4% 4% 4%;
		margin-top: 0;
		/*border-radius: 10px 3px;*/
		box-shadow: 2px 2px 2px #333333;
	}
	
	.form_index form > div {
    margin: 0 0 5px 0;
  }
		
	.contentMid2 .form_index {
		width:100%;
		padding:5%;
		margin: 0 0 0 1%;
		}

	
}