@font-face {
    font-family: 'sequel';
    src: url('fonts/sequelsans-lightbody-webfont.eot');
    src: url('fonts/sequelsans-lightbody-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sequelsans-lightbody-webfont.woff2') format('woff2'),
         url('fonts/sequelsans-lightbody-webfont.woff') format('woff'),
         url('fonts/sequelsans-lightbody-webfont.ttf') format('truetype'),
         url('fonts/sequelsans-lightbody-webfont.svg#sequel_sanslight_body') format('svg');
    font-weight: normal;
    font-style: normal;

}

*{ outline: none; margin: 0px; padding: 0px; border: 0 solid #fff; box-sizing: border-box;}
html{ width: 100%; height: 100%; height: -webkit-fill-available;} 
body { 
	background-color: grey;
	width: 100%; height: 100%; 
	background-color: #fff; color: #aaa;
	/* font-family: 'Source Code Pro', monospace; font-size: 16px; line-height: 24px; font-weight: 500; */
	font-family: 'sequel', sans-serif; font-size: 16px; line-height: 24px; /* font-weight: 500; */

  -webkit-overflow-scrolling: touch;
  min-height: -webkit-fill-available;
}
strong, b{ font-weight: bold; }
table{border-collapse: collapse;}
a{ transition: color .2s ease-out; color:#aaa; cursor: pointer; text-decoration: none;}
a:hover,
a.seleccionado{ color: #939393 }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; line-height: 1.3em;  }