*{
	margin:0;
	padding:0;
	font-family:trebuchet ms;
}
body{
	width:900px;
	position:realtive;
	margin:0 auto;
    font-family:trebuchet ms;
    background: url(../img/fondo.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
h1{
    top: 25px;
    text-align: center;
    position: relative;
    color: #fff;
}
.cls-info{
    text-align: center;
    text-align: center;
    top: 2rem;
    position: relative;
    color: #fff;
}
table{
	margin:0 auto 10px auto;
	border:1px solid #ccc;
	box-shadow:3px 3px 10px #999;
    background: #fff;
}
td{width:6px;
	height:6px;
	border:1px solid #fff;
	cellpadding:0;
	cellspacing:0;
}
td.snakeCell{
	background:#84B528;
	-moz-border-radius:5px;
	/*border:1px solid #000;*/
	box-shadow:1px 1px 1px #aaa;
}
td.snakeHead{
	background:black;
	-moz-border-radius:5px;
	border:1px solid black;
}	
td.fruitCell{
	background:#84B528;
	-moz-border-radius:5px;
	border:1px solid #84B528;
	box-shadow:1px 1px 1px #aaa;
}
 
#scoreBoard{
	/* text-shadow: 2px 2px 1px #fff; */
    box-shadow: 0 -3px 5px #aaa;
    width: 43%;
    margin: 50px auto 0 auto;
    /*border: 1px solid #ccc;*/
    background: #8dba38;
    font-weight: bold;
    padding: 10px;
    color: #fff;
    text-align: center;
    display: none;
}
.gameOver,.youWin{
    font-weight: bold;
    text-shadow: 2px 2px 1px #fff;
    position: absolute;
    top: 0;
    left: 41%;
    background: #eee;
    width: 70px;
    border: 20px solid #eeeeee;
    text-align: center;
    -moz-border-radius: 90px;
    width: 15%;
    -webkit-border-radius: 90px;
    border-radius: 74px;
    box-shadow: 3px 3px 10px #999;
    color: #84B528;
    z-index: 99999;
}
.logo{
	width: 100%;
}
.puntuacion {
    width: 50%;
    float: right;
}
.tiempo {
    width: 50%;
}
label{
	font-weight: bold;
}
#text-gameover{
	font-size: 20px;
}
.text-volver{
	font-size: 16px;
	cursor: pointer;
}
.content-loading {
    /*background: rgba(0,0,0,0.6);*/
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../img/fondo.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.content-loading .img-loading {
    margin: 0 auto;
    display: block;
    position: relative;
    top: 50%;
    margin-top: -32px;
}

button{
    width: 5rem;
    background: #b1b1b1;
    border: 0px;
    height: 2rem;
    font-size: 16px;
}
.cont-botones{
    margin: 10px 0px 5px 0px;
}
.cls-iniciar,.cls-pausar{
    cursor: pointer;
    font-weight: bold;
    color: #fff;
    outline: 0px;
}
.cls-cont-ints{
    width: 31%;
    position: relative;
    margin: auto;
    top: 15em;
}
.clas-instrucciones{
    top: 0px;
    color: #fff;
}
.text-ints{
    position: relative;
    top: 10px;
    color: #fff;
    font-size: 16px;
    text-align: justify;
}
.flechas {
    width: 30%;
    position: relative;
    left: 5%;
    opacity: 0;
}
.cls-jugar {
    margin: auto;
    display: block;
    top: 2rem;
    position: relative;
    cursor: pointer;
    outline: 0px;
    background: #7c9d02;
    color: #fff;
    font-weight: bold;
    opacity: 0;
}
.cls-logo {
    position: absolute;
    z-index: 99999;
    left: 0px;
}

.cls-cont-header{
    background: rgba(223, 225, 225, 0.8);
    position: absolute;
    z-index: 99999;
    width: 100%;
    height: 80px;
    left: 0px;
}
.cls-logo{
    width: 20%;
    margin: 10px 0px 0px 25px;
}
.cls-span{
    top: 1rem;
    font-size: 20px;
    position: relative;
    margin: auto;
    display: table;
    color: #fff;
}
.cls-titulo{
    position: relative;
    right: 9rem;
    top: 20rem;
    width: 28%;
    text-align: center;
    display: none;
}
@media  (min-width: 1600px){
    .contendor{
        position: relative;
        top: 5rem !important;
    }
    .cls-cont-ints{
        position: relative;
        top: 20rem;
    }
}