@charset "utf-8";
/* CSS Document */

/*====================================================================================================
FORMULARIO
====================================================================================================*/
#formulario {
	max-width:94%;
	margin:0 auto 10px;
	padding:10px;
	text-align:center;
	color: #666;
	border: #999 dashed 1px;
	/*background-color:#4b4b4b;*/
}
/*#tituloform {
	max-width:70%;
	margin:0 auto 10px;
	padding:0 10px;
	text-align:center;
	color: #666;
	border: #999 dashed 1px;
}*/
#campos {
	max-width:60%;
	text-align:right;
	margin:0 auto;
	padding-right:10%;
}
.campocapt {
	max-width:302px;
	text-align:right;
	margin:0 auto;
	padding:1%;
}
input, textarea {
	width:60%;
}
.wrapper.acerca .cantoform .wrapper form #enviar, .wrapper.acerca .cantoform .wrapper form #limpar {
	width:16%;
}
.entreletras {
	letter-spacing: 0;
	padding:0;
	margin:0;
}
.alinha-dir {
	text-align:right;
}
.alinha-cent {
	text-align:center;
}

/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 980px) {
	#campos {
		max-width:50%;
	}
}

/************************************************************************************
smaller than 770
*************************************************************************************/
@media screen and (max-width: 770px) {
	#campos {
		max-width:60%;
	}
}

/************************************************************************************
smaller than 650 - uma coluna
*************************************************************************************/
@media screen and (max-width: 650px) {
	#campos {
		max-width:74%;
		padding-right:0;
	}	
}

/************************************************************************************
smaller than 560 - 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	#campos {
		max-width:60%;
		padding-right:0;
	}
	.alinha-dir {
	text-align:center;
}
}

/************************************************************************************
smaller than 300
*************************************************************************************/
@media screen and (max-width: 300px) {
	#campos {
		max-width:98%;	
	}
}