em@charset "utf-8";

<style type="text/css">

:root {
	--fondo_flojo: #E4F0E8;					/* verde pastel muy claro */
	--fondo: #CFE5D6;						/* verde pastel claro */
	--fondo_fuerte: #A5CDB2;				/* verde pastel oscuro */
	
	--color_primero: #99FF99;				/* verde claro */
	--color_primero_fuerte: #66FF66;		/* verde oscuro */
	--color_primero_claro: #E1FFE1;			/* verde muy oscuro */
	
	--color_segundo: #CCECFF;				/* azul claro */
	--color_clasificacion: #000E63;			/* azul oscuro */
	
	--color_encabezamiento: #FCF5C1;		/* amarillo muy claro */
	--color_tercero: #FFFF99;				/* amarillo claro */
	--color_seleccionado: #FFF29B;			/* amarillo medio */
	--color_participantes: #A3A21B;			/* amarillo oscuro */
	--color_barra: #A3A21B;					/* amarillo oscuro */
	
	--color_ultimo_claro: #FFE1E1;			/* rojo muy claro */
	--color_ultimo: #FFCCCC;				/* rojo claro */
	--color_ultimo_fuerte: #FF9999;			/* rojo oscuro */
	
	--color_distinto: #EDEDED;				/* gris claro */
	--color_baja: #D8D8D8;					/* gris */
	--color_torneo: #D8D8D8;				/* gris */	
}

table.sortable thead {
    background-color: #eee;
    color: #666666;
    font-weight: bold;
    cursor: default;
}

table.sortable {
	border-collapse: collapse;
	border: none;
	background: #FFF;
	border-bottom: 1px solid #999;
}
table.sortable th {
	font-size: 13px;
	padding: 2px 4px 2px 4px;
	background: #FCF5C1;
	border: 1px solid #999;
	vertical-align: middle;
	height: 25px;
    cursor: pointer;
}
table.sortable th:hover {
	background: #FFE84B;
}
table.sortable th.invisible {
	border: 0px;
	background: #CDE5D5;
	vertical-align: middle;
	height: 25px;
}
table.sortable td {
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #999;
	vertical-align: top;
	vertical-align: middle;
	height: 25px;
}

table.bdd tr:nth-child(odd) td {
}
/**
table.bdd tr:nth-child(even) td {
    background-color: #EBEBEB;
}
table.clasificacion tr:hover {
	background: #FCF3C4;
}
**/
table.bdd {
	border-collapse: collapse;
	border: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
table.bdd th {
	font-size: 13px;
	padding: 2px 4px 2px 4px;
	background: #FCF5C1;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: middle;
	height: 25px;
}
table.bdd td {
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	background: #FFFFFF; /** antes #D6D6D6 **/
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	vertical-align: middle;
	height: 25px;
}
table.bdd2 {
	border-collapse: collapse;
	border: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}
table.bdd2 th {
	font-size: 13px;
	padding: 2px 4px 2px 4px;
	background: #FCF5C1;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: middle;
	height: 25px;
}
table.bdd2 td {
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border-right: 1px solid #999;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	vertical-align: middle;
	height: 25px;
}

table.equipo {
	border-collapse: collapse;
	border: none;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
table.equipo th {
	font-size: 13px;
	padding: 2px 4px 2px 4px;
	background: #FCF5C1;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: middle;
	height: 25px;
}
table.equipo td {
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	vertical-align: middle;
	height: 25px;
}

table.clasificacion {
	border-collapse: collapse;
	border: none;
	background: #FFF;
	border-bottom: 1px solid #999;
}
table.clasificacion th {
	font-size: 13px;
	padding: 2px 4px 2px 4px;
	background: #FCF5C1;
	border: 1px solid #999;
	vertical-align: middle;
	height: 25px;
}
table.clasificacion th.invisible {
	border: 0px;
	background: #CDE5D5;
	vertical-align: middle;
	height: 25px;
}
table.clasificacion td {
	font-size: 12px;
	padding: 2px 4px 2px 4px;
	border: 1px solid #999;
	vertical-align: top;
	vertical-align: middle;
	height: 25px;
}

select {
}
 
option {
}

body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: left;
	margin-left: 20px;
	margin-top: 0px;
	background: #F0F0F0;
}

a:link {
	text-decoration: none;
	color: navy;
}
a:visited {
	text-decoration: none;
	color: navy;
}
a:hover {
	text-decoration: none;
	color: blue;
}
a:active {
	text-decoration: none;
	color: navy;
}

a.retirado:link {
	text-decoration: none;
	color: red;
}
a.retirado:visited {
	text-decoration: none;
	color: red;
}
a.retirado:hover {
	text-decoration: none;
}
a.retirado:active {
	text-decoration: none;
	color: red;
}

.negrita {
	font-weight: bold;
}
.menu {
	font-weight: bold;
	font-size: 10px;
}
.letra_encabezado {
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.letra_ant {
	color: #FFFF99;
	font-size: 10px;
}
.sin_borde {
	border-width: 0;
}
.mayusculas {
    text-transform: uppercase;
	font-weight: bold;
}
.centrado {
	text-align: center;
}
.enlace_ancla {
	font-weight: bold;
	float: left;
	padding: 5px;
	margin: 2px;
	border: 1px solid #000;
	background: #A1CEB0;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}
.tablagen {
	display: table;
	background-color: #FFFFFF;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
}
.fila_enc {
	display: table-row;
	border: none;
	font-weight: bold;
	background-color: #FCF5C1;
	vertical-align: middle;
	height: 25px;
}
.fila {
	display: table-row;
	border: none;
}
.fila2 {
	display: table-row;
	border: none;
}
.fila_gris {
	display: table-row;
	border: none;
	background: #F0F0F0;
}
.fila_gris2 {
	display: table-row;
	border: none;
	background: #F0F0F0;
}
.fila:hover {
	background: #FCF3C4;
}
.fila_gris:hover {
	background: #FCF3C4;
}
.col {
	display: table-cell;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 3px;
	vertical-align: middle;
	height: 25px;
}
.col2 {
	display: table-cell;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 3px;
	margin:0px auto;
    text-align:center;
	vertical-align: middle;
	height: 25px;
}
.bg_white {
	background-color: white;
}
.col3 {
	display: table-cell;
	text-align: right;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 3px;
	vertical-align: middle;
	height: 25px;
}
.col4 {
	display: table-cell;
	text-align: right;
	white-space: nowrap;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 3px;
	vertical-align: middle;
	height: 25px;
}
.jornada {
	display: table-cell;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 3px;
	margin:0px auto;
    text-align:center;
	vertical-align: middle;
	height: 25px;
	background: #A5CDB2;
}
.jornada:hover {
	display: table-cell;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	padding: 3px;
	margin:0px auto;
    text-align:center;
	vertical-align: middle;
	height: 25px;
	background: #99FF99;
}

################### ini ESCUDOS.PHP ###################

.tabla_escudo {
	display: table;
	background-color: #FFFFFF;
}
.fila_escudo {
	display: table-row;
}
.columna_escudo {
	display: table-cell;
	background-color: #FFFFFF;
	text-align: center;
	padding: 3px;
	vertical-align: bottom;
	width: 195px;
}

.div_equipo {
	display: table-cell;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: top;
	width: 200px;
}
.div_equipo2 {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	width: 200px;
}
.div_imagenes {
	float: left;
	display: table-cell;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	width: 98px;
}
.div_imagenes2 {
	float: left;
	display: table-cell;
	text-align: center;
	padding-top: 5px;
	width: 98px;
}
.div_info {
	clear: both;
	float: left;
	display: table-cell;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
	width: 190px;
}
.div_info2 {
	clear: both;
	float: left;
	display: table-cell;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: bottom;
	width: 190px;
}

################### fin ESCUDOS.PHP ###################

.twitter {
	border: 1px solid #999;
	padding: 5px;
	width: 520px;
}

.ajustar {
width: 1;
float: left;
white-space: pre; /* CSS 2.0 */
white-space: pre-wrap; /* CSS 2.1 */
white-space: pre-line; /* CSS 3.0 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: -moz-pre-wrap; /* Mozilla */
white-space: -hp-pre-wrap; /* HP */
word-wrap: break-word; /* IE 5+ */
border-width: 0;
background: #DBEADB;
}

#todo {
	margin: 0 auto;
	width: 820px;
}
#margen {
	height: 20px;
	width: 820px;
	background: #F0F0F0;
	position: fixed; 
	z-index: 402;
}

#derecha {
	clear: right;
	float: right;
	width: 818px;
	overflow: auto;
	margin-left: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #CDE5D5;
	border: 1px solid #303;
	position: relative;
}
#derecha_sup_ini,#derecha_sup_bdd,#derecha_sup_soc,#derecha_sup_equ,#derecha_sup_cla,#derecha_sup_his,#derecha_sup_fic,#derecha_sup_bus {
	width: 808px;
	border: 1px solid #303;
	font-size: 14px;
	padding: 2px 5px;
	position: fixed;
	margin-left: -1px;
	margin-top: 29px;
	z-index: 402;
}
#derecha_sup_ini {
	background: #CECECE;
}
#derecha_sup_bdd {
	background: #BFBFFF;
}
#derecha_sup_soc {
	background: #FCBFBF;
}
#derecha_sup_equ {
	background: #BCFFBC;
}
#derecha_sup_cla {
	background: #FCF5C1;
}
#derecha_sup_his {
	background: #F9CB9C;
}
#derecha_sup_fic {
	background: #F7B2FA;
}
#derecha_sup_bus {
	background: #9C9;
}
#preinterior {
	border-top: 1px solid #303;
	background: #CDE5D5;
	width: 818px;
	height: 10px;
	position: fixed;
	margin-top: 50px;
	z-index: 402;
}
#interior {
	font-size: 12px;
	width: 798px;
	overflow: auto;
	margin: 61px 0px 0px 0px;
	padding: 5px 10px 10px 10px;
}
#federaciones {
	float: left;
	text-align: center;
	display: table-cell;
}
#espacio_cabecera {
	height: 6px;
}
#menu {
	width: 818px;
	height: 30px;
	background: #A1CEB0;
	border: 1px solid #303;
	position: fixed;
	margin-top: -1px;
	margin-left: -1px;
	z-index: 402;
	font-size: 16px;
	font-weight: bold;
}
#menu2 {
	float: left;
	height: 25px;
	border-right: 1px solid #303;
	padding: 5px 6px 0px 6px;
}
#menu3 {
	float: left;
	height: 25px;
	border-right: 2px dotted grey;
	padding: 5px 6px 0px 6px;
}
#imagenes {
	margin: 0px 5px 0px 0px;
	float: left;
	width: 150px;
	padding: 0px 0px 10px 0px;
}
#texto {
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
}
#escudo {
	background: #FFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 150px;
	text-align: center;
	padding: 0px 0px 5px 0px;
}
#espacio {
	height: 5px;
	width: 150px;
}
#indumentaria {
	background: #FFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 150;
	text-align: center;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
}
#indumentaria2 {
	background: #F00;
	width: 150;
	text-align: center;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
}
#masescudos {
	background: #FFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 150px;
	text-align: center;
	padding: 5px 0px 5px 0px;
	margin: 20px 0px 0px 0px;
}
#informacion {
	width: 626px;
	background: #FFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
#participaciones {
	width: 626px;
	background: #FFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: left;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
#info_titulo {
	width: 120px;
	text-align: right;
	font-weight: bold;
	display: table-cell; 
	z-index: 0;
}
#info_texto {
	width: 501px;
	position: relative;
	left: 5px;
	display: table-cell;
}
#calendario {
	width: 798px;
    display: inline-block;
}
#logo_fed1 {
	float: right;
	width: 100px;
}
#logo_fed2 {
}

#competicion {
}
#clasificaciones {
	clear: both;
	font-size: 12px;
	overflow: auto;
	margin: 70px 10px 0px 10px;
	padding: 0px 0px 0px 0px;
}
#clasificacion1 {
	float: left;
	font-size: 12px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 6px 5px 0px 0px;
}
#clasificacion2 {
	float: right;
	font-size: 12px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#clasificacion1-2015 {
	float: left;
	width: 389px;
	font-size: 12px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}
#clasificacion2-2015 {
	float: right;
	font-size: 12px;
	overflow: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#comentarios {
	clear: both;
	font-size: 12px;
	overflow: auto;
	padding: 0px 10px 10px 10px;
}
#post-clasificacion {
	font-size: 12px;
	width: 799px;
	overflow: auto;
	padding: 10px 9px 10px 10px;
}
#temporada {
	background: #A1CEB0;
	width: 69px;
	height: 20px;
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 1px solid #000;
	padding: 5px 0px 0px 0px;
}
#partido1 {
    display: inline-block;
	border: 1px solid #000;
	background: #A1CEB0;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 0px;
	border-right: 0px;
}
#partido2 {
	padding: 5px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	float: left;
}
#col_tabla {
	display: table;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
#col_fila {
	display: table-row;
}
#col_celda {
	display: table-cell;
	background: #FFF;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 5px;
	height: 15px;
	vertical-align: middle;
}
#log {
	clear: both;
}
#log_fecha {
	float: left;
	padding: 5px;
}
#log_usuario {
	float: left;
	padding: 5px;
	background: #A1CEB0;
}
#log_info {
	float: left;
	padding: 5px;
}

/* TEMPORADA.PHP | FEDERACION-TEM.PHP */

#tem-federaciones {
	clear: both;
	float: left;
	padding: 0px 0px 0px 0px;
}
#tem-federacion {
	clear: both;
	background: #A1CEB0;
	padding: 8px;
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
    font-weight: bold;
	border: 1px solid #000;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}
#menu_index {
	float: left;
	padding: 0 1 0 0;
}
#menu_index2 {
	clear: both;
	background: #A1CEB0;
	padding: 8px;
    font-weight: bold;
	border: 1px solid #000;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}
#tem-categorias {
	clear: both;
	float: left;
	padding: 10px 10px 0px 10px;
}
#tem-categoria {
	clear: both;
	padding: 8px;
	margin: 5px 0px 0px 0px;
    font-weight: bold;
	border: 1px solid #000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
#tem-competiciones {
	clear: both;
	float: left;
	padding: 0px 10px 0px 30px;
}
#tem-competicion {
	float: left;
	padding: 8px;
	height: 12px;
	margin: 5px 5px 0px 0px;
    font-weight: bold;
	border: 1px solid #000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}

#popupimagen{
border: none;
position: relative;
background: transparent;
z-index: 0;
}
#popupimagen:hover{
background: transparent;
z-index: 60;
}
#popupimagen span{
visibility: hidden;
background-color: #ffffff;
padding: 4px;
border: 1px solid #000000;
left: -1150px;
top: -1150px;
color: #8C8C8C;
position: absolute;
text-decoration: none;
}
#popupimagen:hover span{
top: -30px;
visibility: visible;
left: 55px;
}
#popupimagen span img{
padding: 2px;
border: none;
}

#mapa {
width: 100%;
height: 500px;
border: 1px solid #000;
}

#geo_derecha {
	float: right;
	width: 257px;
}

#mapa_municipio {
	top: 3px;
	width: 255px;
	height: 500px;
	border: 1px solid #000;
}

#tdj_izq {
	margin: 0px 5px 0px 0px;
	float: left;
	width: 300px;
	padding: 0px 0px 10px 0px;
}
#tdj_fot {
	background: #FFFFFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 300px;
	text-align: center;
	padding: 5px 0px 5px 0px;
}
#tdj_map {
	background: #FFFFFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 300px;
	height: 300px;
	text-align: center;
	padding: 0px 0px 5px 0px;
	margin: 10px 0px 0px 0px;
}
#tdj_der {
	width: 486px;
	float: left;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 10px 0px;
}
#tdj_con {
	width: 476px;
	background: #FFFFFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
#tdj_con1a {
	width: 120px;
	text-align: right;
	font-weight: bold;
	display: table-cell; 
	z-index: 0;
}
#tdj_con1b {
	width: 351px;
	position: relative;
	left: 5px;
	display: table-cell;
}
#tdj_con2 {
	width: 476px;
	background: #FFFFFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: left;
	font-size: 12px;
	margin: 10px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}
#hr2 {
	border: 3px solid #666;
	border-radius: 300px/10px;
	height: 0px;
	text-align: center;
}

#myDiv{ 
 margin:0px;
 width:500px;
}

#myDiv2{ 
 margin:0px;
 width:500px;
}

#myDiv3{ 
 margin:0px;
 width:500px;
}

#myDiv4{ 
 margin:0px;
 width:500px;
}

.sugerencias:hover{
 background-color:#D3D3D3;
 cursor:default; 
}

#bus{
 background-image:url('search.png');
 background-size:25px 23px;/*tamano imagen*/
 background-repeat:no-repeat;
 background-position:right;
 border-radius: 5px;
 border-style:solid;
 border-color:#1E90FF;
 border-width:1px;
 height:25px;
 color:#808080;
}

#bus2{
 background-image:url('search.png');
 background-size:25px 23px;/*tamano imagen*/
 background-repeat:no-repeat;
 background-position:right;
 border-radius: 5px;
 border-style:solid;
 border-color:#1E90FF;
 border-width:1px;
 height:25px;
 color:#808080;
}

#bus3{
 background-image:url('search.png');
 background-size:25px 23px;/*tamano imagen*/
 background-repeat:no-repeat;
 background-position:right;
 border-radius: 5px;
 border-style:solid;
 border-color:#1E90FF;
 border-width:1px;
 height:25px;
 color:#808080;
}

#bus4{
 background-image:url('search.png');
 background-size:25px 23px;/*tamano imagen*/
 background-repeat:no-repeat;
 background-position:right;
 border-radius: 5px;
 border-style:solid;
 border-color:#1E90FF;
 border-width:1px;
 height:25px;
 color:#808080;
}

#cuadro_honor_celda {
	float: left;
	background: #FFF;
	border: 1px solid #303;
	border-radius: 8px; 
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 175px;
	text-align: center;
	margin: 5px 10px 5px 0px;
	padding: 5px 0px 5px 0px;
}
#cuadro_honor_celda:hover {
	background-color: #FCF5C1;;
}

.suggest-element {
	width: 580px;
	margin-top: -1px;
	cursor: pointer;
	background-color: #ECECEC;
	padding: 5px;
	float: left;
	border: 1px solid;
}

.suggest-element:hover {
	background-color: #999999;
	color: white;
}

.suggest-element2 {
	width:100%;
	cursor:pointer;
	background-color: #ECECEC;
	margin-top: 1px;
	padding-bottom: 5px;
	padding: 5px;
	float:left;
}

.suggest-element2:hover {
	background-color:#999999;
	color:#FFFFFF;
}

.suggest-element3 {
	width:100%;
	cursor:pointer;
	background-color: #ECECEC;
	margin-top: 1px;
	padding-bottom: 5px;
	padding: 5px;
	float:left;
}

.suggest-element3:hover {
	background-color:#999999;
	color:#FFFFFF;
}

.suggest-element4 {
	width: 785px;
	margin-top: 2px;
	cursor: pointer;
	background-color: #ECECEC;
	padding: 5px;
	float: left;
	border: 1px solid;
}

.suggest-element4:hover {
	background-color: #CCCCCC;
	color: blue;
}

.suggestions {
	width: 600px;/*
	height: 155px;*/
	overflow: auto;
}

.suggestions .item{
    float: left;
    width: 590px;
}

#suggestions {
	width: 600px;/*
	height: 155px;*/
	overflow: auto;
}

#suggestions .item{
    float: left;
    width: 590px;
}



#suggestionss {
	width: 160px;
	overflow: auto;
	z-index: 1000;
}

#suggestionss .item{
    float: left;
    width: 150px;
	z-index: 1000;
}

.suggest-element_elim {
	width: 340px;
	cursor: pointer;
	background-color: white;
	padding-bottom: 5px;
	padding: 5px;
	float: left;
	text-align: left;
	border: 1px solid;
	margin-top: -1px;
}

.suggest-element_elim:hover {
	background-color: #99FF99;
	color: black;
}

.busqueda_vacia {
	background-color: #ECECEC;
	margin-top: 1px;
	padding-bottom: 5px;
	padding: 5px;
	float: left;
	text-align: left;
	border: 1px solid;
	font-weight: bold;
}



#alerta {
    margin-top:1 0px;
    display: none;
}

#alerta p {
    color: mediumseagreen;
}

.añadir {
	border:1px solid #6E6E6E;
	background-color:#A3FDA1;
	border-radius:5px;
	padding:5px;
}

input.añadir[type="submit"]:hover {
    border: 1px solid #000;
	background-color:#7BFC75;
	cursor:pointer;
}

.modificar {
	border:1px solid #6E6E6E;
	background-color:#CEEDFE;
	border-radius:5px;
	padding:5px;
}

input.modificar[type="submit"]:hover {
    border: 1px solid #000;
	background-color:#33CCFF;
	cursor:pointer;
}

.boton {
	border: 1px solid black;
	background-color: #A5CDB2;
	border-radius: 5px;
	padding: 5px;
}

.menu_index {
	float: left;
	padding: 0 1 0 0;
}

.menu_index2 {
	clear: both;
	padding: 8px;
    font-weight: bold;
	border: 1px solid #000;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

.menu_index3 {
	color: navy;
	clear: both;
	padding: 8px;
    font-weight: bold;
	border: 1px solid #000;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
}

.suspendidos {
	background: #B68422;
	color: white;
}

.pendientes {
	background: #F80000;
	color: white;
}

.hoy {
	background: green;
	color: white;
}

.otros_dias {
	background: #A5CDB2;
}

.siguiente {
	border: 1px solid #6E6E6E;
	color: #000;
	background-color: #A3FDA1;
	border-radius: 5px;
	padding: 5px;
}

.siguiente:hover {
    border: 1px solid #000;
	color: #000;
	background-color: #7BFC75;
	cursor: pointer;
}

.anterior {
	border: 1px solid #6E6E6E;
	color: #000;
	background-color: #FCCBCC;
	border-radius: 5px;
	padding: 5px;
}

.anterior:hover {
    border: 1px solid #000;
	color: #000;
	background-color: #FA9899;
	cursor: pointer;
}

.com_calendario {
	float: left;
	margin-right: 10px;
	border: 1px solid grey;
	background: white;
	padding: 2 3 2 3;
	border-radius: 5px;
}

.com_calendario:hover {
	background-color: #FFFF99;
	cursor: pointer;
}

.com_mapa {
	clear:both;
	float: left;
	margin-right: 10px;
	border: 1px solid grey;
	background: white;
	margin-top:5px;
	padding: 2 3 2 3;
	border-radius: 5px;
}

.com_mapa:hover {
	background-color: #FFFF99;
	cursor: pointer;
}

.deshabilitado {
	border: 1px solid #6E6E6E;
	color: #000;
	background-color: #D8D8D8;
	border-radius: 5px;
	padding: 5px;
	text-decoration: line-through;
}

.deshabilitado:hover {
    border: 1px solid #000;
	color: #000;
	background-color: #D8D8D8;
	text-decoration: line-through;
}

.borrar {
	border:1px solid #6E6E6E;
	background-color:#FCCBCC;
	border-radius:5px;
	padding:5px;
}

input.borrar[type="submit"]:hover {
    border: 1px solid #000;
	background-color:#FA9899;
	cursor:pointer;
}

#target {
	background: #0099cc;
	display: none;
	float: right;
}

.Hide {
	display: none;
}

img.Show {
	cursor:pointer;
}

img.Hide {
	cursor:pointer;
}

.clicker {
	outline: none;
	cursor: pointer;
}

.clicker:focus + .hiddendiv {
	display: block;
}

.hiddendiv {
	float: right;
	position: relative;
	top: -53px;
	left: -12px;
	display: none;
	border: 1px solid red;
	padding: 3px;
	background-color: white;
	z-index: 100;
}

.clicker_info {
	outline: none;
	cursor: pointer;
	border:1px solid #6E6E6E;
	background-color:#A5CDB2;
	border-radius:5px;
	padding:5px;
}

.clicker_info:focus + .hiddendiv_info {
	display: block;
}

.hiddendiv_info {
	position: relative;
	top: 1px;
	display: none;
	border: 1px solid red;
	background-color: white;
	z-index: 100;
}

.clicker_obs {
	outline: none;
	cursor: pointer;
}

.clicker_obs:focus + .hiddendiv_obs {
	display: block;
}

.parentdiv_obs {
	float: right;
	overflow: visible;
}

.hiddendiv_obs {
	display: none;
	position: absolute;
	margin: 3px;
	border: 1px solid blue;
	background-color: whitesmoke;
	padding: 3px;
	text-align: left;
}

#grad-competiciones {
	clear: both;
	float: left;
	padding: 0px 0px 0px 40px;
}
#grad-competicion {
	float: left;
	padding: 8px;
	margin: 5px 5px 0px 0px;
    font-weight: bold;
	border: 1px solid #000;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-image: linear-gradient(#CBC1D9,#E3B8B8);
}

.columna_izquierda {
	float: left;
}
.columna_derecha {
	margin-left: 10px;
	float: left;
}
.cuadro_nombre {
	background-color: white;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	width: 139px;
	float: left;
}
.cuadro_color {
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 5px;
	width: 54px;
	height: 14px;
	clear: both;
	float: left;
}
.cuadro_hex {
	background-color: white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 5px;
	width: 74px;
	height: 14px;
	float: left;
}
.cuadro_nombre2 {
	background-color: white;
	border: 1px solid black;
	text-align: center;
	font-weight: bold;
	padding: 5px;
	width: 95px;
	float: left;
}
.cuadro_hex2 {
	background-color: white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 5px;
	width: 30px;
	height: 14px;
	float: left;
}
.fila_vacia {
	clear: both;
	height: 20px;
}


.fed_escudo {
	float: left;
	width: 84px;
	height: 84px;
	background: white;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.fed_escudo_sup {
	background: white;
	height: 3px;
	width: 90px;
	border-top: 1px solid;
	border-right: 1px solid;
	border-left: 1px solid;
	margin: 3 3 0 3;
}
.fed_escudo_der {
	float: left;
	background: white;
	height: 84px;
	width: 3px;
	border-right: 1px solid;
	margin: 0 3 0 0;
}
.fed_escudo_inf {
	clear: both;
	background: white;
	height: 3px;
	width: 90px;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-left: 1px solid;
	margin: 0 3 0 3;
}
.fed_escudo_izq {
	float: left;
	background: white;
	height: 84px;
	width: 3px;
	border-left: 1px solid;
	margin: 0 0 0 3;
}
.fed_nombre {
	clear: both;
	margin: 0 0 0 3;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	width: 90px;
	text-align: center;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 11px;
	background: #A5CDB2;
}
.fed_contador {
	clear: both;
	margin: 0 0 2 3;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
	width: 90px;
	text-align: center;
	font-size: 12px;
}


.ronda {
	clear: both;
	float: left; 
	border: 1px solid black;
	padding: 5px;
	margin: 2px;
	margin-top: 10px;
	text-align: center;
	background: #FFC;
	font-weight: bold;
}
.eliminatoria {
	clear: both;
	float: left;
	margin-top: 5px; 
}
.equ_loc {
	float: left;
	border: 1px solid #000;
	padding: 5px;
	margin: 2px;
	background: white;
	text-align: right;
}
.equ_vis {
	float: left;
	border: 1px solid #000;
	padding: 5px;
	margin: 2px;
	background: white;
}
.numero {
	float: left;
	border: 1px solid #000;
	margin: 2px;
	padding-top: 4px;
	padding-bottom: 4px;
	background: white;
	width: 30px;
	height: 21px;
	text-align: center;
}

.ronda_2 {
	clear: both;
	float: left; 
	border: 1px solid grey;
	padding: 5 0 5 0;
	margin-top: 15px;
	width: 600px;
	text-align: center;
	background: #FFC;
	font-weight: bold;
}
.espacio_elim {
	clear: both;
	float: left;
	margin-top: 10px;
}
.eliminatoria_uno {
	clear: both;
	float: left;
	width: 600px;
	border: 1px solid grey;
	background: white;
	display: flex;
}
.eliminatoria_resto {
	clear: both;
	float: left;
	width: 600px;
	border-right: 1px solid grey;
	border-bottom: 1px solid grey;
	border-left: 1px solid grey;
	background: white;
	display: flex;
}
.fecha {
	float: left;
	border-right: 1px solid grey;
	padding: 5px;
	width: 100px;
	text-align: right;
}
.equ_loc_2 {
	float: left;
	border-right: 1px solid grey;
	padding: 5px;
	width: 211px;
	max-width: 211px;
	display: inline-block;
	text-align: right;
}
.equ_vis_2 {
	float: left;
	border-left: 1px solid grey;
	padding: 5px;
	width: 211px;
	max-width: 211px;
	display: inline-block;
}
.gol_loc {
	float: left;
	padding: 5px;
	width: 35px;
	text-align: center;
}
.gol_loc_2 {
	float: left;
	border-right: 1px solid grey;
	padding: 5px;
	width: 20px;
	text-align: center;
}
.gol_vis_2 {
	float: left;
	padding: 5px;
	width: 20px;
	text-align: center;
}

.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  border-color: blue;
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  border-color: yellow;
}
.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  border-color: green;
}
.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  border-color: red;
}

.calendario_jornada {
	clear: both;
	float:left;
	margin-top: 15px;
	border-top: 1px solid grey;
	width: 796px;
}
.calendario_fila {
	float: left;
	display: flex;
	border-right: 1px solid grey;
	background-color: white;
}
.calendario_celda_enc {
	float: left;
	background-color: #FCF5C1;
	padding: 2px 4px 2px 4px;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	width: 22px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
.calendario_celda {
	float: left;
	padding: 2px 4px 2px 4px;
	border-left: 1px solid grey;
	border-bottom: 1px solid grey;
	width: 22px;
	word-wrap: break-word;
	text-align: center;
}
.vertical-align {
	position: relative;
	top: 3px;
	padding-bottom: 6px;
}

.boton_acceso_rapido {
	float: left;
	height: 14px;
	font-weight: bold;
	padding: 6px;
	margin: 2px;
	border: 1px solid #000;
	background-color: #CFE5D6;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
.boton_acceso_rapido:hover {
    background-color: #FCF5C1;
}

.iluminar:hover {
    background-color: #FCF5C1;
}

.iluminar2:hover {
    background-color: #FCF5C1;
	color: blue;
}

.contenedor_comun {
	clear: both;
	float: left; 
	border: 1px solid; 
	background-color: #E4F0E8;
	padding: 5px;
}

.colorful-div {
}

.colorful-div.loaded {
	border-radius: 5px;
    background-color: #FFE1E1;			/* rojo muy claro */
}

.tabla_normal {
	display: table;
	border-collapse: collapse; /* Para evitar espacios entre los bordes de las celdas */
}

.tabla_normal_fila {
	display: table-row;
	background-color: white;
}

.tabla_normal_celda {
	display: table-cell;
	border: 1px solid #ccc;
	padding: 5px;
}

.tabla_normal_encab {
	font-weight: bold;
	background-color: #FCF5C1;		/* amarillo muy claro */
}

/* Estilo de la barra de desplazamiento */
::-webkit-scrollbar {
	height: 10px;
	width: 10px; /* Ancho de la barra de desplazamiento */
}

/* Estilo del thumb (el deslizador) */
::-webkit-scrollbar-thumb {
  background-color: #888; /* Color del deslizador */
}

/* Estilo de la barra de desplazamiento para Firefox */
/* Ancho de la barra de desplazamiento */
scrollbar-height: thin;
scrollbar-width: thin;
/* Color del deslizador */
scrollbar-color: #888 #f1f1f1;

</style>