.boton-aceptar {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 100px;
	height: 30px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.aceptar-over {
	background: rgb(28, 184, 65);
}

.aceptar-over:hover {
    background-color: #404040;
}

.aceptar-over:disabled {
    background-color: #DDDDDD;
}

.aceptar-over:active {
    background-color: #003366;
}

.boton-aceptar-pda {
	border: none;
	font-family: Tahoma;
	font-size: 12pt;
	width: 95px;
	height: 34px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.aceptar-over-pda {
	background: rgb(28, 184, 65);
}

.aceptar-over-pda:hover {
    background-color: #404040;
}

.boton-agregar {
	border: none;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	width: 100px;
	height: 30px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.agregar-over {
	background: rgb(255, 128, 64);
}

.agregar-over:hover {
    background-color: #404040;
}

.agregar-over:disabled {
    background-color: #DDDDDD;
}

.agregar-over:active {
    background-color: #003366;
}

.boton-agregar2 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 45px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.agregar2-over {
	background: rgb(255, 128, 64);
}

.agregar2-over:hover {
    background-color: #404040;
}

.agregar2-over:disabled {
    background-color: #DDDDDD;
}

.agregar2-over:active {
    background-color: #003366;
}

.boton-alerta2 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 95px;
	height: 24px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.alerta2-over {
	background: rgb(98, 98, 255);
}

.alerta2-over:hover {
    background-color: #404040;
}

.alerta2-over:disabled {
    background-color: #DDDDDD;
}

.alerta2-over:active {
    background-color: #003366;
}

.boton-alerta3 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 95px;
	height: 24px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.alerta3-over {
	background: rgb(102, 0, 102);
}

.alerta3-over:hover {
    background-color: #404040;
}

.alerta3-over:disabled {
    background-color: #DDDDDD;
}

.alerta3-over:active {
    background-color: #003366;
}

.boton-cerrar {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 100px;
	height: 30px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.cerrar-over {
	background: rgb(202, 60, 60); 
}

.cerrar-over:hover {
    background-color: #404040;
}

.cerrar-over:disabled {
    background-color: #DDDDDD;
}

.cerrar-over:active {
    background-color: #003366;
}

.boton-cerrar-pda {
	border: none;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	width: 95px;
	height: 34px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.cerrar-over-pda {
	background: rgb(202, 60, 60); 
}

.cerrar-over-pda:hover {
    background-color: #404040;
}

.cerrar-over-pda:disabled {
    background-color: #DDDDDD;
}

.cerrar-over-pda:active {
    background-color: #003366;
}

.boton-imprimir {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 100px;
	height: 30px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.imprimir-over {
	background: rgb(0, 120, 231); 
}

.imprimir-over:hover {
    background-color: #404040;
}

.imprimir-over:disabled {
    background-color: #DDDDDD;
}

.imprimir-over:active {
    background-color: #003366;
}

.boton-monitor {
	border: none;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	width: 140px;
	height: 24px;
	padding: 1px 3px;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.monitor-over {
	color: #000000;
	background-color: #D0D0D0;
}

.monitor-over:hover {
	color: #FFFFFF;
    background-color: #404040;
}

.monitor-over:disabled {
    background-color: #DDDDDD;
}

.monitor-over:active {
    background-color: #003366;
}

.boton-monitor2 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 90px;
	height: 24px;
	padding: 1px 3px;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.monitor2-over {
	color: #000000;
	background-color: #D0D0D0;
}

.monitor2-over:hover {
	color: #FFFFFF;
    background-color: #404040;
}

.monitor2-over:disabled {
    background-color: #DDDDDD;
}

.monitor2-over:active {
    background-color: #003366;
}

.boton-visor {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 150px;
	height: 24px;
	padding: 1px 3px;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor-over {
	color: #000000;
	background-color: #D0D0D0;
}

.visor-over:hover {
	color: #FFFFFF;
    background-color: #404040;
}

.visor-over:disabled {
    background-color: #DDDDDD;
}

.visor-over:active {
    background-color: #003366;
}

.boton-visor2 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 100px;
	height: 24px;
	padding: 1px 3px;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor2-over {
	color: #000000;
	background-color: #D0D0D0;
}

.visor2-over:hover {
	color: #FFFFFF;
    background-color: #404040;
}

.visor2-over:disabled {
    background-color: #DDDDDD;
}

.visor2-over:active {
    background-color: #003366;
}

.boton-visor3 {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 150px;
	height: 20px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor3-over {
	background: rgb(0, 120, 231); 
}

.visor3-over:hover {
    background-color: #404040;
}

.visor3-over:disabled {
    background-color: #DDDDDD;
}

.visor3-over:active {
    background-color: #003366;
}

.boton-visor3-marca {
	background: rgb(255, 102, 0); 
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 150px;
	height: 20px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.boton-visor4 {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 110px;
	height: 20px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor4-over {
	background: rgb(0, 120, 231); 
}

.visor4-over:hover {
    background-color: #404040;
}

.visor4-over:disabled {
    background-color: #DDDDDD;
}

.visor4-over:active {
    background-color: #003366;
}

.boton-visor4-marca {
	background: rgb(255, 102, 0); 
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 110px;
	height: 20px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.boton-visor5 {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 220px;
	height: 20px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor5-over {
	background: rgb(0, 120, 231); 
}

.visor5-over:hover {
    background-color: #404040;
}

.visor5-over:disabled {
    background-color: #DDDDDD;
}

.visor5-over:active {
    background-color: #003366;
}

.boton-visor-tabs {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 99%;
	height: 30px;
	padding: 1px 3px;
	color: #000000;
	text-align: center;
    text-decoration: none;	
    background-color: #C0C0C0;
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs-marca {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 99%;
	height: 30px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
	background: rgb(0, 120, 231); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs-pda {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 64px;
	height: 30px;
	padding: 1px 3px;
	color: #000000;
	text-align: center;
    text-decoration: none;	
	background: rgb(204, 255, 255); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs-pda-marca {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 64px;
	height: 30px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
	background: rgb(0, 120, 231); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs2-pda {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 80px;
	height: 27px;
	padding: 1px 3px;
	color: #000000;
	text-align: center;
    text-decoration: none;	
	background: rgb(255, 155, 0); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs2-pda-marca {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 80px;
	height: 27px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
	background: rgb(170, 85, 0); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs3-pda {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 106px;
	height: 27px;
	padding: 1px 3px;
	color: #000000;
	text-align: center;
    text-decoration: none;	
	background: rgb(153, 204, 0); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs3-pda-marca {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 106px;
	height: 27px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
	background: rgb(0, 102, 0); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs-pda-top {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 106px;
	height: 30px;
	padding: 1px 3px;
	color: #000000;
	text-align: center;
    text-decoration: none;	
    background-color: #C0C0C0;
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs-pda-top-marca {
	border: none;
	font-family: Tahoma;
	font-size: 9pt;
	width: 106px;
	height: 30px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
	background: rgb(255, 51, 0); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs-monitor {
	border: none;
	font-family: Tahoma;
	font-size: 11pt;
	width: 350px;
	height: 30px;
	padding: 1px 3px;
	color: #000000;
	text-align: center;
    text-decoration: none;	
    background-color: #C0C0C0;
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-visor-tabs-monitor-marca {
	border: none;
	font-family: Tahoma;
	font-size: 11pt;
	width: 350px;
	height: 30px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
	background: rgb(0, 120, 231); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-normal {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	height: 30px;
	width: 100px;
	padding: 1px;
	text-align: center;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.normal-over {
	color: #000000;
	background-color: #D0D0D0;
}

.normal-over:hover {
	color: #FFFFFF;
    background-color: #404040;
}

.normal-over:disabled {
	color: #FFFFFF;
    background-color: #DDDDDD;
}

.normal-over:active {
	color: #000000;
    background-color: #003366;
}

.boton-normal-largo {
	background-color: #D0D0D0;
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	height: 24px;
	width: 210px;
	padding: 1px;
	color: #000000;
	text-align: center;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.boton-principal {
	border:none;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	width: 90%;
	height: 30px;
	color: #102861;
    cursor: pointer;
	border-radius: 4px;
}

.boton-principal-pda {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(8pt, 1vw, 12pt);
	width: 130px;
	height: 30px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 3px;
	background-color: #666666; 
}

.boton-fecha {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 9pt;
	color: #000000;
	background-color: #C0C0C0; 
    cursor: pointer;
	border-radius: 3px;
}

.boton-busqueda {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.busqueda-over {
	background: rgb(0, 120, 231); 
}

.busqueda-over:hover {
    background-color: #404040;
}

.busqueda-over:disabled {
    background-color: #DDDDDD;
}

.busqueda-over:active {
    background-color: #003366;
}

.boton-pasar {
	border: none;
	font-family: Tahoma;
	font-size: 12pt;
	padding: 1px;
	width: 30px;
	height: 30px;
	color: #FFFFFF;
	background: rgb(0, 120, 231); 
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.boton-lista-top {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 95%;
	height: 25px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #111111;
}

.top-over {
	background: rgb(0, 120, 231); 
}

.top-over:hover {
    background-color: #404040;
}

.top-over:disabled {
    background-color: #DDDDDD;
}

.top-over:active {
    background-color: #003366;
}

.boton-lista-top-agregar {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 95%;
	height: 25px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #111111;
}

.top-agregar-over {
	background: rgb(255, 128, 64);
}

.top-agregar-over:hover {
    background-color: #404040;
}

.top-agregar-over:disabled {
    background-color: #DDDDDD;
}

.top-agregar-over:active {
    background-color: #003366;
}

.boton-lista-top-normal {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 85px;
	height: 25px;
	color: #000000;
    cursor: pointer;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #111111;
}

.top-normal-over {
	background-color: #D0D0D0;
}

.top-normal-over:hover {
    background-color: #404040;
}

.top-normal-over:disabled {
    background-color: #DDDDDD;
}

.top-normal-over:active {
    background-color: #003366;
}

.boton-lista-top-cerrar {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 95%;
	height: 25px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #111111;
}

.top-cerrar-over {
	background: rgb(202, 60, 60); 
}

.top-cerrar-over:hover {
    background-color: #404040;
}

.top-cerrar-over:disabled {
    background-color: #DDDDDD;
}

.top-cerrar-over:active {
    background-color: #003366;
}

.boton-lista-top-aceptar {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 95%;
	height: 25px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #111111;
}

.top-aceptar-over {
	background: rgb(28, 184, 65);
}

.top-aceptar-over:hover {
    background-color: #404040;
}

.top-aceptar-over:disabled {
    background-color: #DDDDDD;
}

.top-aceptar-over:active {
    background-color: #003366;
}

.boton-lista-ver {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 18px;
	color: #FFFFFF;
    cursor: pointer;
    text-align: center;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.ver-over {
    background-color: #DF7514;
}

.ver-over:hover {
    background-color: #404040;
}

.ver-over:disabled {
    background-color: #DDDDDD;
}

.ver-over:active {
    background-color: #003366;
}

.boton-lista-editar {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 18px;
	color: #FFFFFF;
    cursor: pointer;
    text-align: center;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.editar-over {
	background: rgb(28, 184, 65); 
}

.editar-over:hover {
    background-color: #404040;
}

.editar-over:disabled {
    background-color: #DDDDDD;
}

.editar-over:active {
    background-color: #003366;
}

.boton-lista-alerta {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.lista-alerta-over {
	background: rgb(98, 98, 255);
}

.lista-alerta-over:hover {
    background-color: #404040;
}

.lista-alerta-over:disabled {
    background-color: #DDDDDD;
}

.lista-alerta-over:active {
    background-color: #003366;
}

.boton-lista-alerta2 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.lista-alerta2-over {
	background: rgb(255, 98, 127); 
}

.lista-alerta2-over:hover {
    background-color: #404040;
}

.lista-alerta2-over:disabled {
    background-color: #DDDDDD;
}

.lista-alerta2-over:active {
    background-color: #CC6600;
}

.boton-lista-alerta3 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.lista-alerta3-over {
	background: #CC00CC; 
}

.lista-alerta3-over:hover {
    background-color: #404040;
}

.lista-alerta3-over:disabled {
    background-color: #DDDDDD;
}

.lista-alerta3-over:active {
    background-color: #666699;
}

.boton-lista-alerta4 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.lista-alerta4-over {
	background: #009900; 
}

.lista-alerta4-over:hover {
    background-color: #404040;
}

.lista-alerta4-over:disabled {
    background-color: #DDDDDD;
}

.lista-alerta4-over:active {
    background-color: #666699;
}

.boton-lista-alerta5 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.lista-alerta5-over {
	background: #CC3300; 
}

.lista-alerta5-over:hover {
    background-color: #404040;
}

.lista-alerta5-over:disabled {
    background-color: #DDDDDD;
}

.lista-alerta5-over:active {
    background-color: #666699;
}

.boton-lista-alerta6 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.lista-alerta6-over {
	background: #6666FF; 
}

.lista-alerta6-over:hover {
    background-color: #404040;
}

.lista-alerta6-over:disabled {
    background-color: #DDDDDD;
}

.lista-alerta6-over:active {
    background-color: #666699;
}

.boton-lista-borrar {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80%;
	height: 18px;
	color: #FFFFFF;
    cursor: pointer;
    text-align: center;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.borrar-over {
	background: rgb(202, 60, 60); 
}

.borrar-over:hover {
    background-color: #404040;
}

.borrar-over:disabled {
    background-color: #DDDDDD;
}

.borrar-over:active {
    background-color: #003366;
}

.boton-lista-pagina {
	border:1px solid #003399;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 25px;
	height: 20px;
	color: #000000;
    cursor: pointer;
	border-radius: 4px;
}

.pagina-over {
	background: #00CCFF; 
}

.pagina-over:hover {
    background-color: #404040;
}

.pagina-over:disabled {
    background-color: #DDDDDD;
}

.pagina-over:active {
    background-color: #003366;
}

.boton-lista-pagina-actual {
	border:1px solid #800000;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 25px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
    background-color: #CC0000;
}

.boton-lista-opcion {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.lista-opcion-over {
	background: rgb(0, 120, 231); 
}

.lista-opcion-over:hover {
    background-color: #404040;
}

.lista-opcion-over:disabled {
    background-color: #DDDDDD;
}

.lista-opcion-over:active {
    background-color: #003366;
}

.boton-lista-opcion-marca {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80px;
	height: 20px;
	color: #FFFFFF;
	background: rgb(255, 102, 0); 
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.boton-lista-opcion-mes {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 62px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #000000;
}

.lista-opcion-mes-over {
	background: rgb(0, 120, 231); 
}

.lista-opcion-mes-over:hover {
    background-color: #404040;
}

.lista-opcion-mes-over:disabled {
    background-color: #DDDDDD;
}

.lista-opcion-mes-over:active {
    background-color: #003366;
}

.boton-lista-opcion-mes-marca {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 62px;
	height: 20px;
	color: #FFFFFF;
	background: rgb(255, 102, 0); 
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #000000;
}

.boton-lista-opcion-visor {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 53px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #000000;
}

.lista-opcion-visor-over {
	background: rgb(0, 120, 231); 
}

.lista-opcion-visor-over:hover {
    background-color: #404040;
}

.lista-opcion-visor-over:disabled {
    background-color: #DDDDDD;
}

.lista-opcion-visor-over:active {
    background-color: #003366;
}

.boton-lista-opcion-visor-marca {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 53px;
	height: 20px;
	color: #FFFFFF;
	background: rgb(255, 102, 0); 
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #000000;
}

.boton-lista-opcion-visor2 {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #000000;
}

.lista-opcion-visor2-over {
	background: rgb(0, 120, 231); 
}

.lista-opcion-visor2-over:hover {
    background-color: #404040;
}

.lista-opcion-visor2-over:disabled {
    background-color: #DDDDDD;
}

.lista-opcion-visor2-over:active {
    background-color: #003366;
}

.boton-lista-opcion-visor2-marca {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 80px;
	height: 20px;
	color: #FFFFFF;
	background: rgb(255, 102, 0); 
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #000000;
}

.boton-visor-aceptar {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 95px;
	height: 20px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor-aceptar-over {
	background: rgb(28, 184, 65);
}

.visor-aceptar-over:hover {
    background-color: #404040;
}

.visor-aceptar-over:disabled {
    background-color: #DDDDDD;
}

.visor-aceptar-over:active {
    background-color: #003366;
}

.boton-visor-cerrar {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 95px;
	height: 20px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor-cerrar-over {
	background: rgb(202, 60, 60); 
}

.visor-cerrar-over:hover {
    background-color: #404040;
}

.visor-cerrar-over:disabled {
    background-color: #DDDDDD;
}

.visor-cerrar-over:active {
    background-color: #003366;
}

.boton-visor-imprimir {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 95px;
	height: 20px;
	padding: 2px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.visor-imprimir-over {
	background: rgb(0, 120, 231); 
}

.visor-imprimir-over:hover {
    background-color: #404040;
}

.visor-imprimir-over:disabled {
    background-color: #DDDDDD;
}

.visor-imprimir-over:active {
    background-color: #003366;
}

.campo-home-top {
	border:1px solid #C0C0C0;
	background-color: transparent; 
	border: none;
	font-family: Tahoma;
	font-size: clamp(7pt, 1vw, 9pt);
	width: 95%;
	height: 22px;
	color: #FFFFFF;
	font-weight: 700;
	text-align: center;
	border-radius: 3px;
	box-shadow: 1px 1px 1px #111111;
}

.campo-normal {
	appearance: none;
	width: 90%;
	height: 20px;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	border-radius: 3px;

}

.campo-over {
	background-color: #FAFAFA; 
}

.campo-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-over:read-only {
    background-color: #DDDDDD;
}

.campo-normal-2 {
	width: 90%;
	height: 20px;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	color: #000000;
	font-size: clamp(8pt, 1vw, 9pt);
	border-radius: 3px;
}

.campo2-over {
	background-color: #FFFFFF; 
}

.campo2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo2-over:read-only {
    background-color: #DDDDDD;
}

.campo-opcion {
	appearance: none;
    width: 15px;
    height: 15px;
    background-color: #333333; /* Color del punto */
	border:1px solid #CCCCCC;
	border-color: #000000;
    border-radius: 50%;
}

.opcion-over {
	background-color: #C0C0C0; 
}

.opcion-over:focus {
    background-color:  #DEECFF;
	border-color: #0066FF;
}

.opcion-over:read-only {
	background-color: #DDDDDD;
	border-color: #666666;
}

.opcion-over:disabled {
	background-color: #DDDDDD;
	border-color: #666666;
    cursor: not-allowed;
}

.opcion-over:checked {
	background-color: #666666;
	border-color: #444444;
}

.opcion-over:checked:disabled {
	background-color: #666666;
	border-color: #444444;
    cursor: not-allowed;
}

.campo-normal-login {
	width: 90%;
    height: 35px;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(12pt, 1vw, 14pt);
	color: #000000;
	text-align: center;
	border-radius: 3px;
}

.campo-login-over {
	background-color: #FFFFFF; 
}

.campo-login-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-login-over:read-only {
    background-color: #DDDDDD;
}

.campo-normal-amarillo {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	background-color: #FFFFCC; 
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	border-radius: 3px;
}

.normal-amarillo-over:focus {
	border:1px solid #0066FF;
}

.campo-normal-derecha {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.normal-derecha-over {
	background-color: #FFFFFF; 
}

.normal-derecha-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.normal-derecha-over:read-only {
    background-color: #DDDDDD;
}

.campo-normal-derecha-azul {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-azul-over {
	background-color: #CCCCFF; 
}

.derecha-azul-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-celeste {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-celeste-over {
	background-color: #00FFFF; 
}

.derecha-celeste-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-amarillo {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	height: 20px;
	text-align: right;
	border-radius: 3px;
}

.derecha-amarillo-over {
	background-color: #FFFFCC; 
}

.derecha-amarillo-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-rosado {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	background-color: #FFCCCC; 
	text-align: right;
	border-radius: 3px;
}

.derecha-rosado-over {
	background-color: #FFCCCC; 
}

.derecha-rosado-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-verde {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-verde-over {
	background-color: #CCFF99; 
}

.derecha-verde-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-naranja {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-naranja-over {
	background-color: #FF9933; 
}

.derecha-naranja-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-violeta {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-violeta-over {
	background-color: #FF66FF; 
}

.derecha-violeta-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.normal-derecha2-over {
	background-color: #FFFFFF; 
}

.normal-derecha2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.normal-derecha2-over:read-only {
    background-color: #DDDDDD;
}

.campo-normal-derecha-azul2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-azul2-over {
	background-color: #CCCCFF; 
}

.derecha-azul2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-celeste2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-celeste2-over {
	background-color: #00FFFF; 
}

.derecha-celeste2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-amarillo2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-amarillo2-over {
	background-color: #FFFFCC; 
}

.derecha-amarillo2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-rosado2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-rosado2-over {
	background-color: #FFCCCC; 
}

.derecha-rosado2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-verde2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-verde2-over {
	background-color: #CCFF99; 
}

.derecha-verde2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-naranja2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-naranja2-over {
	background-color: #FF9933; 
}

.derecha-naranja2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-violeta2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(7pt, 1vw, 9pt);
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-violeta2-over {
	background-color: #FF66FF; 
}

.derecha-violeta2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-derecha-azul-bold {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: 12pt;
	font-weight: 700;
	color: #000000;
	text-align: right;
	border-radius: 3px;
}

.derecha-azul-bold-over {
	background-color: #CCCCFF; 
}

.derecha-azul-bold-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.campo-normal-area {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	border-radius: 3px;
}

.normal-area-over {
	background-color: #FFFFFF; 
}

.normal-area-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.normal-area-over:read-only {
    background-color: #DDDDDD;
}

.campo-normal-anexo {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	height: 25px;
	color: #000000;
	border-radius: 3px;
}

.normal-anexo-over {
	background-color: #FFFFFF; 
}

.normal-anexo-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.normal-anexo-over:read-only {
    background-color: #DDDDDD;
}

.campo-normal-area-centro {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	border-radius: 3px;
}

.normal-area-centro-over {
	background-color: #FFFFFF; 
}

.normal-area-centro-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.normal-area-centro-over:read-only {
    background-color: #DDDDDD;
}

.campo-normal-pda {
	width: 90%;
	padding: 2px;
	margin: 1px;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(14pt, 1vw, 16pt);
	color: #000000;
	border-radius: 3px;
}

.normal-pda-over {
	background-color: #FAFAFA; 
}

.normal-pda-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.normal-pda-over:read-only {
    background-color: #DDDDDD;
}

.campo-lista {
	width: 90%;
	padding: 2px;
	margin: 1px;
	line-height: 1;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	border-radius: 3px;
}

.lista-over {
	background-color: #FFFFFF; 
}

.lista-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.lista-over:disabled {
    background-color: #DDDDDD;
}

.campo-lista-2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	line-height: 1;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(7pt, 1vw, 8pt);
	color: #000000;
	border-radius: 3px;
}

.lista2-over {
	background-color: #FFFFFF; 
}

.lista2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.lista2-over:disabled {
    background-color: #DDDDDD;
}

.campo-lista-rep {
	width: 90%;
	padding: 2px;
	margin: 1px;
	line-height: 1;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(9pt, 1vw, 10pt);
	color: #000000;
	border-radius: 3px;
}

.lista-rep-over {
	background-color: #FFFFFF; 
}

.lista-rep-over:focus {
    background-color:  #DEECFF;
	border:1px solid #003399;
}

.lista-rep-over:disabled {
    background-color: #DDDDDD;
}

.campo-lista-rep2 {
	width: 90%;
	padding: 2px;
	margin: 1px;
	line-height: 1;
	display: inline-block;	
	border:1px solid #CCCCCC;
	font-family: Tahoma;
	font-size: clamp(7pt, 1vw, 8pt);
	color: #000000;
	border-radius: 3px;
}

.lista-rep2-over {
	background-color: #FFFFFF; 
}

.lista-rep2-over:focus {
    background-color:  #DEECFF;
	border:1px solid #003399;
}

.lista-rep2-over:disabled {
    background-color: #DDDDDD;
}

.campo-check {
    width: 20px;
    height: 20px;
	border:1px solid #CCCCCC;
	border-color: #000000;
    border-radius: 5%;
    cursor: pointer;
}

.check-over {
	background-color: #CAD3DB; 
}

.check-over:focus {
	border:1px solid #0066FF;
}

.campo-check:checked::before {
  	background-color: #DEECFF;
    color: #000000;
}

.check-over:disabled {
    background-color: #DDDDDD;
    cursor: not-allowed;
}

.box-home-dogs {
	border:1px solid #C0C0C0;
	border-radius: 10px;
	background-color: #000000; 
}

.box-home-body {
	border:1px solid #C0C0C0;
	box-shadow: 2px 2px 2px #666666;
	border-radius: 8px;
}

.box-home-visor {
	border-left: 1px inset #333333; 
	border-right: 2px inset #333333; 
	border-top: 1px inset #333333; 
	border-bottom: 2px inset #333333; 
	box-shadow: 5px 5px 5px #000000;
}

.box-home-visor-cargar {
	border-left: 4px inset #333333; 
	border-right: 5px inset #333333; 
	border-top: 4px inset #333333; 
	border-bottom: 5px inset #333333; 
	background-color: #2D3740; 
	box-shadow: 7px 7px 7px #000000;
	border-radius: 15px;
}

.box-home-sombra {
	border:1px solid #C0C0C0;
	box-shadow: 5px 5px 5px #222222;
}

.box-home-sombra-top-curva {
	border:1px solid #C0C0C0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	box-shadow: 3px 3px 3px #333333;
}

.box-top-curva {
	border:1px solid #C0C0C0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.box-bottom-curva {
	border-left:1px solid #C0C0C0;
	border-bottom:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.box-home-sombra-curva {
	border:1px solid #C0C0C0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 5px 5px 5px #666666;
}

.box-sombra-login {
	border:1px solid #C0C0C0;
  	border-radius: 10px;
  	padding: 6px; 
	box-shadow: 2px 2px 2px #666666;
}

.box-lista {
	border:1px solid #C0C0C0;
	background-color: #F3F4F6;
	box-shadow: 2px 2px 2px #666666;
	border-radius: 8px;
}

.box-lista-dark {
	border:1px solid #C0C0C0;
	background-color: #CCCCCC;
	box-shadow: 2px 2px 2px #666666;
	border-radius: 8px;
}

.celda-home-sombra-top-curva {
	border-bottom: 1px solid #C0C0C0;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.box-home-menu-sombra {
	border:1px solid #C0C0C0;
	border-radius: 3px;
	box-shadow: 3px 3px 3px #333333;
}

.boton-desbloquear {
	border: none;
	font-family: Tahoma;
	font-size: 10pt;
	padding: 1px;
	width: 25px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.desbloquear-over {
	background: rgb(0, 120, 231); 
}

.desbloquear-over:hover {
    background-color: #404040;
}

.desbloquear-over:disabled {
    background-color: #DDDDDD;
}

.desbloquear-over:active {
    background-color: #CC0000;
}

.menu-over {
	color: #FFFFFF;
	background:  #666666;
}

.menu-over:hover {
	color: #333333;
    background-color: #96BBE4;
}

.menu-over:disabled {
	color: #FFFFFF;
    background-color: #DDDDDD;
}

.menu-over:active {
	color: #FFFFFF;
    background-color: #143252;
}

.boton-dogs-tabs {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 99%;
	height: 30px;
	padding: 1px 3px;
	color: #000000;
	text-align: center;
    text-decoration: none;	
    background-color: #C0C0C0;
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-dogs-tabs-marca {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	width: 99%;
	height: 30px;
	padding: 1px 3px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
	background: rgb(0, 120, 231); 
    cursor: pointer;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	box-shadow: 3px 3px 3px #000000;
}

.boton-perfil {
  background: url('/images/login.png');
  cursor: pointer;
  height: 50px;
  width: 50px;
  border: none;
}

.boton-cerrar-perfil {
  background: url('/images/logout.png');
  cursor: pointer;
  height: 50px;
  width: 50px;
  border: none;
}

.modalDialog {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

.modalDialog:target {
	opacity:1;
	pointer-events: auto;
}

.modalDialog > div {
	width: 82%;
	height: 90%;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	background: -moz-linear-gradient(#fff, #999);
	background: -webkit-linear-gradient(#fff, #999);
	background: -o-linear-gradient(#fff, #999);
  	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

.modalClose {
	background: #606061;
	color: #FFFFFF;
	text-align: center;
	width: 39px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.modalClose:hover { 
	background: #00d9ff;
}

.campo-registro {
	border:none;
	font-family: Arial;
	font-size: 16pt;
	height: 35px;
	width: 90%;
	color: #000000;
}

.registro-over {
	background-color: #FFFFFF; 
}

.registro-over:focus {
    background-color:  #DEECFF;
	border:1px solid #0066FF;
}

.boton-nuevo {
	font-family: Arial;
	font-size: 14pt;
	font-weight: 700;
	width: 99%;
	height: 100px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	border: 1px solid #C0C0C0;
	box-shadow: 3px 3px 3px #111111;
	border-radius: 10px;
	background-color: #33CC33;
}

. nuevo-over:disabled {
    background-color: #DDDDDD;
}

.nuevo-over:active {
    background-color: #003366;
}

.boton-copiar {
	border: none;
	font-family: Tahoma;
	font-size: 10pt;
	padding: 1px;
	width: 25px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.copiar-over {
	background: rgb(0, 120, 231); 
}

.copiar-over:hover {
    background-color: #CC9900;
}

.copiar-over:disabled {
    background-color: #DDDDDD;
}

.copiar-over:active {
    background-color: #003399;
}

.boton-lista-server {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 90%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.server-over {
	background: rgb(98, 98, 255);
}

.server-over:hover {
    background-color: #404040;
}

.server-over:disabled {
    background-color: #DDDDDD;
}

.server-over:active {
    background-color: #003366;
}

.boton-lista-server2 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 90%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.server2-over {
	background: rgb(102, 0, 102); 
}

.server2-over:hover {
    background-color: #404040;
}

.server2-over:disabled {
    background-color: #DDDDDD;
}

.server2-over:active {
    background-color: #003366;
}

.boton-lista-server3 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 90%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.server3-over {
	background: rgb(204, 102, 0); 
}

.server3-over:hover {
    background-color: #404040;
}

.server3-over:disabled {
    background-color: #DDDDDD;
}

.server3-over:active {
    background-color: #003366;
}

.boton-lista-server4 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 90%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.server4-over {
	background: rgb(51, 102, 0); 
}

.server4-over:hover {
    background-color: #404040;
}

.server4-over:disabled {
    background-color: #DDDDDD;
}

.server4-over:active {
    background-color: #003366;
}

.boton-lista-server5 {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 90%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.server5-over {
	background: #3498DB; 
}

.server5-over:hover {
    background-color: #404040;
}

.server5-over:disabled {
    background-color: #DDDDDD;
}

.server5-over:active {
    background-color: #003366;
}
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 20px; /* Location of the box */
  left: 0px;
  top: 0px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #000000;
  width: 92%;
  height: 85%;
  top: 50px;
  bottom: 30px;
}

.modal-content-small {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #000000;
  width: 40%;
  height: 40%;
  top: 50px;
  bottom: 30px;
}

.modal-content-medium {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #000000;
  width: 60%;
  height: 60%;
  top: 50px;
  bottom: 30px;
}

.modal-content-width {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #000000;
  width: 80%;
  height: 80%;
  top: 50px;
  bottom: 30px;
}

.modal-content-large {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #000000;
  width: 60%;
  height: 80%;
  top: 50px;
  bottom: 30px;
}

.modal-content-lista {
  background-color: #fefefe;
  margin: auto;
  padding: 15px;
  border: 1px solid #888;
  border-radius: 10px;
  box-shadow: 3px 3px 3px #000000;
  width: 40%;
  height: 80%;
  top: 50px;
  bottom: 30px;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.boton-cerrar-modal {
	border:1px solid #C0C0C0;
	font-family: Tahoma;
	font-size: 8pt;
	padding: 2px;
	width: 20px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 75%;
}

.modal-over {
	background: #CC3300; 
}

.modal-over:hover {
    background-color: #404040;
}

.modal-over:disabled {
    background-color: #DDDDDD;
}

.modal-over:active {
    background-color: #003366;
}

.boton-opciones {
	border: none;
	font-family: Tahoma;
	font-size: clamp(6pt, 1vw, 8pt);
	padding: 1px;
	width: 90%;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 2px;
	box-shadow: 1px 1px 1px #111111;
}

.opciones-over {
	background: rgb(52, 152, 219); 
}

.opciones-over:hover {
    background-color: #404040;
}

.opciones-over:disabled {
    background-color: #DDDDDD;
}

.opciones-over:active {
    background-color: #003366;
}

.boton-expande {
	border: none;
	font-family: Tahoma;
	font-size: 10pt;
	padding: 1px;
	width: 25px;
	height: 20px;
	color: #FFFFFF;
    cursor: pointer;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #111111;
}

.expande-over {
	background: rgb(0, 120, 231); 
}

.expande-over:hover {
    background-color: #404040;
}

.expande-over:disabled {
    background-color: #DDDDDD;
}

.expande-over:active {
    background-color: #CC0000;
}

.boton-login {
	font-family: Arial;
	font-size: clamp(10pt, 1vw, 14pt);
	font-weight: 700;
	padding: 2px;
	width: 80%;
	height: 50px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	box-shadow: 1px 1px 1px #111111;
	border-radius: 4px;
	background-color: #33CC33;
}

.login-over:disabled {
    background-color: #DDDDDD;
}

.login-over:active {
    background-color: #003366;
}

.boton-login-cancel {
	font-family: Arial;
	font-size: clamp(10pt, 1vw, 14pt);
	font-weight: 700;
	padding: 2px;
	width: 80%;
	height: 50px;
	color: #FFFFFF;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
	box-shadow: 1px 1px 1px #111111;
	border-radius: 4px;
	background-color: #CC3300;
}

.cancel-over:disabled {
    background-color: #DDDDDD;
}

.cancel-over:active {
    background-color: #003366;
}


.boton-pestana-marca {
	border:1px solid #333333;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-family: Arial;
	font-size: clamp(7pt, 1vw, 12pt);
	font-weight: 700;
	width: 100%;
	height: 35px;
	color: #111111;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
}

.pestana-marca-over {
	color: #FFFFFF;
	background-color: #000099;
}

.pestana-marca-over:disabled {
	color: #666666;
    background-color: #DDDDDD;
}

.pestana-marca-over:active {
 	color: #FFFFFF;
   background-color: #003366;
}

.boton-pestana {
	border:1px solid #333333;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	font-family: Arial;
	font-size: clamp(7pt, 1vw, 12pt);
	font-weight: 700;
	width: 100%;
	height: 35px;
	color: #111111;
	text-align: center;
    text-decoration: none;	
    cursor: pointer;
}

.pestana-over {
	color: #FFFFFF;
	background-color: #0066FF;
}

.pestana-over:disabled {
    background-color: #DDDDDD;
}

.pestana-over:active {
    background-color: #003366;
}

.body-bg {
  margin: 0;
  font-family: 'Arial', sans-serif;
  background: linear-gradient(135deg, #143252, #hom);
  justify-content: center;
}

.switch-container-onoff {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: sans-serif;
}

.switch-onoff {
  position: relative;
  display: inline-block;
  width: 46px;   /* ajustado a tamaño proporcional */
  height: 23px;
}

.switch-onoff input-onoff {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider-onoff {
  position: absolute;
  cursor: pointer;
  top: 0; left: 0;
  right: 0; bottom: 0;
  background-color: #ccc;
  transition: .3s;
  border-radius: 23px;
}

.slider-onoff:before {
  position: absolute;
  content: "";
  height: 17px;
  width: 17px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: .3s;
  border-radius: 50%;
}

input-onoff:checked + .slider {
  background-color: #4caf50;
}

input-onoff:checked + .slider:before {
  transform: translateX(23px);
}

.label-onoff-value {
  min-width: 30px;
  font-weight: bold;
  font-size: 14px;
}

.card {
  background: linear-gradient(45deg, #F0F0F0, #dcdde1);
  padding: 5px;
  margin-top: 5px;
  margin-bottom: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.7);
  transition: background-color 0.3s;
  border-radius: 5px;
}

.card:hover {
    background: linear-gradient(to right, #dce9ff, #90BAF9);
    transform: translateY(4px);
    box-shadow: 2px 0 6px rgba(0,0,0,0.2);
}


.tabla-biselada {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-family: Inter, sans-serif;
    font-size: clamp(7pt, 1vw, 9pt);
}

.tabla-biselada tr {
    padding: 12px 15px;
    background: #fdfdfd;

    /* efecto biselado */
    border: 1px solid #b3b3b3;
    box-shadow:
        inset 1px 1px 2px rgba(255, 255, 255, 0.9),
        inset -1px -1px 2px rgba(0, 0, 0, 0.25);

    transition: background 0.3s ease, transform 0.2s ease;
}

/* Cabecera con bisel extra */
.tabla-biselada thead tr {
    background: linear-gradient(#fafafa, #e0e0e0);
    font-weight: bold;
    border: 1px solid #999;
    box-shadow:
        inset 1px 1px 3px rgba(255, 255, 255, 1),
        inset -1px -1px 3px rgba(0, 0, 0, 0.3);
}

/* Filas alternas */
.tabla-biselada tbody tr:nth-child(even) td {
    background: #f7f7f7;
}

/* Animación al pasar el mouse */
.tabla-biselada tbody tr:hover tr {
    background: #e8f1ff;
    transform: scale(1.01);   /* ligera expansión */
    box-shadow:
        inset 1px 1px 2px rgba(255, 255, 255, 0.95),
        inset -1px -1px 3px rgba(0, 0, 0, 0.28);
}

/* bordes redondeados superiores */
.tabla-biselada thead th:first-child {
    border-top-left-radius: 8px;
}
.tabla-biselada thead th:last-child {
    border-top-right-radius: 8px;
}

/* bordes redondeados inferiores */
.tabla-biselada tbody tr:last-child td:first-child {
    border-bottom-left-radius: 8px;
}
.tabla-biselada tbody tr:last-child td:last-child {
    border-bottom-right-radius: 8px;
}


.tabla-animada {
    border-collapse: collapse;
    font-family: Inter, sans-serif;
    font-size: clamp(7pt, 1vw, 9pt);
}

/* Celdas sin borde para que la fila sea limpia */
.tabla-animada td, 
.tabla-animada th {
    padding: 4px 6px;
    border: border-bottom: 1px solid #C0C0C0;
}

/* FILAS NORMALES (color 1) */
.tabla-animada tbody tr {
    background: linear-gradient(to right, #ffffff, #f5f5f5);
    transition: background 0.35s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

/* FILAS PARES (color 2) */
.tabla-animada tbody tr:nth-child(even) {
    background: linear-gradient(to right, #f0f5ff, #DEECFF);
}

/* HOVER — ANIMACIÓN */
.tabla-animada tbody tr:hover {
    background: linear-gradient(to right, #dce9ff, #90BAF9);
    transform: translateY(4px);
    box-shadow: 2px 0 6px rgba(0,0,0,0.2);
}


.tabla-animada2 {
    border-collapse: collapse;
    font-family: Inter, sans-serif;
    font-size: clamp(7pt, 1vw, 9pt);
}

.tabla-animada2 td, 
.tabla-animada2 th {
    padding: 4px 6px;
    border: none;
}

/* Estilo base */
.tabla-animada2 tbody tr {
    background: linear-gradient(to right, #ffffff, #f5f5f5);
    transition: background 0.35s ease, transform 0.25s ease, box-shadow 0.25s ease;
}

/* Filas pares */
.tabla-animada2 tbody tr:nth-child(even):not(.grupo) {
    background: linear-gradient(to right, #f0f5ff, #DEECFF);
}

/* --- GRUPO DE FILAS QUE VISUALMENTE ES UNA SOLA --- */
.tabla-animada2 tbody tr.grupo {
    background: linear-gradient(to right, #ffffff, #f5f5f5) !important;
}

/* Última fila del grupo con borde inferior */
.tabla-animada2 tbody tr.grupo:last-child {
    border-bottom: 2px solid #d0d0d0;
}

/* Hover en TODO el grupo */
.tabla-animada2 tbody tr.grupo:hover,
.tabla-animada2 tbody tr.grupo:hover ~ tr.grupo {
    background: linear-gradient(to right, #dce9ff, #90BAF9) !important;
    box-shadow: 2px 0 6px rgba(0,0,0,0.2);
    transform: translateX(6px);
}



/* Tabla base */
.tabla-animada3 {
    border-collapse: collapse;
    font-family: Inter, Arial, sans-serif;
}

/* Sacamos todos los bordes inline */
.tabla-animada3 td, 
.tabla-animada3 th {
    padding: 8px 10px;
    border: none;
}

/* --- DISEÑO DE GRUPOS DE FILAS --- */
.group-row {
    background: linear-gradient(to right, #ffffff, #f7f7f7);
    transition: background 0.35s ease, transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

/* Alternar colores entre grupos */
.group-row:nth-of-type(odd) {
    background: linear-gradient(to right, #eef4ff, #e5eeff);
}

/* Hover del grupo completo */
.group-row:hover {
    background: linear-gradient(to right, #d8e6ff, #c6dbff);
    transform: translateX(6px);
    box-shadow: 2px 0 6px rgba(0,0,0,0.25);
}

/* --- BORDES INFERIORES PERSONALIZADOS (equivalente a tus dotted/deshed) --- */
.row-top    td { border-top:    1px dotted #999; }
.row-middle td { border-bottom: 1px dashed #bbb; }
.row-bottom td { border-bottom: 1px solid  #999; }

/* Ajuste visual para las celdas con rowspan */
.tabla-animada3 td[rowspan] {
    vertical-align: middle;
    border-right: 1px dotted #aaa;
}