body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: 'Roboto', sans-serif;
/*	font-family: 'Montserrat', sans-serif;*/
/*	background-color: #e2e2e2;*/
	background-color:#f5f5f5;
}

.logo {
	text-align:center;
	background-image:url(images/menback.png);
	background-repeat:repeat;
	padding:0px;
	margin:0px;
	height:120px;
	cursor:pointer;	
}

.lablec {
	width:100%;
	height:auto;
	background-color: #d6d6d6;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}

.fkozep {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	height:auto;
/*	display:inline-block;*/
	margin-top:20px;
/*	background-image:url(images/fback.png);
	background-repeat:repeat;*/
	text-align:left;
	border-radius: 15px;	
}

.fkozep a{
	color:#5cc9ee;
	text-decoration:none;
}
.fkozep a:hover{
	color:#7dd6f4;
	text-decoration:underline;
}

.flogo {
	display:none;
}

.fcontact {
	width:100%;
	margin-top:15px;
	color:#555555;
	border-bottom: 1px solid #1c687b;
/*	line-height:26px;*/
}

.fcontact h2{
	font-size:18px;	
}

.fsup {
	margin-top:15px;
	width:100%;
/*	margin-left:20px;*/
	color:#555555;
/*	line-height:26px;*/
}

.fsup h2{
	font-size:18px;	
}

.kozep {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

.tartalom {
	width:90%;
	margin-left:5%;
	margin-right:5%;
	height:auto;
	margin-bottom:30px;
	color:#333333;
	font-size:18px;
	line-height:26px;
	text-align:justify;
}

.tartalom h1 {
	font-size:26px;
	color:#0d87ba;
	margin-top:50px;
	margin-bottom:40px;
	line-height:40px;
	text-align:left;
}

.tartalom h2 {
	font-size:18px;
	margin-top:40px;
	text-align:left;
	color:#ce4132;		
}

.tartalom h3 {
	font-size:24px;
	margin-top:40px;
	color:#ce4132;	
}

.tartalom a{
	color:#0d87ba;
}

.tartalom a:hover{
	color:#38c2ed;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;		
}

.oldalsav {
	width:100%;
	height:auto;
}

.oldalsav h2 {
	font-size:20px;
	color:#0d87ba;
	font-weight:normal;
	text-align:center;	
}

.social {
	width:100%;
	text-align:center;
	height:auto;	
}

.socbut {
	display:inline-block;
}

.hir {
	width:100%;
	height:auto;
	background-color:#0d87ba;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  margin-bottom:20px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);  		
}

.hir:hover {
	background-color:#1a99ca;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;	  		
}

.hir img {
/*	float:left;*/
	width:100%;
	height:auto;
}

.hirtext {
	width:96%;
	padding:2%;
	height:auto;	
/*	display: table;*/
	color:#ffffff;
	font-weight:bold;
	text-align:left !important;
}

.hirspan {
  display: table-cell;
  vertical-align: middle;
}

.ytembed {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.ytembed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.teljesszel {
	max-width:100%;
	height:auto;
}

.kepjobb {
	width:100%;
	max-width:100%;
	margin-bottom:5px;
}

.kepbal {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}

.keretes {
	height:auto;
	padding:15px;
	background-color:#1a99ca;
	color:#ffffff;
	border-radius:10px;
	font-size:14px;
}

.gomb {
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
	padding-right:20px;
	background-color:#0d87ba;
	color:#ffffff !important;
	text-decoration:none;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5); 	
display:inline-block;
margin-bottom:10px;
}

.gomb:hover {
	background-color:#2daae1;	
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;		
}

.dolt {
	font-style: italic;	
}

.idezet {
	font-style:italic;
	font-size:22px;
	font-weight:lighter;
	margin-left:20px;
	margin-right:20px;
	text-align:center;
	background-color:#e8e8e8;
	border-radius:10px;
	display:inline-block;
	padding:8px;
	line-height:30px;
}

.tanarok {
	text-align:center;
}

.tanar {
	display:inline-block;
	margin:1px;
	padding:2px;
	text-align:center;
	font-size:14px;
	background-color:#CCCCCC
}

/* Mobile menu styles */

.hamburger{
  background:none;
  position:absolute;
  top:0;
  right:0;
  line-height:85px;
/*  padding:5px 15px 0px 15px;*/
  color:#666666 !important;
  border:0;
  font-size:30px;
  padding-right:20px;
/*  font-weight:bold;*/
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.cross{
  background:none;
  position:absolute;
  top:0px;
  right:0;
  padding:10px 20px 0px 15px;
  color:#0d87ba;
  border:0;
  font-size:70px;
  line-height:70px;
  font-weight:bold;
  cursor:pointer;
  outline:none;
  z-index:10000000000000;
}
.mobmenu{z-index:1000000; /* font-weight:bold; */ font-size:0.8em; width:100%; background-image:url(images/menback.png);
	background-repeat:repeat;  position:absolute; text-align:center; font-size:12px;}
.mobmenu ul {margin: 0; padding: 0; list-style-type: none; list-style-image: none; color: #ff7a01; cursor:pointer;}
.mobmenu li {display: block;   padding:8px 0px 8px 0px; border-bottom:#7fd4f4 1px solid; font-size:16px;}
.mobmenu li:hover{display: block;    background:#ffffff;/* padding:15px 0 15px 0;*/ border-bottom:#dddddd 1px solid;}
.mobmenu ul li a { text-decoration:none;  margin: 0px; color:#9e6c18;}
.mobmenu ul li a:hover {  color: #0d87ba; text-decoration:none;}
.mobmenu a{text-decoration:none; color:#ffffff;}
.mobmenu a:hover{text-decoration:none; color:#0d87ba;}

.mobhead {
	font-weight:bold !important;
	color:#f16457;
	background-color:#ffffff !important;
}

.menudiv {
	display:none !important;
}

.mobsitehead {
	width:100%;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

.mobsitehead img{
	width:100%;
	max-width:250px;	
	height:auto;
}

.tamogatok {
	text-align:center;
}

.tamogatok img{
	margin-bottom:5px;
	max-width:45%;
	margin-right:1%;
}

.tkep {
	max-width:100%;
	height:auto;
	-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.54);
	-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.54);
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.54);	
}