body{
	background-image: url(imagenes/galeria.jpg);
	background-repeat: no-repeat;
}
ul{
	list-style-type: nome;
	margin: 0px;
	padding: 0px;
}
li{
	display:inline;
}
a{
	font-family: "ar bonnie";
	color: rgb(82, 6, 71); 
	text-decoration: none;
	font-size: 1.5em;
	padding: 5px;
	display: block;
	float: left;
	width: 237px;
	text-align: center;
	margin-left: 70px;
	margin-bottom: 0px;
	background-color: rgb(105,255,105);
}
#inicio{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #000;
}
a:hover{
	background-color: rgb(255,117,173);
	transform: rotate(4deg) scale(1.144) skew(6deg) translate(-2px);
-webkit-transform: rotate(4deg) scale(1.144) skew(6deg) translate(-2px);
-moz-transform: rotate(4deg) scale(1.144) skew(6deg) translate(-2px);
-o-transform: rotate(4deg) scale(1.144) skew(6deg) translate(-2px);
-ms-transform: rotate(4deg) scale(1.144) skew(6deg) translate(-2px);
}
div{
	height: 180px;
	width:180px;
	border:1px solid #000;
	background-color: #f2f1ee;
	padding: 20px;
	margin-left: 390px;
	margin-bottom: 0px;
	margin-top:10px;
}
.A{
	background-image: url(imagenes/b.jpg);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	width: 360px;
	height:420px;
	margin-left: 10px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.B{
	background-image: url(imagenes/fut.jpg);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.C{
	background-image: url(imagenes/fifa.jpg);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.D{
	background-image: url(imagenes/criminal.jpg);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.E{
	background-image: url(imagenes/comprar.jpg);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.F{
	background-image: url(imagenes/pc.jpg);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.G{
	background-image: url(imagenes/garrix.jpg);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.H{
    background-image: url(imagenes/diseño.png);
	background-size: 100% 100%;
	background-origin: content-box;
	background-repeat: no-repeat;
	margin-left: 20px;
	margin-bottom:10px;
	margin-top:10px;
	float: left;
}
.modA{
	background: none;
	font-family: "ar bonnie";
	color: rgb(0,255,0);
	font-size: 50px;
	text-align: center;
	text-shadow:3px -1px 12px #000000;
	margin-top: 150px;
	margin-left: 1100px;
	margin-bottom: -200px;
	float: left;
	-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
writing-mode: tb-rl;
}