/* layout struture */
ol, ul, li, nav {
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0; 
}
#scrollnav {    
    overflow: auto;    
    width: 100%; 
    height: 100%;
    min-height: 100%;  
    margin-top: 1em;    
    position: absolute;
}
.scrollnav-toplinks{
     padding: 0.8em;    
}
.scrollnav li {
    position: relative;
    list-style: none;
}
.scrollnav li a {
    position: relative;
    display: block;
    padding: .96em;
    z-index: 2;
    overflow: hidden;    
} 
.scrollnav li ul li a {
 padding-left: 1.4em;   
}
.scrollnav ul li ul li a { 
    padding-left: 2em;   
}
.scrollnav ul li ul li ul li a { 
   padding-left: 3em;   
}

.scrollnav li ul {
    width: 100%; 
}
.scrollnav li ul li {
    font-size: 100%;
    position: relative;
    overflow: hidden; 
}

.scrollnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 5px;
    right: 5px;
    width: 33px;
    height: 33px;
    display: inline-block;   
    text-align: center; 
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.scrollnav .touch-button:hover {
    cursor: pointer; 
}
.scrollnav .touch-button .touch-icon {
    position: relative;
    top: 0.4em;
    font-size: 1.3em;    
}


/* styles -------------------------------------------- */
.scrollnav-toplinks{
    background: transparent; /* cor fundo li menu colapsado*/
    color: white;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* cor borda li menu colapsado */
/*    text-align: right;   */
}
.scrollnav-toplinks a {   
    color: white;
}

.scrollnav li {
    background: transparent; /* cor fundo li menu colapsado*/
    color: white;
} 
.scrollnav li a {
    color: white; /* cor links */
    background: transparent; /* cor fundo links nivel 01 */
    border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* cor borda li menu colapsado */
} 
.scrollnav li a.selected {
    background: rgba(255, 255, 255, 0.2); /* cor fundo links atual */
    color: white; /* cor links atual */
} 
.scrollnav li a:hover {    
    background: rgba(255, 255, 255, 0.3); /* cor fundo links hover  */
    color: white; /* cor links */
}
.scrollnav li ul li a {
    background: rgba(255, 255, 255, 0.1); /* cor fundo links nivel 02 */    
}
.scrollnav ul li ul li a { 
    background: rgba(255, 255, 255, 0.1); /* cor fundo links nivel 03 */
}
.scrollnav ul li ul li ul li a { 
    background: rgba(255, 255, 255, 0.1); /* cor fundo links nivel 04 */
}

.scrollnav .touch-button {       
    background: rgba(255, 255, 255, 0.6); /* cor fundo bt touch */
}
.scrollnav .touch-button:hover {
    background: rgba(255, 255, 255, 0.8); /* cor fundo bt touch hover */
}

.scrollnav .touch-button .touch-icon {
    color: rgba(255, 255, 255, 0.95);  /* cor icone bt touch */
}
.scrollnav .touch-button:hover .touch-icon {
    color: rgba(255, 255, 255, 0.95);  /* cor icone bt touch */
}