*{
	margin: 0px;
	padding: 0px;
}
div{
	width: 100%;
	height: auto;
	text-align: center;
	margin: 20px;
}
div img{
	width: 800px;
	height: auto;
}
.logo{
	position: absolute;
	width: 200px;
	height: auto;
	border:10px solid #fff;
	top: 20px;
	left: 20px;
}
ul{
	list-style:none;
	width: 450px;
	height: 50px;
	margin: auto;
}
ul > li{
	float:left;
}
ul li a{
	padding: 10px 10px;
	text-align: center;
	background: red;
	display: block;
	text-decoration: none;
	color: white;
	font-size: 20px;
}
ul li ul{
	position: absolute;
	display: none;
	
}
ul li a:hover{
	background: white;
	color: red;
}
ul li:hover > ul{
	display: block;
}
.productos img{
	width: 400px;
}