@font-face{
font-family: 'lcdnum';
    src:     url('alarmclock.ttf') format('truetype');
font-weight: normal;
font-style: normal;

	}
	@font-face{
font-family: 'retofonte';
    src:  url('patrickhandsc.ttf') format('truetype'),local('Georgia');
font-weight: normal;
font-style: normal;

	}

body {
  background-color: #90b9f9;
}
.stbase{
font-size:1em;

}
.stpanelsup {
	position:absolute;
width:97%;
margin-left:1%;
  background-color: #4385ef;
  padding-bottom: 5px;
  border-radius: 15px;
  margin-top: 0px;
  margin-bottom: 5px;
  box-shadow: inset 0px -5px 1px #234d8e, 6px 7px 3px rgba(66, 66, 66, 0.5);
  text-align:center;
  height:500px;
  z-index:100;
  overflow:hidden;
}
.min{
	transition: 0.5s;
	height:70px;

}
.sttitulo {
  font-family: 'retofonte';
  font-weight: 600;
  user-select: none;
  text-shadow: 2px 2px 2px;
  font-size:3rem;
line-height:1.2em;
color:#83ff33;
}
.etpresenta{
	 font-family: 'retofonte';
	margin-top:10px;
width:100%;	
		position:relative;
height:200px;	
	display:inline-block;
		overflow:auto;
		font-size:2.2em;
}
.stconfig{
	
	position:relative;
	border-bottom:2px solid #ffffff;
	border-top:2px solid #ffffff;
width:100%;	
	display:inline-block;
	padding:5px;
}
.stconfig > p{
	font-size:1.4em;
	margin:4px;
}
.stdtequip{
margin-top:5px;
display:inline;
}
.stdtequip > label{
	visibility:hidden;

}
.stdtequip input{	
	width:220px;
	height:20px;
	padding:10px;
	border:2px solid #aaaaaa;
	border-radius: 15px;
	font-size:1.5em;
}
.etbtxogar{
	position:relative;
display:inline;
height:50px;
width:180px;
text-align:center;
  font-family: 'retofonte';
  font-size: 1.8em;
  background-color: #f7f266;
  color: #383838;
  border-radius: 10px;
  font-weight: 800;
  box-shadow: inset 0 -5px 1px #5a5e11;
  margin-top:10px;
margin-left:5px;
cursor: pointer;
line-height:1em;
margin-top:20px;

}


.stpanelpuntos {
position:relative;
margin-top:90px;
display:inline-block;
text-align:center;
padding-bottom:40px;
  width: 97%;
  left:1%;
  background-color: #4385ef;
  border-radius: 10px;
  box-shadow: inset 0px -5px 1px #234d8e, 6px 7px 3px rgba(66, 66, 66, 0.5);
}
.stfila{
display:inline-block;	
width:100%;
height:20px;
margin-bottom:5px;	
margin-top:5px;
margin-left:0.5%;
margin-right:0.5%;
}
.stcadro{
	float:left;
height:100%;
background-color:yellow;
---border:1px solid yellow;
margin-right:0.25%;	
}
.apagado{
background-color:white;	
}
.stequipo {
	position:relative;
  display: inline-block;
  margin: 10px;
  text-align: center;
  width:300px;
}
.stnomequipo {
position:relative;
display:block;
height:30px;
text-align:center;
  font-family: 'retofonte';
  font-size: 1.8em;
  background-color: #f7ff66;
  color: #383838;
  border-radius: 10px;
  font-weight: 200;
  padding: 5px 5px 5px 5px;
  box-shadow: inset 0 -5px 1px #5a5e11, 6px 7px 3px rgba(66, 66, 66, 0.5);
  line-height:1em;
  width: 94%;
}
.stbtn {
position:relative;
display:block;
text-align:center;
  font-family: 'retofonte';
  font-size: 1.8em;
  background-color: #f7f266;
  color: #383838;
  border-radius: 10px;
  font-weight: 400;
  padding: 2px;
  box-shadow: inset 0 -5px 1px #5a5e11;
  margin-top:30px;
  width:90%;
  margin-left:5%;
  
}

.stpuntos {
  width: 98%;
  margin-top: 0px;
  cursor: default;
  height: 200px;
  border: 0;
  border-radius: 20px;
  outline: none !important;
  font-size: 10em;
  font-family: 'lcdnum';
  text-shadow: 3px 3px 5px;
  display: block;
  position: relative;
  top: 15px;
box-shadow: inset 0 -5px 1px #842f2f, 6px 7px 3px rgba(66, 66, 66, 0.5);
  line-height:1.5em;
}
 .e1{
background-color: #e85c5c;

}
 .e2{
 background-color: #60e85c;
}
.stretos{
	position:absolute;
width: 80px;
  margin-top: 10px;
  cursor: default;
  height: 60px;
  border: 0;
  border-radius: 50%;
  font-size: 4.2em;
  font-family: 'lcdnum';
  display: block;
z-index:99;	
}


.sttempo{

position:relative;
margin-left:10px;
width:240px;
margin-top:10px;
text-align:center;
border:4px solid #888888;	
border-radius: 20px;
padding: 10px;
display:inline-block;
background-color: #96c8d9;

}

.sttempoc {
position:relative;
  background-color: lightblue;
  width: 190px;
  height: 190px;
  overflow: hidden;
   border-radius: 50%;
  box-shadow:inset 0 0 15px 10px #aaaaaa;
}

.sttempod {
position:absolute;
bottom:0px;
  background-color: #7c7c64;
  width: 100%;
  height:100%;
  box-shadow:0 0 15px 10px #aaaaaa;
  ---transition: 0.02s;
}
.txttempo{
	
position:absolute;
font-size:4.4em;
font-weight :800;
position:absolute;
top:58px;
left:10px;
width:234px;
text-align:center;
 font-family: 'lcdnum';
 color: black;
 border:0px solid yellow;


}
.etbotons{
position:relative;
display:inline-block;	

}
.etbotons button{
position:relative;
display:inline;
height:40px;
width:70px;
text-align:center;
  font-family: 'retofonte';
  font-size: 1.3em;
  background-color: #f7f266;
  color: #383838;
  border-radius: 10px;
  font-weight: 400;
  padding: 2px;
  box-shadow: inset 0 -5px 1px #5a5e11;
  margin-top:10px;
margin-left:5px;
cursor: pointer;
}
.sttmpvisual{
margin-left:24px;
}

.stvntbot button{
position:relative;
display:inline;
height:60px;
width:310px;
text-align:center;
  font-family: 'retofonte';
  font-size: 1.8em;
  background-color: #f7f266;
  color: #383838;
  border-radius: 10px;
  font-weight: 800;
  padding: 2px;
  box-shadow: inset 0 -5px 1px #5a5e11;
  margin-top:10px;
margin-left:10px;
margin-right:10px;
cursor: pointer;
}

.stvtnexp{
position:relative;
float:left;
display:inline-block;
text-align:center;
border:4px solid #888888;	
border-radius: 20px;
padding: 2px;
background-color: #ffffff;
min-width:400px;
width: calc(100% - 310px);
height:calc(99% - 90px);
overflow:auto;
padding:10px;
}
.stvtnexpmax{
width: 99%;	
}
.stvtnexp  h2{
font-size:1.5em;	
margin:5px;
text-align:center;
margin-bottom:10px;
}
.stvtfin{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	border-radius: 14px;
	height:0px;
	display:block;
	background-color:#ffffff;
	z-index:1040;

}
.stvtfinmax{
	transition: 0.5s;
	height:100%;
	display:block;
opacity:0.9;	
	
}
.stvtnreto{
	position:relative;
width:98%;
display:inline-block;
border:4px solid #888888;	
border-radius: 20px;
padding:10px;
background-color:#c8d996;
height:94%;
}
.stvntbot{
position:relative;
float:left;
width:98%;
display:block;
text-align:center;

}


.stvntimx1 {
	position:relative;
float:left;
margin:10px;
  border-radius: 5px;
	max-width: 300px;
	max-height: 300px;
	
}
.stvntimx2 {
  border-radius: 5px;
  position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
	max-width: 96%;
	max-height: 96%;
	
}
.stvntimx3 {
  border-radius: 5px;
  position: relative;
	---left: 50%;
	---transform: translateX(-50%);
	max-width: 96%;
	max-height: 340px;
}

.stvntimx4 {
	position:relative;
float:right;
margin:10px;
  border-radius: 5px;
	max-width: 300px;
	max-height: 300px;
}
.stvnttxt1{
	position:relative;
float:left;
font-size:2em;
	border:0px solid #888888;	
	min-width:380px;
width: calc(100% - 340px);
text-align:left;
}
.stvnttxt2{
	position:relative;
font-size:2em;
width: 99%;
padding:6px 0px 6px 0px;
text-align:left;
}
.stvnttxt3{
	position:relative;
font-size:2em;
	width:99%;
width: 99%;
padding:6px 0px 6px 0px;
text-align:left;
}
.stvnttxt4{
	position:relative;
float:left;
font-size:2em;
	border:0px solid #888888;	
	min-width:380px;
width: calc(100% - 340px);
text-align:left;
}

.modal {
  display: none; 
  position: fixed;
  z-index: 1;
  padding-top: 10px; 
  left: 0;
  top: 0;
  width: 100%; 
  height: 100%; 
  overflow: auto;
  background-color: rgba(0,0,0,0.9); 
  z-index:2000;
}

.modal-content {  
position:absolute;
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 0.6s;
  animation-name: zoom;
  animation-duration: 0.6s;
  width:100%;
  top:0px;
  left:0px;
  right:0px ;
  bottom:0px;
  
}

@-webkit-keyframes zoom {
  from {-webkit-transform:scale(0)} 
  to {-webkit-transform:scale(1)}
}

@keyframes zoom {
  from {transform:scale(0)} 
  to {transform:scale(1)}
}



@media (max-width: 750px) {
	
	.sttitulo {
  font-family: 'retofonte';
  font-weight: 600;
  user-select: none;
  text-shadow: 2px 2px 2px;
  font-size:2.2em;
line-height:1em;
color:#036582;
}
.min{
	height:50px;

}
.stequipo {
  display: inline-block;
  margin: 10px;
  text-align: center;
  width:160px;
}
.stnomequipo {
position:relative;
display:block;
height:20px;
  font-family: 'retofonte';
  font-size: 1.2em;
  background-color: #f7ff66;
  color: #383838;
  border-radius: 10px;
  font-weight: 200;
  padding: 10px 15px 15px 15px;
  box-shadow: inset 0 -5px 1px #5a5e11, 6px 7px 3px rgba(66, 66, 66, 0.5);
  margin-left:-10px;
  width:92%;
  margin-top:-10px;
}
.stpuntos {
  font-size: 8.4em;
  line-height:1.9em;
  margin-top:-10px;

}
.sttempo{
position:relative;
width:94%;
height:54px;
margin-top:2px;
text-align:center;
border:2px solid #888888;	
border-radius: 10px;
display:block;
margin-left:5px;
padding: 0px;
margin-bottom:0px;
overflow:hidden;

}

.sttempoc {
width:0px;
height:0px;
  display:none;
}

.sttempod {
width:0px;
height:0px;
  display:none;
}
.txttempo{
position:relative;
float:left;
top:0px;
left:0px;
font-size:3em;
font-weight :200;
width:110px;
 font-family: 'lcdnum';
  color: black;
margin-left:0px;
 border:0px solid red;
}
.etbotons{
position:absolute;	
top:0px;
left:112px;	

}
.etbotons button{
position:relative;
float:left;
display:inline;
height:40px;
width:80px;
text-align:center;
  font-family: 'retofonte';
  font-size: 1.3em;
  background-color: #f7f266;
  color: #383838;
  border-radius: 10px;
  font-weight: 200;
  padding: 2px;
  box-shadow: inset 0 -5px 1px #5a5e11;
cursor: pointer;
margin-left:10px;
margin-top:10px;
}
.sttmpvisual{
margin-left:4px;
width:110px;
height:80px;
overflow:hidden;
}
.stvtnexp{
position:relative;
float:left;
display:block;
text-align:center;
border:4px solid #888888;	
border-radius: 20px;
padding: 2px;
background-color: #ffffff;
min-width:400px;
width: calc(100% - 120px);
height:74%;
width:94%;
overflow:auto;
padding:5px;
}
.stvtnexp  h2{
margin:2px;
font-size:1em;	
text-align:center;
}
.stbtn {
  font-size: 1.4em;
  font-weight: 400;
  margin-top:30px;
  width:98%;
  margin-left:2px;
  
}
.stvntbot{
position:relative;
float:left;
display:inline-block;
margin-top:1px;

}
.stvntbot button{
position:relative;
display:inline;
height:40px;
width:200px;
text-align:center;
  font-family: 'retofonte';
  font-size: 1.3em;
  background-color: #f7f266;
  color: #383838;
  border-radius: 5px;
  font-weight: 400;
  padding: 2px;
  box-shadow: inset 0 -5px 1px #5a5e11;
  margin-top:4px;
margin-left:4px;
cursor: pointer;
}


}