/*
		Con valor de font size en html de 16px el valor rem para los distintos px serán
	8px  = 0.5rem
	10px = 0.625rem
	11px = 0.6875rem
	12px = 0.75rem
	13px = 0.8125rem
	14px = 0.875rem
	15px = 0.9375rem
	16px = 1rem (base)
	17px = 1.0625rem
	18px = 1.125rem
	20px = 1.25rem
	24px = 1.5rem
	30px = 1.875rem
	32px = 2rem
	35px = 2.1875rem
	75px = 4.6875rem
	*/

/* Valores para resoluciones mayores a la máxima programada (2700) */
html { 
  font-size: 34px; 
}
.tableprincipal
{
	width: 95%;
}
.lineahorizontaltodapantalla
{
	width: 95%;	
}
.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
	width:190px;
}
.tablewidthcontrolresumen{
	width: 190px;
}
.tablewidthceldacontrol{
	width: 163px;
}
.vcss_cajanumero
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight : bold;	
	border-color: #000000;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border-width:1px;
	border-style:solid;	
	width: 60px;
	height: 45px;
	line-height: 45px;	
}

/* Valores para resoluciones hasta 2700 */
@media (max-width: 2700px) {
	html { 
	  font-size: 32px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:180px;
	}	
	.tablewidthcontrolresumen{
		width: 180px;
	}
	.tablewidthceldacontrol{
		width: 150px;
	}
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 58px;
		height: 43px;
		line-height: 43px;	
	}	
}

/* Valores para resoluciones hasta 2500 */
@media (max-width: 2500px) {
	html { 
	  font-size: 30px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:170px;
	}	
	.tablewidthcontrolresumen{
		width: 170px;
	}
	.tablewidthceldacontrol{
		width: 138px;
	}	
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 54px;
		height: 43px;
		line-height: 43px;	
	}	
}

/* Valores para resoluciones hasta 2300 */
@media (max-width: 2300px) {
	html { 
	  font-size: 28px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:150px;
	}	
	.tablewidthcontrolresumen{
		width: 160px;
	}
	.tablewidthceldacontrol{
		width: 122px;
	}	
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 48px;
		height: 36px;
		line-height: 36px;	
	}	
}

/* Valores para resoluciones hasta 2048 */
@media (max-width: 2048px) {
	html { 
	  font-size: 26px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:140px;
	}
	.tablewidthcontrolresumen{
		width: 155px;
	}
	.tablewidthceldacontrol{
		width: 115px;
	}	
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 45px;
		height: 33px;
		line-height: 33px;	
	}	
}

/* Valores para resoluciones hasta 1920 */
@media (max-width: 1920px) {
	html { 
	  font-size: 24px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:120px;
	}	
	.tablewidthcontrolresumen{
		width: 145px;
	}
	.tablewidthceldacontrol{
		width: 100px;
	}
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 43px;
		height: 30px;
		line-height: 30px;
	}	
}

/* Valores para resoluciones hasta 1700 */
@media (max-width: 1700px) {
	html { 
	  font-size: 22px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:103px;
	}	
	.tablewidthcontrolresumen{
		width: 130px;
	}
	.tablewidthceldacontrol{
		width: 88px;
	}
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 41px;
		height: 29px;
		line-height: 29px;
	}		
}

/* Valores para resoluciones hasta 1500 */
@media (max-width: 1500px) {
	html { 
	  font-size: 21px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:95px;
	}
	.tablewidthcontrolresumen{
		width: 127px;
	}
	.tablewidthceldacontrol{
		width: 80px;
	}	
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 40px;
		height: 29px;
		line-height: 29px;
	}	
}

/* Valores para resoluciones hasta 1366 */
@media (max-width: 1366px) {
	html { 
	  font-size: 20px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:90px;
	}
	.tablewidthcontrolresumen{
		width: 125px;
	}
	.tablewidthceldacontrol{
		width: 75px;
	}
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 38px;
		height: 27px;
		line-height: 27px;
	}		
}

/* Valores para resoluciones hasta 1280 */
@media (max-width: 1280px) {
	html { 
	  font-size: 18px; 
	}
	.tableprincipal
	{
		width: 95%;
	}
	.lineahorizontaltodapantalla
	{
		width: 95%;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:80px;
	}
	.tablewidthcontrolresumen{
		width: 125px;
	}
	.tablewidthceldacontrol{
		width: 68px;
	}
	.vcss_cajanumero
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 35px;
		height: 27px;
		line-height: 27px;
	}		
}



/* Valores para resoluciones hasta 1152 */
@media (max-width: 1152px) {
	html { 
	  font-size: 16px; 
	}
	.tableprincipal
	{
		width: 975px;
	}
	.lineahorizontaltodapantalla
	{
		width: 975px;	
	}	
	.enlacemenup,.enlacemenupoff,.enlacemenupamarillo,.enlacemenur,.enlacemenursuper {
		width:73px;
	}
	.tablewidthcontrolresumen{
		width: 100px;
	}
	.tablewidthceldacontrol{
		width: 60px;
	}
	.vcss_cajanumero 
	{
		font-family: Arial, Helvetica, sans-serif;
		font-weight : bold;	
		border-color: #000000;
		-moz-border-radius: 10px 10px 10px 10px;
		-webkit-border-radius: 10px 10px 10px 10px;
		border-radius: 10px 10px 10px 10px;
		border-width:1px;
		border-style:solid;	
		width: 35px;
		height: 24px;
		line-height: 24px;
	}	
}

/*===========================================================================================
 Estilos NO afectados por Responsive
=============================================================================================*/
.iconossuperiores {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
.celdadetallemeta_numero_tv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	/* text-transform: capitalize; */
	color:#000000;
}
.celdadetallemeta_tv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* text-transform: capitalize; */
	color:#000000;
}
.celdadetallemetatiempo_tv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	/* text-transform: capitalize; */
	font-weight : bold;
	color:#000000;
}
.celdadetallemeta_mejorasutpo_tv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	/* text-transform: capitalize; */
	color:#000000;
}
.celdadetallemetatitular_tv {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight : bold;
	/* text-transform: capitalize; */
	color:#000000;
}
.celdadetallemetareloj_tv {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight : bold;
	/* text-transform: capitalize; */
	color:#000000;
}
.textoparpadeanteesttctv {
  font-size:18px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight:bold;
  /*color:#71d90b;*/
  color:#FF0000;
  /* text-transform:uppercase; */
}
.tablaceldafaldontv {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight : bold;
	color:#000000;	
	border-color: #000000;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;	
	border-radius: 10px 10px 10px 10px;
	border-width:2px;
	border-style:solid;	
}

/*===========================================================================================
 Estilos AFECTADOS por Responsive
=============================================================================================*/

.filaenlacetramo a:link, .filaenlacetramo a:active, .filaenlacetramo a:visited {
	display: block;
	/* max-height: 18px;
	height: 18px; */
	text-decoration: none;
	/* font-size: x-small;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	color:#000000;	
}
.filaenlacetramo a:hover {
    /*	background-color: #CCCCCC; 
	max-height: 15px;
	height: 15px;
    border: 1px solid #000000;*/
	text-decoration: none;
	/* font-size: x-small; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	color:#000000;	
}
.celdapadvertical_5
{
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px
}
.scratchtramo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	color:#000000;
}
.titulardehora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight : bold;
	color:#000000;
}
.hora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0625rem;
	font-weight : bold;
	color:#0000ff;
}
.celdaseccion {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.875rem;
	font-weight : bold;
	color:#000000;
}
.noticiahora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.noticiatitulo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.noticiatexto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.noticiaenlace {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#0000ff;
}
.ultnoticiahora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000
}
.ultnoticiatexto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.estadoconexion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight : bold;
	color:#000000;
}
.titulardetramo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	font-weight : bold;
	color:#000000;
}
.combodetramo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color:#FF0000;
}
.estadodetramo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	/* font-weight : bold; */
	color:#000000;
}
.titularesdefiltro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.combosdefiltro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.celdacabecera1 {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.celdacabecera2 {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.celdacabecera1general {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.celdacabecera2general {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.celdacabeceraultnoticias {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.6875rem;
	font-weight : bold;
	color:#000000;
}
.celdacabeceradetallemeta1 {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.6875rem;
	font-weight : bold;
	color:#000000;
}
.celdacabeceradetallemeta2 {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.6875rem;
	font-weight : bold;
	color:#000000;
}
.tablaceldaparpistares a:link, .tablaceldaparpista a:active, .tablaceldaparpista a:visited {
	display: block ;
	/* max-height: 18px;
	height: 18px; */
	text-decoration: none;
	/* font-size: x-small;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight : bold;
	color:#000000;	
}

.tablaceldaparpistares {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight : bold;
	color:#000000;	
}

.tablaceldaparpista a:link, .tablaceldaparpista a:active, .tablaceldaparpista a:visited {
	display: block ;
	/* max-height: 18px;
	height: 18px; */
	text-decoration: none;
	/* font-size: x-small;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight : bold;
	color:#000000;	
}

.tablaceldaparpista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	font-weight : bold;
	color:#000000;	
	border-color: #000000;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	border-width:2px;
	border-style:solid;	
}

.enlacemenup {
	text-align:center; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;	
	font-size: 0.75rem;
	font-weight : bold;
	display: inline-block;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  
	-webkit-box-shadow: 3px 3px 3px #000;
	-moz-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
	color: #000000;
	background-color: #67CDF1;
	border: solid #000000 2px;
	text-decoration: none;	
}

.enlacemenup:link, .enlacemenup:active, .enlacemenup:visited {
    background-color: #67CDF1;
    text-decoration: none;
    color: #000000;
    box-shadow: 3px 3px 3px #000;
}

.enlacemenup:hover {
  background-color: #C6EEFD;
  text-decoration: none;
  box-shadow: 1px 1px 3px #000;
}

.enlacemenupoff {
	text-align:center; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;
	font-size: 0.75rem;
	font-weight : bold;
	display: inline-block;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  
	-webkit-box-shadow: 3px 3px 3px #000;
	-moz-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
	color: #000000;
	background-color: #3F6476;
	border: solid #000000 2px;
	text-decoration: none;	
}

.enlacemenupoff:link, .enlacemenupoff:active, .enlacemenupoff:visited {
    background-color: #3F6476;
    text-decoration: none;
    color: #000000;
    box-shadow: 3px 3px 3px #000;
}

.enlacemenupoff:hover {
  background-color: #65A2C0;
  text-decoration: none;
  box-shadow: 1px 1px 3px #000;
}

.enlacemenupamarillo {
	text-align:center; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;	
	font-size: 0.75rem;
	font-weight : bold;
	display: inline-block;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  
	-webkit-box-shadow: 3px 3px 3px #000;
	-moz-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
	color: #000000;
	background-color: #E0E685;
	border: solid #000000 2px;
	text-decoration: none;	
}

.enlacemenupamarillo:link, .enlacemenupamarillo:active, .enlacemenupamarillo:visited {
    background-color: #E0E685;
    text-decoration: none;
    color: #000000;
    box-shadow: 3px 3px 3px #000;
}

.enlacemenupamarillo:hover {
  background-color: #F7FCB1;
  text-decoration: none;
  box-shadow: 1px 1px 3px #000;
}

.enlacemenur {
	text-align:center; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;	
	font-size: 0.75rem;
	font-weight : bold;
	display: inline-block;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  
	-webkit-box-shadow: 3px 3px 3px #000;
	-moz-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
	color: #000000;
	background-color: #F66378;
	border: solid #000000 2px;
	text-decoration: none;	
}

.enlacemenur:link, .enlacemenur:active, .enlacemenur:visited {
    background-color: #F66378;
    text-decoration: none;
    color: #000000;
    box-shadow: 3px 3px 3px #000;
}

.enlacemenur:hover {
  background-color: #FCB1BC;
  text-decoration: none;
  box-shadow: 1px 1px 3px #000;
}

.icononovedad {
	background-image: url("./logos/NuevoAnimado.gif");
	background-repeat: no-repeat;	
}

.enlacemenursuper {
	text-align:center; 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:2px;
	padding-bottom:2px;	
	font-size: 0.75rem;
	font-weight : bold;
	display: inline-block;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;  
	-webkit-box-shadow: 3px 3px 3px #000;
	-moz-box-shadow: 3px 3px 3px #000;
	box-shadow: 3px 3px 3px #000;
	color: #000000;
	background-color: #F6F163;
	border: solid #000000 2px;
	text-decoration: none;	
}

.enlacemenursuper:link, .enlacemenursuper:active, .enlacemenursuper:visited {
    background-color: #F6F163;
    text-decoration: none;
    color: #000000;
    box-shadow: 3px 3px 3px #000;
}

.enlacemenursuper:hover {
  background-color: #FCFAAE;
  text-decoration: none;
  box-shadow: 1px 1px 3px #000;
}

.tsalidaparticipanteparpista{
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.625rem;
	
}

.celdadatostc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	/* text-transform: capitalize; */
	color:#000000;
}
.celdadetallemeta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6875rem;
	/* text-transform: capitalize; */
	color:#000000;
}
.celdadetallemetatiempo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	/* text-transform: capitalize; */
	font-weight : bold;
	color:#000000;
}
.celdadatospos {
	font-family: "Times New Roman", Times, serif;;
	font-size: 1rem;
	font-weight : bold;
	color:#000000;	
}
.celdadatoscambioposgen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	font-weight : bold;
	color:#000000;	
}
.celdadatosgen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	/* text-transform: capitalize; */
	color:#000000;	
}
.celdadatosgenrestcsuma {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	text-decoration:underline;
	/* font-weight:bold; */ 
	/* text-transform: capitalize; */
    background-color: #5981EF; /* Puedes usar cualquier color */
    padding: 2px 4px;         /* Opcional: da un poco de espacio alrededor */
    border-radius: 4px;       /* Opcional: redondea las esquinas */	
	color:white;	
}
.celdadatostiempogen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8125rem;
	font-weight : bold; 
	/* text-transform: capitalize; */
	color:#000000;	
}
.celdadatosposgen {
	font-family: "Times New Roman", Times, serif;;
	font-size: 1rem;
	font-weight : bold;
	color:#000000;	
}
.celdaretiradogen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.celdasuceso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	color:#000000;
}
.celdaretirado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	color:#000000;
}
.titularretirados {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight : bold;
	color:#000000;
}
.titularpenal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight : bold;
	color:#000000;
}
.celdaparticipante {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.titularparticipantes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight : bold;
	color:#000000;
}
.titularsuperrallye {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight : bold;
	color:#000000;
}
/*---------- bubble tooltip -----------*/
div.tooltiparea{
    position:relative;
    z-index:24;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
}
div.tooltiparea span.tooltip { display: none; }
/*div.tooltiparea span.tooltiptop { display: none; }
div.tooltiparea span.tooltipmiddle { display: none; }
div.tooltiparea span.tooltipbottom { display: none; }
*/
/*background:; ie hack, something must be changed in a for ie to execute it*/
div.tooltiparea:hover{ z-index:25; color: #aaaaff; background:;}
div.tooltiparea:hover span.tooltip{
    display:block;
    position:absolute;
    top:20px; left:0;
	padding: 15px 0 0 0;
	width:200px;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
    
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px; /* NO usamos tamaño responsive porque tenemos un tamaño de bocadillo fijo */
	color:#000000;
}
div.tooltiparea:hover span.tooltiptop{
	display: block;
	padding: 30px 8px 0;
    background: url(logos/bubble.gif) no-repeat top;
}
div.tooltiparea:hover span.tooltipmiddle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(logos/bubble_filler.gif) repeat bottom; 
}
div.tooltiparea:hover span.tooltipbottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(logos/bubble.gif) no-repeat bottom;
}
/* Estilos para mensajes */
.msrecibidonomarcado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    font-weight : bold; 
	color:#ff3232;
}
.msrecibidomarcado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    /*font-weight : bold;*/
	color:#000000;
}
.msenviadonomarcado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    font-weight : bold;
	color:#ff3232;
}
.msenviadomarcado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    /* 	font-weight : bold; */
	color:#000000;
}
/* Estilos para formulario de mensajes */
.msformulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    font-weight : bold;
	color:#000000;
}
/* Estilos para formualario de enviar mensajes */
.mensajesformulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    font-weight : bold;
	color:#000000;
}
/* Estilos para formualario de datos remotos */
.drformulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    font-weight : bold;
	color:#000000;
}
/* Estilos para formualario de inserción de cronos */
.drformularioinscronos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
    font-weight : bold;
	color:#000000;
}
/* Estilos para formulario de usuarios */
.userformulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    font-weight : bold;
	color:#000000;
}
/* Estilo para piramide */
.tablaemparejpiramide {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	/*font-weight : bold; */
	color:#000000;		
}
.tablaemparejpiradestacado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;		
}

/* descripción de enfrentamiento en pirámide para entorno escritorio */
.desc_piraenfrent {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.25rem;
	color: #F00;
}

/* Nombre de participante sin copiloto en enfrentamiento de pirámide para entorno escritorio */
.partisincopi_piraenfrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.25rem;
	font-weight: bold;
	color:#000000;
}

/* Nombre de participante con copiloto en enfrentamiento de pirámide para entorno escritorio */
.particoncopi_piraenfrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9375rem;
	font-weight: bold;
	color:#000000;
}

/* Vehículo en enfrentamiento de pirámide para entorno escritorio */
.vehiculo_piraenfrent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight: bold;
	color:#000000;
}

/* Numero de victorias en enfrentamiento de pirámide para entorno escritorio */
.victorias_piraenfrent {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.125rem;
	text-align: center;
	color:#000000;
}

/* Tiempo en enfrentamiento de pirámide para entorno escritorio */
.tiempo_piraenfrent {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1rem;
	text-align: center;
	color:#000000;
}

/* Estilos para Mostrar Infosubtc en contram*/
.infosubtc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}

/* Estilos para COA y Control Stop */
.celdastopnumero {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4.6875rem;
	/* text-transform: capitalize; */
	font-weight : bold;
	color:#000000;
}
.celdastopmeta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1875rem;
	/* text-transform: capitalize; */
	font-weight : bold;
	color:#000000;	
}
.celdastoptiempo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 4.6875rem;
	/* text-transform: capitalize; */
	font-weight : bold;
	text-decoration:underline;
	color:#000000;
}
.celdastoppos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1875rem;
	/* text-transform: capitalize; */
	font-weight : bold;
	color:#000000;
}
.celdadatoscoa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	/* text-transform: capitalize; */
	color:#000000;
}
.titularresumen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5rem;
	font-weight : bold;
	color:#000000;
}
.AvsBvsC {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.AvsBvsCtpos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.875rem;
	color:#000000;
}
.tablatpos {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.tabavisoscabeceras {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	font-weight : bold;
	color:#000000;
	text-decoration: underline;
}
.tabavisosenlaces {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color:#000000;
}
.tabavisosdescripcion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	font-weight : bold;
	color:#000000;
}
.tabavisoscabecerassolosupervisor {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.125rem;
	font-weight : bold;
	color:#E7E61C;
	text-decoration: underline;
}
.tiemposintermediosparpista{
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.625rem;
	
}
.tiemposintermedios{
	font-family: "Times New Roman", Times, serif;
	font-size: 0.625rem;
	color:#000000;
	font-weight : bold;
}
.texto_penalizacion{
	font-family: "Times New Roman", Times, serif;
	font-size: 0.6875rem;
	font-weight:normal;
	
}
.boton {
    padding:3px 15px; 
    background:#67CDF1; 
    border: 1px solid black;
    cursor:pointer;
	font-size: 0.8125rem;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    outline: none;
    box-shadow: 4px 4px #999;
}
.boton:hover {background-color: #C6EEFD}
.boton:active {
  background-color: #C6EEFD;
  box-shadow: 0 0 #666;
  transform: translate(4px,4px);
}

/* Texto mensaje recordatorio a superviosr online_off*/
.vcss_textorecordatorioonline_off {
  font-size:2rem;
  font-family:helvetica;
  font-weight:bold;
  color:#0000FF;
  /* text-transform:uppercase; */
}

/* Texto parpadeante estado tramos*/
.textoparpadeanteesttc {
  font-size:1rem;
  font-family:helvetica;
  font-weight:bold;
  /*color:#71d90b;*/
  color:#FF0000;
  /* text-transform:uppercase; */
}

.cssparpadeaesttc {
  
  animation-name: parpadeo;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:parpadeo;
  -webkit-animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

/* Texto mensaje de filtro*/
.textomensajefiltro {
  font-size:1rem;
  font-family:helvetica;
  font-weight:bold;
  /*color:#71d90b;*/
  color:#0000b7;
  /* text-transform:uppercase; */
}

/* Texto de la leyenda en participantes y resultados */
.leyendapartyres {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	font-weight:noraml;
	text-decoration: none;
	color:#000000;
}
/* Estilo para el dialogo datos del vehiculo */
.ui-dialog.dialog_DatosVehiculo {
	background:#FFFFFF;
	color:#000000;
}

.vmrmoculto {
	display:none;
}
/* Iconos a sobreponer en concontrolphp */
.iconocerca {
	background-image: url("./logos/control/metacoa_cerca.gif");
  	background-repeat: no-repeat;		
}
.iconoadelantoo {
	background-image: url("./logos/control/adelanto.gif");
  	background-repeat: no-repeat;	
}
.iconocercayadelantoo {
	background-image: url("./logos/control/metacoacerca_adelanto.gif");
	background-repeat: no-repeat;	
}

.input_subirarchivos  {
	display: none;
}

/* Estilizar el botón para cargar el archivo */
.label_subirarchivos {
	background-color: #3498db;
	color: #fff;
	padding: 5px 10px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
}

.celdadatosresumen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	/* text-transform: capitalize; */
	font-weight : bold;
	color:#000000;
}
.celdadatosresumendetalle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	/* text-transform: capitalize; */
	font-weight : normal;
	color:#000000;
}

@-moz-keyframes parpadeo{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes parpadeo {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes parpadeo {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

body {
  background: url('./logos/fondo/fondo.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;		
}

/* override styles when printing */
/* quitamos la imagen de fondo al imprimir */
@media print {
  body {
  background: url('') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;	  
  }
}
  /* Estilos para regularidad */
/* estilos.css */
.regularidad-tabla-rally {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 0.65rem; /* 13px; */
    width: 100%;            /* ocupa el 100% del contenedor */
    table-layout: auto;     /* columnas se ajustan al contenido */
    min-width: 100%;      /* al menos el ancho del contenedor */
    border-collapse: collapse;    
}

.regularidad-tabla-rally th,
.regularidad-tabla-rally td {
    border: 1px solid #ccc;
    padding: 6px 8px;
    text-align: center;
}

.regularidad-tabla-rally thead {
    background: #bbbbbb; /* #333; */
    color: #000000; /* #fff;    */
}

.regularidad-tabla-rally tbody tr:nth-child(even) {
    background: #bff2f0; /* #cbc9c9; */
}

.regularidad-tabla-rally tbody tr:nth-child(odd) {
    background: #dbf4f4;  /* #f5f5f5;	*/
	
}

.regularidad-tabla-rally tbody tr:hover td {
    border-top: 3px solid #000000;   /* borde superior resaltado */
    border-bottom: 3px solid #000000; /* borde inferior resaltado */
}

.regularidad-tabla-rally-tramos {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 0.65rem; /* 13px; */
    width: 100%;            /* ocupa el 100% del contenedor */
    table-layout: auto;     /* columnas se ajustan al contenido */
    min-width: 100%;      /* al menos el ancho del contenedor */
    border-collapse: collapse;    
}

.regularidad-tabla-rally-tramos th,
.regularidad-tabla-rally-tramos td {
    border: 1px solid #ccc;
    padding: 6px 8px;
    text-align: center;
}

.regularidad-tabla-rally-tramos thead {
    background: #bbbbbb; /* #333; */
    color: #000000; /* #fff;    */
}

.regularidad-tabla-rally-tramos tbody tr:nth-child(even) {
    background: #f1e3bb; /* #cbc9c9; */
}

.regularidad-tabla-rally-tramos tbody tr:nth-child(odd) {
    background: #f6e9d5; /* #f5f5f5;	*/
	
}

.regularidad-tabla-rally-tramos tbody tr:hover td {
    border-top: 3px solid #000000;   /* borde superior resaltado */
    border-bottom: 3px solid #000000; /* borde inferior resaltado */
}

.regularidad-tabla-rally-infoequipos {
    border-collapse: collapse;
    font-family: Arial, sans-serif;
    font-size: 0.65rem; /* 13px; */
    width: 100%;            /* ocupa el 100% del contenedor */
    table-layout: auto;     /* columnas se ajustan al contenido */
    min-width: 100%;      /* al menos el ancho del contenedor */
    border-collapse: collapse;    
}

.regularidad-tabla-rally-infoequipos th,
.regularidad-tabla-rally-infoequipos td {
    border: 1px solid #ccc;
    padding: 6px 8px;
    text-align: center;
}

.regularidad-tabla-rally-infoequipos thead {
    background: #bbbbbb; /* #333; */
    color: #000000; /* #fff;    */
}

.regularidad-tabla-rally-infoequipos tbody tr:nth-child(even) {
    background: #e6f9cc; /* #cbc9c9; */
}

.regularidad-tabla-rally-infoequipos tbody tr:nth-child(odd) {
    background: #eef7e2; /* #f5f5f5;	*/
	
}

.regularidad-tabla-rally-infoequipos tbody tr:hover td {
    border-top: 3px solid #000000;   /* borde superior resaltado */
    border-bottom: 3px solid #000000; /* borde inferior resaltado */
}

.regularidad-tabla-rally-infoequipos-cabecera {
    color: #000000; /* #fff;    */
    font-family: Arial, sans-serif;
    font-size: 0.65rem; /* 13px; */
	text-align: center;	
	font-weight: bold;
}

.regularidad-tabla-wrapper {
    width: 95%; /* width: 100%; */
    max-width: 100vw;     /* nunca más ancho que la pantalla */
    overflow-x: auto;     /* scroll horizontal si hace falta */
    overflow-y: visible;  /* SIN scroll vertical */
}

.regularidad-filters-bar {
    display: flex;
    justify-content: center; /* centrado horizontal */
    align-items: center;     /* centrado vertical */
    gap: 10px;               /* separación entre botones */
}

.regularidad-filter-group {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.regularidad-filter-group label {
    font-size: 0.55rem; /* 	14px; */
    margin-bottom: 4px;
    color: #444;
    text-align: center;
    font-weight: bold;
}

.regularidad-filter-group select {
    padding: 6px 10px;
    font-size: 0.65rem; /* 16px; */
    border-radius: 4px;
    min-width: 160px;

    background-color: #007bff; /* azul */
    color: #ffffff;            /* letras blancas */
    border: 1px solid #0056b3;
    font-weight: bold;    
}

.regularidad-filter-group button {
    padding: 6px 10px;
    font-size: 0.65rem; /* 16px; */
    border-radius: 4px;
    min-width: 160px;

    background-color: #007bff; /* azul */
    color: #ffffff;            /* letras blancas */
    border: 1px solid #0056b3;
    font-weight: bold;    
}

.regularidad-filter-group button:hover {
	cursor: pointer;   
}

.regularidad-celda-yellow {
    background-color: yellow;
}

.regularidad-celda-green {
    background-color: lightgreen;
}

.regularidad-celda-red {
    background-color: #fab0b6;
}

#regularidad-overlay-loader {
    position: fixed;
    inset: 0;
    background: rgba(255,255,255,0.7);
    display: none;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 9999;
    /* Esto permite que los clicks pasen al contenido de abajo */
    pointer-events: none;	
}

.regularidad-spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #ccc;
    border-top: 5px solid #007bff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

.regularidad-texto-espera {
    margin-top: 10px;
    font-weight: 600;
    color: #333;
}