.tablex {
  border-collapse: separate;
  border-spacing: 0;
  border-top: 0.5px solid grey;
}

.tdx, .thx, {
  font-family: 'Oswald', sans-serif;
  font-weight: bold;
  margin: 1.2px;
  border: 0.1px;
  border-style: dashed;
  border-color: #e9d9bf;
  white-space: nowrap;
  border-top-width: 0px;
  padding: 0.5em;

}

.divx {
  /*width: 100%;*/
  overflow-x: scroll;
  margin-left: 6em;
  overflow-y: visible;
  padding: 0;
}

.headcol {
  	font-family: 'Oswald', sans-serif;
  	font-weight: bold;
	font-size: 1.2em;
	position: absolute;
	width: 8em;
	left: 0;
	top: auto;
	/*border-top-width: 2px;
	/*only relevant for first row*/
	/*margin-top: -1px;
	/*compensate for top border

	border: 0.1px;
	border-style: dashed;
	border-color: #e9d9bf;
	white-space: nowrap;
	border-bottom-width: 0px;

}

.headcol:before {
  /*content: 'Row ';*/
}

.long {
  	height: 2em;
  	padding: 0.3em .1em;
  	font-family: 'Oswald', sans-serif;
  	text-align: center;
	background-color: #ede9e2; 
	font-size: 1em;
	font-variant: small-caps;
	/*letter-spacing: 1em;*/
}
.long2 {
  	height: 2em;
  	padding: 0.2em .5em;
  	font-family: 'Oswald', sans-serif;
  	text-align: center;
	background-color: #f6f4ef; 
	font-size: 1em;
	font-variant: small-caps;
	letter-spacing: .1em;
}
.color1{background-color: #ede9e2;}

.subtitulos1{
    height: 2em;
    padding: 0.2em .5em;
    font-family: 'Oswald', sans-serif;
    text-align: center;
    font-size: 2em;
}