ul{
	list-style-type: none;
}

ul li{
	margin-top: 15%;
}
a{
	background-color: #2B09AA;
	border-radius: 2px;
	color: #FFF;
	font-family: Fuente;
	padding: 5%;
	text-decoration: none;
	transition: background-color, color, border-radius 0.5s, 0.5s, 0.5s linear,linear,linear;
}

a:hover{
	background-color: #6704A5;
	color: #A00;
	border-radius: 15px;
}

#recuadro2{
	background-size: 600px 300px;
	background-image: url("img/cdmx1.jpg");
	opacity: 1.0;
	position:absolute; /*posicion absoluta, totalmente independiente*/
	top:20%; /*separacion borde superior*/
	width:15%; /*ancho*/
	height: 50%;
	left: 29%;
	top: 25%;
	width: 40%;

	transition: background-image,opacity,border-radius,left 2s,2s,2s,2s,2s ease,linear,ease-in,linear;
}
#recuadro2:hover{
	background-image:url("img/cdmx2.jpg");
	border-radius: 25px;
	opacity: 0.6;
}