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

section{
	width:30%;
	min-width:335px;
	margin:1.5%;
	background-color:#eee;
	border:1px solid #ddd;
	float:left;
	text-align:center;
}

section:hover{
	box-shadow:0px 0px 20px #A8CF45;
}


@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 figure{	
		width:100%;
		margin:0;
		padding:0;
		float:left;
	}
	
	section figcaption{
		width:98%;
		padding:1%;
		font-weight:bold;
		text-align:center;
	}
	
	section figure img {
		height:200px;
	}
	
	section aside{
		background-color:#fff;
		width:96%;
		padding:2%;
		float:left;
		text-align:justify;
	}
}

@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 figure{	
		width:100%;
		margin:0;
		padding:0;
		float:left;
	}
	
	section figcaption{
		width:98%;
		padding:1%;
		font-weight:bold;
		text-align:center;
	}
	
	section aside{
		background-color:#fff;
		width:96%;
		margin:0;
		padding:2%;
		float:left;
		text-align:justify;
	}	
}