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

section{
	margin:100px 0;
	float:left;
}

@media screen and (min-width:800px){
	
	figure#maquina{
		position:absolute;
		top:0;
		right:7%;
		width:50%;
		margin:0 5% 0 0;
		padding:0;
		text-align:right;
	}
	
	figure#maquina img{
		width:60%;
		max-width:500px;
	}
	
	section#formulario{
		width:50%;
		min-width:335px;
		padding:0 0 20px 0;
		margin:0 10%;	
		float:left;
	}
}

@media screen and (max-width:800px){	
	
	figure#maquina{
		width:98%;
		margin:1%;
		padding:0;
		float:left;
	}
	
	figure#maquina img{
		width:100%;
		max-width:400px;
	}
	
	section#formulario{
		width:50%;
		min-width:335px;
		margin:0;
		padding:0 0 20px 0;
		float:left;
	}
}

.labelcontato{
	float:left;
}

.alerta{
	color:#f00;
	font-style:italic;
	float:left;
}

.formcontato{
	width:96%;
	padding:1%;
	margin:1%;
	border-radius:5px;
}

.botao{
	background-color:#a8cf45;
	width:100px;
	padding:5px;
	margin:3px;
	float:left;
	border-radius:5px;
}

.botao:hover{
	color:#fff;
	background-color:#ec268f;
}

#janela{
	position:absolute;
}