/* 000 - General i capçalera */
@font-face {font-family: Inter; src: url('/assets../../fonts/Inter-Regular.ttf') format('truetype');}
@font-face {font-family: InterSemiBold; src: url('/assets../../fonts/Inter-SemiBold.ttf') format('truetype');}
@font-face {font-family: InterThin; src: url('/assets../../fonts/Inter-Thin.ttf') format('truetype');}
body {margin: 0px; padding: 0px; font-family: 'Inter', sans-serif; font-size: 15px;}
/*Genéricos*/
.tabla{display: table;width: 100%;}
.fila{display: table-row;}
.celda{display: table-cell;text-align: center;vertical-align: middle;position: relative;}
.flex{display: flex;display: -webkit-flex;}
.flex.col{flex-flow: column nowrap;-webkit-flex-flow: column;}
.flex.row{flex-flow: row nowrap;-webkit-flex-flow: row;}
.flex.col.nowrap{flex-wrap: nowrap;-webkit-flex-wrap: nowrap;}
.jCenter{justify-content: center;}
.jEnd{justify-content: flex-end;}
.Hflip{-moz-transform: scaleX(-1);-o-transform: scaleX(-1);-webkit-transform: scaleX(-1);transform: scaleX(-1);filter: FlipH;-ms-filter: "FlipH";}
.t_left{text-align: left;}
.t_right{text-align: right;}
.t_center{text-align: center;}
.justificado{text-align: justify;-ms-word-break: break-word;word-break: break-word;-ms-word-wrap: break-word;word-wrap: break-word;-webkit-hyphens: auto;-moz-hyphens: auto;hyphens: auto;}
.w100{width: 100%;}
.w75{width: 75%;}
.w66{width: 66%;}
.w50{width: 50%;}                                             
.w33{width: 33%;}
.w25{width: 25%;}
.relatL{position: relative;float: left;}
.relatR{position: relative;float: right;}
.centrado{position: absolute;width: auto;height: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);}
.seleccionable{cursor: pointer;}
.seleccionable.hover:hover{opacity: 0.8; filter: alpha(opacity=80);}
.padding10{padding: 10px;}
.paddingL{padding-left: 10px;}
/*Mensaje alerta*/
.telon{background: rgba(0, 158, 224, .4);position: fixed;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 500;}
.marco_alerta{background: white;max-width: calc(100% - 40px);max-height: calc(100% - 70px);border-top: 4px solid grey;}
.marco_alerta .row:first-child{max-width: 100%;max-height:calc(100% - 37px);margin-bottom: 10px;overflow-y: auto;}
/*.info{background-position: 0px -250px;}
.atencion{background-position: -50px -250px;}*/
.t_alerta{color: black;width: 100%;padding: 16px 25px;}
.t_alerta h2{color: black;}
.t_alerta span{color: black;}
.b_alerta{background: #0070ba;text-align: center;color: white;width: 100%;height: 20px;padding: 8px;cursor: pointer;}
.b_alerta:hover{background: #26c1ff;color: white;}
.telon .carga{overflow: hidden;}
.telon .carga img{position: absolute;}
.boton{text-align: center;position: relative;cursor: pointer;}
.bA{text-align: center;color: white;background-color: #0070ba;border: 2px solid transparent;padding: 5px;}
.boton.bA:hover{border-color: white;}
.bB{font-size: 15px;color: blue;text-align: center;padding: 10px;border: 2px solid blue;}
.boton.bB:hover{color: white;background-color: blue;border-color: white;}
.cerrar{background-position: -650px -200px;margin: 0px;}
.cerrar:hover{background-position: -675px -200px;}
.botonera{background-color: white;position: absolute;left: 0px;top: 100%;visibility: hidden;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .4s ease;-moz-transition: all .4s ease;transition: all .4s ease;}
.boton:hover>.botonera{visibility: visible;opacity: 1;filter: alpha(opacity=100);}
/*End genéricas*/

.destacat {font-weight: bold;}
.asteriscobligatori {color: red; font-weight: bold;}
.adreta {text-align: right;}
.dreta {text-align: right;}
.centrat {text-align: center;}
.esquerra {text-align: left;}
.novisible {display: none;}
.clear {clear: both; width: 100%;}
.filasalt {clear: both; width: 100%;}
.notagris {font-size: 12px; color: #aaa;}
.vora_obligatori {border: 1px solid red!important;}

/* Capçalera */
#socicapcalera {float: left; width: 90%; padding: 0 5%; background-color: #0070ba; min-height: 100px; position: relative;}
#socidesconnexio {position: absolute; top: 10px; right: 5%; color: #fff; cursor: pointer;}
#socicapcaleralogo {float: left; margin: 10px 0px;}
#socicapcaleralogo img {height: 80px; cursor: pointer;}
#socicapdreta {float: right;}
#socicapcaleraxarxes {float: right; padding-top: 50px;}
#socicapcaleraidiomes {float: right; padding-top: 58px; color: #fff; margin-left: 30px; font-size: 13px;}
/* #socicapcaleraidiomes a {color: #fff; text-decoration: none;}
#socicapcaleraidiomes a:hover {color: #000;} */
#socicapcaleraidiomes ul {list-style-type: none; margin: 0px;}
#socicapcaleraidiomes li {color: #fff; cursor: pointer; padding: 0px 5px; display: inline-block;}
#socicapcaleraidiomes li:hover {color: #000;}

/* Login */
#socilogin {width: 350px; margin: 15% auto; margin-bottom: 0px; background-color: #0070ba; height: 350px; background-image: url("/assets../../fitxers/img/logoctb_areaSoci.png"); background-repeat: no-repeat; /* background-position: 10px 0px; */ background-position: 40px 20px; background-size: 264px 88px;}
#adminlogin {width: 350px; margin: 15% auto; margin-bottom: 0px; background-color: #0070ba; height: 350px; background-image: url("/assets../../fitxers/img/logo-area-admin-ctb.png"); background-repeat: no-repeat; /* background-position: 10px 0px; */ background-position: 40px 20px; background-size: 264px 60px;}
.socilogincamps {float: left; width: 100%; margin-top: 110px; text-align: center; color: #fff;}
.socilogincamps input {margin-top: 0px; width: 240px; height: 32px; font-family: 'Inter', sans-serif; font-size: 16px;}
#sociloginboto {width: 120px; height: 30px; line-height: 30px; color: #fff; margin: 0 auto; background-color: #024da3; text-align: center; margin-top: 20px; cursor: pointer;}
#sociloginboto:hover {background-color: #8cbc00; color: #000;}
#logincopyright {/*position: absolute; bottom: 0; width: 100%; */ width: 300px; margin: 1% auto; text-align: center; color: #7f7f7f; font-size: 13px;}
#logincopyright a {color: #7f7f7f; text-decoration: none;}
#logincopyright a:hover {color: #ec4308!important;}
.msgerror {display: none; width: 350px; margin: 10px auto; background-color: #dd380f; line-height: 30px; text-align: center; color: #fff;}

/* Menu */
#socimenu {float: left; width: 90%; padding: 0 5%; margin: 10px auto;}
#socimenu .socimenuboto {float: left; width: 92px; height: 70px; margin-right: 5px; text-align: center; color: #fff; background-repeat: no-repeat; background-position: 24px 6px; cursor: pointer; position: relative;}
/* #socimenu .socimenuboto:last-child {float: right; background-position: center; margin-right: 0px;} */
.menualerta {position: absolute; top: 8px; right: 8px; width: 28px; height: 28px; line-height: 28px; background-color: red; border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px;}
#menuperfil {background-color: #ffc800; background-image: url("/assets../../fitxers/img/icones/icona-perfil.png");}
#menurebuts {background-color: #ffa400; background-image: url("/assets../../fitxers/img/icones/icona-rebuts.png");}
#menucalendari {background-color: #ffa600; background-image: url("/assets../../fitxers/img/icones/icona-calendari.png");}
#menuinscripcions {background-color: #ff7500; background-image: url("/assets../../fitxers/img/icones/icona-inscripcions.png");}
#menuactivitatsdirigides {background-color: #fb4e18; background-image: url("/assets../../fitxers/img/icones/icona-dirigides.png");}
#menucampionats {background-color: #8cbc00; background-image: url("/assets../../fitxers/img/icones/icona-campionats.png");}
#menupaginesweb {background-color: #618008; background-image: url("/assets../../fitxers/img/icones/icona-paginesweb.png");}
#menudirigides {background-color: #fb4e18; background-image: url("/assets../../fitxers/img/icones/icona-dirigides.png");}
#menureservapistes {background-color: #00a192; background-image: url("/assets../../fitxers/img/icones/icona-reservapistes.png");}
#menunoticies {background-color: #116976; background-image: url("/assets../../fitxers/img/icones/icona-noticies.png");}
#menuactivitats {background-color: #04428e; background-image: url("/assets../../fitxers/img/icones/icona-activitats-menu.png");}
#menuxat {background-color: #0861ce; background-image: url("/assets../../fitxers/img/icones/icona-xat.png");}
#menunewsletters {background-color: #0861ce; background-image: url("/assets../../fitxers/img/icones/icona-newsletters.png");}
#menub2b {background-color: #024da3; background-image: url("/assets../../fitxers/img/icones/icona-b2b.png");}
#menuinstitucional {background-color: #032d5d; background-image: url("/assets../../fitxers/img/icones/icona-institucional.png");}
#menucontacte {background-color: #3385ea; background-image: url("/assets../../fitxers/img/icones/icona-contacte.png");}
#menuweb {background-color: #009ee0; background-image: url("/assets../../fitxers/img/icones/icona-ctb.png");}
#menudestacats {background-color: #00572a; background-image: url("/assets../../fitxers/img/icones/icona-destacats.png");}
#menurevista {background-color: #00a49f; background-image: url("/assets../../fitxers/img/icones/icona-revista.png");}
#menuequipacions {background-color: #04428e; background-image: url("/assets../../fitxers/img/icones/icona-equipacio.png");}
#menuavantatges {background-color: #6caeff; background-image: url("/assets../../fitxers/img/icones/icona-avantatges.png");}
#socimenu p {margin-top: 50px; font-size: 13px;}
#menumobil {display: none;}

/* Peu */
#socipeu {float: left; width: 90%; background-color: #0070ba; min-height: 100px; padding: 0 5%; margin-top: 40px;}
#socipeublocs {width: 100%; margin-top: 20px;}
#socipeulogo {float: left;}
#socipeumenu {float: left; font-size: 14px;}
#socipeumenu ul {margin-top: 0px;}
#socipeumenu ul li {list-style-type: none; padding-bottom: 5px;}
#socipeumenu ul li a {color: #fff; text-decoration: none;}
#socipeumenu ul li a:hover {color: #000;}
#socipeucontacte {float: left; margin-left: 50px; color: #fff; font-size: 14px;}
#socipeucontacte a {color: #fff; text-decoration: none;}
#socipeucontacte a:hover {color: #000;}
#socipeuxarxes {float: right; text-align: center; color: #fff; width: 230px;}
#socipeuxarxestrobans {text-align: center;} 
#socipeuxarxesicones {text-align: center; margin-top: 15px;}
#copyright {width: 100%; float: left; text-align: center; color: #fff; font-size: 13px; margin-bottom: 15px;}
#copyright a {color: #fff; text-decoration: none;}
#copyright a:hover {color: #000;}

/* Xat */
#socixatlateralicona {position: fixed; top: 230px; right: 0px; cursor: pointer;}
#socixatlateraltanca {display: none; position: fixed; top: 230px; right: 0px; cursor: pointer;}
#socixatlateraldesplegat {display: none; position: fixed; top: 230px; right: 43px; width: 260px; padding: 20px; background-color: #0070ba; color: #fff;}
#socixattitol {float: left; width: 100%; font-family: 'Inter', sans-serif; font-size: 36px;}
.socixatassessora {float: left; width: 100%;}
.socixatconversa {float: left; width: 100%; background-color: #fff; height: 200px; margin-top: 15px;}
.socixattext {float: left; width: 100%; background-color: #fff; height: 60px; margin-top: 15px;}
.socixattext textarea {width: 100%; resize: none; border: none;}
.socixathorari {float: left; width: 100%; font-size: 13px; margin-top: 10px;}

/* Contingut */
.socicontingut {float: left; width: 90%; min-height: 600px; padding: 0 5%; margin-top: 10px;}
#benvinguda {float: left; width: 100%; font-size: 18px; margin-bottom: 10px;}
#benvinguda .benvingudablau {color: #0070ba; font-size: 28px; font-family: 'Inter', sans-serif; padding-right: 15px;}
#benvinguda .benvingudanegre {font-size: 28px; font-family: 'Inter', sans-serif; padding-right: 15px;}

/* Títols */
.socistitol {font-family: 'InterSemiBold', sans-serif; font-weight: 600; font-size: 40px; margin-bottom: 20px;}
#paginanoticies .socistitol {border-bottom: 1px solid #0070ba}
#paginacampionats .socistitol, #paginacampionat .socistitol {border-bottom: 1px solid #6eab24;}
#paginaperfil .socistitol {border-bottom: 1px solid #ffc800;}
#paginarebuts .socistitol {border-bottom: 1px solid #ffa400;}
#paginainscripcions .socistitol {border-bottom: 1px solid #ff7500; position: relative; margin-bottom: 0px;}
#paginacalendari .socistitol {border-bottom: 1px solid #ffa600; position: relative; margin-bottom: 0px;}
#paginapistes .socistitol {border-bottom: 1px solid #00a192;}
#paginainici.admin .socistitol {border-bottom: 1px solid #116976;}
#paginab2b .socistitol {border-bottom: 1px solid #024da3;}
#paginainstitucional .socistitol {border-bottom: 1px solid #032d5d;}
#paginacontacte .socistitol {border-bottom: 1px solid #3385ea;}
#paginaxat .socistitol {border-bottom: 1px solid #0861ce;}
#paginaweb .socistitol {border-bottom: 1px solid #618008;}
#paginanewsletters .socistitol {border-bottom: 1px solid #0861ce;}
#paginarevista .socistitol {border-bottom: 1px solid #00a49f; position: relative; margin-bottom: 0px;}
#paginaavislegal .socistitol {border-bottom: 1px solid #0070ba;}
#paginadestacats .socistitol {border-bottom: 1px solid #00572a; position: relative; margin-bottom: 0px;}
#paginadestacats .trumbowyg-box, .trumbowyg-editor {min-height: 120px!important;}
#paginaactivitats .socistitol {border-bottom: 1px solid #00a1e2; margin-bottom: 0px;}

#socisblocesquerra {float: left; width: 65%; margin-right: 5%;}
#socisblocdreta, #socisblocdreta2 {float: left; width: 30%;}

/* Tabs */
.filatabs {width: 100%; float: left; margin-top: 30px;}
.tabsubtitol {float: left; width: 140px; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; margin-right: 2px;}
.tabsubtitol:not(.seleccionat) {cursor: pointer;}
.tabsubtitol:hover:not(.seleccionat) {background-color: #000; color: #fff;}
#socidestacats {float: left; width: 65%; margin-top: 20px;}
.socistitolesquerre {float: left; width: 100%; color: #0070ba; border-bottom: 1px solid #0070ba; font-size: 28px;}
.cosdestacats {float: left; width: 100%;}
.blocdestacat {width: 45%; margin-top: 40px;}
.blocdestacat:nth-child(odd){float: left;}
.blocdestacat:nth-child(even){float: right;}
.blocdestacattitol {height: 40px; font-weight: bold;}
.blocdestacatimatge img {width: 100%; margin-top: 8px;}

/* Columna dreta */
#socicolumna {float: right; width: 30%; margin-top: 20px;}
.blocrecordatorisctitol {float: left; color: #0070ba; padding-left: 50px; background-image: url("/assets../../fitxers/img/icones/icona-recordatori.png"); background-repeat: no-repeat; height: 40px; font-size: 28px; line-height: 40px;}
.blocrecordatoriscontingut {float: left; width: 90%; background-color: #f2fafd; padding: 5%; line-height: 18px; font-size: 13px;}
.blocrecordatoriscontingut div {margin-top: 20px; padding-left: 15px;}
.blocrecordatoriscontingut div:first-child {margin-top: 0px;}
.blocrecordatoriscontingut a {color: #000; text-decoration: none;}
.blocrecordatoriscontingut a:hover {color: #0070ba;}
.recrebut {border-left: 8px solid #ffa400;}
.recinscripcions {border-left: 8px solid #ff7500;}
.reccampionats {border-left: 8px solid #8cbc00;}
.recreservapistes {border-left: 8px solid #00a192;}
.recb2b {border-left: 8px solid #024da3;}
.reccontacte {border-left: 8px solid #3385ea;}
.bloclateralcampionats {float: left; width: 100%; background-color: #f3f8e6; margin-top: 20px;}
.bloccampionatstitol {float: left; width: 90%; /* background-color: #8cbc00; */ background-color: #6eab24; line-height: 44px; color: #fff; padding-left: 5%; padding-right: 5%; font-size: 21px;}
.bloccampionatscontingut {float: left; width: 90%; padding: 5%;}
#socisblocdreta .blocdreta .capcalera {font-size: 18px; color: #fff; line-height: 36px; padding-left: 20px;}
#socisblocdreta .blocdreta .cos {padding: 20px; font-size: 14px;}
#socisblocdreta .blocdreta .historic {float: left; width: 100%; font-size: 14px; line-height: 32px; text-align: center; cursor: pointer;}

/* EDICIO CONTINGUTS */
#socisblocesquerra.blocedicio .titol {font-weight: bold; margin-top: 10px;}	
#socisblocesquerra.blocedicio .contingut {width: 100%; margin-top: 5px;}
#socisblocesquerra.blocedicio .contingut input {width: 100%; height: 30px;}
#socisblocesquerra.blocedicio .contingut textarea {width: 100%; resize: none; border: 1px solid #ccc; height: 100px;}
#socisblocdreta.blocedicio .blocdreta {background-color: #e6f7fd; padding: 10px; margin: 20px 0px; overflow: hidden;}
#socisblocdreta.blocedicio .blocdreta .div50 {float: left; width: 50%; line-height: 40px; height: 40px;}
#socisblocdreta.blocedicio .blocdreta input {width: 100%; height: 30px; margin: 5px 0;}
#socisblocdreta.blocedicio .blocdreta select {width: 100%; height: 30px; margin: 5px 0;}
#socisblocdreta.blocedicio .blocdreta .titol {font-weight: bold; margin-top: 10px;}
#socisblocdreta.blocedicio .contingut .obligatori {color: red;}

/*
#paginadestacats #socisblocdreta .blocdreta {background-color: #e6f7fd; padding: 10px; margin: 20px 0px; overflow: hidden;}
#paginadestacats #socisblocdreta .blocdreta .titol {font-weight: bold; margin-top: 10px;}
#paginadestacats .blocdreta .div50 {float: left; width: 50%; line-height: 40px; height: 40px;}
#paginadestacats .blocdreta input {width: 100%; height: 30px; margin: 5px 0;}
#paginadestacats .blocdreta select {width: 100%; height: 30px; margin: 5px 0;}
*/

/* Botons "nou" */
#botocreanoticia {position: absolute; top: 0px; right: 0px; width: 100px; text-align: center; background-color: #000; color: #fff; font-size: 16px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#botocreanoticia:hover {background-color: #0070ba;}
#botonovanoticia img:hover {opacity: 0.5; filter: alpha(opacity=50);}
#botonovarevista {position: absolute; bottom: 15px; right: 0px;}
#botonovarevista img {cursor: pointer;}
#botonovarevista img:hover {opacity: 0.5; filter: alpha(opacity=50);}
#botonoudestacat {position: absolute; bottom: 15px; right: 0px;}
#botonoudestacat img {cursor: pointer;}
#botonoudestacat img:hover {opacity: 0.5; filter: alpha(opacity=50);}
#botonovaactivitat {position: absolute; bottom: 15px; right: 0px;}
#botonovaactivitat img {cursor: pointer;}
#botonovaactivitat img:hover {opacity: 0.5; filter: alpha(opacity=50);}

/* 00 - NOTICIES */
.socis_noticies_Area {background-color: #cfe1e4; float: left; padding: 2%; width: 96%;}
.home_buscador_Area {float: left; margin-bottom: 2%; width: 100%;}
.espaicercador {float: left; width: 40%;}
.espaibotons {float: right; width: 60%;}
.espaicercador .cercadorinput {float:left; width: 80%;}
.espaicercador .cercadorlupa {float:left; width: 20%;}
.home_buscador_form {background-color: #ffffff; border: 1px solid #fff; float: left; font-size: 14px; height: 35px; width: 100%;}
.home_buscador_cerca {float: left; cursor: pointer; padding-left: 10px;}
.colorBoto_verd {border: 1px solid #116976; color: #116976;}
.colorBoto_blau {border: 1px solid #00a1e2; color: #00a1e2;}
.colorBoto_taronja {border: 1px solid #f34508; color: #f34508;}
.colorBoto_groc {border: 1px solid #debd08; color: #debd08;}
.colorBoto_gris {border: 1px solid #545454; color: #545454;}
.home_buscador_boto {float: left; margin-left: 1%; line-height: 34px; text-align: center; width: 23%; cursor: pointer;}
.home_buscador_boto:hover {background-color: #fff;}
.news_TipusB {background-color: #ffffff; float: left; margin: 10px 0.5%; min-height: 300px; position: relative; width: 24%;}
.TipusBFoto {float: left; height: 150px; width: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.TipusBCont {float: left; padding: 5% 5% 0; width: 90%;}
.NewsCategoria {float: left; font-size: 13px; font-weight: 700; line-height: 18px; margin-bottom: 5px; width: 100%;}
.colorBlau {color: #00a1e2;}
.colorVerd {color:#116976;}
.colorTaronja {color: #f34508;}
.NewsTitular {color: #000000; float: left; font-size: 16px; line-height: 20px; width: 100%;}
.NewsLink {color: #000000; text-decoration: none;}
.TipusBData {bottom: 3%; color: #929394; float: left; font-size: 12px; padding: 0 5%; position: absolute; width: 90%;}
#bloclateral .news_TipusB {margin: 10px 5%; width: 90%; min-height: 360px;}
#bloclateral .news_TipusB .TipusBFoto {height: 240px;}


/* 01 - PERFIL */
#perfilblocfoto {float: left; width: 14%; margin-right: 6%;}
#perfilblocfoto .foto {float: left; width: 100%;}
#perfilblocfoto .foto img {width: 100%;}
#perfilblocfoto .botoedita {float: left; width: 100%; background-color: #ffc800; color: #fff; text-align: center; line-height: 30px; margin-top: 10px; cursor: pointer;}
#perfilblocfoto .botoedita:hover {background-color: #000;}
#perfilbloccontingut {float: left; width: 80%;}
#perfilbloccontingut .columnaesquerra {float: left; width: 45%; margin-right: 10%; clear: both;}
#perfilbloccontingut .columnadreta {float: left; width: 45%;}
#perfilbloccontingut .subtitol {color: #ffc800; font-size: 22px; font-weight: bold;}
table.taulaperfil {width: 100%; font-size: 14px;}
table.taulaperfil td {padding-top: 5px;}
table.taulaperfil td:first-child {width: 35%; line-height: 24px;}
table.taulaperfil td:nth-child(2) {width: 65%;}
table.taulaperfil td input[type="text"] {width: 94%; background-color: #eaeaea; border: 0px; height: 24px; padding: 0 3%; /* background-color: #e5f5fc; */}
table.taulaperfil td input:disabled {background-color: #fff;}
table.taulaperfil td input[type="radio"] {width: 20px;}
table.taulaperfil td select {width: 100%; background-color: #eaeaea; border: 0px; height: 24px; padding: 0px 10px; /* background-color: #e5f5fc; */}
table.taulaperfil .recordatori {padding-left: 50px; font-weight: bold; background-image: url("/assets../../fitxers/img/icones/icona-recordatori.png"); background-repeat: no-repeat;}
table.taulaperfil td input[type="checkbox"] {width: 20px; height: 20px;}
#paginaperfil .notapeupagina {float: left; width: 100%; padding-top: 30px;}
#paginaperfil .notapeupagina p {color: #666; font-size: 13px;}
#taulacanvicontrasenya tr td:first-child {min-width: 140px;}
#taulacanvicontrasenya tr td:nth-child(2) {min-width: 230px;}
#taulacanvicontrasenya input {width: 100%; height: 30px;}
.boto100esperant {display: none; width: 100px; border: 1px solid #000; margin: 0 auto; border-radius: 3px; text-align: center; height: 30px;}
.boto100esperant img {margin: 7px;}
#botocanviacontrasenya {margin-bottom: 20px;}

/* 02 - REBUTS */
#paginarebuts .taula {margin-top: 20px;}
#paginarebuts table.llistat {width: 100%; border-collapse: collapse; padding: 2px 5px;}
#paginarebuts table.llistat tr th {border-bottom: 1px solid #ffa400; color: #ffa400; padding: 8px; text-align: left;}
#paginarebuts table.llistat tr:nth-child(even) {background: #fff;}
#paginarebuts table.llistat tr:nth-child(odd) {background: #ffeccc;}
#paginarebuts table.llistat tr:first-child {background: #fff;}
#paginarebuts table.llistat tr td {padding: 8px;}
#paginarebuts .blocfiltres {clear: both; padding-bottom: 20px; overflow: hidden;}
#paginarebuts .blocfiltres .div50e {float: left; width: 45%; margin-right: 10%;}
#paginarebuts .blocfiltres .div50d {float: left; width: 45%;}
#paginarebuts .blocfiltres .titol {width: 100%; font-weight: bold; color: #ffa400;}
#paginarebuts input {height: 30px;}
#paginarebuts .blocfiltres .blocesquerra {float: left; margin-right: 20px;}
#paginarebuts .blocfiltres .blocdreta {float: right; margin-right: 20px;}
#paginarebuts .blocfiltres img {cursor: pointer;}
#paginarebuts .llistat .preu {text-align: right; font-weight: bold;}
#paginarebuts .llistat .dia {font-size: 13px;}
#paginarebuts .llistat .alignr {text-align: right;}
#paginarebuts input {height: 30px; width: 85px; text-align: center;}
#paginarebuts img#cerca {height: 30px;}
#paginarebuts img#exportaxls {width: 30px;}
.mostrarebut {margin: 0 auto; background-color: #000; color: #fff; text-align: center; font-size: 16px; height: 18px; width: 18px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; cursor: pointer;}
.mostrarebut:hover {background-color: #55b606;}


/* 03 - INSCRIPCIONS  */
.blocinscripcio {padding-left: 70px; position: relative; border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 20px;}
.blocinscripcio h3 {margin: 10px 0px;}
.blocinscripcio p {margin: 6px 0px;}
.blocinscripcio .titol {font-weight: bold;}
.icona_insc_1, .icona_insc_20 {background-image: url("/assets../../fitxers/img/icones/inscripcions-padel.png"); background-repeat: no-repeat;}
.icona_insc_2, .icona_insc_3, .icona_insc_17, .icona_insc_21, .icona_insc_22, .icona_insc_23, .icona_insc_24, .icona_insc_25, .icona_insc_26, .icona_insc_30, .icona_insc_31 {background-image: url("/assets../../fitxers/img/icones/inscripcions-tennis.png"); background-repeat: no-repeat;}
.icona_insc_4 {background-image: url("/assets../../fitxers/img/icones/inscripcions-dance.png"); background-repeat: no-repeat;}
.icona_insc_5 {background-image: url("/assets../../fitxers/img/icones/inscripcions-natacio.png"); background-repeat: no-repeat;}
.icona_insc_6 {background-image: url("/assets../../fitxers/img/icones/inscripcions-fisioterapia.png"); background-repeat: no-repeat;}
.icona_insc_7 {background-image: url("/assets../../fitxers/img/icones/inscripcions-parking.png"); background-repeat: no-repeat;}
.icona_insc_8 {background-image: url("/assets../../fitxers/img/icones/inscripcions-artsmarcials.png"); background-repeat: no-repeat;}
.icona_insc_9 {background-image: url("/assets../../fitxers/img/icones/inscripcions-petanca.png"); background-repeat: no-repeat;}
.icona_insc_12 {background-image: url("/assets../../fitxers/img/icones/inscripcions-activitatsdirigides.png"); background-repeat: no-repeat;}
.icona_insc_13 {background-image: url("/assets../../fitxers/img/icones/inscripcions-monografics.png"); background-repeat: no-repeat;}
.icona_insc_14 {background-image: url("/assets../../fitxers/img/icones/inscripcions-campionats.png"); background-repeat: no-repeat;}
.icona_insc_15 {background-image: url("/assets../../fitxers/img/icones/inscripcions-futbolsala.png"); background-repeat: no-repeat;}
.icona_insc_16 {background-image: url("/assets../../fitxers/img/icones/inscripcions-hoquei.png"); background-repeat: no-repeat;}
.icona_insc_18 {background-image: url("/assets../../fitxers/img/icones/inscripcions-campus.png"); background-repeat: no-repeat;}
.icona_insc_19 {background-image: url("/assets../../fitxers/img/icones/inscripcions-llicencies.png"); background-repeat: no-repeat;}
.icona_insc_27 {background-image: url("/assets../../fitxers/img/icones/inscripcions-classesparticulars.png"); background-repeat: no-repeat;}
.icona_insc_28 {background-image: url("/assets../../fitxers/img/icones/inscripcions-tennistaula.png"); background-repeat: no-repeat;}
.icona_insc_29 {background-image: url("/assets../../fitxers/img/icones/inscripcions-entrades.png"); background-repeat: no-repeat;}
.icona_insc_32 {background-image: url("/assets../../fitxers/img/icones/inscripcions-sopars.png"); background-repeat: no-repeat;}
.icona_insc_33 {background-image: url("/assets../../fitxers/img/icones/inscripcions-cultural.png"); background-repeat: no-repeat;}
.icona_insc_34 {background-image: url("/assets../../fitxers/img/icones/inscripcions-social.png"); background-repeat: no-repeat;}
.icona_insc_35 {background-image: url("/assets../../fitxers/img/icones/inscripcions-esportiva.png"); background-repeat: no-repeat;}
.icona_insc_36 {background-image: url("/assets../../fitxers/img/icones/inscripcions-tennistaula.png"); background-repeat: no-repeat;}
.icona_insc_38 {background-image: url("/assets../../fitxers/img/icones/inscripcions-campus.png"); background-repeat: no-repeat;}
.blocinscripcio .blocactivitat {cursor: pointer;}
.blocinscripcio a.mesinfo {color: #ff7500; font-weight: bold; text-decoration: none;}
.blocinscripcio a.mesinfo:hover {color: #024da3;}
.blocinscripcio .botoinscripcio {position: absolute; bottom: 20px; right: 0px; border: 1px solid #ff7500; width: 100px; line-height: 28px; color: #ff7500; text-align: center; font-size: 12px; cursor: pointer;}
/* .blocinscripcio .botoinscripcio {float: left; background-color: #ff7500; width: 150px; line-height: 30px; color: #fff; text-align: center; cursor: pointer;} */
.blocinscripcio .botoinscripcio:hover {background-color: #000; border: 1px solid #000; color: #fff;}
#blocinscripcions {clear: both;}
#paginainscripcions .blocfiltres {clear: both; padding-bottom: 40px;color: #ff7500; font-weight: bold; line-height: 30px; font-size: 18px; border-bottom: 1px solid #ccc; overflow: hidden;}
#paginainscripcions .blocfiltres .div100 {float: left; width: 100%;}
#paginainscripcions .blocfiltres .div50e {float: left; width: 45%; margin-right: 10%;}
#paginainscripcions .blocfiltres .div50d {float: left; width: 45%;}
#paginainscripcions .blocfiltres select {width: 100%; height: 30px; background-color: #eee; border: 0px; margin-bottom: 10px; border-radius: none;}
#paginainscripcions .blocfiltres select option {border-radius: none;}
#paginainscripcions #socisblocdreta .blocdreta {clear: both; overflow: hidden;}
#paginainscripcions #socisblocdreta .blocdreta:not(:first-child) {margin-top: 30px;}
#paginainscripcions #socisblocdreta .blocdreta .capcalera {background-color: #ff7500;}
#paginainscripcions #socisblocdreta .blocdreta .cos {background-color: #fff1e5;}
#paginainscripcions #socisblocdreta .blocdreta ul {list-style-type: none; padding-left: 0px;}
#paginainscripcions #socisblocdreta .blocdreta ul li {line-height: 24px;}
#paginainscripcions #socisblocdreta .blocdreta .historic {background-color: #ffe4ce;}
#paginainscripcions #socisblocdreta .blocdreta .historic:hover {background-color: #ff7500;}
#paginainscripcions #socisblocdreta .blocdreta .capcalerainteressa {clear: both; height: 64px; line-height: 32px; padding-left: 70px; color: #ff7500; font-size: 22px; background-image: url("/assets../../fitxers/img/icones/icona-interessa.png"); background-repeat: no-repeat;}
#paginainscripcions #blocinscripcio {overflow: hidden;}
#paginainscripcions #blocinscripcio .titol {color: #ff7500; padding-left: 70px; height: 52px; font-weight: bold; font-size: 22px; margin-bottom: 20px;}
#paginainscripcions #blocinscripcio .titol.i-tennistaula {background-image: url("/assets../../fitxers/img/icones/inscripcions-tennistaula.png"); background-repeat: no-repeat;}
#paginainscripcions #blocinscripcio .foto {float: left; width: 45%; margin-right: 5%;}
#paginainscripcions #blocinscripcio .foto img {width: 100%;}
#paginainscripcions #blocinscripcio .contingut {float: left; width: 45%;}
#paginainscripcions #blocinscripcio .contingut p.capcalera {color: #ff7500; font-weight: bold; border-bottom: 1px solid #ff7500;}
#paginainscripcions #formulariinscripcio {float: left; width: 100%; margin-top: 20px;}
#paginainscripcions #formulariinscripcio .titol {color: #ff7500; font-family: 'Inter', sans-serif; font-size: 40px; margin-bottom: 20px;}
#paginainscripcions #formulariinscripcio .cos {overflow: hidden; background-color: #fff1e5; padding: 30px;}
#paginainscripcions #formulariinscripcio .blocesquerra {float: left; width: 45%; margin-right: 10%;}
#paginainscripcions #formulariinscripcio .blocdreta {float: left; width: 45%;}
#paginainscripcions #formulariinscripcio p {margin: 5px 0px;}
#paginainscripcions #formulariinscripcio p.capcalera {font-weight: bold; color: #ff7500; font-size: 24px; margin: 0px;}
#paginainscripcions #formulariinscripcio p.destacat {font-weight: bold; margin: 5px 0px; padding-top: 5px;}
#paginainscripcions #blocpagament .cos {overflow: hidden; padding: 30px;}
#paginainscripcions #blocpagament .blocesquerra {overflow: hidden; float: left; width: 45%; margin-right: 10%;}
#paginainscripcions #blocpagament .blocdreta {overflow: hidden; float: left; width: 45%;}
#paginainscripcions #blocpagament p {margin: 5px 0px;}
#paginainscripcions #blocpagament p.capcalera {font-weight: bold; color: #ff7500; font-size: 24px; margin: 0px;}
#paginainscripcions #blocpagament p.destacat {font-weight: bold; margin: 5px 0px; padding-top: 5px;}
#paginainscripcions table.taulapagament {width: 100%;}
#paginainscripcions .taulapagament {font-size: 14px; margin-bottom: 20px;}
#paginainscripcions .taulapagament td {height: 40px;}
#paginainscripcions .taulapagament td:first-child {width: 25%;}
#paginainscripcions .taulapagament td:nth-child(2) {width: 75%;}
#paginainscripcions .taulapagament td select {width: 99%; height: 30px; background-color: #fff1e5; border: 0;}
#paginainscripcions .taulapagament td input {width: 99%; height: 30px; background-color: #fff1e5; border: 0;}
#paginainscripcions #blocpagament .accepto {clear: both; float: left; width: 100%;}
#paginainscripcions .botoinscripciocentrat {background-color: #ff7500; width: 150px; line-height: 30px; color: #fff; text-align: center; cursor: pointer; margin: 20px auto;}
#paginainscripcions .botoinscripciocentrat:hover {background-color: #000;}
.avisinscrit {width: 100%; background-color: #308908; text-align: center; color: #fff; height: 30px; line-height: 30px; margin-bottom: 20px;}
.filtreactivitat select option {padding:5px 0;}
table.taulainscripcions {width: 100%; border-collapse: collapse; font-size: 15px;}
table.taulainscripcions td {line-height: 28px;}
table.taulainscripcions td.nom {font-weight: bold;}
table.taulainscripcions td.veuretot {/* background-color: #ff7500; */ text-align: center;}
table.taulainscripcions td.veuretot a {color: #ff7500; font-size: 13px; text-decoration: none;}
table.taulainscripcions td.veuretot a:hover {color: #000;}
table.taulainscripcions tr.filacapcalera td {color: #ff7500; border-top: 1px solid #ff7500; padding-top: 5px;}
table.taulainscripcions td img {cursor: pointer;}
#inscripcionsespera .capcalera {background-image: url("/assets../../fitxers/img/icones/icona-rellotge.png");  background-repeat: no-repeat; background-position: 20px 5px; padding-left: 60px!important;}
#paginainscripcions #socisblocesquerra.ampletot  {width: 100%; margin-right: 0%;}

/* 04 - CAMPIONATS */
.taulapartitsjugador .marcador {text-align: center; font-weight: bold; min-width: 80px;}
.taulapartitsjugador .marcador input {border: 1px solid #6eab24; width: 50px; height: 40px; text-align: center; font-weight: bold; font-size: 20px;}
.botovalidaresultat {background-color: #000; color: #fff; border: 1px solid #000; max-width: 150px; margin: 0 auto; line-height: 26px; text-align: center; cursor: pointer;}
.botovalidaresultat:hover {background-color: #fff; color: #000;}
.botodesacordresultat {float: right; width: 40%; background-color: #e15b26; color: #fff; text-align: center; line-height: 26px; cursor: pointer;}
.botodesacordresultat:hover {background-color: #e48661;}
.botoacordresultat {float: left; width: 40%; background-color: #000; color: #fff; text-align: center; line-height: 26px; cursor: pointer;}
.botoacordresultat:hover {background-color: #666;}
table.classificaciocampionat .data-posicioinicial {color: #aaa;}
#pestanyaagendacontingut {display: none;}

#peupatrocinadorscompeticions {width: 100%; float: left; clear: both; padding-top: 30px; margin-top: 50px; border-top: 1px solid #6eab24;}
.logopatrocinadorpeu {float: left; padding: 20px; height: 100px; width: auto; vertical-align: middle; line-height: 100px;}
.logopatrocinadorpeu img {vertical-align: middle; margin: auto;}
#blocllegendaclassificacio {clear: both; width: 100%; padding-top: 20px;}
p.llegendatitol {font-weight: bold; text-decoration: underline;}

.marcador input::placeholder {color: #bbb; opacity: 1;}
.bloccampionatscontingut .taulapartitsjugador .resultat {width: 30px;}

.taulapartitsjugador .marcador {text-align: center; font-weight: bold; min-width: 90px;}
.taulapartitsjugador .marcador input {float: left; margin-top: 5px; border: 1px solid #6eab24; width: 50px; height: 24px; text-align: center; font-weight: bold; font-size: 20px;}
.taulapartitsjugador .marcador select {float: left;}	
.botovalidaresultat {background-color: #000; color: #fff; border: 1px solid #000; max-width: 150px; margin: 0 auto; line-height: 26px; text-align: center; cursor: pointer;}
.botovalidaresultat:hover {background-color: #fff; color: #000;}
.botodesacordresultat {float: right; width: 40%; background-color: #e15b26; color: #fff; text-align: center; line-height: 26px; cursor: pointer;}
.botodesacordresultat:hover {background-color: #e48661;}
.botoacordresultat {float: left; width: 40%; background-color: #000; color: #fff; text-align: center; line-height: 26px; cursor: pointer;}
.botoacordresultat:hover {background-color: #666;}
.marcador input::placeholder {color: #bbb; opacity: 1;}
.bloccampionatscontingut .taulapartitsjugador .resultat {width: 30px;}
#paginacampionats .botocompeticiosoci {float: left; width: 90%; border: 1px solid #6eab24; color: #6eab24; line-height: 36px; margin-bottom: 20px; cursor: pointer;}
#paginacampionats .botocompeticiosoci:hover {background-color: #6eab24; color: #fff;}
#peupatrocinadorscompeticions {width: 100%; float: left; clear: both; padding-top: 30px; margin-top: 50px; border-top: 1px solid #6eab24;}
.logopatrocinadorpeu {float: left; padding: 20px; height: 100px; width: auto; vertical-align: middle; line-height: 100px;}
.logopatrocinadorpeu img {vertical-align: middle; margin: auto; max-height: 100px;}
#paginacampionats table.taulapartitsjugador select {height: 26px;}
table.taulapartitsjugador input.resultattiebreak {display: none; width: 26px; height: 26px; border: 1px solid #bbb; margin-left: 3px; font-size: 14px;}

#botoenviadesacordresultat {width: 100%; text-align: center; background-color: #358d14; color: #fff; line-height: 30px; margin-top: 10px; cursor: pointer;}
#botoenviadesacordresultat:hover {background-color: #225d0c;}
.nomcompeticiotitol {position: relative; padding-left: 70px; font-size: 40px;}


/* 05 - PISTES */
/* .tabsubtitol.seleccionat {background-color: #6eab24;} */
#paginapistes .filatabs {border-bottom: 2px solid #00a192;}
#paginapistes .tabsubtitol {background-color: #9fd9d3;}
#paginapistes .tabsubtitol.seleccionat {background-color: #00a192;}
#paginapistes .encapcalamentdata {float: left; width: 100%; font-weight: bold; font-size: 18px; margin: 5px 0px; color: #00a192;} 
#paginapistes .div50e {float: left; width: 45%; margin-right: 10%;}
#paginapistes .div50d {float: right; width: 45%;}
#paginapistes .div50d img {width: 100%;}
#paginapistes .destacat {color: #00a192;}
#paginapistes .taulareserva {width: 100%; border-collapse: collapse;}
#paginapistes .taulareserva tr td {border-bottom: 1px solid #00a192; padding: 6px 0px; font-weight: bold;}
#paginapistes .taulareserva .botoreservapista {width: 100px; float: right; background-color: #00a192; text-align: center; color: #fff; line-height: 30px; font-size: 14px; cursor: pointer;}
#paginapistes .taulareserva .botoreservapista:hover {background-color: #000;}
#paginapistes .taulareserva .botoreservapista.reservat {background-color: #ca3d06; cursor: default;}
#paginapistes #contingutpadel {display: none;}
#paginapistes .filaopcions {float: left; width: 100%; margin-bottom: 20px;}
#paginapistes .botoopcio {float: left; width: 160px; margin-right: 20px; text-align: center; background-color: #000; line-height: 32px; cursor: pointer;}
#paginapistes .botoopcio a {color: #fff; text-decoration: none;}
.botoreservapistesseleccionat {width: 120px; margin: 0 auto; background-color: #00a192; color: #fff; text-align: center; line-height: 30px; margin-top: 2px;}
.botoreservapistespossible {width: 120px; margin: 0 auto; background-color: #9fd9d3; color: #fff; text-align: center; line-height: 30px; margin-top: 2px;}
.reservapistahora {width: 50%; float: left; vertical-align: top;}
.reservapistahora .hora {font-weight: bold; font-size: 26px;}
.reservapistafranges {width: 50%; float: left;}
.reservapistafranja {width: 100%; float: left;}
.reservapistafranja .minuts {float: left; width: 25%; text-align: left; font-size: 13px; vertical-align: bottom;}
.qpista {float: right; width: 70%; height: 25px; border: 1px solid #9fd9d3;}
.qpista.ocupat {background-color: #ca3d06;}
.qpista:not(.ocupat) {cursor: pointer;}
.qpista.parcial {cursor: auto;}
.minutsheader {float: left; width: 30px; text-align: left; font-size: 13px; vertical-align: bottom; border: 1px solid #fff;}
.pensant_recurs {width: 100%; text-align: center; padding: 40px;}
#modalReservaPistes .invitacio input {width: 100%; height: 24px; margin: 2px 0px;}
.horesreservapistes {width: 100%;} 
.filareservapista {width: 100%; float: left; padding: 5px 0px; border-bottom: 1px solid #00a192;} 
/* .horapista {float: left; width: 60px; font-weight: bold; line-height: 30px;} .minutspista {float: right;} .qpista {float: left; width: 30px; height: 30px; border: 1px solid #9fd9d3;} .qpista.ocupat {background-color: #ca3d06;} */
.estatpistes {width: 100%; clear: both;}
.estatpistes .horesreservapistes {float: left; width: 8.3%;}
.estatpistes .blochorareserva {border-bottom: 1px solid #00a192; float: left; padding: 5px 0; width: 95%; margin-right: 5%;}
.estatpistes .blochorareserva div {width: 100%; height: 30px; border: 1px solid #9fd9d3;}
.estatpistes .blochorareserva div:nth-child(even) {background: #e6eceb;}
.estatpistes .blochorareserva div.ocupat {background: #ca3d06;}
.estatpistes .blochorareserva div.nodisponible {background: #ba9a8d;}
.estatpistes .blochorareserva p {text-align: center; color: #00a192; margin: 0px;}
.estatpistes .blochorareservahorari {border-bottom: 1px solid #00a192; float: left; padding: 5px 0; width: 95%; margin-right: 5%;}
.estatpistes .blochorareservahorari .hora {font-size: 26px; font-weight: bold; }
.estatpistes .blochorareservahorari .meitat {float: left; width: 50%; border: 0;}
.estatpistes .blochorareservahorari .meitat .minuts {float: left; width: 100%; height: 32px; font-size: 13px; text-align: center; font-style: italic;}
#continguttennis #calendari_tennis, #contingutpadel #calendari_padel {width: 50%;}
#contingutpadel {display: none;}
@media only screen and (max-width: 900px) {
    .estatpistes .blochorareservahorari .hora {font-size: 18px;}
    .estatpistes .blochorareservahorari .meitat .minuts {font-size: 11px;}
}


/* 06 - B2B */
#paginab2b .filatabs {border-bottom: 2px solid #024da3; color: #024da3; font-size: 22px; font-weight: bold;}
#paginab2b .tabsubtitol {background-color: #9fb9d9; color: #fff;}
#paginab2b .tabsubtitol.seleccionat {background-color: #024da3;}
#paginab2b #contingut_perfil {display: none;}
#paginab2b #contingut_cercador .capcalera {float: left; width: 100%; margin: 20px 0; background-image: url('/assets../../fitxers/img/icones/icona_cerca-b2b.png'); background-repeat: no-repeat; padding-left: 150px; color: #024da3; font-weight: bold; font-size: 26px; line-height: 70px;}
#paginab2b #contingut_cercador .div50e {float: left; margin-left: 10%; width: 35%; margin-right: 10%;}
#paginab2b #contingut_cercador .div50d {float: right; width: 35%; margin-right: 10%;}
#paginab2b #contingut_cercador .fila {line-height: 30px; clear: both; display: inline-block; width: 100%;}
#paginab2b #contingut_cercador .fila .camptitol {float: left; width: 30%;}
#paginab2b #contingut_cercador .fila .campcontingut {float: left; width: 70%;}
#paginab2b #contingut_cercador input[type=text], #contingut_cercador select {width: 100%; height: 30px; background-color: #dbe5f1; border: none;}
#paginab2b .botocerca, #paginab2b .botodesa {background-color: #024da3; width: 200px; margin: 0 auto; line-height: 30px; text-align: center; color: #fff; margin-top: 30px; cursor: pointer;}
#paginab2b .botocerca:hover, #paginab2b .botodesa:hover {background-color: #000;}
#paginab2b #pensantb2b {float: left; width: 100%; text-align: center; margin-top: 20px; display: none;}
#paginab2b table.taulaprofessio{width: 100%; font-size: 18px; margin-bottom: 2%;}
#paginab2b #b2bbloccontingut .comentarib2b textarea {width: 100%; height: 150px; margin-top: 10px; resize: none; background-color: #dbe5f1; border: none; padding: 10px; margin: 2% 0; }
#paginab2b #b2bbloccontingut .comentb2b {color: #024da3; font-size: 18px; font-weight: bold; margin-top: 4%; margin-bottom: 1%;}
#paginab2b table.taulaprof td input[type="text"] {width: 100%; border: 0px; height: 24px; padding: 0px;}
#paginab2b .dadesPerfb2b{width: 50%; padding-bottom: 2%; border-bottom: 1px solid #024da3; margin-bottom: 5%;}
#contingut_perfil {clear: both; padding-top: 20px;}
#b2bblocfoto {float: left; margin-right: 4%; width: 11%;}
#b2bblocfoto img {width: 100%;}
#b2bblocfoto .botoedita {float: left; width: 100%; background-color: #024da3; color: #fff; text-align: center; line-height: 30px; margin-top: 10px; cursor: pointer;}
#b2bblocfoto .botoedita:hover {background-color: #000;}
#b2bbloccontingut {float: left; width: 85%;}
#b2bbloccontingut .columnaesquerra {clear: both; float: left; width: 45%; margin-right: 10%;}
#b2bbloccontingut .columnadreta {float: left; width: 45%;}
#b2bbloccontingut .columnatot {float: left; width: 100%; margin-top: 40px;}
#b2bbloccontingut .subtitol, #contingut_cercador .subtitol {color: #024da3; font-size: 22px; font-weight: bold;}
#b2bbloccontingut .columnatot textarea {width: 96%; height: 150px; margin-top: 10px; resize: none; background-color: #dbe5f1; border: none; padding: 2%;}
#b2bbloccontingut .columnatot .text {float: left; width: 100%; margin-top: 10px;}
#b2bbloccontingut select.selectmultiple {padding-top: 5px; height: 72px;}
#b2bbloccontingut select option {height: 24px; line-height: 24px;}
#cerca_resultat {display: none; float: left; width: 100%; margin-top: 40px;}
#cerca_resultat .blocfitxab2b {float: left; width: 28%; padding: 2%; min-height: 190px; margin-right: 2%; margin-top: 20px; background-color: #dbe5f1;}
#cerca_resultat .blocfitxab2b:nth-child(3n+1) {margin-right: 0;}
#cerca_resultat .blocfitxab2b .foto {float: left; width: 27%; margin-right: 3%;}
#cerca_resultat .blocfitxab2b .foto img {width: 100%;}
#cerca_resultat .blocfitxab2b .foto p {width: 100%; background-color: #024da3; color: #fff; font-size: 13px; text-align: center; line-height: 30px; cursor: pointer; margin-bottom: 0px;}
#cerca_resultat .blocfitxab2b .foto p:hover {background-color: #000;}
#cerca_resultat .blocfitxab2b .contingut {float: left;  width: 70%;}
#cerca_resultat .blocfitxab2b .contingut .titol {color: #024da3; font-weight: bold;}
#cerca_resultat .blocfitxab2b .contingut .dades {color: #024da3; margin-top: 10px;}
#cerca_resultat .blocfitxab2b .contingut .dades p {margin: 5px 0;}
#cerca_resultat .blocfitxab2b .contingut .descripcio {}


/* 08 - INSTITUCIONAL */
#paginainstitucional .columnadreta {float: right; width: 30%;} /* {position: fixed; width: 30%; top: 150px; right: 20px;} */
#paginainstitucional .columnaesquerra {float: left; width: 65%;}
#paginainstitucional h2 {font-weight: bold; font-size: 18px; margin-top: 40px; color: #024da3;}
#paginainstitucional h3 {font-weight: bold; font-size: 17px; color: #024da3;}
#paginainstitucional h4 {font-weight: bold; font-size: 17px;}
#paginainstitucional .columnaesquerra ul {list-style-type: none;}
#paginainstitucional .columnaesquerra ul li {padding-bottom: 10px;}
#paginainstitucional .columnaesquerra p {text-indent: 20px;}
#paginainstitucional .columnaesquerra p.destacat {font-weight: bold; text-indent: 0px;}
#paginainstitucional .llistatlletres p {margin-left: 20px;text-indent: -18px; margin-top: 0px; margin-bottom: 0px;}
#paginainstitucional .llistatlletres p.identat {margin-left: 20px; text-indent: 0px; margin-bottom: 10px; margin-top: 10px;}
#paginainstitucional .blocdreta .capcalera {background-color: #032d5d;}
#paginainstitucional .columnadreta .blocdreta .capcalera {color: #fff; font-size: 18px; line-height: 36px; padding-left: 20px;}
#paginainstitucional .columnadreta .blocdreta .cos {padding: 20px; background-color: #e2edfc;}
#paginainstitucional .blocdreta ol {padding-left: 30px;}
#paginainstitucional .blocdreta ol li {padding-bottom: 10px; cursor: pointer;}
#paginainstitucional .blocdreta ol li:hover {color: #0070ba;}
#paginainstitucional .blocdreta ol li ol {display: none;}
#paginainstitucional .contingut p {text-align: justify;}
#paginainstitucional .filabotosuperior {width :100%; float: left; text-align: right;}
#paginainstitucional .botodescarregapdf {float: right; border: 1px solid #024da3; color: #024da3; padding: 3px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#paginainstitucional .botodescarregapdf:hover {background-color: #024da3; color: #ffffff;}
#paginainstitucional #index .capcalera {cursor: pointer;}
#paginainstitucional #index .capcalera:hover {color: #0070ba;}
#paginainstitucional .columnaesquerra .subtitol {color: #024da3; font-weight: bold; text-align: center; font-size: 18px;}
h2 {padding-left: 60px; line-height: 52px; background-repeat: no-repeat;}
h2#article_1 {background-image: url("/assets../../fitxers/img/icones/num01.png");}
h2#article_2 {background-image: url("/assets../../fitxers/img/icones/num02.png");}
h2#article_3 {background-image: url("/assets../../fitxers/img/icones/num03.png");}
h2#article_4 {background-image: url("/assets../../fitxers/img/icones/num04.png");}
h2#article_5 {background-image: url("/assets../../fitxers/img/icones/num05.png");}
h2#article_6 {background-image: url("/assets../../fitxers/img/icones/num06.png");}
h2#article_7 {background-image: url("/assets../../fitxers/img/icones/num07.png");}
h2#article_8 {background-image: url("/assets../../fitxers/img/icones/num08.png");}
h2#article_9 {background-image: url("/assets../../fitxers/img/icones/num09.png");}
h2#article_10 {background-image: url("/assets../../fitxers/img/icones/num10.png");}
h2#article_11 {background-image: url("/assets../../fitxers/img/icones/num11.png");}
h2#article_12 {background-image: url("/assets../../fitxers/img/icones/num12.png");}
h2#article_13 {background-image: url("/assets../../fitxers/img/icones/num13.png");}
h2#article_14 {background-image: url("/assets../../fitxers/img/icones/num14.png");}
.taulainstitucional {border-collapse: collapse; margin: 5px; margin-left: 35px;}
.taulainstitucional td {border: 1px solid #ccc; padding: 5px; text-align: center;}
.taulainstitucional td:first-child {text-align: left;}
textarea.textareaeditor {width :100%;}
.botodesasimple {background-color: #0070ba; padding: 8px 20px; color: #fff; cursor: pointer;}
.botodesasimple:hover {background-color: #000;}
.admininstitucionalnum {width: 5%; float: left; font-weight: bold; font-size: 20px; line-height: 30px;}
.admininstitucionaltitol {width: 95%; float: left;}
.admininstitucionaltitol input {height: 30px; width: 100%; color: #024da3; font-size: 18px; font-weight: bold;}
.admininstitucionalcontingut {width: 100%; float: left; clear: both;}
.trumbowyg-editor {height: auto!important;}
#paginainstitucional .filabotodesa {width: 100%; float: left; text-align: right;}
#menuindexinstitucional {display: none;} /* */ 

.submenu_nav {float: left; width: 100%; margin-bottom: 10px;}
.submenu_nav .botoopcio {
    float: left;
    width: 140px;
    line-height: 32px;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    cursor: pointer;
}
#paginainstitucional .botoopcio {
    background-color: #032d5d;
    line-height: 32px;
    color: #fff;
}

@media (min-width: 1200px) {
	#menuindexinstitucional {display: none;}
}	
@media (max-width: 1200px) {
  #paginainstitucional {position: relative;}
  /* #paginainstitucional #index #menuindexinstitucional {display: block; position: absolute; top: 20px; right: 0px;} */
  #paginainstitucional #index .capcalera {display: none;}
  #paginainstitucional #index .cos {display: none;}
  #paginainstitucional .columnaesquerra {width: 100%;}  
}


/* 09 - CONTACTE */
#paginacontacte {font-size: 15px;}
#paginacontacte .contingut {float: left; width: 100%;}
#paginacontacte .subtitol {float: left; width: 100%; color: #3385ea; font-weight: bold; font-size: 22px; margin-top: 40px;}
#paginacontacte .columnaesquerra {float: left; width: 30%; margin-right: 10%;}
#paginacontacte .columnadreta  {float: left; width: 60%;}
#paginacontacte p {margin-bottom: 5px;}
#paginacontacte input {width: 100%; background-color: #e2edfc; height: 28px; border: 0px;}
#paginacontacte select {width: 100%; background-color: #e2edfc; height: 28px; border: 0px;}
#paginacontacte textarea {width: 100%; background-color: #e2edfc; height: 200px; border: 0px; resize: none; padding: 10px;}
#paginacontacte input.voraerror {border: 1px solid #e64e0c;}
#paginacontacte textarea.voraerror {border: 1px solid #e64e0c;}
#paginacontacte #botoenviacontacte {clear: both; width: 120px; background-color: #3385ea; margin: 0 auto; margin-top: 20px; text-align: center; height: 30px; line-height: 30px; color: #fff; cursor: pointer;}
#paginacontacte #botoenviacontacte:hover {background-color: #000;}
#paginacontacte input[type='checkbox'] {width: 20px; height: 20px;}
#paginacontacte p a {color: #3385ea; text-decoration: none;}
#paginacontacte p a:hover {text-decoration: underline;}
.grisnota {color: #888; margin-top: 0px; font-size: 12px;}
.elementsug {float: left; width: 25%;}
.elementsug2 {float: left; width: 75%;}
@media screen and (max-width: 1200px) {
	#paginacontacte .socisblocesquerra {width: 100%!important; margin-right: 0!important;}
	#paginacontacte .socisblocdreta {width: 100%!important;}	
}
@media only screen and (max-width: 767px) {
	#paginacontacte .columnaesquerra {width: 100%; margin-right: 0;}
	#paginacontacte .columnadreta {width: 100%;}
}
@media screen and (max-width: 680px) {
	.elementsug {float: left; width: 50%;}
	.elementsug2 {float: left; width: 50%;}
}


/* 11 - CAMPIONATS */
/* Campionats */
.bloc_campionat_esport {float: left; width: 45%; margin-right: 5%;} /* Fer salt cada 2 */
.titol_campionat_esport {position: relative;}
.logo_campionat_esport {float: left;}
.nom_campionat_esport {float :left; line-height: 52px; margin-left: 10px; font-weight: bold; font-size: 20px; margin-bottom: 15px;}
.nom_campionat {float: left; clear: both; border: 1px solid #6eab24; width: 100%; margin: 5px 0px; color: #6eab24; line-height: 36px; cursor: pointer;}
.nom_campionat:hover {background-color: #6eab24; color: #fff;}
.nom_campionat p {margin: 0px; padding-left: 20px;}
.afegeixesport {position: absolute; top: 0; right: 0; background-color: #0070ba; color: #fff; text-align: center; font-size: 16px; height: 18px; width: 18px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer;}
.afegeixcampionat {position: absolute; top: 0; right: 0; background-color: #0070ba; color: #fff; text-align: center; font-size: 16px; height: 18px; width: 18px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer;}
.afegeix_esport {position: absolute; top: 0; right: 0; cursor: pointer;}
.bloccampionatscontingut table {width: 100%;}
.bloccampionatscontingut table td {padding: 3px 0px;}
.bloccampionatscontingut table.taularatllada td {border-bottom: 1px solid #6eab24; cursor: pointer;}
.bloccampionatscontingut tr.filavorainferior td {border-bottom: 1px solid #6eab24;}
.bloccampionatspeu {float: left; width: 100%; background-color: #e3eed5; text-align: center; line-height: 36px; font-size: 14px; cursor: pointer;}
.bloccampionatspeu:hover {background-color: #6eab24;}
.taulapartitsjugador {border-bottom: 1px solid #6eab24; margin-bottom: 20px;}
.taulapartitsjugador .titol {font-weight: bold; padding: 7px 0px; color: #6eab24; font-size: 20px;}
.taulapartitsjugador .datapartit {border-bottom: 1px dashed #6eab24; font-size: 12px;}
.taulapartitsjugador .resultat {text-align: center; width: 40px;}

#paginacampionats .botoacordresultat {background-color: #0070ba;}
#paginacampionats .botoacordresultat:hover {background-color: #75c3e4;}
#paginacampionats .filadesacordresultat {display: none;}
#paginacampionats #socicolumna {margin-top: 0px; margin-bottom: 20px;}
#paginacampionats .botocompeticiosoci {padding-left: 40px; background-color: #e2efd2;} /* ex */
#paginacampionats .botocompeticiosoci .destacat {padding-left: 15px;}
#mostraelsmeuspartits {position: absolute; top: 2px; right: 15px; font-size: 14px; cursor: pointer; display: none;}
.bloclateralcampionats .bloccampionatscontingut {display: block;}
.mbot20 {margin-bottom: 20px;}

@media screen and (max-width: 1040px) {
	#mostraelsmeuspartits {display: block;}
	.bloclateralcampionats .bloccampionatscontingut {display: none;}
}

/* admin */
.filaedicionscampionat {width: 100%; float: left;}
.bloc_campionat_edicio {width: 100px; float: left; margin-right: 10px; line-height: 30px; text-align: center; font-size: 14px; background-color: #b6d591; color: #fff; font-weight: bold;}
.bloc_campionat_edicio:not(.seleccionat) {cursor: pointer;}
.bloc_campionat_edicio.seleccionat {background-color: #6eab24; cursor: auto;}
.bloc_campionat_edicio:hover:not(.seleccionat) {background-color: #000;}
.filatabscampionat {width: 100%; float: left; border-bottom: 2px solid #6eab24; margin-top: 30px;}
.tabcampionatsubtitol {float: left; width: 150px; background-color: #b6d591; line-height: 30px; text-align: center; font-size: 14px; font-weight: bold; margin-right: 2px;}
.tabcampionatsubtitol:not(.seleccionat) {cursor: pointer;}
.tabcampionatsubtitol:hover:not(.seleccionat) {background-color: #000; color: #fff;}
.tabcampionatsubtitol.seleccionat {background-color: #6eab24;}
.campionatsubtitoldreta {float: right; color: #6eab24; line-height: 30px; font-size: 14px;}
#pestanyapartitscontingut {width: 100%; float: left; overflow: hidden; margin-bottom: 30px;}
.subtitolcampionat {width: 100%; float: left; padding: 10px 0px; font-size: 18px; font-weight: bold;}
.subtitolcampionat .normal {font-size: 14px; font-weight: normal;}
.taulapartits, .taulaclassificacio {width: 100%; float: left;}
table.jornadacampionat {padding-top: 10px; width: 100%;}
table.jornadacampionat td {padding: 5px 8px; border-bottom: 1px solid #6eab24; /* vertical-align: top; */}
table.jornadacampionat td.numpartit {font-weight: bold;}
table.jornadacampionat td.posicio {text-align: right;}
table.jornadacampionat td.resultat {font-weight: bold; font-size: 20px; text-align: center; /* vertical-align: middle; */}
table.jornadacampionat td.resultat input {width: 50px; text-align: center; font-weight: bold; font-size: 20px; border: none; color: #000; background-color: #fff;}
table.jornadacampionat td.icona img {width: 20px; cursor: pointer;}
table.jornadacampionat td.icona .iconadesa {display: none;}
/* table.jornadacampionat td.validacio {vertical-align: middle;} */
table.classificaciocampionat {padding-top: 10px; width: 100%; text-align: right;}
table.classificaciocampionat td {padding: 5px 8px; border-bottom: 1px solid #6eab24;}
table.classificaciocampionat td.nomparticipant {text-align: left;}
table.classificaciocampionat .filacapcalera {font-size: 14px; font-weight: bold;}
table.classificaciocampionat .filacapcalera td {/* border-bottom: none; */ background-color: #f3f8e6;}
table.classificaciocampionat .bototreu, .bototreunou {float: right; background-color: #dd380f; color: #fff; text-align: center; font-size: 16px; height: 18px; width: 18px; line-height: 18px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer;}
table#taulajugadorsbaixa .botoposa {float: right; background-color: #0070ba; color: #fff; text-align: center; font-size: 16px; height: 18px; width: 18px; line-height: 18px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer;}
.filabotocentrat {float: left; width: 100%; margin-top: 20px;}
#botovalidajornada {}
.botoverdcentrat {width: 200px; background-color: #6eab24; line-height: 30px; text-align: center; color: #fff; margin: 0 auto; cursor: pointer;}
.botoverdcentrat:hover {background-color: #000;}
#blocnovajornada {display: none; width: 100%; clear: both; margin-top: 20px; overflow: hidden;}
#blocnovajornada .filatitol {float: left; border-bottom: 2px solid #6eab24; margin-top: 20px; width: 100%; font-weight: bold;}
#blocnovajornada .filacontingut {float: left; width: 100%;}
.filablocnovajornada {float: left; margin-right: 20px; margin-top: 10px; font-size: 14px;}
.filablocnovajornada p {margin-bottom: 5px;}
.filablocnovajornada input {height: 30px;}
#botogeneranovajornada {width: 200px; background-color: #6eab24; line-height: 30px; text-align: center; color: #fff; margin: 0 auto; cursor: pointer; font-size: 16px;}
#botogeneranovajornada:hover {background-color: #000;}
#pestanyaclassificaciocontingut {width: 100%; float: left; display: none;}
#blocaltescampionats {display: none;}
#blocbaixescampionats {display: none;}
#blocvalidaaltesbaixes {display: none; width: 100%; background-color: #000; line-height: 30px; color: #fff; text-align: center; cursor: pointer;}
#blocvalidaaltesbaixes:hover {background-color: #666;}
#taulajugadorsbaixa td {padding: 5px 0px;}
.filaafegeixjugador {float: left; width: 100%;}
.campnoujugador {float: left;}
.campnoujugador input {height: 26px; margin-right: 5px;}
/* .campnoujugador input:first-child {width: 30px;}
.campnoujugador input:nth-child(2) {width: 100px;} */
.campnoujugador input:first-child {width: 100px;}
.botoafegeixjugador {float: left; width: 120px; background-color: #b6d591; text-align: center; font-size: 14px; font-weight: bold; line-height: 26px; cursor: pointer;}
.botoafegeixjugador:hover {background-color: #000; color: #fff;}
/* a eliminar */
#botoafegeixjugador {float: left; width: 120px; background-color: #b6d591; text-align: center; font-size: 14px; font-weight: bold; line-height: 26px; cursor: pointer;}
#botoafegeixjugador:hover {background-color: #000; color: #fff;}
/* fi a eliminar */
#pestanyapartitsnovajornada {display: none; clear: both; margin-top: 30px; border-top: 2px solid #6eab24;}
.zonamissatgeserror {clear: both; padding-top: 10px; width: 100%;}
.filamissatgeserror {clear: both; padding-bottom: 10px; width: 100%;}
#paginacampionat .missatgeerror {clear: both; background-color: #dd380f; line-height: 28px; margin-top: 0px;}
/* final competicions admin */
#taulaavantatges table {border-collapse: collapse!important;}
#taulaavantatges table td {text-align: right; border: 1px solid #aaa; padding: 5px; min-width: 60px;}
#taulaavantatges table td.filablanca {border: none;}
#taulajugadorsgrupsavantatges table td {min-width: 60px;}
#taulajugadorsgrupsavantatges table td.titolgrup {font-weight: bold; color: #6eab24; border: 1px solid #6eab24; padding: 5px;}

/* 12 - PÀGINES WEB */
#paginaweb #form_classes{ position: relative; float; left; width: 100%; height: 30vh;}
#paginaweb #form_classes .cont_textarea { position: relative; float: left; width: calc(100% - 290px); margin: 0 20px;}
#paginaweb #form_classes .cont_botonera { position: relative; float; left; width: 250px; height: 100%; }
#paginaweb #form_classes .cont_botonera>div, #paginaweb #form_classes .cont_botonera>label{ position: relative; float: left; margin: 3px; }
#paginaweb #form_classes .cont_botonera label.carga_fitxer{ min-width: 150px; margin-top: 3px; }
#paginaweb #form_classes .cont_botonera img+label.carga_fitxer{ width: calc(100% - 80px); }
#paginaweb #form_classes .cont_botonera img{ width: 20px; float: left; margin: 4px; }
#paginaweb #form_classes .botodesa{ position: relative; float: right; margin-top: 40px; }
#paginaweb .img_seccio{ position: relative; background-position: center; background-size: contain; background-repeat: no-repeat; width:100%; padding-top: 50%;}

.b_elim { display: none; background-color: rgba(255, 255, 255, .6); opacity: .8; position: absolute; width: 100%; height: 100%; top: 0; left: 0; cursor: pointer;}
.b_elim::after{ content: ""; position: absolute; width: 25px; height: 25px; top: calc(50% - 15px); left: calc(50% - 15px); border: 4px solid white; border-radius: 50%; }
.b_elim::before{ content: "X"; color: white; font-size: 25px; position: absolute; top: calc(50% - 12px); left: calc(50% - 6px);}
#paginaweb .img_seccio:hover>div.b_elim { display: block; }
#paginaweb .adjunto{
	position: relative;
}
.adjunto:hover>.b_elim { display: block; }
#paginaweb img.logo{
	max-width: 120px;
}

#paginaweb #content {position: relative; float: left; width: 100%; min-height: calc(100vh - 420px)}
#paginaweb #loaderCTB {position: fixed; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; z-index: 900}
#paginaweb #seccio { padding-top: 20px}
#paginaweb #seccio>.message{ color: white; text-transform: uppercase;background-color: #618008; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 10px 20px; }
label.carga_fitxer{background-color: #62820a; color: #fff; width:calc(100% - 45px);min-width:100px; max-width: 250px;padding: 3px 30px 3px 15px; margin: 5px 30px 5px 5px;cursor: pointer; font-size: 14px; text-align: center;}
label.carga_fitxer:hover{background-color: #82a00a}
label.carga_fitxer .ico_PDF{ position: absolute; top: -3px; left: -25px; }

label.carga_fitxer .cont_image{ width: 100%; }
label.carga_fitxer .cont_image img{ max-width: 75px; margin: 10px; }

label.carga_fitxer span{position: absolute; margin: 1px 8px;}
label.carga_fitxer input[type="file"]{display: none;}
#load_bar, .load_bar{background-color: #00CBE0; position: absolute;bottom: -5px; left:0px; width: 100%; height: 5px; -webkit-transition: width .2s ease;-moz-transition: width .2s ease;transition: width .2s ease;}
#paginaweb .t_filename{color: grey; margin: 5px 10px;}
#paginaweb .tabla_curs tr td.b_modf{cursor: pointer;}
#paginaweb table.llistat {width: 100%; border-collapse: collapse; padding: 2px 5px;}
#paginaweb table.llistat tr th {border-bottom: 1px solid #116976; color: #116976; /* border-bottom: 1px solid #009ee0; color: #009ee0; */ padding: 8px; text-align: left;}
#paginaweb table.llistat tr{height: 75px;}
#paginaweb table.llistat tr:nth-child(even) {background: #fff;}
#paginaweb table.llistat tr:nth-child(odd) {background: #e6f7fd;}
#paginaweb table.llistat tr:first-child {background: #fff;}
#paginaweb table.llistat tr td {text-align: center; padding: 20px 10px}
#paginaweb table.llistat tr td.paragraph { text-align: left; }
#paginaweb table.llistat tr td.data {font-size: 14px;}
#paginaweb table.llistat tr td span {font-size: 12px; margin-right: 6px; line-height: 1.5em;}
#paginaweb table.llistat tr td div.marco_img {position: relative; width: 60px; height: 60px;border-radius: 50%; border: 1px solid #ff7800; overflow: hidden;}
#paginaweb table.llistat tr td div.marco_img img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

#paginaweb table.llistat span+input{ width: calc(100% - 20px); }

#paginaweb table.llistat input {width:calc(100% - 25px);margin-top: 2px;padding: 5px;border-radius: 5px;}

#paginaweb .botoedita {margin: 0 auto; background-color: #62820A; color: #fff; padding: 3px 14px; cursor: pointer; font-size: 14px; text-align: center;}
#paginaweb .botodesa {margin: 0 auto; background-color: #000; color: #fff; padding: 3px 14px; margin-top: 5px; cursor: pointer; font-size: 14px; text-align: center;}
#paginaweb .botodesa:hover{background-color: #333}
#paginaweb .b_add{background-color: #009ee0; color: #fff; text-align: center; font-size: 16px; height: 18px; width: 18px; padding-bottom: 1px; margin: 7px 2px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer}
#paginaweb .botoedita:hover, #paginaweb .b_add:hover{background-color: #82a00a}
#paginaweb .b_del{background-color: #e9594a; color: #fff; text-align: center; font-size: 16px; height: 18px; width: 18px; padding: 1px 1px 4px; margin: 5px 5px; cursor: pointer}
#paginaweb .b_del:hover{background-color: #E9774A;}

#paginaweb #general{position: relative; float: left; width: 100%;}

.b_titol{text-align: center;background-color: #e6f7fd; position: relative; float: left; width: calc(100% - 20px); padding: 10px;}
.b_titol span{position: relative;padding-left: 25px;}
.b_titol span .afegeixesport{left: 0}
.b_titol span .afegeixcampionat{left: 0}
.cont_general{position: relative; float:left; width: 100%; overflow: hidden;}

.cont_general #content_form_gen{height: 0px; -webkit-transition: all .8s; transition: all .8s;}

td.cont_doc{position: relative; text-align: center;}
td.cont_doc img{position: relative; width: 25px;}
td.cont_doc img::before{content:'X'; position: absolute; width: 20px; height: 20px;}
td.cont_doc .b_elim::before{color: red;}
td.cont_doc .b_elim::after{border-color: red;}
td.cont_doc:hover .b_elim{display: block;}

#paginaweb #cont_form select {height: 30px; margin-right: 10px; min-width: 150px;}

/* 13 - DESTACATS */
#paginadestacats .llistat a {text-decoration: none; color: #009ee0;}
#paginadestacats .llistat a:hover {color: #024da3;}
#paginadestacats .llistat tr.noactiva td {color: #666;}
#paginadestacats .llistat tr.noactiva td a {color: #666;}
#paginadestacats img.botoelimina {cursor: pointer;}
#paginadestacats #botodesadestacat {background-color: #009ee0; text-align: center; width: 100%; line-height: 32px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#paginadestacats #botodesadestacat:hover {background-color: #000;}
#paginadestacats #socisblocesquerra.ampletot  {width: 100%; margin-right: 0%;}


/* 14 - REVISTA */
#paginarevista #socisblocesquerra {width: 100%;}
.filaadminrevista img {max-width: 80px;}
.filaadminrevista .botoedita {width: 40px; margin: 0 auto; background-color: #009ee0; color: #fff; padding: 3px 10px; cursor: pointer; font-size: 14px; text-align: center;}
.filaadminrevista .botodesa {display: none; width: 40px; margin: 0 auto; background-color: #000; color: #fff; padding: 3px 10px; cursor: pointer; font-size: 14px; text-align: center;}
#paginarevista .filaadminrevista input {height: 30px; width: 100%; font-family: Arial, sans-serif; font-size: 16px;}
#paginarevista .filaadminrevista input:disabled {color: #000; border: none; background-color: transparent;}
#novarevista {display: none; width: 100%; float: left; border-bottom: 1px solid #00a49f; padding: 15px 0;}
#novarevista .titol {width: 100%; float: left; color: #00a49f; font-weight: bold; font-size: 20px; margin-bottom: 10px;}
#paginarevista .taulanou input {height: 30px;}
#paginarevista .taulanou td {padding: 3px;}
#paginarevista .div50 {float: left; width: 50%;}
#botopujarevista {background-color: #00a49f; height: 30px; line-height: 30px; padding: 0 10px; max-width: 100px; text-align: center; color: #fff; cursor: pointer;}
#botopujarevista:hover {background-color: #000;}


/* 15 - NOTICIES */
#paginainici .llistat a {text-decoration: none; color: #009ee0;}
#paginainici .llistat a:hover {color: #024da3;}
#paginainici .llistat tr.noactiva td {color: #666;}
#paginainici .llistat tr.noactiva td a {color: #666;}
#paginainici img.botoelimina {cursor: pointer;}
#paginanoticies #socisblocesquerra .titol {/* color: #009ee0; */ font-weight: bold; margin-top: 10px;}	
#paginanoticies #socisblocesquerra .contingut {width: 100%; margin-top: 5px;}
#paginanoticies #socisblocesquerra .contingut input {width: 100%; height: 30px;}
#paginanoticies #socisblocesquerra .contingut textarea {width: 100%; resize: none; border: 1px solid #ccc; height: 100px;}
#paginanoticies #socisblocesquerra .contingut textarea.resum {font-family: Arial, sans-serif; padding: 10px; font-size: 13px; height: 80px;}
#paginanoticies #socisblocdreta .blocdreta, #paginanoticies #socisblocdreta2 .blocdreta {background-color: #e6f7fd; padding: 10px; margin: 20px 0px; overflow: hidden;}
#paginanoticies #socisblocdreta .blocdreta .titol {font-weight: bold; margin-top: 10px;}
#paginanoticies #socisblocdreta .contingut .obligatori {color: red;}
#paginanoticies #socisblocdreta.blocedicio .blocdreta input[type='checkbox'] {width: 15px; height: 15px; margin-right: 10px;}
#paginanoticies #botodesanoticia {background-color: #009ee0; text-align: center; width: 100%; line-height: 32px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#paginanoticies #botodesanoticia:hover {background-color: #000;} 
#paginanoticies .blocdreta .div50 {float: left; width: 50%; line-height: 40px; height: 40px;}
#paginanoticies .blocdreta input {width: 100%; height: 30px; margin: 5px 0;}
#paginanoticies .blocdreta select {width: 100%; height: 30px; margin: 5px 0;}
#paginanoticies .missatgeok, #paginanoticies .missatgeerror {margin-bottom: 20px;}
#paginanoticies #blocprincipal {float: left; width: 65%; margin-right: 5%;}
#paginanoticies #blocprincipal .titol {font-family: 'Inter', sans-serif; font-size: 30px; margin-bottom: 20px; border-bottom: 1px solid #009ee0;}
#paginanoticies #bloclateral {float: left; width: 30%; background-color: #cfe1e4;}
#paginanoticies #bloclateral .titol {font-family: 'Inter', sans-serif; font-size: 30px; margin: 20px; border-bottom: 1px solid #009ee0;}
#paginanoticies #bloclateral .noticialateral {float: left; width: 80%; margin: 0 10%; margin-bottom: 20px;}
#paginanoticies #boto_puja_imatge_associada {clear: both; margin-top: 20px; background-color: #009ee0; border-radius: 3px; color: #fff; cursor: pointer; line-height: 32px; text-align: center; width: 100%;}
#paginanoticies #boto_puja_imatge_associada:hover {background-color: #000;}

#paginanoticies #blocprincipal {width: 100%; font-family: 'Inter', sans-serif;}
#paginanoticies #blocprincipal .titol {margin-bottom: 0;}
#paginanoticies #blocprincipal .socistitol {margin-bottom: 0;}
#paginanoticies .zonanoticiasoci {float: left; width: 100%; background-color: #cfe1e4;}
#paginanoticies .imatgenoticiasoci {float: left; width: 26%; padding: 2%;} 
#paginanoticies .imatgenoticiasoci img {width: 100%;} 
#paginanoticies .contingutnoticiasoci {float: left; width: 68%; padding: 2%; padding-left: 0;}
#paginanoticies .contingutnoticiasoci h1 {margin: 0; padding: 0px;}
#paginanoticies .contingutnoticiasoci h2 {margin: 0; padding: 0px;}
#paginanoticies .contingutnoticiasoci a {color: #00a1e2;}
.peudefotonoticia {padding: 5px 0; font-size: 13px; color: #666; text-align: justify;}
@media only screen and (max-width: 800px) {
	#paginanoticies .imatgenoticiasoci {float: left; width: 96%; padding: 2%;} 
	#paginanoticies .contingutnoticiasoci {float: left; width: 96%; padding: 2%;;}
}


/* 16 ACTIVITATS */
#paginaactivitats #socisblocesquerra.ampletot  {width: 100%; margin-right: 0%;}
#paginaactivitats #socisblocesquerra .contingut textarea.resum {font-family: Arial, sans-serif; padding: 10px; font-size: 13px; height: 80px;}
#paginaactivitats #socisblocdreta.blocedicio .blocdreta input[type='checkbox'] {width: 15px; height: 15px; margin-right: 10px;}
#paginaactivitats #botonovaactivitat img {cursor: pointer;}
#paginaactivitats .llistat a {text-decoration: none; color: #009ee0;}
#paginaactivitats .llistat a:hover {color: #024da3;}
#paginaactivitats .llistat tr.noactiva td {color: #666;}
#paginaactivitats .llistat tr.noactiva td a {color: #666;}
#paginaactivitats img.botoelimina {cursor: pointer;}
#paginaactivitats #botodesaactivitat {background-color: #009ee0; text-align: center; width: 100%; line-height: 32px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
#paginaactivitats #botodesaactivitat:hover {background-color: #000;} 
#paginaactivitats #boto_puja_imatge_associada {clear: both; margin-top: 20px; background-color: #009ee0; border-radius: 3px; color: #fff; cursor: pointer; line-height: 32px; text-align: center; width: 100%;}
#paginaactivitats #boto_puja_imatge_associada:hover {background-color: #000;}


/* 17 - NEWSLETTER */
#paginanewsletters .llistat a {text-decoration: none; color: #009ee0;}
#paginanewsletters .llistat a:hover {color: #024da3;}
#paginanewsletters .llistat tr.noactiva td {color: #666;}
#paginanewsletters .llistat tr.noactiva td a {color: #666;}
#paginanewsletters img.botoelimina {cursor: pointer;}
#paginanewsletters #socicolumna .contingut ul {list-style-type: none; padding-left: 0;}
#paginanewsletters table.llistat {width: 100%; border-collapse: collapse; padding: 2px 5px;}
#paginanewsletters table.llistat tr th {border-bottom: 1px solid #116976; color: #116976; /* border-bottom: 1px solid #009ee0; color: #009ee0; */ padding: 8px; text-align: left;-webkit-transition: height .8s; transition: height .8s;}
#paginanewsletters table.llistat tr:nth-child(even) {background: #fff;}
#paginanewsletters table.llistat tr:nth-child(odd) {background: #e6f7fd;}
#paginanewsletters table.llistat tr:first-child {background: #fff;}
#paginanewsletters table.llistat tr td {padding: 8px;}
#paginanewsletters table.llistat tr td.data {font-size: 14px;}
#paginanewsletters #socisblocesquerra.ampletot {width: 100%; margin-right: 0%;}
#paginanewsletters .socistitol {position: relative; margin-bottom: 0px;}
#paginanewsletters #botonounewsletter {position: absolute; bottom: 15px; right: 0px;}
#paginanewsletters #botonounewsletter img {cursor: pointer;}
#paginanewsletters .taula .llistat {width: 100%;}

/* 18 - AVANTATGES */
#paginaavantatges .socistitol {border-bottom: 1px solid #6caeff;}
#paginaavantatges a {color: #0070ba; text-decoration: none;}
.soci_avantatgesArea{width: 80%; float: left; margin: 0 10%;}
.soci_avantatgesFila{width: 100%; float: left; margin-bottom: 2%;}
.soci_avantatgeItem {width: 22%; padding: 1%; text-align: center; margin-bottom: 2%; display: inline-block; vertical-align: top; }
.soci_avantatgePartner{font-weight: bold; font-size: 16px;}
#blocavantatges {clear: both; width: 80%; margin: 0 10%; float: left;}
.soci_avantatgesArea {clear: both;}
@media all and (max-width : 1200px) {
	.soci_avantatgeItem {width: 44%;}
}
@media all and (max-width : 768px) {
	.soci_avantatgeItem {width: 98%; border-bottom: 1px solid #00a1e2; margin-bottom: 8%; padding-bottom: 8%;}
}



/* Admin */
table.llistat.admin {width: 100%; border-collapse: collapse; padding: 2px 5px;}
table.llistat.admin tr th {border-bottom: 1px solid #116976; color: #116976; /* border-bottom: 1px solid #009ee0; color: #009ee0; */ padding: 8px; text-align: left;}
table.llistat.admin tr:nth-child(even) {background: #fff;}
table.llistat.admin tr:nth-child(odd) {background: #e6f7fd;}
table.llistat.admin tr:first-child {background: #fff;}
table.llistat.admin tr td {padding: 8px;}
table.llistat.admin tr td.data {font-size: 14px;}
table.llistat tr th {min-width: 120px;}
table.llistat tr th.int {min-width: 0px; width: 20px;}

#paginainici table.llistat {width: 100%; border-collapse: collapse; padding: 2px 5px;}
#paginainici table.llistat tr th {border-bottom: 1px solid #116976; color: #116976; /* border-bottom: 1px solid #009ee0; color: #009ee0; */ padding: 8px; text-align: left;}
#paginainici table.llistat tr:nth-child(even) {background: #fff;}
#paginainici table.llistat tr:nth-child(odd) {background: #e6f7fd;}
#paginainici table.llistat tr:first-child {background: #fff;}
#paginainici table.llistat tr td {padding: 8px;}
#paginainici table.llistat tr td.data {font-size: 14px;}


/* Errors */
.voraerror {border: 1px solid #e64e0c;}
.missatgeerror {display: none; width: 100%; background-color: #e64e0c; text-align: center; color: #fff; height: 30px; line-height: 30px; margin-top: 20px;}
.missatgeok {display: none; width: 100%; background-color: #308908; text-align: center; color: #fff; height: 30px; line-height: 30px; margin-top: 20px;}
#paginaperfil .missatgeerror {margin-bottom: 20px;}
/* Avisos */
.missatgeavis {float: left; width: 99%; text-align: center; color: #db2d0b; height: 30px; line-height: 30px; margin-top: 20px; border: 1px solid #db2d0b;}
#avisaltesbaixes {cursor: pointer;}

/* Avís Legal */
.bloclegal {float: left; width: 80%; margin: 0 10%; margin-top: 40px;}
.doclegal {float: left; width: 25%; margin: 0 4%; text-align: center;}
.doclegal img {width: 80%; max-width: 150px;}
.doclegal p {margin-top: 20px; padding-top: 20px; border-top: 1px dashed #00a1e2; text-align: center; font-size: 20px; font-weight: 100;}
@media only screen and (max-width: 1200px) {
    .bloclegal {width: 100%; margin-left: 0; margin-right: 0;}
}
@media only screen and (max-width: 600px) {
    .doclegal {width: 90%; margin-left: 5%; margin-right: 5%; margin-bottom: 50px;}
}

/* 40 - MODALS */
/* The Modal - inici */
.modal {display: none; position: fixed; z-index: 100; padding-top: 50px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.7);}
.modal-content {background-color: #fefefe; margin: auto; padding: 20px; width: 25%; min-width: 340px;}
#modalCanviaContrasenya .modal-content {border: 1px solid #ffc800;}
#modalAfegeixCampionat .modal-content {border: 1px solid #6eab24;}
#modalReservaPistes .modal-content {border: 1px solid #00a192; border-bottom: 20px solid #00a192; }
#modalBaixaInscripcio .modal-content {border: 1px solid #ff7500; width: 50%;}
.modal-content-peu {margin: auto; padding: 0px 20px; width: 25%; min-width: 340px;}
#modalCanviaContrasenya .modal-content-peu {background-color: #ffc800; border: 1px solid #ffc800;}
#modalAfegeixCampionat .modal-content-peu {background-color: #6eab24; border: 1px solid #6eab24;}
#modalReservaPistes .modal-content-peu {display: none; background-color: #00a192; border: 1px solid #00a192;} /* gruix */
#modalReservaPistesMissatge .modal-content-peu {background-color: #00a192; border: 1px solid #00a192;}
#modalBaixaInscripcio .modal-content-peu {background-color: #ff7500; border: 1px solid #ff7500;}
.close {color: #aaaaaa; float: right; font-size: 28px; font-weight: bold;}
.close:hover, .close:focus {color: #000; text-decoration: none; cursor: pointer;}
.titolmodal {font-weight: bold; width: 100%; font-size: 22px;}
#modalAfegeixCampionat .titolmodal {color: #6eab24;}
#modalReservaPistes .titolmodal {color: #00a192;}
#modalCanviaContrasenya .titolmodal {color: #ffc800;}
#modalBaixaInscripcio .titolmodal {color: #ff7500;}
p.titolmodal {margin-top: 0px;}
p.filaboto {width: 100%; float: left;}
.botonegre100 {margin: 0 auto; width: 100px; text-align: center; background-color: #000; color: #fff; font-size: 16px; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; cursor: pointer;}
.botonegre100:hover {background-color: #009ee0;}
.botonegre {float: left; width: 100%; margin-top: 40px; text-align: center; background-color: #000; color: #fff; font-size: 16px; line-height: 30px; cursor: pointer;}
.botonegre:hover {background-color: #009ee0;}
.modalmissatgevermell {display: none; background-color: #dd380f; text-align: center; color: #fff; line-height: 30px;}
.modalmissatgeverd {display: none; background-color: #308908; text-align: center; color: #fff; line-height: 30px;}
#modalAfegeixCampionat dl {width: 100%;}
#modalAfegeixCampionat dl dt {float: left; width: 25%; margin-right: 5%; margin-bottom: 15px;}
#modalAfegeixCampionat dl dd {float: left; width: 70%; margin-bottom: 15px; margin-left: 0px;}
#modalAfegeixCampionat input, #modalAfegeixCampionat select {width: 98%; height: 30px;}
#modalAfegeixCampionat .format2 {display: none;}
#modalAfegeixCampionat .format3 {display: none;}
#modalReservaPistes .botoselecciotipuspartit {border: 1px solid #00a192; width: 80%; margin: 5% 10%; text-align: center; color: #00a192; line-height: 30px; cursor: pointer;}
#modalReservaPistes .botoselecciotipuspartit:hover {background-color: #9fd9d3;}
#modalReservaPistes .botoselecciotipuspartit.seleccionat {background-color: #00a192; color: #fff;}
#modalReservaPistes .botoselecciotipuspartit.inactiu {border: 1px solid #ccc; color: #ccc; cursor: auto;}
#modalReservaPistes .botoselecciotipuspartit.inactiu:hover {background-color: #fff;}
#modalReservaPistes #botonstipuspartit {width: 100%; float: left;}
#modalReservaPistes #areareservapistes {width: 100%; float: left; margin-bottom: 20px; display: none;}
#modalReservaPistes .campjugador {display: none;}
#modalReservaPistes #botoreservapista {margin-top: 20px;}
#modalBaixaInscripcio .capcalera {width: 100%; float: left; border-bottom: 1px solid #ff7500; margin-bottom: 3px; color: #ff7500; font-weight: bold; font-size: 20px; line-height: 26px; margin-top: 10px;}
#modalBaixaInscripcio .camptitol {width: 20%; float: left; line-height: 26px;}
#modalBaixaInscripcio .campcontingut {width: 80%; float: left; line-height: 22px; margin: 2px 0; background-color: #fff1e5; color: #aaa;}
#modalBaixaInscripcio .camptitol2 {width: 20%; float: left; line-height: 26px;}
#modalBaixaInscripcio .campcontingut2 {width: 30%; float: left; line-height: 22px; margin: 2px 0; background-color: #fff1e5; color: #aaa;}
#modalBaixaInscripcio select {width: 100%; height: 26px; background-color: #fff1e5; border: none;}
#modalBaixaInscripcio input[type="text"] {width: 100%; height: 26px; background-color: #fff1e5; border: 1px solid #aaa;}
#modalBaixaInscripcio .vora {border: 1px solid #aaa;}
#modalBaixaInscripcio .blocbaixa {overflow: hidden;}
#modalBaixaInscripcio .filaaccepto {margin-top: 20px; border-top: 1px solid #ff7500; padding-top: 10px; font-weight: bold;}
#modalBaixaInscripcio .filabotons {width: 100%;}
#modalBaixaInscripcio .boto {width: 200px; margin: 10px auto; line-height: 30px; text-align: center; background-color: #000; color: #fff; cursor: pointer;}
#modalBaixaInscripcio .boto:hover {background-color: #ff7500;}
#modalBaixaInscripcio #botodatadiferent {display: none;}
@media screen and (max-width: 360px) {
	.titolmodal {font-size: 20px;}
	.titolmodal img {display: none;}
	.modal-content {min-width: 280px;}
	.modal-content-peu {min-width: 280px;}
}
/* The Modal - final */


/* 50 - RESPONSIVE */
@media screen and (max-width: 1180px) {
	.menuadmin #menuweb {display: none;}
	#contingut_cercador .div50e {margin-left: 0%; width: 45%; margin-right: 10%;}
	#contingut_cercador .div50d {width: 45%; margin-right: 0%;}
}
@media screen and (max-width: 1100px) {
	#socimenu .socimenuboto {width: 100px; height: 70px; background-position: 25px 8px;}
	/* #socimenu .socimenuboto:last-child {width: 80px!important;} */
	#paginanoticies #blocprincipal {width: 100%;}
	#paginanoticies #bloclateral {width: 95%; padding: 0 2.5%;}
	#paginanoticies #bloclateral .titol {margin: 20px 0;}
	#paginanoticies #bloclateral .news_TipusB {margin: 10px 0.5%; width: 24%; min-height: 270px;}
	#paginanoticies #bloclateral .TipusBFoto {height: 140px;}
}
@media (max-width: 1200px) {
	.news_TipusB {margin: 10px 1%; width: 48%;}
	.TipusBFoto {height: 180px;}
}
@media (max-width: 1190px) {
	#socimenu .socimenuboto {width: 24%; margin-right: 1.3333%; height: 42px; background-position: 0px 1px; margin-bottom: 10px;}
	#socimenu .socimenuboto:nth-child(4n+4) {margin-right: 0;}
	#socimenu .socimenuboto p {margin: 0px; line-height: 42px; text-align: left; padding-left: 55px; font-size: 16px;}
}
@media screen and (max-width: 1040px) {
	#menuweb {display: none;}
	#paginapistes .div50e {float: left; width: 100%; margin-right: 0%;}
	#paginapistes .div50d {float: right; width: 100%;}
	#paginapistes .div50d img {width: 70%; margin-left: 15%; margin-right: 15%;}
	#paginapistes .div50e .div50e {float: left; width: 45%; margin-right: 10%;}
	#paginapistes .div50e .div50d {float: right; width: 45%;}
	#paginacampionats #socisblocesquerra {width: 100%; margin-right: 0px;}
	#paginacampionats #socicolumna {width: 100%;}
	#paginapistes .situaciopista {width: 85%;}
	#paginacampionats #socicolumna .bloclateralcampionats {width: 100%;}	
	#paginacampionats #socicolumna .bloclateralcampionats:first-child {width: 100%; margin-right: 0%;}
	#paginab2b #contingut_cercador .div50e {float: left; margin-left: 0%; width: 100%; margin-right: 0%;}
	#paginab2b #contingut_cercador .div50d {float: right; width: 100%; margin-right: 0%; margin-top: 30px;}
	#paginab2b #contingut_perfil .columnaesquerra {width: 100%; margin-right: 0%;}
	#paginab2b #contingut_perfil .columnadreta {width: 100%; margin-top: 30px;}	
}
@media screen and (max-width: 991px) {
    /* start of large tablet styles */
	/* Perfil */
    #perfilbloccontingut .columnaesquerra {width: 100%; margin-right: 0%;}
    #perfilbloccontingut .columnadreta {width: 100%; margin-top: 20px;} 
    #socisblocesquerra {width: 100%; margin-right: 0px}
    #socisblocdreta, #socisblocdreta2 {width: 100%; margin-top: 30px;}       
	#paginanoticies #bloclateral .news_TipusB {margin: 10px 0.5%; width: 49%; min-height: 320px;}
	#paginanoticies #bloclateral .TipusBFoto {height: 200px;}
}
@media screen and (max-width: 910px) {
	#contingut_cercador .div50e {margin-left: 0%; width: 100%; margin-right: 0%;}
	#contingut_cercador .div50d {width: 100%; margin-right: 0%; margin-top: 30px;}
}
@media screen and (max-width: 767px) {
    /* start of medium tablet styles */
	.socicontingut {width: 96%; padding: 0 2%;}    
	#socidesconnexio {top: 30px;}     
	#socicapcaleralogo {width: 100%; text-align: center; margin-top: 0px; cursor: pointer;}     
	#socicapdreta {width: 100%;}     
	#socicapcaleraxarxes {padding-top: 0px; float: left;}
	#socicapcaleraidiomes {padding-top: 8px;}       
	/*
	#socimenu .socimenuboto {float: left; width: 85px; height: 60px; background-position: 17px 2px;}     
	#socimenu p {margin-top: 40px;}
	*/
	#socimenu {width: 96%; padding: 0 2%;}
	#socimenu .socimenuboto {width: 24%; margin-right: 1.3333%; height: 70px; background-position: center 5px; margin-bottom: 10px; bottom: 0px;}
	#socimenu .socimenuboto p {font-size: 13px; padding-left: 0px; text-align: center; line-height: 13px; padding-top: 50px;}
	#socimenu .socimenuboto:nth-child(4n+4) {margin-right: 0;}
    /* */
	#socidestacats {width: 55%;}
	#socicolumna {width: 40%;}
	.blocdestacat {width: 100%;}
	#socipeuxarxes {width: 100%!important; margin-bottom: 10px;}
	#socipeucontacte {float: right; margin-left: 0px;}
	#socipeuxarxestrobans {display: none;}
	#paginainscripcions .blocfiltres .div50e {width: 100%; margin-right: 0%;}
	#paginainscripcions .blocfiltres .div50d {width: 100%;}	
	#paginainscripcions #formulariinscripcio .blocesquerra {width: 100%; margin-right: 0px;}
	#paginainscripcions #formulariinscripcio .blocdreta {width: 100%; margin-right: 0px; margin-top: 20px;}
	#paginainscripcions #blocpagament .blocesquerra {width: 100%; margin-right: 0px;}
	#paginainscripcions #blocpagament .blocdreta {width: 100%; margin-right: 0px;}
	#paginacampionats .bloc_campionat_esport {width: 100%; margin-right: 0%;}
	#paginacampionats #socicolumna .bloclateralcampionats, #paginacampionats #socicolumna .bloclateralcampionats:first-child {width: 100%; margin-right: 0%;}
	/* noticies */
	.espaicercador {float: left; width: 98%; margin: 0 1%;}
	.espaibotons {float: left; width: 100%; padding-top: 15px;}
	.home_buscador_cerca {padding-left: 0;}
	.espaicercador .cercadorinput {width: calc(100% - 44px);}
	.espaicercador .cercadorlupa {float: left; width: 40px; background-color: #009ee0;}

	#socilogoctb {position: absolute; right: 30px; top: 30px;}

	#socicapcaleraidiomes li:last-child {padding-right: 0px;}
}
@media screen and (max-width: 690px) {
	#paginapistes .filaopcions .botoopcio {margin-top: 20px;}
}
@media screen and (max-width: 479px) {
     /* start of phone styles */
	#socidestacats {width: 100%;}
	.blocdestacat {width: 100%;}
	#socicolumna {width: 100%;}
	/* menu */
	#menumobil {display: block; float: right; width: 90%; padding: 0 5%; margin-top: 10px; /* text-align: right; */ cursor: pointer;}
	#socimenu {display: none;}
	#socimenu .socimenuboto {width: 100%; margin-right: 0; height: 42px; background-position: 0px; margin-bottom: 5px;}
	#socimenu .socimenuboto p {margin: 0px; line-height: 42px; text-align: left; padding-left: 55px; font-size: 16px; padding-top: 0px;}
	.bloc_campionat_esport {width: 100%;}
	#paginapistes .div50d img {width: 100%; margin: 0px;}
	#paginapistes .div50e .div50e, #paginapistes .div50e .div50d {float: left; width: 100%; margin-right: 0%;}
	#perfilblocfoto {width: 100%; margin-right: 0%;}
	#perfilblocfoto .foto {width: 100%; text-align: center;}
	#perfilblocfoto .foto img {width: 50%;}
	#perfilbloccontingut {width: 100%; margin-right: 0%;}
	/* noticies */
	.news_TipusB {margin: 10px 1%; width: 98%; min-height: 325px;} 
	.home_buscador_boto {font-size: 13px;}
	.TipusBFoto {height: 220px;}
	#taulacanvicontrasenya tr td {font-size: 14px;}
	#taulacanvicontrasenya tr td:first-child {min-width: 120px; max-width: 40%;}
	#taulacanvicontrasenya tr td:nth-child(2) {min-width: 150px; max-width: 40%;}
	#taulacanvicontrasenya input {width: 160px;}
	#modalCanviaContrasenya .modal-content {min-width: 300px; max-width: 91%; padding: 2%; border-bottom: 20px solid #ffc800;}
	#modalCanviaContrasenya .modal-content-peu {display: none;}
	#modalCanviaContrasenya .titolmodal {width: 80%;}
}
@media screen and (max-width: 420px) {
	/* #socipeuxarxesicones {display: none;} */
}	
@media screen and (max-width: 420px) {
	#socipeulogo {display: none;}
	#socipeumenu ul {padding-left: 0px;}
}
@media screen and (max-width: 400px) {
	.modal-content {width: 100%; min-width: 0px;}
}