div#content {
	max-width:1024px;
	margin:0 auto;
}
div#home {
	background:url("../images/board.jpg") top center no-repeat;
	height:600px;
	position:relative;
	background-size:100%;
}
div#home #characters {
	position:relative;
	height:590px;
}
div#home h1 a {
	background:url("../images/welcome-text.png") top center no-repeat;
	background-size:100%;
	display:block;
	height:102px;
	left:10%;
	position:absolute;
	top:8%;
	width:57%;
}
div#home h2 a {
	background:url("../images/recent-text.png") top center no-repeat;
	background-size:100%;
	display:block;
	height:114px;
	right:-18%;
	position:absolute;
	top:10%;
	width:44%;
}
div#home #who {
	background:url("../images/home-who.png") top center no-repeat;
	height:56px;
	left:-12%;
	position:absolute;
	top:32%;
	width:250px;
}
div#home #who h3 { padding:5% 0 0 10%; }
div#home #nino a {
	background:url("../images/nino.png") top left no-repeat;
	bottom:2%;
	display:block;
	height:270px;
	left:10px;
	position:absolute;
	z-index:2;
	width:125px;
}
div#home #nino a:hover { background:url("../images/nino.png") top right no-repeat; }
div#home #nina a {
	background:url("../images/nina.png") top left no-repeat;
	bottom:-4%;
	height:485px;
	left:14%;
	position:absolute;
	width:45%;
	z-index:1;
	width:230px;
}
div#home #nina a:hover { background:url("../images/nina.png") top right no-repeat; }
div#home #padres a {
	background:url("../images/padres.png") top left no-repeat;
	bottom:0;
	height:312px;
	left:49%;
	position:absolute;
	width:27%;
	z-index:2;
	width:140px;
}
div#home #padres a:hover { background:url("../images/padres.png") top right no-repeat; }
div#home #empresota a {
	background:url("../images/empresota.png") top left no-repeat;
	bottom:4%;
	height:180px;
	left:65%;
	position:absolute;
	width:29%;
	width:165px;
}
div#home #empresota a:hover { background:url("../images/empresota.png") top right no-repeat; }
a.who-option {
	background-color:#ee1d23 !important;
	border:1px #cccccc solid !important;
	color:#FFF;
	font-size:1.4em !important;
}
div#thumbs-home {
	position:relative;
	height:480px;
}
div#thumbs-home ul li a { border-radius:140px; }
div#thumbs-home ul li a :hover { border:4px #ee1d23 solid; }
div#thumbs-home ul li a img {
	border:4px solid #ebce29;
	border-radius:140px;
	box-shadow:0 0 12px #666666;
	display:block;
}
div#thumbs-home #thumbs-home1 a img {
	width:70px;
	height:70px;
	position:absolute;
	top:2%;
	left:23%;
}
div#thumbs-home #thumbs-home2 a img {
	width:140px;
	height:140px;
	position:absolute;
	top:0;
	left:47%;
}
div#thumbs-home #thumbs-home3 a img {
	width:120px;
	height:120px;
	position:absolute;
	top:19%;
	left:20%;
}
div#thumbs-home #thumbs-home4 a img {
	width:180px;
	height:180px;
	position:absolute;
	top:30%;
	right:-2%;
}
div#thumbs-home #thumbs-home5 a img {
	width:80px;
	height:80px;
	position:absolute;
	right:47%;
	top:45%;
}
div#thumbs-home #thumbs-home6 a img {
	width:130px;
	height:130px;
	position:absolute;
	right:71%;
	top:40%;
}
div#thumbs-home #thumbs-home7 a img {
	width:90px;
	height:90px;
	position:absolute;
	right:16%;
	top:70%;
}
div#thumbs-home #thumbs-home8 a img {
	width:130px;
	height:130px;
	position:absolute;
	right:42%;
	top:64%;
}
div#categories-home {
    position: absolute;
    right: -5%;
    top: 470px;
    width: 420px;
}
div#categories-home ul li a.dracco {
	display: block;
	float:left;
	background:url("../images/marcas-portada.png") top left no-repeat;
	width:80px;
	height:60px;
}
	div#categories-home ul li a.dracco:hover {
		background:url("../images/marcas-portada.png") bottom left no-repeat;		
	}
div#categories-home ul li a.didacta {
	display: block;
	float:left;
	background:url("../images/marcas-portada.png") no-repeat scroll -87px top transparent;
	width:80px;
	height:60px;
}
	div#categories-home ul li a.didacta:hover {
		background:url("../images/marcas-portada.png") no-repeat scroll -87px bottom transparent;
	}
div#categories-home ul li a.molto {
	display: block;
	float:left;
	background:url("../images/marcas-portada.png") no-repeat scroll -170px top transparent;
	width:80px;
	height:60px;
}
	div#categories-home ul li a.molto:hover {
		background:url("../images/marcas-portada.png") no-repeat scroll -170px bottom transparent;		
	}
div#categories-home ul li a.megabloks {
	display: block;
	float:left;
	background:url("../images/marcas-portada.png") no-repeat scroll right top transparent;
	width:80px;
	height:60px;
}
	div#categories-home ul li a.megabloks:hover {
		background:url("../images/marcas-portada.png") bottom right no-repeat;		
	}