html {
    margin:    0 auto;
    max-width: 1400px;
    background-color: #F5f5f5; /* Revisar ao final */
}

*{
  box-sizing: border-box;
}
@font-face {
  font-family: ahm;
  src: url(ahm.otf) format('truetype')
}
.ahm::before, .ahm3::before {
  font-family: ahm;
  font-size: 1.2em;

}

.ahm.atencao::before { content: 'A'; }
.ahm.breja::before { content: 'B'; }
.ahm.camera::before { content: 'C'; }
.ahm.windows::before { content: 'D'; }
.ahm.equipamento::before { content: 'E'; }
.ahm.pdf::before { content: 'F'; }
.ahm.graph::before { content: 'G'; }
.ahm.home::before { content: 'H'; }
.ahm.ideia::before { content: 'I'; }
.ahm.txt::before { content: 'J'; }
.ahm.tree::before { content: 'K'; }
.ahm.lupulo::before { content: 'L'; }
.ahm.malte::before { content: 'M'; }
.ahm.snow::before { content: 'N'; }
.ahm.book::before { content: 'O'; }
.ahm.prancheta::before { content: 'P'; }
.ahm.globo::before { content: 'Q';}
.ahm.lupa::before { content: 'R'; }
.ahm.skull::before { content: 'S'; }
.ahm.town::before { content: 'T'; }
.ahm.user::before { content: 'U'; }
.ahm.link::before { content: 'V'; }
.ahm.processo::before { content: 'W'; }
.ahm.linux::before { content: 'X'; }
.ahm.yeast::before { content: 'Y'; }
.ahm.svg::before { content: 'Z'; }
.ahm.preco::before { content: 'a';}
.ahm.terminal::before { content: 'b'; }
.ahm.menu::before { content: 'c'; }
.ahm.run::before { content: 'd'; }
.ahm.drop::before { content: 'e'; }
.ahm.calendario::before { content: 'f'; }
.ahm.lista::before { content: 'g'; }
.ahm.nota::before { content: 'h'; }
#principal{
    margin-left: 210px;
    padding-left: 4px;
    background-color: #FFFFFF;
    }

#central {
  margin-top: 10px;

}

hr {
border-top : 1px solid #000;
margin : 20px 0;
}

/* Tipografia */
h1, h2, h3, h4, h5, h6{
  font-family: "Ubuntu", verdana, sans-serif;
  color: #003050;
} 

h3{
color: #003050;
font-weight:bold;
padding: 0 0 2px 6px;
border-left:  solid 3px #003050;
} 

h6{
  font-style: oblique;
  font-weight: bold;
  font-size: medium;
  } 

p {
  color: #1f1f1f;
  font-size: 1.1em;
 } 

/*Links de Todo o site*/
 .central a:link  {
  color: #003050;
  background-color: #d9d9d9;
  text-decoration: none;
  border-bottom:  solid 1px #003050;
}
  .central a:visited  {
  color: #005070;
  background-color: #eee;
  border-bottom:  dotted 1px #005070;
}
/* mouse over link */
  .central a:hover, a:active  {
  color: #003050;
  background-color: #FFF;
  border-bottom:  double 2px #003050;
}

 .fa-link, .fa-file-pdf {
  color: #066;
}
#topo h2, h3 {
    color: #003050;
  }

#banner {
  margin-top: 16px;
  padding-bottom: 16PX;
  background-color: #FFF;
  }
#banner a:link {
  text-decoration: none;
}
  #topo {
    margin-top: 16px;
    background-color: #FFF;
}

  .topo_info h5{
  font-size: 1.2em;
  font-style: oblique;
  font-weight: lighter;
  }

img {
  padding: 4px;
}
 .myBtn {
  display: none; /* Hidden by default */
  position: fixed; /* Fixed/sticky position */
  bottom: 20px; /* Place the button at the bottom of the page */
  right: 30px; /* Place the button 30px from the right */
  z-index: 99; /* Make sure it does not overlap */
  border: none; /* Remove borders */
  outline: none; /* Remove outline */
  background-color: #05668D; /* Set a background color */
  color: #EEE; /* Text color */
  cursor: pointer; /* Add a mouse pointer on hover */
  padding: 5px; /* Some padding 15*/
  border-radius: 5px; /* Rounded corners 10*/
  font-size: 18px; /* Increase font size 18*/
}
#topo_a h1,h5 {
  color: #003050;
  text-align: center;
}
#topo_a a:link {
  text-decoration: none;
  font-size: 1.2em;
}
/* mySidebar */
.w3-sidebar {
  z-index: 3;
  width: 200px;
  top: 10px;
  bottom: 0;
  height: inherit;
}

    .sidebar {
    width: 200px;
    height: max-content;
    background-color: #edffff;

    overflow-x: hidden;
    }
    .sidebar ul {
      width: 200px;
      list-style-type: none;
      margin: 0;
      padding: 8px 8px 0 8px;
    }
    .sidebar li a {
      display: block;
      color: #05668D;
      padding: 6px;
      text-decoration: none;
      background-color: #edffff;
    }
    .sidebar li {
      text-align: left;
      border-bottom: 1px solid #05668D;
    }
    
    .sidebar li:last-child {
      border-bottom: none;
    }
    
    .sidebar li.bloco {
      background-color: #05668D;
      color: #FFF;
      padding: 2px 12px;
    }
    .sidebar a.bloco {
      background-color: #05668D;
      color: #EEE;
      padding: 2px 12px;
      border-bottom: solid 1px #05668D;
    }
    
    .sidebar li a:hover:not(.active) {
      background-color: #FFF;
      color: #05668D;
      border-left: solid 2px #05668D;
      border-bottom: none;
    }
    
    .sidebar a:link {
      color: #05668D;
      background-color: #FFF;
      text-decoration: none;
    }
    .sidebar h7 {
      font-size: 70%;
    }
    

.topnav {
  overflow: hidden;
  background-color: #333;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.active {
  background-color: #003050;
  color: white;
}

.topnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 17px;    
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.topnav a:hover, .dropdown:hover .dropbtn {
  background-color: #555;
  color: white;
}

.dropdown-content a:hover {
  background-color: #ddd;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }

  /* Nvigation Desktop */

   /* Navbar container */
.navbar {
  overflow: hidden;
  background-color: #003050;
  margin-top:1em;
  box-shadow:0 2px 5px 0;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.navbar a:active {
  background-color: #600;
}
/* The dropdown container */
.dropdown2 {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown2 .dropbtn2 {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown2:hover .dropbtn2 {
  background-color: #003050;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  background-color: #eff;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #ddd;
  border-left: solid 4px #005070;
}

/* Show the dropdown (opções) menu on hover */
.dropdown2:hover .dropdown-content {
  display: block;
  background-color: #005070; 
  color: #eff;
} 

/* Show the dropdown (categorias) menu  on hover */
.dropdown2:hover .dropbtn2 {
  display: block;
  background-color: #006080; 
  color: #eff;
} 

.column-tempo > .card > h5 {
  background-color: #CC6600;
  color: white;
  text-align: center;
  align-content: center;
  border: none;

}.column-tempo {
  float: left;
  width: 25%;
  padding: 0 10px;
}
/* Remove extra left and right margins, due to padding */
.row {margin: 0 -5px;}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.nav_rod{
float: right;  
color: #003050;
padding: 4px;
border-radius: 5px;
border: solid 1px #003050;
}
.navega > a {
color:#003050;
padding: 0 2px;
font-style: oblique;
text-align: center;
border-radius: 5px;
}
.navega a:hover {
font-weight: bold;
}
/* Responsive columns Linha Tempo*/
@media screen and (max-width: 600px) {
  .column-tempo {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}