:root {
    --fg-primary-color:#2f2f2f;
    --bg-primary-color:#ffffff;
    --color-system: #196f51;  /* # ff6600; change all ocurrences in system */
    --background-banner:#c7cbcc;
    --background-hover-menu:#ebbb03;
}

body {
	background-color:var(--bg-primary-color);
}
.fgColorSystem {
    color:var(--color-system);
}
.bgColorSystem {
    background-color:var(--color-system);
}
input {
	background-color:#afafaf;
	border:1px solid var(--color-system);;
}
select {
	background-color:#afafaf;
	border:1px solid var(--color-system);;
}
textarea {
	background-color:#afafaf;
	border:1px solid var(--color-system);;
}
.success {
    color:#00FF00;
	font-family: Arial,Helvetica, Verdana;
	font-size:13px;
	font-weight:bold;
}
.none {
	display:none;
}
.borderTop {
	border-top:1px solid #FFFFFF;
}
.menu {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:center;
}

.etiqueta {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:right;
}
.etiquetaLeft {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:left;
}
.etiquetaCenter {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:center;
}

.tituloTablaSup {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	color:var(--fg-primary-color);
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.tituloTabla {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	/*background-image: url(../images/barraTit1.gif);*/
	background-color: var(--color-system);;
}
.tituloTabla2 {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	/*background-image: url(../images/barraTit2.gif);*/
	background-color: var(--color-system);;
}
.tituloTablaSmall {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
	/*background-image: url(../images/barraTit1.gif);*/
	background-color: var(--color-system);;

}


.tituloTablaLeft {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	color:var(--fg-color-primary);
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}


.tituloTablaBig {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:17px;
	color:var(--color-system);;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}


.detalleTablaCenter {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	/*color:var(--fg-primary-color);*/
	text-align:center;
}

.detalleTablaCenterMinima {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	/*color:var(--fg-primary-color);*/
	text-align:center;
}


.detalleTablaLeft {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	/*color:var(--fg-primary-color);*/
	text-align:left;
	font-weight:plain;
}
.detalleTablaLeftUpperCase {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	text-align:left;
	text-transform: uppercase;
}
.detalleTablaLeftLowerCase {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	text-align:left;
	text-transform: uppercase;
}
.detalleTablaLeftCapitalize {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	text-align:left;
	color:cyan;
	text-transform: capitalize;
}

.detalleTablaLeftTitulo {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	background-color:#cfcfcf;
	text-align:left;
}

.detalleTablaRightTitulo {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	background-color:#cfcfcf;
	text-align:right;
}
.detalleTablaCenterTitulo {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	background-color:#cfcfcf;
	text-align:center;
}

.detalleTablaLeftEquipoSmall {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	text-align:left;
}
.detalleTablaRightEquipoSmall {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	text-align:right;
}


.detalleTablaLeftEquipo {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:12px;
	color:var(--fg-primary-color);
	text-align:left;
}

.detalleTablaRightEquipo {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:12px;
	color:var(--fg-primary-color);
	text-align:right;
}


.detalleTablaLeftMinimaArial {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:9px;
	color:var(--color-system);;
	text-align:left;
	text-transform: none;
}

.detalleTablaLeftMinima {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:var(--fg-primary-color);
	text-align:left;
	text-transform: none;
}
.detalleTablaLeftMinima12 {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:var(--fg-primary-color);
	text-align:left;
	text-transform: none;
}

.detalleTablaLeftMinimaTitulo {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:var(--fg-color-primary);
	text-align:left;
}

.detalleTablaCenterMinimaTitulo {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:var(--fg-color-primary);
	text-align:center;
}

.detalleTablaRight {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:13px;
	text-align:right;
}

.detalleTablaRightMinima {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:#afafaf;
	text-align:right;
}


.enlaceBoton:link {
	/*width:140px;*/
	font-family: 'Roboto', Arial, serif;
	font-weight:bold;
	font-size:11px;
	background: var(--color-system);;
	padding:1px 15px 1px 15px;
	/*text-transform: uppercase;*/
	margin:4px;
	border:1px solid;
	/*border-color:var(--color-system); #000000 #000000 var(--color-system);;*/
	/*font:bold 10px tahoma,arial,verdana,sans-serif;*/
	text-decoration:none;
	text-align:center;
	color:var(--fg-primary-color);
	padding-top:5px;
	padding-bottom:5px;
	border-radius: 5px;
}

.enlaceBoton:visited {
	/*width:160px;*/
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	background: var(--color-system);;
	padding:1px 15px 1px 15px;
	text-transform: uppercase;
	margin:4px;
	border:1px solid;
	border-color:var(--color-system); #000000 #000000 var(--color-system);;
	font:bold 10px tahoma,arial,verdana,sans-serif;
	text-decoration:none;
	text-align:center;
	color:var(--fg-primary-color);
	padding-top:5px;
	padding-bottom:5px;
	border-radius: 10px;
}

.enlaceBoton2 {
	width:300px;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:var(--fg-primary-color);
	background: var(--color-system);;
	padding:1px 15px 1px 15px;
	text-transform: uppercase;
	margin:4px;
	border:1px solid;
	border-color:var(--color-system); #000000 #000000 var(--color-system);;
	font:bold 10px tahoma,arial,verdana,sans-serif;
	text-decoration:none;

}


.enlaceBotonAbrir {
	width:300px;
	font-family:Verdana;
	font-size:11px;
	color:var(--fg-primary-color);
	text-decoration:none;
	padding:0px 15px 0px 15px;
	background: var(--color-system);;
}


.enlaceBotonAlto {
	width:300px;
	font-family:Verdana;
	font-weight:bold;
	font-size:11px;
	color:var(--fg-color-primary);
	background-color:var(--bg-primary-color);
	text-decoration:none;
	padding:6px 1px 6px 1px;
	text-transform: uppercase;
}

.miniEnlace {
	font-family:Helvetica, Arial, Verdana;
	font-weight:bold;
	font-size:8px;
	color:var(--fg-primary-color);
	padding:6px 1px 6px 1px;
}


.tablaConBorde {
	border:1px solid var(--color-system);;
	cellpadding:1px;
	/*cellspacing:3px;*/
	border-collapse:collapse;
}
.tablaConBordeNegro {
	border:1px solid #000000;
	cellpadding:3px;
	cellspacing:3px;
	border-collapse:collapse;
}

.lineaResaltada {
	background-color:var(--color-system);;
	color: #ffffff;
	cursor: pointer;
}

.lineaResaltadaTitulo {
	background-color: #afafaf;
	color: #000000;
	cursor: pointer;
}

.lineaResaltadaDeporte {
	background-color: var(--fg-color-primary);
	color:var(--fg-primary-color);
	cursor: pointer;
	background-image: url(../images/barra2.gif);
}
.lineaResaltadaApuesta {
	background-color: var(--color-system);;
	color:var(--fg-primary-color);
	cursor: pointer;
}


.calculadora {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:var(--fg-primary-color);
	text-align:left;
	text-transform:none;
}

.cursorClick {
	cursor: pointer;
}

.lanzador {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:9px;
	color:var(--fg-primary-color);
	font-weight:plain;
	text-align:left;
	text-transform:capitalize;
}

.inputTextSingle {
	background-color: #000000;
	color: #afafaf;
	text-align: center;
	border-style: none;
}
.inputTextSingleLeft {
	background-color: #000000;
	color: #afafaf;
	text-align: left;
	border-style: none;
}
.inputTextSingleRight {
	background-color: #000000;
	color: #afafaf;
	text-align: right;
	border-style: none;
}

.inputTextSingleCalc {
	background-color:transparent;
	color: var(--fg-primary-color);
	text-align: center;
	border-style: none;
}
.inputTextSingleLeftCalc {
	background-color:transparent;
	color:var(--fg-primary-color);
	text-align: left;
	border-style: none;
}
.inputTextSingleRightCalc {
	background-color:transparent;
	color:var(--fg-primary-color) !important;
	text-align: right;
	border-style: none;
}

.saldo {
	color: #FFFF00;
}

.lineaMinima {font-size: xx-small}

.borderTopWhite {
	font-size: xx-small;
	border-collapse:collapse;
	border:1px solid;
	border-top-color:#afafaf;
	border-bottom-color:transparent;
	border-left-color:transparent;
	border-right-color:transparent;
}

.borderTopBlack {
	border-collapse:collapse;
	border:0px solid;
	border-color:#000000;
}

.borderTopBlackReport {
	border-collapse:collapse;
	border:1px solid;
	border-top-color:#000000;
	border-bottom-color:#afafaf;
	border-left-color:#afafaf;
	border-right-color:#afafaf;
}

.borderOrange {
	border-collapse:collapse;
	border:1px solid;
	border-color:var(--fg-color-primary);
}

.borderWhite {
	border-collapse:collapse;
	border:1px solid;
	border-color:#afafaf;
}
.borderBlack {
	border-collapse:collapse;
	border:1px solid;
	border-color:#000000;
}

.white {
	color:#ffffff;
}
.orange {
	color:#ffa500;
}
.red {
	color:#ff0000;
}
.yellow {
	color:yellow;
}
.blue {
	color:#4CD7F0;
	text-transform:none;
}
.green {
	color:#00ff00;
}
.marron {
	color:#DEB887;
}
.morado {
	color:#7973C2;
}
.carne {
	color:#E270CD;
}
.agua {
	color:#00FFFF;
}
.grama {
	color:#FF9900;
}
.fucsia{ color:#FBD8FC; }



.tituloTablaBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}

.tituloTablaLeftBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}
.tituloTablaRigthBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:#000000;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
}

.tituloTablaLeftSmallBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:8px;
	color:#000000;
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
}
.tituloTablaLeftSmallNormalBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:8px;
	color:#000000;
	font-weight:bold;
	text-align:left;
}

.tituloTablaRigthSmallBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:8px;
	color:#000000;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
}
.tituloTablaCenterSmallBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:8px;
	color:#000000;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;
}


.tablaConBordeBW {
	border:1px solid #afafaf;
	cellpadding:0px;
	cellspacing:0px;
	border-collapse:collapse;
}

.detalleTablaCenterBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:#000000;
	text-align:center;
}

.top {
	vertical-align:top;
}

.detalleTablaLeftBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:#000000;
	text-align:left;
}

.detalleTablaRightBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:#000000;
	text-align:right;
}

.totales {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:10px;
	color:navy;
	font-weight:bold;
	text-align:right;
}

.detalleTablaRightTotalBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:#000000;
	text-align:right;
	border:1px solid #afafaf;
}

.borderNone {
	border:0px solid #afafaf;
}

.detalleTablaLeftTituloBW {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:#000000;
	background-color:#cfcfcf;
	text-align:left;
}

.inicio {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:11px;
	color:var(--fg-primary-color);
}

.inicio2 {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:14px;
	color:#afafaf;
	font-weight:bold;
}


.inicioMenu {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-weight:bold;
	background-color:red;
	border:1px solid #5f5f5f;
	text-align:center;
}
.inicioMenu2 {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	border:1px solid #afafaf;
	text-align:left;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
}
.inicioMenu22 {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	/*background-color:ffffff;*/
	border:1px solid #efefef;
	text-align:left;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

.inicioMenu3 {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-weight:bold;
	border-bottom:1px solid #5f5f5f;
	text-align:center;
}

.letra {
	color:var(--fg-primary-color);
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:-1;
	font-size:10px;
}
.letraBold {
	color:var(--fg-primary-color);
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	font-size:-1;
	font-size:10px;
	font-weight:bold;
}
.fontCaption {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	color:var(--fg-primary-color);
}
.tituloCaption {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	background-color:var(--color-system);;
	color:#fff;
	border:1px solid var(--color-system);;
	/*background-image: url(../images/barraTit1.gif);*/
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}
.tablaCaption {
	font-family: Sans-serif, Helvetica, Arial, Verdana;
	border:1px solid var(--color-system);;
	/*border-collapse:collapse;*/
}

.help{
	display:none;
	position: absolute;
	/*
	left: 700px; 
	width:100px; 
	*/
	margin-top: -4px;
	border: 1px solid #d5d3d3;
	padding: 5px;
	font-weight:plain;
	font-size:10px;
	background: #045FB4  no-repeat;
	color:var(--fg-primary-color);
}

.help-point {
	position: absolute;
	left: -8px;
	top: 3px;
	width: 8px;
	height: 18px;
	background: url(../images/pointer.gif) left top no-repeat;
}

.helpBlock{
	display:none;
	position: absolute;
	/*
	left: 700px; 
	*/
	width:200px;
	margin-top: -4px;
	border: 1px solid #d5d3d3;
	padding: 5px;
	font-weight:plain;
	font-size:10px;
	background: #045FB4  no-repeat;
}

.montoPremio {
	font-family:Tahoma;
	font-size:15px;
	color:var(--color-system);;
	font-weight:bold;
	text-align:center;
}

.numeroRef {
	font-family:Tahoma;
	font-size:40px;
	color:#000000;
	font-weight:bold;
	text-align:center;
}
.checkGame {
	width:15px;
	height:15px;
	border:0px solid ;
}
.printLogro {
	font-family:Arial;
	font-size:19px;
	color:#000000;
	font-weight:plain;
	text-align:center;
}
.borderBlack {
	border:1px solid black;
}
.borderWhite {
	border:1px solid white;
}

.rojo {
	color: red;
}

.bgBlackSoft {
	background-color:#191919;
}

.login {
	float: right;
	font-size: 0.7em;
	text-align: right;
	color: #FFF;
	margin: 0px 0px 10px 0px;
	/*padding: 0px 10px 0px 0px;*/
}
.login h1{
	font-size: 1.3em;
	margin: 0px 5px 0px 0px;
}
.login h2{
	color: #cb0000;
	font-size: 1em;
	margin: 0px 5px 0px 0px;
}
.fondoTransparente
{
	/*Div que ocupa toda la pantalla*/
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	/*IE*/
	filter: alpha(opacity=50);
	/*FireFox Opera*/
	opacity: .5;
}
.center
{
	position: absolute;
	/*nos posicionamos en el centro del navegador*/
	top:50px;
	left:50%;
	/*determinamos una anchura*/
	width:750px;
	/*indicamos que el margen izquierdo, es la mitad de la anchura*/
	margin-left:-375px;
	/*determinamos una altura*/
	height:460px;
	/*indicamos que el margen superior, es la mitad de la altura*/
	/*margin-top:-180px;*/
	border:1px solid #808080;
	background-color:#fff;
	padding:20px;
	border:5px solid #2f2f2f;
	background-color:var(--bg-primary-color);
	border-radius: 8px 8px 8px 8px;box-shadow: 10 10px 5px 0px rgba(0, 0, 0, 0.4);

}

.cuadro td {
	font-family: 'Roboto', serif;
	font-size:11px;
	color:var(--fg-primary-color);
}
.tituloLiga td {
	font-family: 'Roboto', serif;
	font-size:12px;
	color:var(--fg-primary-color);
	background-color:var(--color-system);;
	padding: 0 0 0 10px;
}
.titulo1 td {
	font-family: 'Roboto', serif;
	font-size:10px;
	color:cyan;
	border-bottom:1px solid #4f4f4f;
	border-top:1px solid #7f7f7f;
	background-color:#4f4f4f;
	text-align: center;
}
.titulo1 ML {
	font-family:Tahoma;
	font-size:12px;
	color:blue;
}

.fechaJuego {
	font-family:Tahoma;
	font-size:10px;
	color:yellow;
}
.letraRef {
	color:white;
	font-size:20px;
}

.botonApuesta{
	color:var(--fg-primary-color);
	font:1em Futura, ‘Century Gothic’, AppleGothic, sans-serif;
	padding:10px;
	font-weight:bold;
	background-color:#00BFFF;
	border:1px solid #ffcc00;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
}
.botonApuesta:hover{
	background-color:rgba(255,204,0,0.8);
}
.excedeMonto {
	color: lightGreen;font-family:Tahoma;font-size:14px;font-weight:bold;text-align:center;
}
a font b {
	font-size:12px;
}

.register-payment {
	border-radius: 2px;
	padding:  5px;
	/*height: 26px;*/
	color: #333;
	font-size: 12px;
	background-color: #ffdf1b !important;
	margin-top: 14px;
	font-weight: bold;
}

.register-payment:hover {
	color: white;
	background-color: #39ce78;
}

.detalleTablaLeftTitulo {
	margin: 10px;
}