@import url('https://fonts.googleapis.com/css2?family=Crete+Round&family=Raleway:wght@100;300;400&display=swap');

:root {
  --piros:#ae1537;
  --font:'Merriweather', serif;
  --szin0:#fff;
  --szin1:#7bc142; /* zold*/
  --szin2:rgba(72,117,255,1.00); /* kek */
  --szin3:#333; /* szurke */
  --szin4:#fed54d; /* sarga */
  --szin5:#ef432b; /* piros */
  --almenuszin1:#333;
  --szelesseg:1140px;
    
  --alapszin1: #333;
  --alapszin2: darkred;
    
  --menuszin1: #ef432b;
  --menuszin2: #000;

}

body {
	margin: 0;
	padding: 0;
	color:#403f3d;
	width: 100%;
	height: auto;
	font-size: 100%;
     font-size: 1.6rem;
    background-color: #fff;
    font-family: 'Crete Round', serif;
    font-family: 'Raleway', sans-serif;
    overflow-y: scroll !important;
    position: absolute;
}
input {font-family: 'Crete Round', serif; font-family: 'Raleway', sans-serif; }

html { 
    scroll-behavior: smooth;
    font-size: 62.5%;
}

a { text-decoration: none; transition: 0.5s;}
textarea { }
img {	border: 0;}

*, *::after, *::before {
  box-sizing: border-box;
}

/* HEADER indul */

#header {
    width: 100%;
    float: left;
    background-image: linear-gradient(#fff, #ccc);

    
    
}

.tanevinaptar {
    background-color: #fff;
    width: 100%;
    padding: 0;
    margin: 0;
    
}

.lableckapcsolo { padding: 0 20px 20px 20px;
    font-size: 120%;
    max-width: var(--szelesseg);
    width: 100%; 
    text-transform: uppercase;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-top: solid 1px #ccc;
}

.lableckapcsolo .fb-share-button {
    border-right:solid  1px #ccc;
    
    padding: 10px;
    
}
.tanevinaptarbelso {
    padding: 20px;
    font-size: 120%;
    max-width: var(--szelesseg);
    width: 100%; 
    text-transform: uppercase;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
    
}

.tanh1 {
    width: 200px;
    font-weight: bold;
    background-color: var(--menuszin1);
    min-height: 60px;
    text-align: center;
    justify-content: center;
    color:#fff;
    display: flex;
    align-items: center;

}

.tanh2 {
    width: 100%;
    font-weight: bold;
    background-color: var(--menuszin2);
    float: left;
    padding: 0 20px;
    min-height: 60px;
    display: flex;
    align-items: center;
    color:#fff;
}


.lfelso {
    width: 100%;  
    background-color: #000;
    padding: 0;
    position: fixed;
    font-size: 12px;
    height: 32px;
    z-index: 1000;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    
    
}

.lfelso a {
    color:#ccc;
    height: 100%;
    padding: 0 10px;
    text-transform: uppercase;
    transition: 0.5s;
    display: flex;
    align-items: center;
    line-height: 14px;
}

.lfelso a:hover {
    background-color:var(--menuszin1);
    color:#fff;
}

.hfelso {
    width: 100%;
    padding:30px 0 0px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    
    
  
 
}

.halso {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color:#f1f1f1;
    position: -webkit-sticky;
    position:sticky;
    top: 32px;
    z-index: 1000;
    border-bottom: solid 1px #333;
    -webkit-box-shadow: 0 10px 20px 3px rgba(0,0,0,0.15);
box-shadow: 0 10px 20px 3px rgba(0,0,0,0.15);
}

/* DOKUMENTUMTÁR - NEUMANN RÉSZHEZ */

.dokumentumtar {
    max-width: var(--szelesseg);
    width: 100%;
    padding: 0 50px 30px 50px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    
    
    
}

.dokumentumtar h1 {
    width: auto;
    padding: 0px 40px 5px 40px;
    margin: 50px auto 30px auto;
    font-size: 250%;
    font-weight: 300;
    text-align: center;
    border: solid 1px #ccc;
}

.dokumentumtar h2 {
    padding: 25px;
    margin: 0 0 20px 0;
    font-size: 150%;
    font-weight: 300;
    text-align: center;
    line-height: 30px;    
    background-color: #f1f1f1;
}

.dokumentumtar p {
    color: var(--szin3);
    font-size: 110%;
    font-weight: 400;
    text-align: justify;
    letter-spacing: 1px;
    line-height: 27px;
    margin: 10px 0;
 
  
}



.dokumentumtar ul {
    width: 100%;
    margin: 0;
    padding: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: solid 2px var(--menuszin1);
    
}

.dokumentumtar ul:last-child {
    border-bottom: none;
    
}

.dokumentumtar ul li {
    list-style: none; 
    min-height: 5px;
    height: 100%;
    width: 100%;
    
}

.dokumentumtar ul li a {
    padding: 15px 20px;  
    margin: 0;
    transition: 0.5s;
    width: 100%;
    min-height: 20px;
    
    float: left;
    border: solid 1px #f1f1f1;  
    background-color: #f1f1f1; 
    color:#000;
    display: flex;
    align-items: center;
    
}

.dokumentumtar ul li a:hover {
    background-color: var(--menuszin1);
    border: solid 1px var(--menuszin1);  
    
}

.dokumentumtar_osztott5 ul {
    width: 100%;
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 10px;
    row-gap: 10px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.dokumentumtar_osztott5 ul li {
    min-height: 100px;
    height: 100%;
    
}

.dokumentumtar_osztott5 ul li a {
    height: 100%;
}



.dokumentumtar_osztott1 ul {
    width: 100%;
    border-bottom: solid 2px var(--menuszin1);
    padding: 0;
    margin: 0 0 10px 0;
    float: left;
}

.dokumentumtar_osztott1 ul li {
    min-height: 10px;
    height: 100%;
    padding: 0;
    margin: 0 0 10px 0;
    float: left;
}


/* DOKUMENTUMTÁR - NEUMANN RÉSZHEZ EDDIG */

/* FOLAPRA */ 

.box {
        /*max-width: calc( var(--szelesseg) - 100px);*/
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;  
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 10px;
    row-gap: 10px;
}
.box h1 {
    width: auto;
    padding: 5px 40px 10px 40px;
    margin: 50px auto 0 auto;
    font-size: 250%;
    font-weight: 300;
    text-align: center;
    border: solid 1px #ccc;
    
}
.box h2 {
    width: auto;
    padding: 0px 40px 5px 40px;
    margin: 30px auto 0 auto;
    font-size: 200%;
    font-weight: 300;
    text-align: center;
    border: solid 1px #ccc;
}

.box h3 {
    padding: 0;
    margin: 0;
    font-size: 150%;
    font-weight: 300;
    text-align: center;
}

.box h4 {
    padding: 20px ;
    margin: 20px 0;
    font-size: 120%;
    font-weight: 300;
    text-align: left;
    background-color: var(--szin2);
    color:#fff;
}

.box1 {
    width: 100%;
    min-height: 1px;
    padding: 10px 30px;
   
}
.box1 .btart {
    max-width: var(--szelesseg);
    margin: 0 auto 30px auto;
    color:#000;
}

.box1 h1 {
    width: 100%;    
    padding: 0;
    margin: 30px auto 0 auto;
    text-align: left;
    font-weight: 300;
    border: none;


}
.box1 h2 {
    width: auto;
    padding: 10px 0;
    margin: 0 auto 0 auto;
    font-size: 160%;
    font-weight: 300;
    text-align: left;
    border:none;
   
}
.box1 h3 {
    width: auto;
    padding: 5px 0;
    margin: 0 auto 0 auto;
    font-size: 130%;
    font-weight: 300;
    text-align: left;
    border: none;
}



.box .hirekbox .hirbox_belso .hbox a h3 {
    
    height: 60px;
    display: flex;
    align-items:flex-end;
    justify-content: space-between;
    line-height: 22px;
    font-size: 100%;
    margin: 0;
    padding: 0 0 10px 0;
    text-align: left !important;
    

 
}

.box .hirekbox .hirbox_belso .hbox a .datum {
    font-size: 80%;
    padding: 0 0 0 10px;
    line-height: 20px;
    
    border-left: solid 1px #ccc;
    display: flex;
    align-items:center;
 
    letter-spacing: -1px;
    
}

.hover1 a { transition: 0.5s; }
.hover1 a:hover { background-color: #fff; }

.hover2 a { transition: 0.5s; }
.hover2 a:hover { background-color: #f1f1f1 !important; }

/* FOLAPRA */

.blogoimg {
    width: 100px;
    height: auto;
    margin: 20px 0 0 0;
}

.blogoimg img {
    width: 100%;
    height: 100%;
}



.halso2 {
    width: 100%;
    font-size: 100%;
    text-align: center;
    padding: 0 20px;
    float: left;
     display: flex;
    justify-content: center;
    align-items: center;
    color:#333;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: light;
    line-height: 30px;
}

.logotext {
    color:#333;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -1px;
}
/* HEADER eddig */


.keret {
    width: 100%;
    background-color: #fff;
    float: left;
}


.fejlec {
    width: 100%;
    background-color: #ccc;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;

}

.fejlec .f01 {
    width: 100%;    
    padding: 0;
    color:#666;
    background-color: #fff;
    display: flex;
    justify-content: center;
    
}

.fejlec .f01 ul {
    display: flex;
    justify-content:space-between;
    align-items: center;
    list-style: none;
    padding: 20px 20px;
    margin: 0;
    max-width: var(--szelesseg);
    width: 100%;
    font-size: 75%;
 
}

.fejlec .f01 ul li {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    
}

.fejlec .f01 ul li i {
    font-size: 300%;
    margin: 0 20px;
    color: var(--szin1);

}

.fejlec .f01 ul li f01box h3 {
    padding: 0;
    margin: 0;
    font-size: 120%;
    color:#666;
    font-weight:300;
}
.fejlec .f01 ul li f01box h4 {
    padding: 0;
    margin: 0;
    font-size: 150%;
    color:#000;
    font-weight:400;
}

.fejlec .f01 ul li a {
    width: 260px;
    height: auto;
}

.fejlec .f01 ul li a img {
    width: 100%;
    height: auto;
    
}

/* urlapbox */

.urlapbox {
    width: 100%;
    height: auto;
    border: solid 1px #f1f1f1;
    padding: 20px;
}

sor {
    width: 100%;
    border-top: solid 1px #ccc;
    padding: 5px 0;
    margin: 5px 5px 20px 5px;
    display: block;
}
urbox_flex {
    width: 100%;
    padding: 0;
    margin: 5px 5px 5px 5px;
    display:flex;
    justify-content: center;
    align-items: center;
    column-gap: 10px;
    row-gap: 10px;
    font-size: 120%;
}
urbox_grid {
    width: 100%;
    padding: 0;
    margin: 5px;
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 0px;
    row-gap: 0px;
    position: relative;
}

urbox_grid .select {
    width: 100%;
    line-height: 50px;
    padding: 0;
    margin: 0;
    height: 50px;
    background-color: #f1f1f1;
    transition: 0.5s;
}

urbox_grid .select::before {
  content: "\f13a";
  font-family: FontAwesome;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 100%;
  text-align: center;
  font-size: 25px;
  line-height: 50px;
  color: #fff;
  background-color: #ccc;
  pointer-events: none;
  border-left: solid 1px #ccc;
}

urbox_grid .select select {
    padding: 0px 30px;    
    cursor: pointer;
    border: solid 1px #ccc;
    width: 100%;
    height: 100%;
    background: none;
}

urbox_grid .select select option {
    border: solid 5px #000;
    
} 
/* select urlaphoz indul */

urbox_grid .select:hover {
    background-color: rgba(164,217,232,1);
}

.chbox {
    border: solid 1px #f1f1f1;
    float: left;
    width: 100%;
    margin-left: 5px;
    padding: 20px;
}

.chbox_belso {
  display: block;
  position: relative;
  min-height: 50px;
    padding: 12px 0 12px 55px;
  /*line-height: 50px;*/
  margin-bottom: 0px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border-bottom: solid 1px #f1f1f1;
  width: 100%;
  transition: 0.5s;

}

.chbox_belso:hover {
  background-color: #f1f1f1;
}

.chbox_belso input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
    
}

.checkmark {
  position: absolute;
  top: 5px;
  left: 5px;
  height: 40px;
  width: 40px;
  background-color: #f1f1f1;
}

.checkmark2 {
  position: absolute;
  top: 10px;
  left: 5px;
  height: 30px;
  width: 30px;
  background-color: #eee;
  border-radius: 50%;
}

.checkmark2:after {
    content: "";
    position: absolute;
    display: none;    
 	top: 8px;
	left: 8px;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #000;
}

.checkmark:after {
  left:15px;
  top: 7px;
  width: 10px;
  height: 20px;
  border: solid #000;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
    content: "";
  position: absolute;
  display: none;
}

.chbox_belso:hover input ~ .checkmark { background-color: #ccc;}
.chbox_belso input:checked ~ .checkmark { background-color: rgba(164,217,232,1);}
.chbox_belso input:checked ~ .checkmark:after {display: block;}

.chbox_belso:hover input ~ .checkmark2 { background-color: #ccc;}
.chbox_belso input:checked ~ .checkmark2 { background-color: rgba(164,217,232,1);}
.chbox_belso input:checked ~ .checkmark2:after {display: block;}



/* select urlaphoz eddig */

ur1 {
    width: 100%;
    text-align: center;
    font-size: 170%;
    display: block;
    letter-spacing: 0;
    font-weight: lighter;
    
}

ur2 {
    width: 100%;
    text-align: center;
    font-size: 140%;
    display: block;
    letter-spacing: 0;
    font-weight: lighter;
    line-height: 27px;
    
}
.ur-text {
    width: auto;
    text-align: right;
    padding: 10px 20px;
    height: 50px;
    align-items: center;
    display: flex;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    background-color: #fff;

}

.ur-input {
}


.ur-input input {
    border: solid 1px #f1f1f1;
    width: auto;
    height: 50px;
    padding: 10px 30px;
    transition: 0.5s;
    font-size: 90%;
    outline: none;

}

.ur-submit input {
    border: none;
    background: none;
    border-left: solid 1px var(--menuszin1);
    width: 100px;
    height: 50px;
    padding: 10px 0px;
    transition: 0.5s;    
    font-size: 90%;
    color: var(--menuszin1);
    
}

.ur-submit input:hover {
    background-color: var(--menuszin1);
    color:#fff;
    width: 200px;
     -webkit-border-radius: 5px;
border-radius: 5px;
   cursor: pointer; 
}

a.ur-kapcsolo {
    border: none;
    background: none;
    width: 230px;
    height: 50px;
    padding: 10px 20px;
    transition: 0.5s;    
    font-size: 90%;
    color: var(--menuszin1);
    text-align: center;
    
}

a.ur-kapcsolo:hover {
    background-color: var(--menuszin1);
    color:#fff;
    width: 300px;
     -webkit-border-radius: 5px;
border-radius: 5px;
    
}


.ur-input input:hover  {
    background-color: #f1f1f1;
    border: solid 1px #ccc;
    

}

.ur-input2 input:hover  {
    background-color: rgba(164,217,232,1);
    border: solid 1px rgba(164,217,232,1);
}
.ur-input2 input {

    background-color: #f1f1f1;
    border: solid 1px #ccc;
    width: 100%;
    height: 50px;
    padding: 10px 30px;
    transition: 0.5s;
    font-size: 100%;
    outline: none;
   

}

.textarea {
    width: 100%;
    min-height: 50px;
    padding: 0;
   margin: 0 0 0 5px;
}

.cimbox {
    width: 100%;
    float: left;
    padding: 0;
   margin: 15px 0 0 5px;
}

.cimbox .ctext {
    padding: 10px 0;
    border-bottom: solid 3px rgba(164,217,232,1);
    width: 100%;
    float: left;  
}

.textarea textarea {
    border: solid 1px #f1f1f1;
    width: 100%;
    min-height: 150px;
    padding: 10px 20px;
    transition: 0.5s;
    font-size: 90%;
    outline: none;
    
}

.textarea textarea:hover {
    background-color: rgba(164,217,232,1);
    border: solid 1px rgba(164,217,232,1);
}


/* urlapbox eddig */

/* banner indul */
.keret .banner {
    margin:0;    
    width: 100%;
    height: 500px;
    display: flex;
    justify-content:center;
  }  

.hin ul.csoport {
    padding: 20px 0;
    margin: 0;
    width: 100%;
    list-style: none;
    text-align: center;
    display: block;



}

.hin ul.csoport li {
    
    margin: 5px;
    padding: 82px 5px 5px 5px;
    height: 120px;
    width: 120px;
    display:inline-block;
    text-align: center;
    line-height: 20px;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    transition: 0.5s;
    font-size: 90%;
    font-weight: bold;
    scale:1;    
    color:#fff;
    cursor: pointer;
    background-color: var(--szin5);
}

.hin ul.csoport li:hover {
 
    background-color: var(--szin2);
    scale:1.15;
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    
    
}

.banner .bannerkeret {
    display: flex;
    justify-content:flex-start;
    align-items: center;
    padding: 0;
    margin: 0;
    max-width: var(--szelesseg);
    width: 100%;  
    height: 100%;
    position:relative;
    overflow: hidden;
}

.bannerkeret .banner_bal {
    width: 100%;
    margin:0;
    position:relative;
    z-index: 1;
}

.bannerkeret .banner_bal h2 {
    color:#fff;    
    font-size: 300%;
    padding:0;
    margin: 0;
    font-weight:300;
    position:relative;
    animation-name: banneranim1;
    animation-duration: 1s;
    animation-delay: 1s;
    opacity: 0;
    animation-fill-mode: forwards;
}

@keyframes banneranim1 {
  from {opacity: 0; margin-left:50px;}
  to {opacity: 1; margin-left:0px;}
}

.bannerkeret .banner_bal h3 {
    color:#fff;

    font-size: 150%;
    padding: 10px 0;
    margin: 0;
    font-weight:300;    
    animation-name: banneranim1;
    animation-delay: 1.25s;
    animation-duration: 1s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.balra {
    position: absolute;
    width: 70% !important;
    left: 0;
    text-align: left;
    right: 30%;
}

.jobbra {
    position: absolute;
    width: 70% !important;
    left: 30%;
    text-align: right;
    right: 0;
    
}


.bannerkeret .banner_bal .link {
    color:#fff;
    font-size: 150%;
    padding: 10px 0;
    margin: 10px 0 0 0;
    font-weight:300;    
    animation-name: banneranim1;
    animation-delay: 1.5s;
    animation-duration: 1s;
    opacity: 0;
    animation-fill-mode: forwards;
}

.bannerkeret .banner_bal .link a {
    border: solid 1px #fff;
    color:#fff;
    font-size: 70%;
    padding: 10px 20px;
    text-transform: uppercase;
}

.bannerkeret .banner_bal .link a:hover {
    background-color: #fff;
    color:#000;
    
}



.bannerkeret .bannerkep {
    position: absolute;
    top:0;
 
    z-index: 0;
    animation-name: banneranim2;
    animation-duration: 1s;
    animation-delay: 0.25s;
    opacity: 0;
    animation-fill-mode: forwards;
}

@keyframes banneranim2 {
  from {opacity: 0; right:200px; scale:2;}
  to {opacity: 1; right:0px; scale:1;}
}
/* banner eddig*/
/* hirbox indul*/

.hirekbox {
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 20px 0;
   
}

.hirbox_belso {
    /*max-width: calc( var(--szelesseg) - 100px);*/
    max-width: var(--szelesseg);
    width: 100%;
    margin: 0 30px;
    padding: 0;
    list-style: none;  
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 10px;
    row-gap: 10px;
    
}



.vonal {
    border-top: solid 1px #ccc;
    max-width: var(--szelesseg);
    width: 100%;
    margin: 0 auto;
    
    
}

.linksor {
    max-width: var(--szelesseg);
    width: 100%;
    margin: 0 auto;
    min-height: 50px;


}

.linksor ul {
    list-style: none;
    padding: 20px;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap:wrap;
    
}

.linksor ul li {
    color:#333;
    margin: 5px;

}

.linksor ul li a {
    color:var(--alapszin1);
    transition: 0.5s;
    padding: 10px 20px;
     border: solid 1px #ccc;
    text-transform: uppercase;
    font-size: 80%;
    display:flex;
    align-items: center;
    text-align: center;
    height: 50px;
    line-height: 15px;
}

.linksor ul li a:hover {
    background-color: var(--alapszin1);
    border: solid 1px var(--alapszin1);
    color:#fff;
    
    
}

/* Keresősáv konténer */
        .search-container {
            position: relative;
			min-height: 0;
            display:flex;
			z-index: 100;
			width: 100%;
        }

        /* Keresés ikon */
        .search-icon {
            cursor: pointer;
			margin-right: 0px;
			transition: 0.5s;
			opacity: 0.7;
			margin-left: 7px;
        }

		.search-icon:hover {
			opacity: 1;
		}



        /* Lenilló div, alapállapotban elrejtve */
        .search-box {
            position: relative;		
            top: 0;
            right: 0;
            width: 100%;
            overflow: hidden;
			padding: 0;
            max-height: 0;
            opacity: 0;
            transition: max-height 1s ease, opacity 1s ease;

        }

        /* Keresősáv megnyitott állapotban */
        .search-container.active .search-box {
            max-height: 100px;
            opacity: 1;
        }

        /* Keresősáv input mező */
        .search-box input {
            width: calc(80% - 40px);
			margin: 15px 0;
			margin-left: 10%;
            padding: 10px;
            border: none;
            outline: none;
            font-size: 16px;
			font-weight: 500;
        }

        /* Submit gomb (ikon) */
        .search-box button {
			position: absolute;
			top:15px;
			
            width: 50px;
			padding: 10px;
            border: none;
            background-color: var(--menuszin1);
            color: white;
            font-size: 16px;
            cursor: pointer;
            transition: 0.5s;
        }

        /* Gomb hover effekt */
        .search-box button:hover {
            background-color: #333;
        }


/* kereso eddig /*




/* hirel listanézet */

.hbox3 {
    padding: 0;
    width: 100%;    
    height: 160px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;
 }

.hbox3 .vkep { 
    padding: 0;
    height: 100%; 
    float: left; 
    margin-right: 10px; 
    overflow: hidden;

    
}
.hbox3 .vkep img { width: 200px;float: left; }

.hbox3 a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    padding: 10px;
    border: solid 1px #f1f1f1;
    
}

.hbox3 a:hover {
    background-color: #f1f1f1;

    
}

.hbox3 .datum {
    color:#333;
    font-size: 80%;
    
}

.el {}
.el_on { background-color: #333; color:#fff !important; border: solid 1px #333 !important; }
li.lapozo {
    margin: 3px !important;
    
}
.hbox3 h3 {
    color: var(--alapszin1);
    font-size: 120%;
    font-weight:400;
    padding: 0;
    margin:0 0 5px 0;
    text-transform: uppercase;
    line-height: 20px;
}
.hbox3 h4 {
    color: var(--alapszin1);
    font-size: 90%;
    font-weight:300;
    padding: 0;
    margin: 0;
    line-height: 20px;
    background: none;
}

.hirek_kep {
    width: 100%;
    height: auto;
}

.hirek_kep img {
    width: 100%;
    height: auto;
    float: left;
}

.kepfelirat {
    background-color: #333;
    width: 100%;
    font-size: 80%;
    padding: 10px;
    
    color:#fff;
    
}
.tkbelso .hirek_datum {
    border-top: solid 3px var(--menuszin1);
    text-align: right;
    padding: 0;
    margin-bottom: 10px;
}

.tkbelso .hirek_datum span {
    background-color: var(--menuszin1);
    color:#fff;
    padding:5px 20px 8px 20px;
    
    font-size: 80%;
    -webkit-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
    
}

/* hirek listanézet eddig*/


.hbox {
    padding: 0;
    width: 100%;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    overflow: hidden;


}



.hbox .vkep {
    margin:15px 0;
    width: 100%;
    overflow: hidden;
}

.hbox .vkep img {
    width: 100%;
    
    
}

.hbox a {
    padding: 20px;
    display: block;
    width: 100%;
    height: 100%;
    transition: 0.5s;
    /*background-image: url("../images/logo4.png");
    background-position: bottom right;  
    background-size: 50% auto;
    background-repeat: no-repeat;*/

}

.hbox a:hover {
    background-color:rgba(255,255,255,0.95);
}


.hbox h3 {
    color: var(--alapszin1);
    font-size: 130%;
    font-weight:400;
    padding: 0 0 10px 0;
    margin:0 0 10px 0;
    border-bottom: solid 1px #ccc;
    text-transform: uppercase;
}
.hbox h4 {
    color: var(--alapszin1);
    font-size: 100%;
    font-weight:300;
    padding: 0;
    margin: 0;
    line-height: 20px;
    background: none;
}

/* folapra esemenynaptar*/

.sliderbox2 {
    /*max-width: var(--szelesseg);*/
    width: 100%;
    float: left;
    overflow: hidden;
    margin-top: 5px;
    padding:10px;
    display: block;   
    font-weight:lighter;
    text-transform: none !important;
    text-align:left;
    border: solid 1px #e1e1e1;
    font-size: 100%;
    background-color: #fff;
    
}

.sliderbox2 h5 {
    font-size: 100%;
    padding: 0;
    margin: 0;

    
    
}


/* folap palyazat */

.sliderbox {
    /*max-width: var(--szelesseg);*/
    width: 100%;
    padding: 0 10%;
    margin: 30px 0 50px 0;
    position: relative;
}

.sliderbox ul li {
    background-color: #fff;
}

.sliderbox ul li a {
    width: 100%;
    height: 100%;
    float: left;
    text-align: center;
    transition: 0.5s;
    border-top: solid 10px #fff;
    overflow: hidden;
    
}

.psbox_text {
    position: absolute;    
    bottom:0;
    display: flex;
    align-items: center;
    justify-content: center;
    left:0;
    z-index: 1;
    width: calc(100% - 20px);
    height: 60px;
    margin: 0 10px;        
    border-top: solid 1px #ccc;
    color:#000;
    
}

.bsbox_img {

    
}

.bsbox_img img {
    width:100%;
    height: auto;
    
}

.hbox_palyazat {
    margin-top: 0;
    padding: 10px;
    width: 100%;
    position: relative;
    border: solid 1px #ccc;
    display: flex;
    justify-content:center;
    align-items: flex-start;
}

.hbox_palyazat a {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #ccc;
    
}

.hbox_palyazat a h3 {
    font-size: 120%;
    font-weight:lighter;
    color:#333;
    text-align: center;
    line-height: 20px;
    
}



.hbox_palyazat a img {
    width: 100%;
    height: auto;
    
}




/* folap palyazat eddig */

.hbox2 {
    margin-top: 0;
    padding: 0;
    width: 100%;
    min-height: 100px;
    max-height: 200px;    
    position: relative;
    background-color: #f1f1f1;
 

}

.hbox2 h3 {
    font-weight:400;
    font-size: 110%;
    border-right: solid 4px #fff;
    padding: 0 10px;
    margin: 0 10px;
    text-align: right;
}

.hbox2 hh3 {
    font-weight:400;
    font-size: 80%;
    padding: 0 10px;
    margin: 0 10px;
    text-align: left;
}

.hbox2 hh3 b {
    font-size: 130%;
    font-weight:300;
}

.hbox2 hh4 {
    font-weight:400;
    font-size: 70%;
    padding: 0 0px;
    margin: 0 0px;
    text-align: right;
    width: 90% !important;
    
}

.hbox2 hh4 b {
    font-size: 140%;
    font-weight:300;
    width: 100% !important;
    padding: 0 0 0 0;
    margin-bottom: 3px;
    float: right;
    line-height: 20px;
   


}


.hbox2 h4 {
    
    font-weight: 300;
    font-size: 90%;
 
}

.hbox2 a {
    width: 100%;
    height: 100%;
    padding: 20px;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color:#000;
    background-color: #f1f1f1;
    scale:1;
    line-height: 15px;
  
}

.hbox2 a:hover {
    background-color: var(--menuszin1);    
    scale:1.05;
}

.hbox2 i {
    font-size: 200%;
    color:#333;
    
}



/* hirbox eddig*/

.tb1 {
    width: 50px;
    height: 5px;
    background-color: red;
    margin-bottom: 15px;
}

.tb2 {
    font-size: 42%; 
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 300;
    color: var(--szin3);
    margin-bottom: 15px;
}

.tb3 {
    font-size: 160%; 
    line-height: 55px;
    letter-spacing: 0px;
    font-weight:bold;
    color: var(--szin2);
    margin-bottom: 15px;
}
.tb4 {
    font-size: 60%; 
    line-height: 25px;
    letter-spacing: 0px;
    font-weight:300;
    color: var(--szin3);
    max-width: 50%;
}


.almenu2 {
    width: 100%;
    background-color: var(--menuszin1);
    display: flex;
    justify-content: center;
    position: sticky !important;
    top:85px;
    z-index:500;

}

.almenu2 ul {
    width: auto;
    display: flex;
    justify-content: center;
    margin:0;

}

.almenu2 ul li {
}
.almenu2 ul li a {
    border:none;
    text-transform: uppercase;
    color:#fff;
    padding: 15px 20px;
    width: 100%;
    height: auto;
    transition: 0.5s;
    
}

.menukeret {
    width: 100%;
    background-color:#fed54d;
    height: 60px;
    position: relative;
    z-index: 100;
}

.menuimg {
    width: 100% !important;
    overflow: hidden;
    
}

.menuimg img {
    width: 100%;
    height: auto;
    
}

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

.fejlec .f01 ul {
    flex-wrap: wrap;
}
.fejlec .f01 ul li {
    padding: 0 10px;
}
    
}

/* SZÍNEK */
.alapszin {
    background-color: #ef432b !important;
    color:#fff !important;
   
}

.kek {
background: rgb(135,224,253);
background: -moz-linear-gradient(-45deg,  rgba(135,224,253,1) 0%, rgba(5,171,224,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(135,224,253,1) 0%,rgba(5,171,224,1) 100%);
background: linear-gradient(135deg,  rgba(135,224,253,1) 0%,rgba(5,171,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#87e0fd', endColorstr='#05abe0',GradientType=1 );
} 
.kek2 {
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 1%, rgba(164,217,232,1) 99%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 1%,rgba(164,217,232,1) 99%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 1%,rgba(164,217,232,1) 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a4d9e8',GradientType=0 );
} 

.piros {
background: rgb(254,187,187);
background: -moz-linear-gradient(-45deg,  rgba(254,187,187,1) 0%, rgba(254,144,144,1) 45%, rgba(255,92,92,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%);
background: linear-gradient(135deg,  rgba(254,187,187,1) 0%,rgba(254,144,144,1) 45%,rgba(255,92,92,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#febbbb', endColorstr='#ff5c5c',GradientType=1 );
}

.sarga { background-color: #fed54d;}
.feher { background-color: #fff !important;}
.szurke { background-color:#ccc;}
.vilagosszurke { background-color:#f1f1f1;}
.piros2 { background: rgb(255,48,25);
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 );
}



.atmenet1 {
background: rgb(241,241,241);
background: -moz-linear-gradient(top,  rgba(241,241,241,1) 0%, rgba(254,254,254,1) 100%);
background: -webkit-linear-gradient(top,  rgba(241,241,241,1) 0%,rgba(254,254,254,1) 100%);
background: linear-gradient(to bottom,  rgba(241,241,241,1) 0%,rgba(254,254,254,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#fefefe',GradientType=0 );

    
}


.zold {
background: rgb(161,198,65);
background: -moz-linear-gradient(-45deg,  rgba(161,198,65,1) 0%, rgba(143,200,0,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(161,198,65,1) 0%,rgba(143,200,0,1) 100%);
background: linear-gradient(135deg,  rgba(161,198,65,1) 0%,rgba(143,200,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a1c641', endColorstr='#8fc800',GradientType=1 );
}

.alpha {
    border: solid 1px #e1e1e1;
    
}


.hbox:nth-child(n+1){}
.hbox:nth-child(n+2){}
.hbox:nth-child(n+3){}


/* SZÍNEK EDDIG*/

.oszlop2 { grid-template-columns: 1fr 1fr;}
.oszlop3 { grid-template-columns: 1fr 1fr 1fr;}
.oszlop4 { grid-template-columns: 1fr 1fr 1fr 1fr;}
.oszlop5 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
.oszlop6 { grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;}

@media only screen and (max-width: 1200px) {
.oszlop3,.oszlop4,.oszlop5,.oszlop6 { grid-template-columns: 1fr 1fr;}
    
    .vonal { width: calc(100% - 40px); padding: 0 20px;}
    
    .box1 h1 {
        text-align: center;
        line-height: 35px;
    }
        .box1 h2,.box1 h3 {
        text-align: center;
        line-height: 28px;
    }
    
    .hbox3 { height: auto; }
    .hbox3 a {
        background-color: #f1f1f1;
        border:none;
    }
    
    .hbox3 a:hover {background-color: #ccc;}
    
    .hbox3 .vkep {display: none;}
    .hbox3 .hkeret{float: left; width: 100%;}
    .hbox3 .datum { float: left; width: 100%;}
    .hbox3 .hkeret h3 {float: left; width: 100%;}
    .hbox3 .hkeret h4 {float: left; width: 100%;}
    
    
    
    }
@media only screen and (max-width: 800px) {
.oszlop2,.oszlop3,.oszlop4,.oszlop5,.oszlop6 { grid-template-columns: 1fr;}
  

    .almenu2 {display: block;}
    .almenu2 ul {display: block;}
    .almenu2 ul li { width: 100%; margin-bottom: 1px; float: left; background-color: var(--menuszin1);}
    .almenu2 ul li a { text-align: center; padding: 10px 20px;}

.skitter-large-box { /* lekapcsolom a bannert*/
display: none !important;
}

.lfelso {
    width: 100%;  
    font-size: 10px;
    text-align: center;
    justify-content: center !important;
}

.lfelso a {
    text-align: center;
    line-height: 14px;
    padding: 0 8px;
}
    
    .tanh1 {width: 100%;}
    
    .tanevinaptarbelso {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
}
    
    .tanh2 {width: 100%;
    padding: 20px;}
    
    .foboxesemenynaptar {
        border-right:none !important;
        border-bottom: solid 1px #ccc !important;
        
    }
    
    ul.blogo {
        padding: 10px 10px!important;
    }
    
    ul.blogo li {
    margin: 0 2px !important;
}
    
    .lablec ul {
    flex-wrap: wrap;
}

.lablec ul li {
    width: 100% !important;
    border-bottom: solid 1px var(--menuszin1);
    text-align: center;
    margin-bottom: 10px;
}
    
    .lablec ul li h3 {margin: 0 0 !important;}
    
    .lablec ul li .gymh {
        width: 100% !important;
        padding: 0;
        margin: 20px 0 !important;
        text-align: left !important;
    }
    
    .lablec ul li .gymh a {
        display: block;
        width: 100%;
        height: 100%;
        float: left;
        
    }

}  

.hatter3 {
    background-image: url("../images/textura1.jpg");
    background-position: top left;  
    background-size:100% auto;
    background-repeat: repeat;
    background-attachment: fixed;
    
}

.logo1 {
    background-image: url("../images/logo2.png");
    background-position: center left 10px;  
    background-size: 10% auto;
    background-repeat: no-repeat;

}

.logo2 {
    position: absolute;
    top:-20px;
    display: none;
 
}

.logo2 a {

    float: left;
    background-color: #fff;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 2px #ccc;
    outline: solid 2px #fff;
    -webkit-border-radius: 10px;
border-radius: 10px;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}

.logo2 a img {
    width: auto;
    height: 100px;
    padding: 5px;
    
}

ul.blogo {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 0;
    background-color: #333;
    border-top: solid 4px var(--menuszin1);
    
} 

ul.blogo li {
    width: auto;
    margin: 0 10px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
    overflow: hidden;

}

ul.blogo li img {
    width: 100%;
    max-width: 80px;
    float: left;
    
}

/*
.hatound-image: url("../images/logo2.png");
    background-position: top 10px center;  
    background-size: 40% auto;
    background-repeat: no-repeat;
}
*/
.hatter2 {
background: -moz-linear-gradient(top,  rgba(239,67,43,1) 0%, rgba(241,241,241,0) 78%);
background: -webkit-linear-gradient(top,  rgba(239,67,43,1) 0%,rgba(241,241,241,0) 78%);
background: linear-gradient(to bottom,  rgba(239,67,43,1) 0%,rgba(241,241,241,0) 78%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef432b', endColorstr='#00f1f1f1',GradientType=0 );
}

.szukito1 {
max-width: var(--szelesseg);
width: 100%;
background-color: #fff;
margin: 0 auto !important;
    padding: 0 50px 50px 50px !important;

    
}

.ulfull {
    width: 100% !important;
    
}

.videojel2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    margin-top: 60px;
}

.videojel2 i {
    font-size: 350%;
    background-color:rgba(255,255,255,0.3);
    padding: 10px;
    height: 75px;
    
}




/* fotoalbum indul */

.fotobox {
    width: 100%;
    margin: 0;
    padding: 0 0 50px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fotobox ul {
    /*max-width: calc( var(--szelesseg) - 100px);*/
    /*max-width: var(--szelesseg);*/
    width: 80%;
    margin: 0;
    padding: 0;
    list-style: none;  
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 20px;
    row-gap: 20px;
}

.fotobox ul li {
    width: 100%;
}

.fotobox ul li a {
    color:#000;
    transition: 0.5s;
    display: block;
    width: 100%;
    height: 100%;
    background-color:rgba(255,255,255,0.7);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
    scale:1;
   /* -webkit-border-radius: 10px;
border-radius: 10px;*/
}

.fotobox ul li a:hover {
    background-color:rgba(255,255,255,1);
    /*box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);*/
    scale:1.10;
    
}

.fotobox ul li .fcim {
    z-index: 1000;
    font-size: 100%;
    width: 100%;
    padding: 20px;
    
}

.fotobox ul li .fcim2 {
    z-index: 1000;
    font-size: 100%;
    width: 100%;
    padding: 10px 10px 7px 10px;
    
    
    
}

.fotobox ul li img {
    width: 100%;
    height: auto;
}

.fotobox ul li .fcim h3 {
    font-weight: 400;
    font-size: 130%;
    padding: 0;
    margin: 5px 0 0 0;
    letter-spacing: -1px;
}
.fotobox ul li .fcim h4 {
    font-weight: 300;
    font-size: 100%;
    padding: 0;
    margin: 5px 0 0 0;
}

.infobox {
    margin: 50px 0 0 0;
    width: 100%;
    text-align: center;
    padding: 20px 0 0 0;
    background-color: var(--szin5);
    
    font-size: 130%;
    letter-spacing: 2px;
    line-height: 30px;
    font-weight: 300;
    color:#000;
}

.infobox h2 {
    max-width: var(--szelesseg);
    margin: 20px auto;
    width: 100%;
    font-size: 140%;
    font-weight: 400;
    color:#fff;
    text-align: left;
    
}

.infobox p {
    max-width: var(--szelesseg);
    width: 100%;
    padding: 0;
    margin: 0 auto;
    color: #fff;
    text-align: justify;
    
}

/* fotoalbum eddig */

/* ma tortent indul */

.matortent {
    margin: 30px auto 0 auto;
    max-width: var(--szelesseg);
    width: 100%;
    text-align: center;
    background-color: red;
    padding: 20px 0;
    
    font-size: 150%;
    font-weight: 300;
    color:#fff;
    
}

/* ma tortent eddig */

/* lablec indul */

.lablec {
    width: 100%;
    background-color: var(--szin3);
    color:#fff;
}

.lablec ul {
    margin: 0 auto;
    max-width: var(--szelesseg);
    width: 100%;
    padding: 40px 20px 80px 20px;    
    display: flex;
    justify-content:space-between;
    align-items:flex-start;
    list-style: none;

    
}

.lablec ul li, .lablec ul li p {
    color:#d8e3f0;
}

 

.lablec ul li h3 {
    width: 100%;
    font-size: 140%;
    color:#fff;
    font-weight: bold;
    padding: 0;
    margin:10px 0 20px 0;
    
}



.lablec ul li a {
    color:#d8e3f0;
    width: 100%;
    padding: 2px 0;
    display: block;    
    transition: 0.5s;
}

.lablec ul li a:hover {
    color:#fff;
    
}

.lablec ul li a i {margin-right:5px; font-size: 70%;}

.lablec ul li img {
    width: 60px;
    height: auto;    
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: solid 2px var(--szin3);
    outline: solid 1px rgba(255,255,255,0.5);
    background-color: #fff;
    padding: 5px 10px;
    
}

.lablec ul li:nth-of-type(1) { 
    
    font-size: 90%;
    font-weight: 400;
    padding: 0 20px;
    width: 25%;
    line-height: 20px;

}

.lablec ul li:nth-of-type(1) p {
    margin: 0 0 20px 0;
    
}

.lablec ul li:nth-of-type(1) img {
    border: none;
    outline: none;
}

.lablec ul li:nth-of-type(2) { 
    font-size: 90%;
    font-weight: 400;
    padding: 0 20px;
}

.lablec ul li:nth-of-type(3) { 
    font-size: 90%;
    font-weight: 400;
    padding: 0 20px;
}

.lablec ul li:nth-of-type(4) { 
    font-size: 90%;
    font-weight: 400;
    padding: 0 20px;
}

.lablec ul li .gymh {
    width: 280px;
    padding: 0;
    margin: 0;
}

.lablec ul li .gymh_cim {
    font-weight: bold;
    margin-bottom: 5px;
    font-size: 80%;
    
}

.lablec ul li .gymh_leiras {
    font-size: 75%;
       overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
           line-clamp: 2; 
   -webkit-box-orient: vertical;
    
}

.lablec ul li .gymh a img {
    margin: 0;
    padding: 0;        
    width: 60px;
    height: 60px;
    display: block;
    float: left;
    margin-right: 10px;
    background-color: #fff;
    
}

.lablec ul li .gymh a {
    width: 100%;
    border-bottom: solid 1px rgba(255,255,255,0.2);
    padding: 10px 10px 10px 10px;
    margin: 0;
    position: relative;
}
.lablec ul li .gymh a:hover {
    background-color: rgba(0,0,0,0.3);
}

.lablec ul li .gymh a span {
    width: 100%;
    position: relative;
    top:0px;
    font-size: 80%;
    color:#fff;

    
}




.lablec2 {
    width: 100%;
    background-color: #041319;
}

.lbbelso {
    margin: 0 auto;
    max-width: var(--szelesseg);
    width: 100%;
    padding: 20px;    
    display: flex;
    align-items: center;
    justify-content:space-between;
    font-weight: 300;
    font-size: 90%;
    color:#fff;
}

.lbbelso .lbbal {
    width: 100%;
}

.lbbelso .lbjobb {
    width: 100%;
    text-align: right;
 
}



/* lablec eddig */

/* tartalom indul */

.tartalomkeret {
    width: 100%;
    
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    }

.tkbelso {
    max-width: var(--szelesseg);
    width: 100%;
    padding: 0 50px 30px 50px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    

}

/*.tkbelso h1 {
padding: 65px 0 0 0;
margin: 50px 0 0 0;
font-size: 250%;
font-weight: 300;
text-align: center;
background-image: url("../images/logo2.png");
background-position: top center;
background-size: 60px auto;
background-repeat: no-repeat;
position: relative;
}*/
.tkbelso h1 {
    width: auto;
    padding: 0px 40px 5px 40px;
    margin: 50px auto 30px auto;
    font-size: 250%;
    font-weight: 300;
    text-align: center;
    border: solid 1px #ccc;
}

.tkbelso h2 {
    padding: 25px;
    margin: 0 0 20px 0;
    font-size: 150%;
    font-weight: 300;
    text-align: center;
    line-height: 30px;
    
    background-color: #f1f1f1;
}

.tkbelso p {
    color: var(--szin3);
font-size: 110%;
font-weight: 400;
text-align: justify;
letter-spacing: 1px;
line-height: 27px;
    margin-bottom: 15px;
}

.tkbelso p img.bal {
    float: left;
    width: 400px;
    padding: 0 20px 20px 0;
}

.tkbelso p img.jobb {
    float: right;
    width: 400px;
    padding: 0 0 20px 20px;
}

.tkbelso p img.nagy {
    width: 100%;
    height: auto;
    margin: 20px 0;
}


.tkbelso table th  {
    background-color: var(--menuszin1);
    font-weight: normal;
    color:#fff;
    padding: 10px;
    line-height: 20px;
    text-transform: uppercase;
    font-size: 100%;
    border: none;
}

.tkbelso table td {
    
    padding: 4px 10px;
    font-size: 80%;
    min-width: 100px;
    text-align: center;
    line-height: 15px;
}



tbody tr:nth-child(odd) { /*páratlan sorok*/
background-color: rgba(0,0,0,0.05);
	}
tbody tr:nth-child(even) {
background-color: rgba(0,0,0,0.1);
}

.tkbelso ul {
    padding: 10px 10px 10px 30px;
    margin: 10px 10px;
    font-size: 100%;
    border-left: solid 1px #ccc;
    background-image: linear-gradient(to right, rgba(0,0,0,0.03), #fff);
    
}


.tkbelso ul li {
    line-height: 25px;
    list-style-type:disc !important;
}

.tkbelso p a, .tkbelso ul li a {
    color: var(--menuszin1);font-weight: bold;
    
    padding: 2px 10px;
    font-size: 100%;
    margin: 0 10px;
    transition: 0.5s;
    
}

.tkbelso p a:hover, .tkbelso ul li a:hover {
    color: #fff;
    background-color:var(--menuszin1);

}

/* fotoalbum a cikkben */

.fotoalbum_cikkben {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;  
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 10px;
    row-gap: 10px;
    
}

.fotoalbum_cikkben .fackep {
    width: 100%;
    
}

.fotoalbum_cikkben .fackep a {
    width: 100%;
    display: block;
    float: left;
    padding:0px;
    margin: 0;
    transition: 0.5s;
    border: solid 6px #fff;

}

.fotoalbum_cikkben .fackep a:hover {

    -webkit-box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
    
}

.fotoalbum_cikkben .fackep a img {
    width: 100%;
    height: auto;
    float: left;
    
}

/* fotoalbum a cikkben */


.keretbox {
    /*margin: 30px 0 0 0;
    padding: 30px 0;*/
    margin: 0;
    padding: 0;
    background-color:rgba(255,255,255,1);
    
}

.elozooldal {
    width: 100%;
    
    margin-top: 10px;
    padding: 10px 0;
    text-align: right;
    
}

.elozooldal a {
    color: var(--szin3);
    padding: 8px 20px;
}

.elozooldal a:hover {
    background-color: var(--szin5);
    color:#fff;
    
}

/* letoltes album indul */

.letoltes {
}

.letoltes ul {
    list-style: none;
    width: 100%;
    margin: 10px 0;
    padding: 0 0 20px 0;
    display: grid;
    column-gap: 5px;
    row-gap: 5px;
    grid-template-columns: 1fr;
    border-bottom: solid 2px var(--menuszin1);
}

.letoltes ul li {
    float: left;
    width: 100%;
    border: solid 5px #ccc;
    height: 20px !important;
    text-align: left;
}

.letoltes ul li a {
    color:#333;
    
    width: 100%;
    height: 20px;
        display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
    background-color: #ccc;
    padding: 0;
    text-align: left;
    
    
}

.letoltes ul li a:hover {
    background-color: var(--menuszin1);
    
}



.letoltesalbum {
    
}

/* letoltes album eddig */

@media only screen and (max-width: 1200px) {
    .tkbelso p img.bal, .tkbelso p img.jobb, .tkbelso p img.nagy {
        width: 100%;
        padding: 0;
        margin: 20px 0;
        
    }
}

/* slider indul */

.skitter-themes { text-align: center; margin-bottom: 10px; }
.skitter-themes ul { }
.skitter-themes ul li { display: inline-block; }
.skitter-themes ul li a { padding: 10px; display: inline-block; color: black; text-decoration: none; font-size: 14px; font-weight: bold; text-transform: uppercase; border-radius: 2px; border: 2px solid; margin: 0 5px 10px 5px; }
.skitter-themes ul li a.active { color: #999; }

.skitter-animations { text-align: center; margin: 20px 0 10px 0; }
.skitter-animations h3 { text-transform: uppercase; margin: 0 0 10px 0; }
.skitter-animations ul { }
.skitter-animations ul li { display: inline-block; }
.skitter-animations ul li a { display: inline-block; color: black; text-decoration: none; font-size: 14px; border-bottom: 1px solid; margin: 0 5px 10px 5px; }
.skitter-animations ul li a.active { color: #999; }

@media (max-width: 767px) {
  .skitter-themes ul li a { 
    margin: 0 2px 5px 2px;
    padding: 5px;
    font-size: 12px;
  }
}

/* ------------------------------------------
  Skitter custom settings
---------------------------------------------*/
.skitter-large-box {
  width: 100%;

}
.skitter-small-box {
  max-width: 400px;
}
.skitter-medium-box {
  max-width: 500px;
}

kapcsolo2 {
    border-top: solid 1px #ccc;
    float: left;
 padding-top: 10px;
    margin-top: 10px;
    width: 100%;
    text-align: left;
}

kapcsolo2 a {
    color:#fff;
    font-size: 55%;
    padding: 5px 20px;
    border: solid 1px #ccc;
    text-transform: uppercase;
    
}

cimsor {

    font-size: 150%;
    
    
}


/* slider eddig */





/* tartalom eddig */

/* hetirend */
.hetirendkeret {
    display: grid;
    justify-items: stretch;
    align-items: stretch;
    column-gap: 10px;
    row-gap: 10px;
    margin-bottom: 20px;
    
    
    
}
.hetirend {   
    width: 100%;

}

.hr_fejlec {
    background-color: var(--menuszin1);
    display: flex;
    align-items: center;
    padding: 20px;
    font-size: 170%;
    color:#fff;
    font-weight: bold;
}

.hetirend .hr_fejlec2 {  
    width: 100%;
    padding: 0;    
    margin: 0;
}

.hr_fejlec2 a, .hr_keret {
    width: 100%;
    height: 100%;
    background-color: var(--menuszin1);
    padding: 20px;
    color:#fff;
    font-weight: bold;
    font-size: 170%;
    transition: 0.5s;
    float: left;
    position: relative;
    

}

.hr_fejlec2 a:hover {
    background-color: #333;
    
}

.hr_ikon {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position:relative;
    top:-3px;
    left:-2px;
 
    
    
}

.hr_ikon i {
font-size:100%;
    color:#fff;
    opacity:1;
    
    
}

.hr_het {
    font-size: 70%; 
    text-transform: uppercase;
    background-color: #333;
    border: solid 2px var(--menuszin1);
    height: 40px;
    line-height: 32px;
    float: left;
    padding: 0 15px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.hr_cim {
    font-size: 70%; 
    text-transform: uppercase;
    background-color: #333;
    border: solid 2px var(--menuszin1);
    height: 40px;
    line-height: 32px;
    float: left;
    padding: 0 15px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 100%;
    margin-top: 5px;
}
.hr_cim2 {
    font-size: 48%; 
    text-transform: uppercase;
    background-color: #333;
    border: solid 2px var(--menuszin1);
    height: 40px;
    line-height: 32px;
    float: left;
    padding: 0 10px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
width: 100%;
    margin-top: 5px;
}





.hr_napok {
    width: 100%;
    background-color: #ccc;    
    border-bottom: solid 1px #fff;
    display: flex;
    align-items:center;
}



.hr_napok .nap {
    width: 250px;  
    font-size: 140%;
    padding: 10px 20px; 
    line-height: 25px;
}

.hr_napok .naptartalom {
    width:100%;    
    min-height: 1px;
    height: 100%;    
    font-size: 130%;
    padding: 20px;
    border-left: solid 2px #fff;
}
/* hetirend */

.docbox1 {
    
    border-left: dashed 1px #333;
    padding: 0 20px;
    font-size: 80%;
    margin-bottom: 10px;
    margin-left: 10px;
    
}

ol {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;    
    text-align: center;
    float: left;
    border-bottom: solid 2px var(--menuszin1);
    display: flex;
    justify-content:center;
    align-content: center;
    flex-wrap: wrap;
    font-size: 80%;
    text-transform: uppercase;
    
}

ol li {

    width: auto;
    height: 100%;
    margin: 5px;
    float: left;
    

    
}

ol li a {
    width: 100%;
    height: 100%;
    padding: 8px 10px;
    float: left;
    color: #333 !important;
    transition: 0.5s;
    background-color: #f1f1f1;
    
}

ol li a:hover {
    background-color: var(--menuszin1);
    
}

hr {
    border: none;
    border-bottom: solid 2px var(--menuszin1);
    outline: none;
    
}

.dokumentumtar_osztott1 a {
    width: 100%;
    padding: 10px;
    color:var(--menuszin1);
    font-weight: bold;
}

.dokumentumtar_osztott1 a:hover {
    color:var(--menuszin1);
    color:#333;
}

.gyikmenu {
    border-bottom: solid 1px #ccc;
    margin-bottom: 5px;
    width: 100%;
    min-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 800px) {
    .gyikmenu {  display: block;}
    
    .gyikmenu a {
    margin: 1px 2px !important;
    padding: 10px 10px !important;
    width: 100% !important;
    float: left;
    display: block;
    
}
 

}

.gyikmenu a {
    margin: 10px 2px;
    padding: 5px 10px;
    font-size: 80%;
    float: left;
    transition: 0.5s;
    background-color: #333;
    color:#fff;
    text-transform: uppercase;
    width: auto;
}

.gyikmenu a:hover {
    background-color: var(--menuszin1);
    
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 100%;
  transition: 0.4s;
    margin-bottom: 2px;
    position: relative;
}

.active, .accordion:hover {
  background-color: #ccc; 
   
}

.panel {
  padding: 10px 18px;
  display: none;
  background-color:#f1f1f1;
  overflow: hidden;
    margin-bottom: 20px;
    font-size: 80%;
    border-bottom: solid 2px #ccc;
    
    
    
}

.panel p {
    line-height: 20px;
  
}