@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

:root {
	--azul:#011f3c;
	--amarillo:#FC0;
}

* { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-family: "Bebas Neue", sans-serif; font-weight: 400;
	font-family:Arial, Helvetica, sans-serif;
}

#header { 
	background:url(/img/mallorca-chess-tourism.png) var(--azul) top left no-repeat; 
	background-size:60px;
	background-position: 10px 10px;
}
#header div { font-size:28px; font-family: "Bebas Neue", sans-serif; font-weight: 400; color:#FFF; text-align:left; margin:10px 00px 0px 85px; padding:0px;  }
#header div span { font-size:28px; font-family: "Bebas Neue", sans-serif; font-weight: 400; color:var(--amarillo); }
#header p { font-size:11px; text-shadow:none; padding:0px; margin:-0.3em 0px 10px 85px; color:#FFF }
#header a { margin:5px; }
h1,h2,h3,h4 { font-family: "Bebas Neue", sans-serif; font-weight: 400; }

.idiomas { display:block; width:100%; text-align:right; position:absolute; top:20px }
.idiomas a { display:inline-block; width:50px; height:30px; text-decoration:none; }
.idiomas a:first-child {background:url(/img/es.png) no-repeat; background-size:35px 20px; }
.idiomas a:last-child {background:url(/img/en.png) no-repeat; background-size:35px 20px; }
.mybox { border:1px solid #ccc; border-radius:5px; margin-bottom:30px; }

.premios table { font-size:11px; width:100% }
.premios table tr:first-child td { background:var(--amarillo); text-transform:uppercase; font-size:12px; font-weight:bold; text-align:center; line-height:20px }
.premios table tr:first-child td:nth-child(2) { background:#fff }
.premios table tr td { padding:2px 4px 2px 0px}
.premios table tr td:nth-child(1) { width:40px }
.premios table tr td:nth-child(2) { text-align:right; }
.premios table tr td:nth-child(4) { width:40px}
.premios table tr td.blanco { background-color:#FFF; }

.calendario table { font-size:11px; }
.calendario table tr td { padding:2px 10px 2px 0px;}
.calendario table tr td:first-child { width:50px; }
.calendario table tr td:nth-child(2) { width:100px; }


#box-s2400 { background:url(/img/fons-rei-amarillo.png) top right no-repeat; background-size:cover; min-height:300px }
#box-s2400 h2 { margin:20px 0px 0px 20px; color:#FFF; text-shadow:none; font-size:48px }
#box-s2400 h3 { margin:0px 0px 0px 20px; color:#FFF; text-shadow:none; font-size:30px }
#box-s2400 p { margin-left:20px; text-shadow:none; color:#000; width:50% }
#box-s2400 a { margin-left:20px; text-decoration:none; text-shadow:none; color:var(--azul); padding:5px; border-radius:4px; border:1px solid #FFF; display:block; width:100px; text-align:center; background:var(--amarillo);  }
#box-s2400 a:hover { border-color:var(--azul) }


#box-s1800 { background:url(/img/fons-rei-azul.png) top left no-repeat; background-size:cover; min-height:300px; text-align:right }
#box-s1800 h2 { margin:20px 20px 0px 0px; color:#FFF; text-shadow:none; font-size:48px }
#box-s1800 h3 { margin:0px 20px 0px 0px; color:#FFF; text-shadow:none; font-size:30px }
#box-s1800 p { margin-right:20px; text-shadow:none; color:#FFF; width:50%; margin-left:45% }
#box-s1800 a { margin-left:50%; text-decoration:none; text-shadow:none; color:var(--azul); padding:5px; border-radius:4px; border:1px solid #FFF; display:block; width:100px; text-align:center; background:var(--amarillo)  }
#box-s1800 a:hover {border-color:var(--azul) }

#footer {border-top:1px solid #ccc}
#footer p { margin:4px 0px 3px 10px;  }

#alojamiento img { width:100%; }
#inscripcion h3 { display:inline-table; border:1px solid var(--azul); width:45%; padding:0px; margin-right:3% }
#inscripcion h3 span {background-color:var(--azul); color:#FFF; text-align:center; width:50%; display:inline-block; padding:0px; margin:0px; line-height:40px; font-size:14px }
#inscripcion h3 span:first-child {background-color:#fff; color:#000; }

#patrocinio ul { margin:0px; padding:0px; }
#patrocinio ul li { list-style:none; width:100%;  margin:0px 0px 10px 0px; padding:0px}
#patrocinio ul li img { width:100%; display:block; margin-bottom:5px  }
#patrocinio ul li div:first-child { margin-right:5%; }
#patrocinio ul li div { display:inline-block; width:45%; border:1px solid #ccc; border-radius:4px; padding:0px 10px 5px 10px; box-sizing: border-box } 

#jugadores ul { margin:0px; padding:0px; }
#jugadores li { list-style:none; line-height:30px; vertical-align:middle }
#jugadores li:first-child { display:none; }
#jugadores li:nth-child(even) { background-color:#efefef; }
#jugadores li span { font-size:11px; display:inline-block; margin-right:5px; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
#jugadores li span:first-child { width:15px; padding-left:4px}  /* nº */
#jugadores li span:nth-child(2) { width:15px;  } 				/* sexo */
#jugadores li span:nth-child(3) { width:180px; }				/* nombre */
#jugadores li span:nth-child(4) { display:none }				/* club */
#jugadores li span:nth-child(5) { width:20px; text-align:center}/* titulo */
#jugadores li span:nth-child(6) { width:15px; text-align:center}/* edad */
#jugadores li span:nth-child(7) { width:25px; text-align:center}/* elo */
#jugadores li span:nth-child(8) { display:none}					/* pais */
#jugadores li span:last-child { margin-right:0px; }
#jugadores li img { width:20px; vertical-align:middle }

.p2 p, .p2 li { font-size:11px; }
.particpantes { background:url(../img/personas.png) left top no-repeat;}
.premios { background:url(../img/trofeo.png) left top no-repeat;}
.calendario { background:url(../img/calendario.png) left top no-repeat;}
.ritmo { background:url(../img/reloj.png) left top no-repeat;}
.desempates { background:url(../img/caballo.png) left top no-repeat;}
.bye { background:url(../img/caballo.png) left top no-repeat;}
.otros { background:url(../img/bola.png) left top no-repeat; }
.lugar { background:url(../img/marker.png) left top no-repeat; }
.particpantes, .premios, .calendario, .ritmo, .desempates, .otros, .lugar, .bye {  background-size:30px; }
.particpantes h3, .premios h3, .calendario h3, .ritmo h3, .desempates h3, .otros h3, .lugar h3, .bye h3 { margin-left:40px; line-height:30px; vertical-align:middle}
.blanco { background:#FFF  }

#registrarme { display:block; width:100px; border:1px solid #ccc; border-radius:4px; background-color:#efefef; text-align:center; padding:10px; cursor:pointer }

#retrasmision {
	border:1px solid #ccc; 
	width:100%; height:200px; text-align:center; height:auto;
}
#retrasmision img { width:100% }
#retrasmision .link { padding:5px 20px 5px 20px; background:var(--amarillo); margin-right:40px; text-decoration:none; color:var(--azul) }

#cr { 100% margin:40px 0px 0px 45px; height:auto; padding:0px}
#cr img { width:100%; margin:0px; padding:0px}
#cr a { margin:0px; padding:0px}