::-webkit-input-placeholder {
   color: #333333;
}

:-moz-placeholder {
   color: #333333;
}

::-moz-placeholder {
   color: #333333;  
}

:-ms-input-placeholder {  
   color: #333333;
}
	
.field{margin-bottom:7px;}
	
.field label {
  font-family: Arial, Verdana; 
  display: block; 
  float: none; 
  font-weight: bold;
  width: 100%; 
  line-height: 25px; 
  font-size: 15px;
  color: #333333;
}

.field label.error {
	color: red !important; /* Cor das mensagens de erro */
}
	
.input{
  font-family: Arial, Verdana; 
  font-size: 15px; 
  padding: 5px; 
  width: 100%; 
  color: #333333;
}
	
.input:focus{
  background-color:#E7E8E7;	
}
	
.textarea {
  height: 150px;
  resize:vertical;
}

/* Chrome e Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
   .textarea {
   padding: 6px;
   }
}
	
input.button{
  float: none;
  margin: 10px 0px 30px 6px;
  width: 100%;
  font-weight: bold;
  font-size: 0.9em;
  padding: 6px 10px;
  cursor:pointer;   
  color: #fff;
  text-align: center;
  background: #333333;
  border: 1px solid #222222;  
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
	
input.button:hover {
  background: #111111;
  cursor: pointer;
}

/* Formulário Contato */
#form-1-contato {
  width: auto;
  max-width: 600px; /* Largura do formulario */
  margin: 0 auto;
  padding: 0 15px 0 4px;
}

#form-1-contato label {
	color: #00A3E3;
}

.button-center {
   width: auto;
   max-width: 250px;
   margin: 0 auto;
}

/* Formulário Me Ligue */

#form-1-me-ligue {
  width: auto;
  height: 170px;
  max-width: 250px; /* Largura do formulario */
  float: right;
}

#ctn-me-ligue {
	position: relative;
	width: 350px;
	margin: 0 auto;
}

#ctn-me-ligue input.button{
  background: #00A3E3;
  border: 1px solid #888888;
}
	
#ctn-me-ligue input.button:hover {
  background: #FD8000;
}

@media only screen and (max-width: 768px) {
	#form-1-me-ligue {
	  float: none;
	  width: 100%;
	  margin: 0 auto;
	  height: 170px;
	  max-width: 250px; /* Largura do formulario */
	}
}