@font-face {
   font-family: fnt; src: url("ptsans.otf");}
@font-face {
   font-family: grotesk; src: url("freeav.otf");}

body {
   font:13pt fnt, serif; margin:0px; padding:0px; background:#f6f3ee;}
div#body {
   width:1000px; max-width:98%; margin:auto;}

a {
   color:#309; text-decoration:none;}
a:hover {
   color:#30f; text-decoration:underline;}
   
tt, kbd, code {
   padding:2px; font-family:"Courier New", monospace; font-size:110%;}
   
table {
   border-collapse:collapse; margin:12pt auto;}
table th, table td {
   border:1px solid black; text-align:left; padding:5px;}
table td:first-child, table th {
   text-align:center;}
table td:first-child {
   font-family:"Courier New", monospace;}

header {
   text-align:center; margin:40px 0px 20px;
   padding:10px; border-bottom:1px solid #963;}
footer {
   text-align:center; margin-bottom:12pt;}
header img {
   display:inline-block; width:95%; max-width:300px;
   vertical-align:middle; margin:0px 10px;}
footer {
   text-align:center; margin-top:30px; border-top:1px solid #963;
   padding-top:6pt;}
footer p {
   font-size:85%; text-align:center;
   -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none;}

h1, h2, h3 {
   font:18pt grotesk, sans-serif; color:#963; text-align:center;}
h1 {
   display:inline-block; margin:0px; line-height:110%;
   vertical-align:middle; color:#fc0; text-shadow: 1px 1px #ccc;}
h2 {
   font-size:16pt; margin:0px 0px 10px 5px;}
h3 {
   font-size:12pt; margin:12pt 0px 6pt 0px;}

img.iconMenu {
   height:32px; position:fixed; left:10px; top:7px; display:none;}
nav ul, ul#mnuMob {
   width:100%; margin:0px; padding:6pt 0px; text-align:center;
   font:16px grotesk, sans-serif; background:#963;
   position:fixed; top:0px; left:0px;}
nav li, ul#mnuMob li {
   list-style:none; display:inline; margin:0px; padding:6pt 12pt;}
nav li.selected {
   background:#f6f3ee; box-shadow:inset 0px 4px 0px 0px #963;
   border-radius:5px 5px 0px 0px;}
nav li a {
   color:#ff6;}
nav li a:hover {
   color:#fff;}
nav li.selected a {
   color:#639;}
ul#mnuMob {
   display:none;}
   
p {
   padding: 3pt; margin: 0px; text-indent:1.5em;}
p, li {
   text-align:justify;
   -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto;}
li {
   margin-bottom:3pt; text-align:left;}

@media (max-width: 960px) {
   p, li {
      text-align:left;}
   img.iconMenu {
      display:block;}
   nav li {
      display:block; width:65%; margin:auto; padding:2px 3pt;}
   nav ul {
      display:none;}
   ul#mnuMob {
      display:inline-block;}
   nav li.selected {
      border-radius:0px;}
}