body {
	font-family: Arial, "Microsoft Yahei";
	font-size:12px;
}
.menu {
	position: relative;
	padding:10px;
	color:white;
	width:auto;
	font-size:14px;
	cursor:pointer;
}
.menu:hover {
	color:yellow;
}

.pestana {
	position: absolute;
	width: 100%;
	height: auto;
	overflow: hidden;
	transition: opacity 1s;
}

a {
	text-decoration: none;
	color:red;
}

.sonidoleccion {cursor:pointer;}

.tablatitulo {background-color:#A4A4A4; color:white; text-align:center;}

.infotabla {border-spacing: 0px; border:solid 1px #A4A4A4;}
table.infotabla tr td {border: 1px solid #A4A4A4; padding:5px;}

.infotabla2 {border-spacing: 0px; border:solid 1px #A4A4A4;}
table.infotabla2 tr td {border: 1px solid #A4A4A4; padding:3px;}

.cajatabla {position:relative; width: 100%; height: auto; overflow-x: auto;}
	
.terminos {
	position: relative;
	padding-top:3px; 
	padding-bottom:3px;
	color:white;
	width:auto;
	font-size:12px;
	color: #757575;
	display: inline-block;
}

.noselect {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;	
}

#paginaentera {
	position: absolute; 
	width:100%; 
	height:100%; 
	overflow: hidden; 
	background-color: white; 
	box-shadow: 0px 0px 18px #888888;
}

#titulovocabulario {
	padding:15px;
	font-size:18px;
	padding-top:5px;
	padding-bottom:5px;
}

.cuadro {
	position: relative;
	float:left;
	color:gray;
	font-size:18px;
	height:auto;
}

.boton {
	position: relative;
	color:white;
	border: none;
	padding-left:3px;
	padding-right:3px;
	text-align: center;
	height: 25px;
	background-color:gray;
	border-radius: 3px;
	line-height: 25px;
	cursor: pointer;
	font-size:14px;
	white-space:nowrap;
	outline:none;
	overflow:hidden;
	transition: background 0.5s;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.tipofoto {
	text-align:center;
	background-color: white;
}

.fotoajuste {
	width:100%; 
	height:100%; 
	object-fit:contain;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */
}

.minifoto {
	background-color: white;
	border: solid 1px black;
	font-size:4vh;
	width: 100%;
	height: 100%;
	cursor:pointer;
}

.subtitulo {
	font-size: 20px;
	font-weight: bolder;
	color: red;
}

.bloque {
	position:relative; 
	float:left;
	cursor:pointer;
	opacity:0;
	transition: opacity 1s, color 0.25s;
}

.bloque:hover {
	color: red;
}

.fila {
	opacity:0;
	transition: opacity 0.5s;
}

.caja1 {
	position:relative; 
	text-align:center;
}

.caja2 {
	position:relative; 
	text-align:center;
}

#datosdic {
	width: 100%; 
	font-size: 20px; 
	font-family: Arial, 'Microsoft Yahei'; 
	padding: 10px 10px; 
	box-sizing: border-box; 
	border:none; 
	resize: none;
	outline: none;
}

#dic1 {
	position:relative; 
	background-color: white; 
	width: 50%; 
	height:50%; 
	float: left;
}

#dic2 {
	position:relative; 
	background-color: #E4E4E4; 
	width: 50%; 
	height:50%; 
	float: left; 
}

#dic2resultado {
	position:relative; 
	padding: 10px; 
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box; 
	width: 100%; 
	height:100%;
	overflow: auto; 
	font-size: 18px;
}

.barraestado {
	position: absolute; 
	width: 0%; 
	top:-10px; 
	left:-10px; 
	height: 170%; 
	background-color:red; 
	z-index:0; 
	-webkit-filter: blur(5px); 
	-moz-filter: blur(5px); 
	-o-filter: blur(5px); 
	-ms-filter: blur(5px); 
	filter: blur(5px); 
	transition: width 0.5s
}

.textoestado {
	position: absolute; 
	width: 100%; 
	height: 100%; 
	left: 0px; 
	z-index:1;
}

#session {
	position: absolute; 
	height:auto; 
	width:auto; 
	right:0px; 
	top:0px; 
	padding:10px; 
	font-size:14px; 
	cursor: pointer;
}

#usuariomenu {
	position:absolute; 
	right:13px; 
	top: 40px; 
	border:solid 3px red; 
	border-radius:5px; 
	background-color:white; 
	font-size:16px; 
	z-index:1; 
	cursor: pointer;
}

.classvoc {
	padding-top:5px;
	padding-bottom:5px;
}

#indicador {
	position:absolute; 
	left:0%; 
	top: -5px;
	width:10px; 
	height:115%; 
	background-color:yellow; 
	margin-left:-5px; 
	border:solid 2px black; 
	transition: left 0.5s;
}

.juegoop {
	position: relative;
	border: none;
	padding:5px;
	text-align: center;
	height: auto;
	background-color:#C1C1C1;
	border-radius: 10px;
	cursor: pointer;
	font-size:30px;
	outline:none;
	overflow:hidden;
	-webkit-user-select: none; /* Safari 3.1+ */
	-moz-user-select: none; /* Firefox 2+ */
	-ms-user-select: none; /* IE 10+ */
	user-select: none; /* Standard syntax */	
}

.cajleer {
	position:relative;
	float:left
}
	
.lecturafont {
	width:100%;
	text-align:center;
}

.lecturachart {
	width:100%;
	text-align:center;
	font-size:30px;
	}
	
.lecturaerror {
	width:100%;
	text-align:center;
	color: #A4A4A4;
	}