:root {
  --focus-ring-color: #181867;
  --body-bg: #f7f7f7;
  --body-color: #40303c;
  --bg-color:#fff;
  --menu-color: #181867;
  --menu-color-hover: #017;
  --plus-color: #567;
  --link-color:#024282;
  --link-color-hover: #3677b0;
  --border-color: #c3b7c8;
}

@font-face{
    font-family:"comfortaa";
    src:url("/klimainfo/font/Comfortaa-Regular.ttf") format("woff"),
    url("/klimainfo/font/Comfortaa-Regular.ttf") format("opentype"),
    url("/klimainfo/font/Comfortaa-Regular.ttf") format("truetype");
}

body{background:var(--body-bg);background-size:100%;margin:0;/*padding:15px 0 15px 0;*/font-family:Verdana,Tahoma,sans-serif;font-weight:normal;font-size:11pt;color:var(--body-color);}
/* *{outline: none;}*/
footer{background: var(--body-bg);background-size:100%;overflow:hidden;position:fixed;bottom:0;width:100%;height:0px;padding:0;margin:0;z-index:999}
header{background: var(--body-bg);background-size:100%;overflow:hidden;position:fixed;top:0;width:100%;height:0px;padding:0;margin:0;z-index:999}

::selection {
color:var(--bg-color);
background-color:var(--body-color);
}

#skip_link{position:fixed;display:block;top:1px;left:1px;z-index:11111;}
#container{position:relative;max-width:1024px;min-height:100vh;background:var(--bg-color);margin:0px auto;overflow-y:auto;border-left:1px var(--border-color) dotted;border-right:1px var(--border-color) dotted;}
#pgupwrap{position:fixed;bottom:0px;display:block;width:10px;margin-left:1014px;z-index:999;}
/*#pgupwrap{position:fixed;bottom:0px;display:block;width:512px;margin-left:512px;z-index:999;}*/
#fejlec{max-width:1024px;min-height:63px;position:relative;background:var(--bg-color);padding-top:10px;}
.head{position:relative;max-width:1024px;min-height:63px;z-index:998;}
.foot{max-width:1024px;z-index:998;background-size:contain;background-repeat:no-repeat;background-position-y:center;}
.foot span {position:relative;top:107px;left:9px;font-size:10px;color:#888;}
.foot a {color:#888;}
#cim a{color:var(--menu-color);}
#cim{text-align:center;font-family:"comfortaa";position:relative;float:right;min-width:758px;padding-right:2px;min-height:40px;margin:10px 30px 10px 20px;display:table;z-index:999;color:var(--menu-color);font-size:22pt;font-weight:bold;}
#cim span{display: inline-block;vertical-align: middle;line-height: normal;display:table-cell;text-align:center;}
#cim img{height:55px;padding-top:2px;}
#hmet{float:left;position:relative;display:block;max-width:30%;max-width:1000px;min-height:58px;z-index:999;text-align:center;margin:0px;/*padding:10px 20px;*/}
#hmet img{height:55px;padding-top:2px;padding-left:20px;}

#tartalom{background:var(--bg-color);max-width:1024px;display:block;min-height:75%;clear:both;}
.content{position:relative;/*top:30px;*/padding:0px 20px 0px 20px;min-height:75vh;overflow:hidden;}
.content div.fo{float:left;max-width:650px;overflow:hidden;} /* baloldali foresz */
.content div.jobb{float:right;max-width:310px;overflow:hidden;font-size:10pt;line-height:125%;position:relative;z-index:100} /* jobb oldali sav*/
.content div.ffo{max-width:980px;margin:0px auto;overflow:hidden;} /* "baloldali" resz, ha nincs mellette "jobboldali" */
.sbox{margin:15px 2px;overflow:hidden;padding:5px 15px;
  border-left:2px var(--border-color) solid;
  border-top:2px var(--border-color) solid;
  border-right:4px var(--border-color) solid;
  border-bottom:4px var(--border-color) solid;
  box-shadow:2px 2px #aaa;
border-radius:10px;line-height:120% } /* keretes doboz */
.box{padding:0px;/*margin-bottom:20px;*/}

.hirek div.box{padding:5px 9px;}
.hirek div.box.hir{padding:17px 11px;}
.box.hir{border:1px var(--border-color) solid;} /* hirek box */

.slideimg img{max-width:440px;width:100%;margin-left:85px;}
.osszes span {padding-top:10px;}
.osszes img {max-width:440px;padding-top:10px;}
.borito img {width:100%;}

.box p{overflow:hidden;}
.box.txtc, p.txtc, .sbox.txtc{text-align:center;}
.box p.k,.box .k{padding:10px 20px 0px 20px;}
.box p.j,.box .j{text-align:justify;padding:10px 20px 0px 20px;}

.box ul {list-style-position: outside;}
.box ul {padding-inline-start: 15px;}
.box ul li{margin-bottom:10px;text-align:left;}
.box #jump{max-width:650px;overflow:hidden;margin:0 auto;padding-top:20px;text-align:center;}
#jump a{text-decoration:none;white-space:nowrap;font-weight:normal;/*font-size:1.05em;*/} 

a{color:var(--link-color);font-weight:bold;text-decoration:none;}
a:hover{color:var(--link-color-hover);}

/*ugrolink*/
#tocontent{
  font-size:1rem;
  padding:2px;
}
.elem_invis {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    overflow: hidden;
    height: 1px;
}
.elem_invis.elem_focus:active, .elem_invis.elem_focus:focus {
    position: static !important;
    clip: auto;
    overflow: visible;
    height: auto;
  }
a:focus-visible, .navbutton:focus-visible {
    outline-offset: 1px;
    outline: var(--focus-ring-color) solid 3px;
    outline: -webkit-focus-ring-color auto 5px;
  }

a#tocontent{color:var(--menu-color);font-weight:bold;text-decoration:none;background-color:var(--bg-color);}
a#tocontent:hover{color:var(--link-color-hover);}

a.focusable:focus{outline: 2px solid var(--focus-ring-color);}

a.anchor {
    display: block;
    position: relative;
    top: -15px;
    visibility: hidden;
}

h1{font-size:14pt;text-align:center;padding-top:5px;padding-bottom:10px;}
h2{font-size:14pt;text-align:center; /*padding-top:5px;*/}
h3{font-size:1em;margin-top:0;margin-bottom:0;font-weight:normal;}
.ffo h1{font-size:1.4em;text-align:center;padding-top:5px;padding-bottom:10px;}
.ffo h2{font-size:1.1em;text-align:left;padding-top:5px;padding-bottom:10px;}
.ffo h3{font-size:1em;margin-top:0;margin-bottom:0;font-weight:bold;}
p.p-top0{margin-top:0;}
/*.sbox h2{font-weight: normal;}*/
.slide {margin-top:23px;}
.slide h2{padding-top:0px; margin-bottom:0px;}
.hirek h2{padding:8px 0 5px 0;margin:0;text-align:center;}
.hirek h3{padding:0;margin:0;font-size:11pt;font-weight:normal;font-style:italic;color:var(--menu-color);text-align:center;}
.slide h3{padding:0;margin:0;text-align:center;font-weight:bold;}
.csempe {margin:15px 2px;padding-bottom:15px;text-align:center;}
.csempe img{max-width:260px;}

img.f1 {float:left;margin-right:20px;}
img.f2 {float:right;margin-left:20px;}

.justify{text-align:justify;}

.download     {font-size:9pt;padding-top:3px;}
.download img {boerder:0;padding-right:10px;}
.download .filemeret{color:#666;}

img.pdf {border:0;padding-left:3px;height:0.95rem};

img.f1{float:left;margin-right:20px;} /* esemeny oldal rendezvenyein a kiskepek igazitasa */
img.f2{float:right;margin-left:20px;}
.img-mt{clear:left;margin-top:20px;}

dl.list{list-style-type:disc;list-style-position: outside;margin-left:10px;}
dl.list lh{ margin-left: -10px;}
dl.list.ml{margin-left:25px;}

dl.galeria{max-width:940px;overflow:hidden;margin:0 auto;margin-bottom:15px;margin-top:15px;}
dl.galeria dt{float:left;background:var(--body-bg);border:1px #E1E1E1 solid;max-width:180px;padding:3px;margin:2px;}

dl.osszes{max-width:940px;overflow:hidden;margin:0px 0px 0px 10px;}
dl.osszes dt{float:left;max-width:440px;height:320px;padding:3px;margin-right:15px;margin-bottom:20px;}

hr{border:1px solid var(--border-color); width:50%;}

.kep{margin:0 auto; max-width:510px;color:var(--body-color);text-align:center;font-weight:bold;}
.kep img{margin:2px 0;}
.kep p.abra-txt{color:var(--body-color);font-weight:normal;line-height:150%;}

/* hirek */
.lSSlideOuter .lSPager.lSpg > li a {background-color: #94b2d1; border: 1px solid #4c7094; border-radius: 6px; height: 10px; width: 10px; }
.lSSlideOuter .lSPager.lSpg > li.active a { background-color: var(--link-color); border:1px solid var(--link-color); }
.lSSlideOuter .lSPager.lSpg > li:hover a { border: 1px solid var(--link-color-hover); background-color: var(--link-color-hover); }
/*előző-következő gombok*/
.navbutton {
  position:relative;
  top: 170px;
  z-index:1000;
  border:0px;
  margin:0px 15px;
  padding-top:10px;
  padding-bottom:10px;
  background-color: var(--bg-color);
  color: var(--link-color);
  cursor: pointer;
}
.float-right {float:right;}

.pgup-ikon{
  margin:20px 30px 20px 20px;
  padding:13px 10px 5px 10px;
  border:1px solid var(--body-color);
  border-radius:22px;
  background: var(--body-bg);
  float:right;
  height:20px;
  overflow:visible;
  z-index:999;
}

.pgup-ikon a:hover {
  border-color:var(--link-color);
}

.hide {
    opacity:0;
}
.show {
    opacity:1;
}
.uparrow {
  float: right;
  border: solid var(--link-color);
  border-width: 0 6px 6px 0;
  border-radius: 4px;
  display: inline-block;
  padding: 6px;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
button:hover .leftarrow,
button:hover .rightarrow,
a:hover .uparrow{
  border-color:var(--link-color-hover);
}
.leftarrow {
  float: right;
  border: solid var(--link-color);
  border-width: 0 4px 4px 0;
  border-radius: 4px;
  display: inline-block;
  padding: 5px;
  transform: rotate(-225deg);
  -webkit-transform: rotate(-225deg);
}
.rightarrow {
  float: right;
  border: solid var(--link-color);
  border-width: 0 4px 4px 0;
  border-radius: 4px;
  display: inline-block;
  padding: 5px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
.icon-new-window {
  height:0.75rem;
  width:0.75rem;
  margin-inline-start:0.25em;
}

@media (max-width:1040px) {
#cim{min-width:60%;max-width:70%;}
}

@media (max-width:750px) {
#cim{max-width:100%;min-width:320px;font-size:20pt;margin:0px;}
.content div.fo{max-width:100%;}
.slideimg img{margin-left:50px;}
}

@media (max-width:500px) {
.slideimg img{margin-left:0px;}
}

@media (max-width: 1000px) {
#pgupwrap{position:fixed;bottom:0px;display:block;width:10%;margin-left:90%;z-index:999;}
}