/* NAVIG�CI�S S�V */

#navbar {

position: absolute;

background: rgba(255,255,255,0.9);

margin-right: 10px;

text-align: center;

margin-bottom: 20px;

z-index: 9999;

padding: 14px;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

-ms-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

 

.navigacio {

width: 100%;

margin-left: 0px;

display: inline-block;

}

 

.navigacio  a:link, .navigacio a:visited {

text-transform: uppercase !important;

color: #000000 !important;

font-size: 14px;

border-bottom: 0px solid #ffffff;

-webkit-transition: all .3s ease-in-out;

-moz-transition: all .3s ease-in-out;

-o-transition: all .3s ease-in-out;

-ms-transition: all .3s ease-in-out;

transition: all .3s ease-in-out;

}

 

.navigacio  a:hover, .navigacio a:active {

font-size: 14px;

text-transform: uppercase !important;

color: #898989 !important;

border-bottom: 2px solid #000000;

}

 

 

<div id="navbar">

<div class="navigacio">

<a href="MEN� LINKJE">index</a>&nbsp; &nbsp; &nbsp; /&nbsp; &nbsp;&nbsp;

<a href="MEN� LINKJE">menu 1</a>&nbsp; &nbsp; &nbsp; /&nbsp; &nbsp;&nbsp;

<a href="MEN� LINKJE">menu 2</a>&nbsp; &nbsp; &nbsp; /&nbsp; &nbsp;&nbsp;

<a href="MEN� LINKJE">menu 3</a></div>