@font-face{
  font-family: 'parrafo';  
  src:url(Roboto/Roboto-Bold.ttf);
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body { 
   font-size: 12px;
   background-color: rgba(29, 63, 5, 0);
}

header {
  background: white;
  transition: all 0.5s;
/*  z-index: 997;*/
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: start;
  align-items: start;
  column-gap: 1em;
  row-gap: 1em;
}
header .logo-name {
  margin: 0;
  padding: 0;
  display: flex;   
  justify-content: center;
  align-items: center;
}

header .logo-name a {
  color: #556270;
  border: none;
  text-decoration: none;
}

header .logo-name img {
  max-height: 50vh;
}
.intro {
	padding-top: 9px;
	height: 100%;
}
table td,
table th {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.head{
	background-color: #F1F4C2;
	font-family: 'parrafo';
	text-align: center;
	font-size: 1rem;
	color: #444444;
}
.celda{
	background-color: #F7F3F3;
	font-family: 'parrafo';
	font-size:1rem;	
	color: #444444;
}
section{
	background-color: rgba(29, 63, 5, 0);
}