@font-face {
	font-family: 'Book Antiqua';
	src: url(../../../../ttf/BOOKOS.TTF);
	panose-1: 2 4 6 2 5 3 5 3 3 4;
}
body {
	-webkit-user-select: none;-webkit-touch-callout: none;-moz-user-select: none;-ms-user-select: none;user-select: none;
	margin: 0px;padding: 0px; color:#000;background-color: rgba(255,255,204,1);font-size: 14px;font-family: Helvetica, sans-serif, 'Book Antiqua';
}
.edivparachild {position:absolute; width: 100%; height: 100%; margin: auto; padding: 0px; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index:0;}
.edivparasoltar {
	position:absolute; width: 100%; height: 100%; margin: auto; padding: 0px; top: 0px; bottom: 0px; left: 0px; right: 0px;
	color:#000; z-index:1;
}
.edcont {position:absolute; width: 615px; margin:auto; padding:0; left:0px; right:0; top:0px; z-index:5;}
/*div.dfondo {margin: 0; padding: 0; background-color: #FF0000;}*/
a:link, a:visited, a:active { color: #00008B; text-decoration: none; }
a.nav:link, a.nav:visited, a.nav:active { color: #FFFFFF; text-decoration: none; }
a.blank:link, a.blank:visited, a.blank:active { color: #336699; text-decoration: none; }
.cn { border: 1px solid #000000;border-radius: 6px;cursor:pointer; }
#borrar_puntajes { FONT-WEIGHT: bold; display: none; font-size: 11px; background-color: #FF0000; color: #FFFFFF; cursor: pointer; }

#ctrEFondo { position:absolute; top:10px;left:10px;width:150px;height:20px;background-color:pink;z-index:8; }
#ctrECursor { position:absolute;top:10px;left:75px;width:20px;height:18px;border:1px solid goldenrod;padding:0;font-size: 14px;background-color:green;color:white;z-index:9; }
#ctrEActivo { position:absolute; top:10px;left:10px;width:150px;height:20px;border:1px solid goldenrod;cursor:col-resize;z-index:10; }

#ctrFondo { position:absolute; top:100px;left:10px;width:20px;height:150px;background-color:blue;z-index:8; }
#ctrCursor { position:absolute;top:165px;left:10px;width:18px;height:20px;border:1px solid goldenrod;padding:0;font-size: 14px;background-color:green;color:white;z-index:9; }
#ctrActivo { position:absolute; top:100px;left:10px;width:20px;height:150px;border:1px solid goldenrod;cursor:row-resize;z-index:10; }

.caudio {position:absolute;left:10px;padding:0;font-size: 12px;color:white;background-color:green;border-radius:3px;border:1px solid goldenrod;cursor:pointer;z-index:9;}
.caudio#pp { width:20px;height:16px;top:265px; }
.caudio#nMedio { top:265px;left:40px;background-color:blue;cursor:default; }
.caudio#av { width:20px;height:16px;top:295px; }
.caudio#re { width:20px;height:16px;top:325px; }

div.enlaces {
	-webkit-transition:bottom 1s ease-in;transition:bottom 1s ease-in;
	position:fixed;
	display:none;
	bottom:0;
	width:100%;
	margin-right:0;margin-left:0;
	padding-top:2px;
	padding-bottom:2px;
	text-align:center;
	font-size:1.5vh;
	font-weight:normal;
	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:1.6vw;
	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 }
 }