body{
  font-family: arial;
  margin: 0px; /* for IE6 / IE7 */
  background-color: #f0dabc;
}

h2 {
    color: #732f57;
    text-align: center;
}

h3{
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 4px;
  margin-top: 2px;
}

#drag{
  background-repeat: no-repeat;
  background-position: right bottom;    
}


.drag{
  margin: auto;
  z-index: 10;
  text-align: center;
  font-size: 10pt;
  line-height: 25px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  width: 95px;
  margin-right: auto;
  margin-left: auto;
}
table#table1 {
  background-image: url('fundo.jpg');
  background-repeat: no-repeat;
  background-position: top;
}


/* tables */
div#drag table {
  border-collapse: collapse;
  margin: auto;
  position: relative;
}

/* table cells */
div#drag td {
  height: 16px; 
  text-align: center;
  font-size: 10pt;
  width: 96px;
}






#rainha_espcaco {
  border-style: none !important;
  width: auto;
  height: 60px;
  display: block;
}


#rainha_espcaco img {
  height: 30px;
  width:30px;
}


td .foto {
  width: 30px;
  margin-left: auto;
  margin-right: auto;
}


/* Nome das Rainhas */
td .nome {
  width: 76px;
  height: 22px;
  line-height: 10px;
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
  background: #28616c;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  color: white;
  left: 8px;
  padding: 1px;
}

td .nome p {
  margin-top: 2px;
}





.rainhas_lista {
  border-style: none !important;
  top: 8px;
  position: absolute;
  margin-left: -3px;
}


 


.dark{
  height: 65px !important;
  width: 90px !important;
  position: relative;
}

.lugares_campo {
  position: absolute;
  height: 88px !important;
  width: 85px !important;
}



td {
  text-decoration: none;
  font-weight: bold;
  height: 45px;
}





.lugar_para_rainhas {
  float: none !important;
  height: 81px !important;
  width: 96px  !important;
}


.g  {
  background-color: #732f57 ;
  border: 3px solid #333;
  box-shadow: 1px 2px 14px #333;
  width: 91px;
  height: 94px;
  position: absolute;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  behavior:url(ajuste.htc);
}



.single {
  padding: 0;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  box-shadow: rgba(136, 87, 24, 0.42) 0px 3px 0px, rgba(10, 0, 0, 0.52) 0px 2px 7px;
}

 



#menu_foto_rainha , #menu_foto_rainha2 ,#menu_foto_rainha3 {
  padding: 10px; margin-top: 5px;
  float: left;
}

/* Mostrar Acertos/Erros  */
#dados_rainhas {margin-top: 20px;}
#message {
  padding-left: 10px;
  color: #34495e;
  font-size: 14px;  
  text-align: left;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -moz-border-radius: 8px;

  padding: 14px;
  position: relative;
  text-align: center;
}



#botoes{
  width: 295px;
  margin-left: auto;
  margin-right: auto;
  padding: 5px;
}
.btn {
  border: none;
  background: #bdc3c7;
  color: #ffffff;
  padding: 9px 12px 10px;
  line-height: 22px;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 1px 2px 14px #333;;
  -moz-box-shadow: 1px 2px 14px #333;;
  box-shadow: 1px 2px 14px #333;
  cursor: pointer;
  font-size: 16.996px;
  line-height: 20px;
  border: 3px solid #333;
  background-color: #34495e;
  text-transform: uppercase;
  font-size: 13px;  
}

.erros {
  color: red;
  font-weight: bold;
  text-transform: uppercase;
  background-color: white;
  padding: 12px;
}