/* tts CSS
    12/20   initial
    5/21    projectify
*/

:root {
	--azul: #003087;
	--rojo: #BF0A30;
	--oro: #FFCD00;
	--oro-oscuro: #D9AE00;		/* hover / selected menu button */
}

body {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		color: black;
	}

 h2 {	/* sans font */
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 16pt;
		font-weight: normal;
		color: var(--azul);
	}

/***********************/
/* link styles 		   */
a:link, a:visited {
	color: var(--azul);
	text-decoration: none;
}
a:hover {
  color: var(--azul);
}
a:active {
  color: purple;
}

/* menu buttons style  */
.menubutton {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 14pt;
		font-weight: normal;
		background-color: var(--oro);
	}
	.menubutton:hover {
		background-color: var(--oro-oscuro);
	}
	.menubutton a {
		color: var(--azul);
	}

/***********************/
/* menu table format   */
table {
	table-layout:auto;
    text-align: left;
}
td {
	text-align: left;
	padding: 6px;
}

/* debug to see tables */
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}


/***********************/
/* footer that always sits at the bottom of the page */
.footer {
		font-family: Arial, Helvetica, Tahoma, sans-serif;
		color: black;
		font-size: 8pt;
		text-align: center;
		position: fixed;
        padding: 10px 10px 0px 10px;
        bottom: 0;
        width: 100%;
	}