#play_box {
	position: absolute;
	top: 100px;
	width: 100%;
	height: 680px;
}

#play_box #background {
	position: absolute;
	bottom: 20px;
	left: 0px;
}
.infoPlayBox{
position: absolute;
  margin-left: 31px;
  margin-top: -20px;

}
/*.pinta,.num{
	font-family:"Boogaloo-Regular";
	color:#004682;
}*/

.pinta,.letra{
	font-family:"Boogaloo-Regular";
	color:#004682;
}

span.blue{
  color: #025BA9;
}

/*
#palabra
{
      font-size: 40px;
  text-align: center;
  top: 200px;
  width: 300px;
  height: 160px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 265px;
  padding: 0 10px;
  margin: 0 auto;
}

#qui_palabra
{
   font-size: 27px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 581px;
  top: 0;
  width: 267px;
  text-align: center;
}

#que_palabra
{
  font-size: 27px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 2px;
  top: 0;
  width: 267px;
  text-align: center;
}


#que_
{
  cursor: pointer;
  background-color: white;
  border: 5px solid gray;
  font-size: 47px;
  text-align: center;
  top: 344px;
  width: 86px;
  height: 66px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 282px;
  padding: 0 22px;

}


#qui_
{
   background-color: white;
  border: 5px solid gray;
  font-size: 47px;
  text-align: center;
  top: 344px;
  width: 86px;
  height: 66px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 426px;
  padding: 0 22px;
  cursor: pointer;

}

#t
{

  background-color: white;
  border: 5px solid gray;
  font-size: 33px;
  text-align: center;
  top: 51px;
  width: 215px; 
  height: 360px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 0px;
  padding: 0 22px;

}


#d
{

    background-color: white;
  border: 5px solid gray;
  font-size: 33px;
  text-align: center;
  top: 51px;
  width: 215px; 
  height: 360px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 580px;
  padding: 0 22px;

}

.letra{
	font-size:147px;
	text-align:center;
}


.letra span{
  	background-color: white;
   	border: 3px solid #c4c4c4;
    cursor: pointer;
    display: block;
    float: left;
    height: 52px;
    margin: 1px;
    padding: 0 2px;
    width: 39px;
}*/

#palabra
{
    font-size: 36px;
  text-align: center;
  top: 170px;
  width: 300px;
  height: 100px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 265px;
  padding: 0 10px;
  margin: 0 auto;
  text-transform: uppercase;

}
#palabra span
{
  background-color: white;
  border: 5px solid gray;
  padding: 0px 15px;
  margin: 0px 5px; 
}

#qui_palabra
{
   font-size: 27px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 596px;
  top: 0;
  width: 245px;
}

#que_palabra
{
 font-size: 27px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 15px;
  top: 0;
  width: 245px;
}
#qui_palabra span
{
color:blue;
   font-size: 37px;

}

#que_palabra span
{
  color:blue;
  font-size: 37px;

}
 #t span,#d span
 {

  display: block;
  padding: 5px 0;

 }
#que_
{
    cursor: pointer;
    background-color: white;
    border: 5px solid gray;
    font-size: 47px;
    text-align: center;
    top: 415px;
    width: 70px;
    height: 66px;
    font-family: "Boogaloo-Regular";
    position: absolute;
    left: 62px;
    padding: 0 22px;
    display: none;
}


#qui_
{
    background-color: white;
    border: 5px solid gray;
    font-size: 47px;
    text-align: center;
    top: 415px;
    width: 70px;
    height: 66px;
    font-family: "Boogaloo-Regular";
    position: absolute;
    left: 670px;
    padding: 0 22px;
    cursor: pointer;
    display: none;
}

#t_title, #d_title {
    font-size: 40px;
    text-align: center;
    width: 400px;
    height: 100px;
    font-family: "Boogaloo-Regular";
    position: absolute;
    padding: 0 10px;
    margin: 0 auto;
    display: none;
}

#t_title {
    top: 10px;
    left: -85px;
}

#d_title {
    top: 10px;
    left: 520px;
}

#t
{

    background-color: white;
    border: 5px solid gray;
      font-size: 35px;
    text-align: center;
    top: 85px;
    width: 255px;
    height: 260px;
    font-family: "Boogaloo-Regular";
    position: absolute;
    left: -20px;
    padding: 20px 10px;
    text-transform: uppercase;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    display: none;

}


#d
{

      background-color: white;
  border: 5px solid gray;
  font-size: 35px;
  text-align: center;
  top: 85px;
  width: 255px;
  height: 260px;
  font-family: "Boogaloo-Regular";
  position: absolute;
  left: 585px;
  padding: 20px 10px;
  text-transform: uppercase;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: none;

}

.letra{
  font-size:147px;
  text-align:center;
}


.letra span{
    background-color: white;
    border: 3px solid #c4c4c4;
    cursor: pointer;
    display: block;
    float: left;
    height: 52px;
    margin: 1px;
    padding: 0 2px;
    width: 39px;
}

.letraSelect{ 	color:#FE9A2E; }
.ok_letraSelect{ 	color:#00CC33; }
.error_letraSelect{ 	color:#FF0000; }
span.mark{
  color: #4EB34E;
  display: inline-block !important;
}