*{ padding:0; margin:0; font-weight: normal;z-index: 0;}
  @font-face { font-family: "Inconsolata"; src: local("Inconsolata-Regular.ttf"),
  url("Inconsolata-Regular.ttf"); }

  body {font-family:"Inconsolata";max-width: 800px;
  padding:0 2%;margin:auto;text-align: center;}

  thead p, th p {text-align: center;}

  p, .com {text-align: left;}
  p,th * {clear: both;}
 /* text-shadow:.5px .5px #6cf,-.5px -.5px #f6c,
  .5px -.5px #ff6,-.5px .5px #6f3;}*/
  
  

  .com {text-transform: uppercase;margin: -.5em 0 1.2em 0;
  float: left;clear: both;}
  .com:before {content: "/* ";}
  .com:after {content: " */ ";}



  hr {border:0;margin:2em 0 0 0;float: right;
  width: 100%;}


  table {width: 100%;table-layout : fixed;}
  table,th, td {border:1px dashed #567;border-collapse: collapse;}
  thead {text-align: center;}
  td {padding:1em;}

  a:link,a:visited {text-align: center;text-decoration: none; }
  a:hover, a:active {background-color:#4af;color:#fff;}

  td { counter-reset: linkcount;}
  td a:before { content: "0" counter(linkcount) ". "; counter-increment: linkcount;}

  body,.com {background: #345;color: #fff;}
  .com {color: #456!important;}
  hr {border-bottom:1px dashed #456;}
  a:link,a:visited, .num {color:#f69;}
  .var {color:#49e;}
  .ope {color:#4d6;}
  .pro {color:#f93;}


  
  .apnee {filter: grayscale(.4);opacity: .4;transform: rotateY(180deg); display: inline-block;}
  .apnee:hover {background: none;opacity: 1;}