@font-face {
  font-family: 'palanquin'; /*a name to be used later*/
  src: url('./fonts/palanquin-extralight.ttf'); /*URL to font*/
}


body{
  padding: 0px;
  margin:0px;
  font-family: Arial, Helvetica, sans-serif;
  background-color: whitesmoke;
}

.menu{
    /*  clear: both;
      top: 0px;
      overflow:hidden;
      background-color:#3486eb
      */
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 300;
      background-color:#102027;
      width:100%;
      height:49px;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 0px 0px;
      text-decoration: none;
      font-size: 17px;
      font: palanquin;
    }
    
    img{
      float: left;
      padding: 5px 5px;
    }
    .menu a{
      float: left;
      display: block;
      color: #f2f2f2;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
      font-size: 17px;
      font: palanquin;
    
    }
    
    .menu a:hover{
      color:#f57c00;
    /*  background-color: #f4ff80;*/
    }
    
    .menu a:active{
      background-color: #37474f;
      color: white;
    }
    
    .menu .icon{
      display: none;
    }
    
    
    
    /* BOTAO CADASTRO*/
    
    .tudo{
      float: left;
      overflow: hidden;
      z-index: 600;
    }
    
    
    .tudo .botao{
      font-size: 16px;
      border: none;
      outline: none;
      color: white;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit; 
      margin: 0; 
    }
    
    a:hover, .tudo:hover .botao{
      color: #ebd534;
    }
    
    .conteudo{
        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;
      }
      
      .conteudo a {
        float: none;
        color: gray;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: left;
      }
      
      .conteudo a:hover {
        background-color: #ddd;
      }
      
      .tudo:hover .conteudo{
        display: block;
      }