/*
 * Juego Buscaminas mobil
 * V. 2m - 31/07/2022 - Con cinta juegos
*/
/*html,body { -webkit-overflow-scrolling: touch !important;
	overflow: auto !important;
	width: 100% !important;
	height: 100% !important;
}*/
/* Definiciones de Fuente */
@font-face {
    font-family:"Arial Narrow";
    src: url(../../../../ttf/ARIALN.TTF);
    panose-1:2 4 6 2 5 3 5 3 3 4;
}
body { margin: 0px; padding: 0px; background: url('images/1.jpg') no-repeat 0% 0% #003020; background-size: 115%; background-width: 100%; background-height: 100%; font-family: "Arial Narrow"; font-weight: bold; color: white;
	-webkit-user-select: none;
	-webkit-touch-callout: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input { font-weight: bold; text-align: center; }
button { font-weight: bold; }
blink, .blink {
   -webkit-animation: blink 1s step-end infinite;
   -moz-animation: blink 1s step-end infinite;
   -o-animation: blink 1s step-end infinite;
   animation: blink 1s step-end infinite;
 }
 @-webkit-keyframes blink {
   67% { opacity: 0 }
 }
 @-moz-keyframes blink {
   67% { opacity: 0 }
 }
 @-o-keyframes blink {
   67% { opacity: 0 }
 }
 @keyframes blink {
   67% { opacity: 0 }
 }
.ebase { position: absolute; width: 440px/*760px*/; /*height: 530px;*/ margin: auto; padding:0;top:0;left:0;right:0;bottom:0; /*background-color: rgba(255,0,0,0.7);*/ }
.cprinci { position: absolute; width: 410px/*760px*/; /*height: 530px;*/ margin: auto; padding:0;top:0;left:0;right:0; background-color: rgba(40,90,70,0.3); }

div.f {
	float: left;
	margin: 0;
	padding: auto 0 auto 0;
	text-align: center;
}
div.f.et {
	width: 33.3%;
}
div.f.et1 {
	width: 30%;
}
div.f.et2 {
	width: 40%;
}

.cteclasa { width: 24px; height: 24px; padding: 0px; text-align: center; vertical-align: middle; background-color: black; cursor: not-allowed; }
.cimgP { color: white; cursor: pointer; }
.cayuda { position:absolute; top:90px;left:10px; z-index:4; cursor:help; }
.cayudap { color: #FF0000; background-color:yellow; }
.cayuTs { width:140px; color: #FFFFFF; font-size: 13px; }
.cayu { position: absolute; font-family: Arial;font-weight: normal; color:black; width:300px; background-color: #FFFFFF; cursor: default; }
.musicaactiva { background-color:green; cursor:auto; }
.musicainactiva { background-color:black; cursor:pointer; }
.musicainactivaover { background-color:red; cursor:pointer; }
.crep { width: 400px;} /*750px*/
.eaudioURL {margin: auto 0 auto 0; width:393px;}
.listaT { margin: 0 0 5px 0; width: 400px/*750px*/; text-align: left; font-size: 13px; color: #FFFFFF; cursor: auto; }
.cbotonentradaarchivoreemplazo { background-color:yellow;color:black;font-weight: 500;cursor:pointer; }

#aviso_puntaje {position:absolute;width:120px;/*margin-left:80%;*/right:3px;top:90px;/*110px*/z-index:3;background-color:rgba(18,41,90,0.8);}
#pborrar_puntajes {display:none;font-size:11;background-color:#FF0000;color:#FFFFFF;cursor:pointer;}
#minas_menos {font-size:9;background:red;color:white;cursor:pointer;}
#minas_cantidad {font-size:9;background:red;color:white;}
#minas_mas {font-size:9;background:red;color:white;cursor:pointer;}
#Titulo {background-color:#0000FF;}
#columnas_menos {font-size:9;background:red;color:white;cursor:pointer;}
#columnas_cantidad {font-size:9;background:red;color:white;}
#columnas_mas {font-size:9;background:red;color:white;cursor:pointer;}
#minas {background:black;color:red;}
#comienso {width:150px;cursor:pointer;}
#tiempo {background:black;color:red;}
#contador {width:43%;background:red;color:white;font:bold;}
#tablero {position:relative;margin:auto;max-width:350px;min-width:200px;z-index:2;}
#repite {position:absolute;width:125px;margin:auto;padding:0;left:5px/*19%*/;background-color:green;color:white;cursor:pointer;}
#breproduce {position:absolute;width:90px;left:160px;cursor:pointer;}
#avanza {position:absolute;width:125px;margin:auto;padding:0;right:5px/*64%*/;background-color:grey;color:black;cursor:pointer;display:none;}
#agregar {width:180px;margin:auto;padding:0;background-color:grey;color:black;cursor:pointer;display:none;}
#selSuCan {font-size:18px;}
#mEntradaArchivo {display:none;background-color:yellow;color:black;cursor:pointer;}
#objT {background-color:#002000;}
#jugT {background-color:#002000;}
#estT {background-color:#002000;}

#chsi, #chno {display:none; font-weight:bold;}

div.enlaces {
	-webkit-transition:bottom 1s ease-in;transition:bottom 1s ease-in;
	position:fixed;
	display:none;
	bottom:0;
	width:440px;
	min-width:410px;
	margin-right:0;margin-left:0;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	font-size:1.5vh;
	background-color:#FFFFFF60;
	z-index: 99; /* Asegúrese de que no se supere */
}
div.enlaces a {
	position:relative;
	display:inline-block;
	bottom:0;
	width:19%;
	margin-right:0;margin-left:0;
	border: solid 1px #907080;
	border-radius:3px;
	text-align:center;
	text-decoration:none;
	font-size:2.2vw;
	background-color:#000000B0;
	color:#FFFFFF;
}
div.enlaces a:visited,
div.enlaces a:active {
	color: #FFAA20;
}
div.enlaces a:hover {
	-webkit-transition: background 0.4s ease-out; transition: background 0.4s ease-out;
	-webkit-animation: bal 0.4s step-end infinite;
	-moz-animation: bal 0.4s step-end infinite;
	-o-animation: bal 0.4s step-end infinite;
	animation: bal 0.4s step-end infinite;
	background-color: #FFAA20;
	color: #000000;
}
 @-webkit-keyframes bal {
  10% { opacity: 1 }
  20% { opacity: 0.9 }
  30% { opacity: 0.8 }
  40% { opacity: 0.7 }
  50% { opacity: 0.6 }
  60% { opacity: 0.7 }
  70% { opacity: 0.8 }
  80% { opacity: 0.9 }
  90% { opacity: 1 }
 }
 @-moz-keyframes bal {
  10% { opacity: 1 }
  20% { opacity: 0.9 }
  30% { opacity: 0.8 }
  40% { opacity: 0.7 }
  50% { opacity: 0.6 }
  60% { opacity: 0.7 }
  70% { opacity: 0.8 }
  80% { opacity: 0.9 }
  90% { opacity: 1 }
 }
 @-o-keyframes bal {
  10% { opacity: 1 }
  20% { opacity: 0.9 }
  30% { opacity: 0.8 }
  40% { opacity: 0.7 }
  50% { opacity: 0.6 }
  60% { opacity: 0.7 }
  70% { opacity: 0.8 }
  80% { opacity: 0.9 }
  90% { opacity: 1 }
 }
 @keyframes bal {
  10% { opacity: 1 }
  20% { opacity: 0.9 }
  30% { opacity: 0.8 }
  40% { opacity: 0.7 }
  50% { opacity: 0.6 }
  60% { opacity: 0.7 }
  70% { opacity: 0.8 }
  80% { opacity: 0.9 }
  90% { opacity: 1 }
 }