button{
	font-size:11px;
	height: 20px;
	margin:0px;
	padding: 0px;
}
.button {
	background-color:#e02b20;
	color:white;
	width: 100px;
	padding:5px;
	font-weight:bold;
	font-family: verdana;
	font-size: 14px;
	margin-right:15px;
}

a {
        text-decoration: none;
		color:white;
    }
#canvas-container {
            position: relative;
			/* width:800px; */
			/* height:600px; */
			
        }

        canvas {
            border: 0px solid #FFFFFF;
        }
#pilotosCanvas,#sector1,#mapat  {
  /* width: auto; */
  /* height: auto; */
  position: absolute;
            top: 0;
            left: 0;
}

body{
   text-align:center;
   margin:0;
   font-family: verdana;
	font-size:14px;
	color:white;
}
#datos-xml{
   color:#ffffff;
   background-color: #000000;
}
#registrosp td{
	text-align:center;
	border-collapse: collapse;
	height:20px;
	padding:2px;
}
#registrosp th{
	text-align:center;
	padding:2px;
	border-collapse: collapse;
	height:20px;
}
.registrosp td{
	padding-top:3px;
   padding-bottom:3px;
}
.circuitoserver{
   color:white;
   background-color:#E02B20;
   padding-top:5px;
   padding-bottom:5px;
   font-weight: bold;
}

#tambienteserver, #nubes, #lluvia, #mina, #maxa {
   flex-basis: 32%;
   flex-grow: 1;
   display: flex;
   justify-content: center;
   align-items: center;
}
#sesionserver, #npilotosserver, #tpistaserver, #circuitoserver,#restante{
   flex-basis: 32%;
   flex-grow: 1;
   display: flex;
   justify-content: center;
   align-items: center;
}

#thpilotos {
	width:100%;
	background-color:#e02b20;
}
.tablasdirecto {
	width:100%;
	border-collapse: collapse;
}
.itablaalternadaracef1 tr:nth-child(even) {
        background-color: #333333;
    }
.itablaalternadaracef1 tr:nth-child(odd) {
        background-color: #000000;
    }
#map {
  position: relative;
  width: 80%; /* Ancho del mapa horizontal*/
  height: 28px; /* Alto del mapa */
  background-color: #333333; /* Color de fondo del mapa */
  /*border-top: 2px solid white;*/
  /*border-bottom: 2px solid white;*/
}

        /* Estilo de los iconos de pilotos */
        .piloto {
            /* width: 5px; */
            /* height: 50px; */
            border-radius: 50%;
            position: absolute;
			margin-top:5px;
        }

.nombre {
	padding-left: 28px;
	width: 100%;
	height: 30px;
}
.punto {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgb(255, 131, 0);
    cursor: default;
    position: relative; /* Importante para el posicionamiento */
}
.textopunto {
    position: absolute;
    top: 50%; /* Centra verticalmente */
    left: 50%; /* Centra horizontalmente */
    transform: translate(-50%, -50%); /* Centra el contenido dentro del punto */
    text-align: center; /* Centra horizontalmente el texto */
}