* {box-sizing: border-box}

/* Set height of body and the document to 100% */
body, html {
  height: 100%;
  margin-top: -30px;
  text-align: center; 
  background: #ffffff; 
  font-family: sans-serif; 
  font-weight: 100; 

}


h1{ 
  color: #396; 
  font-weight: 100; 
  font-size: 30px; 
  margin: 40px 0px 20px; 
} 
  h2{ 
  color: blue; 
  font-weight: 100; 
  font-size: 20px; 
  margin: 40px 0px 20px; 
} 


.footerMsg {
  margin-top: -90px;
}  

/* Style tab links */
.tablink {
  background-color: #555;
  color: black;
  float: left;

  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 17px;
  text-align: center;
  width: 50%;
}

  

.tablink:hover {
  background-color: #777;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
  margin-top: -60px;
  color: black;
  display: none;
  padding: 100px 20px;
  height: 100%;
}


#Downloads {background-color: white;}
#Conteudo {background-color: white;}

 #clockdiv{ 
    font-family: sans-serif; 
    color: #fff; 
    display: inline-block; 
    font-weight: 100; 
    text-align: center; 
    font-size: 25px; 
} 
#clockdiv > div{ 
    padding: 10px; 
    border-radius: 3px; 
    color: black; 
    display: inline-block; 
} 
#clockdiv div > span{ 
    padding: 15px; 
    border-radius: 3px; 
    display: inline-block; 
} 

smalltext { 
    padding-top: 5px; 
    font-size: 16px; 
} 
  
  * {box-sizing: border-box}