@charset "utf-8";
@import url('fonts/fonts.css');
html, body {
	background:#fff url(fam.jpg) no-repeat center top fixed;
	line-height: 20px;
	margin:0 auto;
	padding:0;
    height:100%;
	width:100%
}
div, p, td, span, body, input, select, textarea {
	font-family: "ProNo-R", sans-serif;
	font-size: 14px;
	color:#000;
}
*{box-sizing:border-box}
a {text-decoration:none;font-weight: normal;color:#333}
a:hover {text-decoration:none;color:#4259a9}
h1, h4 {font-size:28px;line-height:32px;text-align:left;color:#333;font-weight:bold;margin-bottom:12px}
h2 {font-size:16px;text-align:left;}
h3, h3 a {font-size:17px;font-family: "ProNo-B", sans-serif;font-weight:bold;color:#000;}
img {border:0;max-width:100%}
form {line-height:normal;padding:0;margin:0;}
input {margin:0}
/*input[type="text"], input[type="password"], input[type="email"] {margin:0}*/
#demo-frame > div.demo { padding: 10px !important; }
#nav { z-index: 50; position: absolute; bottom: 10px; left: 10px}
#nav a { margin: 0 2px; padding:0; text-align:center; background: url(pager.png); height:25px; width:25px; overflow:hidden; display:block; float:left; line-height:24px; text-decoration: none; font-size:10px; color:#fff }
#nav a.activeSlide { background: url(pager_s.png); color:#000; }
#nav a:focus { outline: none; }
/** {box-sizing:border-box}*/
#cont {
	width:100%;
	margin:0 auto;
	background:#fafafa;
	overflow:hidden;
	min-height:100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	margin-bottom: -233px; 
}
#cont:after {
  content: "";
  display: block;
}
#head {
	clear:both;
	display:none;
	height:40px;
}
.menua{display:none;}
#head .heda{float:left; color:#777; line-height:28px; padding-left:14px; text-decoration:none}
#head .hedb{float:left; color:#777; line-height:28px; padding-left:5px; text-decoration:none}
#head .heda:hover, #head .hedb:hover{color:#e00b19;}
.clr{clear:both}
.fejshift{display:none}
/*#menuig{display:none}*/
.nano-content{margin-top:10px}
.galeriak{margin:0 auto;text-align:center;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing: border-box;box-sizing: border-box;/*max-width:704px;*/margin-bottom:10px;display:inline-block}
.galeria-gyujto{float:left;display:inline-block;position:relative;overflow:hidden;z-index:1;margin-bottom:1em;max-height:236px}
.galeria-gyujto:hover{transition: all 0.6s ease;}
.gal-overlay{position:absolute;top:0;left:16px;width:92%;height:236px;background:#000;opacity:0;z-index:200}
.galeria-gyujto:hover h3{color:#f00;background:#fff;opacity:0.9;transition: all 0.6s ease;}
.galeria-gyujto:hover .gal-overlay{opacity:0.7;	transition: all 0.6s ease;}
.galeria-gyujto h3{position:absolute;top:104px;left:16px;width:92%;line-height:37px;background:#fff;opacity:0.7;z-index:500;text-align:center}
.partnerek{zoom:1;margin-top:63px;height:100%;display:block;overflow:hidden}
.csikocska{margin-top:0.8em;height:100%;display:block;overflow:hidden}
#mainfo{overflow:hidden;height:100%;width:500px; float:left;}
#main {height:100%; width:64%;overflow:hidden; float:left;padding:0;margin:5px 8px 2px 11px}
.vonalzo{font-size:18px;text-align:left;color:#555;font-weight:bold;margin-left:30px;text-transform:uppercase}
.belso_oldal{margin:0 30px;border:2px #fafafa solid;padding:8px 15px;margin-bottom:25px;overflow:hidden}
.belso_oldal h1{text-transform:uppercase}
.belso_oldal img{max-width:100%;height:auto}
footer{
	margin:0 auto;
	width:100%;
	height:100%;
	background:#666;
	display:block;
	overflow:hidden;
}
/*#cont:after {
	height:233px
}*/
#lab {
	/*clear:both;
	width:966px;*/
	color:#fff;
	height:100%;
	text-align:left;
	bottom:0px;
	margin:0 auto;
	overflow:hidden;
}
#lab .div_felso {margin:20px; height:100%; color:#fff;float:left;}
.lab_hasab{
	overflow:hidden;
	padding:0 29px 0 10px;
	/*border-right:1px #b5b5b5 solid;*/
	/*width:350px;
	float:left;*/
	height:198px;
	/*margin-right:18px*/
}
.lab_hasab ul{list-style:none;margin:0;padding:0;}
.lab_hasab li{margin:0;padding:0;list-style:none;display:block}
.lab_hasab a {color:#fff; text-decoration:none;}
.lab_hasab li:first-letter {text-transform:capitalize}
.lab_hasab a:hover {color:#e00b19;}
.lab_hasab div {color:#fff}
.lab_menu_hasab{
	overflow:hidden;
	padding:0 29px 0 10px;
	/*border-right:1px #b5b5b5 solid;*/
	/*width:350px;
	float:left;*/
	height:198px;
	/*margin-right:18px*/
}
.lab_menu_hasab ul{list-style:none;margin:0;padding:0;}
.lab_menu_hasab li{margin:0;padding:0;list-style:none;display:block}
.lab_menu_hasab a {color:#fff; text-decoration:none;}
.lab_menu_hasab li:first-letter {text-transform:capitalize}
.lab_menu_hasab a:hover {color:#e00b19;}
.lab_menu_hasab div {color:#fff}
.lab_menu_logo{overflow:hidden;padding:0 23px 0 70px;width:246px;float:right;height:198px;margin-left:34px}
.lab_menu_logo p:last-child{margin-top:38px;border-top:1px #aaa solid;text-align:center;padding-top:8px}
.lab_menu_logo a:first-child p{text-align:center;color:#eee;padding:32px 7px 0 0;border:none}
.lab_menu_logo a:first-child p span{font-size:22px;font-weight:bold;font-family:'ProNoR', sans-serif;color:#fafafa}
.lab_menu_logo p:last-child a{font-size:14px;color:#aaa}
.lab_menu_logo p:last-child a:hover{color:#fafafa}
.szovetek{max-width:685px;height:100%;overflow:hidden;float:left;margin-left:30px}
.kiv-szovet{width:100%;overflow:hidden;height:100%}
.kiv-szovet-kep{border:1px #d5d3c4 solid;width:322px;height:322px;float:left}
.kiv-szovet-kep img{border:3px #eee solid;max-width:100%}
.kiv-szovet-leiras{float:left;margin-left:12px}
.kiv-szovet-nev{margin-left:8px;font-size:24px;line-height:45px;width:300px;border-bottom:1px #eee solid}
.kiv-szovet-adatok{margin-left:8px;color:#999;line-height:21px;width:300px}
.kiv-szovet-adatok div{font-size:14px !important}
.kiv-szovet-adat-nev{float:left;width:130px;text-align:right;margin-right:12px;padding-top:15px}
.kiv-szovet-adat-ertek{float:left;width:150px;border-left:1px #eee solid;padding-left:8px;padding-top:15px}
.kiv-szovet-ar{margin-left:50px;color:#999;line-height:26px;font-size:18px;width:300px;padding-top:28px;}
#cookizz{position:fixed;bottom:0px;width:100%;z-index:999;background:#ddd;color:#555;padding:8px;font-size:18px}
#cookizz .cookieleft {color:#222;font-size:18px;float:left;line-height:44px}
#cookizz .cookieright {color:#222;font-size:18px;float:right;padding:12px;margin-right:50px}
#cookizz .cookieright a:hover {color:#fff}
#cookizz a {color:#000}
#cookizz a:hover {color:#096024}
.app-bar{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
width: 100%;
height: 60px;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
position: fixed;
top: 0;
left: 0;
z-index:222;
background:#fff
}
.app-bar.open {
-webkit-transform: translate(250px,0);
transform: translate(250px,0);
}
.app-bar .logo {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
/*font-size: 20px;*/
line-height: 60px;
margin: px 16px;
float: none;
max-width: none;
border-bottom:1px #f1f1f1 solid
}
.app-bar .logo a {
text-decoration: none;
color: inherit;
font-weight: normal;
}
.app-bar-actions {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
.app-bar button, .bottom-bar button {
width: 44px;
height: 44px;
background-image: none;
background-color: transparent;
border-style: solid;
border-radius: 100%;
border-color: rgb(254, 254, 254);
padding: 0;
margin: 8px;
-webkit-transition: border 300ms ease-in,background 300ms ease-in;
transition: border 300ms ease-in,background 300ms ease-in;
-webkit-tap-highlight-color: transparent;
}
.app-bar button img {
width: 28px;
height: 28px;
}
.app-bar button.menu {
position: relative;
}
.app-bar button.menu img {
position: absolute;
top: 7px;
left: 7px;
}
.app-bar button.menu .menu-icon {
opacity: 1.0;
}
.app-bar button.menu .close-icon {
opacity: 0.0;
}
.app-bar.open button.menu .menu-icon {
opacity: 0.0;
}
.app-bar.open button.menu .close-icon {
opacity: 1.0;
}
.app-bar button:hover, .bottom-bar button:hover {
border-color: transparent;
background-color: rgba(254, 254, 254, 0.4);
}
.app-bar button:focus, .bottom-bar button:focus {
border-color: transparent;
outline: 0;
background-color: rgba(254, 254, 254, 0.4);
}
.app-bar button:active, .bottom-bar button:active {
border-color: transparent;
background-color: rgba(254, 254, 254, 0.6);
}
.promote-layer {
margin:0;
/*
This may promote the layer to a composited
layer.
Replace with will-change when available
#perfmatters
*/
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.hiba {
	color: #ff0000;
	padding: 3px;
	margin: 3px;
}
.piros {
	color: #ff0000;
	margin: 0;
	line-height:24px;
}
.texthiba {
	background: #fafafa;
	border:#990000 1px solid;
	padding:3px 0;
}
.fhiba {color: #990000;}
.kell {color: #990000;}
.navdrawer-container {
position: fixed;
width: 250px;
height: 100%;
background-color: #999;
color: #fefefe;
-webkit-transform: translate(-250px,0);
transform: translate(-250px,0);
z-index: 2;
}
.navdrawer-container.open {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
.navdrawer-container ul {
list-style-type: none;
}
.navdrawer-bg {
position: fixed;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: black;
/** Unfortunately this is the best way
to get no paints in Chrome **/
opacity: 0.0000001;
z-index: 1;
pointer-events: none;
}
.navdrawer-bg.open {
opacity: 0.5;
}
.app-bar, .navdrawer-container {
-webkit-transition: -webkit-transform 0.3s ease-out;
transition: transform 0.3s ease-out;
}
.navdrawer-bg {
-webkit-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.navdrawer-container ul li a {
display: block;
height: 60px;
padding: 0 20px;
line-height: 60px;
text-decoration: none;
color: white;
font-size:26px
}
.navdrawer-container ul li a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
.navdrawer-container ul li a:focus {
background-color: rgba(255, 255, 255, 0.3);
outline: 0;
}
.navdrawer-container ul li a:active {
background-color: rgba(255, 255, 255, 0.4);
}
.navdrawer-container ul li ul{
/*position:fixed;
top:0;*/
width:200px;
overflow:hidden;
display:table-cell;
}
.navdrawer-container ul li ul li{
height:30px;
overflow:hidden;
}
.navdrawer-container ul li ul li a{
line-height:30px;
}
.navbar-nav > li>.dropdown-menu{display:none}
.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background:#777}
.dropdown .caret{
	margin:0 0 0 10px;
	border-top:12px solid #777;
	border-right:7px solid transparent;
	border-left:7px solid transparent;
}
.navbar-nav .open .dropdown-menu>li>a{padding-left:33px;font-size:18px}
#kismenu{
	text-align:right;
	padding-right:15px;
}
#kismenu a{
	color:#000;
	font-size:12px;
	font-weight:bold;
}
#rbanner{
	float:left;
	display:block;
	width:99%;
	overflow:hidden;
	padding:15px 5px 0 0;
	margin:10px;
}
#mainy{margin-top:9px !important}
@media all and (min-width: 1024px) {
.partnerek{zoom:1;margin-top:63px;/*height:58px*/}
.partnerek a img{margin:2px;max-width:22%;float:left}

.nano-content{margin-top:10px}	
.navdrawer-container{display:none}	
#cont{width:1140px;}	
#head {display:block;min-height:155px;overflow:hidden}
#mainfo{overflow:hidden;height:100%;width:100%}
.fejshift{display:block; height:190px}
#menuig{display:block;height:1px;border-bottom:1px #d3e2ea solid}
#keres {
	float:left;
	height:36px;
	overflow:hidden;
	margin:3px 0 0 20px;
	padding-left:2px;
	border:2px #efefef solid;
}
#keres .text {
	border:2px #efefef solid;
	/*background:url(keres_txt_bg.png);*/
	margin:1px 0;
	height:28px;
	padding:0 0 0 5px ;
}
#keres input {
	background:none;
}
#keres .button {
	/*background: url('keres.png') no-repeat top left;*/
	margin:0 0 2px 0;
	height:30px;
	line-height:16px;
	font-size:11px;
	border:0px;
	padding:0 3px;
	vertical-align:middle;
	color:#000;
	border-radius:0px;
}
#menusor{
	/*position:fixed;
	background:#cfeab5;*/
	float:left;
	overflow:hidden;
	height:45px
}
#menu0{text-align:center;overflow:hidden;}
.navdrawer-container{
	/*float:left;*/
	border:0;
	padding:0;
	height:45px;
	font-family: "ProNo-S", sans-serif;
	font-weight:bold;
}

.cikk_bal{width:640px;margin:10px;float:left;min-height:100%}
.cikk_jobb{width:280px;margin:10px;float:left;min-height:100%}
.app-bar {
display: none;
position: initial;
height: 60px;
padding: 0 16px;
margin-bottom: 16px;
box-sizing: border-box;
background-color: transparent;
-webkit-transform: translate(0,0);
transform: translate(0,0);
-webkit-transition: none;
transition: none;
}
.app-bar.open {
-webkit-transform: translate(0,0);
transform: translate(0,0);
}
.app-bar .logo {
float: left;
margin: 0;
font-size: 80px; 
line-height: 10px;
}
.app-bar-actions {
float: right;
margin: 35px 0;
}
.app-bar:after {
content: ' ';
display:block;
height: 0;
overflow: hidden;
clear: both;
}
.search {
display: block;
padding-left: 16px;
}
/*button.menu {
display: none;
}*/
a, p, div{
font-size:16px;
}
h1{font-size:20px}
h2{font-size:16px}
.bottom-bar {
/*display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;*/
display:block;
/*width: auto;
height: auto;*/
/*position: initial;*/
/*float: left;*/
/*margin-top: 16px;*/
background-color: rgba(0,0,0,0.9);
}
.lvl1, .lvl2, .lvl3, .lvl4, .lvl5, .lvl6, .lvl7, .lvl8, .clvl1, .clvl2, .clvl3, .clvl4, .clvl5, .clvl6, .clvl7, .clvl8,
.lvl1:hover, .lvl2:hover, .lvl3:hover, .lvl4:hover, .lvl5:hover, .lvl6:hover, .lvl7:hover, .lvl8:hover{text-transform:lowercase;text-decoration:none;padding:8px 15px;}
.lvl1 {font-size:22px;color:#a9a9a9}
.lvl2 {font-size:34px;color:#2e5572}
.lvl3 {font-size:30px;color:#91521f;font-weight:bold}
.lvl4 {font-size:38px;color:#92373c;font-weight:bold}
.lvl5 {font-size:26px;color:#407559;font-weight:bold}
.lvl6 {font-size:32px;color:#784d3c;font-weight:bold}
.lvl7 {font-size:38px;color:#4d4d73;font-weight:bold}
.lvl8 {font-size:26px;color:#737426;font-weight:bold}
.lvl8:hover, .clvl8 {font-size:26px;color:#959e2b}
.lvl7:hover, .clvl7 {font-size:38px;color:#656599}
.lvl6:hover, .clvl6 {font-size:32px;color:#9f6756}
.lvl5:hover, .clvl5 {font-size:26px;color:#5a9c78}
.lvl4:hover, .clvl4 {font-size:38px;color:#c8464e}
.lvl3:hover, .clvl3 {font-size:30px;color:#c56c1c}
.lvl2:hover, .clvl2 {font-size:34px;color:#3a7cb0}
.lvl1:hover, .clvl1 {font-size:22px;color:#626262}
#menu_block {float:right;margin:25px 50px 0 0;text-align:center}
#menu_block div{overflow:hidden;display:block;line-height:29px;margin:0;height:175px;width:375px;}
#menu_block div a{padding:6px}
.faq{margin-bottom:10px;border:1px #dadada solid;padding:5px;overflow:hidden}
.faq:hover{background:#dadada}
.scrollup {
    opacity:0.4;
	width:39px;
	height:40px;
    position:fixed;
    bottom:50px;
    left:20px;
    display:none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	float:left;
	color: #aaa;
	border: solid 1px #b7b7b7;
	background:#fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#fafafa));
	background: -moz-linear-gradient(top,  #000,  #fafafa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#fafafa'); 
	background:#fff url(fel.png) no-repeat top left;
}
.scrollup:hover{opacity: 1;}

.menua{background:#000; width:100%; clear:both; display:block}
#menu {padding:0; margin:0; list-style:none; height:40px; position:relative; z-index:500;}
#menu li {float:left; background: #000 url(menuhatar.jpg); background-position:right; background-repeat:no-repeat;}
#menu li a {display:block; float:left; line-height:40px; color:#ccc; text-decoration:none; font-size:12px; font-weight:bold; padding:0 46px 0 16px; width:180px}
#menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
#menu li a.nobord {border-right:0}
#menu li:hover {position:relative; z-index:200;}
#menu li:hover > a {color:#FFCC00;}
#menu li:hover > a.sub {color:#FFCC00;}
#menu li.current a {color:#fff; }
#menu li a.sub {background: url(down-arrow.gif) no-repeat right center; padding-right:33px}
#menu li.current a.sub {color:#fff; background: url(down-arrow.gif) no-repeat right center;}
#menu :hover ul {left:-15px; top:40px; width:auto; background:#444;}
#menu ul, #menu :hover ul ul {position:absolute; left:-9999px; top:-9999px; height:0; margin:0; padding:0; list-style:none;}
#menu :hover ul :hover ul {position:absolute; top:-1px; background:#222; white-space:nowrap; z-index:200; height:auto;}
#menu :hover ul li {margin:0; border-top:1px solid #fff; }
#menu :hover ul li a {padding:0; text-indent:10px; background:#000; color:#ccc; height:30px; line-height:30px; width:180px}
#menu :hover ul li a.fly {background:#333 url(right-arrow.gif) no-repeat right center;}
#menu :hover ul :hover {background-color:#FFCC00; color:#000;}
#menu :hover ul :hover a.fly {background-color:#777; color:fff;}
#menu :hover ul li.currentsub a {background:#555; color:#fff;}
#menu :hover ul li.currentsub a.fly {background:#555 url(right-arrow.gif) no-repeat right center; color:#fff;}
#menu :hover ul :hover ul li a {width:200px; padding:0; text-indent:10px; background:#3e3e3e; color:#ccc;}
#menu :hover ul :hover ul :hover {background-color:#555; color:#fff;}
#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {background:#555; color:#fff;}
#menu li.haziko {width:50px}
#menu li.haziko a {padding:5px 20px 0 10px; margin:0; overflow:hidden; height:40px}
#menu li.haziko img{padding-bottom:10px}
#main .tartalom{padding:10px;}
}
@media all and (min-width: 1140px) {
.mob_faceinsta{display:none}
.partnerek{zoom:1;margin-top:0px;/*height:58px*/}
.partnerek a img{margin:2px;max-width:100%;float:left}
}
@media all and (max-width: 934px) {
.mob_faceinsta{display:inline-block;float:right;margin:0 12px 0 10px}
.partnerek{zoom:1;margin-top:63px;/*height:84px*/}
.partnerek a img{margin:2px;width:48%;float:left}
#kismenu{font-size:1.9em;line-height:1.7em}
#kismenu a{font-size:1.0em}

.navdrawer-container {height:100%;}
.lab_hasab {height:100%}
.lab_menu_hasab{/*display:none*/}
.lab_menu_logo{width:42%;padding:0}
.lab_menu_logo a img{width:36%}
.lab_menu_logo p {width:36%}
#mainfo{margin-top:65px;}
.nano-content{margin-top:10px}
#main{width:99%;padding:0}
.belso_oldal{margin:0 10px}
}
@media all and (max-width: 768px) {
#kismenu{font-size:1.4em;line-height:2em}
#kismenu a{font-size:0.7em}
.partnerek{zoom:1;margin-top:63px;/*height:219px*/}
.partnerek a img{margin:2px;width:48%;float:left}
.breadcrumb>li{font-size:1.8em}
.navdrawer-container {height:100%;}
.lab_hasab {height:100%}
.lab_menu_hasab{/*display:none*/}
.lab_menu_logo{width:42%;padding:0}
.lab_menu_logo a img{width:36%}
.lab_menu_logo p {width:36%}
#mainfo{margin-top:65px;}
.nano-content{margin-top:10px}
#main{width:99%;padding:0}
.belso_oldal{margin:0 10px}
}
@media all and (max-width: 413px) {
.partnerek{zoom:1;margin-top:63px;/*height:84px*/}
.partnerek a img{margin:2px;width:48%;float:left}
.breadcrumb>li{font-size:1em}
.navdrawer-container {height:100%;}
.lab_hasab {height:100%}
.lab_menu_hasab{/*display:none*/}
#mainfo{margin-top:65px;}
.nano-content{margin-top:10px}
#main{width:99%;padding:0}
.belso_oldal{margin:0 10px}
.szovetek{margin-left:0px}
.galeria-gyujto h3{position:absolute;top:-12px;left:16px;width:92%;line-height:37px;background:#fff;opacity:0.65;z-index:500;text-align:center}
}
@media all and (max-width: 320px) {
#kismenu{font-size:1.2em;line-height:2em}
#kismenu a{font-size:0.7em}
.mob_faceinsta img{max-width:30px}
}
.cikk
{
	border:1px #ccc solid;
	margin: 13px 0;
	padding:5px;
	width:100%;
	overflow:hidden
}
.cikk img{ float:left; margin-right:5px; }
.cikk .cikkreszlet{ float:left; overflow:hidden; display:block; /*height:90px; width:540px;*/ margin-top:2px}
.cikk .cikkreszlet a{ font-weight:bold; display:block}
.cikk .cikkreszlet span{ font-weight:bold; font-size:10px; color:#000; display:block; margin:4px 0 2px 0}

#rbannery{margin-left:0px}
#rbannery img{/*margin:0 10px 10px 0;*/margin:10px auto;max-width:100%}