@font-face {
    font-family: 'stone_hingeregular';
    src: url('../fonts/stonehinge-webfont.eot');
    src: url('../fonts/stonehinge-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/stonehinge-webfont.woff2') format('woff2'),
         url('../fonts/stonehinge-webfont.woff') format('woff'),
         url('../fonts/stonehinge-webfont.ttf') format('truetype'),
         url('../fonts/stonehinge-webfont.svg#stone_hingeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html, body {
      /*overflow: hidden;*/
 }

body{
	/*background-color: Aqua;*/
}

body>div{
	background-image:url('../recursos/BackGround.png');
	/*background-size:cover;*/
	background-position:center center;
	text-align: center;
}

div.container::after,div.container::before{
	height: 0px;
}

header{
	visibility: hidden;
	height: 100%;
}


footer{
	visibility: hidden;
	height: 100%;
}

#titulo{
	/*height: 50px;*/
}

::selection{
	background-color: red;
	/*color:white;*/
}

.contimg{
	display: inline-block;
}

div.imgyo{
   content:url(../recursos/dedo.jpg);
   height: 100%;
   width: 100%;
   max-width: 100%;
   float: right;
   visibility: hidden;
   margin: 0 auto;
}

div.imgenemigo{
   content:url(../recursos/dedo.jpg);
   height: 100%;
   width: 100%;
   max-width: 100%;
   float: right;
   visibility: hidden;
   margin: 0 auto;
}

#nuevoJuego,#menuJuego,#revisarJuego{
	width: 90%;
}

#enemigo>div,#yo>div{
	height: 100%;
}

#nuevoJuego>a,#menuJuego>a,#revisarJuego>a{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: auto;
	line-height: inherit;
	
}



#nombreYo{
   content:url(../recursos/turno.jpg);
   height: 100%;
   width: 100%;
   float: left;
}

#nombreEnemigo{
   content:url(../recursos/robot.jpg);
   height: 100%;
   width: 100%;
   float: left;
}

#yo{
	background-color: brown;
	/*background-image:url('../recursos/enemigo.jpg');*/
	background-size:cover;
	background-position:center center;
	/*height: 50px;*/
	margin-top: 10px;
	/*border-image: url('../recursos/enemigo.jpg') 10 round;*/
	border: brown ridge 5px;
}

#nombreYo{
	text-align: center;
}
#nombreEnemigo{
	text-align: center;
}

#enemigo{
	background-color: gainsboro ;
	/*background-image:url('../recursos/enemigo.jpg');*/
	background-size:cover;
	background-position:center center;
	/*height: 50px;*/
	margin-bottom: 10px;
	/*border-image: url('../recursos/enemigo.jpg') 10 round;*/
	border: gainsboro ridge 5px;
}

/*casilla blanca*/
 .blanco{
 	background-color: white;
 	/*background-image:url('../recursos/blanco.png');*/
 	/*background-size:cover;*/

 }
 /*casilla negra*/
 .negro{
 	/*background-image:url('../recursos/negro.png');*/
 	/*background-size:cover;*/
 	background-color: green;
 	/*color:white;*/
 }

 .negro,.blanco{
 	width: 12.5%;
 	height: 100%;
 	display: inline-block;
 	padding: 0px;
 }
 /*row principal, es para que ocupe toda la pantalla*/
 .row{
 	max-width: 100%;
 }

/*row del tablero*/
.row .row{
 	margin :0;
 	max-width: 100%;
 	height: 12.5%;
 }

/*columns a la derecha e izqueirda del tablero*/
 .columnasAdicionales{
 	height: 100px;
 	background-color: #A9D8F0;
 }

#tablero{
	border: ridge 5px;
}

/*quitamos el padding de todas las columnas*/
 .columns{
	padding: 0px;
 }

.blanco>span,.negro>span{
	float: left;
}

.casilla>span,.casilla>span>img{
	width: 100%;
	height: 100%;
}

.casilla>span>img{
	top:0px;
	left:0px;
}

.pieza{
	position: relative;
}

#piezasblancas,#piezasnegras,#piezasblancas>img,#piezasnegras>img{
	height: 100%;
	width: auto;
}



/*objetos de prueba*/
 .pruebamov{
 	width: 50px;
 	height: 50px;
 }