/*-///////////////////////////////////////////////////////////////////////////
// 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:                 550px;
  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:                 380px;
  float:                 left;
}


div.SimStpDiv span.ca /* Casilla generica */
{ 
  color:                 #00ff00;
  background-color:      #202020;
}


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