﻿body {margin: 0px; padding: 0px; background: #FFF; color: #626262; font-family: 'Arial'; }
html { margin: 0px; padding: 0px;}
a {color: #323232;}

.clear {clear: both;}
.container {}
.navbar {min-height: auto; padding: 0px;}
.navbar-nav {margin: 0px; padding: 0px;}
.navbar-collapse {max-height: none;}
.navbar-toggle {margin: 0px;}
.szelesit {min-width: 100%;}
.pos {position: relative;}
.dropdown-menu {width: 100%; border-radius: unset; border-bottom-right-radius: 30px;border: none;}
.dropdown-menu .dropdown-item:hover {background: none;}

.easeinout {-moz-transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}

/* LAPOZO */
		
div.page {padding: 20px 0;} 
div.page table {width: auto; margin-left: auto; margin-right: auto; border-top: 1px solid #066d32; border-bottom: 1px solid #066d32;}
div.page table a {color: #066d32;}
div.page table a:hover,div.page table a.aktiv {color: #f6b801;}
div.page table a.aktiv {font-weight: bold;}
a.leptetes {width: 16px; height: 16px; display: block; background: url('../images/ikon_leptetes.png') no-repeat;}
 a.leptetes_elso {background-position:0px 0px;}
 a.leptetes_vissza {background-position: 0px -16px;}
 a.leptetes_elore {background-position: -16px -16px;}
 a.leptetes_utolso {background-position: -16px 0px;}
 a.leptetes_elso:hover {background-position: -32px 0px;}
 a.leptetes_vissza:hover {background-position: -32px -16px;}
 a.leptetes_elore:hover {background-position: -48px -16px;}
 a.leptetes_utolso:hover {background-position: -48px 0px;} 
div.page a.elvalaszto:hover, div.page  a.elvalaszto {cursor:hand; color: #ece5e3;} 
div.page td.lapozas_oldalak a:last-child {display: none;}

#video {z-index: 1;}

#menu {z-index: 3; background: transparent; position: absolute; width: 100%; border-bottom: none;}
	#menu .navbar-brand {float: left;}
	#menu .navbar-brand img {height: 90px;}
	#menu .nav-link {font-size: 20px; line-height: 22px; text-transform: uppercase; color: #FFF;}
	#menu .nav-link:hover {color: #36a1b9;}
	#menu .nav-link.aktiv {color: #36a1b9;}
	#menu .dropdown-toggle::after {color: #36a1b9;}
	#menu .navbar-collapse {}
	#menu .dropdown-menu { background: rgba(255,255,255,0.90);}
	#menu .dropdown-menu .dropdown-item {font-style: italic; white-space: unset;}
	#menu .dropdown-menu .dropdown-item:hover {color: #016d33;}
	#menu .desktop {display: none;}
	#menu .mobile {display: block;}
	
#menu.fixed {background: #FFF; top: 0px; width: 100%; position: sticky; border-bottom: 1px solid #CECECE}
	#menu.fixed .nav-link {color: #333;}
	#menu.fixed .navbar-brand img {height: 50px;}
		
#content {padding-top: 20px;}

#partners {padding: 15px 0; background: #2d2d2d;}
	#partners ul {list-style: none; margin: 0px; padding: 0px; display: table; margin-left: auto; margin-righT: auto;}	
	#partners ul li {display: inline; padding: 0px 10px; }	
	#partners ul li img {max-height: 70px;}
	
#footer {background: #202020; z-index: 3; padding: 15px 0px; font-size: 12px; line-height: 12px; color: #FFF;}
	#footer .head {font-weight: bold; font-size: 12px; text-transform: uppercase;}
	#footer .logo {display: table; margin-left: auto; margin-right: 0px; max-height: 100px;}
	#footer ul {padding: 0px;}
	#footer ul li {list-style: none; padding-bottom: 8px; }
	#footer ul li a {font-size: 12px; line-height: 12px; color: #e5e5e5;}	
	#footer ul li a:hover {text-decoration: underline;}	
	
.csatolt_dokumentumok {margin-top: 15px; margin-bottom: 15px;}
	.csatolt_dokumentumok .head {font-weight: bold; margin-bottom: 0px;}	
	.csatolt_dokumentumok .far {color: #FF0000;}

.dropdown-item {padding: .25rem .5rem}

.bejegyzes_tarto {background: #FFF;padding: 10px;margin-bottom: 0px;position: relative;}
	.border {padding: 20px;border: 2px solid #0a5b67;}
	.elvalaszto {clear: both;border-bottom: 1px dashed #d4d4d4;margin-bottom: 15px;}
	.bovebben {position: absolute;top: 2px;right: 15px;}
	.bovebben.vissza {position: unset;top: unset;right: unset;display: table;margin-left: auto;margin-right: auto;}
	.kephely {height: 150px;overflow: hidden;margin-bottom: 10px;}
	.szoveghely {height: auto;overflow: hidden;}
	.kephely img {width: 100%;}
	.border img {margin: 0 auto 10px auto;}
	.bejegyzes_tarto .cim, .bejegyzes_tarto .cim a {font-family: "Times New Roman";font-style: italic;color: #33507a;font-size: 30px; line-height: 32px;padding-right: 80px;}
	h1, .cim {font-size: 20px; line-height: 22px;}
	.bejegyzes_tarto .cim span, .bejegyzes_tarto .cim .szoveg {display: none;}
	.bejegyzes_tarto .cim a:hover {text-decoration: none; color: #36a1b9;}
	.elkuld, .bovebben a, .bovebben a:visited {background: #26afc4;padding: 8px 12px;-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;color: #f6effa;text-decoration: none;}
	.bovebben a:hover {background: transparent; color: #26afc4; text-shadow: unset;}
	.bevezeto {font-weight: normal;letter-spacing: 0.5px;margin-bottom: 20px;background-color: #33507a;color: #FFF;padding: 12px 8px;line-height: 22px;}
	.nagykep {width: 100%;}
	/*.bejegyzes_tarto .bovebben {top: 35px;right: 30px;}*/

.desktop {position: relative;}
.dropdownmenutarto {padding: 10px; border: 1px solid #e7e7e7; position: absolute; width: 100%; background: #FFF; top: 110px;}
	.dropdownmenutarto ul {padding: 0px; margin: 0px; list-style: none;}
	.dropdownmenutarto ul li a {padding: 5px 0px; display: block; color: #333;}
	.dropdownmenutarto ul li a:hover {color: #26afc4; text-decoration: none;}
	.dropdownmenutarto ul li .fas {float: right;}
	.dropdownmenutarto .bezartarto {position: absolute; top: -5px; right: -5px; color: #FF0000; font-size: 21px; line-height: 21px; width: 20px; height: 20px; border-radius: 50%; background: #FFF; }
	
	.dropdownmenutarto .bejegyzes_tarto {padding: 0px; padding-top: 5px;}
	.dropdownmenutarto .border {padding: 0px;} 
	
	.dropdownmenutarto .kephely {height: auto; margin: 0px;}

.tartalom_szoveg_kibonthato {}
	.tartalom_szoveg_kibonthato .bovebben {margin: -25px; margin-top: 15px; background: #eeeeee; color: #323232; text-align: right; padding: 0px 15px; display: block;font-size: 12px; line-height: 20px; text-decoration: none;}
	.tartalom_szoveg_kibonthato .cim .fas {line-height: 16px; font-size: 16px;}
	.tartalom_szoveg_kibonthato:hover {border-color: #f6b801; background: #eeeeee;}	
	.tartalom_szoveg_kibonthato:hover .cim {text-decoration: none; color: inherit;}	
	.tartalom_szoveg_kibonthato:hover .cim .fas {color: #f6b801; text-decoration: none;}
	.tartalom_szoveg_kibonthato:hover .bovebben {background: #f6b801; text-decoration: none; color: #FFF;}
	
.tartalom_szoveg_kibontva {}	
	.tartalom_szoveg_kibontva .bovebben {margin: -25px; margin-top: 15px; background: #eeeeee; color: #323232; text-align: center; padding: 0px 15px; display: block; font-size: 16px; line-height: 24px; text-decoration: none;}
	.tartalom_szoveg_kibontva .img-korbe {float: left; margin-right: 15px; margin-bottom: 10px;}

.videoContainer {width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.videoContainer	iframe { width: 100%;height: 100%;}

.galeria_box {overflow: hidden;padding: 0px;border: 1px solid #CECECE; background: #f6f6f6;}
	.galeria_box .kep {height: 200px;overflow: hidden; display: block;}
	.galeria_box h1 {font-size: 16px; line-height: 20px; padding: 10px 10px; min-height: 60px;}
	.galeria_box:hover {border-color: #f6b801; background: #eeeeee;}
.col-padding {padding-bottom: 15px;}
.galeriatarto .col-padding img {border: 3px solid transparent;}
	.galeriatarto .col-padding img:hover {border-color: #f6b801;}

	
.galeria div div {padding:0px;}	
	.galeria div div .img-fluid {min-width: 100%;}	

.sor {padding-top: 40px; padding-bottom: 30px;}
	.sor_right {background: #f9f9f9;}
	.sor .bejegyzes_tarto {background: transparent;}
	.sor .bejegyzes_tarto .bovebben {top: 15px; right: 10px;}

.parallax {
  /* The image used */

  /* Set a specific height */
  min-height: 500px; 

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.parallax h3 {
	color: #FFF; font-weight: bold;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	padding-top: 0px;
	margin-top: 0px;
}

#ujdonsagok {padding-bottom: 30px;}	
	#ujdonsagok .elem_padding {padding-left: 15px; padding-right: 15px;}	
	#ujdonsagok .szoveghely {height: 115px;}
	#ujdonsagok .slick-dots li button {background: #EFEFEF;}
	#ujdonsagok .slick-dots li.slick-active button {background: #26afc4;}
	#ujdonsagok .slick-dots li button:before {display: none;}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) { 
	#head {height: auto;}
	#menu .navbar-brand {display: inline-block;}
}

/* Medium devices (tablets, 768px and up) */
@media (max-width: 767px) { 
	.oldal.bal .headcim, .oldal.jobb .headcim, .kozep .headcim {border-top-right-radius: 0px;border-top-left-radius: 0px;text-align: center;}
	.oldal.bal, .oldal.jobb {border-top-right-radius: 0px;border-top-left-radius: 0px;text-align: center; margin-top: 15px;}
	#menu .nav-link {line-height: 36px;}
	.bejegyzes_kibontva {padding: 20px;}		
	.bejegyzes_kibontva .bovebben {top: 25px; right: 20px;}	
	#footer .menutarto .col {max-width: 50%;flex-basis: auto;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 
	#menu .nav-link {padding: 0px 4px; font-size: 8px; line-height: 10px; font-weight: bold;}
	#menu .elvalaszto {height: 12px;margin-top: 9px;}
	h1 {font-size: 24px;}
	.kephely {height: 305px;}
	.szoveghely {height: 117px;overflow: hidden;}
	#partners ul li {padding: 0px 30px; }	
	#partners ul li img {max-height: 100px;}	
	.bejegyzes_tarto {margin-bottom: 00px;}
	#menu .navbar-collapse {margin-top: 2px;}
	#menu .desktop {display: block;}
	#menu .mobile {display: none;}	
	.bejegyzes_kibontva {padding: 40px;}	
	.bejegyzes_kibontva .bovebben {top: 45px; right: 40px;}
	.parallax h3 { font-size: 20px; }	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
}

/* Large devices (desktops, 1024px and up) */
@media (max-width: 1023px) { 
	#footer .logotarto {display: table; margin-left: auto; margin-right: auto; width: auto; flex: unset; max-width: unset;}
}

/* Large devices (desktops, 1024px and up) */
@media (min-width: 1024px) { 
	#menu .nav-link {padding: 0px 8px; font-size: 10px; line-height: 12px;}
	.parallax h3 { font-size: 30px; }	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#menu .nav-link {padding: 0px 9px; font-size: 12px; line-height: 14px;}
	.bejegyzes_kibontva {padding: 60px;}	
	.bejegyzes_kibontva .bovebben {top: 65px; right: 60px;}
}

@media (min-width: 1600px) { 
	#menu .nav-link {padding: 0px 12px; font-size: 14px;}
	.parallax h3 { font-size: 40px; }
}

@media (min-width: 1920px) { 
	#menu .nav-link {padding: 0px 20px;}
	h1, .cim, .bejegyzes_tarto .cim {font-size: 28px;}
}

@media (min-width: 2000px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl {max-width: 1540px;}
}