.formulario{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 280px;
	padding: 10px;
}

.formulario-texto{
	width: 280px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-right:10px;
	margin: 0 0 5px 0;
	font-size:12px;
	font-weight: bold;
}

.formulario-campo{
	width:300px; 
	float:left;
	margin-bottom:8px;
}

.textfield-nome{
	width:253px;
}

.textfield-ddd{
	width:40px;
}

.textfield-telefone{
	width:204px;
}

.btn-contato-enviar{
	width: 59px;
	height:18px;
	border:solid 0px;
	font-family:Calibri, Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	background-image:url(../img/btn.jpg);
	font-size:12px;
}

.btn-contato-reset{
	margin-left:130px;
	width: 59px;
	height:18px;
	font-family:Calibri, Arial, sans-serif;
	color:#fff;
	margin-top:10px;
	font-weight:bold;
	background-image:url(../img/btn.jpg);
	border: solid 0px;
	font-size:12px;
}

.box-campo{
	width:400px; 
	float:left;
	padding-bottom:8px;
}

.area {
	width: 250px;
}

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

.formulario{
	width: 200px;
	padding: 40px 0 0 0;
}

.formulario-texto{
	width: 60px;
	text-align: left;
	margin: 0 0 0 20px;
}

.formulario-campo{
	width:200px; 
	float:left;
	margin-bottom:8px;
}

.textfield-nome{
	width:170px;
	margin: 0 0 0 20px;
}

.textfield-ddd{
	width:20px;
	margin: 0 0 0 20px;
}

.textfield-telefone{
	width:142px;
}

.btn-contato-enviar{
	width: 59px;
	height:18px;
	border:solid 0px;
	font-family:Calibri, Arial, sans-serif;
	color:#fff;
	font-weight:bold;
	margin-top:10px;
	background-image:url(../img/btn.jpg);
	font-size:12px;
}

.btn-contato-reset{
	margin-left:40px;
}

.box-campo{
	width:200px; 
}

.area {
	width: 200px;
	margin: 0 0 0 20px;
}

}