@import url(https://fonts.googleapis.com/css?family=Raleway:400,700,300&subset=latin,latin-ext);
/**, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}*/

body {
    font-family: 'Raleway', Arial, sans-serif;
    color: #000;    
    position: relative;
    left:0;    
}

body.modimages {background-color:#ececf0;}
body.modnews {background-color:#fff;}

a {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #000;
}

.p10 {padding:10px;}


img.left {float:left;margin:10px;clear:right;}

.txtcenter {text-align:center;}

.bline {border-bottom: 1px dotted #c2c2c2;padding-bottom:10px;}

.pushleft {
    transition: all 0.3s ease 0s;    
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

body.open {
    left:-425px;
    overflow: hidden;
}




#pushmenu {
  transition: all 0.3s ease 0s;
  right:-425px;
  height: 100%;
  top: 0;
  width: 425px;
  z-index: 1000;
  background: #00adc6 none repeat scroll 0 0;
  position: fixed;
  overflow-y: auto;  
}

.open #pushmenu{
    right: 0px;
}

.wrapper {width:976px;margin:0 auto;position: relative;}

#overlay {display:none;opacity:0;background-color:rgba(0,0,0,0.6);position: absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index: 100;transition: all 0.3s ease 0s;}

.open #overlay {display:block;opacity: 1;}

header {
    transition: left 0.3s ease 0s;
    display:block;
    height:100px;
    background-color:#fff;
    position: fixed;
    width:100%;    
    top:0;
    left:0;
    z-index: 200;
}

.open header {left:-425px;}

header .wrapper {background-color:#fff;height:100px;}
header h1 { font-weight:700;font-size:34px; display:inline-block; position: relative; margin:29px 0; }
header .phone {display:inline-block;position: absolute;right:90px;height:100px;border-left:1px solid #c2c2c2;}
header .phone i {display:inline-block;background: url('/images/aba/hu/v3/icon-phone.png') no-repeat 0 0px;width:52px;height:49px;position: relative;top:15px;left:15px;}
header .phone span {line-height: 100px;font-size:22px;padding:0 40px;}
header .rblock {width:88px;height:100px;background-color:#fff;float:right;border-left:1px solid #c2c2c2;} 


header #ham {position: absolute;right:20px;top:26px;width:45px;height:44px;border:none;cursor:pointer}
header #ham .bar {
  background-color: #000;
  border-radius: 0;
  box-shadow: 0 1px 0 rgba(42, 35, 29, 0.3);
  display: block;
  height: 3px;
  width: 44px;
  margin-top: 6px;
}

header #ham .txt {
  color: #000;
  display: block;  
  font-size: 14px;
  font-weight: normal;
  line-height: 15px;
  margin-top: 4px;
  text-shadow: 0 1px 0 rgba(42, 35, 29, 0.3);
  text-transform: uppercase;
}

header .wbg {height:100px;background-color:#fff;position: absolute;width:500px;left:0;top:0;}

.open header  {background-color:#00adc6;}
.open header .rblock {background-color:#00adc6;}
.open header #ham {background: url('/images/aba/hu/v3/menu-close.png') no-repeat center center transparent;}
.open header #ham .bar {display:none;}
.open header #ham .txt {display:none;}


#frmsearch {position: relative;width:80%;margin:27px auto 31px auto; }
.search-txt {float:left;width:80%;border:none;height:41px;padding:0 5px;color:#000;}
.search-btn {float:right;background: url('/images/aba/hu/v3/search-btn.png') no-repeat 0 0 transparent;width:45px;height:41px;border:none;text-indent:-10000px;}


.jsmenu {list-style-type: none;}
.jsmenu h3 {font-weight:700;text-transform: uppercase;cursor:pointer;border-bottom:1px solid #000;padding-bottom:22px}
.jsmenu .glyphicon {font-size:18px;padding-right:30px;}
.jsmenu li a {color:white;font-weight:700;font-size:18px;text-transform:uppercase;text-decoration:none;margin:8px 0;display:block}
.jsmenu h3.expanded {color:white;}
.jsmenu ul {padding-left:47px;}


.news-column {}

.news-column h2 {margin:0 0 20px 0;font-weight: 600;font-size:23px}
.news-column .news-link {background-color:#ececf0;display:block;}
.news-column .detail {border:3px solid #00adc6;display:inline-block;transition: background 0.5s ease 0s, color 0.5s ease 0s;padding:10px 20px;color:#00adc6;font-weight:600;margin-top:20px;margin-left:30px;margin-bottom:30px;}
.news-column .news-cont {padding:30px 30px}
.news-column:hover .detail {background-color: #00adc6;color:white;}

.news-column .news-cont p {text-align:justify}

.news-cont {line-height:1.5em;min-height:200px;overflow:hidden;}
#mainnews .news-cont {max-height: 290px;}

.thumbdiv, .thumbdiv2 {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  max-height:305px;
}

.thumbdiv img {max-width: none;transform: scale(1);transition: all 0.3s ease 0s;width: 100%;  min-height: 305px;}
.thumbdiv2 img {max-width: 100%;transform: scale(1);transition: all 0.3s ease 0s;width: auto;padding:20px; }
.thumbdiv:hover img {transform:scale(1.2);}
.nohover:hover img {transform:scale(1) !important;}


.more-news {background-color: #00adc6;color:white;display:inline-block;font-size:20px;font-weight:600;text-align:center;width:30.3333%;padding:20px 15px;margin:40px 0 50px 0;}
.more-felhivas {background-color: white;color:#00adc6;display:inline-block;font-size:20px;font-weight:600;text-align:center;width:30.3333%;padding:20px 15px;margin:40px 0 50px 0;}
.white {color:white;}

.hor {background-color: #ececf0;display:block;margin-bottom:30px;}
.hor .pic  {padding:0 !important}



.hor .news-cont {
  min-height: 190px;
  margin-left: 30px;
  margin-top: 20px;
  padding: 22px 0;  
}

.hor h2 {
  font-size: 23px;
  font-weight: 600;
  margin: 0 0 20px;
}

.hor .detail {
  border: 3px solid #00adc6;
  color: #00adc6;
  display: inline-block;
  font-weight: 600;
  margin-bottom: 30px;
  margin-left: 30px;
  margin-top: 20px;
  padding: 10px 20px;
  transition: background 0.5s ease 0s, color 0.5s ease 0s;
}


.hor:hover .detail {background-color: #00adc6;color:white;}

#pager a {      
  background-color: #00adc6;
  color: white;        
  display: inline-block;
  font-weight: 600;
  margin-bottom: 30px;  
  margin-top: 20px;
  padding: 10px 20px;
  transition: background 0.5s ease 0s, color 0.5s ease 0s;
}
#pager span {
  background-color:#007687;
  color: #fff;        
  display: inline-block;
  font-weight: 600;
  margin-bottom: 30px;  
  margin-top: 20px;
  padding: 10px 20px;
  transition: background 0.5s ease 0s, color 0.5s ease 0s;
}

#pager a:hover {background-color: #00adc6;color:white;}


#pager .left {width:50%;float:left}
#pager .right {width:50%;float:right;text-align: right;}

.mb30 {margin-bottom:30px;}

.thumbs a {
    display: inline-block;
    height: 105px;
    margin: 5px;
    overflow: hidden;
    width: 155px;
    border: 3px solid #00adc6;
}

.thumbs a img {transition: all 0.3s ease 0s;}

.thumbs a:hover img { transform:scale(1.2); }

.txt {font-family: "Raleway",Arial,sans-serif !important;}
.txt p, .txt p span {font-family: "Raleway",Arial,sans-serif !important;line-height: 1.5em !important;font-size:100% !important;}

.content h1 {font-weight:600;text-align: center;margin-bottom:30px;}
.ndate {text-align:center;font-weight:300;font-size:120%;margin:20px 0;}


#mainnews {
  background-image: url("/viz_20.png");
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: auto auto;
  height: auto;
  min-height: 618px;
  width: 100%;
  margin-top:60px;
  position: relative;
}

#mainnews .row {
  position: relative;
  z-index:100;    
}

#flower {
    background: url("/virag_20.png");
    width:300px;
    height:445px;
    position: absolute;
    right:0px;
    top:-254px;
    z-index:10;
    
}




#palyazat {width:100%;height:auto;min-height:618px;background: url('/images/aba/hu/v3/palyazat-bg.jpg') no-repeat 0 0 transparent;background-size: cover;}
#palyazat .inner {width:100%;height:100%;min-height:618px;background-color:rgba(0,173,198,0.85);}
#palyazat h2 {font-size:40px;font-weight:300;text-align:center;padding-top:50px;color:#fff;padding-bottom:30px;margin-top:0 !important}

#palyazat .news-column h2 {font-size:20px;font-weight:600;padding-top:0px;line-height:28px;}

#palyazat h3 {
   font-size: 24px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 40px;
   margin-top:0px;
}   
#palyazat .row {font-size:18px}
#palyazat .white {font-size:20px;} 
#palyazat .col1 {border-right:1px solid #74c5d0;padding-right:30px;}
#palyazat .col2 {padding-left:31px;}
/*#palyazat .news-link {	background-color: #fff6 !important;}*/
#palyazat .news-link {	background-color: rgba(255, 255, 255, 0.6) !important;}

#palyazat .news-cont {height:180px;margin-bottom:20px;}


.more-palyazat {background-color:transparent;border: 3px solid #fff;color:white;display:inline-block;font-size:20px;font-weight:600;text-align:center;width:30.3333%;padding:20px 15px;margin:40px 0 50px 0;}

#gallery {width:100%;background-color:#ececf0;}

#gallery h2 {font-size:40px;font-weight:300;text-align:center;padding-top:50px;color:#000;padding-bottom:30px;margin:0;}
.gallery-link {background-color:#fff;display:block;}
.gallery-link .date {display:inline-block;background-color: #00adc6;color:#fff;padding:5px 10px;}
.gallery-link h3 {font-size:18px;font-weight:600;padding:20px;color:#000;margin:0;height:95px;overflow:hidden;}
.gallery-link .thumbdiv {
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  max-height:220px;
}

.gallery-link .thumbdiv img {max-width: none;transform: scale(1);transition: all 0.3s ease 0s;width: 100%; min-height: 220px;}
.gallery-link .thumbdiv:hover img {transform:scale(1.2);}

.more-gallery {background-color: #00adc6;color:white;display:inline-block;font-size:20px;font-weight:600;text-align:center;width:30.3333%;padding:20px 15px;margin:40px 0 50px 0;}

.modimages .gallery-column {margin-bottom:30px;}

.subpage {margin-bottom:30px;}



.modimages .gallery {}
.modimages .gallery .row {text-align:center;}

.modimages .gallery a {display:inline-block;margin:15px;position: relative;}
.modimages .gallery .thumb {
  background-size: cover;
  height: 110px;
  width: 155px;
  overflow: hidden;
  position: relative;
}

.modimages .gallery .title {  
  transition: height 0.3s ease-in-out;
  background: none repeat scroll 0 0 rgba(35, 35, 35, 0.7);
  bottom: 0;
  color: white;  
  padding: 5px 10px;
  position: absolute;
  width: 155px;    
  height:25px;
  bottom:0px;
  font-size:80%;
  line-height:1.3em;
}

.modimages .gallery a:hover .title {
	height:70%;
}
 

footer {
    background-color:#1f1f26;
    color:white;
    height:350px;    
}

footer .wrapper {
    text-align: center;
    padding-top:90px;
    height:350px;
}

.footer-menu {}
.footer-menu a {font-size:18px;color:white;font-weight:600}
.footer-menu span {font-family:Arial;color:#fff;padding:0 20px;font-size:18px;}
.social {
    margin-top:60px;
    text-align:center;
} 

.social a {display:inline-block;text-indent: -100000px;margin:0 17px;}
.social .fb {background: url('/images/aba/hu/v3/ico-fb.png') no-repeat 0 0 transparent;width:25px;height:25px;}
.social .tw {background: url('/images/aba/hu/v3/ico-tw.png') no-repeat 0 0 transparent;width:25px;height:25px;}
.social .yt {background: url('/images/aba/hu/v3/ico-yt.png') no-repeat 0 0 transparent;width:25px;height:25px;}
.social .gp {background: url('/images/aba/hu/v3/ico-gp.png') no-repeat 0 0 transparent;width:34px;height:25px;}


.carousel-caption {top:15%;}
.carousel-caption h1 {font-weight:700;font-size:56px;text-transform: uppercase;}

.carousel-caption .btn-primary {background-color: #00adc6;font-weight:600;border-radius: 2px;border-color:#00adc6;padding:15px 40px;}

/*
#pages-stack {
    perspective: 1200px;
    perspective-origin: 50% -50%;
    pointer-events: none;
    z-index: 100;
}

#page {
    transform: translate3d(0px, 75%, -200px);
     height: 100vh;
     overflow: hidden;
     pointer-events: auto;
  position: relative;
  width: 100%;
  z-index: 5;
}*/

/*Carousel*/

.carousel {
    margin-top:100px;
    height: 500px;
    margin-bottom: 0px;
    z-index:10;
}
.carousel-caption {
    z-index: 10;
}
.carousel .item {
    background-color: #777;
    height: 500px;
}
.carousel-inner > .item > img {
    height: auto !important;
    min-height: 600px;
    left: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
    
}
.marketing .col-lg-4 {
    margin-bottom: 20px;
    text-align: center;
}
.marketing h2 {
    font-weight: normal;
}
.marketing .col-lg-4 p {
    margin-left: 10px;
    margin-right: 10px;
}
.featurette-divider {
    margin: 80px 0;
}
.featurette-heading {
    font-weight: 300;
    letter-spacing: -1px;
    line-height: 1;
}




.panel-group {}

.panel-default > .panel-heading {
  background-color: #f5f5f5;
  border-color: #ddd;
  color: #333;
  border-radius:0px !important;
  padding:15px 10px;
}

.panel-group .panel {border-radius:0px;}

.panel-group .panel + .panel {
  margin-top: 10px;
}

.panel-body ul li {list-style-type: circle;margin-bottom:5px;}
.panel-body ul li a:hover {text-decoration: underline;}


.panel-title {}
.panel-body a {display:block;} 
.panel {}
.panel a {font-weight:bold;}


/**/


#calendar {margin-bottom:50px;}

.cal-body {}

#calendar .col {width: 14.2%;min-height:100px;position: relative;float:left;background-color:#ececf0;border:1px solid #fff;}
#calendar .day-num {position: absolute;top:10px;right:20px;}
#calendar .col-act {background-color: #00adc6;color:white; transition: background 0.5s ease 0s, color 0.5s ease 0s;cursor:pointer;}
#calendar .col-act:hover{background-color: #00c2de;}
#calendar .col-act.open,#calendar .col-act.open:hover {background-color: #007687;}

#calendar .cal-months {margin:0 auto;text-align: center;}
#calendar .cal-prev {
    border: 3px solid #00adc6;
    color: #00adc6;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-top: 20px;
    padding: 10px 20px;
}

#calendar .cal-next {
    border: 3px solid #00adc6;
    color: #00adc6;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-top: 20px;
    padding: 10px 20px;
}

#calendar .cal-act {
    border: 3px solid #00adc6;
    color: #fff;
    background-color: #00adc6;
    display: inline-block;
    font-weight: 600;
    margin-bottom: 30px;
    margin-left: 30px;
    margin-top: 20px;
    padding: 10px 20px;
}

#calendar .cal-event-list {
    padding:15px;
    border-bottom:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    border-left:1px solid #e6e6e6;
}

#calendar .cal-event-list h4 {
    font-weight:bold;
    color:#505050;
} 

#calendar .cal-event-list h5 {
    font-weight:normal;
    color:#505050;
} 

#calendar .cal-event-cont {
    margin:20px;
}

#calendar .cal-event-cont img {
    max-width:50%;    
    height:auto;
}

#calendar .cal-days-title {
    margin-top:20px;
} 

#calendar .cal-days-title .col {
    text-align:center;
    font-weight:600;
    min-height:30px;
    background-color: transparent;
}


.deftable td {
    padding: 5px;
}
.forum-input input {
  border: 1px solid #eeeeee;
}

#myCarousel h2 {margin-bottom:30px;}

.carousel-caption {top:5%}

.carousel-control.left {background-image:none}
.carousel-control.right {background-image:none}


@media all and (min-width: 1280px) {
    .carousel {height:600px;}
    .carousel .item {height:600px;}
    .carousel-inner > .item > img {height: 600px;}
}


@media all and (max-width: 1120px) and (min-width: 980px) {

    .wrapper {
	   width:80%;
    }        

    .thumbdiv img {
        min-height:auto;
    }

}

@media all and (max-width: 980px) and (min-width: 768px) {

    .wrapper {
	   width:80%;
    }        

    header .wrapper {width:90%;}

    .carousel {height:450px;}
    .carousel .item {height:450px;}
    .carousel-inner > .item > img {height: 450px;}

    .thumbdiv img {
        min-height:auto;
    }

    h1 {
        font-size: 28px;
    }
    
    header h1 {
      font-size:26px;
      margin: 35px 0;
    }
    
    .hor h2 {
    
        font-size: 21px;
    }

}


@media all and (max-width: 768px) {

    .wrapper {
	   width:90%;
    }        

    .thumbdiv img {
        min-height:auto;
    }

    h1 {
        font-size: 28px;
    }
    
    header {height:75px;}
    
    header .wbg { height: 75px;}

    
    header .wrapper {height:75px;}
    
    header h1 {
      font-size:23px;
      margin: 0;
      line-height: 75px;
    }
    
    header .rblock {height:75px;}
    
    header .phone {height:75px;}
    header .phone span {line-height:75px;}
    
    header #ham {top:16px;}
    
    header .phone span {font-size:16px;}
    
    header .phone i {background-size: cover !important;width: 39px;height: 36px;}
    
    .carousel {margin-top:75px;}
    
    .hor h2 {    
        font-size: 21px;
    }

}


@media (min-width: 768px) {

    .carousel-caption p {
        font-size: 21px;
        line-height: 1.4;
        margin-bottom: 20px;
    }
    .featurette-heading {
        font-size: 50px;
    }
}


@media (min-width: 992px) {
    .featurette-heading {
        margin-top: 120px;
    }
}




        #newcomment label {width:30%;float:left;margin-right:5%}
        #newcomment input[type=text], #newcomment textarea {float:left; border:1px solid #00adc6;padding:4px;width:40%}                 
        #newcomment p:before,#newcomment p:after { content: " ";display:table}
        #newcomment p:after {clear:both}
        #newcomment .frmsubmit {text-align:center;padding:5px 10px;border:none;background-color:#00adc6;color:white;}        


.cimer {
	display: inline-block;
	background: url('/cimer.png') no-repeat center center transparent;
	height: 75px;
	padding-top: 0;
	width: 60px;
	background-size: cover !important;
	position: relative;
	top: -34px;
	margin-right: 30px;
}


.hor.news-link .txt.nopic .news-cont{
	min-height: 10px;
}