@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,800&display=swap');
/*font-family: 'Open Sans', sans-serif;*/
/* -- General Style -- */
body {font-size: 16px; vertical-align: baseline; }
p {margin: 0; padding: 15px; } 
.fb {font-weight: bold; } .fi {font-style: italic; } .fu {text-decoration: underline; } 
ul.imBullet {margin: 0 0 0 20px; padding: 0; text-align: left; } ul.imBullet li {vertical-align: middle; }
.imAlign_left {text-align: left; }
.imAlign_center {text-align: center; }
.imAlign_right {text-align: right; }
.imAlign_justify {text-align: justify; }
img.imImage {border: 0px; vertical-align: baseline; }
.imInvisible, h1 {position: absolute; top: -10000px; left: -10000px; }
.imHidden {display: none; }
.imClear {clear: left; }
.imError {padding: 5px; margin: 10px; border: 1px solid #000000; background-color: #FFFFFF; font: 11px Tahoma; text-align: center; line-height: 16pt; }
#imToolTip {position:absolute; visibility: hidden; padding: 3px; z-index: 1001; }
#imMailLink {padding-left: 20px; background: url('../res/imemail.gif') no-repeat; }
#imZIBackg {display: none; position: absolute; text-align: center; width: 100%; background-image: url('../res/imzibackg.png') !important; background-image: url('../res/imblank.gif'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="res/imzibackg.png", sizingMethod="scale"); cursor: pointer; }
#imZIImage {background: #EEEEEE url('../res/imziload.gif') no-repeat center center; border: 1px solid #333333; margin: 0 auto; }
#imZIImage img {margin: 7px; }
#imZICaption {font: 11px Tahoma; color: #000000; padding: 0 7px 7px 7px; }
#imLockTxt {margin-left: 10px; font: 11px Tahoma; color: #000000; min-height: 300px; height: auto !important; height: 300px; }
#imLockForm {margin: 5px auto; text-align: left; padding: 5px; width: 200px; }
#imLockAlert {background-color: red; color: white; padding: 0 5px 0 5px; }
.imLockLabel {display: block; margin-top: 6px; }
.imLockBtn {font: 11px Tahoma; color: #000000; background-color: #C0C0C0; border: 1px solid #222222; margin: 5px; }
.imLockFld {font: 11px Tahoma; color: #000000; border: 1px solid #222222; margin: 4px 0; vertical-align: middle; }

/* -- Menu Main Settings -- */
#imMnMn {padding-top: 0px; }
#imMnMn ul, #imMnMn ul li {margin: 0; padding: 0; list-style: none; z-index: 1000; cursor: pointer; }
#imMnMn ul li {position: relative; float: left; padding-bottom: 4px; }
#imMnMn ul a {display: block; text-decoration: none; width: 120px; height: 29px; }

/* -- Menu Main Images -- */
#imMnMn ul li a.imMnItm_1 {background: url('../res/immnu_01a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_1, #imMnMn ul li a:hover.imMnItm_1 {background: url('../res/immnu_01b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_2 {background: url('../res/immnu_02a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_2, #imMnMn ul li a:hover.imMnItm_2 {background: url('../res/immnu_02b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_3 {background: url('../res/immnu_03a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_3, #imMnMn ul li a:hover.imMnItm_3 {background: url('../res/immnu_03b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_4 {background: url('../res/immnu_04a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_4, #imMnMn ul li a:hover.imMnItm_4 {background: url('../res/immnu_04b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_5 {background: url('../res/immnu_05a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_5, #imMnMn ul li a:hover.imMnItm_5 {background: url('../res/immnu_05b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_6 {background: url('../res/immnu_06a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_6, #imMnMn ul li a:hover.imMnItm_6 {background: url('../res/immnu_06b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_7 {background: url('../res/immnu_07a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_7, #imMnMn ul li a:hover.imMnItm_7 {background: url('../res/immnu_07b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_8 {background: url('../res/immnu_08a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_8, #imMnMn ul li a:hover.imMnItm_8 {background: url('../res/immnu_08b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_9 {background: url('../res/immnu_09a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_9, #imMnMn ul li a:hover.imMnItm_9 {background: url('../res/immnu_09b.gif') no-repeat top left; }
#imMnMn ul li a.imMnItm_10 {background: url('../res/immnu_10a.gif') no-repeat top left; }
#imMnMn ul li:hover a.imMnItm_10, #imMnMn ul li a:hover.imMnItm_10 {background: url('../res/immnu_10b.gif') no-repeat top left; }
#imMnMn a.imMnLv {background-image: url('../res/imiconmenu.gif'); background-position: center right; background-repeat: no-repeat; }

/* -- Menu Level -- */
#imMnMn ul ul {display: none; position: absolute; top: 0px; left: 120px; }
#imMnMn ul ul ul {top: 0; left: 148px;}
#imMnMn ul li:hover li a, #imMnMn ul li.iehover li a, #imMnMn ul li:hover li:hover li a, #imMnMn ul li.iehover li.iehover li a, #imMnMn ul li:hover li:hover li:hover li a, #imMnMn ul li.iehover li.iehover li.iehover li a {padding: 3px; height: auto !important; height: 1%; font: bold 15px Garamond; background-color: #9BB7C1; color: #000000; border: 2px solid #808080; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90); width: 240px; padding: 5px; text-align: left; }
#imMnMn ul li li {padding-bottom: 0; margin-bottom: -2px; }
#imMnMn ul li:hover li a:hover, #imMnMn ul li:hover li:hover a, #imMnMn ul li.iehover li a:hover, #imMnMn ul li.iehover li.iehover a, #imMnMn ul li:hover li:hover li a:hover, #imMnMn ul li:hover li:hover li:hover a, #imMnMn ul li.iehover li.iehover li a:hover, #imMnMn ul li.iehover li.iehover li.iehover a, #imMnMn ul li:hover li:hover li:hover li a:hover, #imMnMn ul li.iehover li.iehover li.iehover li a:hover {background-color: #2B3E8C; color: #C0C0C0; }
#imMnMn ul li:hover ul ul, #imMnMn ul li:hover ul ul ul, #imMnMn ul li.iehover ul ul, #imMnMn ul li.iehover ul ul ul {display: none;}
#imMnMn ul li:hover ul, #imMnMn ul ul li:hover ul, #imMnMn ul ul ul li:hover ul, #imMnMn ul li.iehover ul, #imMnMn ul ul li.iehover ul, #imMnMn ul ul ul li.iehover ul {display: block;}

/* -- Menu Sub -- */
#imPageSub {width: 651px; padding-left: 4px; float: right; background: url('../res/imsubmnuline.gif') repeat-y 2px; }
#imMenuSub {width: 116px; float: left; padding-top: 10px; }
#imMenuSub ul {list-style: none; margin: 0; padding: 0; border: none; }
#imMenuSub li.imMenuSubCur, #imMenuSub ul a {height: auto !important; height: 0%; padding: 4px 3px 4px 3px; font: 15px Garamond; color: #404040; background-color: #9BB7C1; border-bottom: 1px solid #638E9E; }
#imMenuSub li.imMenuSubCur {font-weight: bold; }
#imMenuSub ul a:link, #imMenuSub ul a:active, #imMenuSub ul a:visited {display: block; text-decoration: none; }
#imMenuSub ul a:hover, #imMenuSub ul a:focus {background-color: #2B3E8C; color: #C0C0C0; }

/* -- Texts Style -- */
h2 {margin: 0px 0px 8px 10px; padding: 2px 0 0 0; font: bold 24px Garamond; color: #000000;  }
#imPathTitle {margin: 0px 0px 8px 10px; display: none; }
.imDefText {padding: 2px 0 0 0; font: bold 16px Garamond; color: #404040; text-align: left; height: 20px; }
#imFooterSiteMap {margin: 8px 0px 0px 10px; display: none; }
/* -- Links Style -- */
a.ImLink  {text-decoration:none; }
a.ImLink:link {color: #404040; }
a.ImLink:visited {color: #808080; }
a.ImLink:hover {color: #808080; }

/*  */
#imMnMn ul li a {
  background: rgb(53,96,112);
  background: -moz-linear-gradient(45deg, rgba(53,96,112,1) 0%, rgba(137,180,196,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(53,96,112,1) 0%, rgba(137,180,196,1) 100%);
  background: linear-gradient(45deg, rgba(53,96,112,1) 0%, rgba(137,180,196,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#356070",endColorstr="#89b4c4",GradientType=1); 
}
.blog_list{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
  height: auto;
  padding: 15px 0;
  border-bottom: 1px #2B3E8C solid;
}
.blog_list .kep-keret{
  display: block;
  width: 35%;
  height: auto;
}
.blog_list .kep-keret img{
  display: block;
  width: 100%;
  max-width: 200px;
  height: auto;
}

.blog_list .szov-keret{
  display: block;
  width: 60%;
  height: auto;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
}
.blog_list .szov-keret .cim{
  display: block;
  width: calc(100% - 30px);
  height: auto;
  padding: 15px 15px 10px 15px;
  font-weight: 500;
  font-size: 18px;
}
.blog_list .szov-keret .data{
  display: block;
  width: calc(100% - 30px);
  height: auto;
  padding: 0px 15px;
  font-style: italic;
  color: #777;
  font-size: 16px;
}
.post-img{
  display: block;
  width: 100%;
  max-width: 300px;
  height: auto;
  margin: 15px auto;
  padding: 10px;
  box-shadow: 3px 3px 5px;
}

.post-cikk{
  display: block;
  width: calc(100% - 30px);
  height: auto;
  padding: 15px;
  font-family: 'Open Sans', sans-serif;
  
}

.post-footer{
  display: block;
  width: calc(100% - 30px);
  height: auto;
  padding: 15px;
  font-style: italic;
  color: #777;
  font-size: 16px;
  text-align: right;
  font-family: 'Open Sans', sans-serif;
}

.questbook{
  display: block;
  width: calc(100% - 30px);
  height: auto;
  padding: 15px;
  border-top: 1px #ccc solid;
}

.questbook form{
  width: 100%;
  height: auto;
}

.questbook form .formban{
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
  height: auto;
}
.questbook form .formban input[type=text]{
  display: block;
  width: calc(50% - 30px);
  height: auto;
  padding: 5px;
  margin: 10px;
  border: 1px #ccc solid;
}

.questbook form textarea{
  display: block;
  width: calc(100% - 30px);
  height: auto;
  padding: 5px;
  margin: 10px;
  border: 1px #ccc solid;
}
.questbook form p{
  text-align: center;
}
.questbook form .formban .btn{
  display: block;
  width: 100px;
  height: auto;
  padding: 5px;
  margin: 10px 20px;
  background-color: #ccc;
  border: 1px #ccc solid;
  cursor: pointer;
  text-align: center;
  color: #222222;
  
}
.questbook form .formban .btn:hover{
  background-color: #86a5b9;
  color: #fff;
}

.velemenyek{
  display: block;
  width: calc(100% - 30px);
  height: auto;
  padding: 15px;
}

.velemenyek .doboz{
  display: block;
  width: 100%;
  height: auto;
  margin: 15px 0;
}

.velemenyek .doboz .szov{
  display: block;
  width: 100%;
  height: auto;
  margin: 5px 0;
  font-weight: bolder;
  text-align: center;
}
.velemenyek .doboz .author{
  display: block;
  width: 100%;
  height: auto;
  margin: 5px 0;
  font-style: italic;
  text-align: center;
}