@import url(https://fonts.googleapis.com/css?family=Gudea:400,700,400italic);

.contacto{
	padding: 20px;
	background-color: white;
	font-family: gudea;
	font-size: 14px;
	color: #898989;
	text-transform: uppercase;
}
.item01{
	float: left;
	width: 36%;
	padding-right: 2%;
	padding-left: 2%;
}
.item02{
	float: left;
	width: 56%;
	padding-right: 2%;
	padding-left: 2%;
}
.contacto label{
	display: block; 
}
.contacto div{
	margin-bottom: 5px;
}
.contacto input[type='text'], .contacto textarea{
	padding: 7px 6px;
	width: 100%;
	border: 1px solid #2e5596;
	margin: 5px 0;
}
.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 #2e5596;
	padding: 8px 16px;
}
.contacto input[type='submit']:hover{
	background: #2e5596;
	color: #FFF;
}
.contacto input[type='submit']:active{
	color: #FFF;
	background-color: #CC3300;
}
.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: #2e5596;
	color: #FFF;
	}