.fonttemp {
  font-family: 'Roboto', sans-serif;
  font-family: 'Source Sans Pro', sans-serif;
  font-family: 'Roboto Condensed', sans-serif;
}

* {
 font-family: 'Source Sans Pro', sans-serif;
 box-sizing: border-box;
}

body {
  margin:0px;
  padding:0px;
  overflow-y:auto;
}

.tamogatas {
    position:fixed;
    right:0px;
    top:50px;
}

.left {
  float:left;
}

.right {
  float:right;
}

.clr {
  clear:both;
}

.mmbutton{
    display:none;
}

.band {
}

.band .content {
  width:1125px;
  margin:0px auto;
}

.band-content .content {
  padding:50px 25px;
}

.band-content .text img {
  margin:20px;
}

.band-content .button {
  margin:0px auto;
  width:300px;
  display:block;
  margin-top:25px;
}

.title {
  font-size:26px;
  font-family:'Roboto Condensed';
  height:110px;
  color:black;
  font-weight:normal;
  margin:0px;
  padding:0px;
}

.title span{
  color:#246b3a;
}

.title-left {
  text-align:left;
  line-height:32px;
  background:url(/design/images/title-bg-left.png) left 8px no-repeat;
}

.title-center {
  text-align:center;
  line-height:32px;
  background:url(/design/images/title-bg-center.png) center top no-repeat;
}

.text {
  font-size:18px;
  color:black;
  font-family:'Source Sans Pro';
  font-weight:300;
}

.text p{
  margin:0px;
  padding:0px 0px 20px 0px;
}

.button {
  height:48px;
  line-height:48px;
  text-align:center;
  width:100%;
  font-family: 'Roboto Condensed';
  color:white;
  font-size: 23px;
  text-decoration:none;
  background:#2d8649;
  display:inline-block;
}

.button:hover {
  background-color:#1f6435;
  border:2px solid black;
  padding-top:-2px;
}

.band-menu {
  background:url(/design/images/menu-bg.png) center center;
  background-size:cover;
}

.band-menu .content{
  background-image:url(/design/images/menu-green.png);
  height:49px;
}

.band-menu a {
  color:white;
  display:inline-block;
  padding:0px 12px;
  text-decoration:none;
  font-family:'Roboto';
  font-size:19px;
  height:49px;
  line-height:49px;
  float:left;
}

.band-menu a:hover {
  background-color:#1f6435;
}

.band-menu .homelink {
  background:url(/design/images/logo-menu.png) center center no-repeat;
  width:202px;
  height:49px;
}

.band-home {
  height:638px;
  background:url(/design/images/home-bg.jpg) center center no-repeat;
}

.band-intro {
  height:670px;
  background:url(/design/images/intro-bg.jpg) center center no-repeat;
}

.band-intro .left {
  width:365px;
}

.band-intro .button {
  margin-top:22px;
  background:#2d8649 url(/design/images/arrow-right.png) right center no-repeat;
}

.band-intro .button:hover {
  background-color:#1f6435;
}

.band-intro .right {
  width:285px;
}

.band-intro .boxtitle {
  line-height:50px;
  height:50px;
  font-family: 'Roboto Condensed';
  font-size:18px;
  font-weight:bold;
}

.band-intro .box {
  padding-left:70px;
  padding-bottom:24px;
  fornt-weight:300;
  font-size:16px;
}

.band-intro .box-mentor {
  margin-top:100px;
  background:url(/design/images/intro-mentor.png) left 6px no-repeat;
}

.band-intro .box-kepzes {
  background:url(/design/images/intro-kepzes.png) left 2px no-repeat;
}

.band-intro .box-fejlesztes {
  background:url(/design/images/intro-fejlesztes.png) left 4px no-repeat;
}

.band-intro .box-hangulat {
  background:url(/design/images/intro-hangulat.png) left 0px no-repeat;
}

.band-hirek {
  background:#f4f4f4;
  padding-top:34px;
  padding-bottom:30px;
}

.band-hirek .left {
  width:50%;
}

.band-hirek .mhir .image {
  float:left;
  position:relative;
  width:362px;
  height:242px;
  background-size:cover;

}

.band-hirek .mhir .datum2 {
  display:none;
}

.band-hirek .mhir .mhir-title {
  overflow:hidden;
  font-family: 'Roboto Condensed';
  font-size:24px;
  height:72px;
  line-height:72px;  
}

.band-hirek .mhir .date {
  position:absolute;
  left:0px;
  top:0px;
}

.band-hirek .mhir .datum div {
  text-align:center;
  width:74px;
  height:40px;
  line-height:40px;
  font-size:24px;
  font-weight:bold;
  font-family: 'Roboto Condensed';
}

.band-hirek .mhir .nap {
  background:white;
  color:black;
}

.band-hirek .mhir .ho {
  background:#2d8649;
  color:white;
}

.band-hirek .mhir .textbox {
  float:left;
  padding-left:20px;
  width:200px;
}

.band-hirek .mhir .textbox .button {
  font-size:18px;
  width:170px;
  height:33px;
  line-height:33px;
  margin-top:20px;
}

.band-hirek .mhir .textbox .text{
  overflow:hidden;
  line-height:20px;
  height:180px;
}





















.shir {
  position:relative;
  padding-left:250px;
  background-repeat: no-repeat;
  background-position:35px top;
  background-size:194px auto;
  margin-bottom:20px;
}

.shir .shir-title {
  overflow:hidden;
  font-family: 'Roboto Condensed';
  font-size:20px;
  height:44px;
  line-height:22px; 
  width:260px; 
}

.shir .datum {
  position:absolute;
  left:35px;
  top:0px;
}

.shir .datum div {
  text-align:center;
  width:53px;
  height:27px;
  line-height:27px;
  font-size:16px;
  font-weight:bold;
  font-family: 'Roboto Condensed';
}

.shir .nap {
  background:white;
  color:black;
}

.shir .ho {
  background:#2d8649;
  color:white;
}

.shir .textbox {
  width:260px;
}

.shir .textbox .button {
  font-size:16px;
  width:145px;
  height:28px;
  line-height:28px;
  margin-top:10px;
}

.shir .textbox .text{
  overflow:hidden;
  line-height:18px;
  height:54px;
}
































.band-hirek .tovabb {
  padding:40px 0px 20px 0px;
}

.band-hirek .tovabb .button {
  display:block;
  margin:0px auto;
  width:310px;
}

.band-kepzesek {
    position:relative;
}

.band-kepzesek .bg{
    background: white url(/design/images/kepzesek-bg.jpg) left top no-repeat;
    width:50%;
    height:694px;
    position:absolute;
    left:0px; 
    top:0px;
}

.band-kepzesek .content{
  height:694px;
}

.band-kepzesek .right{
  padding-top:30px;
  width:530px;
}

.band-kepzesek .kepzesek{
  padding-top:20px;
}

.band-kepzesek .kepzes{
  background-repeat:no-repeat;
  background-position: left top;
  margin-bottom:36px;
  padding-left:168px;
  background-size:145px;
}

.band-kepzesek .button {
  width:265px;
}

.band-kepzesek .kepzes .ktitle{
  line-height:20px;
  height:40px;
  overflow:hidden;
  font-size:18px;
  font-family:'Source Sans Pro';
}

.band-kepzesek .kepzes .text{
  line-height:20px;
  height:40px;
  overflow:hidden;
  font-size:16px;
  font-family:'Source Sans Pro';
  font-weight:300;
}

.band-kepzesek .kepzes .button{
  width:121px;
  height:24px;
  line-height:24px;
  font-size:14px;
}

.band-kepzesek .date{
  float:right;
}

.band-footer {
  color:white;
  min-height:100px;
}

.band-copy {
  background:#431402;
}

.band-copy .content {
  color:white;
  font-size:12px;
  text-align:center;
  padding:2px;
}

.band-contact {
  border-top:1px solid #999;
  height:449px;
  background:url(/images/contact.jpg) center center no-repeat;
}

.band-contact .content {
  line-height:28px;
  padding-top:100px;
}

.band-project {
  background:#f4f4f4;
  padding-top:30px;
  padding-bottom:30px;
}

.band-project .projectbox{
  margin:20px;
  float:left;
  background:#2d8649;
}

.band-project .projectbox .text {
  padding:12px;
  line-height:27px;
  color:white;
  text-align:center;
  margin-top:-6px;
}

.band-project .arrow-left {
  width:127px;
  height:330px;
  //background:url(/design/images/arrow-left-green.png) center center no-repeat;
  float:left;
}

.band-project .arrow-right {
  width:127px;
  height:330px;
  //background:url(/design/images/arrow-right-green.png) center center no-repeat;
  float:right;
}

.band-galeria {
  padding-top:50px;
}

.band-galeria .content{
    text-align:center;
}

.band-galeria .button{
  width:265px;
  margin:20px auto;
  display:block;
}

.band-kapcsolat {
  height:814px;
  background:url(/design/images/kapcsolat-bg.jpg) center center no-repeat;
}

.band-kapcsolat .content{
  padding-top:55px;
  line-height:46px;
  font-size:19px;
}


.band-footer {
  background:#595a5a url(/design/images/footer-bg.jpg) center top no-repeat;
}

.band-footer .menu {
  padding-top:18px;
  text-align:center;
}

.band-footer .menu a {
  display:inline-block;
  color:white;
  text-decoration:none;
  padding:0px 8px;
  font-family:'Roboto';
  font-size:17px;
  line-height:44px;
}

.band-footer .menu a:hover {
  text-decoration:underline;
}

.band-footer .logo {
  background:url(/design/images/footerlogo.png) center center no-repeat;
  height:78px;
}

.band-footer .copy, .band-footer .copy a {
  font-size:14px;
  line-height:44px;
  color:white;
  text-decoration:none;
  text-align:center;
}

.band-footer .copy a {
  text-decoration:underline;
}