html{
      height: 100%;
      width: 100%;
    }
	body{
	   background-image: url(sala.jpg);
	   background-size: 100% 100%;
	   height: 100%;
	   width: 100%;
	   margin: 0;
	   padding: 0;
	}
	#caja{
		border: 2px solid #644143;
		margin: 2%;
		padding-left: 2%;
		padding-right: 2%;
		padding-bottom: 2%;
		float: left;
		width: 92%;
	}
	table{
	 	background-image: url(fondo.jpg);
	 	border-collapse: separate;
	 	margin-left: 20px;
	 	margin-top: 20px;
	 	border-spacing: 10px;
	 	color: white;
	}
	.celdita{
	 	width: 40px;
	}
	.soldado{
	 	height: 25px;
	 	padding-top: 5px;
	}
	th{
	 	text-align: left;
	}
	#barratotal, #encabezado, #pie{
	 	background-color: rgba(0,0,0,0.4);
	}
	.mostrar{
	 	position: absolute;
	 	left: 15%; 
	 	top: 20%;
	 	background-image: linear-gradient(-90deg, #283470, #3a9cff);
	 	z-index: 100;
	 	padding: 20px;
	 	border-radius: 25px;
		border-style: ridge;
		border-color: white;
	}
	.oculto{
	 	display: none;
	}
	.menu{
	 	padding: 10px;
	}
	#menu2{
		color: white;
	}
	#nombreSoldado{
	 	color: white;
	}
	#imagen{
	 	width: 200px;
	 	height: 280px;
	 	margin-right: 20px;
	}
	.inmovil{
		background-image: url(cinta.png);
		background-size: cover;
		color: black;
	}
	.habil{
		background-image: none;
		color: white;
	}
	button{
		border-radius: 12px;
		box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
		margin-top: 12px;
		margin-left: 10px;
		margin-right: 10px;
	}
	ul{
		list-style-type: none;
	}