﻿/* inici */
h2 { font-size:1.25em; font-weight:bold; text-align:center; clear:both; padding:4px 0; }

.pestanya_texte p { font-size:0.8125em; color:#000; display:block; padding:2px 0 2px 0; font-weight:bold; float:left; width:145px; }
.pestanya_texte img { margin:0 5px; vertical-align: middle; }
.rankigsags p { width:300px; }

@media screen and (max-width: 475px) {
	.pest_esq { display:none; }
}

.noveure { display:none; }

/* Temporades main */
.fitwidth { overflow: auto; white-space: nowrap; }
.itemtemporada { float:left; padding:1px 10px 1px 5px; min-width:60px; margin:1px 2px; }
.seleccio .item_temporada { min-width: 150px; }
.itemtemporada { border-left: 4px solid white; }
.temporades { border-spacing:0px; float:left; width:100%; }
.temporades td,.temporades th { padding:1px 50px; font-size:0.875em; } 
.temporades a { margin-right:5px; }
.ger td { padding:1px 20px; }
.ger td {font-size:0.9375em; white-space:nowrap; padding:4px 0; }
.tcomp .itemtemporada { padding:4px 4px; }
.ger { width:auto; }

@media screen and (max-width: 660px) {
	.temporades td,.temporades th { padding:1px 5px; } 
}

/* Ajudar */
.ajuda td.ko { color: red !important; }
.ajuda td { padding: 2px 5px; }

/* resultats cerca */
#resultcerca p { line-height:16px; font-size:0.8125em; }
.cerca { width:100%; text-align:left; margin:0 0 10px 0; border:1px solid #CCC; }
.cerca th { font-weight:bold; font-size:0.875em; padding:3px 3px 3px 6px; background-color:white; }
.cerca td { background-color:#fff; font-size:0.9375em; padding:0 3px 0 6px; border-bottom:1px solid #CCC; }
.cerca a { display:block; padding:3px 0 3px 0; }
.cerca .nom { width:300px; }
#filtres { margin:auto; overflow:hidden; }
#filtres h5 { margin-left:10px; }
#filtres input, #filtres select { margin-left:5px; }
#txtcerca{ max-width:400px; }

/* Notificar */
.notif input, .notif textarea { margin:0 0 15px 0; }
.notif input { width:50%; }
.notif textarea { width:90%; height:200px; }
.lopd { margin-bottom: 15px; }

/* Rankings */
.ranks p { width:250px; }
.selecc p { height:15px; }
.rank { text-decoration:underline; }
.pos1,.pos2,.pos3 { width:13px; height:20px; margin:0 4px; }
.pos1 { background: url('../img/or.png'); }
.pos2 { background: url('../img/plata.png'); }
.pos3 { background: url('../img/bronze.png'); }

/* Completesa */
.taulacompletesa .complet_tot {  }
.taulacompletesa .complet_5 { background-color: #438535 !important; }
.taulacompletesa .complet_10 { background-color: #f7ba1f !important; }
.taulacompletesa .complet_25 { background-color: #f59000 !important; }
.taulacompletesa .complet_50 { background-color: #fa7272 !important; }
.taulacompletesa .complet_100 { background-color: #ff320e !important; }
.progress-bar.complet_5    { background-color: #f28e2c; }  /* Taronja */
.progress-bar.complet_10   { background-color: #e15759; }  /* Vermell clar */
.progress-bar.complet_25   { background-color: #d62728; }  /* Vermell fort */
.progress-bar.complet_50   { background-color: #9467bd; }  /* Lila */
.progress-bar.complet_100  { background-color: #4e79a7; }  /* Blau suau */
.progress-bar.complet_tot  { background-color: #007bff; }  /* Blau (100%) */
.complet_tot, .complet_5, .complet_10, .complet_25, .complet_50, .complet_100 { width:100px; }
.tcomplet { margin-top:20px; }
.tcomplet select {float:right;margin-right:10px;}

/* Trofeus */
.notaduarte { font-size:0.875em; margin-top:5px; background:#fff; padding:5px; }

/* Trivial */
#joc { border:1px solid #aaa; padding: 15px; margin:auto; width:400px; padding:20px; clear:both; background:#fff; }
.pregunta { font-size:1.125em; font-weight: bold; margin: 0 0 10px 0; }
.imatge img { height: 200px; }
.respostes { margin: 10px 0 0 0; }
.respondre { margin: 10px 0 0 0; width: 300px; display: table; }
.respondre input { width: 150px; float:left; }
.respondre p { float:right; }
#joc2 { border: 1px solid #aaa; padding:10px; width:750px; margin:auto; margin-top:20px; background:#fff; }
@media screen and (max-width: 700px) {
	#joc2 { width:300px; }
}

#joc2 .P { float: left; width: 70px; height: 18px; display: table; padding: 2px; }
#total { font-weight: bold; overflow:hidden; text-align:center; clear:both; }
.final { font-weight: bold; font-size:1.25em; text-align:center; }
.rankingtriv { width:100%; }
.titranktriv { text-align:center; font-size:1.25em; }
#btnOkFinal,#btnTornar { width:100%;}
.puntsfinal { font-size:1.875em; margin:auto; width:auto; text-align:center; }
.rankpropi { background:#FF0; }

/* Arxius */
.arxius { width: 100%; text-align:center; color:#000; }
.infoarxius { width:100%; margin:20px 0; overflow:hidden; }
.infoarxius button { margin:0 0 20px 30px; }
.opcbuy button { margin:0; }
.infoarxius form { text-align:center; margin:20px; }
.divcomprainfo { text-align:center; margin:20px; }
.divcomprainfo img { margin-right:5px; }
.infoarxius h2 {text-align:left; padding-left:10px; border-bottom:2px dashed #ccc; }
.infoarxius ul li { list-style-type: square; margin-left:50px; }
.infoarxius a { text-decoration:underline; }
.infoarxius p { margin:10px 0; }
.fitxers { margin:20px 0; width:100%; }
.imgfile { float:left; }
.infofile { float:left; }
.filename { height:15px; }
.filenamedata { height:15px; }
.fitxer { border-bottom: 1px solid #CCC; }
.capsalfitxers { border-bottom: 1px solid #CCC; border-top: 1px solid #CCC; }
.capsalfitxers .part { height:25px; }
.fileinfo { font-weight: normal; }
.part { padding: 5px 0 0 25px; height:50px; font-weight: bold; overflow: hidden; }
.part0 { width:50px; border-left: 1px solid #CCC; }
.part1 { width:350px; }
.part2 { width:250px; }
.part3 { width:50px; border-right: 1px solid #CCC; }
.part0, .part1, .part2 { border-right: 1px solid #CCC; }
.part select { margin-right:10px; }
.tabapi { width:100%; text-align:center; margin:20px 0; }
.divapi2 { padding:10px 10px; }
.tabapi2 button { background-color: transparent; border: 2px solid white; color: white; padding: 15px 32px; text-align: center; margin:0; text-decoration: none; display: inline-block; font-size: 16px; cursor:pointer; }
.tabapi2 form { margin:0; }
.peticions { width:100%; }
.peticions td, .peticions th { padding:5px 5px; border-bottom:1px solid lightgray; }
.peticions th { text-align:left; }
#infoarxiusapi2 p { padding:0 10px; }
#infoarxiusapi2 h2 { border:none; padding:20px 15px; }
.api2_params td { padding:5px; border-bottom:1px solid gray; }
.api2_params th,.peticions th { padding:5px; background:#2697fb; color:white; }
.api2link { margin:5px 20px; }
.api2res { margin:10px 10px; }
pre {
    background: #f4f4f4;
    border: 1px solid #ddd;
    border-left: 3px solid #f36d33;
    color: #666;
    font-family: monospace;
    font-size: 15px;
    margin: 10px;
    overflow: auto;
    padding: 1em 1.5em;
	white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}
.tabapi2 { width:100%; text-align:center; border-top:1px solid white; }
.tabapi2 tr { border-bottom:1px solid white; }
.opciocompra { padding:40px 10px; }
.opc1 { padding:5px 0; font-weight:bold; }
.opc2 { padding:5px 0; }
.opcpreu { padding:5px 0; }
.opcbuy { padding:10px 0; }
.opcol1,.opcol3 { background-color: #005777; padding:30px 10px; }
.opcol2 { background-color: #00afee; }
.divcompra { width:100%; margin-bottom:20px; }
.divcompra th { font-weight:bold; text-align:left; }
.itemcompra { width:75%; padding:20px; background:#fff; border:1px solid #999; }
.preucompra { width:25%; padding:20px; background:#fff; border:1px solid #999; }
.colmd6 { float:left; width:50%; }
.headapi1 { padding:20px 0; background:#f0f8ff; text-align:center; }
.headapi2 { padding:20px 0; background:#fff; text-align:center; font-weight:bold; }

/* Usuaris */
.formlogin { margin:auto; margin-bottom:20px; margin-top:10px; max-width: 600px; background: #FFF; padding: 20px 30px 20px 30px; color: #888; text-shadow: 1px 1px 1px #FFF; border:1px solid #DDD; border-radius: 5px; }
.formlogin label { display: block; margin: 0px 0px 5px; }
.formlogin input { border: 1px solid #CCC; color: #888; height: 20px; line-height:15px; margin-bottom: 16px; margin-right: 6px; margin-top: 2px; outline: 0 none; padding: 5px 0px 5px 5px; width: 60%; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.radio,.chek { width:20px !important; border:none !important; box-shadow:none !important; }
.etiqrad { display:inline; }
.inprades { float:left; }
.inpraddr { overflow:hidden; }
.salta { width:100%; overflow:hidden; padding:5px 0 0 0; }
.com { margin:0 0 0 0; }
.formlogin .button { background: #FFF; border: 1px solid #CCC; padding: 10px 25px 10px 25px; color: #333; border-radius: 4px; width:auto; height:auto; margin-top:20px; }
.formlogin .button:hover { color: #333; background-color: #EBEBEB; border-color: #ADADAD; }
#tipuscompte { width: 60%; padding: 6px 12px; border:1px solid #ccc; border-radius:4px; }
.errr,.regok { width:100%; background-color:#fff; margin:0 0 10px 0; padding:7px 0; border-radius:4px; overflow:hidden; }
.paypaln { text-align:center; margin:auto; margin-top:10px; }
.iconerror { background:url(../img/error.png); width:12px; height:12px; float:left; margin:0 5px 0 7px; }
.iconok { background:url(../img/rok.png); width:12px; height:12px; float:left; margin:0 5px 0 7px; }
.comptes { font-size:0.9375em; font-weight:bold; text-shadow:none !important; }
.comptes td { height:50px; }
.comptes .button { margin:15px; padding:5px 10px; }
.thtd { height:30px; background:#000; color:#fff; font-size:0.625em; }
.preu1,.preu2,.preu3 { color:#fff; text-align:center; }
.preu1 { background:#B40404; }
.preu2 { background:#01A9DB; }
.preu3 { background:#A5DF00; }
.etiq { padding-right:10px; padding-top:10px; }
.reg { background:#000; }
.regsi { background:url(../img/rok.png); width:12px; height:12px; }
.regno { background:url(../img/error.png); width:12px; height:12px; }
.regsi,.regno { margin:auto; margin-top:10px; margin-bottom:10px;  }
.sep { width:0; background:#fff; }
#paypal1 input {height:47px !important; width:123px !important; border:none !important; box-shadow:none !important; margin-left:20px;}
#paypal2 input {height:26px !important; width:141px !important; border:none !important; box-shadow:none !important; }
#paypal2 { margin-left:30px; }
.plin { padding-left:25px; }
.userlist {width:100%;font-weight:normal;}
.userlist td {text-align:left;}
.users_recompte p { background:#fff; float:left; margin:10px; padding:5px; border-radius:3px; }
#skin { padding: 5px 0 5px 8px; margin-bottom:10px; width:60%; border: 1px solid #ccc; }
.canvi_skin { margin-top:0 !important; padding-top:6px !important; padding-bottom:6px !important; }

/* sprites */
.sprite { background-image: url(../img/spritesheet2.png); background-repeat: no-repeat; display: block; }
.sprite-arbitres_mini { width: 63px; height: 63px; background-position: -5px -5px; }
.sprite-entrenadors_mini { width: 63px; height: 63px; background-position: -78px -5px; }
.sprite-jugadors_mini { width: 63px; height: 63px; background-position: -151px -5px; }
.sprite-xapi { width: 60px; height: 60px; background-position: -224px -5px; }
.sprite-xcomplet { width: 60px; height: 60px; background-position: -294px -5px; }
.sprite-xdata { width: 60px; height: 60px; background-position: -364px -5px; }
.sprite-xlinks { width: 60px; height: 60px; background-position: -434px -5px; }
.sprite-xtrivial { width: 60px; height: 60px; background-position: -504px -5px; }
