/* Include Fonts */
/* ------------- */

@font-face {
	font-family: 'SourceSans3';
	src: url('../fonts/SourceSans3-Regular.otf.woff2');
	font-weight: regular;
  }
  
@font-face {
    font-family: 'SourceSerif4';
    src: url('../fonts/SourceSerif4-Regular.otf.woff2');
	font-weight: regular;
  }
  
@font-face {
	font-family: 'SourceSans3';
	src: url('../fonts/SourceSans3-Bold.otf.woff2');
	font-weight: bold;
  }
  
@font-face {
    font-family: 'SourceSerif4';
    src: url('../fonts/SourceSerif4-Bold.otf.woff2');
	font-weight: bold;
  }  

  
/* HTML Elements/Classes */
/* --------------------- */ 
  
body {
    font-family: SourceSans3;
  }
  
.table {
    border-collapse: separate;
    border-spacing: 0 0.6em;
  } 
  
td {
    vertical-align: top;
  }
  
td.headImago, td.headGW, td.headComp {
    font-weight: bold;
  } 
  
td.listHead, td.listPara, td.listFn {
    width: 4%;
    padding-right: 1em;
    text-align: right;
  }  
  
td.textImago, td.textGW, td.textComp {
    width: 32%;
	min-width: 400px;
	padding-right: 1em;
	background-color: ;
  }
  
td.fnImago, td.fnGW, td.fnComp {
    width: 32%;
	min-width: 400px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: rgb(220, 220, 220);
	padding-left: 10px;
	padding-right: 30px;
  }
  
h1, h2, h3, h4 {
    font-family: SourceSerif4;
  }
  
h2 {
    padding-left: 2em;
	padding-right: 2em;
  }
  
ins {
    text-decoration-line: underline;
    text-decoration-thickness: 2px;
	text-underline-offset: 0.2em;
	text-decoration-color: rgb(0, 204, 102);
	background: rgb(230, 255, 230);
  }
  
/*
ins::before {
	content: "[";
  }
  
ins::after {
	content: "]";
  }
*/

del {
    text-decoration-line: line-through;
	text-decoration-thickness: 2px;
	text-decoration-color: rgb(204, 0, 51);
	background: rgb(255, 230, 230);
  }
  
sup {
	vertical-align: super;
	font-size: smaller;
}