/*
		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 (2400) */
html { 
  font-size: 37px; 
}
.tablewidthcontrolresumen{
	width:210px;
}
.tablewidthceldacontrol{
	width: 165px;
}
.imgheighticonosmenup{
	height:92px;
}
.width_escudocabecera{
	width:310px;
}
.MOVILvcss_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;
	display:inline-block;	
}

/* Valores para resoluciones hasta 2400 */
@media (max-width: 2400px) {
	html { 
	  font-size: 36px; 
	}
	.tablewidthcontrolresumen{
		width:200px;
	}
	.tablewidthceldacontrol{
		width: 160px;
	}	
	.imgheighticonosmenup{
		height:90px;
	}
	.width_escudocabecera{
		width:300px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 2300 */
@media (max-width: 2300px) {
	html { 
	  font-size: 35px; 
	}
	.tablewidthcontrolresumen{
		width:195px;
	}
	.tablewidthceldacontrol{
		width: 155px;
	}	
	.imgheighticonosmenup{
		height:87px;
	}
	.width_escudocabecera{
		width:290px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 2200 */
@media (max-width: 2200px) {
	html { 
	  font-size: 34px; 
	}
	.tablewidthcontrolresumen{
		width:190px;
	}
	.tablewidthceldacontrol{
		width: 150px;
	}	
	.imgheighticonosmenup{
		height:85px;
	}
	.width_escudocabecera{
		width:280px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 2100 */
@media (max-width: 2100px) {
	html { 
	  font-size: 33px; 
	}
	.tablewidthcontrolresumen{
		width:185px;
	}
	.tablewidthceldacontrol{
		width: 145px;
	}	
	.imgheighticonosmenup{
		height:82px;
	}
	.width_escudocabecera{
		width:270px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 2000 */
@media (max-width: 2000px) {
	html { 
	  font-size: 32px; 
	}
	.tablewidthcontrolresumen{
		width:180px;
	}
	.tablewidthceldacontrol{
		width: 140px;
	}	
	.imgheighticonosmenup{
		height:80px;
	}
	.width_escudocabecera{
		width:260px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 1900 */
@media (max-width: 1900px) {
	html { 
	  font-size: 31px; 
	}
	.tablewidthcontrolresumen{
		width:175px;
	}
	.tablewidthceldacontrol{
		width: 135px;
	}	
	.imgheighticonosmenup{
		height:77px;
	}
	.width_escudocabecera{
		width:250px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 1800 */
@media (max-width: 1800px) {
	html { 
	  font-size: 30px; 
	}
	.tablewidthcontrolresumen{
		width:170px;
	}
	.tablewidthceldacontrol{
		width: 130px;
	}	
	.imgheighticonosmenup{
		height:75px;
	}
	.width_escudocabecera{
		width:240px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 1700 */
@media (max-width: 1700px) {
	html { 
	  font-size: 29px; 
	}
	.tablewidthcontrolresumen{
		width:165px;
	}
	.tablewidthceldacontrol{
		width: 125px;
	}	
	.imgheighticonosmenup{
		height:72px;
	}
	.width_escudocabecera{
		width:230px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 1600 */
@media (max-width: 1600px) {
	html { 
	  font-size: 28px; 
	}
	.tablewidthcontrolresumen{
		width:160px;
	}
	.tablewidthceldacontrol{
		width: 120px;
	}	
	.imgheighticonosmenup{
		height:70px;
	}
	.width_escudocabecera{
		width:220px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 1500 */
@media (max-width: 1500px) {
	html { 
	  font-size: 27px; 
	}
	.tablewidthcontrolresumen{
		width:155px;
	}
	.tablewidthceldacontrol{
		width: 115px;
	}	
	.imgheighticonosmenup{
		height:67px;
	}
	.width_escudocabecera{
		width:210px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
} 

/* Valores para resoluciones hasta 1400 */
@media (max-width: 1400px) {
	html { 
	  font-size: 26px; 
	}
	.tablewidthcontrolresumen{
		width:150px;
	}
	.tablewidthceldacontrol{
		width: 110px;
	}	
	.imgheighticonosmenup{
		height:65px;
	}
	.width_escudocabecera{
		width:200px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}		
} 

/* Valores para resoluciones hasta 1300 */
@media (max-width: 1300px) {
	html { 
	  font-size: 25px; 
	}
	.tablewidthcontrolresumen{
		width:145px;
	}
	.tablewidthceldacontrol{
		width: 105px;
	}	
	.imgheighticonosmenup{
		height:62px;
	}
	.width_escudocabecera{
		width:190px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
} 

/* Valores para resoluciones hasta 1200 */
@media (max-width: 1200px) {
	html { 
	  font-size: 24px; 
	}
	.tablewidthcontrolresumen{
		width:140px;
	}
	.tablewidthceldacontrol{
		width: 100px;
	}	
	.imgheighticonosmenup{
		height:60px;
	}
	.width_escudocabecera{
		width:180px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
} 

/* Valores para resoluciones hasta 1100 */
@media (max-width: 1100px) {
	html { 
	  font-size: 23px; 
	}
	.tablewidthcontrolresumen{
		width:135px;
	}
	.tablewidthceldacontrol{
		width: 95px;
	}	
	.imgheighticonosmenup{
		height:57px;
	}
	.width_escudocabecera{
		width:170px;
	}
	.MOVILvcss_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;
		display:inline-block;
	}	
} 

/* Valores para resoluciones hasta 1000 */
@media (max-width: 1000px) {
	html { 
	  font-size: 22px; 
	}
	.tablewidthcontrolresumen{
		width:130px;
	}
	.tablewidthceldacontrol{
		width: 90px;
	}	
	.imgheighticonosmenup{
		height:55px;
	}
	.width_escudocabecera{
		width:160px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
} 

/* Valores para resoluciones hasta 900 */
@media (max-width: 900px) {
	html { 
	  font-size: 21px; 
	}
	.tablewidthcontrolresumen{
		width:125px;
	}
	.tablewidthceldacontrol{
		width: 85px;
	}	
	.imgheighticonosmenup{
		height:52px;
	}
	.width_escudocabecera{
		width:150px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 800 */
@media (max-width: 800px) {
	html { 
	  font-size: 20px; 
	}
	.tablewidthcontrolresumen{
		width:120px;
	}
	.tablewidthceldacontrol{
		width: 80px;
	}	
	.imgheighticonosmenup{
		height:50px;
	}
	.width_escudocabecera{
		width:140px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
} 

/* Valores para resoluciones hasta 700 */
@media (max-width: 700px) {
	html { 
	  font-size: 19px; 
	}
	.tablewidthcontrolresumen{
		width:115px;
	}
	.tablewidthceldacontrol{
		width: 80px;
	}	
	.imgheighticonosmenup{
		height:47px;
	}
	.width_escudocabecera{
		width:130px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

/* Valores para resoluciones hasta 600 */
@media (max-width: 600px) {
	html { 
	  font-size: 18px; 
	}
	.tablewidthcontrolresumen{
		width:110px;
	}
	.tablewidthceldacontrol{
		width: 80px;
	}	
	.imgheighticonosmenup{
		height:45px;
	}
	.width_escudocabecera{
		width:120px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
    .MOVILpopup_infoparticipante {
        width: 95%; /* Ocupa más espacio en móviles */
    }	
}

/* Valores para resoluciones hasta 500 */
@media (max-width: 500px) {
	html { 
	  font-size: 17px; 
	}
	.tablewidthcontrolresumen{
		width:105px;
	}
	.tablewidthceldacontrol{
		width: 80px;
	}	
	.imgheighticonosmenup{
		height:40px;
	}
	.width_escudocabecera{
		width:110px;
	}	
	.MOVILvcss_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;
		display:inline-block;	
	}	
}
/* Valores para resoluciones hasta 400 */
@media (max-width: 400px) {
	html { 
	  font-size: 16px; 
	}
	.imgheighticonosmenup{
		height:37px;
	}
	.tablewidthcontrolresumen{
		width:100px;
	}
	.tablewidthceldacontrol{
		width: 80px;
	}	
	.width_escudocabecera{
		width:100px;
	}
	.MOVILvcss_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;
		display:inline-block;	
	}	
}

.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.75rem;
	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.75rem;
	color:#000000;	
}
.celdapadvertical_5
{
	vertical-align:middle;
	padding-top:5px;
	padding-bottom:5px
}
.titulardehora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.hora {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#0000ff;
}
.celdaseccion {
	font-family: "Times New Roman", Times, serif;;
	font-size: 0.75rem;
	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.75rem;
	font-weight : bold;
	color:#000000;
}
.titulardetramo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	font-weight : bold;
	color:#000000;
}
.combodetramo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#FF0000;
}
.estadodetramo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	/* font-weight : bold; */
	color:#000000;
}
.titularesdefiltro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	font-weight : bold;
	color:#000000;
}
.combosdefiltro {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	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;			
}

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

.celdadatostc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem; 
	/* text-transform: capitalize; */
	color:#000000;
}
.MOVILceldadatostcnumgrcatcl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem; 
	/* text-transform: capitalize; */
	color:#000000;
	text-align: center;
}
.MOVILceldadetallemetanumero {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6875rem;
	/* text-transform: capitalize; */
	color:#000000;
	text-align: center;
}
.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;	
}
.MOVILceldadatosgennumgrcatcl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem; 
	/* text-transform: capitalize; */
	color:#000000;	
	text-align: center;
}
.celdadatosgenrestcsuma {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	text-decoration:underline;
	/* font-weight:bold; */
	/* text-transform: capitalize; */
	color:#000000;	
}
.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;
}
.MOVILceldaretiradogennum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
	text-align: center;
}
.celdasuceso {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.MOVILceldasucesonum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
	text-align: center;
}
.celdaretirado {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
}
.celdaretiradonum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
	text-align: center;
}
.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;
}
.celdaparticipantenumgrcatcl {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
	color:#000000;
	text-align: center;
}
.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: 0.625rem;
	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 datos remotos */
.drformulario {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75rem;
    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;		
}

/* Estilos para El texto que nos advierte de la detección de entorno móvil */
.Moviladvenrtenciaentorno {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.6875rem;
	font-weight : bold;
	color:#000000;
}

/* Estilo para el texto de subgrupos en resultados de movil */
.MOVILdatossubgrupo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5rem; 
	/* text-transform: capitalize; */
	color:#000000;
}

/* Estilo para el Titular de la cabecera de pagina de movil*/
.MOVILtitularpagina {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	font-weight : bold;
	color:#000000;
}

/* Estilo para el texto de Vehiculo en resultados de movil */
.MOVILdatosvehiculo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5rem; 
	/* text-transform: capitalize; */
	color:#000000;
}

/* descripción de enfrentamiento en pirámide para entorno móvil */
.MOVILdesc_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 móvil */
.MOVILpartisincopi_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 móvil */
.MOVILparticoncopi_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 móvil */
.MOVILvehiculo_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 móvil */
.MOVILvictorias_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 móvil */
.MOVILtiempo_piraenfrent {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.75rem;
	text-align: center;
	color:#000000;
}

/* Titular de la clasificacion final de pirámide para entorno móvil */
.MOVILtitular_pirafinal {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 1.25rem;
	color: #F00;
}

/* Nombre de participantes y vehículo de pirámide en Final para entorno móvil */
.MOVILparti_pirafinal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9375rem;
	font-weight: bold;
	color:#000000;
}

/* Estilos para Tablón de avisos*/
.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: 0.875rem;
	font-weight : bold;
	color:#000000;
}
.tabavisosdescripcion {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625rem;
	font-weight : bold;
	color:#000000;
}
.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;
	
}
/* 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:0.75rem;
  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;
}

/* Contenedor del pop-up (capa semitransparente) informativo de datos de participantes */
.MOVILpopup-container_infoparticipante {
    position: fixed; /* Fija la posición en la ventana */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* Fondo semitransparente */
    display: none; /* Oculta el pop-up por defecto */
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Asegura que esté por encima de otros elementos */
}

/* Contenedor del pop-up (la caja de contenido) informativo de datos de participantes */
.MOVILpopup_infoparticipante {
    background: white;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    position: relative;
    
    /* Reglas de tamaño máximo */
    max-width: 90%; 
    max-height: 90vh; /* 90% del viewport (área visible de la ventana) */
    width: 600px;
}

/* Contenedor del contenido (donde irán las barras de desplazamiento) informativo de datos de participantes */
.MOVILpopup-content_infoparticipante {
    /* Establece un tamaño máximo para que el contenido pueda desbordar */
    max-height: calc(90vh - 100px); /* 90% del viewport menos el espacio para el padding, etc. */
    overflow-y: auto; /* Muestra una barra de desplazamiento vertical si es necesario */
}	

/* Botón de cerrar el popup informativo de datos de participantes*/
.MOVILclose-btn_infoparticipante {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 24px;
    border: none;
    background: transparent;
    cursor: pointer;
}

@-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;	  
  }
}

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

  /* 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.50rem; /* 	14px; */
    margin-bottom: 4px;
    color: #444;
    text-align: center;
    font-weight: bold;
}

.regularidad-filter-group select {
    padding: 4px 4px;
    font-size: 0.50rem; /* 16px; */
    border-radius: 4px;


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

.regularidad-filter-group button {
    padding: 4px 4px;
    font-size: 0.50rem; /* 16px; */
    border-radius: 4px;

    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;
}