@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@100;200;300;400;500;600;700&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
	font-family: 'Barlow Condensed', sans-serif;
	font-size: calc(0.7em + 0.7vw);
}
body {
	background-color:rgba(0,0,0,1);
	
}
.pagina{

	width:100%;
	height:100vh;
	background-color:rgba(0,0,0,1);
	
	
}
.encabezado{
	width:99%;
	height:7%;
	margin:0.5%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;
	border:1px solid #9F0;
	background-color:rgba(153,255,0,1);	
	transition: all .9s;
	border-radius:10px;
}
.img {
	flex:1;
	height:100%;
	border-radius:10px;
}
.img img{
	border-radius:10px;
}
.titulo{
	font-weight:bolder;
	flex:6;
	text-align:center;
	font-size:2em;
	
}

.menu {
	width:100%;
	height:2%;
	color:rgba(255,255,255,1);
	text-align:right;
	right:2%;
}
.contenedor{
	display:flex;
	flex-flow:column nowrap;
	justify-content:center;
	width:100%;
	height:90%;
}

.general{
	margin:0;
	padding:0;
	width:100%;
	height:100vh;
}
.competicion {
	display:flex;
	flex-flow:row nowrap;
	color:rgba(153,255,0,1);
	border:1px solid #9F0;
	background-color:transparent;
	transition: all .9s;
}
.competicion1 {
	display:inline;
	width:80%;
	height:6vh;
	border-radius:10px;
	color:rgba(153,255,0,1);
	border:1px solid #9F0;
	background-color:transparent;
	transition: all .9s;
	margin:5px;
}
.competicion1 .img2{
	width:15%;
	background-repeat:no-repeat;
	background-size:contain;
	border-radius:10px;
	
}
.competicion1 .titulo1{
	width:100%;
	text-align:center;
	height:6vh;
	line-height:6vh;
	font-size:1.5em;
	overflow:hidden;
}

.titulo_seccion{
	width:100%;
	top:0;
	left:0;
	border:none;
	background-color:rgba(153,255,0,1);
	color:#000;
	text-align:center;
}
.navegador {
	width:100%;
	height:5%;
	color:rgba(255,255,255,1);
	text-align:right;
	margin-right:20px;
}


.logo {
		position:fixed;
		left:0px;
		bottom:0;
		width:25%;
		height:15%;
		z-index:0;
		background-image:url(../../imagenes/logo.png);
		background-repeat:no-repeat;
		background-size:contain;
		background-position:center;
		background-color:transparent;	

}


a:hover{
	padding:2px;
	transform:scale(1.1,1.1);
	background-color:#999;
	opacity:0.8;
	transition: all 0.5s;
	border-radius:5px;
	background-color:rgb(200,200,200,0.8);
	animation: all 3s linear infinite ;
}


nav a{
    color: #fff;
    text-decoration: none;
    margin-right: 10px;
	calc(0.7em + 0.7vw);
}

.btn_inicio{
	z-index:1;
	height:5vh;
	line-height:5vh;	
	width:70%;
	text-align:center;
	font-size:1.2em;
	border:1px solid #fff;
	border-radius:5vh;
	margin:5px;
	color:#fff;
	transition: all .9s;
	
}
.botones{
	width:100%;
	margin:0 auto;
	height:80%;
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-content:center;
	align-items:center;
	z-index:999;
}
.aviso {
	color:rgba(153,255,0,1);
	display:flex;
	justify-content:flex-start;
	align-content:center;
	align-items:center;
	text-align:center;
	width:70%;
	height:50%;
	margin:0 auto;
	border-radius:20px;
}
.eti_inicio{
	position:absolute;
	top:25%;
	font-weight:bolder;
	height:20%;	
	width:99%;
	text-align:center;
	color:rgba(204,204,204,1);
	font-size:2.5em;
	text-align:center;
	border-radius:30px;
	margin:5px;
	margin-bottom:20px;
	transition: all .9s;
	
}
.btn_inicio:hover{
	transition: all .9s;
	background-color:rgb(200,200,200,0.8);
	animation: all 3s linear infinite ;
}


.competicion_titulo {
	background-color:rgba(153,255,0,1);
	width:100%;
	margin-top:0.2%;
	border:1px solid #000;
	border-radius:10px;
	opacity:0.9;
	font-size:1.7em;
	text-align:center;
	line-height:1.7em;
}


.competicion1:hover {
	transition: all .9s;
	background-color:rgb(200,200,200,0.8);
	animation: all 3s linear infinite ;
}

.botones input {
	height:2em;
	font-size:2em;
	background-color:transparent;
	line-height:2em;	
	width:70%;
	text-align:center;
	border:1px solid #fff;
	border-radius:30px;
	color:#fff;
	transition: all .9s;
	z-index:12;
	outline:none;
}
input:hover {
	background-color:rgba(51,51,51,1);
}
.botones label {
	color:#fff;
	font-size:1.7em;
}
.btn_entrar{
	height:2em;
	background-color:rgba(255,255,255,1);
	line-height:2em;
	width:70%;
	text-align:center;
	border:1px solid #fff;
	border-radius:30px;
	margin-top:2%;
	margin-bottom:1%;
	color:#000;
	font-size:1.7em;
	transition: all .9s;
	z-index:12;
	outline:none;
}

.menu_opcion, menu_opcion1{
	height:2em;
	background-color:rgba(255,255,255,1);
	line-height:2em;
	width:70%;
	text-align:center;
	border:1px solid #fff;
	border-radius:30px;
	margin-top:2%;
	margin-bottom:1%;
	color:#000;
	font-size:1.7em;
	transition: all .9s;
	z-index:12;
	outline:none;
}
.menu_titulo{
	color:rgba(153,255,0,1);
	height:1.5em;
	line-height:1.5em;
	width:70%;
	text-align:center;
	border:1px solid #9F0;
	border-radius:30px;
	margin-top:2%;
	margin-bottom:1%;
	font-size:1.7em;
	transition: all .9s;
	z-index:12;
	outline:none;
}
.menu_opcion:hover{
	background-color:#666;
	animation:all .9s;	
}
.calendario {
	width:100%;	
	display:flex;
	position:absolute;
	top:15%;
	flex-flow:column nowrap;
	justify-content:start;
	align-items:center;

}
.menu_jornada{
	color:rgba(153,255,0,1);
	height:1.2em;
	line-height:1.2em;
	width:70%;
	text-align:center;
	border:1px solid #9F0;
	border-radius:30px;
	margin-top:2%;
	margin-bottom:1%;
	font-size:1.4em;
	transition: all .9s;
	z-index:12;
	outline:none;
}
.jornada_oculta{
	display:none;
	width:70%;
	border-radius:5px;
	height:auto;
}
.calendario-partido{
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:100%;
	border-radius:10px;
	color:rgba(153,255,0,1);
	margin-bottom:2%;	
}
.calendario-izquierda,.calendario-derecha{
	border:1px solid rgba(153,255,0,1);
	background-color:rgba(153,255,0,1);
	color:#000;
	flex:1;
	border-radius:10px;
	display:flex;
	justify-content:center;
	align-items:center;
	align-content:center;
	font-size:4em;
}
.calendario-izquierda{
	border-bottom-right-radius:0px;
	border-top-right-radius:0px;	
}
.calendario-derecha{
	border-bottom-left-radius:0px;
	border-top-left-radius:0px;	
}

.calendario-central{
	flex:4;
	display:flex;
	flex-flow:column nowrap;
	justify-content:space-between;
	align-items:center;
	align-content:center;	
	color:rgba(255,255,255,1);

}
.calendario-superior{
	background-color:#fff;
	flex:1;
	color:#000;
	width:100%;
	text-align:center;	
}
.calendario-inferior{
	background-color:#000;
	flex:1;
	color:#fff;
	width:100%;
	text-align:center;	
}
.calendario-medio{
flex:2;
display:flex;
align-content:center;
align-items:center;
font-size:1.1em;
}
.clasificacion-grupo{
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-content:center;
	align-items:center;
}
.fila{
	width:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-content:center;
	align-items:center;
	margin-bottom:3px;
	border-radius:10px;
}

.fila div{
	border:1px solid #000;
}
.fila div:first-child{
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;	
}
.fila div:last-child{
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;	
}

#cabecera div{
	background-color:rgba(153,255,0,1);
}

.casilla-nombre{
	flex:5;
	overflow:hidden;
	text-align:left;
}
.casilla-izquierda{
	flex:1;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}
.casilla-normal{
	flex:1;
	overflow:hidden;
	text-align:center;
}
.casilla-derecha{
	flex:2;
	font-weight:bold;
	overflow:hidden;
	text-align:center;
}
#fila:nth-child(odd){
	background-color:rgba(255,255,255,1);
}
#fila:nth-child(even){
	background-color:rgba(255,255,255,1);
}
.resultado{
	width:100%;
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-items:center;
	align-content:center;	
}

.menu_admin_titulo {
	background-color:rgba(255,255,255,1);
	height:1.2em;
	line-height:1.2em;
	width:90%;
	text-align:center;
	border-radius:5px;
	margin-top:2%;
	margin-bottom:1%;
	font-size:1.7em;
	transition: all .9s;
	z-index:12;
	outline:none;
}
.menu_admin{
	color:rgba(153,255,0,1);
	border:1px solid #9F0;
	height:1.2em;
	line-height:1.2em;
	width:80%;
	text-align:center;
	border-radius:30px;
	margin-top:1%;
	margin-bottom:1%;
	font-size:1.7em;
	transition: all .9s;
	z-index:12;
	outline:none;
}
.menu_admin:hover{
	background-color:rgba(153,255,0,1);
	color:rgba(0,0,0,1);
	transition: all .9s;
}
.admin_expan{
	border:1px solid #9F0;
	width:78%;
	display:none;
	border-radius:3px;
}
#lista-partidos{
	background-color:rgba(255,255,255,1);
	transition: all .9s;
}
#lista-partidos:hover{
	background-color:rgba(153,153,153,1);
	
}
.acta {
	width:68%;
	border:1px solid #fff;
	border-radius:5px;
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-items:left;
	align-content:center;
	font-size:2rem;
}
.acta-fila {
	border-radius:5px;
	display:flex;
	flex-flow:row nowrap;
	justify-content:flex-start;
	align-items:left;
	align-content:center; 
	border-radius:3px;
	margin:2px;
}
.acta-fila div{
	border-radius:3px;
	margin:1px;
	width:100%;
	text-align:center;
	background-color:rgba(255,255,255,1);
	height:3rem;
	line-height:3rem;
	text-align:left;
	overflow:hidden;
}
.acta-fila .set{
	border-radius:3px;
	width:100%;
	height:100%;
	text-align:center;
	background-color:rgba(0,0,0,1);
	color:#fff;
	outline:none;
	border:0;
	border:1px solid #FFF;
	font-size:2.5rem;
	line-height:2.5rem;
	overflow:hidden;
}
.boton{
	flex:1;
	text-align:center;
	background-color:rgba(153,255,0,1);
}
.boton:hover{
	background-color:#9F0;
	cursor:pointer;
	transition:all .9s;
}
#emergente1 {
	position:absolute;
	top:15%;
	left:10%;
	width:80%;
	height:80%;
	display:none;
	z-index:999; 
	background-color:rgba(51,51,51,1);
	border:1px solid #9F0;
	border-radius:5px;
	flex-flow:colunm nowrap;
	justify-content:flex-start;
	align-content:center;
	aling-items:center;
}
.arbitro_contenedor {
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	margin-top:3%;
	width:100%;
	height:90%
	
}

.arbitros_botones{
	width:100%;
	margin:0 auto;
	height:80%;
	display:flex;
	flex-flow:column nowrap;
	justify-content:flex-start;
	align-content:center;
	align-items:center;
	z-index:999;
}
.arbitros_seccion {
	margin-top:2%;
	width:95%;
	display:flex;
	flex-flow:row wrap;
	justify-content:left;
	align-items:center;
	align-content:center;
	border:1px solid #fff;
	border-radius:5px;
	color:#000;
	font-size:1.4em;
	transition: all .9s;
	z-index:12;
	outline:none;
}
.arbitros_titulo {
	width:100%;
	height:1.8em;
	line-height:1.8em;
	background-color:rgba(255,255,255,1);
	text-align:center;
	font-size:1.5em;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.arbitros_etiqueta{
	color:#fff;
	border-bottom:1px solid #fff;
	border-right:1px solid #fff;
	padding-left:1%;	
}
.arbitros_jugadores {
	width:100%;
	display:flex;
	flex-flow:row nowrap;
	justify-content:space-between;
	align-content:top;
	align-items:top;	
}
.arbitros_jugador {
	width:100%;
	margin-top:2%;
	margin-bottom:2%;
	height:1.5em;
	line-height:1.5em;
	background-color:rgba(153,255,0,1);
	text-align:center;
	font-size:1.2em;
	border-radius:5px;
}

.arbitros_jugador_no {
	width:100%;
	margin-top:2%;
	margin-bottom:2%;
	height:1.5em;
	line-height:1.5em;
	background-color:#fff;
	text-align:center;
	font-size:1.2em;
	border-radius:5px;
}

.arbitros_jugador_san {
	width:100%;
	margin-top:2%;
	margin-bottom:2%;
	height:1.5em;
	line-height:1.5em;
	background-color:rgba(204,153,153,1);
	text-align:center;
	font-size:1.2em;
	border-radius:5px;
}