﻿img { margin: 0% 0% 0% 0%; }
p { margin: 0 0 0% 0; 
} /*0 0 1% 0 VOLT*/
.menualatt {
  background:rgb(0,0,128); text-align:center;   padding: 5% 5%;  margin: 5% 5%;  width:80%;
}
h1,h2 {text-align: center;}
table.front {  padding: 0% 0%;  font-size: 1.5em;}
.boxmenualatti { padding: 0.5% 0.5%;  margin: 0% 0%; text-align:center; font-size:2em;} /*Köszöntés és tájékoztató volt, Csilla*/
.box {border-radius:0px; border: 0px solid rgba(0,0,120,0.2); padding: 2% 2%;  margin: 3% 3%;}
.boxlablec {padding: 0.7% 2%;  margin: 0% 0%; background: rgb( 56, 115, 171 );font-size:1.25em;text-align:center;}
.boxlablecfeletti {
  text-align: left; 
  background-image:radial-gradient(ellipse at center, yellow 0%, green 100%);
  white-space:pre;
  padding: 6px 15% 6px 15%;
  margin: 0% 1em;
  border-radius:0px;
}
.boxfeltolt { white-space:pre; padding: 6px 15% 6px 15%;  margin: 3% 3%; background: rgb( 175, 199, 221 );} /* ez lap közepén a cikk címes feliratos doboz*/
.kuld {
  background: rgb( 0, 247, 0 );
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  padding: 8px 8px;
}
textarea,input,select  {  background: rgb( 244, 247, 157 );  font-size: 18px;}
.logoimg {  position: absolute;  top: 1%; left: 43%; height:16%; border:0;}
.logoleft {font-size:25px;font-family: 'Merriweather Sans', sans-serif;}
.logovagy {
  letter-spacing: 0.1em;
  width: 90%;
  font-size:1.8em;
  text-align: center;
  font-family: 'Merriweather Sans', sans-serif;
  background: rgb(255,211,0);
  /*padding: 0.5% 0.5% 0.5% 0.5%;*/
  padding: 0 0 0 0;
}
.logoright {font-size:25px;font-family: 'Merriweather Sans', sans-serif;}
.logo { font-size:16px;font-family: 'Merriweather Sans', sans-serif;  }
.err { position: absolute; top:5%;right:1%;font-size:14px;}
.err2 {position: absolute;top:10%;right:1%;font-size:14px;}
.udv2 {
  font-size:14px; font-family: 'Merriweather Sans', sans-serif; color: rgb(255,102,0);
}
.udv {position: absolute;top:1%;right:1%;font-size:14px;color: rgb(127,127,255);}
.cim {
  background:#dcc9ab;
  opacity: 0.8;
  padding:5px 7px;
  font-size:10px;
  text-align: center; 
  align=center; 
}
* { padding: 0;  margin: 0; }
body { font:13px arial; color:#252116; margin:40px; background-image:linear-gradient(180deg ,white, rgb(250,250,250) );}
a { text-decoration: none; }
a:not(.kep) {
 background: argb(221,221,221,0.9);
 color:#000077; 
 text-decoration: none;
 opacity: 0.8;
 padding:5px 7px;
 line-height: 300% ;
}
section#wrapper {    min-width:700px; }
.al { width: 250%;  text-align: left; }
nav {
    background: rgb(57,115,172); /*ez a sor nem volt itt, én tettem ide hátha ez a menü háttere Csilla. És igen, az.*/
	margin: 0% 0% 10px 0%; /* a harmadik a menü utáni távolság egy része. Eredeti erteke 0% 12% 10px 12% */
    font-size: 16px;
    font-weight: bold
}
nav ul { list-style: none;  width: 100% }
nav li {
    float: left;
    position: relative;
    min-width: 10%;
    margin-right: 1.5%; /* távolság a menü pontok között */
}
nav ul li ul li:first-child a { border-radius: 0 0 }
nav ul li ul li:last-child a {
    border-radius: 0;
    border: 0
}
nav a {
/*    background: #ffa84c; */
    background: rgb(57,115,172); /* menü kockák háttere*/
/*    background: linear-gradient(to bottom,  #ffa84c 0%,#ff7b0d 100%);*/
    text-shadow: 1px 1px 2px rgba(136,171,205,0.5);
    color: white; /*#444;*/
    display: block;
    padding: 10px 20px;
    text-align: center;
    transition: all .25s ease;
    border-right: 0px solid #069 /* menüket elválasztó függőleges vonal eredetileg 2px, Csilla*/
}
nav li:hover a {
    background: #88abcd;
    background: linear-gradient(to bottom,  #88abcd 0%,#88abcd 100%);
    color: #fff;
    text-shadow: 1px 1px 2px rgba(1,1,1,0.5);
}
nav li ul {
    float: left;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 30px;
    visibility: hidden;
    transition: all .25s;
}
nav li:hover ul {
    opacity: 1;
    top: 45px;
    visibility: visible
}
nav li ul li {
    float: none;
    width: 100%;
    background: #202020;
    font-weight: normal;
    font-size: 14px;
}
nav li ul li a {
    border: 0;
    background: #036 !important
}
nav li ul li a:hover {
    background: #4f4f4f !important
}
section#content {
    line-height: 18px;
}
section#content p {
    margin: 0 0 20px 0;
    text-align: justify
}
nav ul:first-child:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.al {
  width: 250%;
  text-align: left;
}
.iv {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;    
}
table td { 
  display: table-cell;
  vertical-align: top; 
}
@media screen  and (min-width: 1000px) {
 /* p {-moz-column-count:4;-webkit-column-count:4;-moz-column-width:400px;-webkit-column-width:400px;column-count:4;column-width:400px;max-width:auto; }*/
}

