/* e.css   */

/* fonts */
@font-face { font-family: 'sansation'; src: url('fonts/Sansation_Regular.ttf') format('truetype'); font-style: normal; font-weight:normal; }

/* reset */
* { margin:0px; padding:0px; text-decoration:none; font-family:sansation; color:#000000; }

/* generics */
.der { text-align:right; }
.izq { text-align:left; }
.cen { text-align:center; }
.vam { vertical-align:middle; }
.bot { clear:both; }
.flr { float:right;}
.fll { float:left;}
.poi { cursor:pointer; }
.vis { display:block; }
.inv { display:none; }
.neg { font-weight:bold; }
.sub { text-decoration:underline; }

/* Responsive */

/* intocables */
.mbl_fil_tabpc_blo { display:table-row; }
.mbl_fil_tabpc_non { display:table-row; }
.mbl_non_tabpc_fil { display:none; }
.mbl_inl_tabpc_non { display:block; }
.mbl_blo_tabpc_fil { display:block; }
.mbl_blo_tappc_cel { display:block; }
.mblpc_non_tab_fil { display:none; }
.mbltab_non_pc_fil { display:none; }

.res_mbl_tab { display:table; }
.res_tab_tab { display:none; }
.res_tabpc_tab { display:none; }
.res_pc_tab { display:none; }
.res_mbl_fil { display:table-row; }
.res_tab_fil { display:none; }
.res_tabpc_fil { display:none; }
.res_pc_fil { display:none; }
.res_mbl_cel { display:table-cell; }
.res_tab_cel { display:none; }
.res_tabpc_cel { display:none; }
.res_pc_cel { display:none; }
.res_mbl_blo { display:block; }
.res_mbl_inl { display:in-line; }
.res_tab_blo { display:none; }
.res_tab_inl { display:none; }
.res_tabpc_blo { display:none; }
.res_tabpc_inl { display:none; }
.res_pc_blo { display:none; }
.res_pc_inl { display:none; }

.bo_0 { border:0px; }
.bo_1_0 { border:1px solid #000000; }
.bo_1_6 { border:1px solid #666666; }
.bo_1_9 { border:1px solid #999999; }
.bo_1_f { border:1px solid #FFFFFF; }
.bo_1_090 { border:1px solid #009900; }
.bob_1_6 { border-bottom:1px solid #666666; }

.m_auto { margin:0px auto; }
.m_10_auto { margin:10px auto; }
.mt_20 { margin-top:20px; }

.em_12 { font-size:1.2em; }

.bg_3 { background-color:#333333; }
.bg_6 { background-color:#666666; }
.bg_9 { background-color:#999999; }
.bg_c { background-color:#CCCCCC; }
.bg_ef { background-color:#EFEFEF; }
.bg_f { background-color:#FFFFFF; }
.bg_fd0 { background-color:#FFDD00;}
.bg_efe { background-color:#EEFFEE; }
.bg_900 { background-color:#990000 !important; }
.bg_090 { background-color:#009900 !important; }
.bg_fdd { background-color:#FFDDDD !important; }

.c_3 { color:#333333; }
.c_6 { color:#666666; }
.c_f { color:#FFFFFF; }

.p_10_0 { padding:10px 0px; }
.p_20_0 { padding:20px 0px; }
.p_5 { padding:5px; }
.p_10 { padding:10px; }
.p_15 { padding:15px; }
.p_20 { padding:20px; }

.w_16 { width:16px; }
.w_30 { width:30px; }
.w_100 { width:100px; }
.w_20_ { width:20%; }
.w_25_ { width:25%; }
.w_33_ { width:33%; }
.w_49_ { width:49%; }
.w_50_ { width:50%; }
.w_75_ { width:75%; }
.w_100_ { width:100%; }

.m_10 { margin:10px; }
.m_20 { margin:20px; }
.m_0_2 { margin:0px 2px; }
.mb_10 { margin-bottom:10px; }

.h_16 { height:16px; }

.h_20 { height:20px; }
.h_30 { height:30px; }
.h_100 { height:100px; }
.h_200 { height:200px; }
.h_100_ { height:100%; }

.tab { display:table; }
.fil { display:table-row; }
.cel { display:table-cell; }
.filg:nth-child(odd) { display:table-row; background-color:#FFFFFF; }
.filg:nth-child(even) { display:table-row; background-color:#EEEEEE; }

.ani_logo { background-image: url('../img/bg_logo.png'); background-size:cover; background-position:center; background-repeat:no-repeat; animation: animation1 60s infinite linear; }
@keyframes animation1 { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } }

.button_register { background-color: #FFCC00; color: #FFFFFF; border: none; border-radius: 8px; padding: 10px 20px; font-size: 16px; cursor: pointer; box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); transition: background-color 0.3s, color 0.3s, box-shadow 0.3s; }
.button_register:hover { background-color: #FF7700; color: #FFFFFF; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4); }

.input[type="text"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input[type="email"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input[type="password"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input[type="url"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input[type="date"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input[type="datetime-local"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input[type="number"] { width:100px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input[type="submit"] { cursor:pointer; color:#FFFFFF; padding:10px; background-color:#009900; text-align:center; font-size:15px; border:0px; }
.input[type="button"] { cursor:pointer; color:#FFFFFF; padding:10px; background-color:#009900; text-align:center; font-size:15px; border:0px; }
.inputDelete[type="submit"] { cursor:pointer; color:#FFFFFF; padding:10px; background-color:#990000; text-align:center; font-size:15px; border:0px; }
.input[type="file"] { width:250px; height:28px; text-align:center; font-size:15px; }
.select { width:250px; height:28px; text-align:center; font-size:15px; }

/* tablet - res_tab */
@media screen and (min-width: 768px) {
	
	/* intocables */
	.mbl_fil_tabpc_blo { display:block; }
	.mbl_fil_tabpc_non { display:none; }
	.mbl_non_tabpc_fil {  display:table-row; }
	.mbl_inl_tabpc_non { display:none; }
	.mbl_blo_tabpc_non { display:none; }
	.mbl_blo_tabpc_fil { display:table-row; }
	.mbl_blo_tappc_cel { display:table-cell; }
	.mblpc_non_tab_fil { display:table-row; }
	.mbltab_non_pc_fil { display:none; }
	
	.res_mbl_tab { display:none; }
	.res_tab_tab { display:table; }
	.res_tabpc_tab { display:table; }
	.res_pc_tab { display:none; }
	.res_mbl_fil { display:none; }
	.res_tab_fil { display:table-row; }
	.res_tabpc_fil { display:table-row; }
	.res_pc_fil { display:none; }
	.res_mbl_cel { display:none; }
	.res_tab_cel { display:table-cell; }
	.res_tabpc_cel { display:table-cell; }
	.res_pc_cel { display:none; }
	.res_mbl_blo { display:none; }
	.res_mbl_inl { display:none; }
	.res_tab_blo { display:block; }
	.res_tab_inl { display:in-line; }
	.res_tabpc_blo { display:block; }
	.res_tabpc_inl { display:in-line; }
	.res_pc_blo { display:none; }
	.res_pc_inl { display:none; }
	
}

/* pc - res_pc */
@media screen and (min-width: 1080px) {
	
	/* intocables */
	.mbl_fil_tabpc_blo { display:block; }
	.mbl_fil_tabpc_non { display:none; }
	.mbl_non_tabpc_fil { display:table-row; }
	.mbl_inl_tabpc_non { display:none; }
	.mbl_blo_tabpc_non { display:none; }
	.mbl_blo_tabpc_fil { display:table-row; }
	.mbl_blo_tappc_cel { display:table-cell; }
	.mblpc_non_tab_fil { display:none; }
	.mbltab_non_pc_fil { display:table-row; }
	
	.res_mbl_tab { display:none; }
	.res_tab_tab { display:none; }
	.res_tabpc_tab { display:table; }
	.res_pc_tab { display:table; }
	.res_mbl_fil { display:none; }
	.res_tab_fil { display:none; }
	.res_tabpc_fil { display:table-row; }
	.res_pc_fil { display:table-row; }
	.res_mbl_cel { display:none; }
	.res_tab_cel { display:none; }
	.res_tabpc_cel { display:table-cell; }
	.res_pc_cel { display:table-cell; }
	.res_mbl_blo { display:none; }
	.res_mbl_inl { display:none; }
	.res_tab_blo { display:none; }
	.res_tab_inl { display:none; }
	.res_tabpc_blo { display:block; }
	.res_tabpc_inl { display:in-line; }
	.res_pc_blo { display:block; }
	.res_pc_inl { display:in-line; }
}







.contingut { width:100%; background-color:#FFFFFF; color:#666666; }
.contingut .text { text-align:center; margin:20px 0px; }
.contenidor_esquerra { text-align:left !important; }
.opcions { width:100%; text-align:right; padding:10px 0px 0px 0px; }
.contenedor_formulari_registre { width:100%; text-align:center; padding:20px 0px; }
.contenedor_formulari_registre div { margin:0px 0px 20px 0px; }
.contenedor_formulari_login { width:100%; text-align:center; padding:20px 0px; }
.contenedor_formulari_login div { margin:0px 0px 20px 0px; }
.form_missatge_error { padding:20px; background-color:#990000; color:#FFFFFF;}
.form_missatge { padding:20px; background-color:#3366FF; color:#FFFFFF;}
.collaboradors { width:100%; background-color:#CCCCCC; }
.collaboradors div { padding:20px; text-align:center; }
.collaboradors div div { padding:0px; }
.peu { width:100%; background-color:#666666; text-align:center; }
.peu div { padding:20px; color:#FFFFFF; }
/* v */
.g_contingut { width:100%; background-color:#FFFFFF; color:#666666; padding:20px 0px; }
.e_menu { padding:20px; background-color:#0055BB; color:#FFFFFF; font-size:1.5em; }

/* imatges */
.icon { width:30px; height:30px; vertical-align:middle; margin: 0px 2px; }
.ico { width:20px; height:20px; }
.inscripcions_pdf { height:60px; }
.img_collaboradors_eq { width:100px; height:100px; margin:10px 10px; }
.img_collaboradors_ed { height:100px; margin:10px 10px; }
.logo { width:100%; height:300px; background-position:center; background-color:#FFFFFF; background-repeat:no-repeat; background-size:contain; cursor:pointer; }
.logo_form { height:50px; }

/* Formularis */
.input_general[type="text"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input_general[type="url"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input_general[type="date"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input_general[type="datetime-local"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input_general[type="number"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.input_general[type="submit"] { cursor:pointer; color:#FFFFFF; padding:10px; background-color:#009900; text-align:center; font-size:15px; border:0px; }
.input_general[type="file"] { width:250px; height:28px; text-align:center; font-size:15px; }
.select_general { width:250px; height:28px; text-align:center; font-size:15px; }
.button_general { cursor:pointer; color:#FFFFFF; padding:10px; background-color:#009900; text-align:center; font-size:15px; border:0px; }
.select_idioma { display:inline-block; width:30px; height:30px; background-color:#CCCCCC; padding:0px; border-radius:30px; font-weight:normal; margin:0px 2px; cursor:pointer; text-align:center; vertical-align:middle; }
.select_idioma div { display:table; height:100%; width:100%; margin:6px 0px; vertical-align:middle; }
.selected_idioma { display:inline-block; color:#FFFFFF; width:30px; height:30px; background-color:#0055BB; padding:0px; border-radius:30px; font-weight:normal; margin:0px 2px; cursor:pointer; text-align:center; vertical-align:middle; }
.selected_idioma div { display:table; height:100%; width:100%; margin:6px 0px; vertical-align:middle; color:#FFFFFF; }
.boto_registre { background-color:#009900; padding:10px; text-decoration:none; color:#FFFFFF; border:0px; font-size:18px; cursor:pointer; }
.boto_login { background-color:#009900; padding:10px; text-decoration:none; color:#FFFFFF; border:0px; font-size:18px; cursor:pointer; }
.contenedor_formulari_registre input[type="text"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.contenedor_formulari_registre input[type="url"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.contenedor_formulari_registre input[type="email"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.contenedor_formulari_registre input[type="submit"] { cursor:pointer; color:#FFFFFF; padding:10px; background-color:#009900; text-align:center; font-size:15px; border:0px; }
.contenedor_formulari_registre input[type="password"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.contenedor_formulari_registre select { width:250px; height:28px; text-align:center; font-size:15px; }
.contenedor_formulari_login input[type="text"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.contenedor_formulari_login input[type="email"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.contenedor_formulari_login input[type="password"] { width:250px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }
.contenedor_formulari_login input[type="submit"] { cursor:pointer; color:#FFFFFF; padding:10px; background-color:#009900; text-align:center; font-size:15px; border:0px; }
.contenedor_formulari_login select { width:250px; height:28px; text-align:center; font-size:15px; }
/* v */
.boto_blau { background-color:#3366FF; padding:10px; margin:10px: 0px !important; text-decoration:none; color:#FFFFFF; border:0px; cursor:pointer; }
.boto_alerta { background-color:#FFCC33; padding:10px; margin:10px: 0px !important; text-decoration:none; color:#333333; border:0px; cursor:pointer; }
.boto_blau_clar { background-color:#99CCFF; padding:10px; margin:10px: 0px !important; text-decoration:none; color:#FFFFFF; border:0px; cursor:pointer; }
.boto_verd { background-color:#009900; padding:10px; text-decoration:none; color:#FFFFFF; border:0px; cursor:pointer; }
.boto_vermell { background-color:#CC0000; padding:10px; text-decoration:none; color:#FFFFFF; border:0px; cursor:pointer; }
.boto_negre { background-color:#000000; padding:10px; text-decoration:none; color:#FFFFFF; border:0px; cursor:pointer; }
.input_number[type="number"] { width:60px; height:28px; border:1px solid #999999; text-align:center; font-size:15px; }

/* Títols */
.taulaEquips_nomEquip { background-color:#666666; padding:10px; color:#FFFFFF; }
.taulaClassificacio_nomGrup { background-color:#666666; padding:10px; color:#FFFFFF; text-align:center; margin:20px 0px; }
.taulaResultats_nomGrup { background-color:#666666; padding:10px; color:#FFFFFF; text-align:center; margin:20px 0px; } 
.taulaResultats_jornada { background-color:#BBBBBB; padding:8px; color:#FFFFFF; text-align:center; margin:10px 0px; } 
.titol_form { background-color:#FFCC00; }
.contenedor_formulari_registre .titol{ font-size:16px;  }
.contingut .titol { text-align:center; font-weight:bold; margin-top:20px; }
.contenedor_formulari_login .titol{ font-size:16px;  } 
.contenedor_formulari_login .titol{ font-size:16px;  } 
/* v */
.g_titolSeccio { font-size:1.8em; font-weight:normal; text-align:center; width:100%; background-color:#0055BB; margin:0px 0px 20px 0px; padding:10px 0px; color:#FFFFFF; }
.g_subtitolSeccio { font-size:1.5em; font-weight:normal; text-align:center; width:100%; background-color:#666666; margin:20px 0px; padding:10px 0px; color:#FFFFFF; }
.g_apartatSeccio { font-size:1.2em; font-weight:normal; text-align:center; width:100%; background-color:#BBBBBB; margin:10px 0px; padding:8px 0px; color:#222222; }
.g_taula_titol { font-size:1em; text-align:center; width:100%; background-color:#666666; margin:10px 0px; padding:10px 0px; color:#FFFFFF; }

/* Taules */
.taulaEquips { display:table; margin:0px auto; }
.filaEquips { display:table-row; }
.cellaEquips { display:table-cell; padding:10px; }
.taulaEquip { display:table; margin:0px auto; background-color:#EEEEEE; }
.filaEquip:nth-child(odd) { display:table-row; background-color:#EEEEEE; }
.filaEquip:nth-child(even) { display:table-row; background-color:#DDDDDD; }
.cellaEquip { display:table-cell; padding:10px; }
.taulaClassificacio { display:table; margin:0px auto; }
.filaClassificacio:nth-child(odd) { display:table-row; background-color:#EEEEEE; }
.filaClassificacio:nth-child(even) { display:table-row; background-color:#DDDDDD; }
.cellaClassificacio { display:table-cell; padding:15px; }
.cellaClassificacioTitol { display:table-cell; padding:15px; background-color:#999999; color:#FFFFFF; }
.taulaResultats { display:table; margin:20px auto; border:1px solid #999999; }
.filaResultats:nth-child(odd) { display:table-row; background-color:#EEEEEE; }
.filaResultats:nth-child(even) { display:table-row; background-color:#FFFFFF; }
.cellaResultats { display:table-cell; padding:10px; }
.taula { display:table; }
.taulaPaisos { display:table; margin:20px 0px; }
.taulaCentrada { display:table; margin:0px auto !important; }
.taulaLlista { display:table; }
.fila { display:table-row; }
.taulaLlista .fila:nth-child(odd) { display:table-row; background-color:#FFFFFF; }
.taulaLlista .fila:nth-child(even) { display:table-row; background-color:#EEEEEE; }
.cella { display:table-cell; padding:10px; }
.cella1 { display:table-cell; height:1px; }
.cellaTitol { display:table-cell; padding:10px; text-align:center; font-weight:bold; color:#333333; background-color:#FFEE88; }
.titol_taulaCalendari { font-size:1.2em; font-weight:bold; text-align:center; margin:20px 0px 5px 0px; }
.taulaCalendari { display:table; margin:0px auto; border:1px solid #999999; }
.filaCalendari:nth-child(odd) { display:table-row; background-color:#EEEEEE; }
.filaCalendari:nth-child(even) { display:table-row; background-color:#FFFFFF; }
.cellaCalendari { display:table-cell; padding:10px; }
/* v */
.g_taula { display:table; }
.g_fila:nth-child(odd) { display:table-row; background-color:#FFFFFF; }
.g_fila:nth-child(even) { display:table-row; background-color:#EEEEEE; }
.g_filan { display:table-row; }
.g_cella { display:table-cell; }


/* contingut */
.inscripcions { width:100%; text-align:center; }
.inscripcions p { padding:0px 20px 0px 20px; margin:20px 0px; }
.menu { width:100%; }
.menu_content { width:100%; margin:20px 0px; }
.box_menu { width:24%; float:left; background-color:#0055BB; font-size:24px; color:#FFFFFF; overflow:scroll; cursor:pointer;}
.box_menu .titol { padding:10px; text-align:center; }
.space_menu { width:7%; float:left; height:1px; }

/* admin */
.admin_container { padding:20px; }
.admin_container .titol { background-color:#FFCC00; padding:10px; font-weight:bold; }
.admin_container .subtitol { background-color:#FFEE88; padding:10px; font-weight:bold; }
.admin_container .contingut { padding:10px; }
.admin_paisos { padding:20px; }
.admin_paisos .titol { background-color:#FFCC00; padding:10px; font-weight:bold; }
.admin_paisos .subtitol { background-color:#FFEE88; padding:10px; font-weight:bold; }
.admin_paisos .contingut { padding:10px; }
.ico_admin { width:16px; height:16px; }
.admin_menu_item_3 { cursor:pointer; padding:0px; font-weight:bold; color:#000000; }
.admin_menu_item_2 { cursor:pointer; padding:4px; background-color:#FF22EE; font-weight:bold; color:#FFFFFF; }
.admin_menu_item { cursor:pointer; padding:4px; background-color:#FFCC00; font-weight:bold; }
.admin_menu_item_bandera { width:20px; height:20px; }
.img_bandera { width:40px; }
.img_bandera_border { width:40px; border:1px solid #333333; }
.img_bandera_p { width:30px; }
.img_bandera_p_border { width:30px; border:1px solid #333333; }


/* Admin */
.contenidor_logo_admin { width:100%; height:100px; background-position:center; background-color:#FFFFFF; background-repeat:no-repeat; background-size:contain; cursor:pointer; }
.contenidor_contingut { width:100%; background-color:#FFFFFF; color:#666666; }
.contenidor_menu { width:25%; float:left; overflow:scroll; background-color:#FFEEAA; }
.contenidor_menu_admin { width:100%; margin:0px 0px; padding:20px; }
.menu_llistat { list-style-type:none; }
.menu_llistat li { margin:0px 0px 10px 0px; }
.e_menu_llistat_item { cursor:pointer; font-weight:bold;  }
.e_menu_llistat_item_funcio { cursor:pointer; font-weight:bold; background-color:#FFCC00; padding:5px; margin:10px 0px;  }
.e_menu_llistat_item_control { cursor:pointer; font-weight:bold; color:#FFFFFF; background-color:#00CCFF; padding:5px; margin:10px 0px;  }
.contenidor_principal { width:75%; float:right; overflow:scroll; }
.contenidor_principal .titol { background-color:#FFCC00; padding:10px; font-weight:bold; }
.contenidor_principal .titol_control { background-color:#33DDFF; padding:10px; font-weight:bold; }
.contenidor_principal_contingut { width:100%; padding:20px; }
.contenidor_principal_contingut .titol { background-color:#FFCC00; padding:10px; font-weight:bold; }
.contenidor_principal_contingut .contingut { padding:20px 0px; }

#missatge {
  opacity: 0;
  transition: opacity 0.5s linear, height 0.5s linear, padding 0.5s linear, margin 0.5s linear;
  height: auto;
  padding: 10px;
  margin: 10px;
}

#missatge.ocult {
  opacity: 0;
  height: 0;
  padding: 0;
  margin: 0;
}