.app .paneldos {
	//background-color: #00ff00;
}


.opcion {
	//background-color: #0000e0;
	height: 50px;
	border-bottom: 1px solid;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.opcion:hover {
	background-color: #d0d0d0;
}


.header {
	//visibility :hidden;
	background-color:#bf930d;
	color:#ffffff;
	font-size: 1.5em; 
	font-weight: bold;
	padding:4px;
	display: flex;
	flex-direction: row;
	align-items: center;
}

.header2 {
	background-color:#bf930d;
	color:#ffffff;
	font-size: 1.2em; 
	font-weight: bold;
	padding:4px;
	display: flex;
	flex-direction: row;
	align-items: center;
}


.log {
	width:150px;
	height:60px;
	position:absolute;
	background-color:#a0a0a0;
	color:#ffffff;
	font-size: .8em; 
	font-weight: bold;
	text-align: center;
	padding-top:4px;
	overflow-y:scroll;
}


.desplegable {
	position: absolute;
	top:48px;
	left:104px;
	width: 140px;
	height: 300px;
	padding: 4px 4px 4px 4px;
	background-color: #ffffff;
	border: 1px solid;
	font-size: 1em; 
	//grid-template-rows: 30px auto;
	//row-gap:4px;
}

.desplegable .opc:hover {
	background-color: #d0d0d0;
}



/* Config */

.config {
	//visibility :hidden;
	width: 700px;
	height: 500px;
	margin: 20px auto 0px auto;
	display: grid;
	font-size: 1em; 
	grid-template-columns: 200px auto;
	column-gap: 80px;
}

.config .botones {
	//visibility :hidden;
	width: 200px;
	height: 500px;
	display: grid;
	font-size: 1em; 
	//grid-template-columns: 200px;
	grid-template-rows: 30px 30px 30px 30px 30px 30px auto;
	row-gap: 20px;
}

.config .botones .boton {
	width: 200px;
	font-size: .9em; 
	font-weight: bold;
}

.config .portapapeles {
	background-color:#e0e0e0;
	width:380px;
	height:500px;
}




/* Campo de futbol */

.estadio {
background-color: #e0e0e0;
	//visibility :hidden;
	width: 700px;
	height: 440px;
	margin: 10px auto auto auto;
	display: grid;
	//grid-template-columns: auto 500px;
	grid-template-rows: 400px 100px;
	row-gap: 5px;

}

.estadio .cabecera {
	//font-weight: bold;
	background-color: #e0e0e0;
	display: grid;
	align-items: center;
}

.estadio .campocambios {
	//font-weight: bold;
	background-color: #e0e0e0;
	display: grid;
	grid-template-columns: 20px 210px 20px 210px 20px 210px;
	font-size: .9em;
}

.estadio .campocambios .qqq {
	//font-weight: bold;
	background-color: #a0e0e0;
}


.estadio .campo {
	background-image: url("../images/campo.png");
	position: relative;
}

 .estadio .campo > div {
	position: absolute;
 }

 .posicion {
	width: 160px;
	height: 40px;
	border-radius: 6px;
	background-color:#c0c0c0;
	border-radius: 6px 0px 6px 0px;
 }






.estat_tabla {
	display: grid;
	xborder-radius: 6px;
	grid-template-columns: 60px 80px 200px 80px 80px 80px 80px ;
	column-gap: 2px;
	grid-template-rows: 24px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px 20px auto;
	row-gap: 5px;
}


.estat_tabla .hhh {
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	color: #ffffff; 
	background-color: #bf930d;
}




.desplegable ul {
	text-indent: 0;
}


ul.ul {
	list-style-type: square;
	margin-top:4px;
	text-indent: 0;
}




.desplegable ul li {
	margin-top:4px;
	text-indent: 0;
}


.HoverClass1:hover { background-color: #EAEAEA;}