body {
  background-color: white;}

#css {
  text-align:right}

#css img {
  left:0;
  top:0;
  border:0}

#flag {
  position: fixed;
  width: 3em;
  top:1em;
  right:1em;
}

#flag img {
  width: 3em;
  border: 0px;
}

#menu { 
  position: fixed;
  overflow: auto;
  width: 12em;
  height: auto;
  top: 0em;
  left: 0em;
  bottom: 0em;
  background: #c3d7f2;
  color: white;
  font-family: sans-serif}

#menu img {
  border:0;
  width: 80%}

#menu a.h1 {
  display: block;
  margin: 0.55em;
  padding: .4em;
  text-align: right;
  background: #6aa6f3;
  font-size: 15px;
  color: white;
  border: solid thin white;
  text-decoration: none}

#menu a.h1:hover {
  background: #3a86c3;}

#menu a.h2 {
  display: block;
  margin-right: 0.6em;
  margin-left: 3em;
  margin-top: 0.45em;
  padding: .1em .4em;
  text-align: right;
  background: #6aa6f3;
  font-size: 12px;
  color: white;
  border: solid thin white;
  text-decoration: none}

#menu a.h2:hover {
  background: #3a86c3;}

#menu:before {
  content: "";
  display: block;
  margin-bottom: 1em;
  padding: 0.9em;
  background: transparent;
  color: #6aa6f3;
  font-size: larger;
  font-weight: bold;
  letter-spacing: 0.085em}

#content hr {
  color:black;
  background:#6aa6f3;
  border-style:solid;
  height:6px }

#content {
  font-family: sans-serif;
  margin-right: 6em;
  margin-left: 16em;
  margin-top:3em;
  margin-bottom:6em;
  text-align: justify;
  font-size:100% }

#content h4 {
  display: block;
  color:#6aa6f3;
  background:#c3d7f2;
  border-top: solid thin #6aa6f3;	
  border-bottom:solid thin #6aa6f3;
  text-align:left;
  text-indent: 1em}

#content h3 {
  background:#6aa6f3;
  color:white;
  padding-left: .5em;
  border: solid thin black }

#content h2 {
  background:#6aa6f3;
  color:white;
  padding-left: .5em;
  border: solid thin black }

#content h1 {
  background:#6aa6f3;
  color:white;
  padding-left: .5em;
  border: solid thin black }

#content a:link {
  color: navy;
  text-decoration: none}

#content a:visited {
  color: navy;
  background: transparent;
  text-decoration: none}

#content a:hover href {
  background: #cccccc}

div.outabstract {
  display:block;
  text-align:left;
/*    border:solid black;*/
 /*   position:absolute; */	
 /*  right:17em; */
  position:relative;
  top:0em }

div.outabstract span.abstracttitle {
  color: #6aa6f3;
  padding-left:0em}

div.outabstract div.abstract {
  display:none;
  visibility: hidden}

div.outabstract:hover div.abstract {
   display:inline;
   visibility: visible}

div.outabstract:hover div.abstract blockquote {
  white-space: pre;
  padding-left:2em;
  font-size:80%;     
  margin-top:0em;
  text-align: justify;
  border: dashed thin #6aa6f3 }

span.categ {
  font-size: medium;
  border-bottom-style: dotted;
  border-bottom-width: thin;
}

table.biblio {
  width: 100%;
  text-align: justify;
}