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

section{
	background-color:#fff;
	width:30%;
	min-width:330px;
	margin:1.5%;
	float:left;
}

section figure{
	background-color:#eee;
	width:100%;
	text-align:center;
	border:1px solid #ddd;
	margin:0;
	transition:0.5s;
}

section figure:hover{
	border:1px solid #AAA;
	box-shadow:0px 0px 20px #000;
}

section figcaption{
	background-color:#FFF;
	width:100%;
	text-align:center;
	padding:10px 0;
}

section figure img{
	width:auto;
	max-height:200px;
}

@media screen and (min-width:800px){
	
	figure#maquina{
		position:absolute;
		top:0;
		right:7%;
		width:50%;
		margin:0;
		padding:0;
		text-align:right;
	}
	
	figure#maquina img{
		width:100%;
		max-width:500px;
	}
}

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