@font-face {
    font-family: 'latolight';
    src: url('../fonts/lato-light-webfont.eot');
    src: url('../fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-light-webfont.woff2') format('woff2'),
         url('../fonts/lato-light-webfont.woff') format('woff'),
         url('../fonts/lato-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'alluraregular';
    src: url('../fonts/allura-regular-webfont.eot');
    src: url('../fonts/allura-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/allura-regular-webfont.woff2') format('woff2'),
         url('../fonts/allura-regular-webfont.woff') format('woff'),
         url('../fonts/allura-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

h1 {
		text-align: center;
}

body {
  background-color: rgb(255, 255, 255);
  font-family: 'latolight', Arial, sans-serif;
  color: rgb(0, 0, 0);
}

.box {
	text-align: center;
	font: 15px "Helvetica Neue";
	background:#5F9BD1;
	color: #fff;
	padding: 15px 0;
}

.boxcuccok {
	text-align: center;
	font-size: 1.5em;
	background:#fff;
	color: #5F9BD1;
	padding: 0;
}

.boxvelcim {
	text-align: center;
	background:#fff;
	font-size: 2rem;
	color: #f7941d;
	padding: 15px 0;
}

.boxvelemenyek {
	text-align: justify;
	background:#fafafa;
	color: #454545;
	border: solid 1px;
	border-color: #ededed;
	padding: 15px;
}

.boxcim {
	background:#fff;
	font-size: 1.2rem;
	color: #5F9BD1;
	padding: 10px 0 0 25px;
}

.boxlab {
	background:#fff;
	padding: 20px;
	text-align: center;
}

.logo {
	margin: 20px auto 0 auto;
  text-align: center;
}

.logokep {
  width: 163px;
  height: auto;	
}

.zaszlo {
  width: 20px;
  height: auto;	
	float: right;
}

.logoszoveg {
  margin: 20px auto 0 auto;
	font-family: 'alluraregular';
  font-size: 3rem;
  text-align: center;
  color: #5F9BD1;
}

.nagykep {
  width: 100%;
  max-width: 1200px;
}

.nagykep .nagykep {
  display: block;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}

.ev2015 {
  display: block;
  position: relative;
  float: left;
  z-index: 2;
  width: 50%;
  height: auto;
  margin: 5px;
  overflow: hidden;
}

.rolunkszoveg {
  width: 90%;
  margin: 0 auto;
  padding: 10px;
  font-size: 1em;
  text-align: justify;
  color: rgb(0, 0, 0);
}

.felhivas {
	border:1px solid green; 
	color:#ffffff;
  padding: 5px; 
	border-radius: 20px; 
  text-align:center;
  webkit-box-shadow: -3px -3px 10px 5px #444444;
	moz-box-shadow: -3px -3px 10px 5px #444444;
	box-shadow: -3px -3px 10px 5px #444444;
}

.kepszolg {
  position: static;
  width: 50%;
  height: auto;
  overflow: hidden;
	opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.kepszolg:hover {
	opacity: 0.5;
}

.textszolg {
  position: static;
  margin: 0 auto;
}

.textszolg a:link {
	color: #5F9BD1;
	text-decoration: none;
}

.textszolg a:visited {
  color: #5F9BD1;
}

.textszolg a:hover {
  color: #74C043;
}

.textszolg a:active {
  color: #f7941d;
}

.textkivolt {
	color:#f7941d;
	font-weight: bold;
}

.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.webVideo {
	margin: 0 auto;
	border:2px solid #1e396d;
}

.textbuszneve {
	color:#f7941d;
	font-weight: bold;
	font-size: 1.5rem;
}

.kepalbum {
  position: static;
  width: 100%;
  height: auto;
  overflow: hidden;
	opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.kepalbum:hover {
	opacity: 0.5;
}