/**
 * Place your custom styles here.
 */
html {
  background: #1c2429 url(../images/main_bg.jpg) repeat left top;
  overflow-y: scroll;
}
body{
  background: url(../images/header_cbg.jpg) center top repeat-x transparent;
  font: normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;
}
/*body.toolbar-fixed{
  background: url(../images/header_cbg.jpg) center 80px repeat-x transparent;
}*/
a:hover {
  text-decoration: none;
  color: #7f1519;
}
a {
  color: #5d0d10;
  text-decoration: none;
  font-weight: bold;
}

h1, .h1, h2, .h2, h3, .h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  color: #5d0d10;
}
.toplogo{
  min-height: 110px;
  display: block;
}
body.toolbar-fixed .toplogo{
  min-height: 40px;
}

.okk-kereso-form .btn-primary,
.foto-kereso-form .btn-primary,
.kereso-form .btn-primary{
  background-color: #761A1D;
  color: #DEDEDE;
}
.okk-kereso-form .btn-primary:hover,
.foto-kereso-form .btn-primary:hover,
.kereso-form .btn-primary:hover{
  background: #A82229;
  background-color: #A82229;
  color: #DEDEDE;
}
.okk-kereso-form #edit-okkk .form-item{
  width: 49%;
}
.okk-kereso-form .checkbox + .checkbox{
  margin-top: 2px;
}

span.szikla_kereso_doktitle{
  color: #8F1E22;
}
.kereses_sor select {
  width: 100%;
}
#block-menu ul li a {
  display: block;
  margin: 0;
  padding: 5px 0;
  text-decoration: none;
  font-weight: bold;
  border-bottom: 1px solid #996264;
  color: #5d0d10;
}
#block-sziklakeresok,
#block-menu ul li a:hover{
  background: #FFF;
}
#block-sziklakeresok,
#block-menu,
#block-dokumentumok,
section.col-sm-6,
.block{
  padding: 8px;
  background: #F8F8F8; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#F8F8F8, #E9E9E9); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#F8F8F8, #E9E9E9); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#F8F8F8, #E9E9E9); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#F8F8F8, #E9E9E9); /* Standard syntax */

  border-radius: 8px;
  box-shadow: #2c2c2c 0 0 0.25em;
  margin-bottom: 15px;
}
.block h2{  
  margin: 0;
  padding: 12px 8px 16px;
  font-size: 18px;
  line-height: 1em;
  font-weight: normal;
  color: #1E1E1E;
}
.block .block_content{
  padding: 10px;
}
.block-search-form-block{
  width: 33%;
  display: inline-block;
  vertical-align: top;
  background: transparent;
  box-shadow: none;
  margin: 0px;
  padding: 8px;
}
.block-search-form-block form .form-group {
  margin-bottom: 0px;
}
#block-koszeg-main-menu{
  width: 66%;
  display: inline-block;
  vertical-align: top;
}
#block-menu ul.menu--menu li {
  clear: both;
}

#block-menu ul.menu--menu li.expanded span.navbar-text{
  display: block;
    margin: 0;
    padding: 5px 0;
    text-decoration: none;
    font-weight: bold;
    border-bottom: 1px solid #996264;
    color: #5d0d10;
    width: 100%;
}
#block-menu ul.menu--menu li.expanded{
  clear: both;
}
ul.menu--main li span.dropdown-toggle{
  font-weight: bold;
}
header.navbar.container{
  background: url(../images/logo.png) top center no-repeat transparent;
  background-size: contain;
  min-height: 123px;
  border: 0px;
  border-radius: 0px 0px 8px 8px;
}

/*div[role='heading']{*/
.region-header{
  background: #FAFAFA; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#FAFAFA, #C1C1C1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FAFAFA, #C1C1C1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FAFAFA, #C1C1C1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FAFAFA, #C1C1C1); /* Standard syntax */

  border-radius: 8px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.region-navigation .logo,
.region-navigation .name{
  display: none;
}
.navbar-nav{
  /* float: none;*/
  margin-left: 8px;
}
.navbar-nav > li{
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  z-index: 2;
}
.navbar-nav > li:hover{
  background: #CFCFCF; /* For browsers that do not support gradients */
  
  border-left: 1px solid #BCBCBC;
  border-right: 1px solid #BCBCBC;
}
.navbar-nav > li > a{
  color: #111111;  
}
.navbar-nav > li > a:hover{
  color: #222222;
  background-color: transparent !important;
}
.navbar-nav > li.open,
.navbar-nav > li.open a,
.navbar-nav > li.open a:hover{
  background-color: transparent !important;
}
.navbar-nav > li > .dropdown-menu{
  padding-top: 0px;
}
.dropdown-menu{
  background: #DBDBDB; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#FAFAFA, #C1C1C1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FAFAFA, #C1C1C1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FAFAFA, #C1C1C1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FAFAFA, #C1C1C1); /* Standard syntax */

  padding-bottom: 0px;
}

.dropdown-menu li:hover{
  background: #DBDBDB; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#C1C1C1, #FAFAFA); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#C1C1C1, #FAFAFA); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#C1C1C1, #FAFAFA); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#C1C1C1, #FAFAFA); /* Standard syntax */
}
.dropdown-menu li{
  border-bottom: 1px solid #d1d1d2;
  padding-top: 10px;
  padding-bottom: 10px;
}
.dropdown-menu li a{
  color: #313132;
}
.dropdown-menu li a:hover{
  color: #090909;  
}
.region-footer .block{
  background: #DBDBDB; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#FAFAFA, #C1C1C1); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#FAFAFA, #C1C1C1); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#FAFAFA, #C1C1C1); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#FAFAFA, #C1C1C1); /* Standard syntax */
  color: #919192;
}
.btn-primary {
  background-color: #DBDBDB; /* For browsers that do not support gradients */
  background-color: -webkit-linear-gradient(#FAFAFA, #C1C1C1); /* For Safari 5.1 to 6.0 */
  background-color: -o-linear-gradient(#FAFAFA, #C1C1C1); /* For Opera 11.1 to 12.0 */
  background-color: -moz-linear-gradient(#FAFAFA, #C1C1C1); /* For Firefox 3.6 to 15 */
  background-color: linear-gradient(#FAFAFA, #C1C1C1); /* Standard syntax */
  color: #651013;
  border-color: #374149;
  border-radius: 0px 12px 12px 0px;
}
.btn-primary:hover{
  background: #DBDBDB; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#C1C1C1, #FAFAFA); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#C1C1C1, #FAFAFA); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#C1C1C1, #FAFAFA); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#C1C1C1, #FAFAFA); /* Standard syntax */
  color: #A92429;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{
  margin-right: -1px;
}
.input-group input.form-search{
  border-radius: 12px 0px 0px 12px;
  background-color: #374149;
  color: #AFAFAF;
  border-color: #374149;
}

.region-content h2{
  color: #1b6a7a;
}
h1{
  font-size: 26px;
}
h2{
  font-size: 24px;
}
h1.page-header{
  margin: 10px 0px 10px 0px;
}

@media (min-width: 768px){
  .region-footer .navbar-right {   
    margin-right: 0px;
  }
}
.region-footer .navbar-right{
  position: relative;
  z-index: 501;
}
.region-footer .navbar-right li:hover {
  border-radius: 0px 8px 8px 0px;
  border-right: 0px;
}
#block-lablecszoveg .block_content{
  padding-bottom: 15px;
  padding-top: 15px;
}

.block .view-id-tartalom_field_probadatum_on_calendar{
  background-color: #e3e3e3;
}
.block .view-id-tartalom_field_probadatum_on_calendar .view-header h3{
  text-align: center;
  background-color: #3D3D3D;
  color: #EEEEEE;
  margin: 0;
  padding: 5px;
}
.block .block_content .view-id-tartalom_field_probadatum_on_calendar .pager,
.block .view-id-tartalom_field_probadatum_on_calendar .view-header .pager{
  margin: 0;
}
.block .block_content .view-id-tartalom_field_probadatum_on_calendar .pager ul,
.block .view-id-tartalom_field_probadatum_on_calendar .view-header .pager ul{
  margin: 0;
  padding: 5px;
}
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.today.has-events,
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.today.has-events a{
  background-color: #206D7B;
  color: #EEEEEE;
}
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.today.has-no-events,
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.today.has-no-events a{
  background-color: #4e6c71;
  color: #EEEEEE;
}
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.has-events{
  background-color: #d3d3d3;
}
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.past{
  border-right: 1px solid #FFFFFF;
}
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.days{
  background-color: #d3d3d3;
}
.view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td{
  background-color: #E9E9E9;
  border-right: 1px solid #FFFFFF;
}


.view-id-galeria .views-field-title,
.view-id-galeria .views-field-created{
  text-align: center;
}
.view-id-galeria .views-row{
  margin-bottom: 15px;
}

.is-sticky{
  background-color: #efefef;
  border-radius: 5px;
  padding: 4px;
}

.content .field--name-field-rendezveny-kep,
.content .field--name-field-hir-kiskep,
.view .content .field--type-image{
  float: right;
  margin: 5px;
}
li.node-readmore a{
  color: #1b6a7a;
  font-weight: bold;
}
li.node-readmore{
  color: #1b6a7a;
  margin: 8px;
}
.block .views-field-field-tamogato-kep img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.view-id-ajanlok .views-row .views-field-title{
  text-align: center;
}
.view-id-ajanlok .views-row{
  min-height: 320px;
}
#views-exposed-form-ajanlok-page-2 label.control-label{
  vertical-align: top;
}
#views-exposed-form-ajanlok-page-2 .form-actions{
  vertical-align: top;
}
#views-exposed-form-ajanlok-page-2 select.form-select{
  min-height: 185px;
}
#views-exposed-form-ajanlok-page-2 button.button{
  background-color: #155946;
  color: #F57404;
}
#views-exposed-form-ajanlok-page-2 button.button:hover{
  background-color: #207B62;
  color: #EEEEEE;
}
.view-mediatar h2 a{
  color: #1b6a7a;
}
.view-mediatar h2{
  text-align: center;
}
.view-mediatar .views-field-view-node a{
  padding: 5px 0px 5px 0px;
  display: block;
}

/* -------------- gyerekkönyvtár ------------- */
body.gyerekkonyvtar{  }
body.gyerekkonyvtar .region-header{
  background: #136042; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#22795B, #136042); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#22795B, #136042); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#22795B, #136042); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#22795B, #136042); /* Standard syntax */
}
body.gyerekkonyvtar .block h2{
  background-color: #155946;
  color: #F57404;
}
body.gyerekkonyvtar .region-footer .block {
  background-color: #155946;
  color: #DCDCDC;
}
body.gyerekkonyvtar .navbar-nav > li > a {
  color: #F57404;
}
body.gyerekkonyvtar a{
  color: #F57404;
}
body.gyerekkonyvtar .dropdown-menu li a:hover,
body.gyerekkonyvtar .nav > li > a:hover,
body.gyerekkonyvtar .nav .open > a{
  background: #207B62;
}
body.gyerekkonyvtar .navbar-nav > li:hover,
body.gyerekkonyvtar .navbar-nav > li a:hover{
  background: #207B62;
  color: #FAA55B;
}
body.gyerekkonyvtar .dropdown-menu {
  background: #207B62;
  color: #FAA55B;
}
body.gyerekkonyvtar h1.page-header,
body.gyerekkonyvtar .region-content h2 a,
body.gyerekkonyvtar .region-content h2{
  color: #155946;
}
body.gyerekkonyvtar .btn-primary {
  background-color: #155946;
}
body.gyerekkonyvtar .view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.today.has-events, 
body.gyerekkonyvtar .view-id-tartalom_field_probadatum_on_calendar .calendar-calendar table td.today.has-events a{
  background-color: #155946;
}
body.gyerekkonyvtar header.navbar.container {
  background: url(../images/logo_gyerek.png) top center no-repeat transparent;
}

@media (min-width: 768px) {
  body.gyerekkonyvtar ul.nav > li {
    float: left;
  }
  body.gyerekkonyvtar ul.nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}


/* +++++++++++++ gyermekkönyvtár blokk ++++++++++++++ */
#block-gyermekkonyvtar{
  background: #206F7E; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#368894, #0F4A58); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#368894, #0F4A58); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#368894, #0F4A58); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#368894, #0F4A58); /* Standard syntax */
}
#block-gyermekkonyvtar.block h2{
  background-color: transparent;
  color: #F5F5F5;
}

#block-helyismeretiujsagokeskonyvek{
  background: #206F7E; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#368894, #0F4A58); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#368894, #0F4A58); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#368894, #0F4A58); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#368894, #0F4A58); /* Standard syntax */
}
#block-helyismeretiujsagokeskonyvek.block h2{
  background-color: transparent;
  color: #F5F5F5;
}
#block-helyismeretiujsagokeskonyvek.block p{
  color: #F5F5F5;
}
#block-helyismeretiujsagokeskonyvek.block table td{
  padding: 5px 0px 10px 0px;
}

/* ++++++++++++++++++++++ Ajánlók ++++++++++++++++++++++ */

.field--name-field-ajanlo-borito{
  float: left;
  padding: 1px 10px 5px 1px;
}
.field--name-field-ajanlo-szerzo{
  font-weight: bold;
  padding-bottom: 5px;
}
.views-field-field-ajanlo-borito{
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.view-display-id-block_1 .views-field-title{
  text-align: center;
}
.views_slideshow_controls_text .views_slideshow_controls_text_pause{
  display: none;
}
.views_slideshow_controls_text .views_slideshow_controls_text_previous a{
  color: transparent;
  position: absolute;
  z-index: 8;
  top: 50%;  
}
.views_slideshow_controls_text .views_slideshow_controls_text_previous{
  float: left;  
}
.views_slideshow_controls_text .views_slideshow_controls_text_previous a:before{
  content: '<<';
  color: #1B5D6A;
  font-weight: bold;
  background-color: #FFF;
  padding: 5px;
  border: 1px solid #999999;
  border-left-color: #FFF;
  border-radius: 0px 3px 3px 0px;
}
.views_slideshow_controls_text .views_slideshow_controls_text_next a{
  color: transparent;
  position: absolute;
  z-index: 8;
  top: 50%;
  right: 0px;  
}
.views_slideshow_controls_text .views_slideshow_controls_text_next{
  float: right;
}
.views_slideshow_controls_text .views_slideshow_controls_text_next a:after{
  content: '>>';
  color: #1B5D6A;
  font-weight: bold;
  background-color: #FFF;
  padding: 5px;
  padding: 5px;
  border: 1px solid #999999;
  border-radius: 3px 0px 0px 3px;
  border-right-color: #FFF;
}

a.emagy{display: inline-block; width: 84px; height: 84px; background: url(../images/page_icon_2.png) no-repeat left top;}
a.emagy:hover {display: inline-block; width: 84px; height: 84px; background: url(../images/page_icon_2.png) no-repeat left -84px;}

#block-vakbarat,
#block-palyazat,
#block-nyelvvalaszto,
#block-konyvtar,
#block-facebook,
#block-emagyarorszag{
  background: transparent;
  border: 0;
  margin: 0;
  box-shadow: none;
}

.region-footer .block{
  background: #4F0A0D; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#580C10, #49090A); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#580C10, #49090A); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#580C10, #49090A); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#580C10, #49090A); /* Standard syntax */
}

#block-menu .dropdown-menu{
  position: relative;
  float: none;
  background: transparent;
  font-size: 12px;
  border: 0;
  box-shadow: none;
  padding-left: 4px;
}
#block-menu ul.dropdown-menu li:hover{
  background: transparent;
  box-shadow: none;
}
#block-menu ul.dropdown-menu li{
  padding: 2px;
}
#block-menu ul.dropdown-menu li a{
  padding: 5px;
  border-bottom: 0px;
}
#block-menu ul.dropdown-menu li a:hover{
  background: #FFF;
}
#block-nyelvvalaszto ul.links{
  list-style: none;
  padding: 0;
  margin: 0;
}
#block-nyelvvalaszto ul.links li{
  float: left;
  padding: 3px 10px 5px 0px;
}
#szikla-szemely-regisztracio .input-group-addon{
  display: none;
}
.view-frontpage .views-row{
  padding-bottom: 15px;
  padding-top: 5px;
  background: url(../images/line.gif) repeat-x left bottom;
}
.path-frontpage .page-header{
  border-bottom: 0px;
}
.file{
  font-size: 100%;
}
.kereso-form tr.odd{
  background: rgba(20, 20, 20, 0.1);
}
table.szikla_kereso_egyelem{
  margin: 14px 0;
}
.calendar-calendar .day-view div.single-day .view-item{
  position: relative;
}
.szkereso_szerzo input[name=szerzo_tovabbi],
.szkereso_szerzo input[name=szerzorol_szolo],
.szkereso_gomb a img{
  -webkit-box-reflect: below 2px
                    -webkit-gradient(linear, left top, left bottom, from(transparent),
                    color-stop(0.7, transparent), to(rgba(255,255,255,.5)));
  -webkit-transition: all 0.3s;
  -webkit-transform-origin: 50% 100%;
  padding: 0;
  margin: 0;
}
.szkereso_szerzo div span,
.szkereso_gomb a span{
  position: absolute;
  top: 33px;
  z-index: 4;
  left: 50%;
  transform: translateX(-50%);
  white-space:nowrap;
  text-align: center;
  margin: 0;
  color: #262852;
  display: none;
  text-shadow: 1px 1px 3px #999;
}
.szkereso_gomb input[name=szerzo_tovabbi]:hover,
.szkereso_gomb input[name=szerzorol_szolo]:hover{
  background: none;
  cursor: pointer;
}
.szkereso_gomb:hover input[name=szerzo_tovabbi],
.szkereso_gomb:hover input[name=szerzorol_szolo]{
  -webkit-transform: scale(1.2);
   margin: 0 3px;
}
.szkereso_szerzo:hover span,
.szkereso_gomb span:hover,
.szkereso_gomb a:hover span{
  display: block;
}
.boritokep img{
  max-width: 100%;
}
.szkereso_gomb a{
  margin: 15px 6px 0px 6px;
  padding: 0px 6px 0px 6px;
}

.select-wrapper{
  display: inline-block;
  position: relative;
  width: 100%;
}
#single-day-container{
  visibility: visible !important;
}
.kep_leiro img {
  max-width: 100%;
}
.kereses-form #edit-lhek .checkbox{
  width: 47%;
}
.bong_darabok{
  width: 8%;
}
.bong_felirat{
  width: 90%;
}
.fotokotet div .title{
  width: 28%;
}
.fotokotet .elemtar_baloldal .kvalue{
  width: 69%;
}