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

/* Formulario de contacto */

.contenedor_formulario {
  padding: 0 0 40px;
}
.formulario {
  margin-top: 10px;
  border: solid 2px #66af22;
  padding: 20px;
}
.formulario .col {
  padding: 20px;
}
.formulario label {
  font-family: 'Roboto Slab', sans-serif;
  display: block;
  margin-bottom:2px;
  text-align:left;
}
.formulario textarea {
  width: 100%;
  height: 200px;
  border: none;
  background-color: #f6f6f6;
  padding: 5px;
  font-family: Roboto, sans-serif;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
margin-bottom: 10px;
}
.formulario input:not(#submit_button) {
  font-family: Roboto, sans-serif;
  padding: 5px;
  margin-bottom:10px;
  border: none;
  background-color: #f6f6f6;
  width: 100%;
  -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
box-shadow:         inset 0px 1px 1px 0px rgba(0, 0, 0, 0.1);
}
.formulario .contenedor-submit {
  padding: 20px 0;
}
.formulario #submit_button {
  font-family: Roboto Slab, sans-serif;
  float: right;
  cursor: pointer;
  background-color: transparent;
  border: solid 2px #66af22;
  font-size: 14pt;
  font-weight: 400;
  display: block;
  text-align: right;
  color: #66af22;
  padding: 2px 10px 2px;
}

.formulario #submit_button:hover {
   background-color: #FF7D00;
   color: white;
}
.contenedor_recaptcha .g-recaptcha {
  float: right;
	margin: 20px 0 0;
	max-width: 100%;
}

@media only screen and (max-width: 767px) {
	.formulario .col {
		width: 100%;
	}
	.formulario {
		padding: 0 0 20px;
	}
}