@import url(https://fonts.googleapis.com/css?family=Gudea:400,700,400italic);
.contacto{
	font-size: 20px;
	background-color: #F9E119;
	font-family: Gudea;
	font-size: 12px;
	color: #FFF;
	text-transform: uppercase;
}
.contacto label{
	text-align: left;
	font-size: 18px;
	color: #64686b;
	font-weight: bold;
}
.contacto div{
	margin-bottom: 15px;
}
.contacto input[type='text'], .contacto textarea{
	color: #666;
	padding: 10px;
	width: 100%;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
}
.contacto input[type='text'].invalido, .contacto textarea.invalido{

}
.contacto input[type='submit']{
	color: #F9E119;
	background-color: #64686b;
	font-size: 20px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 10px;
	text-align: right;
	width: auto;
}
.contacto input[type='submit']:hover{
	background-color: #FFF;
	color:#F9E119;
}
.contacto input[type='submit']:active{
	background-color: #FFF;
	color:#F9E119;
}
.error{
	background-color: #BC1010;
	color: white;
	font-weight: bold;
	font-size: 10px;
	margin: 2px;
}
.error:before{
    border-color: #BC1010;
}
.result_fail{
    background: none repeat scroll 0 0 #BC1010;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.result_ok{
    background: none repeat scroll 0 0 #1EA700;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.boton{
	background-color: #76920d;
	color: #FFF;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
}
 @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
	 
	 .contacto{
	padding: 25px;
	background-color: #F9E119;
	font-family: Gudea;
	font-size: 12px;
	color: #FEFEFE;
	text-transform: uppercase;
}
.contacto label{
	display: block; 
	font-weight: bold;
}
.contacto div{
	margin-bottom: 2px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 100%;
	border: 2px solid #FFFFFF;
	margin: 5px 0;
	color: #FFF;
	background-color: #fff;
}
.contacto input[type='text']:focus, .contacto textarea:focus{
	outline: none;
}
.contacto input[type='text'].invalido, .contacto textarea.invalido{

}
.contacto input[type='submit']{
	border: 1px solid #CED5D7;
	padding: 8px 16px;
}
.contacto input[type='submit']:hover{
	background-color: #669900;
}
.contacto input[type='submit']:active{
	background-color: #669933;
}
.error{
	background-color: #BC1010;
	color: white;
	font-weight: bold;
	font-size: 10px;
	margin: 2px;
}
.error:before{
    border-color: #BC1010;
}
.result_fail{
    background: none repeat scroll 0 0 #BC1010;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.result_ok{
    background: none repeat scroll 0 0 #1EA700;
    color: white;
    font-weight: bold;
    padding: 10px 20px;
    text-align: center;
}
.boton{
	background-color: #76920d;
	color: #FFF;
	width: 100%;
	font-size: 18px;
	text-transform: uppercase;
}
	 
	 }