body { font-size: 100%; }
body { margin: 0; padding: 0; text-align: center; background-color: #FFFFFF;  }
body, td , input , select, textarea  { font-family: 'Lora', serif; font-weight: 400; font-size: 1em; color: #454545; }
td { vertical-align: top; }
a { color: var(--cl2); text-decoration: none; }
a:hover  { color: #13562c; text-decoration: none; }
form { margin: 0; }
a img { border-width: 0; border-style: none; }
*:focus { outline: none; }
.spacer { overflow: hidden; clear: both; height: 1px; }
input::-ms-clear { display: none; }
textarea { resize: none; } 
/* ============================================================================================================================================================================== */
h1 { display: none; }
h2, h3 { font-weight: 400; margin-top: 0}

:root {

 --cl:  #83ab1d;
 --cl2: #5b7714;
}

.image-link {  }
.image-link img {  border: 1px solid #c4c3a9; margin: 20px !important; display: inline-block; }
.image-link img:hover { -webkit-filter: grayscale(20%) brightness(88%);  filter: grayscale(20%) brightness(88%); }

#toTop { width: 47px;	height: 47px; transition: opacity 0.15s; background-color:var(--cl); opacity: 0.4; border-radius: 28px; line-height: 47px; font-size: 1.2em; color: #FFFFFF; position: fixed; bottom: 30px;	cursor: pointer; right: 50px; display: none; }
#toTop:hover { opacity: 0.7; }

.audio_letoltes { color: #303030; display: inline-block;margin: 0 auto; text-align: left; min-height: 32px; background: url(img/audio.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 1em;   }
.pdf_letoltes { color: #303030; display: inline-block;margin: 0 auto;  text-align: left;height: 32px; background: url(img/pdf.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;  }
.doc_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/doc.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;  }
.xls_letoltes { color: #303030; display: inline-block;margin: 0 auto;  text-align: left;height: 32px; background: url(img/xls.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;;  }
.altalanos_letoltes { color: #303030; display: inline-block; margin: 0 auto; text-align: left;height: 32px; background: url(img/file.png) no-repeat 0 center; padding: 0 0 0 43px; line-height: 2em;  }

.light{ font-weight: 300; }
.normal{ font-weight: 400; }
.bold { font-weight: 500; }
.kiemelt { color: var(--cl2); }

.btn { background-color: var(--cl);  text-transform: uppercase; font-size: 0.85em; color: #FFFFFF; cursor: pointer; border-width: 0; border-radius: 6px; padding: 12px 24px 12px 24px; display: inline-block; transition: background-color 0.2s; }
.btn:hover { background-color: var(--cl2);  color: #FFFFFF; }
 
.btn_min { background-color: var(--cl);  font-size: 0.8em; color: #FFFFFF; cursor: pointer; border-width: 0; border-radius: 2px; padding: 7px 16px 7px 16px; display: inline-block; transition: background-color 0.2s; }
.btn_min:hover { background-color: var(--cl2);  color: #FFFFFF; }
 
.hov_border {  transition: border-color 0.15s; }
.hov_border:focus { border-color: var(--cl2); }

#subject { display: none; } /* honey pot */

.sharethis { display: block; margin: 40px 0; }

/* ============================================================================================================================================================================== */
/* ============================================================================================================================================================================== */
 

@media all and (min-width: 1261px)  {

.inl_fotok { margin: 10px 0 ; max-width: 1260px; }
.inl_fotok img { height: 100px; margin: 4px; border:4px solid #FFFFFF; box-shadow: 0 0 2px 0px rgba(0,0,0,0.4); transition: opacity 0.12s; }
.inl_fotok img:hover { opacity: 0.8; }
	
#gmap { width: 97%; height: 400px; }
#map-canvas { width: 100%; height: 395px;  }


#top {  position: absolute; top: 0; left: 0; right:0; height:103px; background-color: #ededed; text-align: center; z-index:990; }
#top-c { width: 1260px; margin: 0 auto; }

#fb { background-color: #3b5998; float: right; margin: 38px 50px 0 0; display: block; width: 30px; height: 30px; line-height: 33px; border-radius: 30px; opacity: 0.82;}
#fb:hover { opacity: 1;}
#fb i { color: #FFFFFF; }

#langs { float: right; margin: 45px 0 0 0 ; }
#langs a { display: block; width: 22px; height: 14px; margin: 0 4px; float: right; opacity: 0.5; border: 1px solid #d9d9d9;}
#langs a:hover { opacity: 1; }
#lang_hu { background: url(img/hu.png) no-repeat; }
#lang_ro { background: url(img/ro.png) no-repeat; }
#lang_en { background: url(img/en.png) no-repeat; }
.aktl { opacity: 1 !important; }

#search { position: relative; overflow: hidden; text-align: left; width: 260px; height: 50px; background: gray; float: right; border: 1px solid #b1b1b1; border-radius: 3px; background-color: #ededed; height: 37px;  margin: 32px 55px 0 0; }
#search input {   background: transparent; margin: 6px 0 0 11px ; border-style: none; display: block;  width: 210px;  height: 26px; line-height: 26px; text-align: left; }
#search:after { position: absolute; z-index:3; content: "\f002"; color: var(--cl); font-family: 'FontAwesome'; right: 10px; top: 10px; }
.reszo { color: red; font-weight: bold; background-color: #ddd; padding: 0.3em 0.6em;}
.keres-cim { font-size: 1.2em; }
.keres-desc { font-size: 1em; line-height: 1.6em; color: #333333; }
.keres-link:hover { text-decoration: underline; }


#menu-cont { position: absolute; top: 102px; left: 0; right:0; z-index: 1000; text-align: center; height: 63px; background-color: var(--cl); -webkit-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.61); -moz-box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.61); box-shadow: 0px 4px 8px -2px rgba(0,0,0,0.61);}
#menu-cont-c { text-align: left;    margin: 0 auto; width: 1260px; }

#logo {   display: block; float: left;}
#logo img { margin-top: 7px; height: 88px;}
#logoleader {   display: block; float: left; margin-left: 10px; }
#logoleader img { margin-top: 7px; height: 88px; border-radius: 4px; }

#menu { background-color: var(--cl); height: 63px; float: left; } 
#menu .menu_active , #menu ul li a:hover {  background-color: var(--cl2);   }
#menu ul { list-style: none; padding: 0; margin: 0;    }
#menu li { display: block; position: relative; float: left; }
#menu li ul { display: none; } /* lenyilo menu elrejtve alapbol */
#menu a { display: block; color: #ffffff; transition: background-color 0.14s; text-decoration: none; word-break: keep-all;  }
#menu a { padding: 0 13px; height: 63px; line-height: 63px; font-size: 1em; }
#menu > ul >li > a { text-transform: uppercase; }
#menu li:hover > ul { display: block; position: absolute;	z-index: 100;  }
#menu li:hover li { float: none; }
/**/
#menu li:hover  { background-color: var(--cl2); color: #ffffff; }   /* almenu hover eseten szulo hoverje megmarad , de az almenu hatterszine lehet mas, lasd alabbi 2 sor*/
#menu li li a { background-color: var(--cl); color: #ffffff; padding: 0 0 0 15px; text-align: left; font-size: 0.9em; line-height: 34px; height: 34px; min-width: 260px; }   /* almenu hover eseten szulo hoverje megmarad */
#menu li li a:hover {  color: #ffffff; background-color: var(--cl2); }  
#menu li li li a { background-color: var(--cl); color: #ffffff; padding: 0 0 0 15px; text-align: left; font-size: 0.9em; line-height: 34px; height: 34px; min-width: 260px; }   /* almenu hover eseten szulo hoverje megmarad */
#menu li li li a:hover {  color: #ffffff; background-color: var(--cl2); }  
/**/
#menu li ul { box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); }
#menu ul li ul li { border-top: 0; }
#menu ul ul ul { left: 100%; top: 0; }
#menu ul:before, #menu ul:after { content: " "; /* 1 */  display: table; /* 2 */ }
#menu ul:after { clear: both; }


#banner_slide {  width: 100%; height: 481px; background-color: #a9ade1; margin-top: 165px; margin-bottom: 60px;  }
#banner_slide ul { padding:0; margin:0; width: 100%; height: 481px;   }
#banner_slide ul li { height: 100% }
#banner_slide ul li div { width: 100%; height: 471px;  }

#banner_slide_pages {  width: 100%; height: 161px; background-color: #a9ade1; margin-top: 165px; margin-bottom: 60px;  }
#banner_slide_pages ul { padding:0; margin:0; width: 100%; height: 161px;   }
#banner_slide_pages ul li { height: 100% }
#banner_slide_pages ul li div { width: 100%; height: 151px; background-position: center center;  }

#loadcale {   width: 100%; height: 100%; position: relative; }
#loadcale:after { z-index: 2; position: absolute; content: "\f110"; font-family: FontAwesome; color: #784f0d; font-size:30px; left: 50%; top: 50%;-webkit-animation: fa-spin 2s infinite linear;  animation: fa-spin 2s infinite linear;}

#content {   text-align: center; }
#tartalom { width: 1260px; min-height: 600px; margin: 0 auto; text-align: left; padding: 0 0 3em 0; line-height: 22px; }
#description { line-height: 29px; font-size: 1.2em; width: 1260px; overflow: hidden; }

#bottom { padding: 32px 0 24px 0; background-color: var(--cl2); text-align: center; }
#bottom-c { margin: 0 auto; text-align: left; width: 1260px; }

.bmenu { color: #d7d7d7; text-transform: uppercase; font-size: 1em; display: inline-block; margin-right: 30px; }
.bmenu:hover { color: #ffffff; }

#copy { color: #c1c1c1;  font-size: 1em; margin-top: 2em }
#copy1 { color: #a0a0a0;  font-size: 0.8em; margin-top: 0.6em}

#mainhirek { margin-top: 85px; margin-bottom: 85px;  clear: both; float: none; }
#mainhirek b { font-weight: normal; margin-bottom: 25px; display: block;  color: #644617; font-size: 1.4em }

#pagetitle { font-weight: normal; margin-bottom: 55px; display: block;  color: #644617; font-size: 1.4em }
#pagetitle2 { font-weight: normal; margin-bottom: 0px; display: block;  color: #644617; font-size: 1.4em }

.mainhir { margin: 0 0 60px 0; max-width: 1220px;  }
.mainhir span { background-color: #f3f3f3; font-size: 10px; border-radius: 7px; color: #787878; display: inline-block; padding: 0px 10px; border-radius: 2px; margin-right: 8px; }
.mainhir a {  font-size: 1.2em; display: block; margin-top: 5px; margin-bottom: 7px; }
.mainhir a:hover { text-decoration: underline }
.mainhir u { display: inline; color: #333333; font-size: 1.0em; margin-top: 0.5em; margin-right: 10px;text-decoration: none; line-height: 1.4em; }
.mainhir i { color: #555; display: inline; font-size: 0.8em; font-style: normal;   }

#foo-tit { font-size: 1.4em; color: #644617; }
#foo-subtit { font-size: 1.1em; color: #644617; padding-top: 0.3em; padding-bottom: 30px; }

.fobox { float: left; display: block; width: 291px; text-align: center; }
.fobox img { display: block; transition: opacity 0.1s; width: 291px; height: 208px; }
.fobox:hover span { text-decoration: underline; }
.fobox:hover img { opacity: 0.8; }
.fobox span { display: block; font-size: 1em; margin-top: 0.5em; }
.fobox-spacer { margin-left: 30px; }


#cale { height: 385px; clear: both; float: none; margin: 30px 0 0 0; background: #f0f0f0; display: none;  }
#cale_spacer { margin-top: 50px; clear: both; float: none; }
#caleviz { float: left; margin: 0px 0 0 300px; }
#caleviz:hover span { text-decoration: underline; color: #444; }
#caleviz .fa-calendar { margin-right: 10px; color: #90d7ab; font-size: 1.5em;}
#caleviz span { color: #585858; font-size: 1.1em}
#caleviz .fa-angle-double-right { margin-left: 4px; color: #585858; font-size: 1.1em;}
#cale-left { float: left; width: 63px;  }
#cale-left a { display: block; margin: 180px 0 0 20px;  }
#cale-left a i { color: #967c60; font-size: 1.5em  }
#cale-left a:hover i { color: #532b00;   }
#cale-right { float: right; width: 63px;   }
#cale-right a { display: block; margin: 180px 0 0 18px;  }
#cale-right a:hover i { color: #532b00;   }
#cale-right a i { color: #967c60; font-size: 1.5em  }
.cale-today { text-align: center;  display: block; padding-top: 20px; color: var(--cl2); }
.cale-today:hover { text-decoration: underline; }
.cale-month { width: 342px; float: left;   }
.cale-month-name { text-align: center; height: 64px; line-height: 70px;   }
.cale-month-days-container { background: #d4dac6; height: 259px;  }
.cale-month-margin-left { margin-left: 52px; }
.cale-month-inner { padding: 10px; }
.cale-hetnapjai { margin: 5px 0 10px 0; clear: both; float: none; }
.cale-hetnapjai a , .cale-napok a { font-size: 1.1em; display: block; float: left; padding: 3px 0; margin: 3px 5px; width: 35px; text-align: center;   }
.cale-hetnapjai a  { cursor: default;   }
.cale-hetnapjai a.sn1 , .cale-hetnapjai a.sn2 , .cale-hetnapjai a.sn3 , .cale-hetnapjai a.sn4 , .cale-hetnapjai a.sn5   { color: #644617; font-weight: bold; }
.cale-hetnapjai a.sn6 , .cale-hetnapjai a.sn7   { color: #8c0808; font-weight: bold;}
.cale-napok a.aktho { color: #333333; }
.cale-napok a.masho { color: transparent; }
.cale-napok a.esem { background-color: #8fb19c; }
.cale-napok a.esem:hover { background-color: #477c5b; color: #ffffff; }
.cale-napok { clear: both; float: none; }
.cale-napok br { display: block; clear: both; float: none; }
 

#region-title { margin-top: 2em; margin-bottom: 0.8em; font-size: 1.4em; }
#region { width: 1260px; height: 550px;  }

#contact_form {    }
.ctitle2 { font-size: 1em; color: #222222; text-align: left;   }
.finpdiv { display: block; float: left; }
.finp {  width: 283px; border:1px solid #cfcfcf; border-radius: 2px; font-size: 1em; height: 33px; line-height: 33px; text-indent: 6px; color: #333; }
.finpdiv2 { display: block; float: left;  }
.finp2 { width: 435px; border:1px solid #cfcfcf; border-radius: 2px; font-size: 1em; height: 33px; line-height: 33px; text-indent: 6px; color: #333; }
.finp_space { margin-left: 14px; }
.finpdiv , .finpdiv2   {  position: relative; padding-bottom: 26px; }
.finpdiv span , .finpdiv2 span {  position: absolute; bottom: 0px; left:3px; font-size: 14px; color: var(--cl) }
.textb { resize: none;display: block; width: 895px; border-radius: 2px; transition: border-color 0.15s; border:1px solid #b7b7b7; height: 120px; padding: 4px 0 0 0px; text-indent: 6px; font-size: 1em ; color: #333; overflow: auto;   }
.textb:focus { border-color: var(--cl2);}
#csmb{ float: left;  border-width:0; cursor: pointer; }
#csmb:hover{   }
#prl { display: none; color: var(--cl2); float: left;}
#zoom_mobile { display: none; }
 
	
	
/* EVENTS */

.events { text-align: left; margin-bottom: 40px; }
.events-tit { font-size: 1.2em; color: #1e6036; line-height: 1.1em; font-weight: 400 ; display: block; margin: 0.2em 0 0.7em 0; }
.events-tit:hover {   color: #1e6036;  text-decoration: underline }
.events-hea { font-size: 1em; color: #333333; line-height: 1.3em;  display: inline; }
.events-dat { font-size: 0.8em;   color: #666; line-height: 1.25em; margin-top: 0.4em; display: inline;}
.events-img {float: left; margin-right: 14px; margin-top: 5px;    }
.events-img img  { display: block; width: 120px;  height: 120px; object-fit: contain;}
.events-tov { display: block; margin: 0.7em 0 0em 0; }
.events-tov a {  }

.event-tit { font-size: 1.2em;   line-height: 1.1em;  color: #1e6036;  font-weight: 400}
.event-dat { font-size: 1em; font-weight: 500; font-style: italic; color: #666; line-height: 1.7em; }
.event-des { font-size: 1.1em; color: #333333; line-height: 1.4em; margin-top:5px; }
.event-vissz { display: block; margin: 2em 0 0em 0; }
.event-vissz a {  }



/* FOTOK */

.fotopage-tit  { font-size: 1.4em;   line-height: 2.1em;  color: #1f539c;  font-weight: 400; margin: 0 0 20px 0;}
.foto1-cat-cont { float: left; cursor: pointer; width: 288px; height: 215px; margin: 0 10px 10px 0;  }
.foto1-cat {  width: 288px; height: 215px;  position: absolute; text-align: center; background-position: center center; background-repeat: no-repeat;   }
.goto1-cat-link { text-align: center;  z-index: 5; display: none; color: #ffffff; position: absolute; margin: 100px 0 0 25px; border-radius: 3px; background-color: #000000; background-color: rgba(0,0,0,0.4); width: 230px; font-size: 1.3em;  }
.goto1-cat-link:hover { color: #ffffff;  }
.foto1-cat-link {  width: 288px; height: 215px; display: block;  text-align: center; background-position: center center; background-repeat: no-repeat;   }
.foto1-cat-link:hover {  }
.foto_eff { -webkit-filter: brightness(0.8); filter:  brightness(0.8);	}


.foto-cat-cont { float: left; cursor: pointer; width: 288px; height: 280px;  text-align: center; transition: background-color 0.22s; }
.foto-cat {  width: 288px; height: 215px; text-align: center; background-color: #000000;  position: relative; }
.foto-cat img { max-height: 100%;   max-width: 100%; width: auto; height: auto;position: absolute; top: 0;bottom: 0;left: 0;right: 0;margin: auto;  }
.goto-cat-link { font-size: 1em; color: #000000; text-align: center; margin-top:12px; line-height: 1em; padding: 0 10px; display: block;  }
.goto-cat-link:hover { color: #444444;  }
.foto-cat-link {  width: 288px; height: 215px; display: block;  text-align: center; background-position: center center; background-repeat: no-repeat;   }
.foto-cat-link:hover {  }
.fotocat_bg {background-color: #c7d0d7; }



/* VIDEOK */

.vid { width: 256px; height: 230px; transition: background-color 0.22s; cursor: pointer; float: left; overflow: hidden; text-align: center; margin: 20px 40px 20px 0;  }
.vid-img { width: 256px; height: 160px;   background-position: center top; background-repeat: no-repeat;  }
.vid-nev { font-size: 1em; color: #000000; text-align: center; margin-top:12px; line-height: 1em; padding: 0 10px; }
.video_eff { -webkit-filter: brightness(0.8); filter:  brightness(0.8);	}
.vid_bg {background-color: #c7d0d7; }


 
}