body { background-color:#fff; font-size:0.7em; font-family: 'JetBrains Mono', monospace; font-weight:400; }
.cap { width:50%; margin: 5px 25%; }
.cap p { text-align:center; }
.cap img { width:100%; } 

.peu { width:96%; margin: 20px 2%; clear:both; font-size: 12px; display:flow-root; padding: 0px 0px 20px 0px; border-top: 2px solid #666; }
.peu .logopeu { width: 10%; margin: 0px 5% 0px 1%; float: left; }
.peu .logopeu img { width: 100%; text-align:center; }
.peu .logopeuxb { width: 7%; margin: 0px 3% 0px 1%; float: left; }
.peu .logopeuxb img { width: 100%; text-align:center; }
.logo-peu {width: 120px; height: 120px; float: left; margin: 15px 10px 5px 0px; }


.pagina { padding: 0px; }
table { }
td { border:1px solid #000; padding: 2px 2px; }
.titoltaula { background-color:#444 !important; color:#fff !important; }

.captaula { height:30px; background-color:#fff; font-weight: bold; }
.captaula a { color: #fff; text-decoration:none; display:block; }
.fonslinia1 { background-color: #fff; }
.fonslinia2 { background-color: #ccc; }
.fonslinia3 { background-color: #ffa; }
.participant2 { width: 650px; margin: 5px auto; border:1px solid #000; padding: 2px; }

.titoltaula { padding: 5px; background-color: #eeeeee; }
.titoltaula h2 { margin: 2px; font-size: 16px; }

.separador { width:100%; height:1px; clear:both; }
.separador5 { width:100%; height:5px; clear:both; }
.separador10 { width:100%; height:10px; clear:both; }
.separador20 { width:100%; height:20px; clear:both; }
.separador30 { width:100%; height:30px; clear:both; }
.separador50{ width:100%; height:50px; clear:both; }

.tria { 
	width: 50%; min-height:30px; height: auto !important; margin:10px 25%; padding: 10px; 
	clear:both; font-size: 14pt; background-color:#000; color:#fff; 
	display: flow-root;
}
.tria .triacursa { width:77%; float:left;  }
.tria .triacursa select { width:90%; font-size: 14pt; border-radius: 10px; }
.tria .triaformat { width:22%; float:right; }
.tria .triaformat img { width:48px; }

.iconainactiva { opacity: 0.5; }
.barrabuscador { width: 90%; margin: 0px 5%; text-align: center; border:1px solid #000; padding: 3px; } 
.botobuscar {width:22px; margin: 0px 0px 0px 3px; background:none; border:none; background-image: url(botobuscar.png);background-repeat:no-repeat; background-size: 20px; }
.EsAbsolut { color:#ccc !important; }
.resaltatPodi { background-color: #ffa; } 
.boto01 { 
	background-color: #ccc; padding: 5px 10px; margin: 0px 10px 0px 0px; text-decoration: none; color: #000; 
	font-weight: bold;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;
}


.frase1 { text-align:center; background-color:#f00; color:#fff; font-size:14px; }
.frase2 { text-align:center; background-color:#f00; color:#fff; font-size:14px; }
.frase3 { padding:3px; background-color:red; color:#fff !important; text-align:center; font-size:14px; }
.frase4 { padding:3px; background-color:red; color:#fff !important; text-align:center; font-size:14px; }
.esDona { color: #b0b; }
p.liniainfo { margin: 3px 10px; font-size:14px; }
.amunt { width:10%; text-align:right; padding: 1%; position:fixed; z-index:1000; bottom: 10px; right: 0; }
.amunt img { 32px; height: 32px; }
.taulaParticipacio { width:640px; margin: 5px auto; border: 0px solid #000; background-color: #ffffff; text-align:left; }
.taulaParticipacio td { width: 50%; }
.taulaLlistat { margin:20px auto 10px auto; }
.casella33 { font-size: 90%; width: 31.7%; height: 30px; margin: 0px 0.3% 2px; border: 1px solid #000; float: left; padding: 2px; }
.buscador { background-color:#ccc; text-align:center; padding: 5px; font-size: 14px; display: inline-flex; width: 16%; margin: 5px 42%; }
.buscador a { display:block; }
.buscador input { width: 83%; height:30px; }
.buscador img { width: 32px; height: 32px; }

.botonsCurses { width: 100%; clear: both; margin: 5px 0px 0px 0px; }
.botonsCurses a { 
	width: 90%; color:#000; font-size: 16px; text-decoration: none; 
	border: 2px solid #fff; border-radius: 10px; 
	margin: 0px 0px 10px 0px; padding: 5px; 
	background-color: #fff; display: block; 
}


@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
	body { }
	h1 { font-size: 12pt; }
	.cap { width:80%; margin: 5px 10%; }
	.peu { width:90%; margin: 20px 5%; clear:both; font-size: 12px; }
	.peu .logopeu { width: 33%; margin: 0px 2% 0px 1%; float: left; }
	.peu .logopeu img { width: 100%; text-align:center; }
	.peu .logopeuxb { width: 15%; margin: 0px 1% 0px 1%; float: left; }
	.peu .logopeuxb img { width: 100%; text-align:center; }
	.logo-peu { width: 130px; height: 130px; }
	.tria { width: 90%; height:30px; margin:10px 5%; }
	.tria .triacursa { width:74%; float:left;  }
	.tria .triacursa select { width:92%; font-size: 14pt; }
	.tria .triaformat { width:25%; float:right; }
	.tria .triaformat img { width:32px; }
	.iconainactiva { opacity: 0.5; }
	.frase1 { font-size:12px; }
	.frase2 { font-size:10px; }
	.frase3 { font-size:10px; }
	.frase4 { font-size:10px; }
	.taulaParticipacio { width:96%;margin: 5px 2%; }
	.participant2 { width: 98%; }
	.buscador { width: 80%; margin: 5px 10%; }
	.casella33 { width: 47%; }
}