* {border:  none; margin: 0; padding: 0;}
body {font-family: Arial, Verdana, sans-serif; background: #cdf2b1 url(../IMG/BG.jpg);}
/*h1{font-size: 1.625em;}
h2{font-size: 1.375em;}*/
/*.gridcontainer {width: 100%; max-width: 1000px; margin: 0 auto;}*/

.gridcontainer {width: 100%; margin: 0 auto;}

.gridwrapper {overflow: hidden; border: 0.1875em solid #007100; background: #cdf2b1 url(../IMG/Fejalapuu.png) repeat-x top left; margin-bottom: 20px; position:relative;}
.gridboxb {float: left;}
.bal_panel{width: 25%; border-radius: 10px;}
#bfej {text-align: center; font-family: Georgia; font-style: oblique; font-weight: bold; margin-top: 5px;}
#logo {color: black; text-decoration: none;}
#logo img {border-radius: 30px; border: 0.1875em solid white; width: 70%;}

/*#bfej {border: 1px solid red;}*/

#fp {font-size: 2.9vw; padding-top: 0.3em; padding-bottom: 0.3em;}
#vgf{font-size: 1.9vw; padding-bottom: 0.8em;}
#fptn {font-size: 1.9vw; padding-bottom: 0.8em;}
#fptn a {color: #008500; text-decoration: none;}
#fptnn {font-size: 1.6vw; padding-bottom: 0.8em;}
#fptnn a {color: #008500; text-decoration: none;}
/*#fptk {font-size: 1.00em; padding-top: 0.1em;}*/
.mik1 {font-size: 2.4vw;}
.mik2 {font-size: 2.4vw; color: red; padding-bottom: 0.8em;}
/*#bkapcsolat {width: 95%;}*/
.bkapcs {width: 100%; font-size: 2vw;}
.bkdb {text-align: center; padding-bottom: 10px;}
.bkdb img {width: 3em;}
.bkdb a:hover img {width: 4em;}
.vmenu {width: 90%; border-radius: 10px; border: 3px solid #cccccc; background-color: #ffffcc; text-align: center; margin: 0 auto 0 auto;}
.vmenu li {width: 95%; list-style-type: none; margin: 5% auto 5% auto; border-radius: 20px; border: 2px solid #cccccc;}
.vmenu li a {display: block; color: #008500; font-size: 1.8vw; text-decoration: none; padding: 0.4em 0 0.4em 0;}
.vmenu li a:hover {border-radius: 20px; border-bottom: 1px solid #1584cc; background-color: #ffff9f; font-size: 1.9vw; font-weight: bold; padding: 0.5em 0 0.5em 0;}

.almenu {width: 80%; border-radius: 10px; border: 3px solid #cccccc; background-color: #ffffcc; text-align: center; margin: 0 auto 0 auto;}
.almenu li {width: 95%; list-style-type: none; margin: 5% auto 5% auto; border-radius: 20px; border: 2px solid #cccccc;}
.almenu li a {display: block; color: #008500; font-size: 1.4vw; text-decoration: none; padding: 0.4em 0 0.4em 2em;}
.almenu li a:hover {font-size: 1.4vw; font-weight: bold; padding: 0.4em 0 0.4em 2em;}

.mred {color: red;}
/*
.almenu li a:hover {border-radius: 20px; border-bottom: 1px solid #1584cc; background-color: #ffff9f; font-size: 1.4vw; font-weight: bold; padding: 0.4em 0 0.4em 0;}

.qr {width: 90%; border-radius: 10px; border: 3px solid #cccccc; background-color: white; margin: 10px auto 0 auto;}
.qr img {width: 100%;}
*/
.gridboxbb {float: left; position: absolute; bottom: 0;}
.bbal_panel{width: 25%; border-radius: 10px;}
.fvm {width: 90%; border-radius: 10px; border: 3px solid #cccccc; color: #008500; background-color: white; text-align: center; padding: 10px 2px 10px 2px; margin: 10px auto 0 auto;}
.fvm  img{width: 100%; margin: 0 0 10px 0;}
.fvm  hr {color: #cccccc; width: 85%; margin: 10px auto 10px auto; border-style: inset; border-width: 1px;}
.fvm  a {color: #008500; text-decoration: none; font-size:1.8vw;}
#pafi {width: 90%; border-radius: 10px; border: 3px solid #cccccc; background-color: white; padding: 6px 0 2px 0; margin: 10px auto 0 auto;}
#val {overflow: hidden; width: 90%; margin: 10px auto 10px auto;}
#val img {width:100%;}
#val a.b {width:40%; float: left;}
#val a.j {width:40%; float: right;}
.gridboxj {float: right;}
.jobb_panel {width: 75%; border-radius: 10px; color: #007100;}
.jobb_panel h1 {font-size: 5.7vw;}
.jobb_panel h2 {font-size: 3.3vw;}
.jobb_panel h3 {font-size: 2.1vw;}
.jobb_panel hr {color: #cccccc; width: 85%; margin: 10px auto 10px auto; border-style: inset; border-width: 1px;} 
#jfej {width: 95%; font-weight: bold; font-family: Georgia; font-style: oblique; text-align: center; margin: 35px auto 15px auto;}
#fpcim {color: white;}
#mit {color: black; padding-top: 10px;}
#hol {color: #cc0000; padding-top: 10px;}
.tellev {width: 96%; color: black; padding-top: 10px; display: inline-block;}
.tellev a {color: #008500; text-decoration: none; font-size: 2.2vw; text-align: center;}
.tel {width: 45%; float: left; margin: 0 auto 0 auto; white-space: nowrap;}
/*.tel {width: 45%; float: left; margin: 0 auto 0 auto;}*/
.lev {width: 55%; float: right; margin: 0 auto 0 auto;}
.doboz {overflow: hidden; width: 98%; border-radius: 40px; border: 0.1875em solid #cccccc; background-color: #ffffcc; padding: 20px 0 10px 0; margin: 0 auto 10px 0;}
.dobozban {width: 95%; font-size: 1.8vw; font-weight: normal; margin: 0 auto 0 auto;}
/*border: 1px solid red;*/
.doboz h1 {font-size: 3vw;}
.doboz h2 {font-size: 2vw;}
.doboz h3 {font-size: 1.9vw;}
.dobozcim {width: 96%; font-style: oblique;  font-weight: normal; text-align: center; margin: 0 auto 15px auto;}
.tevter ul {color: red; margin-left: 10px;}
.tevter li {margin-bottom: 6px; font-weight: bold;}
.tevter li.b {margin-left: 13px;}
.tevter table {text-align: left; color: maroon; margin-left: 12px; padding-bottom: 10px;}
.tevter td  {vertical-align: top;}
.td1 {text-align: right; white-space: nowrap;}
a.elore {color: #007100; text-decoration: none; float: right; font-size: 1.6vw; margin-right: 15px;}
a.elore:hover {border-bottom: 1px solid #1584cc; font-weight: bold;}
.gridlab {width: 100%; margin-bottom: 0;}
.lab {margin: 0 auto 10px auto; top: 5px; text-align: center;}
.lab a {margin: 0 10px 0 10px; line-height: 300%;}
.jog {border-radius: 40px; border: 0.1875em solid #007100; font-size: 1.5vw; background: #cdf2b1; margin: 0 auto 20px auto; padding: 5px 20px 5px 20px;}
.linkbank {width: 80px; height: 15px;} 
.b {font-weight: bold;}
.u {text-decoration: underline;}
.ub {font-weight: bold; text-decoration: underline;}
.i {font-style: oblique;}
.ui {text-decoration: underline; font-style: oblique;}
.bi {font-weight: bold; font-style: oblique;}
.f {color:rgb(79, 98, 40);}
.fb {color:rgb(79, 98, 40); font-weight: bold;}
.fu {color:rgb(79, 98, 40); text-decoration: underline;}
.fui {color:rgb(79, 98, 40); text-decoration: underline; font-style: oblique;}
.piros {color: red;}
.kek {color: blue;}
.kozep {text-align: center;}

@media only screen and (max-width: 870px) {.tellev a {font-size: 2.9vw;} .tel {width: 100%;} .lev {width: 100%;}}

/*@media only screen and (max-width: 810px) {.jobb_panel h1 {font-size: 2.3em;}}
@media only screen and (max-width: 700px) {.jobb_panel h1 {font-size: 2.1em;}}*/
@media only screen and (max-width: 650px) {.vmenu li a {font-size: 2vw;} .vmenu li a:hover {font-size: 2.1vw;}
   .fvm  a {font-size:2.5vw;}
   }
@media only screen and (max-width: 500px) {
   .bal_panel {width: 100%;} .jobb_panel {width: 100%;} .gridboxbb {float: left; position: relative;} #logo img {width: 50%;}
   .vmenu li a {font-size: 1em;} .vmenu li a:hover {font-size: 1.1em;} .qr {margin: 10px auto 0 auto;}
   .jobb_panel h2 {font-size: 1.4em;} .jobb_panel h3 {font-size: 0.9em;}  #tevter table {font-size: 0.8em;}
   .bbal_panel{width: 100%; border-radius: 10px;}
   .fvm  a {font-size:4vw;}
   #fp {font-size: 7vw; padding-top: 0.3em; padding-bottom: 0.3em;}
   #vgf{font-size: 7vw; padding-bottom: 0.5em;}
   #fptn {font-size: 6vw; padding-bottom: 0.5em;}
   #fptnn {font-size: 6vw; padding-bottom: 0.5em;}
   .mik1 {font-size: 5vw;}
   .mik2 {font-size: 5vw; padding-bottom: 0.8em;}
   .bkapcs {display: none;}
   .jobb_panel h1 {font-size: 7.34vw;}
   .jobb_panel h2 {font-size: 4vw;}
   .jobb_panel h3 {font-size: 3vw;}
   #fpcim {color: #007100;}
   .tellev a {font-size: 3.5vw;}
   .doboz h1 {font-size: 4vw;}
   .doboz h2 {font-size: 2.5vw;}
   .doboz h3 {font-size: 1.5vw;}
   .dobozban {font-size: 3vw;}
   a.elore {font-size: 2vw;}
   .jog {font-size: 2.5vw;}
   }
   
/*   #fpcim {color: #007100;}
.gridboxbb {float: left; position: absolute; bottom: 0;}*/

/*   @media only screen and (max-width: 500px) {
   .bal_panel {width: 100%;} .jobb_panel {width: 100%;} .gridboxbb {float: left; position: relative;} #logo img {width: 50%;}
   .vmenu li a {font-size: 1em;} .vmenu li a:hover {font-size: 1.1em;} .qr {margin: 10px auto 0 auto;} .jobb_panel h1 {font-size: 1.9em;}
   .jobb_panel h2 {font-size: 1.4em;} .jobb_panel h3 {font-size: 0.9em;} #fpcim {color: #007100;} #tevter table {font-size: 0.8em;}} */