html {
  position: static;
  background-attachment: fixed;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover; 
  background-image: url('/img/bg/diversity-1034160.jpg') !important;
  
}

body {
  font: 1em 'Open Sans', 'Sans Serif', Arial;
  color: #222;
}

.wrapper {
  min-width:380px;
  max-width:1120px;
  width: 90%;
  margin: 0 auto;
}



#middle { background-color: rgba( 255,255,255,0.8 ); }
main {  }
.norgba #main {background-color:#FAF5F1; }


header {
  height: 150px;
  position: relative;
}  

#banner {   float:right; position: relative; }
#banner img {  width: 360px; height:175px; z-index:5; position:absolute; left:-360px; }




main.wrapper article {
  padding: 1em; 
}  
a { 
  color: #DA584E;    
  text-decoration: none;
  font-weight: bold; 
}

article.home { padding: 0 1em ; }

a:hover {
  text-decoration: underline;
}


#bottom {   background-color: rgba( 0,0,0,0.4 ); } 
.norgba #footer {   background-color: #817465; } 
footer { 
  padding-bottom:200px;
  min-height: 20%; 
  color: white;
}
img.logo {
  height: 120px; width: auto; margin: 0.5em; 
}  
/* 
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
} */

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


h1,h2,h3,h4 { font-family: 'Open Sans';  }
h1{  color: #B84640; font-size: 1.8em; font-weight: 600; }
h2{  color: #B84640; font-size: 1.5em; font-weight: 400;}
h3  {  color: #222; font-size: 1.2em; font-weight: 700;}
h4{  color: #222; font-size: 1.1em; font-weight: 600;}


.shadow {  box-shadow: 2px 2px 4px #444; }

.left { float:left;   }
.right { float:right; }
.center  { text-align: center; }

figure { min-width: 300px; display: block; background-color: #FFF; border: solid 10px #fff; max-width: 360px;  }
figcaption { font-size: 0.75em; padding-bottom: 0.5em; clear:both; text-align:centered; display:inline-block; width: 100%;}
figure img { height: auto; width: 100%; clear:both; display: block; }

video { max-width: 480px; height: auto; display:block; }

aside figure { margin:0; }

figure.header { margin: 1em auto; max-width:600px;  }
figure.header img {  }

figure.coimbra { width: 30%; margin: 1% 0; padding:0; }

/* main  */
main { min-height: 600px !important; }

aside {
  padding: 1em;   /* figure */;  min-width:350px; 
}

aside figure {  max-width:350px; margin: 0 auto; } 
aside figure {  margin-top: 1em; } 

article.home.right {  width:30%; }
article.home.right figure {  min-width:auto; }
article.home.right video {  min-width:auto; width:100%;}

article.home.green {  background-color: #7F875F; color: #fff;  }
article.home.green figcaption {  color: #222; clear:both;  }


article.home.left  { width: 60%;  } 
article.home figure { margin: 0 auto; max-width: 600px; width:90%; } 

.bold { font-weight: 600; }


footer ul {
  list-style: none; padding:0.5em; margin:0; 
}

footer a {  color: #F29D59; }

/* menu */
nav {
  border: none;
  position: relative;
  padding-top: 120px;
}
nav #trigram  {  text-align:center; }
nav #trigram  i.fa-bars { display:none; color: #DA584E;  font-weight: bold; font-size:2em; }

nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height:30px; 
  position: absolute; z-index: 10 /*above banner */;
  
}

nav ul li:first-child {
width: 2em; min-width: 3em;
}
nav ul li:last-child {
width: 2em; min-width: 3em; 
float:right;
}

nav ul li {
  text-align: center;
  position: relative; /*fix 2nd level width; */
  min-width:6em; width: auto;
  float:left;  
  font-size: 0.8em; 
}
/* nav li a { color: #2A4475; padding:0 1em; display:block; } */
nav li a { color: #FFE8CF; padding:0 1em; display:block; }
/* nav ul li:Hover a, ul.l1 li a.active { color: #21AED4; } */
nav ul li:Hover a, ul.l1 li a.active { color: #222; background-color:rgba( 255,255,255,0.8 ) }
nav ul li:Hover li a  {  }
nav ul li li a:Hover  { color: #222; }
/* nav ul li:Hover   { background-color: #D9E2E5; } */
/* nav ul li:Hover   { background-color:rgba( 255,255,255,0.8 ) } */


/* nav ul li.active i { text-shadow: 2px 2px 3px #000; } */


 
/*level2*/
nav ul li ul { display: none; position: relative; z-index:10; text-align: center;  )/* border: solid 1px red; border-top:0;  */ }
nav ul li ul li {  margin:0 auto; float:none; width:100%; background-color:rgba( 255,255,255,1); }
nav ul li ul li:first-child { width:100%; }
nav ul li ul li:last-child { width:100%; }
nav ul li:hover ul { display: block;  }



p , ol , ul {  text-align: justify;  line-height:120%; }

p {   margin:0; padding-top: 0.5em; }
p.indent { padding-left: 2em; }

ul {
 list-style: square;  margin-top: 1em; list-style-position: outside; margin-left: 2em; margin-right: 1em; margin-bottom: 1em;  
}
ol {
    margin-top: 1em; list-style-position: outside; margin-left: 2em; margin-right: 1em; margin-bottom: 1em;  
} 
ul p {  margin-left: -1.5em; }

@media only screen and (max-width: 854px) {
  .wrapper { width: 100%; margin:0; }
    article.home.left{ width:60%; min-width:auto; padding: 1%; }
    article.home.right{ width:36%;min-width:auto; padding: 1%; }

  table{ display:block; height:200px; max-width:600px !important; width:100%; overflow:auto; cursor:hand; }
  table:before { content: 'arraste para ver mais'; color:darkred; }
  
}

@media only screen and (max-width: 480px){
  .wrapper { width: 100%; margin:0; }

   .left, .right {  float:none;   }
  
  
  article.home.right { width:auto; padding:1em; }
  article.home.left{ width:auto; padding:1em; }
  hr { width: 50%; }
  /* p,h1,h2,h3,h4,ul,li,table { margin:1; padding:0; } */
article p { margin-right:1em; text-align:left; }
  table{ width:100%;}
  th, td{ width:auto; }
  /* thead>tr{ position:relative; display:block; } */
  table{ display:block; height:200px; width:300px !important; overflow:auto; cursor:hand; }
  table:before { content: 'arraste para ver mais'; color:darkred; }
  
  #banner {  display:none; }
  header{ height: 2em;}

  nav {  padding-top:0;  }
  nav #trigram  {  height: 2em; width:2em;  }
  nav #trigram  i.fa-bars  { display: block;}
  nav #trigram:hover ul.l1 { display: block; }  
  
  figure.header{ margin:0; padding:0; border:none; background:transparent; max-width:400px; }
  .header img {  width:90%; max-height:150px; margin:0 auto; } 
  article.home figure , aside.home figure , figure.header {  margin:0; padding:0 !important; width:90%; min-width:300px; }
    
    
  nav ul { 
    width:150px; padding:0; line-height: 30px; top:0; left: 30px;  background-color:rgba( 255,255,255,0.8 ); display:none;   
  }

    
  nav ul li a { padding:0; padding-left: 0.5em; color: #DA584E; }
  nav ul li {  width:150px !important; float:none; position:relative; text-align:left;  }
  nav ul li:last-child { float:none; }
  nav ul li ul { width:150px; left:150px;  top: -30px; display:none; position:absolute;  }
  
  figure,video { padding: 0; margin:0; border:none; }
  
  footer { padding-bottom: 2em; height: auto; }
}  


table { width:auto;  margin: 0 auto;     border-collapse: collapse; border-spacing: 0; }

table td { padding:0.5em 0.5em;  }
table th { text-align: center; padding:0.5em 0.5em; font-weight: 600;  }

.smaller { font-size: 0.875em; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
  background: #ccc;
  color: #000;
  padding: 1em 0.5em;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.clearfix {
    clear: both;
}

hr.clearfix { border:0; }

video