/*--- estilos para los ul y li del formulario ---*/
.contact_form input {
	height:40px; 
	width:50%; 
	padding:5px 8px;
	background: transparent; 
}
.contact_form textarea {
	padding:8px; 
	width:50%;
	background: transparent; 
}
.contact_form button {
}

/*----- estilos visuales de los elementos --------*/

.contact_form input, .contact_form textarea{ 
	border:1px solid #aaa;
	box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
	border-radius:2px;
	margin-bottom: 1%;
	color: #888;
	font-size: 12px;
	-moz-transition: padding .25s; 
	-webkit-transition: padding .25s; 
	-o-transition: padding .25s;
	transition: padding .25s;
}
.contact_form input:focus, .contact_form textarea:focus {
	background: #fff; 
	border:1px solid #555; 
	box-shadow: 0 0 3px #aaa; 
}

/* === Estilos de Validacion === */	

.contact_form input:required:valid, .contact_form textarea:required:valid {
	box-shadow: 0 0 5px #5cd053;
	border-color: #28921f;
}
.contact_form input:focus:invalid, .contact_form textarea:focus:invalid {
	box-shadow: 0 0 5px #d45252;
	border-color: #b03535
}

/* === Estilos del boton de Envio === */
button.submit {
width: 20%;
height: 40px;
color: #fff;
font-size: 20px;
font-family:'nexa_boldregular',tahoma, sans, sans-serif, arial;
background-color: #183152;
border: 1px solid #ddd;
position: relative;
margin-bottom: 1%;
box-shadow: 2px 2px 2px #b2b2b2;
            -webkit-box-shadow:  2px 2px 2px #b2b2b2;
            -moz-box-shadow: 2px 2px #b2b2b2;
            
            -webkit-border-radius:3px;
            -moz-border-radius:3px;
            -ms-border-radius:3px;
            -o-border-radius:3px;
            border-radius:3px;
            
            behavior: url(PIE.htc);
}

button.submit:hover {
width: 20%;
height: 40px;
color: #183152;
font-size: 20px;
font-family:'nexa_boldregular',tahoma, sans, sans-serif, arial;
border: 1px solid #ddd;
background-color: #ccc;
position: relative;
cursor: pointer;
margin-bottom: 1%;
}
@media handheld, only screen and (max-width: 767px) {
	
.contact_form input {
	height:40px; 
	width:100%; 
	padding:5px 8px;
	background: transparent; 
}
.contact_form textarea {
	padding:8px; 
	width:100%;
	background: transparent; 
}
button.submit {
width: 80%;
height: 40px;
color: #fff;
font-size: 20px;
font-family:'nexa_boldregular',tahoma, sans, sans-serif, arial;
background-color: #183152;
border: 1px solid #ddd;
position: relative;
margin-bottom: 5%;
}

button.submit:hover {
width: 80%;
height: 40px;
color: #183152;
font-size: 20px;
font-family:'nexa_boldregular',tahoma, sans, sans-serif, arial;
border: 1px solid #ddd;
background-color: #ccc;
position: relative;
cursor: pointer;
margin-bottom: 5%;
}
}