body {
  background: #ffffff;
  padding: 10px 15%;
  font-family: 'OpenSans';
  src: url('OpenSans-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;

}
@media (min-width: 320px) and (max-width: 480px) {
body { padding: 5px 2%; }
}

@font-face {
font-family: 'OpenSans';
src: url('OpenSans-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('OpenSans-Italic.ttf') format('truetype');
font-weight: normal;
font-style: italic;
 }
@font-face {
font-family: 'OpenSans';
src: url('OpenSans-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'OpenSans';
src: url('OpenSans-BoldItalic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}

p { text-align: justify; font-size: 1.1em; font-weight: normal; font-family: 'OpenSans', sans-serif; }
.titulo { color:#0066cc; font-size:1.8em; font-weight:bold; font-family: 'OpenSans', sans-serif; text-shadow: 4px 4px 4px #aaa; }
.subtitulo { font-size: 1.3em; font-weight:bold; font-family: 'OpenSans', sans-serif; margin-top: -0.5em; line-height: 0.8em; }
.autor { font-size: 1em; font-style: italic; font-family: 'OpenSans', sans-serif; margin-bottom: 2em; }
.intro { text-align: justify; font-size: 1.1em; font-style: italic; color: grey; font-family: 'OpenSans', sans-serif; line-height: 1.2em; }
.pie { font-size: 0.8em; font-weight: normal; font-family: 'OpenSans', sans-serif; }
.centrado, .centrado p { text-align:center; text-indent:0; }
li { text-align: justify; }
.gris { margin-top:1em; text-align:center; text-indent:0; color:#595959; }
.normal { font-style:normal; font-weight:normal; text-decoration:none; }

.button {
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  padding: 4px 20px;
  border-radius: 6px;
  transition-duration: 0.4s;
  cursor: pointer;
}
.button1 {
  background-color: grey; 
  color: white; 
  border: 1px solid black;
}
.button1:hover {
  background-color: #C0C0C0;
  color: black;
}