@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;}
div#body {
   width:1000px; max-width:98%; margin:auto;}

a {
   color:#309; text-decoration:none;}
a:hover {
   color:#30f; text-decoration:underline;}

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

h1, h2, h3 {
   font:18pt grotesk, sans-serif; color:#639;}
h1 {
   display:inline-block; margin:0px; line-height:110%;
   text-align:center; vertical-align:middle;}
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:#fc0;
   position:fixed; top:0px; left:0px;}
nav ul img {
   height:40px; margin:-12px;}
nav li, ul#mnuMob li {
   list-style:none; display:inline; margin:0px; padding:6pt 12pt;}
li.selected {
   background:#fff;}
ul#mnuMob {
   display:none;}
   
aside, article {
   display:inline-block; vertical-align:top;}
aside {
   width:220px; text-align:center; padding-top:50px;}
aside img {
   width:200px; box-shadow: 2px 2px 5px 3px #ccc;}
article {
   width:760px; padding:5px;}
article img {
   display:block; width:600px; max-width:95%; margin:auto;}

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;}
table {
   border-left:1px solid black; border-top:1px solid black; border-spacing:0px;
   font-size:90%; text-align:center; width:98%; margin:12pt auto;
   background:#fff9e5;}
table th, table td {
   border-right:1px solid black; border-bottom:1px solid black;
   padding:3px;
}

@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;}
   nav ul img {
      display:none;}
   ul#mnuMob {
      display:inline-block;}
   aside {
      width:100%; padding-top:0px; padding-bottom:10px;}
   article {
      width:98%;}
}
