/*--------------------------------------------------------------
# table
--------------------------------------------------------------*/

table {
	color: var(--rata);
	background: var(--blanco);
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	background:none;
	border:1px solid var(--border);
	margin: 20px auto 10px;
	}
table.box { width: 100%; }

table th {
	padding: 5px 8px;
	border:1px solid var(--border);
	background: var(--cielo);
	color: var(--blanco);
	text-align: center;
	}

table tr {
	text-align: left;
	}

table td {
	padding: 6px;
	color: var(--rata);
	border: 1px solid var(--border);
	background: var(--td);
	display: left;
	vertical-align: middle;
	text-align: left;
	}

table tfoot { border-top: 2px solid var(--gris); }

table th.t-derecha { text-align: right; }

table td:first-child { text-align: center; }
table.box td:first-child { text-align: left; }
table td.t-centro { text-align: center; }
table td.t-derecha { text-align: right; }
table td.t-izquierda { text-align: left; }
table tr.alternate td { background: var(--alternate); }
table tr.alternate:hover td, table tr:hover td { background: var(--hover); }

table tr.bordertop { border-top: 2px solid var(--gris); }

table tr td.marino { background: var(--marino); color: var(--blanco); }
table tr td.azul { background: var(--azul); color: var(--blanco); }
table tr td.cielo { background: var(--cielo); color: var(--blanco); }
table tr td.celeste { background: var(--celeste); color: var(--blanco); }
table tr td.azulclaro { background: var(--azulclaro); color: var(--negro); }
table tr td.guinda { background: var(--guinda); color: var(--blanco); }
table tr td.rojo { background: var(--rojo); color: var(--blanco); }
table tr td.rojo2 { background: var(--rojo2); color: var(--blanco); }
table tr td.rojoclaro { background: var(--rojoclaro); color: var(--negro); }
table tr td.rosa { background: var(--rosa); color: var(--blanco); }
table tr td.violeta { background: var(--violeta); color: var(--blanco); }
table tr td.rosaclaro { background: var(--rosaclaro); color: var(--negro); }
table tr td.morado { background: var(--morado); color: var(--blanco); }
table tr td.moradoclaro { background: var(--moradoclaro); color: var(--negro); }
table tr td.cafe { background: var(--cafe); color: var(--blanco); }
table tr td.cafeclaro { background: var(--cafeclaro); color: var(--negro); }
table tr td.naranja { background: var(--naranja); color: var(--blanco); }
table tr td.naranja2 { background: var(--naranja2); color: var(--blanco); }
table tr td.naranjaclaro { background: var(--naranjaclaro); color: var(--negro); }
table tr td.amarillo { background: var(--amarillo); color: var(--blanco); }
table tr td.amarillo2 { background: var(--amarillo2); color: var(--blanco); }
table tr td.amarilloclaro { background: var(--amarilloclaro); color: var(--negro); }
table tr td.verde { background: var(--verde); color: var(--blanco); }
table tr td.verde2 { background: var(--verde2); color: var(--blanco); }
table tr td.limon { background: var(--limon); color: var(--blanco); }
table tr td.verdeclaro { background: var(--verdeclaro); color: var(--negro); }
table tr td.negro { background: var(--negro); color: var(--blanco); }
table tr td.rata { background: var(--rata); color: var(--blanco); }
table tr td.gris { background: var(--gris); color: var(--blanco); }
table tr td.gris9 { background: var(--gris9); color: var(--blanco); }
table tr td.blanco { background: var(--blanco); color: var(--blanco); }

table tr.alternate td.marino { background: var(--marino); opacity: .7; }
table tr.alternate td.azul { background: var(--azul); opacity: .7; }
table tr.alternate td.cielo { background: var(--cielo); opacity: .7; }
table tr.alternate td.celeste { background: var(--celeste); opacity: .7; }
table tr.alternate td.azulclaro { background: var(--azulclaro); opacity: .7; }
table tr.alternate td.guinda { background: var(--guinda); opacity: .7; }
table tr.alternate td.rojo { background: var(--rojo); opacity: .7; }
table tr.alternate td.rojo2 { background: var(--rojo2); opacity: .7; }
table tr.alternate td.rojoclaro { background: var(--rojoclaro); opacity: .7; }
table tr.alternate td.rosa { background: var(--rosa); opacity: .7; }
table tr.alternate td.violeta { background: var(--violeta); opacity: .7; }
table tr.alternate td.rosaclaro { background: var(--rosaclaro); opacity: .7; }
table tr.alternate td.morado { background: var(--morado); opacity: .7; }
table tr.alternate td.moradoclaro { background: var(--moradoclaro); opacity: .7; }
table tr.alternate td.cafe { background: var(--cafe); opacity: .7; }
table tr.alternate td.cafeclaro { background: var(--cafeclaro); opacity: .7; }
table tr.alternate td.naranja { background: var(--naranja); opacity: .7; }
table tr.alternate td.naranja2 { background: var(--naranja2); opacity: .7; }
table tr.alternate td.naranjaclaro { background: var(--naranjaclaro); opacity: .7; }
table tr.alternate td.amarillo { background: var(--amarillo); opacity: .7; }
table tr.alternate td.amarillo2 { background: var(--amarillo2); opacity: .7; }
table tr.alternate td.amarilloclaro { background: var(--amarilloclaro); opacity: .7; }
table tr.alternate td.verde { background: var(--verde); opacity: .7; }
table tr.alternate td.verde2 { background: var(--verde2); opacity: .7; }
table tr.alternate td.limon { background: var(--limon); opacity: .7; }
table tr.alternate td.verdeclaro { background: var(--verdeclaro); opacity: .7; }
table tr.alternate td.negro { background: var(--negro); opacity: .7; }
table tr.alternate td.rata { background: var(--rata); opacity: .7; }
table tr.alternate td.gris { background: var(--gris); opacity: .7; }
table tr.alternate td.gris9 { background: var(--gris9); opacity: .7; }
table tr.alternate td.blanco { background: var(--blanco); opacity: .7; }

table tr.alternate td.b-verdeclaro { background: var(--verdeclaro); }
table tr.alternate td.b-azulclaro { background: var(--azulclaro); }
table tr.alternate td.b-rojoclaro { background: var(--rojoclaro); }

table tr:hover td.marino { background: var(--marino); opacity: .9; }
table tr:hover td.azul { background: var(--azul); opacity: .9; }
table tr:hover td.cielo { background: var(--cielo); opacity: .9; }
table tr:hover td.celeste { background: var(--celeste); opacity: .9; }
table tr:hover td.azulclaro { background: var(--azulclaro); opacity: .9; }
table tr:hover td.guinda { background: var(--guinda); opacity: .9; }
table tr:hover td.rojo { background: var(--rojo); opacity: .9; }
table tr:hover td.rojo2 { background: var(--rojo2); opacity: .9; }
table tr:hover td.rojoclaro { background: var(--rojoclaro); opacity: .9; }
table tr:hover td.rosa { background: var(--rosa); opacity: .9; }
table tr:hover td.violeta { background: var(--violeta); opacity: .9; }
table tr:hover td.rosaclaro { background: var(--rosaclaro); opacity: .9; }
table tr:hover td.morado { background: var(--morado); opacity: .9; }
table tr:hover td.moradoclaro { background: var(--moradoclaro); opacity: .9; }
table tr:hover td.cafe { background: var(--cafe); opacity: .9; }
table tr:hover td.cafeclaro { background: var(--cafeclaro); opacity: .9; }
table tr:hover td.naranja { background: var(--naranja); opacity: .9; }
table tr:hover td.naranja2 { background: var(--naranja2); opacity: .9; }
table tr:hover td.naranjaclaro { background: var(--naranjaclaro); opacity: .9; }
table tr:hover td.amarillo { background: var(--amarillo); opacity: .9; }
table tr:hover td.amarillo2 { background: var(--amarillo2); opacity: .9; }
table tr:hover td.amarilloclaro { background: var(--amarilloclaro); opacity: .9; }
table tr:hover td.verde { background: var(--verde); opacity: .9; }
table tr:hover td.verde2 { background: var(--verde2); opacity: .9; }
table tr:hover td.limon { background: var(--limon); opacity: .9; }
table tr:hover td.verdeclaro { background: var(--verdeclaro); opacity: .9; }
table tr:hover td.negro { background: var(--negro); opacity: .9; }
table tr:hover td.rata { background: var(--rata); opacity: .9; }
table tr:hover td.gris { background: var(--gris); opacity: .9; }
table tr:hover td.gris9 { background: var(--gris9); opacity: .9; }
table tr:hover td.blanco { background: var(--blanco); opacity: .9; }

table tr:hover td.b-verdeclaro { background: var(--verdeclaro); opacity: .9; }
table tr:hover td.b-azulclaro { background: var(--azulclaro); opacity: .9; }
table tr:hover td.b-rojoclaro { background: var(--rojoclaro); opacity: .9; }