@charset "UTF-8";

/********************************************************************
Neuron Pixels Design
Hacienda de San Antonio Xala No. 93 , Col. Rinconada Coapa 1ª Sección
Tlalpan, México D.F., 14330
*******************************************************************/


/** {border: 1px solid blue;}*/


/********************** FORMA DE CONTACTO ******************/

.jotform-form,
.form-all {
	width: 100%;
}

.form-section {
	list-style: none;
	padding: 0 0 0 0;
}

.form-label-top,
.form-radio-item {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	color: #333;
}

.form-textbox,
.form-textarea {
	border: 0px solid transparent;
	width: 100%;
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-size: 0.95em;
	color: #333;
}

.form-textbox:focus,
.form-textbox:active,
.form-textarea:focus,
.form-textarea:active {
	outline: none;
}

.form-radio-item {
	float: left;
	display: block;
	width: 20%;
}

.form-required {
 	color: red;
}

.form-line-error {
	font-family: "Lato", sans-serif;
	font-weight: 300;
	font-size: 0.8em;
	color: black;
	background:#ECECEC;
}

#id_1, #id_3, #id_10, #id_5, #id_6, #id_11, #id_8 {
	padding: 1% 0% 1% 1%;
}


#id_1:hover, #id_3:hover, #id_10:hover, #id_5:hover, #id_6:hover, #id_11:hover, #id_8:hover {
	background-color: #ECECEC;
}

.form-input-wide {width: 95%;}

/********* NOMBRE *********/

#id_1 {
	width: 49%;
	float: left;
	display: block;
	border-top: 3px solid #333;
}


/********* CORREO *********/

#id_3 {
	width: 48%;
	float: left;
	display: block;
	border-top: 3px solid #333;
	border-left: 1px solid #999;
}

/********* PRODUCTO DE INTERÉS *********/

#id_10 {
	width: 49%;
	float: left;
	display: block;
	border-top: 1px solid #999;
}

/********* DESEA LLAMADA *********/

#id_5 {
	width: 48%;
	float: left;
	display: block;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
}

/********* EN QUE MOMENTO DESEA LA LLAMADA *********/

#id_6 {
	width: 96%;
	float: left;
	display: block;
	border-top:1px solid #999;
}

/********* TELÉFONO *********/

#id_11 {
	width: 96%;
	float: left;
	display: block;
	border-top:1px solid #999;
}

/********* EN QUE PODEMOS AYUDARTE *********/

#id_8 {
	width: 98%;
	float: left;
	display: block;
	border-top: 1px solid #999;
}

/********* BOTÓN *********/

#id_2 {
	width: 98%;
	float: left;
	display: block;
	border-top: 3px solid #333;
}

.form-submit-button {
	font-family: "Lato", sans-serif;
	font-weight: 400;
	font-size: 0.8em;
	width: 80%;
	background-color: #333;
	border: 0px solid transparent;
	color: white;
	padding: 1.5% 0 1.5% 0;
	margin-top: 3%;
	cursor: pointer;
}

.form-submit-button:hover,
.form-submit-button:focus {
	background-color: #555;
}


/********************** MEDIA QUERIES ******************/


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

#id_1, #id_3, #id_10, #id_5, #id_6, #id_11, #id_8, #id_2 {
	width: 100%;
	padding: 2% 0% 2% 2%;
}

#id_3 {
	border-top: 1px solid #999;
	border-left: 0px solid #999;
}

#id_5 {
	border-left: 0px solid #999;
}

.form-submit-button {
	padding: 4% 0 4% 0;
}

}

/********************** CLEARFIX ********************************/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:before,
.clearfix:after,
.cont:before,
.cont:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.cont:after {
  clear: both;
}

.clearfix,
.cont {
  zoom: 1;
}