body{
	background-image: url(parte1.jpg);
}

#container{
	width:300px;
	margin: 150px auto;
	position: absolute;
	top: 10%;
	left:15%;
}
#container1{
	width:300px;
	margin: 150px auto;
	position: absolute;
	top: 10%;
	left: 62%;
}

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

#centro{
	background-color: black;
	background-image: url(../titulo.png);
	background-repeat: no-repeat;
	background-position: center center; 
	height: 300px;
	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);
}
#centro1{
	background-color: black;
	background-image: url(../titulo1.png);
	background-repeat: no-repeat;
	background-position: center center; 
	height: 300px;
	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{
	background-color: #FF283C;
	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;
}
.titulo{
	background-color: black;
	color: white;
	font-family: Arial;
	margin-top:-125px;
	opacity: 0;
	
	text-align: center;
	-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:hover .titulo{
	opacity: 0.8;
}
#centro:hover .item{
	opacity: 1;
}
#centro:hover .item:nth-child(1){
	margin: -100px 0 0 100px;
}
#centro:hover .item:nth-child(2){
	margin: -65px 0 0 -15px;
}
#centro:hover .item:nth-child(3){
	margin: -65px 0 0 214px;
}
#centro:hover .item:nth-child(4){
	margin: 35px 0 0 -90px;
}
#centro:hover .item:nth-child(5){
	margin: 35px 0 0 288px;
}
#centro:hover .item:nth-child(6){
	margin: 160px 0 0 -90px;
}
#centro:hover .item:nth-child(7){
	margin: 160px 0 0 288px;
}
#centro:hover .item:nth-child(8){
	margin: 262px 0 0 -15px;
}
#centro:hover .item:nth-child(9){
	margin: 262px 0 0 214px;
}
#centro:hover .item:nth-child(10){
	margin: 300px 0 0 100px;
}
/* centro 1*/

#centro1:hover .item{
	opacity: 1;
}
#centro1:hover .item:nth-child(1){
	margin: -100px 0 0 100px;
}
#centro1:hover .item:nth-child(2){
	margin: -65px 0 0 -15px;
}
#centro1:hover .item:nth-child(3){
	margin: -65px 0 0 214px;
}
#centro1:hover .item:nth-child(4){
	margin: 35px 0 0 -90px;
}
#centro1:hover .item:nth-child(5){
	margin: 35px 0 0 288px;
}
#centro1:hover .item:nth-child(6){
	margin: 160px 0 0 -90px;
}
#centro1:hover .item:nth-child(7){
	margin: 160px 0 0 288px;
}
#centro1:hover .item:nth-child(8){
	margin: 262px 0 0 -15px;
}
#centro1:hover .item:nth-child(9){
	margin: 262px 0 0 214px;
}
#centro1:hover .item:nth-child(10){
	margin: 300px 0 0 100px;
}