#header1 {
  background-color: #222;
  color: #eee;
  height: 35px;
  width:100%;
  position: fixed;
  top: 0px;
}

#header2 {
  background-color: #000;
  color: #eee;
  height: 35px;
  width:100%;
  position: fixed;
  top: 35px;
}

#header1 h1 {
  color: #eee;
  font-size: 36px;
  margin: 0px 16px;
  display: inline;
  line-height: 65px;
  font-family: verdana, sans-serif;
  font-weight: normal;
}

body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size:90%;
  cursor: default;
}

a:link {
  color: green; 
  background-color: transparent; 
  text-decoration: none;
}

a:visited {
  color: green;
  background-color: transparent;
  text-decoration: none;
}

ol { 
  margin-left: 20px; 
  position: relative;
  list-style: none;
}

ol li::before {
  content: '→';
  position: absolute;
  margin: 04px 1; 
  left: 10px;
}

img { 
  margin-top: 10px; 
  margin-left: 20px; 
}

details {
    margin-top: 25px;
  }


#plano details {
    margin-top: 20px;
    padding-left: 30px;
  }

summary { 
  cursor: pointer;
}


.frame{
   width:80%; 
   margin-left:30px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1.2rem;
}

.centered {
  text-align:center
}

p {
  margin-bottom: -.4em; 
}

ul li {
  padding: 6px; 
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #000;
  overflow: hidden;
  position: fixed;
  top: 0px;
  width: 100%;
}

.topnav h1 {
  font-family: verdana, sans-serif;
  margin-left:16px;
  margin-top:8px;
  margin-bottom:8px;
  color:white;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}


/* Place the navbar at the bottom of the page, and make it stick */
.navbar {
  background-color: #000;
  overflow: hidden;
  position: fixed;
  bottom: 0;
  width: 100%;
}

/* Style the links inside the navigation bar */
.navbar a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.navbar a:hover {
  background-color: #04AA6D;
  color: white;
}

/* Add a color to the active/current link */
.navbar a.active {
  color: white;
}

.row {
  display: flex; /* equal height of the children */
  border-style: none;
}

.col {
  flex: 1; /* additionally, equal width */
  border-style: none;
}