/* use Charis SIL - Regular in .woff format */
@font-face {
  font-family: TeX Gyre Pagella;
  src: url(../fonts/texgyrepagella-regular.otf);
}
/* use Charis SIL - Italic in .woff format */
@font-face {
  font-family: TeX Gyre Pagella Italic;
  font-style: italic;
  src: url(../fonts/texgyrepagella-italic.otf);
}

@font-face {
	font-family: TeX Gyre Pagella Bold;
	font-weight: bold;
	src: url(../fonts/texgyrepagella-bold.otf);
}

@font-face {
	font-family: TeX Gyre Pagella Bold Italic;
	font-weight: bold;
	font-style: italic;
	src: url(../fonts/texgyrepagella-bolditalic.otf);
}
@font-face {
	font-family: TeX Gyre Adventor Bold;
	font-weight: bold;
	src: url(../fonts/texgyreadventor-bold.otf);
}
@font-face {
  font-family: OpenSans Bold;
  font-weight: bold;
  src: url(../fonts/OpenSans-Bold.ttf);
}

@font-face {
  font-family: OpenSans Light;
  src: url(../fonts/OpenSans-Light.ttf);
}

/* set body to use Charis SIL in .ttf format */
body {
  font-family: TeX Gyre Pagella, sans-serif;
    /* fall back to sans serif so that it's really obvious if the fonts don't load */
}
h1 {
	font-family: 'TeX Gyre Pagella', serif;
	font-weight: normal;
	font-size: 3em;
	text-align: center;
	margin-top: 0.5em;
	}
h2 {
	font-family: 'TeX Gyre Pagella', serif;
	font-weight: normal;
	font-size: 2.5em;
	text-align: center;
	margin-bottom: 0.5em;
	}
body {
	font-family: 'TeX Gyre Pagella', serif;
		-webkit-font-smoothing: antialiased;
		-moz-font-smoothing: antialiased;
		-o-font-smoothing: antialiased;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		-webkit-text-size-adjust: 100%;
    font-variant-numeric: oldstyle-nums;
    -moz-font-feature-settings: "onum";
    -webkit-font-feature-settings: "onum";
    font-feature-settings: "onum";
		font-size: 100%;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		margin:0 auto;
		padding:0 auto;
		background: url(../img/tg1-tapa.png);
		background-repeat:no-repeat;
		background-position: center center;
		background-attachment: fixed;
		background-size: cover;
		width:100%;
		margin:0 auto 0;
		text-align:center;
		color: #5F4603;
	}
p {
	font-family: 'TeX Gyre Pagella', serif;
	font-size:1.25em;
	line-height:1.25em;
	font-style:normal;
	font-weight:normal;
	text-align:left;
	}
	.centro {
		font-size:1.35em;
		text-align: center;
		font-weight:bold;

	}
span.versa {
	font-family: 'TeX Gyre Pagella', serif;
	font-style: normal;
	font-weight: normal;
  font-variant: small-caps;
  font-variant-numeric: oldstyle-nums;
  -moz-font-feature-settings: "onum";
  -webkit-font-feature-settings: "onum";
  font-feature-settings: "onum";
	}
  span.sserif {
      font-family: 'OpenSans Light', sans-serif;
      font-style: normal;
      font-weight: normal;
  }
  span.sserifb {
    	font-family: 'TeX Gyre Adventor Bold', sans-serif;
  }

div.transbox {
  margin: 1%;
  background-color: #F4F5DB;
  border: 1px solid white;
  opacity: 0.85;
  filter: alpha(opacity=60); /* For IE8 and earlier */
	}

div.transbox p {
  margin: 3%;
  font-weight: normal;
  color: #000000;
	}
a:hover {
	color: brown;
	background-color: transparent;
	text-decoration: none;
}
a.y {
 width: 280px;
 height: 42px;
 color: #000000;
 padding: 10px;
 text-decoration:none;
 display: block;
 font-weight: bold;
 background-image : url(../img/PDFLogo.png);
 background-repeat: no-repeat;
 }
 a.y:hover {
 width: 280px;
 height: 42px;
 color: #FFFFFF;
 opacity: 0.5;
 padding: 10px;
 font-weight: bold;
 text-decoration:none;
 display: block;
 background-image : url(../img/PDFLogo.png);
 background-repeat: no-repeat;
 }