body{
	background-image: url(patronCirculo.png);
}

#container{
	width:300px;
	margin: 150px auto;
}

#menu{
	height: 300px;
	width: 300px;
}

#centro{
	background-color: #ec952d;
	background-image: url(imagmenup/grupo.png);
	background-repeat: no-repeat;
	background-position: center center; 
	height: 290px;
	position: relative;
	width: 300px;

	-webkit-border-radius: 300px;
	-moz-border-radius: 300px;
	-o-border-radius: 300px;
	border-radius: 300px;

	-webkit-box-shadow: 0 0 50px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 50px rgba(0,0,0,0.5);
	-o-box-shadow: 0 0 50px rgba(0,0,0,0.5);
	box-shadow: 0 0 50px rgba(0,0,0,0.5);
}

.item{
	height: 100px;
	position: absolute;
	width: 100px;
	margin: 100px;
	opacity: 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-o-border-radius: 100px;
	border-radius: 100px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	-ms-transition: all 1s;
	transition: all 1s;
}
.item img{
	border: 0;
	margin: 25px;
}
.item a{
	text-decoration: none;
}

#centro:hover .item{
	opacity: 1;
}
#centro:hover .item:nth-child(1){
	margin: -130px 0 0 35px;
}
#centro:hover .item:nth-child(2){
	margin: -70px 0 0 -245px;
}
#centro:hover .item:nth-child(3){
	margin: -58px 0 0 275px;
}
#centro:hover .item:nth-child(4){
	margin: 40px 0 0 -275px;
}
#centro:hover .item:nth-child(5){
	margin: 40px 0 0 310px;
}
#centro:hover .item:nth-child(6){
	margin: 170px 0 0 280px;
}
#centro:hover .item:nth-child(7){
	margin: 170px 0 0 -230px;
}
#centro:hover .item:nth-child(8){
	margin: 280px 0 0 -40px;
}
#centro:hover .item:nth-child(9){
	margin: 285px 0 0 160px;
}