@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,400i,700,700i');

body {
 	font-family: 'Roboto Condensed', sans-serif; 
  color: #333333;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  /*background: url('../images/design/bg.jpg') center top repeat-x #dbff9d;*/
  background: url('../images/design/zold-racs.png');
  /*background-position: 0px 70px;*/
  position: relative;
}

.rsz-racs-bg {
  background: url('../images/design/rsz-racs.png');
  padding-top: 15px;
}
.viragok-lent {
  position: absolute;
  left: 0px;
  bottom: 0px;
  display: inline-block;
  max-width: 100%;
  z-index: 1;
}

@media (min-width: 769px) AND (max-width: 1200px) 
{
}
.narancs { color: #f38120; }
.strong { font-weight: 700; }

.col-kereso { padding-top: 50px; padding-bottom: 15px; }
#login-success, #login-fail, #subs-success, #rend-success { display: none; }


.menu-placeholder { height: 50px; width: 100%; }
.fomenu { background: #c2cc9a; /*url('../images/design/menubg.png') repeat-x; */font-family: 'Roboto Condensed', serif; font-size: 1.4em; border-bottom: 5px solid #fff; height: 75px; line-height: 75px; }
.fomenu .logo { padding-top: 15px; }
.fomenu ul { list-style-type: none; padding: 0px; margin: 0px; float: right; }
.fomenu ul li { display: inline; line-height: 75px; padding: 0px 15px; }
.fomenu ul li.sepa { background: url('../images/design/menu-separator.png') center right no-repeat; background-position: 0px 0px;}
.fomenu ul li a { color: #000; text-decoration: none; padding-bottom: 21px; }
.fomenu ul li a:hover, .fomenu ul li a.active { border-bottom: 3px solid #d2a639; }

@media (min-width: 769px) AND (max-width: 1200px) 
{
  .fomenu { font-size: 1.1em; }
  .fomenu ul li { margin-right: 0px; }
}

.cikk-cikknev { padding: 0px; margin: 0px 0px 15px 0px; color: #111; border: none; }
.cikk-leiras { font-size: 1.2em; }
.cikk-img { padding: 3px; border: 1px solid #ddd; margin-bottom: 30px; }
.cikk-img-thumb { margin-bottom: 15px; }
.brief-cikk { position: relative; margin-bottom: 15px; opacity: 0.01; }
.brief-cikk .cikknev { position: absolute; bottom: 0px; left: 15px; right: 15px; padding: 5px; background: rgba(0,0,0,0.5); color: #fff; }
.brief-cikk .ujdonsag { position: absolute; top: 0px; right: 0px; width: 20%; height: 20%; }

.kezdolap-box { position: relative; margin-bottom: 30px; max-height: 195px; overflow: hidden; }
.kezdolap-box .felirat { position: absolute; bottom: 0px; left: 15px; right: 15px; padding: 5px; background: rgba(0,0,0,0.5); color: #fff; }

@media (min-width: 400px) and (max-width: 991px)
{
  .kezdolap-box { max-height: 157px; }
  .toplink a { font-size: 1.1em; }
}

.szamolas { font-size: 1.2em; line-height: 3em; }
.kosarba { margin-bottom: 10px; }
.footer { background: url('../images/design/divider.png') top repeat-x; color: #fff; font-size: 1.2em; /*border-top: 1px solid #aaa; */padding-top: 30px; padding-bottom: 20px; margin-top: -40px; position: relative; }
.footer .container { position: relative; z-index: 3; }
.footer a { color: #fff; }
.footer-bottom { color: #fff; line-height: 2em; }
.footer-bottom a { color: #fff; }

#search-result { position: absolute; width: 200px; z-index: 100; display: none; -webkit-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.95); -moz-box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.95); box-shadow: 0px 0px 8px rgba(100, 100, 100, 0.95); font-size: 0.6em; }
.search-result-row { background: #fff; border-bottom: 1px solid #aaa; padding: 5px; text-align: left; }
.search-result-row a { color: #7a8550; }
.search-result-row:hover { background: #ddd; border-bottom: 1px solid #aaa; }
.search-form { margin-top: -5px; }

.carousel-control.left, .carousel-control.right { background: none; }

.rows-per-page { display: inline; float: left; margin-bottom: 20px; }

.kategnev { line-height: 1.9em; }
.kosar-elem { border: 1px solid #ccc; margin-bottom: 10px; padding-top: 15px; padding-bottom: 15px; }
#kateg-leir { max-height: 263px; }
.kategleir { margin-bottom: 40px; overflow: auto; color: #000; }
/*.container { background: #fff; }*/
h1, h2, h3 { font-family: 'Roboto Condensed', serif; color: #7a8550; border-bottom: 2px solid #7a8550; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }

.footer-container { background: none; }
.footer-container h3 { color: #fff; border-bottom: 2px solid #fff; }

.maincontent { padding-bottom: 15px; }
.main-container { background: #fff; position: relative; z-index:100; -webkit-box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.7); -moz-box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.7); box-shadow: 0px 0px 31px 1px rgba(0,0,0,0.7); }
.main-container-kezdo { margin-top: -70px; }
@media (max-width: 1000px) { .main-container-kezdo { margin-top: 10px; } }
.slider-logo { position: absolute; top: 50%; left: 50%; margin-left: -115px; margin-top: -95px; display: none; }
.kategoriak { font-family: 'Roboto Condensed', serif; font-size: 1.3em; margin-bottom: 15px; }
.kategoriak a { text-decoration: none; color: #000; padding: 5px 10px; margin: 5px 15px 5px 0px; transition: all 200ms linear; -webkit-transition: all 200ms linear;}
.kategoriak a:hover, .kategoriak a.active { background: #7a8550; color: #fff; transition: all 200ms linear; -webkit-transition: all 200ms linear;}

.kedvenc-csillag { cursor: pointer; }
.kedvenc-igen { color: #d0aa57; }
ul.dropdown-menu li { display: block; line-height: 1.5em; padding: 10px 0px 0px 0px; margin: 10px 0px; background: none; }
ul.dropdown-menu li a, ul.dropdown-menu li a:hover { text-decoration: none; border: none; }
/*
.fomenu ul li a { color: #000; text-decoration: none; padding-bottom: 21px; }
.fomenu ul li a:hover, .fomenu ul li a.active { border-bottom: 3px solid #d2a639; }
*/
  #bekerult-holder { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.5); z-index: 999;}
  #bekerult {
    position: fixed;
    z-index: 1000;
    background: #ff6401;
    color: #fff;
    width: 400px;
    text-align: center;
    font-size: 30px;
    padding: 30px;
    top: 50%;
    left: 50%;
    margin: -200px auto auto -200px;
    border-radius: 10px 10px 10px 10px;
    -webkit-box-shadow: 0px 0px 10px rgba(100, 100, 100, 0.85);
    -moz-box-shadow:    0px 0px 10px rgba(100, 100, 100, 0.85);
    box-shadow:         0px 0px 10px rgba(100, 100, 100, 0.85);
  }

#back-to-top {
  position: fixed;
  bottom: 15px;
  right: 15px;
  z-index: 9999;
  width: 36px;
  height: 36px;
  text-align: center;
  font-size: 2.6em;
  color: #aaa;
  cursor: pointer;
  border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
  /*text-decoration: none;*/
  transition: all 0.2s ease-out;
  opacity: 0;
}
#back-to-top:hover {
  /*background: #e9ebec;*/
  color: #545454;
}
#back-to-top.show {
  opacity: 1;
}

.w-100 { width: 100%; }
.mb-2 { margin-bottom: 1em; }