:root
{ --vbkek: #0f0e9f;
  --vbzold: #94d60a;
  --vbszurke: #414141;
  --vbmagenta: #e50067;
}

@font-face
 { font-family: 'Ubuntu';
   src: url('fonts/ubuntu-medium.eot');
   src: url('fonts/ubuntu-medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/ubuntu-medium.woff') format('woff'),
        url('fonts/ubuntu-medium.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face
 { font-family: 'Ubuntu-Bold';
   src: url('fonts/ubuntu-bold.eot');
   src: url('fonts/ubuntu-bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/ubuntu-bold.woff') format('woff'),
        url('fonts/ubuntu-bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face
 { font-family: 'Ubuntu-Light';
   src: url('fonts/ubuntu-light.eot');
   src: url('fonts/ubuntu-light.eot?#iefix') format('embedded-opentype'),
        url('fonts/ubuntu-light.woff') format('woff'),
        url('fonts/ubuntu-light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

.kek { color: var(--vbkek); }
.zold { color: var(--vbzold); }
.szurke { color: var(--vbszurke); }

#nyelv
{ width: 1200px;
  height: 25px;
  line-height: 25px;
  text-align: right;
  margin: auto;
}

#fomenu
{ background: linear-gradient(180deg, #1E1E1e 0%, #414141 100%);
  XXbackground-image: url(images/sablon/bgrmenu.png);
  height: 50px;
  color: white;
  font: normal 15px Ubuntu;
  line-height: 48px;
}

#fomenu A
{ display: inline-block;
  padding: 0 30px;
  color: var(--vbzold);
  height: 50px;
  font: normal 14px/50px Ubuntu-Bold;
  text-decoration: none;
  text-transform: uppercase;
}

#fomenu A:hover:not(.kiem), #fomenu-2 SPAN:hover
{ border-bottom: 10px solid var(--vbzold);
}

#fomenu A.kiem:hover, #fomenu-2 SPAN:hover
{ //border-bottom: 10px solid var(--vbmagenta);
  // padding-bottom: 16px;
  opacity: .75;
}

LI
{ padding: 0;
  margin: 0 0 0 20px;
}

A.zoldlink
{ color: var(--vbzold);
  text-decoration: none;
}

A.zoldlink:hover
{ color: var(--vbzold);
  text-decoration: underline;
}

A.gomb:hover
{ background-color: var(--vbzold);
}

input[type="submit"]
{ background: linear-gradient(180deg, #1E1E1e 0%, #414141 100%);
  height: 50px;
  color: white;
  font: normal 15px Ubuntu;
  line-height: 50px;
}

input[type="submit"]:hover
{ background-image: none;
  background-color: var(--vbzold); 
}