@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;
}

body, html { }
body { background-color:#444;}
main { background-color:#FFF; }

#web { width:1000px; margin:0 auto 0 auto; z-index:1; background:#fff; padding-top:35px; }
header { padding:30px; height:450px; background:url(/img/fondo-cabecera.jpg) no-repeat; background-size:cover; z-index:5; clear:both; display:block; padding-top:2px}
header h1 { 
	color:#FFF; text-transform:uppercase; margin:0px; padding:0px;
	font-size:100px;
}
header h1 span { color:var(--amarillo); display:block; margin-top: -0.4em }
header p {	
	color:#FFF; margin:0px;  margin-top:-0.3em; text-transform:uppercase; padding:0px;	
    display: inline-block;
}
header p span { display:inline-block; height:2px; width:30px; background-color:var(--amarillo); margin:0px 10px 5px 10px; }
heaaer p span:first.child { margin-left:0px; }

header nav { 
	background:url(/img/mallorca-chess-tourism.png) left no-repeat;
	background-size: 100px;
	height:100px;
}

header nav ul { position:absolute; margin:5px 0px 0px 100px}
header nav ul li { display:inline-block; margin:20px 15px 0px 0px }
header nav ul li a { 
	text-decoration:none; color:#FFF;  display:inline-table; padding-bottom:10px; 
	font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:10pt
}
header nav ul li a:hover { border-bottom:2px solid var(--amarillo);}

header ul.detalles { margin:0px; padding:0px; margin-top:15px }
header ul.detalles li { list-style:none; padding-left:40px; text-transform:uppercase; color:#FFF; font-size:20px; line-height:30px }
header ul.detalles li:first-child  { background:url(/img/calendario.png) left no-repeat; background-size: 15px; }
header ul.detalles li:nth-child(2) { background:url(/img/marker.png) left no-repeat; background-size: 15px; }
header ul.detalles li:nth-child(3) { background:url(/img/trofeo.png) left no-repeat; background-size: 15px; }
header ul.detalles li span { color:var(--amarillo); }

header a.sel { color:var(--amarillo); border-bottom:2px solid var(--amarillo); }

header .idiomas {position:absolute; display:block; width:920px; top:10px; text-align:right }
header .idiomas a { text-decoration:none; color:#FFF; display:inline-block; width:50px; height:30px }
header .idiomas a:first-child { background:url(/img/es.png) left no-repeat; background-size:40px 20px; }
header .idiomas a:last-child { background:url(/img/en.png) left no-repeat; background-size:40px 20px;}
#s2400, #s1800 {
	text-align:center;
	border-radius: 5px;
	height:450px; 
	width:430px;
	display:inline-table;
	margin-left:45px;
	margin-top:40px;
}

#s2400 h2, #s1800 h2 { margin-top:20px; font-size:30px }
#s2400 h2 span, #s1800 h2 span { display:block; font-size:24px}
#s2400 h3, #s1800 h3 { margin:0px; font-size:60px; margin-top: -0.4em; padding-bottom:5px; border-bottom:1px solid #FFF }

#s2400 article, #s1800 article { height:150px; margin:20px	}

#s2400 a, #s1800 a { 
	clear:both; display:block; 
	padding:10px 20px 10px 20px; 
	border:1px solid #666; border-radius: 5px;
	text-decoration:none;
	text-align:center; width:50%; margin-left:15%;
	font-weight:bold; text-transform:uppercase;
	font-family:Verdana, Geneva, sans-serif
}

#s2400 a:hover, #s1800 a:hover { color:#FFF; }

#s2400 { background-color:var(--azul); color:#FFF } 
#s2400 a { background-color:var(--amarillo); color:var(--azul) }
#s2400 a:hover { border-color:var(--amarillo); background-color:var(--azul) }

#s1800 { background-color:var(--amarillo); color:var(--azul)} 
#s1800 a { background-color:var(--azul); color:var(--amarillo) }
#s1800 a:hover { border-color:var(--azul); background-color:var(--amarillo) }

#patrocinadores {
	border-top:3px solid var(--amarillo);
	padding-top:10px; margin-top:20px
}

#colaboradores {
	border-top:3px solid var(--amarillo);
	padding-top:10px; margin-top:20px
}


.peo { 
	background:url(/img/peo.png) center no-repeat; 
	background-size:40%; 
	border-radius: 50%; border:3px solid #fff;
	width:100px; height:100px; margin:0 auto 0 auto;
	margin-top:20px
}

.rei {
	background:url(/img/rei.png) center no-repeat; 
	background-size:40%; 
	border-radius: 50%; border:3px solid #fff;
	width:100px; height:100px; margin:0 auto 0 auto;
	margin-top:20px
}

p { font-family:Arial, Helvetica, sans-serif; }


footer {
	background-color:var(--azul);
	color:#FFF; height:170px; overflow:hidden
}

#colaboradores,#patrocinadores { margin:20px }
#colaboradores img,
#patrocinadores img { border:1px solid #ccc; border-radius:5px; margin-right:10px; padding:5px; display:inline-block; width:150px }

aside { background:url(../img/barra.png); height:150px;}
aside h2 { font-size:48px; margin:0px; color:var(--azul); padding:35px 0px 0px 150px }
aside p { margin:-0.4em; color:var(--azul); padding:0px 0px 0px 150px; margin:0px }
aside a { 
	position:absolute; float:right; margin:60px 0px 0px 650px; padding:10px 20px 10px 20px; 
	display:block; width:150px; font-size:18px;
	background-color:var(--azul); border-radius:5px; color:var(--amarillo);
	text-decoration:none; text-align:center
}

footer div { 
	border-right:1px solid #CCC; 
	display:inline-table; margin-top:20px; 
	padding-right:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px; font-weight:normal;
	min-height:100px; padding-left:30px
}

footer div:first-child {
	background:url(/img/mallorca-chess-tourism.png) top left no-repeat;
	background-size:100px;
	padding-left:125px; width:150px;
	margin-left:50px
}
footer div:first-child p { margin-top:20px; }
footer div:nth-child(1) { width:150px }
footer div:nth-child(2) { width:150px; } 
footer div:nth-child(3) { width:150px }
footer div:nth-child(4) { width:150px; border:none }
footer div:nth-child(5) { clear:both; display:block; width:100%; text-align:center; border:none; margin:0px; padding:0px }

footer ul, footer li { list-style:none; margin:0px; padding:0px }
footer ul {    
	columns: 2;              /* Número de columnas */
    -webkit-columns: 2;      /* Compatibilidad Safari */
    -moz-columns: 2;         /* Compatibilidad Firefox */
}
footer a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-weight:lighter }
footer a:hover {text-decoration:underline; }



.p2 header { height:150px; background:none; background-color:var(--azul); }
.p2 header p.titulo { font-size:48px; color:#FFF; font-family: "Bebas Neue", sans-serif; margin-top:10px }
.p2 header p.titulo span { display:inline; font-size:48px; color:var(--amarillo); background:none; }
.p2 header nav { display:block; }
.p2 header nav ul { margin-left:200px}
.p2 section { margin:30px; }
.p2 section h3 { font-size:40px; padding-left:70px }
.p2 section p { margin-left:70px; text-align:justify}
.particpantes { background:url(../img/personas.png) left top no-repeat; background-size:0px; }
.premios { background:url(../img/trofeo.png) left top no-repeat; background-size:50px; }
.calendario { background:url(../img/calendario.png) left top no-repeat; background-size:50px; }
.ritmo { background:url(../img/reloj.png) left top no-repeat; background-size:50px; }
.particpantes { background:url(../img/personas.png) left top no-repeat; background-size:50px; }
.desempates { background:url(../img/caballo.png) left top no-repeat; background-size:50px; }
.otros { background:url(../img/bola.png) left top no-repeat; background-size:50px; }
.lugar { background:url(../img/marker.png) left top no-repeat; background-size:50px; }
.premios table { margin-left:70px;  }
.premios table td { padding:4px; width:100px; font-family:Arial, Helvetica, sans-serif}
.premios table td:first-child { width:50px; }
.premios table td:nth-child(2) { text-align:right }
.premios table td:nth-child(6) { text-align:right }
.premios table tr:first-child td { font-size:16px; font-weight:bold; border-bottom:1px solid #ccc }
.premios table tr:first-child td:nth-child(4) { border:none}
.p2 section ul {margin-left:60px; }
.p2 section ul li { font-family:Arial, Helvetica, sans-serif; margin-bottom:5px }
.calendario table { margin-left:70px; }
.calendario table td { padding:4px; width:100px; font-family:Arial, Helvetica, sans-serif }
.calendario table td:nth-child(2) { width:200px; }

#lugar article { background:url(../img/marker.png) left top no-repeat; background-size:50px; }



#inscripcion p { margin-left:0px; }
#inscripcion form * { font-family:Arial, Helvetica, sans-serif; }
#inscripcion label { display:block; }
#inscripcion input, #registro select { margin-bottom:10px; display:block }
#inscripcion article { width:40%; display:inline-block;; vertical-align:top; margin-right:5%; padding:0px}

#inscripcion h3 { border:1px solid var(--amarillo); border-radius:5px; }
#inscripcion h3 span { display:inline-block; background:var(--amarillo); margin:0px; width:50%; text-align:center }
#inscripcion h3 span:first-child { background:#fff;}

#inscripcion h3:first-child { border:1px solid var(--azul); }
#inscripcion h3:first-child span { background:var(--azul);}
#inscripcion h3:first-child span:first-child { background:#fff;}

#jugadores ul * { font-family:Arial, Helvetica, sans-serif; }
#jugadores ul { margin:0px; padding:0px; margin-left:70px; }
#jugadores li { line-height:46px; list-style:none; margin:0px; }
#jugadores ul:first-child li:first-child { background:var(--azul) }
#jugadores ul:nth-child(2) li:first-child { background:var(--amarillo) }
#jugadores ul li:first-child span { font-weight:bold; }
#jugadores li:nth-child(odd) {background:#dedede; }
#jugadores li span { display:inline-table; vertical-align:middle; padding:0px 5px 0px 5px }
#jugadores li span:first-child { width:40px; padding-left:10px}
#jugadores li span:nth-child(2) { width:320px;}
#jugadores li span:nth-child(3) { width:150px; }
#jugadores li span:nth-child(4) { width:40px; text-align:center }
#jugadores li span:nth-child(5) { width:40px; text-align:center }
#jugadores li span:nth-child(6) { width:40px; text-align:center }
#jugadores li span:nth-child(7) { width:40px; text-align:right }
#jugadores li span img { width:40px; height:25px; border:1px solid #666; vertical-align:middle }

#alojamiento img { width:100%}