@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');

body {
 	font-family: 'Open Sans', sans-serif;; 
  color: #333333;
  font-size: 16px;
  padding: 0px;
  margin: 0px;
  position: relative;

	background-color: #dddddd;
}

* html #body {
	height:100%; /* IE6 treats height as min-height */
}

h1, h2, h3 { font-family: 'Open Sans', sans-serif; color: #7a8550; border-bottom: 2px solid #00b700; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }

@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; }

.top { font-size: 0.9em; padding: 2px 0px; line-height: 2em; }
.top > span { margin-left: 30px; }

.fomenu { background: rgba(0, 0, 0, 0.7); font-family: 'Open Sans', sans-serif; font-size: 1.4em; color: #00b700; border-bottom: 0px solid #00b700; border-top: 2px solid #00b700; }
.fomenu .logo { margin-top: -10px; }
.fomenu .logo img { max-height: 80px; }
.fomenu .menu { line-height: 75px; height: 75px; }
.fomenu ul { list-style-type: none; padding: 0px; margin: 0px; float: right; }
.fomenu ul li { display: inline; line-height: 75px; padding: 0px 0px 0px 30px; }
.fomenu ul li.sepa { /*background: url('../images/design/menu-separator.png') center right no-repeat; background-position: 0px 0px;*/}
.fomenu ul li a { color: #00b700; text-decoration: none; padding-bottom: 21px; }
.fomenu ul li a:hover, .fomenu ul li a.active { border-bottom: 3px solid #f9b100; }

.slider { max-width: 100%; height: 300px; overflow: hidden; text-align: center; border-bottom: 2px solid #00b700; border-top: 2px solid #00b700; }
.slider img { max-height: 300px; float: left; }

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

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

.footer { background-color: rgba(0,0,0,0.4); color: #333; font-size: 1.2em; border-top: 0px solid #00b700; padding-bottom: 20px; position: relative; }
.footer .container { position: relative; z-index: 3; padding-top: 15px;}
.footer a { color: #333; }
.footer h3 { border-bottom: 2px solid #aa7921; font-size: 1.3em; }

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

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

.maincontent { padding-top: 30px; padding-bottom: 15px; min-height: 500px; }
.main-container { background: #fff; position: relative; z-index: 1; font-size: 18px; }
.form-blokk { margin-bottom: 30px; }

.jumbo-bg { background: #00b700; color: #ffffff; padding: 15px 0px; font-size: 1.3em; }

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

#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;
}

.tooltip_templates { display: none; }

.kivalasztott { border: 3px solid #00b700; }
.femkep, .szinkep, .rogziteskep { cursor: pointer; }

.modal-opener { color: #007bff;; cursor: pointer; }
.modal-opener:hover { color: #0056b3; }