.top {
display:block;
position: fixed;
width:100%;
top: 0;
left:0;
height:6%;
background: black;
filter: alpha(opacity=50);
/* CSS3 standard */
opacity: 0.5;
z-index: 1;
font-size:.8em;
}


*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}

.clearfix:after {
    clear: both;
}

a{
    color:rgba(255,255,255,.5);
    }
    
a:hover{
 color:rgba(255,255,255,1);
 }


/*Top menus */

.top a {
    display: inline-block;
    padding: 0 1em;
    width:4%;
    margin-top:1%;
    margin-left:5%;
}

.top a:first-child{
    margin-left:17%;
}

.top span.right {
float: right;
}

.top span.right a {
    float: right;
}

/*.top a:last-child{
    margin-right:100%;
    margin-left:1%;
    width:10%;
}*/