/*-///////////////////////////////////////////////////////////////////////////
// FILE    : simulator.css
// AUTHOR  : http://www.asolver.com
// PURPOSE : Cascade style sheet para el simulador de las 8 reinas.
///////////////////////////////////////////////////////////////////////////-*/


/*-///////////////////////////////////////////////////////////////////////////
// Simulador: Elementos generales
///////////////////////////////////////////////////////////////////////////-*/

div.SimBox /* Caja para el panel de control del simulador, centrado, center */
{
  margin:                0 auto;
  width:                 500px;
  height:                420px;
}

div.SimFrm /* Formulario de control del puzle 420+120 < 546 del codigo */
{
  margin:                0px 0px 0px 10px;
  padding:               0px;
  width:                 160px;
  height:                420px;
  background-color:      #ffffff;
  float:                 left;
}


div.SimFrm input, select /* Campos de entrada */
{
  margin:                0px 0px 7px 0px;
  padding:               0px;
  width:                 150px;
  height:                25px;
  color:                 #ffffff;
  background-color:      #404040;
  text-align:            center;
}


div.SimFrm img /* Botones de imagenes */
{
  margin:                0px 0px 7px 36px;
  padding:               0px;
  width:                 70px;
  height:                70px;
}


/*-///////////////////////////////////////////////////////////////////////////
// Simulador: Elementos especificos
///////////////////////////////////////////////////////////////////////////-*/

div.SimStpDiv /* Caja principal donde se ponen los pasos de simulacion */
{
  margin:                0px 0px 0px 0px;
  padding:               4px 0px 0px 0px;
  font-size:             30pt;
  line-height:           1.0em;
  font-weight:           normal;
  text-align:            center;
  color:                 #000000;
  background-color:      #ffffff;
  width:                 330px;
/*height:                420px; Dejar que se adapte */
  float:                 left;
}


div.SimStpDiv span.we /* Casilla blanca vacia, we : white empty */
{ 
  color:                 #ffce9e;
  background-color:      #ffce9e;
}


div.SimStpDiv span.wq /* Casilla blanca con reina, wq : white with queen */
{ 
  color:                 #000000;
  background-color:      #ffce9e;
}


div.SimStpDiv span.be /* Casilla negra vacia, be : black empty */
{ 
  color:                 #d18b47;
  background-color:      #d18b47;
}


div.SimStpDiv span.bq /* Casilla negra con reina, bq : black with queen */
{ 
  color:                 #000000;
  background-color:      #d18b47;
}


div.SimStpDiv span.sp /* Casillas finales separadoras */
{ 
  color:                 #ffffff;
  background-color:      #ffffff;
}


div.SimStpDiv span.ta /* Acciones */
{ 
  color:                 #404040;
  background-color:      #ffffff;
  font-size:             18pt;
}


div.SimStpDiv span.tr /* Reacciones */
{ 
  color:                 #ff0000;
  background-color:      #ffffff;
  font-size:             18pt;
}