@charset "utf-8";

@import url(common.css);

.cuadro{
	position: absolute;
	width: 142px;
	height: 142px;
	border-radius: 8px;
	display: block;
	overflow: hidden;
}
#cuadro1{
	position: absolute;
	top: 400px;
	left: 322px;
	width: 248px;
	height: 50px;
	border-radius: 8px;
	display: block;
	text-align: center;
	color: #fff;
}
#cuadro1 p{
	margin-top: 10px;
	font-size: 1.5em;
}
#cuadro2{
	left: 224px;
	top: 470px;
}

#cuadro3{
	left: 376px;
	top: 470px;
}

#cuadro4{
	left: 528px;
	top: 470px;
}

#cuaPuntos{
	position: absolute;
	top: 270px;
	left: 982px;	
	width: 272px;
	height: 351px;
	display: block;
}

#puntuaFinal{
	position: absolute;
	top: 655px;
	left: 1035px;
	width: 160px;
	height: 50px;
	display: block;
	margin-top: 26px;
	font-size: 1.5em;
	text-align: center;
	color: #fff;
}

ul{
	margin: 0;
	padding: 0;
}

.imagentraga{ display:inline-block;}
.imagentabla{ display:inline-block;}
.imagentraga img{margin: 0 250px 0 150px; width: 550px; padding: 0;}
.imagentabla img{ width: 280px;}
.imagenpalanca1{ position:absolute; top: 300px; left: 682px; cursor: pointer;}
.imagenpalanca2{ position:absolute; top: 490px; left: 682px; display: none;}
.botonera{ position: absolute; margin-left: 210px; margin-top: -54px;}
.btncorrecto{ background:#090; width: 180px; height: 40px; display:inline-block; padding: 5px; font-size:30px; text-align: center; cursor:pointer; border-radius: 10px 10px 0 0; margin: 0 20px; color: #fff;
  
  background: -webkit-linear-gradient(#CCCC34, #94BA3B); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#CCCC34, #94BA3B); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#CCCC34, #94BA3B); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#CCCC34, #94BA3B ); /* Standard syntax */
  transition:all 0.5s;
}
.btncorrecto.sombra:hover{
	background: -webkit-linear-gradient(#FCEE21, #94BA3B); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FCEE21, #94BA3B); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FCEE21, #94BA3B); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FCEE21, #94BA3B ); /* Standard syntax */

  transition:all 0.5s;}
.btnfalso{ background:#C00; width: 180px; height: 40px; display:inline-block; padding: 5px; font-size: 30px; text-align: center; cursor:pointer; border-radius: 10px 10px 0 0; color: #fff;
background: -webkit-linear-gradient(#BD8989, #FF0000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#BD8989, #FF0000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#BD8989, #FF0000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#BD8989, #FF0000 ); /* Standard syntax */
  transition:all 0.5s;
  }
.btnfalso.sombra:hover{
  background: -webkit-linear-gradient(#E5B3BA, #FF0000); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#E5B3BA, #FF0000); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#E5B3BA, #FF0000); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#E5B3BA, #FF0000 ); /* Standard syntax */
  transition:all 0.5s;
 }
 
.reset{
	position:absolute;
	left: 94%;
	top: 89%;
	cursor: pointer;
	}
	
.ggb_subtitulo{
	position: absolute;
	top: 120px;
	font-size: 26.5px;
	color: #fff;
	background: #64B238;
	width: 1290px;
	border-radius: 15px;
	padding: 5px 15px 5px 15px;
	
}
.letra_mas{ /* Tamaño de letra de resultados */
	font-size:28px!important;
}
#hala{/*Bocadillo*/
	background-image: url(../img/bocadillo.png);
	position: absolute;
	left: 724px;
	top: 162px;
	height: 138px;
	width: 205px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
	font-size: 30px;
}
.sombra{ /*Sombra para botenes*/
	animation: glow linear alternate infinite 0.5s;
	-webkit-animation: glow linear alternate infinite 0.5s;
}

@keyframes glow {
	0% {
		-webkit-box-shadow: 0px 0px 20px 0px yellow;
		-moz-box-shadow: 0px 0px 20px 0px yellow;
		box-shadow: 0px 0px 20px 0px yellow;
	}

	100% {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}

@-webkit-keyframes glow {
	0% {
		-webkit-box-shadow: 0px 0px 20px 0px yellow;
		-moz-box-shadow: 0px 0px 20px 0px yellow;
		box-shadow: 0px 0px 20px 0px yellow;
	}

	100% {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
}