.Container-top-left {
position : fixed;
float : left;
margin-top : 0;
margin-bottom : auto;
width : 50px;
height : 330px;
display : block;
background-color : #FFFFFF;
border : black solid 5px;
z-index : 3;
}
#five {
height : 80px;
width : 50px;
display : block;
position : absolute;
background : url(Nofive_vertical.png) center no-repeat scroll;
background-size : 50px;
}
#five:hover {
background : url(Nofive_vertical_M_over.png) center no-repeat scroll;
background-size : auto;
}
#CeReNeM-Journal {
margin-top : 80px;
height : 250px;
width : 50px;
display : block;
position : absolute;
background : url(cerenem_vertical_logo.png) center no-repeat scroll;
}
#CeReNeM-Journal:hover {
background : url(cerenem_vertical_logo_M_over.png) center no-repeat scroll;
}

.menuShow {
    margin-top:345px;
    margin-left:5px;
    position:fixed;
    width:50px;
    height:50px;
    display:block;
	
    background-image: url(menu-ico.svg);
    z-index:5;
	
}

.menuClose {
    margin-top:353px;
    margin-left:15px;
    position:fixed;
    width:25px;
    height:25px;
    display:block;
    background-image: url(close.svg);
    z-index:3;
}
.Top {
position :fixed;
margin-top : 10em;
margin-left : 4em;
width : 90%;
height : auto;
z-index : 2;
 background:url(tblcont.png)  no-repeat 100% 100% scroll;
background-color:rgba(170, 178, 191, 0.9);
 -webkit-backface-visibility: hidden; 
backface-visibility: hidden;
}

.Top ul {
display:inline-flex;
flex-flow:row-reverse wrap;
justify-content:space-around;
align-items:center;
}

.Top li {
align-self: flex-start;
flex-basis:10em;
list-style : none;
margin-left : 0.4em;
margin-bottom:0.6em;
padding: 0.3em;
border-left: solid 0.3em #000000;
border-top:solid 0.3em #000000;
}

.Top a{
font-family: 'Droid Sans', sans-serif;
text-decoration:none;
font-size:0.7em;

}