body, html { padding:0;margin:0;width:100%;background:rgba(35, 46, 57, 1);color:rgba(220, 220, 220, 1); }
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-o-box-sizing: border-box;}

.bal { float:left; }
.jobb { float:right; }
.clear { clear:both; }
.kozepre { display:table-cell;vertical-align:middle; }

.gomb {
	padding:0.5em 1em;
	margin:1em;
	font-size:120%;
	color:rgba(35, 46, 57, 1);
	cursor:pointer;
	display: inline-block;
  	vertical-align: middle;
  	-webkit-transform: perspective(1px) translateZ(0);
  	transform: perspective(1px) translateZ(0);
  	box-shadow: 0 0 1px transparent;
 	 position: relative;
  	background: #e1e1e1;
 	 -webkit-transition-property: color;
 	 transition-property: color;
 	 -webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
}

.gomb:before {
	content: "";
 	position: absolute;
  	z-index: -1;
  	top: 0;
 	left: 0;
  	right: 0;
 	bottom: 0;
  	background: #2098D1;
 	-webkit-transform: scale(0);
  	transform: scale(0);
  	-webkit-transition-property: transform;
  	transition-property: transform;
  	-webkit-transition-duration: 0.3s;
  	transition-duration: 0.3s;
  	-webkit-transition-timing-function: ease-out;
  	ransition-timing-function: ease-out;
}

.gomb:hover, .gomb:focus, .gomb:active {
  color: white;
}
.gomb:hover:before, .gomb:focus:before, .gomb:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

#header { width:100%;height:100%;overflow: hidden;background-size: cover;background-position: center;position:relative; }
#telheader {position:absolute;right:2em;top:5em;z-index:1103;background:rgba(0,0,0,0.5);font-style:italic;font-weight:bold;}
#telheader p {font-size:200%;text-align:center;padding:0.3em 0.5em;margin:0;}
.szemisk {font-size:140%;padding:0.5em;background:rgba(255,255,255,0.5);color:black;text-align:center;margin:0;padding:0.2em 0.5em;}
.ncste {font-size:110%;padding:0.5em;background:rgba(255,255,255,0.5);color:black;text-align:center;margin:0;padding:0;}
.mvideo { height:100%;width:100%; }
#ablak { width:100%;height:100%;position:absolute;top:0;left:0;z-index:1000; }
#keret {width:100%;height:100%;position:relative;}
#felso {width:100%;position:absolute;left:0;top:0;}
#also {width:100%;height:3em;position:absolute;left:0;bottom:0;}
#logo { text-align:center;padding:0.5em 1em 1em 1em;float:left;width:20%;height:8.5em; }
#logo h1 { margin:0;font-size:180%;line-height:180%;font-style:italic;text-shadow:1px 1px 1px lightblue;letter-spacing:3px; }
#logo h2 { margin:0;font-size:80%;font-style:italic;letter-spacing:2px;line-height:160%;  }
#fejmenu { float:left;width:80%;height:4em; }
#fejmenu a { float:right;font-size:120%;margin:1em;text-decoration:none;letter-spacing:2px; }
#fejdiv { float:left;width: 0;height: 0;border-style: solid;border-width: 4.5em 3em 0 0; }
#fejdiv {border-color: rgba(35, 46, 57, 0.9) transparent transparent transparent;}
#logo, #fejmenu { background:rgba(35, 46, 57, 0.9);color:rgba(220, 220, 220, 1); }
#fejmenu a { color:rgba(220, 220, 220, 1); }
#fejmenu a:hover { color:white;text-shadow:1px 1px 1px black;text-decoration:underline; }
#botmenu { position:absolute;left:0;bottom:0;width:80%;height:4em; }
#botmenu a { float:left;font-size:120%;margin:1em;text-decoration:none;letter-spacing:2px; }
#botszov { text-align:center;padding:0.5em 1em 1em 1em;position:absolute;right:0;bottom:0;width:20%;height:8.5em; }
#fejdiv2 { position:absolute;left:calc(80% - 3em);bottom:4em;width: 0;height: 0;border-style: solid;border-width: 0 0 4.5em 3em; }
#fejdiv2 { border-color: transparent transparent rgba(35, 46, 57, 0.9) transparent;}
#botszov, #botmenu { background:rgba(35, 46, 57, 0.9);color:rgba(220, 220, 220, 1); }
#botmenu a { color:rgba(220, 220, 220, 1); }
#botmenu a:hover { color:white;text-shadow:1px 1px 1px black;text-decoration:underline; }
#botszov h1 { margin:0;font-size:180%;line-height:180%;font-style:italic;text-shadow:1px 1px 1px lightblue;letter-spacing:3px; }

#test { width:100%;position:absolute;left:0;top:100%;background:rgba(35, 46, 57, 1);color:rgba(220, 220, 220, 1); }
.section { width:100%;height:650px;text-align:left;position:relative; }
.section2 { width:100%;text-align:left;position:relative;padding:1em;height:auto; }

#siker { background: rgba(251,251,251,1);z-index:1009; }
#sBorit { background:rgba(35, 46, 57, 1);color:rgba(220, 220, 220, 1);width:100%;height:100%;position:absolute;top:0;left:0;display:table;text-align:center;z-index:1010; }
#sBorit .cim { font-size:500%;margin:0.3em; }
#sBorit .ikon { font-size:1000%; }
#skeret { width:100%;height:100%; }
.skbal { height:100%;width:20%; }
.skjobb { padding:0.5em 1em 1em 3em;height:100%;width:80%;overflow:hidden;background:rgba(35, 46, 57, 1);text-align:center; }
.skjobb img { max-width:100%; }
.skjobb p { font-size:90%;letter-spacing:2px;line-height:160%; }
.skjobb h1 { font-size:120%;font-style:italic;font-weight:bold;letter-spacing:3px; }
.skelem { position:relative;letter-spacing:3px;width:100%;height:25%;font-size:130%;align-items:center;justify-content:space-around;display:flex;flex-direction:row;cursor:pointer; }
.dinaktiv { display:none;z-index:1009;position:absolute;top: calc( 50% - 15px );right:-20px;width:0;height:0;border-style: solid;border-width: 15px 0 15px 20px;border-color: transparent transparent transparent rgba(220, 220, 220, 1); }
.daktiv { display:none;z-index:1009;position:absolute;top: calc( 50% - 15px );right:-20px;width:0;height:0;border-style: solid;border-width: 15px 0 15px 20px;border-color: transparent transparent transparent #2098D1; }
.knyaktiv { background:#2098D1;color:white; }
.tabi { display:none;width:100%;height:100%; }
.tabi:first-child { display:block; }
.skelem span { color:#2098D1; }
.skelem .korbe { padding:1px 0 3px 3px;color:#2098D1;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:3px solid #2098D1;width:2em;height:2em;align-items:center;justify-content:space-around;display:flex;flex-direction:row; }

#kapcsolat { background: url("img/bbgymbg.jpg") no-repeat top center;background-size:cover;background-attachment:fixed;position:relative; }
.kapcskeret { background:rgba(35, 46, 57, 0.5);width:100%;height:100%;position:absolute;top:0;left:0;padding:2em;text-align:center; }
.hol { font-size:200%;color:white;text-shadow:1px 1px 1px black;font-style:italic;letter-spacing:3px; }
.hol a { color:lightblue; }
.bbgymlogo { float:left;margin-right:3em; }
#telszam { font-size:400%;margin:1.5em;background:#2098D1;padding:0.5em;border-radius:5%;-moz-border-radius:5%;-webkit-border-radius:5%;border:2px solid white; }
#telszam h1 {display:none;}

#testformalas { background: url("img/dome.jpg") no-repeat top center;background-size:cover;background-attachment:fixed;position:relative;text-align:center; }
.tfokeret { width:90%;height:100%;align-items:center;justify-content:space-around;display:flex;flex-direction:row;margin:0 5%; }
.tfokeret div { text-shadow:1px 1px 1px black;background:rgba(32, 152, 209, 0.7);color:white;font-size:120%;padding:0.5em;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;letter-spacing:4px;line-height:160%; }
.tfokeret b { font-size:150%; }

#verseny { background: url("img/versenybg.jpg") no-repeat top center;background-size:cover;background-attachment:fixed;position:relative; }
.vediv { background:white;color:black;padding:1em;float:left;width:30%;height:100%; }
.vediv img { width:100%; }
.vediv p { font-size:100%;font-style:italic;line-height:140%; }
.vediv h1 { font-size:100%;line-height:120%; }
.vcim { width:100%;padding:0.5em;text-align:center;font-size:120%;background:#2098D1;color:white; }
.vdome { float:right;width: 60%;margin:5%;font-size:140%;line-height:180%;color:white;text-shadow:1px 1px 1px black;font-style:italic;text-align:center;letter-spacing:3px;background:rgba(32, 152, 209, 0.7);padding:0.5em;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; }

#edzesterv, #etrend { width:50%;height:100%;float:left;text-align:center;padding:4em 2em; }
.erkeret { width:100%;height:100%;position:relative; }
.kercim { width:100%;padding:0.5em;font-size:120%;background:#408080;color:white;text-align:center;letter-spacing:3px; }
#edzesterv .erkeret { background: url("img/edzesterv.jpg") no-repeat top center;background-size:cover; }
#etrend .erkeret { background: url("img/etrend.jpg") no-repeat top center white;background-size:cover; }
.etszoveg { width:90%;position:absolute;top:4em;left:5%;background:rgba(32, 152, 209, 0.7);color:white;font-size:120%;padding:0.5em;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;letter-spacing:2px;line-height:160%; }

#tortenetem { background: url("img/bgd.jpg") no-repeat top center;background-size:cover;background-attachment:fixed;position:relative; }
.sordiv { width:100%; }
.baldiv, .jobbdiv { float:left;width: 50%;height:100%;padding:1em;margin:0;text-align:center;}
.torbels { background:white;color:rgba(35, 46, 57, 1);width:100%;background:white;padding:0.5em;position:relative;letter-spacing:2px;font-style:italic; }
.trobcim { widht:100%;padding:0.5em;font-size:150%;text-align:center;background:#408080;color:white; }
.tornyilbal { position:absolute;top: calc( 50% - 15px );right:-20px;width:0;height:0;border-style: solid;border-width: 15px 0 15px 20px;border-color: transparent transparent transparent white; }
.tornyiljobb { position:absolute;top: calc( 50% - 15px );left:-20px;width:0;height:0;border-style: solid;border-width: 15px 20px 15px 0;border-color: transparent white transparent transparent; }
.tkepdiv img, .tkepdiv img { max-width:100%;max-height:100%; }
.tkepdiv { width:600px;max-height:600px;background:rgba(255, 255, 255, 0.5);padding:1em;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;overflow:hidden; }

.csallo { display:none; }

#kozosseg { text-align:center;font-size:180%;font-style:italic;letter-spacing:3px;background: url("img/bgf2.jpg") no-repeat left center;background-size:cover;background-attachment:fixed;position:relative; }
#kozosseg label { background:rgba(35, 46, 57, 0.5);width:100%;height:100%;position:absolute;top:0;left:0; }

.fb-like { background:rgba(255, 255, 255, 0.5);padding:1em;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px; }

/* Álló */
@media only screen and (min-width : 1px) and (max-width : 767px) and (orientation:portrait) {
	#ablak, #felso, #also, #test, #header { position:relative; }
	#test { height:100%; }
	#logo { padding:0.5em 1em 1em 1em;float:none;width:100%;height:auto; }
	#logo h1 { font-size:120%;line-height:180%;letter-spacing:2px; }
	#logo h2 { font-size:80%;font-style:italic;letter-spacing:2px;line-height:140%;  }
	#fejmenu { float:none;width:100%;height:auto;text-align:center;padding: 1em 0;background:white; }
	#fejmenu a { line-height:250%;float:none;font-size:90%;margin:1em;text-decoration:none;letter-spacing:2px;color:rgba(35, 46, 57, 1); }
	#fejdiv { display:none; }
	#telheader {top:auto;bottom:1em;width:100%;left:0;right:0;}
	
	#botmenu { position:relative;width:100%;height:auto;padding:1em 0; }
	#botmenu a { font-size:100%;margin: 0.5em 0;lpadding:0.5em;width:100%;text-align:center; }
	#botszov {position:relative;width:100%;height:auto;padding:0.5em; }
	#fejdiv2 { display:none; }
	#botszov h1 { margin:0;font-size:120%;line-height:140%; }
	
	#sBorit .cim { font-size:200%;margin:0.3em; }
	#sBorit .ikon { font-size:800%; }
	.skjobb { overflow-y:scroll;padding:0.5em 1em 1em 1em; }
	
	.hol { font-size:100%; }
	.bbgymlogo { float:none;margin-right:0;margin:1em 0; }
	#telszam { font-size:140%;margin:2em 0;padding:0.5em; }
	
	#edzesterv, #etrend { width:100%;height:50%;float:none;padding:0; }
	.kercim { font-size:100%; }
	.etszoveg { font-size:90%;padding:0.5em;line-height:110%;top:auto;bottom:1em; }

	.tfokeret div { font-size:100%;padding:0.5em;line-height:140%; }
	.tfokeret b { font-size:140%; }
	
	.vediv { float:none;width:100%;height:auto; }
	.vediv p { font-size:80%;line-height:120%; }
	.vcim { font-size:100%; }
	.vdome { float:none;width: 90%;margin:1em auto;font-size:90%;line-height:110%; }
	
	.section2 { padding:0; }
	.baldiv, .jobbdiv { float:none;width: 100%;height:auto;padding:0;margin:1em 0;}
	.trobcim { font-size:150%; }
	.tornyilbal, .tornyiljobb { display:none; }
	.tkepdiv { width:100%;max-height:auto;padding:1em;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;overflow:hidden; }
	.csallo { display:block; }
	.nallo { display:none; }

}


/* Tablet - Álló */
@media only screen and (min-width : 468px) and (max-width : 767px) and (orientation:portrait) {
	#fejmenu a { font-size:100%; }
	#logo h1 { font-size:160%;line-height:200%;letter-spacing:3px; }
	#logo h2 { font-size:110%;line-height:160%;  }
	#fejmenu { float:none;width:100%;height:auto;text-align:center;padding: 1em 0;background:white;margin:1em 0; }
	#fejmenu a { float:none;font-size:90%;padding:1em 0;margin:1em;text-decoration:none;letter-spacing:2px;color:rgba(35, 46, 57, 1); }
	#botmenu a { font-size:100%;margin: 1em 0;lpadding:0.5em;width:100%;text-align:center; }
}

/* Tablet - Fekvõ  */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation:landscape) {
	#logo { width:20%;height:6em; }
	#logo h1 { font-size:100%;line-height:160%; }
	#logo h2 { font-size:70%;line-height:120%;  }
	#fejmenu { float:right;width:80%;height:3em;background:rgba(35, 46, 57, 0.9);color:rgba(220, 220, 220, 1); }
	#fejmenu a { float:right;font-size:90%;margin: 1em 1em; }
	#fejdiv { border-style: solid;border-width: 3em 2em 0 0; }
	
	#botmenu { height:3em; }
	#botmenu a { font-size:100%;margin:1em 0.5em; }
	#botszov { padding:0.5em;width:20%;height:6em; }
	#fejdiv2 { left:calc(80% - 2em);bottom:3em;border-style: solid;border-width: 0 0 3em 2em; }
	#botszov h1 { margin:0;font-size:110%;line-height:120%;padding-top:0.5em; }
	
	#sBorit .cim { font-size:200%;margin:0.3em; }
	#sBorit .ikon { font-size:1000%;float:left;margin-left:0.5em;margin-right:-0.5em; }
	.skjobb { overflow-y:scroll;padding:0.5em 1em 1em 1em; }
	
}

/* Mobil-Fekvõ  */
@media only screen and (min-width : 468px) and (max-width : 767px) and (orientation:landscape) {
	#logo { width:20%;height:4em; }
	#logo h1 { font-size:100%;line-height:120%; }
	#logo h2 { display:none;  }
	#fejmenu { float:right;width:80%;height:2em;background:rgba(35, 46, 57, 0.9);color:rgba(220, 220, 220, 1); }
	#fejmenu a { float:right;font-size:80%;margin: 0.5em 1em; }
	#fejdiv { border-style: solid;border-width: 2em 2em 0 0; }
	
	#botmenu { height:2em; }
	#botmenu a { font-size:60%;margin:1em 0.5em; }
	#botszov { padding:0.5em;width:20%;height:4em; }
	#fejdiv2 { left:calc(80% - 2em);bottom:2em;border-style: solid;border-width: 0 0 2em 2em; }
	#botszov h1 { margin:0;font-size:60%;line-height:120%; }
	
	#sBorit .cim { font-size:200%;margin:0.3em; }
	#sBorit .ikon { font-size:1000%;float:left; }
	.skjobb { overflow-y:scroll;padding:0.5em 1em 1em 1em; }
}

/* Mobil - Álló  */
@media only screen and (min-width : 1px) and (max-width : 467px) {
	
}