#container {
  width: 100%; /* Ajusta el ancho al 100% del contenedor */
  margin: 0; /* Elimina los márgenes */
  padding: 0; /* Elimina el relleno (padding) */
  box-sizing: border-box; /* Incluye los márgenes en el ancho total */
}

#divMain{
margin:auto;		
width:100%;
}

body {
  margin: 0; /* Elimina los márgenes predeterminados del body */
  padding: 0;
}

.field{width:6vmin;height:6vmin;cursor:pointer;position:relative;padding:0xp;}
.fieldw{background-color:#dbf4b3;border: solid 1px #000;}
.fieldb{background-color:#e8641a;border: solid 1px #000;}
.fieldn{padding:1vmin;}
.boadiv{top:0px;bottom:0px;left:0px;right:0px;position:absolute;display:block;}
.tacenter{text-align:center;}
.taleft{text-align:left;}
.taright{text-align:right;}
#board{
background-color:#ab885b;
display:inline-block;
margin:2vmin auto;
vertical-align:middle;
position:relative;
box-shadow: inset -8px -8px 16px #e5c99e,inset 8px 8px 16px #e5c99e,2px 2px 3px #000;
border-radius:3px;font-weight:bold;color:#cbb99d;text-shadow: 0px 0px 1px black,0px 0px 1px black,0px 0px 1px black,0px 1px 0px black;overflow:hidden;}
#board table{border-spacing:0px;border-collapse:separate;}
#board td{vertical-align:middle;text-align:center;
min-width:2vmin;
min-height:2vmin;
}
#uciBody td{padding-right:16px;}

.piece{width:100%;height:100%;position:relative;font-size:5vmin;z-index:1;}

.hovered{box-shadow: inset 0 0 10px 1px #000000;}