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

/************************************************************************************
MAIN NAVIGATION 810px
*************************************************************************************/
@media all and (max-width: 810px) {
/************************************************************************************
BLOCOS FORMULARIOS
*************************************************************************************/
	.bloco{
		width: 100%;
		min-height:50px;
		margin:2px;
		padding:10px 0;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	.bloco-m{
		text-align: center;
		width: 100%;
		height: auto;
		margin: 5px auto;
		padding: 5px;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	.bloco-p{
		text-align: center;
		width: 100%;
		height: auto;
		margin: 5px auto;
		padding: 5px;
		/* transition */
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
/********************************************************************************************
FORMULARIOS
********************************************************************************************/

	#formulario {
		clear:both;
		width: 100%;
		max-width:800px;
		height:auto;
		margin:5px auto;
		padding:5px;
		overflow:hidden;
	}
	#formulario legend {
		display: inline;
		margin: 2px 0 0 10px;
		padding: 0;
		float: left;
		letter-spacing:-.3px;
	}
	#formulario fieldset{
		border: 0;
		margin: 0px auto;
		padding: 0;
		/* flexbox */
		display: flex;
		flex-wrap: wrap; /*nowrap*/
		flex-direction: row;
		justify-content:space-between;	
	}
	#formulario input[type=text], [type=mail] {
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
		#formulario input::-webkit-input-placeholder  {
			font-weight:100;
			/*text-shadow: 0px -1px 0px #333; */ 
		}
		#formulario input:-moz-placeholder {
			text-shadow: 0px -1px 0px #333; 
		}
	#formulario input[type=text]:hover{ 
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#formulario select {
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#formulario select:hover{ 
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#formulario textarea{
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#formulario textarea:hover{ 
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#formulario input[type=submit] {
		cursor: pointer;
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;
	}
	#formulario input[type=submit]:hover{ 
		/*transitions*/
		-webkit-transition: width .7s;
		-moz-transition: width .7s;
		transition: width .7s;

	}
	#formulario input:focus, textarea:focus {
		background: rgba(230,230,230,0.3);
		color: #242427;
	}
}