body{
  /*background-color: black;*/
}

#wrapperHomemIdeal {
  background-image:url('../images/fundo.jpg');  
  width: 600px;
  height: 600px;
  margin: 0;
  padding: 0;
}

.botoneira{
  position: absolute;
  margin: 0;
  padding: 0;
}
.botao {
  float: left;
  width: 17px;
  height: 17px;
  margin-left: 1px;
  background-color: #a62865;
  border: 1px solid black;
  cursor: pointer;
}
.botoneira.botao:first-child{
  margin-left: 0;
}
.botao p{
  color: #c05488;
  text-align: center;
  margin-top: 3px;
  font-size: 11px;
}
.botao:hover p{
  color: white;
}

.botaoSelected {
  background-color: white;
}

#btnResultados{
  position: absolute;
  background-color: #a62865;
  width:150px;
  height: 40px;
  top: 550px;
  left: 300px;
  cursor: pointer;

  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  -webkit-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
     -moz-box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
          box-shadow: 3px 3px 5px rgba(50, 50, 50, 0.75);
}
#btnResultados p{
  font-family: "StagBook", "Helvetica", Arial, Sans-Serif;
  color: white;
  text-align: center;
  font-size:14px;
}

#botoneira1 {top:  87px;left: 363px;}
#botoneira2 {top: 163px;left: 363px;}
#botoneira3 {top: 229px;left: 363px;}
#botoneira4 {top: 288px;left: 363px;}
#botoneira5 {top: 351px;left: 363px;}
#botoneira6 {top: 417px;left: 363px;}
#botoneira7 {top: 483px;left: 363px;}


/* 
  janela RESULTADOS
*/

#divResultados{
  position: absolute;
  width:  600px;
  height: 600px;
  top:    0;
  left:   0;
  background: rgba(165, 40, 100, 0.8); 
}

#popUpResultados{
  position: relative;
  top:    126px;
  left:    46px;
  width:  500px;
  height: 300px;
  background-color: lightgrey;

  -webkit-border-radius: 15px;
  border-radius: 15px;

  -webkit-box-shadow: 2px 2px 4px 2px rgba(100, 100, 100, .3);
  box-shadow: 2px 2px 4px 2px rgba(100, 100, 100, .3);
}

#divResultados #btnFechar {
  position: absolute;
  top:      10px;
  left:     438px;
  cursor:   pointer;
}
#divResultados #btnFazerDeNovo {
  position: absolute;
  top:      250px;
  left:     160px;
  cursor:   pointer;
}

#divResultados h3{
  padding:      60px 10px 0 10px;
  margin-left:   5px;
}
#divResultados p{
  margin:       0 15px 0 15px;
}


/* alert incomplete */
#alertIncomplete{
  position: absolute;
  width:    600px;
  height:   600px;
  top:      0;
  left:     0;
  background: rgba(165, 40, 100, 0.8); 
}
#alertIncompletePopUp {
  position: relative;
  top:       45%;
  left:      50px;
  width:    500px;
  height:    75px;
  background-color: lightgrey;

  -webkit-border-radius: 15px;
          border-radius: 15px;

  -webkit-box-shadow: 2px 2px 4px 2px rgba(100, 100, 100, .3);
          box-shadow: 2px 2px 4px 2px rgba(100, 100, 100, .3);
}
#btnFecharIncomplete {
  position: absolute;
  top: 10px;
  left: 438px;
  cursor: pointer;
}

#alertIncompletePopUp p{
  padding-top:  32px;
  padding-left: 20px;
  font-size:    14px;

}