html {
	height: 100%;
}
body {
	background-image: url(bg_web.png);
	margin: 0px;
	height: 100%;
	font-family: Verdana, Geneva, sans-serif;
	color: #FFF;
}
.top {
	background-image: url(borde.png);
	height: 20px;
	width: 100%;
	position: absolute;
	background-size: auto 100%;
}
.titulo {
	background-image: url(titulo.png);
	height: 50px;
	width: 100%;
	z-index: 1000;
	position: absolute;
	background-size: 30% auto;
	background-repeat: no-repeat;
	background-position: center top;
}
.logo {
	background-image: url(ute.png);
	height: 30px;
	width: 120px;
	position: absolute;
	right: 10px;
	bottom: 10px;
	background-size: 100% auto;
	background-repeat: no-repeat;
}
.juego {
	height: 720px;
	width: 1280px;
}
#gameContainer {
	height: 600px;
	width: 960px;
}
.volver {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1000
}
.volver img{
	width: 220px;
}
.volver a:hover{
    -webkit-filter: brightness(200%); /* Safari */
    filter: brightness(200%);
}
@media only screen and (max-width : 800px) {
.titulo {
	background-size: 70% auto;
}
.titulo {
	background-size: 80% auto;
	background-position: right top;
	right: -30px;
	display: none;
}
.volver img{
	width: 170px;
}
#gameContainer {
	height: 375px;
	width: 600px;
}
}
@media only screen and (max-width : 500px) {

.top {
	height: 10px;
}
.logo {
	height: 30px;
	width: 100px;
}
#gameContainer {
	height: 313px;
	width: 500px;
}
}