/*Cuerpo*/
body {
	text-align:center;
	
	font-family: sans-serif;
	
	background: white;


	
} /*Para centrar con IE6*/
table{
	
	font-family: 'Arial Narrow',sans;
	
}
a{
	color:#FFFFFF;	
}
a:link{
	color:#FFFFFF;
}
a:visited{
	color:#FFFFFF;
}

}
link{
	color: #FFFFFF;
}
a:hover{
	
	color:red;
}
td a:link{
	color:white;
	}
/*link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF"*/
/*P�gina*/
#pagina { 
	
	position: relative;/*ES NECESARIO EN RELATIVE PARA QUE SE CENTRE LA WEB USANDO LO DE MARGIN AUTO YA QUE LA PAGINA WEB ES RELATIVA AL TAMA�O DE PANTALLA*/
	margin: auto;/*ESTO HACE QUE EN PANTALLAS GRANDES SE CENTRE LA WEB*/
	width: 980px; 
	height: 100%; //Estaba en 1500px
	z-index: 1; 
	left: 5px; 
	top: 5px;
	background:#c1eff2;


}



/*Cabecera*/
#cabecera { 
		position: absolute; width: 780px; height: 155px; z-index: 6; left: 70px; top: 0px;
		background:#9dd1e9;
		
}
/*Relleno Izquierdo y Lateral Izquierdo */
#rellenoizquierdo {
    position: absolute;
    width: 220px; /* Ancho total de ambos elementos (150px + 70px) */
    height: 1390px;
    z-index: 2;
    left: 0;
    top: 0;
    background: linear-gradient(to bottom, #9dd1e9, #2980b9); /* Degradado vertical de colores */
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* Sombra con desplazamiento */
    /*background-image:url(../img_diseno/rellenoizquierdo.PNG);*/
}

#lateralizquierdo {
    position: absolute;
    width: 150px; /* Ancho del #lateralizquierdo */
    height: 1235px;
    z-index: 5;
    left: 70px;
    top: 155px;
    background: linear-gradient(to bottom, #9dd1e9, #2980b9); /* Degradado vertical de colores */
/*    background: transparent; /* Fondo transparente para #lateralizquierdo */
}


			

/*Central*/
#centro { 
			 background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
            position: absolute; width: 630px; height: 1235px; z-index: 4; left: 220px; top: 155px;
            display: block;
	
}

/*Relleno Derecho*/
#rellenoderecho { 
			background:#9dd1e9;
			position: absolute; width: 130px; height: 1390px; z-index: 7; left: 850px; top: 0px;
			box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* Sombra con desplazamiento */
			/*background-image:url(../img_diseno/rellenoderecho.PNG);*/

            
}

/*Abajo Izquierda*/
#abajoizquierda {
			position: absolute; width: 70px; height: 100px; z-index: 8; left: 0px; top: 1390px;
			background:#9dd1e9;
			/*background-image:url(../img_diseno/abajoizquierda.PNG);*/
}

/*Pie*/
#pie { 
		clear:both;
		display: block;
		background:#9dd1e9;
		position: absolute; width: 780px; height: 100px; z-index: 9; left: 70px; top: 1390px;
        color:#000000;
        /*background-image:url(../img_diseno/pie.PNG);*/
 
}

/*Abajo Derecha*/
#abajoderecha {
			position: absolute; width: 130px; height: 100px; z-index: 10; left: 850px; top: 1390px;
			background:#9dd1e9;
			box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* Sombra con desplazamiento */
			/*background-image:url(../img_diseno/abajoderecha.PNG);*/
}




/*table1, la del header*/
#table1 {
	background:black;

}

#tienda td{
	color:white;
	font-family: "arial", sans-serif;
	font-size: 12pt;	
	}
#info{
	background-color: #b1b2b2;
	}

/*NO EST� -->Arriba Derecha*/
/*#arribaderecha {
			position: absolute; width: 100px; height: 100px; z-index: 3; left: 876px; top: 24px;
			
}*/

/* Estilos ARTICULOS */
.article-details {
    width: 80%;
    margin: 0 auto;
    border-collapse: collapse;
}

.article-details th,
.article-details td {
    padding: 8px;
    border: 1px solid #ddd;
    text-align: left;
}

.article-details th {
    background-color: #f2f2f2;
}


#articulo_ver { 
			 background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
            
            display: block;
	
}
#articulobody { 
			 background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
                height: 1390px;
            display: block;
	
}

#cambiarModoBoton{
	background: linear-gradient(to bottom, #2E86C1, #1B4F72);
	color:white;
	
	}
/* Estilos PATROCINADORES */
        #patrocinador-fondo{
	        background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
	        height: 1390px;
	        }
        
        #patrocinadores-table {
            width: 90%;
            border-collapse: collapse;
            text-align: center;
        }
        #patrocinadores-table th,
        #patrocinadores-table td {
            padding: 8px;
            border: 1px solid #ddd;
            text-align: center;
        }
        #patrocinadores-table th {
            background-color: #f2f2f2;
        }
        #patrocinadores-table tr:nth-child(even) {
            background-color: #f2f2f2;
        }
        #patrocinadores-table tr:hover {
            background-color: #ddd;
        }
        .button-container {
            display: flex;
            justify-content: center;
            gap: 5px;
        }
        .button-container button {
            padding: 5px 10px;
            cursor: pointer;
        }
/*---------------------------------*/
/* Estilos MOTORES.PHP */
#motores-fondo{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 1230px;
    }

#motores-table {
    width: 90%;
    border-collapse: collapse;
    border-radius: 10px; /* Borde redondeado */
    text-align: center;
	border-radius: 10px; /* Borde redondeado */
	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
;
}
#motores-table th,
#motores-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;
}
#motores-table th {
    background-color: #f2f2f2;
}
#motores-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#motores-table tr:hover {
    background-color: #ddd;
}
.ejecutar-button {
    background-color: #4CAF50; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 10px 20px; /* Espacio interno */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 15px; /* Tamaño de fuente */
    margin: auto 2px; /* Margen externo */
    cursor: pointer; /* Cursor al pasar por encima */
    border-radius: 8px; /* Borde redondeado */
}
/* Estilo divs Motores.php*/
 .table-container {
            display: block;
            width: 90%; /* Ajusta el ancho de las tablas según tu diseño */
            margin-right: 20px; /* Espacio entre las tablas */
			margin-left: 34px;
        }
        
 .table-container h3{
	 	
	
	 }       
/*---------------------------------*/
/* Estilos registro.PHP */
#registro-table th,
#registro-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#registro-table th {
    background-color: #f2f2f2;
}
#registro-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#registro-table tr:hover {
    background-color: #ddd;
}
#registrofondo{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
/*---------------------------------*/
/*---------------------------------*/
/* Estilos jugadores.PHP */
#jugadores-table th,
#jugadores-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;
}
#jugadores-table th {
    background-color: #f2f2f2;
}
#jugadores-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#jugadores-table tr:hover {
    background-color: #ddd;
}
#jugadores-fondo{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
/*---------------------------------*/
/*----TIENDA----*/
#bodytienda{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 1230px;
    }
    
 /*----*/
 /*----NOTICIAS----*/
#noticiasbody{
	font-family: "Arial";
	font-size: 12pt;
background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
#tablanoticias {
    border-radius: 10px;
    box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2);
    border-collapse: collapse;
    width: 70%;
    background-image: linear-gradient(to bottom, #C70039, #900C3F);
    color: white;
}

#headernoticias {
    background-image: linear-gradient(to bottom, #900C3F, #C70039);
    text-align: center;
    padding: 10px;
}

#tdnoticias {
    background-image: linear-gradient(to bottom, #C70039, #900C3F);
    padding: 10px;
}
   
 /*----*/
 
 /*---------------------------------*/
/* Estilos empleados.PHP */
#empleados-table th,
#empleados-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;
    	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#empleados-table th {
    background-color: #f2f2f2;
}
#empleados-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#empleados-table tr:hover {
    background-color: #ddd;
}
#empleados-fondo{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
#contrataempleados-body{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }    
 #contrataempleados-table th,
#contrataempleados-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;
}
#contrataempleados-table th {
    background-color: #f2f2f2;
}
#contrataempleados-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#contrataempleados-table tr:hover {
    background-color: #ddd;
}   
.contratar-button {
    background-color: #4CAF50; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 10px 20px; /* Espacio interno */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 15px; /* Tamaño de fuente */
    margin: auto 2px; /* Margen externo */
    cursor: pointer; /* Cursor al pasar por encima */
    border-radius: 8px; /* Borde redondeado */
}
.despedir-button {
    background-color: #c40f0f; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 10px 20px; /* Espacio interno */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 15px; /* Tamaño de fuente */
    margin: auto 2px; /* Margen externo */
    cursor: pointer; /* Cursor al pasar por encima */
    border-radius: 8px; /* Borde redondeado */
}
/*---------------------------------*/

/*----*/
 
 /*---------------------------------*/
/* Estilos Juveniles.PHP */
#juveniles-table th,
#juveniles-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;
    	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#juveniles-table th {
    background-color: #f2f2f2;
}
#juveniles-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#juveniles-table tr:hover {
    background-color: #ddd;
}

#juveniles-body{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }    


/*---------------------------------*/

/*---------------------------------*/
/* Estilos estadio.PHP */
#estadio-table th,
#estadio-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#estadio-table th {
    background-color: #f2f2f2;
}
#estadio-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#estadio-table tr:hover {
    background-color: #ddd;
}
#estadiobody{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
/*---------------------------------*/


/*---------------------------------*/
/* Estilos ServicioPatrocinador.PHP */
#tabla-serpatrocinador th,
#tabla-serpatrocinador td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#tabla-serpatrocinador th {
    background-color: #f2f2f2;
}
#tabla-serpatrocinador tr:nth-child(even) {
    background-color: #f2f2f2;
}
#tabla-serpatrocinador tr:hover {
    background-color: #ddd;
}
#serpatrocinadorbody{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
/*---------------------------------*/



/*ESTILO COLABORAR*/

#tablacolaborar th,
#tablacolaborar td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#tablacolaborar th {
    background-color: #f2f2f2;
}
#tablacolaborar tr:nth-child(even) {
    background-color: #f2f2f2;
}
#tablacolaborar tr:hover {
    background-color: #ddd;
}
#bodycolaborar{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
.table-header {
    background: linear-gradient(to bottom, #b0b0b0, #474747); /* Degradado de arriba abajo */
    text-align: center;
    padding: 10px;
    font-weight: bold;
}

.data-label {
    background: linear-gradient(to bottom, #2E2E2E, #6C6B69, #2E2E2E); /* Degradado de arriba abajo */
    padding: 5px 10px;
    font-weight: bold;
}

.data-value {
    background: linear-gradient(to bottom, #2E2E2E, #6C6B69, #2E2E2E); /* Degradado con el más claro en el centro */
    padding: 5px 10px;
    font-weight: bold;
    height: 57px;
}

#tablacolaborar tr:last-child td {
    height: 30px; /* Ajustar la altura de la última fila */
}

/*------*/

/*---------------------------------*/
/* Estilos creditos.PHP */
#creditos-table th,
#creditos-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#creditos-table th {
    background-color: #f2f2f2;
}
#creditos-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#creditos-table tr:hover {
    background-color: #ddd;
}
#creditosfondo{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    }
/*---------------------------------*/
/*---------------------------------*/
/* Estilos clasificacion.PHP */
#clasif-table th,
#clasif-table td {
    background: #2b83c1;
    padding: 8px;
    
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#clasif-table th {
    background-color: #f2f2f2;
}
#clasif-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#clasif-table tr:hover {
    background-color: #ddd;
}
#fondoclasif{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    color: white;
    }
/*---------------------------------*/

/*---------------------------------*/
/*---------------------------------*/
/* Estilos Live */
#live-table th,
#live-table td {
    background: #2b83c1;
    padding: 8px;
    background-image:url('../live/bg2.png');
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#live-reloj th,
#live-reloj td {
    
   	border:none;
	border-bottom: none;
	
    border-width: thin;	
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}
#live-table th {
    background-color: #f2f2f2;
}
#live-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#live-table tr:hover {
    background-color: #ddd;
}
#livebody{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    color: white;
    }
/*---------------------------------*/

/*---------------------------------*/
/*---------------------------------*/
/* Estilos Internacional */

#titular-internacional{
	
	   background: #2b83c1;
    padding: 8px;
    margin-top:-20px;
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
	}

#intnoticiasbody{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    color: white;
    }
 #infoseleccionbody{
	 
	     background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    
	 }
 #menucabeceraINT{
 				box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
 				overflow: hidden; /* Para que la sombra no se vea cortada */ 
				font-family: Arial; 
				font-size: 13pt; 

				top:81px;
				left: 450px;
				position:absolute;
				height:18px;
				width:150px; 
				background: #2b83c1;
				/*background-image:url('../internacional/img_internacional/bg_menu.gif');*/
				
				
}

#menuenlacesINT{

				background: #2b83c1;
				top:102px;
				left: 450px;
				position:absolute;
				width:150px; 
				background-image:url('../internacional/img_internacional/bgmenuenlaces.png');
				font-family: Arial ; 
				font-size: 10pt; 
				text-align: left;
				font-weight: bold;
				
				
}
#tablanoticiasinternacional{
	
 				box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
 				overflow: hidden; /* Para que la sombra no se vea cortada */ 

 				width: 430px;
				background: #2b83c1;
	}
#insertarNoticia{
	
	font-family: 'Arial' ,sans-serif;
	}	
	
#insertarNoticiabody{
	 background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    color: white;
	}
.addnoticias-button {
    background-color: #4CAF50; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 8px 13px; /* Espacio interno */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 14px; /* Tamaño de fuente */
    margin: auto 2px; /* Margen externo */
    cursor: pointer; /* Cursor al pasar por encima */
    border-radius: 6px; /* Borde redondeado */
}
.serEntrenador-button {
    background-color: #4CAF50; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 8px 13px; /* Espacio interno */
    text-align: center; /* Alineación del texto */
    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 14px; /* Tamaño de fuente */
    margin: auto 2px; /* Margen externo */
    cursor: pointer; /* Cursor al pasar por encima */
    border-radius: 6px; /* Borde redondeado */
}
#tablainfoseleccion{
	
	 background-color: #256b9b; /* Color de fondo */
    border: none; /* Sin borde */
    color: white; /* Color del texto */
    padding: 8px 13px; /* Espacio interno */

    text-decoration: none; /* Sin subrayado */
    display: inline-block; /* Mostrar como bloque en línea */
    font-size: 14px; /* Tamaño de fuente */
    margin: auto 2px; /* Margen externo */
    cursor: pointer; /* Cursor al pasar por encima */
    border-radius: 6px; /* Borde redondeado */
	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
	}
/*---------------------------------*/
/*---------------------------------*/
/* Estilos Mercado */
#mercado-table th,
#mercado-table td {
    background: #2b83c1;
    padding: 8px;
    background-image:url('../live/bg2.png');
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}

#mercado-table th {
    background-color: #f2f2f2;
}
#mercado-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#mercado-table tr:hover {
    background-color: #ddd;
}
#mercadobody{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    color: white;
    }
/*---------------------------------*/

/*---------------------------------*/

/*---------------------------------*/
/* Estilos Entrenamiento */
#entrenamiento-table th,
#entrenamiento-table td {
    background: #2b83c1;
    padding: 8px;
    background-image:url('../live/bg2.png');
    text-align: center;

	box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
	overflow: hidden; /* Para que la sombra no se vea cortada */   
	border-collapse: collapse; 
}

#entrenamiento-table th {
    background-color: #f2f2f2;
}
#entrenamiento-table tr:nth-child(even) {
    background-color: #f2f2f2;
}
#entrenamiento-table tr:hover {
    background-color: #ddd;
}
#bodyentrenamiento{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    color: white;
    }
/*---------------------------------*/

/*---------------------------------*/
	
/*---------------------------------*/
/* Estilos para la versión móvil */

    @media only screen and (max-width: 767px) {
	/*Aqui repetimos los estilos de arriba pero adaptados a moviles */      
      	#rellenoizquierdo{
	      
	      display: none;
	      left: auto;
	      }
	      
	      
	      #abajoizquierda{/*En la verion movil quitamos por ahora estas dos partes*/
	      display: none;
	      left: auto;
	      }
		  #pagina { 
			
			width: auto; 
			height: 100%; //Estaba en 1500px
			z-index: 1; 
			 margin-left: auto;
			top: 5px;
			background:#c1eff2;
			margin:auto;
			position: absolute;
			left: auto;
		}
		#centro{
			
			
            display: block;
   			position: absolute;
			left: 149px;
			}
		
		
	    #rellenoderecho{
		    
		    
		   	top: 80%;/*Para que aparezca a partir del 80% de la web*/
		    bottom: 0;
			left: 0;
			width: 100%;
			height: 16%;
			background: black;
   			display: flex;
   			justify-content: center; 
		    position: fixed ;
			opacity: 0.7;
		    display: flex;/*Para que se vea horizontal*/
			flex-direction: row;/*Para que se vea horizontal*/ 
		    
		    
		    }
	    #abajoderecha {
	        display: none;
	        left: auto;
	    }	
		#cabecera,#pie{
			z-index: auto;
			left: auto;
		}
		#lateralizquierdo{
			left: auto;
			display: block;
			position: absolute;
		}
   
   
    }
    
    
    
    /**-------------------------***/
	/*      ADMINISTRACION 		**/
	/*--------------------------**/
	
	
	/*---------------------------------*/
	/* Estilos INDICE ADMIN */
	#tablaadministracion{
		background: #2b83c1;
	
	
		box-shadow: 9px 8px 4px rgba(0, 0, 0, 0.2); /* Sombra */
		overflow: hidden; /* Para que la sombra no se vea cortada */   
		border-collapse: collapse; 
		
		}
	#bodyadmin{
	    background: linear-gradient(to right, #0b436d, #2f9900); /* Degradado vertical de colores */ 
	    height: 100%;
	    font-family: sans-serif;
	    color: white;
	    }
	    
	    
	    .administracion-button {
	    background-color: #1038eb; /* Color de fondo */
	    border: none; /* Sin borde */
	    color: white; /* Color del texto */
	    padding: 5px 10px; /* Espacio interno */
	    text-align: center; /* Alineación del texto */
	    text-decoration: none; /* Sin subrayado */
	    display: inline-block; /* Mostrar como bloque en línea */
	    font-size: 13px; /* Tamaño de fuente */
	    margin: auto 2px; /* Margen externo */
	    cursor: pointer; /* Cursor al pasar por encima */
	    border-radius: 8px; /* Borde redondeado */
	}
	
	   .salir-button {
	    background-color: #866a95; /* Color de fondo */
	    border: none; /* Sin borde */
	    color: white; /* Color del texto */
	    padding: 5px 10px; /* Espacio interno */
	    text-align: center; /* Alineación del texto */
	    text-decoration: none; /* Sin subrayado */
	    display: inline-block; /* Mostrar como bloque en línea */
	    font-size: 13px; /* Tamaño de fuente */
	    margin: auto 2px; /* Margen externo */
	    cursor: pointer; /* Cursor al pasar por encima */
	    border-radius: 8px; /* Borde redondeado */
	}
/*---------------------------------*/

/* USUARIO -->PARTIDOS */
#usuariopartidos{
    background: linear-gradient(to bottom, #9dd1f9, #2980b9); /* Degradado vertical de colores */ 
    height: 100%;
    font-family: sans-serif;
    color: white;
    }
#fila-partido {
        background-image: url('../usuario/img_partidos/bt1.png');
        background-size: cover;  /* Cubre todo el espacio disponible */
        filter: grayscale(50%); /* Convierte la imagen a escala de grises */
        color: #FFFFFF;
        font-family: Arial;
        font-size: 14px; /* equivalente a size=2 en <font> */
        text-align:center;
    }
#fila-partido2 {
        background-image: url('../usuario/img_partidos/bt1.png');
        background-size: cover;  /* Cubre todo el espacio disponible */
        filter: grayscale(80%); /* Convierte la imagen a escala de grises */
        color: #FFFFFF;
        font-family: Arial;
        font-size: 14px; /* equivalente a size=2 en <font> */
        text-align:center;
 }