@import url(/oszkhtml/fonts/stylesheet.css);

/**
 * screen.css css3 - 2017.07.17
 * - last update - 2019. 01. 28.
 */

:root {
    --brcolor: #444;  /* var(--bgcolor)/**/
    --sepcolor: #ababab;
    --boxcolor: #333;
    --boxbgcolor: #fdfdfd;
    --bgcolor: #fefefe;
    
    /* MEK item page */
    --mekacolor:#5c5c5c;
    --mekbcolor:#f2f2f2;
    --mekccolor:#707070;
    --mekdcolor:#dddddd;
    --mekecolor:#ffffff;
    --mekfcolor:#323e43;
    --mekgcolor:#789cb0;
    --mekhcolor:#fb7866;
    --mekicolor:#f2eeeb;
    --mekjcolor:#c18e25;
    --mekkcolor:#9f9f9f;
    --meklcolor:#151515;
    --mekmcolor:#8b8b8a;
    /*--mekncolor:#789CB0;*/
    --mekauthor:1.3em;
    --mektitle:2em;
    
    --mekcatbutbord: 1px solid var(--mekfcolor);
    --mekfooterbord: 1px solid var(--mekkcolor);
    --mekheadlineborder: 2px solid var(--mekdcolor);
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: none;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    /*font-family: inherit;*/
}

hr {
    /*display: none;*/
	border-style:solid;
	border:none;
	border-bottom:1px solid var(--sepcolor);
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
}

a img {
    border: none;
}

/**
 * TYPOGRAPHY
 */

body  {
    font-size: 10px;/*62.5%; /* 10px */
    /*font-family: 'Myriad Pro'; font-weight: bold; font-style: italic;*/
    font-family: 'Helvetica Neue';
    line-height: 1.4em;
    background: var(--bgcolor);

}

/* headings */

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'Helvetica Neue';
    /*color: /*#1b3c4c/*#808080*/;
    /*color: #1c4081;*/
}
h1, h2, h3, h4 {
}


h1  { font-size: 2.0em; margin-bottom: 0.2em; line-height:2.0em;}
h2  { font-size: 1.5em; margin-bottom: 0.1em; line-height:1.3em;}
h3  { font-size: 1.4em; /*margin-bottom: 1.2em; */line-height:1.5em;}
h4  { font-size: 1.22em; margin: 0; line-height:1.3em;}
h5  { font-size: 1.0em; margin: 0; line-height:1.0em;}
h6  { font-size: 1.0em; margin:0; font-style: italic; line-height:1.0em;}

h2.fh2 {padding: 0 10px}

a, img, a img {/*-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;/**/}
/* form elements */
input, select, textarea {
    /*font-family: 'HelveNR', Helvetica, sans-serif;*/
    font-size: 1em;
}

#NoP {width: auto;}

/* text elements */

p           { margin-bottom: 1.3em;line-height: 1.5em;}

ul, ol      { margin: 0 1.3em 1.3em 2.3em;line-height: 1.1em;}
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
li          {margin: 10px 0 0 0;/*margin: 0 0 2px 0;*/}
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: normal;/*font-family: 'Myriad Pro'; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a           { color: #0095d9; /*text-decoration: none;/**/}

a:hover     { /*color: #08355c;/**/ }

blockquote  { margin: 1.5em; color: var(--brcolor); font-style: italic; }
strong, b      { font-weight: bold; /*font-family: 'Myriad Pro';/**/}
em,dfn, i      { font-style: italic; /*font-weight: normal;/**/  } /*background: #ffc;*/
b i {}

/*a h1, a h2, a h3, a h4, a h5, a h6 {color: #3688a2;border: none;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover h6 {color: #3b6ab2;}/**/
/**
 * LAYOUT
 */

/* tags */

body {
    text-align: center;
    color: var(--brcolor) /*#112850*/ ;
    position: relative;

    /*min-width: 320px;*/ /* #3DB07E EOD green | text color: #7a7a7a | textbox background #FAFAFA*/
    background: var(--bgcolor)/* url(/img/page/topbg.png) repeat-x/**/;
}/*e1e8f1*/


/* MEK - all need */


.CSS-search .elful.results {font-size: .5em;}

.CSS-search .content .row {margin-left: -10px;/*padding: 0 20px 0 0;*/margin-right: 10px;}

/*vissza gomb eltüntetése */
.CSS-search .back {display: none;}

.CSS-search h2 {text-transform: uppercase;font-family: 'Titillium Web';font-weight: bold; border-bottom: var(--mekheadlineborder); padding-bottom: 10px;color: var(--mekgcolor);}
/* .goldsea-val formázva
.CSS-search input[type="submit"], .CSS-search input[type="button"] {
    background-color: var(--mekecolor);
  color: var(--mekcatbutbord);
  border: 1px solid var(--mekkcolor)
}
*/
.CSS-search input[type="submit"]:hover, .CSS-search input[type="button"]:hover {
    color: var(--mekccolor);
}

.CSS-search input[type="text"] {
    background: var(--mekecolor);
  border: 1px solid var(--mekdcolor);
  border-radius: 5px;
  color: var(--mekccolor);
}

.CSS-search select {
background: var(--mekecolor);
  border: 1px solid var(--mekdcolor);
  border-radius: 5px;
  color: var(--mekccolor);}
/*
.tinput a {
  border: 1px solid var(--mekdcolor);
  box-sizing: border-box;
  border-radius: 10px;
  display: inline-block;

  padding: 0 10px 27px 38px;background: url('/oszkhtml/img/page/bulb_21x21.svg') no-repeat 8% 50%;background-size: 20px;
  background-color: var(--mekicolor);
  text-decoration: none;
}
*/

input.index {background: var(--mekdcolor);}

.ListOrder .tinput.helper {top: 15px;}
.ListOrder .tinput.helper .tin {background: var(--mekdcolor);
                                padding-left: 0;
  border: none;}
.ListOrder .tinput.helper label {display: none;}
.ListOrder .tinput.helper a {
  display: inline-block;
  height: 40px;
  box-sizing: border-box;
  color: var(--mekfcolor);
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  border: none;
  border-radius: 8px;
}

.ListOrder .tinput.helper a:hover {color: var(--mekccolor);}

.ListOrder .tinput.helper a span {display: inline-block;
  padding: 15px 10px 0 10px;}

.ListOrder{position: relative; width: 100%;margin-bottom: 20px; box-sizing: border-box;
/*border: 1px dotted #aaa;/**/padding: 10px; }
.ListOrder .title, .ListOrder .tinput {
/*    float: left;*/
    position: relative;
    box-sizing: border-box;
    padding: 10px;
/*    width: 16.666%;/**/
    display: inline-block;
}

.ListOrder .tinput {width: auto;box-sizing: border-box;}

.ListOrder .tinput .tin {
    border: 1px solid #777;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 10px;
  display: inline-block;
  padding: 0 0 0 10px;
}

.ListOrder .tinput .tin input {width: 20px;}

.ListOrder .tinput input {float: left;width: 40px;}
.ListOrder .tinput label {float: left;  margin: 14px 10px 10px 10px;}

.ListOrder .title {width: auto;
  text-align: left;
  float: left;}

.Selectors {/*position: relative; width: 100%;box-sizing: border-box;/**/

position: relative; width: 100%;margin-bottom: 20px; box-sizing: border-box;
/*border: 1px dotted #aaa;/**/padding: 10px;

}
.SelectorAndOp {/*float: left; */ margin: 0 auto; position: relative; 
margin-bottom: 20px; padding: 10px;width: 100%;box-sizing: border-box;}

.SelectorAndOp .SelectorSelect {width: 33%; float: left;/*width: 100%;/**/padding: 10px;}

.SelectorAndOp .SelectorValue {width: 33%; float: left; /* width: 100%;/**/padding: 10px;}

.SelectorAndOp .SelectorIndex {float: left;padding: 10px;}

.SelectorAndOp .SelectorOperator {
    float: none;
  max-width: 360px;
  margin: 0 auto;
  text-align: center;
}

.SelectorAndOp .SelectorOperator .opt {
    display: inline-block;
  border-radius: 10px;
  border: 1px solid #666;
  box-sizing: border-box;
  padding: 0px 0px 0px 10px;
  margin: 0 10px;

}
.SelectorAndOp .SelectorOperator .opt input {width: 20px;}
.SelectorAndOp .SelectorOperator .opt label {padding: 10px 20px 0 10px;}


.SelectorFooter {
    min-height: 40px;
    width: 100%;
}

/*
@media screen and (max-width:660px) {
    .SelectorAndOp {width: 70%;}
}

@media screen and (max-width:530px) {
    .SelectorAndOp {width: 100%;}
}
*/
.SelectorES {position: relative; }
.SelectorES div {/*float: left; width: 25%;/**/box-sizing: border-box;/**/}
.SelectorES .SelectorEScheck {float: left;/* width: 25%;/*width: 300px;/**/margin-right: 50px;}

.SelectorES .SelectorEScheck input {float: left;width: 40px;}
.SelectorES .SelectorEScheck label {float: left;max-width: 200px;
text-align: left;padding-left: 20px;}

@media screen and (max-width:650px) {
    .SelectorAndOp .SelectorSelect {width: 100%;}
    .SelectorAndOp .SelectorValue  {width: 100%;}
    .SelectorAndOp .SelectorOperator {float: left;}
    .SelectorES .SelectorEScheck {padding-bottom: 10px;}
}


.buttons {margin-top: 30px;}
.buttons div {float: left;}


#Ispecial {
    position: fixed;
    width: 100%;

    display: none;
/*        height: 100%;
    top:0;/**/
    left: 0;
    z-index: 98;
    height: calc( 100% - 100px);
background: var(--mekecolor);
  top: 100px;
}


#Ispecial iframe{
    position: relative;
    width: 100%;
    height: 100%;
}




#IRspecial {
    position: fixed;
    width: 100%;
    display: none;
/*    height: 100%;
    
    top:0;*/
    left: 0;
    z-index: 99;
    height: calc( 100% - 100px);
  top: 100px;
  background: var(--mekecolor);
}

#IRspecial iframe{
    position: relative;
    width: 100%;
    height: 100%;
}
/*#IRspecial iframe body {color:green !important;}*/

.emptycells{
  display: inline-block;
  padding: 14px 8px 4px 35px;
  font-size: 1em;
  text-decoration: none;
  font-weight: bold;
  
  color: var(--mekccolor);
  border-radius: 10px;
  margin: 0 10px;
  
  height: 20px;
  border: 1px solid var(--mekkcolor);
  text-transform: uppercase;
  background: url('/oszkhtml/img/page/kuka_16x20.svg') no-repeat 8% 50%;background-size: 20px;
  /*background-size: 20px;/**/
  display: inline-block;
  height: 40px;
  box-sizing: border-box;
  color: var(--mekfcolor);
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
/*  border: none;*/
  border-radius: 8px;
  
  
}
.emptycells:hover{background-color: var(--mekhcolor);}
/*.emptycells img {display: none;}*/


.fulszoveg {line-height: 1.3em;}

#IRclose, #Iclose {
z-index: 9891;
  position: fixed;
  top: 50px;
  right: 20px;
  display: inline-block;
  padding: 20px 10px 17px 10px;
  font-size: 1.333em;
  text-decoration: none;
  font-weight: bold;
  background: var(--mekjcolor);
  color: var(--mekecolor);
  border-radius: 10px;
  margin: 20px;
  text-shadow: 1px 0 1px var(--mekfcolor);
  box-shadow: 1px 1px 6px var(--mekfcolor);
  min-width: 300px;
  text-align: center;
}

#IRclose {
    box-shadow: 1px 1px 1px var(--mekkcolor);
}

#Iwaiting {
    position: fixed;z-index: 2999898;
    width: 100%; height: 100%;
    left: 0;
  top: 0;
  display: none;
    background: #000 url(/oszkhtml/img/page/spinning.gif) no-repeat center center;
    opacity: 0.9;
}


#pagetop.hider {
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  overflow: hidden;
}

#pagetop.hider header {
    /* z-index: 999;/**/
}


.noEnviroment header, .noEnviroment footer{
    display: none;
}

.noEnviroment .ST {padding-top: 0;}


.nextp {float: right;}

.popselect, .oldpager, .results, .headline {max-width: 960px; margin: 0 auto; 
          text-align: left;position: relative;}

.popselect {max-width: 600px;}

.popselect .popsel {height: 80%;
  max-height: 600px;
color:var(--mekfcolor);
background:var(--mekecolor);
border: 1px solid var(--mekkcolor);
}
.popselect .popsel option:hover {
    background: #ccc;
    cursor: pointer;
}

.rlistb, .headline .rlist {max-width: 960px;margin: 0 auto;padding: 0 10px;}
.headline .rlist p {max-width: none;}
@media screen and (max-width: 650px) {
  .headline .rlist p {padding: 10px;}
}
.rlistb {padding: 20px 0;}

.headline {
    font-size: 1.5em;
    position: relative;
    margin-top: 50px;
    max-width: 1280px;
}

.headline h1 {border-bottom: var(--mekheadlineborder);text-transform: uppercase;font-family: 'Titillium Web';font-weight: bold;}


.headline h1 {padding-left: 10px;}

.headline p {max-width: 600px; margin: 0 auto; padding: 30px 0;}


#LIND .headline {padding: 0 20px;}


body .oldresult {max-width: 1280px;}


.results .rlist {max-width: 600px; margin: 0 auto;position: relative;}

body .oldresult.results .rlist {max-width: 960px;color: var(--mekgcolor);font-weight: bold; }

body .oldresult.results .rlist .nm {
    font-size: 1.8em;
  font-weight: normal;
  color: var(--mekacolor );
  padding: 40px 20px;
  display: inline-block;
}

.results .numberofhits {margin: 20px 0 0 10px;font-size:2em;font-weight: bold;color: var(--mekmcolor);}


h2.elsea, .results h2 {border-bottom: 1px #aaaaaa solid; text-transform: uppercase; font-size: 2em;margin-top: 20px;height: 1em;}
h2.elsea .rtext, .results .rtext {float: left; display: inline-block;background: #fff;
  padding: 0 20px 0 20px; font-family: 'Helvetica Neue'; line-height: 2em;}

.results .rtext {padding-left: 10px;}


.results.oldresult .rtext {
    color: var(--mekgcolor);
}

.subsearch .rtext {float: left; display: inline-block;background: #fff;
  padding: 0 20px 0 0;line-height: 0.2em;}

.ST h2.elsea {font-size: 1em; font-weight: normal;padding-left: 0;}
.elsea .rtext {font-size: 1.111em;}
h2.elsea .rtext  {font-size: 1.111em;padding-left: 10px;}


.hit {display: block; box-sizing: border-box;text-align: left;padding: 10px;margin: 10px 0;border-bottom: 1px solid #888;
font-size: 1.6em;  line-height: 1.3em;}
.hit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.hit a {color: var(--mekgcolor);text-decoration: none;}

.hit a:hover {color: var(--mekacolor);}

.hit .allis {display: block;}

/*.hit.even {background: #efefef; }
.hit.odd {background: #dedede;}/**/



.hit .dcauthor {font-weight: bold;
  font-size: 1.112em;}
.hit .dctitle {font-size: 1.112em;}
.hit .rkdate {font-size: 1.112em;}
.hit .itemlink {font-size: 1.112em;}



.oldpager {margin-top: 40px; margin-bottom: 50px;}
.resprev, .resnext {float: left;}
.resnext {float: right;}

header {
        height: auto;
  -webkit-transition: max-height .2s;
  -moz-transition: max-height .2s;
  -ms-transition: max-height .2s;
  -o-transition: max-height .2s;
  transition: max-height .2s;
  overflow: hidden;
  max-height: .2px
}
header .MV.DC {
    position: relative;
    background: var(--mekgcolor);
    max-width: 100%;
    /* Ákos - megint */
    height: auto;
  top: 0;
}

header .MV.DC h2{
    font-family: 'Titillium Web';
    margin-left: 150px;
    float:left; /* Akos beleírt ide */
    font-size: 2.5em;
}
header .MV.DC h2 a{
    background-image: url('/oszkhtml/img/filemanager/header_WHITE.svg');
background-repeat: no-repeat; background-position: center;
  color: transparent !important;
  user-select: none;

color: #fff;}

header .MV.DC.bighead {
    background: transparent url(/oszkhtml/img/page/HEADER_BG_ipad_FINAL.jpg) no-repeat right top;
    height: 581px;
}
/*
header .MV.DC.bighead .logoext {
  width: 300px; height: 200px;
  margin-left: 120px;
  background-image: url('/oszkhtml/img/filemanager/slider.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
  padding-top: 400px;
}
*/
header .MV.DC.bighead .logoext {
  width: 420px;
  height: 130px;
/*  margin-top: 100px;*/
  margin-left: 160px;
  /*background-image: url('/oszkhtml/img/filemanager/slider.svg');*/
  background-image: url('/oszkhtml/img/filemanager/header_gold_final.svg');
  background-repeat: no-repeat;
  background-position: center;
  color: transparent !important;
  padding-top: 380px;
}  
header .MV.DC.bighead .logoext h2, header .MV.DC.bighead .logoext h3, header .MV.DC.bighead .logoext h4, header .MV.DC.bighead .logoext h5 {
     display: none;
}

header .MV.DC.bighead h2 a {
background-image: url('/oszkhtml/img/filemanager/header_BLACK.svg');
background-repeat: no-repeat; background-position: center;
  color: transparent !important;
  user-select: none;
}
/*
header .MV.DC.bighead h2 a:after {
  content: "3";
  width: 5px;
  border: 2px solid;
  border-radius: 50%;
  align-items: center;
  text-align: center;
  position: relative; top: -0.5em; font-size: 80%; 
}  
*/
/*
header .MV.DC.bighead h2 {
  font-family: 'Titillium Web';
  text-align: left;
  padding: 20px;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 120px;}
*/  
header .MV.DC.bighead h3 {font-family: 'Titillium Web'; padding-bottom:10px;}

header .MV.DC.bighead h4 {
color: #aaa;
font-family: 'Titillium Web';
padding-top:7px;}

header .MV.DC.bighead h5 {
text-transform: inherit;
color: #aaa;
font-family: 'Titillium Web';
margin-top: 10px;}

header .MV.DC.bighead h2 a, header .MV.DC.bighead h2 a:hover {text-align: left;
              color: var(--mekfcolor);
}

@media screen and (max-width: 990px){
    header .MV.DC.bighead {
    
    background-size: 1010px auto;
    
    height: 305px;/* 1920 581 /**/
    }
    
    header .MV.DC h2, header .MV.DC.bighead h2 {
        margin-left: 10px;
    }
    
    header .MV.DC.bighead .logoext {
        margin-left: 10px;
        padding-top: 50px;
        display:none;
        
        
        
        
    }
    
    header .MV.DC.bighead h4 {
        margin-top: 20px;
    }
}

@media screen and (max-width: 650px){
header .MV.DC.bighead {
    
    background-image: none;;
    height: 199px;/* 1920 581 /**/
    background: var(--mekgcolor);
    }
    body header {min-height: 50px;}
    header .MV.DC.bighead h4, header .MV.DC.bighead h3, header .MV.DC.bighead h5 {
        display: none;
    }
header .MV.DC h2{
    font-size: initial;
    }

header .MV.DC.bighead .logoext {
    position: absolute;
    height: 60px;
    top: 60px;
    width: 100%;
    margin: 0;
    background-color: #fff;
    display: block;
    border-top: solid 30px #fff;    
}
header .MV.DC.bighead h2 a {
    /*background-image: url('/oszkhtml/img/filemanager/header_mobil_BLACK.svg');background-position: left;*/
    background-image: url('/oszkhtml/img/filemanager/header_mobil_WHITE.svg');background-position: left;
    }
header .MV.DC h2 a{
    background-image: url('/oszkhtml/img/filemanager/header_mobil_WHITE.svg');background-position: left;
    }    
}

header .MV.DC img.dnone {
    display: none;
}

/* item page -s */




.content .conttr {background: var(--mekecolor);}
.content .conta {/*background: #abb;*/}
.content .conta:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content .contb {background: var(--mekecolor);}
.content .contb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.content .contc {}
.content .contc:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }


.content .conttr.contc .conttd a {border: var(--mekcatbutbord);}
.content .conttr.contc .conttd a br {display: none;}

.content .contc .conttd:nth-child(3) {
    display: none;
}

.content .contd {}
.content .contd:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content .conttr.contd .conttd a {border: none;padding: 0;}


.content .conttd .szerzo {font-size: var(--mekauthor);text-transform: uppercase;}
.content .conttd .focim {font-size: var(--mektitle);
  border-bottom: 1px solid #333;
  display: block;
  padding-bottom: 15px;
  font-weight: bold;
  text-transform: uppercase;
}

.content .conttd .temakor, .content .conttd .targyszo {
    font-size: 0.8em;
  line-height: 1em;
  margin: 0;
  padding: 0;;
}

.content .conttd a img {position: absolute;
  
  right: 20px;}

.content /*table tr:first-child*/ .conta span.conttd:nth-child(3) {float: right;}


.content .contb .conttd:nth-child(1) {
    display: none;
} 

.content .contb {/*float: left;*/padding-right: 200px;}
.content .contb .conttd:nth-child(3) {
    display: none;
} 



.content .conttr.contb::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* .content .contb:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }/**/





.content .conte {}
.content .conte:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content .conttr.conte .conttd {float: left;}
.content .conttr.conte .conttd a {border: none;}

.content .conttr.conte .conttd a {
    padding-top: 60px; background: transparent url("/oszkhtml/img/filemanager/pdf.png") no-repeat center top;
}

/*.content .conttr.contf:nth-child(1) .conttd:nth-child(3) a,
.content .conttr.contf:nth-child(1) .conttd:nth-child(4) a,
.content .conttr.contf:nth-child(1) .conttd:nth-child(5) a {
    padding-top: 60px; background: transparent url("/oszkhtml/img/filemanager/pdf.png") no-repeat center top;
}/**/



.content .contf {}
.content .contf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content .contf .conttd:nth-child(1) {
    display: none;
}

.content .contf .conttd:nth-child(3) {float: left;}


.content .contf .conttd:nth-child(3) a br {display: none;}

.content .conttr.contg a:nth-child(2) {
    display: none;
}



.content .contg {}
.content .contg:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content .contg a {margin: 0; }

/*.content .contg a:nth-child(1) {
    padding: 0;
  margin: 0;
  position: absolute;
  left: 20px;
}/**/



.content .conth {}
.content .conth:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content .conttr.conth .conttd {float: left;}
.content .conttr.conth .conttd a {border: none;}


.content .conti {}
.content .conti:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.content .conti .conttd {float: left;}
/*.content .conti .conttd {float: left;}/**/


.conttd {/*background: #9992;*/}

.conttd a {display: inline-block; padding: 5px; 
          /*border: 1px solid #777; border-radius: 5px;*/text-decoration: none;
          margin: 5px;color: var(--mekfcolor);
}


.content  .conta img {width: 200px; height: auto; margin: 0 auto;}

.contb {float: left; min-width: 300px;}
.contc {float: left; min-width: 600px;}


.contc:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }




.cclic {font-weight: bold; font-size: 1.5em;}


.CSS-item {text-align: center;}
.CSS-item .author {
font-family: 'Titillium Web';
font-size: 0.8em;
text-transform: uppercase;
}
.CSS-item .title {
font-family: 'Titillium Web';
font-weight: bold;
  border-bottom: 1px solid;
  padding-bottom: 0.2em;
text-transform: uppercase;
}
.CSS-item .itemlead {line-height: 1.3em;padding: 10px 0;}
.CSS-item .reldate {padding: 10px 0;}
.CSS-item img.ipic {float: right;}

.CSS-item .visitnum {padding: 10px 5px 5px 5px;}

.CSS-item .tosk {position: relative; width: auto;margin: 10px 0;font-size: 0.6em;}
.CSS-item .tosk .topic {float: left;}
.CSS-item .tosk .subtopic {float: left;}
.CSS-item .tosk .topsep {float: left;padding: 0 10px;}
.CSS-item .tosk .keywords {margin-top: 5px;line-height: 1.3em;}


.CSS-item h6 {text-transform: uppercase;font-size: 1.5em;
             padding: 10px 0;margin-top: 20px;font-style: normal;}

.cssfile {display: inline-block; padding: 50px 10px 10px 10px; margin: 5px;
background: no-repeat top center;background-size: 40px auto;
min-width: 150px; text-align: center;color: var(--mekfcolor);text-decoration: none;}

.cssfile.doc {background-image: url('/oszkhtml/img/filemanager/word.svg');}
.cssfile.epub {background-image: url('/oszkhtml/img/filemanager/epub.svg');}
.cssfile.htm {background-image: url('/oszkhtml/img/filemanager/html.svg');}
.cssfile.prc {background-image: url('/oszkhtml/img/filemanager/prc.svg');}
.cssfile.rtf {background-image: url('/oszkhtml/img/filemanager/rtf.svg');}
.cssfile.pdf {background-image: url('/oszkhtml/img/filemanager/pdf.svg');}
.cssfile.zip {background-image: url('/oszkhtml/img/filemanager/zip.svg');}
.cssfile.jpg {background-image: url('/oszkhtml/img/filemanager/jpg-file.png');}
.cssfile.mp3 {background-image: url('/oszkhtml/img/filemanager/mp3.svg');}

.sephr {background: #222; height: 1px; width: 100%;}
.sephr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.contpages {padding: 20px 0;}
.contpages a {display: inline-block; padding: 10px; margin: 5px;text-transform: uppercase;
border: var(--mekcatbutbord);text-decoration: none;color: var(--mekfcolor);}


/* thematic */
.DC+.CSS-thematic .tgroups .shards a {color: #000;}
.CSS-thematic .tgnavi {margin-bottom: 20px;
  padding: 3px;}
.CSS-thematic .tgroups {margin-bottom: 20px;position: relative; box-sizing: border-box;}
.CSS-thematic .tgroup {margin-bottom: 20px;position: relative; box-sizing: border-box;
padding: 0px;
overflow: hidden;
height: 1px;
transition: height 0.5s ease;
}
.CSS-thematic .shards {width:33%; float:left;box-sizing: border-box;padding: 10px;


}





.CSS-thematic .shards .in {border: 1px solid #dedede; padding: 10px;}
.CSS-thematic .shards .in a {
    /*display: block;/**/
  color: var(--mekjcolor);
  height: 1em;
  /* padding: 5px 0;/**/
  
  display: inline-block;
    padding: 5px 10px;
}


.CSS-thematic .findseld, .CSS-thematic .chkall {
    display: inline-block;
    padding: 5px 10px;
}

.CSS-thematic .shards .in .ttools {
    position: relative;
}

.CSS-thematic .shards .in .ttools .seasub {
    float: right;
}

.CSS-thematic .shards .in .ttools a {
    float: left;
}

.CSS-thematic .shards .in .ttools:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}


.CSS-thematic .shards .in input {margin-top: 4px;}


.CSS-thematic .elements:after, .CSS-thematic .tgnavi:after, .CSS-thematic .tgroups:after, .CSS-thematic .tgroup:after {
     content: "."; display: block; height: 0; clear: both; visibility: hidden; 
}

.CSS-thematic h2, .tgroup h3 {text-transform: uppercase;font-family: 'Titillium Web';font-weight: bold; border-bottom: var(--mekheadlineborder); padding-bottom: 10px;color: var(--mekgcolor);}

/*.CSS-thematic/**/ h5.totalitems {padding: 10px;}

.tgnavi a {
  box-sizing: border-box;
  padding: 12px 10px;
  display: block;
  
  text-align: center;
  
  margin: 0;
  text-decoration: none;
  color: var(--mekccolor);
  float: left;
  width: 33.3%;
}
.tgnavi a:hover span {
  box-shadow: 1px 1px 5px var(--mekccolor);
}  
.tgnavi a.sel span{
  background-color: var(--mekjcolor);
  color: var(--mekecolor);
  border: 1px solid var(--mekjcolor);
  box-shadow: 2px 2px 5px var(--mekdcolor);
}  

.tgnavi a span {padding: 10px;display: block;
  min-height: 30px;
  overflow: hidden;
  border: 1px solid var(--mekdcolor);
  box-shadow: 2px 2px 5px var(--mekdcolor);
border-radius: 3px;
display: grid;
  align-items: center;/*****/
}


@media screen and (max-width:950px) {
    .CSS-thematic .shards {width: 50%;}
    .tgnavi a {width: 50%;}
}

@media screen and (max-width:600px) {
    .CSS-thematic .shards {width: 100%;float: none;}
    .tgnavi a {width: 100%;float: none;}
}



.CSS-thematic .shards h4 {font-weight: bold; padding-bottom: 10px;}

.shards input[type='checkbox'] {
    width: 30px;
  height: 30px;
  accent-color: var(--mekgcolor);
}
.shards label {line-height: 30px; margin-left: 10px;}

.shards input[type='checkbox']:checked + label {color: var(--mekgcolor);}
/*.shards label:after {
    content: "."; display: block; height: 0; clear: both; visibility: hidden;
}/**/

/* extra old pages */
/*.CSS-item .content table:nth-of-type(0) {}
.CSS-item .content table:nth-of-type(0) tr {text-align: center;}
.CSS-item .content table:nth-of-type(0) tr td {display: inline-block; 
padding: 10px;
  margin: 0 10px 10px 10px;}/**/
/*.CSS-item .content table:nth-of-type(1) {border-bottom: 1px solid #333;margin-bottom: 40px;}/**/
.clear.padtop {padding-top: 40px;}

/*.CSS-item .content table:nth-of-type(1) tr {text-align: center;}/**/

.CSS-item .content table {line-height: 1.5em;}

/*.CSS-item .content table:nth-of-type(1) tr td {display: inline-block;}/**/
.CSS-item .content table:nth-of-type(1) tr td a {text-decoration: none;
  color: var(--mekacolor );
  display: inline-block;
  padding: 10px;
  margin: 0 10px;
}
.CSS-item .content table:nth-of-type(1) tr td a:hover {color: var(--mekccolor );}

.CSS-item .content .cedula table:nth-of-type(2) {background: none;}/**/

.CSS-item .content .cimkes table:nth-of-type(2) {background: none;}
.CSS-item .content .hunmarc table:nth-of-type(2) {background: none;}
.CSS-item .content .usmarc table:nth-of-type(2) {background: none;}
.CSS-item .content .cimkes table:nth-of-type(1) tr td {display: table-cell;padding: 0 5px;}
.CSS-item .content .usmarc table:nth-of-type(1) tr td {display: table-cell;padding: 0 ;}

.CSS-item .content .hunmarc table:nth-of-type(2) table {border: none !important;}


.CSS-item .itemuri {
    box-sizing: border-box;
  padding: 10px 30px;
  display: inline-block;
  border: 1px solid var(--mekdcolor);
  text-align: center;
  border-radius: 3px;
  margin: 20px;
  box-shadow: 2px 2px 5px var(--mekdcolor);
  text-decoration: none;
  color: var(--mekccolor);
}

.CSS-item .itemuri:hover {box-shadow: 1px 1px 5px var(--mekccolor);}

@media screen and (max-width:600px) {/*1400*/
    .CSS-item .content table:nth-of-type(1) tr td {display: inline-block;}
}

@media screen and (max-width:650px) {
    .CSS-oldextra p {padding: 0 10px;}
}

/* search head */
.subsearch {box-sizing: border-box;text-align: center;}
.subsearch a {box-sizing: border-box;padding: 10px 30px; display: inline-block;
border: 1px solid var(--mekdcolor);
  text-align: center;
  border-radius: 3px;
  margin: 60px 20px;
  box-shadow: 2px 2px 5px var(--mekdcolor);
  text-decoration: none;
  color: var(--mekccolor);
  min-width: 220px;}

.subsearch a:hover {box-shadow: 1px 1px 5px var(--mekccolor);}
.subsearch a.sel {background-color: var(--mekjcolor);
  color: var(--mekecolor);
border: 1px solid var(--mekjcolor);
box-shadow: 2px 2px 5px var(--mekdcolor);}


.subsearch .collection:before {
  content: url('/oszkhtml/img/filemanager/gyujtemeny_kereses18x18.svg');
/*  transform: scale(.5);*/
  display: block;/*inline-grid;/**/
  width: 20px;
  padding: 0.5em;
  margin: 0 auto;
}
.subsearch .collection.sel:before {
  content: url('/oszkhtml/img/filemanager/gyujtemeny_kereses18x18-w.svg');
/*  transform: scale(.5);*/
  display: block;/*inline-grid;/**/
  width: 20px;
  padding: 0.5em;
  margin: 0 auto;
}
.subsearch .details:before {
  content: url('/oszkhtml/img/filemanager/osszetett_kereses_21x14.svg');
  display: block;/*inline-grid;/**/
  width: 30px;
  padding: 0.5em;
  margin: 0 auto;
}
.subsearch .details.sel:before {
  content: url('/oszkhtml/img/filemanager/osszetett_kereses_21x14_w.svg');
  display: block;/*inline-grid;/**/
  width: 30px;
  padding: 0.5em;
  margin: 0 auto;
}
.subsearch .fullsearch:before {
  content: url('/oszkhtml/img/filemanager/gyujtemeny_kereses18x18.svg');
  display: block;/*inline-grid;/**/
  width: 20px;
  padding: 0.5em;
  margin: 0 auto;
}
.subsearch .fullsearch.sel:before {
  content: url('/oszkhtml/img/filemanager/gyujtemeny_kereses18x18-w.svg');
  display: block;/*inline-grid;/**/
  width: 20px;
  padding: 0.5em;
  margin: 0 auto;
}


.subsearch h4 {text-transform: uppercase;border-bottom: 1px solid var(--mekkcolor);
              color: var(--mekfcolor);text-align: left;
  padding: 0;
  margin: 10px;}


.subsearch.fullist {min-height: 80px;}
.subsearch.fullist a {min-height: 50px;
  padding-top: 20px;}
.clear.exsep {display:  none;}
@media screen and (max-width: 1080px) {
    .subsearch {margin-bottom: 10px;}
.clear.exsep {display:  block;}
.subsearch a {margin: 15px 10px 15px 10px;}
}

/*@media screen and (max-width: 750px) {
  .subsearch a {margin: 25px 5px 25px 5px;}
}/**/

@media screen and (max-width: 650px) {
  /*.CSS-index .subsearch a {width: 70%;margin: 30px 0 0 0;font-size: 1.5em;padding: 15px 0 30px 0;}/**/
  .CSS-index .subsearch.fullist a {width: 70%;
    margin: 20px 0 15px 0;
    font-size: 1em;
    line-height: 1em;
    padding: 15px 0 5px 0;}
  
  .subsearch h4 {margin-top: 30px;}

  .CSS-search .subsearch {background: var(--mekkcolor);margin-bottom: 30px;}
  .CSS-search .subsearch a {position: relative;
  display: block; padding: 10px;  text-align: left;  font-weight: bold;
  border: none;box-shadow: none;  border-radius: 0;
  margin: 0;
  
  padding: 20px 10px 16px 50px;
  }
  .CSS-search .subsearch a:after {content: "\276F";line-height: 1.5em;float: right;font-size: 1.5em;padding-right: 15px;
  position: absolute;
    top: 8px;
    right: 5px;}
  .CSS-search .subsearch .details {border-top: 2px solid var(--mekacolor);border-bottom: 2px solid var(--mekacolor);}
  .CSS-search .subsearch a:before {position: absolute; left: 0; top: 7px;}
/*  .CSS-search .subsearch .collection:before, .CSS-search .subsearch .collection.sel:before, .CSS-search .subsearch .details:before, .CSS-search .subsearch .details.sel:before, .CSS-search .subsearch .fullsearch:before, .CSS-search .subsearch .fullsearch.sel:before {width: 15px}/**/
}

/* Ákos - rossz nevet adott átnevezve és stb .oszkboco {position: relative;
  box-sizing: border-box;
  padding: 50px;
  border-top: 1px solid var(--mekkcolor);
  margin: 10px;text-align: center;}
.oszkboco .oszk {text-decoration: none; color: var(--mekkcolor);}
.oszkboco .oszk span {display: none;}/**/

/* főoldali bevezető szövegmező formázások */

.titlebar img {background: var(--mekecolor);padding: 0 15px 0 0;}

.titlebar h2 {border-bottom: 1px solid var(--mekfcolor) ;text-transform: uppercase;height: 0.9em;} 
 @media screen and (max-width: 1070px) {.titlebar h2 {height: auto;}}

.titlebar .rtext {background: var(--mekecolor);padding: 0 20px 0 0;line-height: 2em;}

.frontprop {
  color: var(--mekecolor);
  padding: 12px 10px 9px 44px;
  background: url('/oszkhtml/img/filemanager/send_22x22.svg') no-repeat 6% 50%;
  background-size: 22px;
  background-color: var(--mekjcolor);
  border-radius: 8px;
  float: right;
  margin: 0 60px 60px 0;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration: none;
}
.frontprop:hover {color: var(--mekdcolor);}

.oszklinks {
    position: relative;
    max-width: 960px;
    margin: 0 auto;margin-top: 50px;margin-bottom: 80px;
    text-align: center;
}

.oszklinks .oszkb {
  display: block;
  margin: 0 auto;
  height: 110px;
  margin-bottom: 80px;
  background-image: url('/oszkhtml/img/page/oszk_GRAY_272x110.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
}
.oszklinks .oszkb:hover {background-image: url('/oszkhtml/img/page/oszk_COL_272x110.svg');}

.oszklinks .twitt, .oszklinks .insta, .oszklinks .face, .oszklinks .youtube, .oszklinks .spotify, .oszklinks .tiktok  {
    display: inline-block;
    height: 50px; width: 130px;
}
.oszklinks .twitt {
  background-image: url('/oszkhtml/img/page/x_GRAY_61x50.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
}
.oszklinks .twitt:hover {background-image: url('/oszkhtml/img/page/x_COL_61x50.svg');}
.oszklinks .insta {
  background-image: url('/oszkhtml/img/page/insta_GRAY_50x50.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
}
.oszklinks .insta:hover {background-image: url('/oszkhtml/img/page/insta_COL_50x50.svg');}
.oszklinks .face {
  background-image: url('/oszkhtml/img/page/fb_GRAY_50x50.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
}
.oszklinks .face:hover {background-image: url('/oszkhtml/img/page/fb_COL_50x50.svg');}
.oszklinks .youtube {
  background-image: url('/oszkhtml/img/page/youtube_GRAY_50x50.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
}
.oszklinks .youtube:hover {background-image: url('/oszkhtml/img/page/youtube_COL_50x50.svg');}

.oszklinks .spotify {
  background-image: url('/oszkhtml/img/page/spotify_GRAY_50x50.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
}
.oszklinks .spotify:hover {background-image: url('/oszkhtml/img/page/spotify_COL_50x50.svg');}

.oszklinks .tiktok {
  background-image: url('/oszkhtml/img/page/tiktok_GRAY_50x50.svg');
  background-repeat: no-repeat; background-position: center;
  color: transparent !important;
}
.oszklinks .tiktok:hover {background-image: url('/oszkhtml/img/page/tiktok_COL_50x50.svg');}

.oszklinks .twitt span, .oszklinks .insta  span, .oszklinks .face span, .oszklinks .youtube span, .oszklinks .spotify span, .oszklinks .tiktok span {
    display: initial;
}
@media screen and (max-width: 650px) {
.oszklinks {width: 50%;}
  .oszklinks .oszkb {margin-bottom: 0;}
  .oszklinks .oszkb:before {
  content: '';
  position: absolute;
  border-bottom: 2px solid var(--mekkcolor);
  width: 150%;
  transform: translateX(-50%);
  top: -20px;
  left: 50%;
}
  .oszklinks a {}
  .oszklinks .twitt, .oszklinks .insta, .oszklinks .face, .oszklinks .youtube, .oszklinks .spotify, .oszklinks .tiktok  {
    width: 68px;
    margin-top:20px;
}
}

#mekhead {/*overflow:hidden;max-height: 1px; /* Akos */}

        .ipic {float: right;
  width: 250px;
  height: 300px;
  text-align: center;
  position: relative;
  background-color: var(--mekbcolor);
  border-left: 20px solid var(--mekecolor);
        margin-right: 20px;
  margin-bottom: 20px;
        }
        .ipic img {width: 150px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}
        .tosk {position: relative;}
        .CSS-item .tosk .subtopic, .CSS-item .tosk .topic, .CSS-item .tosk .topsep {
            float: none;display: inline-block;}
/*        .itemurl {display: block; padding: 5px; box-sizing: border-box;white-space: nowrap;}/**/
        .itemurl, .itemurn {
  display: block;
  padding: 5px;
  box-sizing: border-box;
  white-space: nowrap;
}
        .CSS-item .content {margin-bottom: 50px;text-align: left;}
        @media screen and (max-width:660px) {/*1400*/
    .ipic {float: none;width: 100%; border: none;}
}

/* kereső  */

.eitems {padding-top: 50px;}
.eitem {/*border: 1px dotted #888;padding: 10px;*/ 
  border-bottom: var(--mekheadlineborder);
  width: 50%;
  padding: 50px 0 20px 0;;}
  
.eitems .foundnum {font-size: 1.2em; color: var(--mekfcolor);}
  
/*elfull*/
.eitem .dcauthor {font-size: 1.5em; color: var(--mekgcolor);font-weight: bold;}
.eitem .dctitle {font-size: 1.2em; color: var(--mekkcolor);}
.eitem .rkdate {font-size: 1em; color: var(--mekkcolor); padding-bottom:10px;}
.eitem a {color: var(--mekgcolor);text-decoration: none;}
/*elfulltext*/
.etitem .dcauthor {font-size: 1.125em; color: var(--mekgcolor);font-weight: bold;line-height: normal;}
.etitem .dctitle {font-size: 1.1em; color: var(--mekkcolor);padding-bottom:5px;line-height: normal;}
.etitem .foundtext {font-size: 1em; color: var(--mekkcolor); padding-bottom:0px;line-height: normal;}
.etitem .foundtext .marked {color: var(--mekjcolor);font-weight: bold;}
.etitem .mekfound {color: var(--mekgcolor);text-decoration: none;line-height: normal;}






/*input[value="keresés"], .SelectorESsubmit {background-color: var(--mekjcolor);border-radius:8px;}*/

.goldsea {color: var(--mekecolor);padding: 5px 10px 5px 34px;background: url('/oszkhtml/img/filemanager/gyujtemeny_kereses18x18-w.svg') no-repeat 8% 50%;background-size: 20px;
background-color: var(--mekjcolor);border-radius:8px;
}

.goldsea:hover {background: url('/oszkhtml/img/filemanager/gyujtemeny_kereses18x18.svg')no-repeat 8% 50%;background-size: 20px;background-color: var(--mekjcolor)}


.cfa {
    margin: 0;
    margin-top: 0px;
    margin-left: 0px;
  margin-bottom: 5px;
  margin-right: 5px;
  outline: 0;
  resize: none;
  font-weight: normal;
  /*font-family: 'HelveNR';*/
  font-size: 1em;
  float: left;
  border: 1px solid #939598;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  height: 40px;
  width: 100%;
    
    
    cursor: pointer;
  min-width: 100px;
  width: auto;
  color: #f6f6f6;
  text-transform: uppercase;
  border: none;
  font-weight: bold;
  border-radius: 8px;
  background: var(--mekdcolor);
  color: var(--brcolor);
  text-align: center;
  padding: 10px;
  text-decoration: none;
  text-align: center;
  padding: 12px 10px 0 10px;
  text-decoration: none;
  line-height: 1em;
}

.cfa:hover {}



/* MEK - END */

.CSS-ducumentation {
    position: relative;
}
.lelbox{float: left; box-sizing: border-box; width: 33.3%;padding: 10px;}
.item {display: block;}

@media screen and (max-width:980px) {/*1400*/
    .lelbox {width: 50%;}/**/
}

@media screen and (max-width:660px) {/*1400*/
    .lelbox {width: 100%; float: none;}/**/
}


#accordion {max-width: 1600px;}
#accordion h4 {box-sizing: border-box; padding: 9px 18px;
               background: var(--boxbgcolor);
color: var(--boxcolor);
margin-top: 15px;
    
cursor: pointer;}
#accordion h4 {}

.CSS-aboutus h3 {font-family: 'Titillium Web';font-weight: bold;text-transform: uppercase;padding: 40px 0 !important;}

.CSS-aboutus h2 {
border-bottom: var(--mekheadlineborder);
  text-transform: uppercase;
  font-family: 'Titillium Web';
  font-weight: bold;
}

.CSS-aboutus .content {
    margin:0 auto;
  max-width: 800px;
}

.Sg {padding: 0 10px;}
div.Sfw-container div.input input {height: 1.5em;}

.strech {padding: 0 10px;background: #fff;display: block; position: relative;text-decoration: none; color: initial;}

.strech ul, .strech p {margin-top: 10px;}

.chand {cursor: pointer;}


header.MV {max-width: none;}

header .hin {padding: 5px; position: relative;}
header .hin .FT {background: #3DB07E;/* background: rgba(0, 0, 65, 0.75) url(/img/bg.png) repeat center center;/**/
/*border-radius: 30px 0;
border: 1px solid #777;/**/height: 55px;}

.FT {margin: 0 auto; max-width: /*1440px;/**/1280px/**/; text-align: left;position: relative;}
.FT a {float: left;}
.FT img {margin: 10px 20px 0 0;}
.FT .homtit img {
    height: 37.5px/*45px/**/;
width: auto;
margin-top: 15px;
margin-left: 0;
    
    
/*    height: 45px; width: auto;margin-top: 20px;margin-left: 10px;/**/}
.FT h2 {font-weight: bold;
text-transform: uppercase;
font-size: 1.5em;
text-align: left;
display: none;
}
.FT h2:first-letter {
    font-size: 1.4em;
}






.MV .FT a.homtit {border: none;}

.MM {float: left;font-size: 1.5em;font-weight: bold;text-transform: capitalize;}
.MM a {/*float: left;position: relative;padding: 60px 10px 0 10px;height: 55px;min-width: 50px;/**/
float: left;
position: relative;
padding: 10px 10px;
height: auto;
min-width: 50px;
margin: 25px 5px 0 0;
font-weight: 600;}


/*.MM a:after span { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.MM a span {display: block; top: 0; left: 0; width: 100%; height: 100%;opacity: 0;
            -webkit-transition: opacity 0.5s ease;
            -moz-transition: opacity 0.5s ease;
            -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
            position: absolute;z-index: -1;background: transparent ;}
.MM a:hover span, .MM a.sel span {opacity: 1;} 

.BGrot {
    background: rgba(255,255,255,1);
    width: 1280px;
    height: 700px;
    position: absolute;
    z-index: -1;
}
/*.DS {-webkit-box-shadow: 1px -3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 1px -3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 1px -3px 5px 0px rgba(0,0,0,0.75);}/**/

.MV {max-width: 1280px;}
.ST {margin: 0 auto;background: transparent ;max-width: 1280px;
     
     font-size: 1.8em;text-align: left;padding-top: 50px;}
     
@media screen and (max-width: 650px) {
  .ST {padding-top: 20px;}
}     
.DC {/* max-width: 1100px;/*1080*/ margin: 0 auto;padding: 0;position: relative;/*font-family: 'Titillium Web';*/}

.DC .content {padding: 0 10px;position: relative;}
.DC .in a {color: var(--mekecolor)} /* - nem tudom ez mi lett volna - de beállítom betűszínnek Ákos */
/*.DC .oszk {background-image: url('/oszkhtml/img/filemanager/oszk_WHITE_272x110.svg'); background-repeat: no-repeat; background-position: center; margin-top:10px;}
.DC .oszk span{display: none;}*/
/* Ákos érdeklődés */
/*.DC .oszk a:first-child:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 19px;
  width: 10%;
  border-bottom:3px solid;
}


.DC .men a.ftop:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 40px;
  border-bottom:3px solid;
}
*/
.CK-editor {
    text-align: left;
    font-size:14px;
    background: #fff;;
}

table {
    width:100%;
    /* IE ext */
    _width:99%;
}
td, th {

    /*vertical-align:text-top;*/
    vertical-align:top;
    text-align:left;
    padding-bottom:10px;
}



/* right */
a.right, div.right, div div.right {float:right;}

.right {text-align: right;}

div.left {float: left;}
div.left input {/*width: auto;/**/}
form div.left {/*width: auto;/**/}

.vidcont {width: 50%; position: relative;float: right;margin-left: 10px;}
.videoWrapper {
    height: 0;
    margin: 1%;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;
}

.videoWrapper iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}






.ST h2 {padding: 0 10px;margin-bottom: 40px;}

.CSS-user .same {height: 30px;}
.CSS-user .same input { width: 25px; margin: 0 0 0 20px; padding: 0;height: auto;height: 2em;}
.CSS-user .same label {margin: 0 0 0 10px;line-height: 2em;}

.Notxt {}

.CSS-index .content {/*padding: 20px 10px; border-top:1px solid #e5e5e5; margin-top:20px;/**/}
.CSS-about .stxt {padding: 0 10px;
}
.CSS-about .content {padding: 0;}

.CSS-contact {}
.CSS-items h2, .CSS-contact h2 {text-transform: uppercase;font-family: 'Titillium Web';font-weight: bold; border-bottom: var(--mekheadlineborder); padding-bottom: 10px;}
.CSS-contact .ccont{  border: 1px solid #e5e5e5; 
background: transparent ; 
padding:10px; float:left; width: 36%; position: relative;}
.CSS-contact .cform input{float: none; width: 100%;}
.CSS-contact .left{ margin-bottom:10px;}
.CSS-contact .icode{ margin-right:20px;width: 300px !important;}
.CSS-contact .isend{ margin-left:20px; margin-top:0px;}
.CSS-contact .cform .doctitle {padding-top: 2em;}
.cform {width: 60%; position: relative; padding-right:10px;}
.cform form {margin: 0 10px;}
.cform .row input, .cform .row textarea {width: 92%;}
.row button {margin: 0 5px;}
.cform .row h4{margin-top:10px;}
.cform h5 {margin: 15px 0;}


.CSS-copyrights h2 {text-transform: uppercase;font-family: 'Titillium Web';font-weight: bold; border-bottom: var(--mekheadlineborder); padding-bottom: 10px;}

.CSS-imprint h2 {text-transform: uppercase;font-family: 'Titillium Web';font-weight: bold; border-bottom: var(--mekheadlineborder); padding-bottom: 10px;}

.CSS-items h2, .CSS-aboutus h2, .CSS-contact h2, .CSS-copyrights h2, .CSS-imprint h2 {color: var(--mekgcolor);}

.TMSG textarea {-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
        resize: none;max-width: 2000px;
	width: 100%}

.abl {float: left;width: 60%;position: relative;}
.rm {margin-right: 10px; position: relative;}
.abr {float: left;width: 40%;}


div.even {display: none;clear: both;}
div.third {display: block;
clear: both;}

/* search */
.searchbox {background: #ddddff;}
.searchbox input {width: 200px; float: left;}
/* search end */


.Aview {margin: 0 10px ;position: relative;}
.Aview h1 {margin: 0 10px;}

/* Gallery & projector */

.gallery {margin: 0px 5px 40px 10px;}
.gallery div.projector {
    float: left; width:auto; position: relative;margin: 5px;
    -webkit-animation: 2s ease-in-out;/* height;*/
    -moz-animation: 2s ease-in-out ;/*-moz-height;*/
    animation: 2s ease-in-out ;/*height;*/
}
.gallery div.projector img {width: 100%; }
.gallery div.thumbs {}
.gallery div.thumbs img {cursor: pointer;float: left; margin: 5px 1.66% 0; /*width: 30%;*/}
.gallery .pimg {width: 100%;background: rgba(120,120,120,0.2);}
#Projpic {position: absolute; left: 0; top:0;width: 100%;}

.gallery .Idesc {position: relative; padding-top: 5px; width: 100%;background: rgba(255,255,255,0.5);}
.gallery .Idesc span {display: block;padding: 0 5px 5px 5px;}
.gallery .Idesc #BimgT {}

/* Gallery & projector END */

/* xmenu */
.GLtop {position: fixed; right: 20px; bottom: 0px;z-index: 1510;color: #000000;
        width: 31px; height: 23px; border-bottom: none;
        background: transparent ;/**/
        border: none;
}
.GLtop:hover {border-bottom: none;}
.GLtop .ico {display: none;}
.GLtop .txt {display: none;}


#Xm { 
    -moz-transition: 0.5s opacity ease;
    -webkit-transition: 0.5s opacity ease;
    transition: 0.5s opacity ease; 
    visibility: visible;
    z-index: 19;
    position: fixed;top:0px; right: 0;left: auto;
    font-size: 2em; 
    height: 25px; width: 25px; /*background: #FFF /*transparent*/;margin:  0;
    z-index: 169;padding: 10px;
    /* opacity: 0.85;*/
    display: none;
}

#Xm.non:hover, #Xm:hover {opacity: 1;}
#Xm.non {opacity: 0.55}

#Xm.non:hover, #Xm:hover {; border-bottom: none;opacity: 1;}
#Xm.non {opacity: 0.55}
#Xm b {
    z-index: -1;
    display: block; width: 25px;height: 4px; 
    background: var(--mekbcolor) /*#fff/*0095d9/**/;
    position: absolute;
    border: 0px none transparent;
    -moz-transition: all .5s ease;-moz-transform-origin: center center;
    -webkit-transition: all .5s ease;-webkit-transform-origin: center center;
    transition: all .5s ease;transform-origin: center center;
    border-radius: 3px;

}

#Xm b.a {top: 10px;}
#Xm b.b {top:19px;}
#Xm b.c {top:28px;}
#Xm.x b.a {top:17px;}
#Xm.x b.b {top:17px;}
#Xm.x b.c {top:17px;}
#Xm.xx b.a {-moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
}
#Xm.xx b.b {-moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);}
#Xm.xx b.c {-moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);}

#Xmenu {  z-index: 155;
	  text-transform: uppercase;/**/ 
          position: absolute;
          top: 30px;
          right: 50px;
          font-family: 'Titillium Web';
          
}
.homep #Xmenu a {
    /*color: var(--mekacolor);*/
    margin-right: 20px;
}

#Xmenu a {
    color: var(--mekecolor);
    margin-right: 20px;
    font-size: 1.5em;
}

#Xmenu a:hover, #Xmenu .sel, #Xmenu .sel:active {
    text-decoration: underline;
    text-decoration-style: solid;
    text-underline-offset: 0.5em;
}

#Xmenu a.non {opacity: .55;}


#Xmenu b {padding: 0;color: /*rgba(40,0,180,.7)/**/ rgba(60,162,255,1);font-size: 1em;text-transform: uppercase;}


#send {opacity: 0.5;}

td {/* padding: 3px 5px;line-height: 1em;border-left: 1px dotted #555;border-right: 1px dotted #555;border-bottom: 1px dotted #555;/**/}
thead {font-weight: bold;}
thead td {border-bottom: 2px solid #555;font-size: 1.1em;}

/* feldolgdev item */
.item {position: relative;}
.item a.overpopup{width: 100%;}
.item a.overpopup span {display: none;}
.item a.overpopup:hover span {display: block;}



.content {}

.content h1 {font-size: 1.6428em;}
.content h2 {font-size: 1.6428em;text-transform: uppercase;}
.content h3 {margin: 0; padding: 0; /*font-size: 1.6667em; /**/}
.content h4 {font-size: 1em}
.content h5 {font-size: 1em}
.content h6 {font-size: 1em}
.content .USR h3 {text-transform: uppercase;} 

.content img { /*width: 100% ; height: auto ;*/}


body#docbody {
    text-align: center;
    position: relative;
}


.BGstage {
    position: relative;
    /*overflow: hidden;*/
}

.BGinner {
    text-align: left;
    overflow: hidden;
}
header h2 {text-align: left;
  padding: 20px;
  text-transform: uppercase;
  font-weight: bold;}


header h4 {
    text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: bold;
  padding: 0;
  border-top: 2px #aaa solid;
  line-height: 2em;
  width: 280px;
  
}

header h3 {
    text-align: center;
  text-transform: uppercase;
  font-size: 2em;
  font-weight: bold;
  padding: 0;
  line-height: 1em;
  width: 280px;
  
  border-bottom: 2px #aaa solid;
}
header h3 span {
    color: #aaa;
}

header h5 {
    text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  font-weight: normal;
  padding: 0;
  line-height: 1em;
  width: 280px;
  
  margin-top: 20px;
}


header {position: relative;margin: 0 auto;
        background: #BABABA;
        background-size: 12.5px;
        min-height: 1px;
        top:0;/* Akos - már megint */
        color:#353535;
}
header a {position: relative;color: var(--mekfcolor)/*#f6f6f6/**/;text-decoration: none;}
header a:hover {color: #353535;/*#0095d9;/**/}
header a.sel {color: #fff;/*#0095d9;/**/}

.projector {float: left; width: 50%;position: relative; margin-top:-40px;}
.projector .pimg {width: 100%; margin-top:0px;}

.contblk {}
.full .contblk img {float: right;}
.content .Tugy {position: relative;margin: 0 20px 0 10px;}
.content .Tugy img {width: 100% !important; height: auto;float: none !important; margin: 0 ;}




/**/

.video, .Chalf {position: relative;width: 50%;float: left;
padding: 0 10px;
box-sizing: border-box;}



.Chalf .fcr {margin-right: 10px;}

.full {position: relative;width: 100%;}
.Chalf img {width: 100% !important; height: auto !important;}
.full img {width: 100% !important; /*width: 50% !important;/**/ height: auto !important; /*float: left;/**/margin: 0 10px 10px 0;}

.lcont .item .content h6 {background: rgba(255,255,255,0.4);
                          text-align: right;  padding: 5px;}

/* extra mekitem center */
center a {/*float: right;*/
position: absolute;
top: 0;
right: 0;
z-index: 10;

border: 20px #fff solid;
border-right: none;
  border-top: none;
  border-bottom: none;


}
center table a {float: none;position: relative;top: auto; right: auto;z-index: auto;border: none;}

center dir, center dir dir {display: block; margin: 0; padding: 0;position: relative;float: none;}
center dir {/*float: left;/**/}
center table {position: relative; top: 0;}

center dir dir table.kiscim {
    font-size: 1em;
    width: 100%;
    margin-bottom: 60px;
}
center dir dir table.kiscim tr td
{
    font-family: 'Titillium Web';
  font-weight: bold;
  font-size: 1.388em;
  border-bottom: 1px solid;
  padding-bottom: 0.2em;
  text-transform: uppercase;
}


/* extra end */

.mekitem {/*margin: 5px; border: 1px dotted #999;*/
    position: relative;
float: left;
width: 25%;
box-sizing: border-box;
padding: 10px;

text-align: center;
overflow: hidden;
  height: 400px;
}

.mekitem .in {
    position: relative;
    border: 1px solid var(--mekbcolor);
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
    
}

.mekitem .in a {
    display: block;
  position: relative;
  width: 100%;
  /*min-height: 400px;*/min-height: 320px;
  overflow: hidden;
  text-decoration: none;
  color: var(--brcolor);
}

/* .mekitem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/
.mekitem h4, .mekitem h5, .mekitem h6 {/*border-bottom: 1px solid #bbb;/**/margin-bottom: 9px; }
.mekitem h4 {font-size: 1em;}
.mekitem h5 {font-size: 0.8em;color: var(--mekccolor);}
.mekitem h6 {font-size: 0.7em;
/*position: absolute; bottom: 0;*/width: 100%;font-style: normal;color: var(--mekccolor);}
.mekitem img {width: 130px; height: auto;margin: 0 auto 20px 0;}


@media screen and (max-width: 850px) {
    .mekitem {width: 33.333%;}
}
/*@media screen and (max-width: 590px) {  -- a főoldali töréspont miatt cserélve */
@media screen and (max-width: 650px) {
    .mekitem {width: 100%; height: 270px;}
    footer .in .incont {display: none;}
    footer .men a.ftop::after {display: none;}
}
@media screen and (max-width: 400px) {
    .mekitem {width: 100%; float: none;}
}




/*Admin*/
.regions {position: relative;}
.region {}
.regionhead {}
.regions h4{float:left; width:25%;}






.Gid {display: none;}

.gallery-edit {}
.gallery-edit .thumb {position: relative; float: left;height: 170px;margin: 5px}
.gallery-edit .desc {position: absolute; width: 100%;left: 0; top: 50px; height: 120px;
                     background-color: rgba(200,200,200,0.7);
}
.gallery-edit h6 {width: 100%;border-bottom: 1px solid gray;}

.imgup {position: relative; height: 200px;}
.imgup #Iimg {}
.imgup .imgedit {position: absolute; margin-left: 150px;top: 20px; left: 0; }

/*Admin end*/

footer {
    margin: 0 auto; width: 100%;
    bottom: 0; left: 0;background: var(--meklcolor)/*#3DB07E/*#14276f/**/; padding: 10px 0;
    color: var(--mekecolor);font-size: 1.2em;line-height: 1.2em;font-family: 'Titillium Web';
    /*z-index: 1500;/**/
}

footer .in {max-width: 1280px; margin: 0 auto;position: relative;line-height: 2em;padding: 80px 0;}

footer .in .ftop {text-transform: uppercase;font-weight: bold;font-size: 1.4em;padding-bottom: 15px;}

footer .in .incont {font-size: 0.9em;}
footer .in .incont p{line-height: 2em;padding-top: 10px;font-size: 1.5em;}
/*footer .in .incont p/**/
footer .in .incont.addr b, .copyex b {
font-weight: normal;
  display: inline-block;
  overflow: hidden;
  width: 7px;
  line-height: 1em;
  margin: 0px 2px -2px 2px;
}

footer .in .incont .toletter {
    font-size: 1em;line-height: 1em;display: initial;
}
/*
footer .oszk a {float: left;width: 20%;background-image: url('/oszkhtml/img/filemanager/oszk_WHITE_272x110.svg'); background-repeat: no-repeat; background-position: center; margin-top:-10px;height: 30px;text-align: initial;}*/
 @media screen and (orientation:portrait) {footer .oszk {display: none;}}

footer .foszk {
  float: left;
  width: 20%;
  background-image: url('/oszkhtml/img/filemanager/footer_final.svg');
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 10px;
  height: 150px;
  text-align: initial;
  }

footer .foszk span {display: none}

/*
footer .oszk .foszk:after {
  content: "";
  position: absolute;
  left: 75px;
  top: 128px;
  width: 125px;
  border-bottom: 3px solid;
}

footer .oszk span{padding-top: 4em;padding-left: 34px;position: absolute;text-align: end;line-height: 1em;}

footer .foszk span{font-size:1em;}
footer .foszk span i{font-size:0.7em;font-style: normal;}
footer .foszk span b{font-size:0.7em; color: var(--mekjcolor);font-style: normal;}
*/
footer .men {float: left;/*width: 20%;*/margin-bottom: 20px;box-sizing: border-box;
  padding: 0 20px;text-align: left;}
footer .men .in {padding: 0;}
footer .men .incont a {display: block;box-sizing: border-box;}
footer .men a.ftop:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  border-bottom:3px solid;
}
footer a {color: var(--mekmcolor); text-decoration: none;font-size: 1.5em;
          padding: 10px;display: inline-block;}

.footer .men .ftop {
    font-weight: bold;
          text-transform: uppercase; 
}


footer .men a {
    padding: 10px 0 0 0;
    position: relative;
}



@media screen and (min-width:1880px) {
    header .MV.DC.bighead {
        background-size: 100%;
        background-position: center bottom;
    }
}

@media screen and (max-width: 1110px) {

/*@media screen and (max-width: 730px) {/**/
    footer .in {padding: 20px 0 90px 0;}
    footer .oszk {position: absolute;
    bottom: 0;
    width: 100%;float: none;display: none;}
    footer .men {width: 50%;}
    footer .men .in {border-bottom: var(--mekfooterbord);}
}

@media screen and (max-width: 530px) {
    footer .oszk {width: 100%;float: none;}
    footer .men {width: 100%;float: none;text-align: center;}
}

.DC div.Sfw-tool {
}
@media screen and (max-width: 850px) {
    div.row {width: 50%;}
}

@media screen and (max-width: 630px) {
    div.row {width: 100%;}
}

.editingarea {}
.editingarea .row {}
.editingarea .i{padding: 0 10px;}

.editingarea .rowS {float: left; width: 33%;}
.editingarea .rowD {float: left; width: 66%;}

.editingarea .rowMulti {width: 100%;}
.editingarea .rowMulti input {width: auto;margin: 5px 10px;}
.editingarea .rowMulti .ch {float: left; padding: 0; width: 33%;}

.rowMulti h4 {text-transform: uppercase;font-family: 'Titillium Web';font-weight: bold;font-size: 1.5em; padding-bottom: 10px; border-bottom: var(--mekheadlineborder);margin-bottom: 20px;color: var(--mekgcolor);}

.content h4 {padding-bottom: 10px;}

form[name="elfulltextf"] {padding-bottom: 50px;}
form[name="elfullform"] {padding-bottom: 50px;}
form[name="elfullform"] .row {width:50%;}

@media screen and (max-width: 650px){
  form[name="elfullform"] .row, .CSS-search .content .row {width:100%;}
}

/* flag || flags */
.flags {position: relative;}
.flags h4 {padding: 15px 0; background: #0000ff; color: #fff;}
.flag {position: relative; width: 33.33%;float: left;min-height: 230px;margin: 5px 0; }
.flag h6, .flag h5, .flag input {position: relative;/*width: 19%;float: left;*/min-height: 10px;}
.flag h6.type, .flag h6.order {width: 5%;}
.flag span {display: none;}

.SfwB.back, .back {
position: relative;
float: right;cursor: pointer;
padding: 15px 0 0 0;
border-radius: 8px;
height: 40px;
display: inline-block;
box-sizing: border-box;
background: #3DB07E;/*#0095d9;/**/
color: #eee;
min-width: 100px;
text-align: center;
vertical-align: middle;
text-decoration: none;
font-weight: bold;
text-transform: uppercase;}
.back:hover {color: #fff;}
.backto { 
    color: #ffffff;font-size: 1em;
    line-height: 2em;float: right;z-index: 97;
    top: 0px; right: 10px;position: absolute;
    width: 0px; height: 32px;padding-left: 32px;overflow: hidden;
    background: transparent ;
}

h2 .back {font-size: 0.666em; padding-top: 5px;}

.backto:hover {background-color: rgba(255,255,255,0.85);}

.backto span {display: none;}

.userfs .back {padding-left: 10px; padding-right: 10px; }


.imgclk, .imgclk:hover {border: none; background: transparent; padding: 0; margin: 0;}



.enabled {background: rgba(0,255,0,0.25);}
.disabled {background: rgba(255,0,0,0.25);}
.edited {background: rgba(0,0,255,0.25);}


div.row {
    margin: 0;
    width: 33%;
    float:left;
    position: relative;
}


div.row div.in {
    position: relative;
    margin: 0 5px;
}

.files h4 {margin: 30px 5px 0 5px; color: #fff; background: rgba(0, 0, 65, 0.75) url(/img/bg.png) repeat center center;/*#ffee50;*/
         padding: 20px 10px 5px 10px;border-radius: 15px 15px 0 0;}

.files img {margin: 5px; box-sizing: border-box;border:2px dashed #444;}

.files a {margin: 10px auto 0 5px;
width: min-content;
display: block;}

@media screen and (min-width: 850px) {
    
    #Xmenu {display: block !important;
            visibility: visible !important;
            opacity: 1 !important;}

}

@media screen and (max-width: 850px) {
    .Cspace {margin-right: 40px;top: 10px;}
    .Cspace .lou {}
    .FT .homtit img {}
   
    
    .Cspace .lin {margin-top: 1px;}
    
    div.even {display: block;}/**/
div.third {display: none;}
    
    #Xm {display: block;margin-top: 2px;}
    #Xmenu {display: none; position: fixed; right: 0; top: 0;left: auto;
            width: 200px;  background: var(--mekgcolor);padding: 40px 30px 20px 20px;
            border-radius: 0 0 0 10px;box-shadow: 0 0 50px #000;-webkit-box-shadow: 0 0 50px #000;}
    #Xmenu a {display: block;padding: 15px 5px 7px 10px; width: auto;margin: 0;
              height: 1em; line-height: 1em;float: none;}
}


@media screen and (max-width:810px) {
}

@media screen and (max-width: 690px) {
    
        .cform {float: none; width: 100%;}/**/
    .CSS-contact .ccont {float: left; width: 90%;}
    .CSS-about .content {padding: 0;}
    
        .item {width: 100%;}
}

@media screen and (max-width:650px) {
    
    .video, .Chalf {width: 100%;float: none;}
    .projector {width: 100%; margin-top: 0;}
}

@media screen and (max-width: 630px){
    
}

@media screen and (max-width:570px) {
    
}


@media screen and (max-width:430px){
}

@media screen and (max-width:600px){

}

@media screen and (max-width:470px){
    header .it a b {display: none;}
}

@media screen and (max-width:380px) {
    .MM {font-size: 1.4em;}
    .FT {}
    header {}
}

@media screen and (max-width:320px) {
}




.inavi {height: 50px;}
.inavi a {border: 1px solid #666;
padding: 10px 10px 5px 10px;
background: #999;
color: #fff;
display: block;
line-height: 1em;
text-decoration: none;}
.inavi .prev {float: left;}
.inavi .next {float: right;}


/*
* Pager css
*/


div.pager {
    font-size: 1em;
    margin:20px 0 20px 0;
    text-align:center;
    font-weight:normal;
    color: #a6a6a6;
}

div.pager b {font-weight:normal;}
div.pager span, div.pager a {box-sizing: border-box; display: inline-block;}

div.pager span.item {margin: 0;float: none;text-align: center;
  width: auto;
  height: 30px;
}
div.pager span.delimiter span.item {padding: 0 0 0 0;font-size:1em; background: #ddd;color: #808080;}

div.pager a, div.pager span {
    text-decoration: none;
    width: auto;/*height: 30px;
    /*padding: 0 5px;/**/
    /*margin: 0 2px;
    /*background: #f6f6f6;/**/
    color:#0095d9;
}

div.pager span a {/*float: left;/*background: #ddd;*/height: 36px;}

div.pager span {
    /*border: 1px solid #939598;/**/
    border-radius: 3px;
    margin: 0 4px;
}
div.pager span span {margin: 0;}

div.pager span a span.item {background: #ddd;}
div.pager span span.item {min-width: 30px;padding: 0 6px;height:36px;background: #999;border: 1px solid #888;}
div.pager a:hover span.item {background: #aaa;}


div.pager a span, div.pager span span {
   /* width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    border: none;
    color: inherit;
    background: none;/**/
}

div.pager a:hover {
    background:#f6f6f6;
    color:#0095d9;
}

div.pager a:active {
    
    color:#1e2c12;
}

div.pager a:active {
}




/* Current */

div.pager span span  {
    /*display: inline-block;
    width: auto;height: 30px;
    margin: 0 2px;
    padding: 0 5px;
    color: #f6f6f6;border-radius: 3px; 
    /*background: #0095d9;/**/
}

div.pager span.standard span {
    
}
div.pager span.standard span span, div.pager span.standard a span {
    /*border: none;/*padding: 0;*/
}

div.pager span span span{
    color: #000;display: table-cell;vertical-align: middle;
    background: none;
}

div.pager a span {background: none;display: table-cell;vertical-align: middle;color: #555;}/**/






/* PREV */

div.pager span.prev span b {display:none;}

div.pager span.prev , div.pager span.next {height:36px;overflow: hidden;}
div.pager span.prev a {
    /*
    width: 30px;/*height: 30px;*/
    padding: 0;
    margin: 0;
    background: transparent url(/oszkhtml/img/page/pager.png) no-repeat -5px -5px;
    /*border:none;*/
}
div.pager span.prev a:hover {
    background-position: -55px -5px;
}

div.pager span.prev a:active {
    /*background-position: -10px -90px;*/
}
/* disabled */
div.pager span.prev span.item {
     background: transparent url(/oszkhtml/img/page/pager.png) no-repeat -105px -5px;/**/
}
div.pager span.prev a span.item {
     background: none;/**/
}

div.pager span.prev a span {}


/* NEXT */
div.pager span.next span b {display:none;}

div.pager span.next a {
/*    display: inline-block;
    width: 90px;height: 30px;
    padding: 0 10px 0 0;
    margin: 0 2px;/**/
    background: transparent url(/oszkhtml/img/page/pager.png) no-repeat -5px -55px;
/*    border:none;/**/
}
div.pager span.next a:hover {
    background-position: -55px -55px;
}

div.pager span.next a:active {
    background-position: -55px -105px;
}

div.pager span.next span {
    /*display: inline-block;*/
   /* width: 90px;height: 30px;
    padding: 0 10px 0 0;
    margin: 0 2px;
    background: transparent url(/oszkhtml/img/page/pager.png) no-repeat -55px -107px;
    border:none;/**/
   background: transparent url(/oszkhtml/img/page/pager.png) no-repeat -105px -55px;
}
div.pager span.next span span {color:#a6a6a6;margin: 0;padding: 0;}
div.pager span.next a span {margin: 0;background: transparent url(/oszkhtml/img/page/pager.png) no-repeat -5px -55px;padding: 0;text-align: center;}
div.pager span.next a:hover span {background: transparent url(/oszkhtml/img/page/pager.png) no-repeat -55px -55px;}




/* INPUT FORM ELEMENTS */

.rline, .login {padding: 5px 0; box-sizing: border-box;}

.rline.err {background: none;}

.rline .err input , .rline.err input {border-style: dashed; border-color: red;}

.rline h4 {margin-top: 10px; }


.imgcode {float: left;width: 90px;overflow: hidden;border: 1px solid #aaaacc;padding: 1px;margin:0 20px 20px 0;;
}
.imgcode-txt {float: left; width: 130px;margin: 0 20px 20px 0;}

div.row .SfwB {}

textarea {max-width: 600px; width: 100%; height: 150px; box-sizing: border-box;} /* just default size */
.cke_inner textarea {max-width: none;}
div.row textarea {width: 99%; height: 130px;white-space: pre-wrap;}

div.rows div.in, div.row-inner {padding: 10px;position: relative;}

div.row h6{
    line-height: 1.2em;
    margin:0;
    padding:0;
    text-align:left;
    font-size:1em;

}
div.row a:hover {/*border:none;*/}
div.row img {}
/*Form elemets*/
a.index-pic-holder {

    display:block;
    width:140px;
    height:140px;
    padding: 0;
    border: 2px solid #999999;
}
a.index-pic-holder-big {
    display:block;
    width:298px;
    min-height: 298px;
    background-repeat: no-repeat;
    padding: 0;
    border: 2px solid #999999;
}

a.index-pic-holder:hover, a.index-pic-holder-big:hover {
    border-color: #666666;}

.codeinfo {padding: 5px 0; font-size: 0.7778em; margin-bottom: 5px; display: inline-block;}

span.info {margin:0 10px 10px 10px; font-style:italic; display:block; color:#36426a;width: 100%;}
span.error {color:#d51919;}
.err {background: rgba(150,0,0,0.3);}
.err input {opacity: 0.85;color: red;}
div.error em {color:#d51919;display: block;}
div.error div.fileup em {color:#d51919;display: block; /*bottom: 20px;*/position: relative;}

.hide {display: none;}

input, button {
    margin:0;
/*    margin-bottom: 5px;
    margin-right: 5px;*/
    outline:0;
    resize: none;
    font-weight: normal;
    /*font-family: 'HelveNR';*/
    font-size: 1em;
    float: left;
    border:1px solid #939598;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; 
    padding: 0 10px;
    height: 40px;
    width: 100%;
}
input[type=text]{width:100%;}
select {width: 100%;}
input[name=sz], input[name=zs]{ max-width:420px;}

input:focus {}
input:hover {}

.CSS-addata input[type='submit'] {margin: 5px;}

.MB, input[type='submit'], input[type='button'], button {
    cursor: pointer;
    min-width:100px;
    width: auto;
/*color:#f6f6f6;*/
text-transform: uppercase;
border:none;
font-weight: bold;
border-radius: 8px;

/* megvan a 174-es sorben is
background-color: var(--mekecolor);
  color: var(--mekcatbutbord);
  border: 1px solid var(--mekkcolor);
*/
    }
    
    .MB:hover, input[type='submit']:hover, input[type='button']:hover, button:hover {
    color: var(--mekccolor);
}

    .MB {display: inline-block;padding: 10px;min-width: 200px;text-align: center;
        text-decoration: none; -webkit-box-sizing: border-box;box-sizing: border-box;
    box-sizing: border-box; padding: 12px 10px 8px 10px;}
    .record h4 .back {font-size: 0.8196em;padding: 10px 10px 0;}
/*input[type='submit']:hover, input[type='button']:hover,button:hover { color:#ffffff;}/**/


/*input.Ifile,*/
input[type='file'] {
    height: 30px; /*width: 152px;/**//*overflow: hidden;/**/border: 0px solid #f1f1f1;
    text-align: left;
    position: absolute;
    filter:alpha(opacity=1);
    -moz-opacity:0.01;
    -khtml-opacity: 0.01;
    opacity: 0.01;/**/
    cursor: pointer;
    z-index: 2;
}

div.fileup{position: relative;margin-left: 10px;text-align: left;  margin-top: 10px;
           line-height: 36px;height: 31px;width: 148px; padding-top:5px;
           /* overflow: hidden;background: url(/img/page/bgorange.png) repeat center center;*/float: left;
           border:1px solid #7b7bd7;}

div.fileup span { cursor: pointer;z-index: 1;font-weight: normal;
                  display: block;color: #fff;text-transform: uppercase;
                  position: absolute;width: 148px;line-height: 28px;text-align: center;}
div.fileup span.mover {color: red;}

div.afileup{position: relative;width: 100%; padding: 8px 0;overflow: hidden;
            border-radius: 3px; border: 1px solid #666666; background: rgba(255,255,255,0.2);}


div.error {border-radius: 3px;border:1px dotted rgba(255,0,0,.75);}

div.row input {margin: 0;}
div.row input[type='checkbox'] {
    width: auto; height: auto;
}
div.row input[type='radio'] {
    width: auto; height: auto;
}

div.row {padding: 5px;
box-sizing: border-box;}

div.error input {}

input.chCode {}
input.chCode:focus {}
div.error input.chCode {}

textarea.CItextarea {
    margin:0;
    padding:5px 5px 5px 10px;
    height:155px;
    line-height: 20px;
    width: 100%;
    /*border:none;*/
    outline:0;
    resize: none;
    /*background: transparent url(/img/collector.png) no-repeat -10px -130px;*/
    font-weight: normal;
    font-size: 1.4em;
    float: left;
}

textarea.CItextarea:focus { }
div.error textarea.CItextarea { }

select {/*width: auto;/**/ padding: 9px 8px;}
select option {}



label {cursor: pointer;float: left;color: #5c5c5c;margin-top: 4px;}
label:hover {color: #414141;}
.checkbox {cursor: pointer;display: inline-block; float: left; width: 25px; height: 25px; background: transparent url(/img/checkbox.png) no-repeat -5px -5px;}
.checkbox--empty {background-position: -5px -5px;}
.checkbox--selected {background-position: -5px -55px;}
.checkbox--over {background-position: -5px -105px;}




/* special layout */
div.Sfw_message {
    position: fixed;
    /*top: 30px;*/
    width: 100%;
    height: 100%;
    background: rgba(20,50,50,0.8); ;
    z-index: 999999;
    font-size: 1.5em;

}

div.Sfw_message h4 {
    border:1px solid #fff;
    border-bottom: none;
    font-size: 2em; color: #ffffff;background: #14276f;margin-bottom: 10px;padding: 10px;line-height: 1em;}
div.Sfw_message span.close {position: absolute; color: #ffffff;cursor: pointer;right: 10px; top: 20px;font-size: 2em;}
div.Sfw_message .spot-inner{
    min-width: 280px;
    max-width: 600px;
    margin: 40px auto 0 auto;
    padding: 20px 0 0 0;
    /* border-radius: 10px;
     -moz-border-radius: 10px;
     -webkit-border-radius: 10px;*/
    border: none; /*1px solid #aaa;*/
    border-radius: 0 0 15px 15px;
    overflow: hidden;
    background:#eeeeee;

    /*padding:10px 20px;opacity:0.9;*/ padding: 0 0 5px 0;

    filter:alpha(opacity=9);
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;
    position: relative;
    cursor: pointer;
    text-align: center;
}
div.Sfw_message .spot-inner p {padding: 0 10px 10px 10px;}

div.Sfw-message-popup {
}


/*SFW - Extra*/
Sfw-super-tool .SfwB,Sfw-super-tool .SfwBD,.SfwB, .SfwBD {text-decoration: none;}
div.Sfw-tool .SfwB, div.Sfw-tool .SfwBX {
    width: auto;
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px 0px #848484;
    -moz-box-shadow: 0px 1px 0px 0px #848484;
    box-shadow: 0px 1px 0px 0px #848484;
    overflow: hidden;
    line-height: 21px;
    height: 21px;
    display: inline-block;
    padding: 4px 9px;
    margin: 2px;
    border: 1px solid #1a1a1a;

    background-color: #939393;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4e4e4e), to(#262626)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #4e4e4e, #262626); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #4e4e4e, #262626); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #4e4e4e, #262626); /* IE10 */
    background-image:      -o-linear-gradient(top, #4e4e4e, #262626); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #4e4e4e, #262626);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4e4e4e', EndColorStr='#262626'); /* IE6–IE9 */
}
div.Sfw-tool  .SfwB:hover, div.Sfw-tool .SfwBX:hover {text-decoration: none;
                           -webkit-box-shadow: none;;
                           -moz-box-shadow: none;
                           box-shadow: none;
                           border-color: #000000;
                           background-color: #939393;
                           background-image: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#1e1e1e)); /* Saf4+, Chrome */
                           background-image: -webkit-linear-gradient(top, #3f3f3f, #1e1e1e); /* Chrome 10+, Saf5.1+ */
                           background-image:    -moz-linear-gradient(top, #3f3f3f, #1e1e1e); /* FF3.6 */
                           background-image:     -ms-linear-gradient(top, #3f3f3f, #1e1e1e); /* IE10 */
                           background-image:      -o-linear-gradient(top, #3f3f3f, #1e1e1e); /* Opera 11.10+ */
                           background-image:         linear-gradient(top, #3f3f3f, #1e1e1e);
                           filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3f3f3f', EndColorStr='#1e1e1e'); /* IE6–IE9 */
                           color: #ffffff;
}
/*******************************/
div.Sfw-tool .SfwBD, div.Sfw-super-tool a.admBD, div.admin-group a.delete, div.admin-tool a.delete, a.admBD
{
    text-decoration: none;
    -webkit-box-shadow: 0px 1px 0px 0px #848484;
    -moz-box-shadow: 0px 1px 0px 0px #848484;
    box-shadow: 0px 1px 0px 0px #848484;
    overflow: hidden;
    line-height: 1.5em;
    height: 1.5em;
    display: inline-block;
    padding: 4px 9px;
    margin: 2px;
    border: 1px solid #590000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
    color: #ffffff;


    background-color: #d77c7c;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#d77c7c), to(#262626)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(top, #d77c7c, #b30001); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(top, #d77c7c, #b30001); /* FF3.6 */
    background-image:     -ms-linear-gradient(top, #d77c7c, #b30001); /* IE10 */
    background-image:      -o-linear-gradient(top, #d77c7c, #b30001); /* Opera 11.10+ */
    background-image:         linear-gradient(top, #d77c7c, #b30001);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d77c7c', EndColorStr='#b30001'); /* IE6–IE9 */

}

div.Sfw-tool .SfwBD:hover, div.Sfw-super-tool a.admBD:hover, div.admin-group a.delete:hover, div.admin-tool a.delete:hover, a.admBD:hover
{text-decoration: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
 border-color: #480000;
 background-color: #ad6363;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ad6363), to(#8f0001)); /* Saf4+, Chrome */
 background-image: -webkit-linear-gradient(top, #ad6363, #8f0001); /* Chrome 10+, Saf5.1+ */
 background-image:    -moz-linear-gradient(top, #ad6363, #8f0001); /* FF3.6 */
 background-image:     -ms-linear-gradient(top, #ad6363, #8f0001); /* IE10 */
 background-image:      -o-linear-gradient(top, #ad6363, #8f0001); /* Opera 11.10+ */
 background-image:         linear-gradient(top, #ad6363, #8f0001);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ad6363', EndColorStr='#8f0001'); /* IE6–IE9 */
}



.procel .SfwBD{
    line-height: 1.2em;
    height: 1.2em;
}

/*
* special modifiers
*/
/* BOREDR */
.NoBL, div.NoBL {border-left:none;}
.NoBR, div.NoBR {border-right:none;}
.NoBT, div.NoBT {border-top:none;}
.NoBB, div.NoBB {border-bottom:none;}
/* MARGIN */
.NoML, div.NoML {margin-left:0px;}
.NoMR, div.NoMR {margin-right:0px;}
.NoMT, div.NoMT {margin-top:0px;}
.NoMB, div.NoMB {margin-bottom:0px;}
/* PADDING */
.NoPL, div.NoPL {padding-left:0px;}
.NoPR, div.NoPR {padding-right:0px;}
.NoPT, div.NoPT {padding-top:0px;}
.NoPB, div.NoPB {padding-bottom:0px;}


/*
* CLEAR
*/
.rline:after, .login:after, .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}

/* End hide from IE-mac */