@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+HK:900|Oswald|Roboto+Condensed|Source+Sans+Pro:300|Yanone+Kaffeesatz&display=swap');

body {
    background-color:;

}

header#cabecalho img#logo {
    margin-top: -20pt;
}

nav#menu {
    display: block; 
}

nav#menu:hover {
    display: block; 
    color: white;
}

nav#menu ul {
    list-style: none;
    text-transform: uppercase; 
    text-decoration:none;
    text-align: center;   
}

nav#menu li {
    display: inline-block;

    padding: 5px;
    text-align: center;
    text-decoration:none;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14pt;
    transition: background-color 750ms;
}
nav#menu a {
    color: black;
    text-decoration: none;
}

nav#menu a:hover {
    color: white;
    text-decoration: none;
}
nav#menu li:hover {
    background-color: gray ;
}

nav#lista {
    display: block; 
    line-height: 2;

}   

nav#lista a{

    line-height: 1.6;

}   

nav#lista:hover {
    display: block; 

}

nav#lista ul {
    transition: background-color 750ms;
}

nav#lista a:hover {
    color: white;
    text-decoration: none;
    background-color: gray ;
}
nav#lista a:hover {
    background-color: gray ;
}

.nav-lateral {
    display: block;
    font-size: 8pt;
    padding: 0.5rem 1rem;
}

footer { 
    display: block;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 11pt;
    line-height: 1;
    text-align: center;
  }

h1 {
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    font-size: 26pt;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10pt;
    margin-bottom: 10pt;
}

h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 20pt;
    text-align: center;
    margin-left: 50pt;
    margin-right: 50pt;
    margin-top: 25pt;
    margin-bottom: 15pt;
}

h3 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 17pt;
    text-align: center;
    margin-left: 50pt;
    margin-right: 50pt;
    margin-top: 15pt;
    margin-bottom: 25pt;
}

h4 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16pt;
    text-align: center;
}

h5 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14pt;
    text-align: center;
}

p {
    line-height: 1.5;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14pt;
    text-align: justify;
    margin-left: 50pt;
    margin-right: 50pt;
    margin-top: 15pt;
    margin-bottom: 5pt;
    
}

p.solfejo {
    line-height: 1.5;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14pt;
    text-align: justify;
    margin-left: 25pt;
    margin-right: 25pt;
    margin-top: 15pt;
    margin-bottom: 5pt;
    
}

p.artigo {
    line-height: 1.5;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14pt;
    text-align: justify;
    margin-left: 50pt;
    margin-right: 50pt;
    margin-top: 15pt;
    margin-bottom: 5pt;
    text-indent: 50px;
    
}

audio {
    line-height: 1.5;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 14pt;
    align-content: right;
    display: table;
    margin: 0 auto;
    margin-top: 25pt;
    
}

p.simples {
    font-size: 13pt;
    line-height: 1;
    text-align: justify;
    margin-left: 50pt;
    margin-right: 50pt;
    margin-top: 15pt;
    margin-bottom: 5pt;

  }

p.audiolegenda {
    font-size: 10pt;
    line-height: 1;
    text-align: center;
    margin-left: 50pt;
    margin-right: 50pt;
    margin-top: 5pt;
    margin-bottom: 5pt;
  }

  p.fichatecnica {
    font-size: 7pt;
    line-height: 1.2;
    text-align: justify;
    margin-top: 20pt;
    margin-bottom: 20pt;
    font-family: 'Arial';
  }
  
p.big {
    line-height: 1.5;
  }

p.lista 

{

    margin-left: 0;
    margin-right: 0;

}

.ol {
    margin: auto;
    text-align: center;
    padding: 0;
    margin: 0;
  }

ul {
    line-height: 1.25;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13pt;
    text-align: center;
    padding: 0;
    margin: 0;
}

a { color: inherit; } 

figure.avatar  {

    border: 8px solid white;
    border-radius: 5pt;
    width: 250px;
    margin: auto;
    box-shadow: 1px 1px 4px black;
}


figure.avatar img {
    
}



img {

    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20pt;
    margin-bottom: 0pt;

}

.bd-links {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-right: -15px;
    margin-left: -15px;
}

.navbar-fixed-left {
    width: 140px;
    position: fixed;
    border-radius: 0;
    height: 100%;
    }
    
    .navbar-fixed-left .navbar-nav > li {
    float: none;  /* Cancel default li float: left */
    width: 139px;
    }
    
    .navbar-fixed-left + .container {
    padding-left: 160px;
    }
    
    /* On using dropdown menu (To right shift popuped) */
    .navbar-fixed-left .navbar-nav > li > .dropdown-menu {
    margin-top: -50px;
    margin-left: 140px;
    }

.scrollspySite {
    position: relative; 
    overflow: auto;    
    height: 480px;
    }