body {
	font-family: adventureTTF, adventureEOT, adventureOTF, adventureSVG;
	text-align: center;
}
#negro {
	background-color: black;
}
#cuadro-grial, #viaje, #disparo, #caballero-muerto, #conversacion {
	display: block;
	width: 85%;
	margin-left: auto;
	margin-right: auto;	
}
#disparo {
	width: 80%;
}
#caballero-muerto {
	width: 55%;
}
#conversacion {
	width: 80%;
}

#estatuas {
	width: 25%;
	margin-left: auto;
	margin-right: auto;
}
#estatuas a img {
	width: 30%;
	display: inlay-block;
}


.vidrieras {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.vidrieras a img {
	width: 24%;
	display: inline-block;
}

.image{
	position: relative;
}
.image a{
	display: block;      
	position: absolute;
}

h1, h2, h3 {
	color: #cc0000;
	text-align: center;
}


@font-face
{
	font-family: 'adventureEOT';
	src: url(adventure.eot);
}

@font-face
{
	font-family: 'adventureOTF';
	src: url(adventure.otf);
}

@font-face
{
	font-family: 'adventureSVG';
	src: url(adventure.svg);
}

@font-face
{
	font-family: 'adventureTTF';
	src: url(adventure.ttf);
}

a:link {
	text-decoration: none;
	color: #cc0000;
}

a:visited {
	text-decoration: none;
	color: #cc0000;
}

a:hover {
	text-decoration: underline;
	color: #cc0000;
}

a:active {
	text-decoration: underline;
	color: #cc0000;
}



@media screen and (max-width: 700px) {
	.vidrieras a img {
		width: 49%;
	}
	#cuadro-grial, #viaje, #disparo, #caballero-muerto, #conversacion, #estatuas {
		width: 100%;
	}
}