<style type="text/css">

.gradientbuttons ul{

padding: 3px 0;

margin-left: 0;

margin-top: 1px;

margin-bottom: 0;

font: bold 13px Verdana;

list-style-type: none;

text-align: center; /*set to left, center, or right to align the menu as desired*/

}

.gradientbuttons li{

display: inline;

margin: 0;

}

.gradientbuttons li a{

text-decoration: none;

padding: 5px 7px;

margin-right: 5px;

border: 1px solid #778;

color: white;

border:1px solid gray;

background: #3282c2;

border-radius: 8px; /*w3c border radius*/

box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* w3c box shadow */

-moz-border-radius: 8px; /* mozilla border radius */

-moz-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* mozilla box shadow */

background: -moz-linear-gradient(center top, #a4ccec, #72a6d4 25%, #3282c2 45%, #357cbd 85%, #72a6d4); /* mozilla gradient background */

-webkit-border-radius: 8px; /* webkit border radius */

-webkit-box-shadow: 3px 3px 4px rgba(0,0,0,.5); /* webkit box shadow */

background: -webkit-gradient(linear, center top, center bottom, from(#a4ccec), color-stop(25%, #72a6d4), color-stop(45%, #3282c2), color-stop(85%, #357cbd), to(#72a6d4)); /* webkit gradient background */

}

.gradientbuttons li a:hover{

color: lightyellow;

}

.redtheme li a{

font-size:18px;

background: darkred;

background: -moz-linear-gradient(center top, #f5795d, #e55e3f 25%, #d02700 45%, #e55e3f 85%, #f5795d);

background: -webkit-gradient(linear, center top, center bottom, from(#f5795d), color-stop(25%, #e55e3f), color-stop(45%, #d02700), color-stop(85%, #e55e3f), to(#f5795d)); 

}

</style>

<div class="gradientbuttons orangetheme">

<ul>

<li><a href="//jegvirag.gportal.hu">Menü</a></li>

<li><a href="//jegvirag.gportal.hu">Menü</a></li> 

<li><a href="//jegvirag.gportal.hu">Menü</a></li>

<li><a href="//jegvirag.gportal.hu">Menü</a></li>

<li><a href="//jegvirag.gportal.hu">Menü</a></li> 

<li><a href="//jegvirag.gportal.hu">Menü</a></li>  

</ul>

</div>