@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,300italic,400italic,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Rozha+One&subset=latin,latin-ext);
 
body {
 	font-family: 'Open Sans', sans-serif; 
	font-size:14px;
	color:#9b7d66;
	margin: 0px;
	padding: 0px;

	background:url(../images/design/bg.gif) #392f26;
}

.container { /*background: #fff;*/ }
.clear { clear: both; }
.main-container { background: #fff; margin-top: 4px; padding-top: 30px; padding-bottom: 30px; min-height: 200px; }

.main-container img { max-width: 100%; }

.col-oldalnev {
  /*font-family: 'Rozha One', serif;*/
  font-size: 25px;
  /*line-height: 30px;*/
  text-decoration: none;
  position: relative;
  text-align: center;
  padding: 30px;
  color: #fff;
}
.col-oldalnev a { color: #fff; }
.oldal-logo { position: absolute; top: 0px; left: 0px; z-index: 10; max-height: 175px; }
@media (min-width: 769px) AND (max-width: 1200px) 
{
  .col-oldalnev, .col-oldalnev a { font-size: 40px; line-height: 130px; }
}
.narancs { color: #f38120; }
.strong { font-weight: 700; }

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

.toplink { padding-top: 50px; }
.toplink a { font-size: 1.4em; line-height: 1.4em; color: #f38120; }

.fomenu { /*background: #f38120; font-family: 'Slabo 27px', serif; */font-size: 2em; margin: 10px 0px; text-align: right; font-weight: bold; height: 60px; text-transform: uppercase; }
.fomenu ul { list-style-type: none; padding: 0px; margin: 0px; }
.fomenu ul li { display: inline; margin-right: 10px; line-height: 2em; border-radius: 4px; }
.fomenu ul li a { padding:35px 0px 30px 40px; font-size:16px; text-decoration:none; text-shadow: 0 1px 3px #000000; color: #c79a53; }
.fomenu ul li a:hover { /*background:url(../images/design/menu_hover.png) repeat-x top right; background-position:right 0px;*/ color:#FFFFFF; }

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

.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%; }

.briefkateg { position: relative; margin-bottom: 30px; border-radius: 4px; }
.briefkateg .nev { position: absolute; bottom: 0px; left: 15px; right: 15px; padding: 5px; background: rgba(0,0,0,0.5); color: #fff; border-radius: 4px; }
.briefkateg .happyhour { position: absolute; top: 0px; right: 10px; }
.briefkateg .happyhour img { max-height: 40px; max-width: 40px; }

.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: #555; */color: #fff; font-size: 1em; /*border-top: 1px solid #aaa; */padding-top: 10px; padding-bottom: 20px; margin-top: 20px; }
.footer a { color: #ccc; }
.footer-bottom { /*background: #353535; */color: #ccc; line-height: 2em; }
.footer-bottom a { color: #aaa; }

#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); }
.search-result-row { background: #fff; border-bottom: 1px solid #aaa; padding: 5px; text-align: left; }
.search-result-row:hover { background: #ddd; border-bottom: 1px solid #aaa; }

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

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

.kateg-nev { line-height: 1.9em; margin-bottom: 10px; }
.kateg-nev .inner { background: #f38120; text-align: center; border-radius: 4px; position: relative; }
.kateg-nev .inner a { color: #fff; text-decoration: none; }
.kateg-nev .inner .happyhour { position: absolute; top: 0px; right: 2px; }
.kateg-nev .inner .happyhour img, .termekek .happyhour img { max-height: 30px; max-width: 30px; }
.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; }
.footer-container { background: none; }
h1, h2, h3, h4 { font-family: 'Rozha One', serif; }
.maincontent { padding-bottom: 15px; }

#bekerult, #welcome {
  position: fixed;
  z-index: 1000;
  color: #fff;
  width: 400px;
  /*height: 80px;*/
  text-align: center;
  font-size: 20px;
  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);
}
.bekerult { display: none; background: #ff6401; }
.top-menu { line-height: 34px; }
.top-menu .pad { padding: 0px 10px; }

.termekek { margin-top: 0px; padding-top: 5px; padding-bottom: 5px; transition: .3s ease; }
.termekek:hover { /*background: #ffffff; color: #555555;*/ -webkit-box-shadow: inset 0px 0px 15px 3px rgba(0,0,0,0.5);
-moz-box-shadow: inset 0px 0px 15px 3px rgba(0,0,0,0.5);
box-shadow: inset 0px 0px 15px 3px rgba(0,0,0,0.5);}
.kerekitett { border-radius: 4px; }
.btn-primary { background-image: none; border: 1px solid #000; }
.btn-primary:hover { background-image: none; }
.btn-warning { background-image: none; border: 1px solid #000; }
.btn-warning:hover { background-image: none; }
.modal-body img { max-width: 100%; }
.car-h1 { position: absolute; bottom: 40px; left: 10%; right: 10%; text-align: center; text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; color: #ffffff; }
@media (max-width: 769px)
{
  .car-h1 { bottom: 10px; }
  .car-h1 h1 { font-size: 2em;}
}

.kosar-blokk { background: #fff; border: 1px solid white; border-radius: 4px; padding: 15px;  /* padding-bottom: 15px;  */float: left; /*width: 100%;*/ }

/*#kesobbre-idopont-holder { max-width: 200px; }*/

  #connectioncheck-holder { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(255, 255, 255, 0.7); z-index: 999; display: none; }
  #connectioncheck {
    z-index: 1000;
    color: #000;
    text-align: center;
    display: block;
    font-size: 30px;
    padding: 30px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);
  }

.cimlabel { overflow: hidden; white-space: nowrap; line-height: 2em;}
.pt-1 { padding-top: 1em; }
.tetel-sor { line-height: 2em; }
@media (min-width: 700px)  
{
  .osszegzes-doboz { min-height: 16em; float: left; }
}

@media (max-width: 769px)  
{
  .cimlabel { line-height: 1em; }
}

.yt-iframe { max-width: 100%; margin: 20px auto; }
@media (max-width: 767px) {
  .yt-iframe { width: 100%; }
}

.termekfejlec { margin-bottom: 20px; }

.hidden {
  display: none !important;
}

#installContainer {
  position: absolute;
  bottom: 1em;
  display: flex;
  justify-content: center;
  width: 100%;
}

#installContainer button {
  background-color: #999999;
  border: 1px solid white;
  color: white;
  font-size: 1em;
  padding: 0.75em;
}

.uzenet {
  padding: 30px;
  margin: 10px 0px 30px 0px;
  text-align: center;
  border-radius: 6px;
  -moz-border-radius: 12px; /* Firefox 3.6 and earlier */
  -webkit-box-shadow: 0px 0px 4px rgba(100, 100, 100, 0.95);
  -moz-box-shadow:    0px 0px 4px rgba(100, 100, 100, 0.95);
  box-shadow:         0px 0px 4px rgba(100, 100, 100, 0.95);
  clear: both; 
  background: #ececec; 
}
.hiba {
  color: #a00;
  border: 1px solid #f00;
}

.navbar {
    transition: top 0.5s ease;
}

.navbar-hide {
    top: -60px;
}