/* GRAFOS/2012-0320/style.css (veio de GRAFOS/2011-5770/) */
BODY {
   margin-left: 8%;
   margin-right: 8%;
   background: white;
   color: #000030;
   text-align: left;
   font-size: 100%; /*some say this helps MS-IE scale fonts correctly*/
}
/* ordinary links */
a:link {
  color: #0000e0;
  text-decoration: underline;
} 
a:visited {
  color: #0000b0;
  text-decoration: none;
}
a:hover { /* Must come after :link and :visited */
  color: red;
  text-decoration: underline;
}
a:active {
  color: red;
  text-decoration: underline;
} 
p.menu {
/*font-family: sans-serif, Arial, Helvetica;*/
  font-size: 75%;
  font-weight: bold;
  text-align: right; 
  color: #000080; 
  padding-bottom: 0.1em;
  border-bottom: 2px solid #000080;
  margin-bottom: 4em;
}
.menu a:link { 
  text-decoration: none; 
  color: #000080;
} 
.menu a:visited { 
  text-decoration: none; 
  color: #000080;
} 
.menu a:hover { 
  text-decoration: underline; 
  color: #d05010;
} 
.menu a:active { 
  text-decoration: underline; 
  color: #d05010;
}
/*** browser does not support yet
     corresponds to transition target="_blank"
a.newtab { 
  target-name: new;
  target-new: tab;
} 
***/

/* my standard */
h1.center {
   margin-top: 1em; 
/* margin-bottom: 1em; */
 /*color: #d05010; /*brown-orange */
   color: #b03000; /*dark brown-orange*/
   text-align: center;
}
h1.maintitle {
   margin-top: 1em; 
   margin-bottom: 0.3em;
 /*color: #d05010; brown-orange */
   color: #b03000; /*dark brown-orange*/
   text-align: left;
}
h1 {
   margin-top: 1em; 
 /*color: #d05010; brown-orange */
   color: #b03000; /*dark brown-orange*/
   text-align: left;
}
h2.center {
   margin-top: 1em; 
   margin-bottom: 1em; 
 /*color: #d05010; brown-orange*/
   color: #b03000; /*dark brown-orange*/
   text-align: center; 
}
h2 {
   margin-top: 1em; 
   margin-bottom: 1em; 
 /*color: #d05010;*/ /*brown-orange*/
   color: #b03000; /*dark brown-orange*/
   text-align: left; 
}
h3 {
 /*color: #d05010;*/ /* brown-orange */
   color: #b03000; /*dark brown-orange*/
   text-align: left; 
}
h3.blue {
   color: #000060; /* dark blue */
   text-align: left; 
}
h3.year {
   margin-top: 0em; 
   margin-bottom: 2em; 
   color: #000060; /* dark blue */
   text-align: left; 
}
p.epigraph {
   margin-top: 2em;
   text-align: right;
 /*font-size: x-small; the "x-" is to appease MS-IE*/
   font-size: 87%; /*same as small; because of MS-IE*/
}
p.epigraphsignature {
   margin-top: 0.0em;
   text-align: right;
 /*font-size: x-small; the "x-" is to appease MS-IE*/
   font-size: 87%; /*same as small; because of MS-IE*/
}
p.right {
   text-align: right;
}
p.display {
   text-align: center;
}
div.small {
 /*font-size: x-small; the "x-" is to appease MS-IE*/
   font-size: 87%; /*same as small; because of MS-IE*/
}
div.large {
   font-size: 110%;
}

span.highlight { /* substitute for italic */
   background: #ffffb0; 
}
span.sc {
   font-variant: small-caps;
}
span.green {
   color: #00b000;
}
span.red {
   color: red;
}
span.carmin {
   color: #a00000;
}

span.gray {
   color: #80a0b0;
}
p.gray {
   color: #80a0b0;
}
div.gray {
   color: #80a0b0;
}

li.sp {
  margin-top: 0.2em;
}
ul.foot {
  margin-top: 0em;
  margin-bottom : 0em;
}
li.foot {
  font-size: 87%; /*same as small; because of MS-IE*/
}

li.hide {
/* display: inline; */
/* display: none;*/
/* font-style: italic;*/
   margin-top: 0.2em;
   color: black;
   background-color: #d0ffd0;
}
span.hide {
   display: inline;
/* display: none;*/
/* font-style: italic;*/
   color: black;
   background-color: #d0ffd0;
}
p.hide {
   display: block;
/* display: none;*/
/* font-style: italic; */
   color: black;
   background-color: #d0ffd0;
}
div.hide {
   display: block;
/* display: none;*/
/* font-style: italic; */
   color: black;
   background-color: #d0ffd0;
}

span.invis {
   visibility: hidden;
}

.hint {
  float: right;  
  display: block; 
  width: 40%;
  background: #e0e0e0; 
  margin: 0.2em;
  border-right: 1px solid black; 
  border-bottom: 1px solid black;
  color: #2010b0; 
  padding: 0.3em;
  text-align: right;
  font-size: smaller;
}
p.footer {
   margin-top: 0px;
   margin-bottom: 0px;
 /*font-size: x-small; the "x-" is to appease MS-IE*/
   font-size: 87%; /*same as small; because of MS-IE*/
}
p.footer2 {
   margin-top: 0.5em;
   margin-bottom: 0px;
 /*font-size: x-small; the "x-" is to appease MS-IE*/
   font-size: 87%; /*same as small; because of MS-IE*/
}
img.r {
   border: 0;
   width:  88px;
   height: 31px;
   padding-left: 10px;
   float:  right;
}
small {
   font-size: 87%; /*because of MS-IE*/
}

tt {
  font-size: 95%;
}