a { text-decoration: none; color: #009900; }
a:hover { text-decoration: none; color: #606060; }
a:active { text-decoration: none; color: #606060; }
.footerlink { text-decoration: none; color: white; }
.footerlink:hover { text-decoration: none; color: #E0E0E0; }
.footerlink:active { text-decoration: none; color: #E0E0E0; }
hr { color:gold; background-color:gold; height:1px; }

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
} 
textarea { resize:none; } 
body { position: relative; background-color:white; background:white; color:#606060; }
.container-hz { background-color:white; background:white; } 
.navbar-hz {
	padding-top:12px;
	margin-bottom:0px; 
	padding-bottom:0px;
	border:none;
	font-size:12px;
}
.navbar-hz .navbar-nav > li > a {
  color: #ddd;
  border: 1px solid #555;
  padding: 3px 12px;
  margin: 1px 3px;
  border-radius:3px;
}
.navbar-hz .navbar-nav > li > a:hover,
.navbar-hz .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #555;
  border: 1px solid #555;
}
.elv { margin-top:55px; margin-bottom:55px; height:33px; background-image:url("/img/upsakku-div.png"); background-repeat: no-repeat; background-position: center; }
.velemeny { border:2px solid #ff9900; border-radius:15px; padding:20px; margin-top:8px; margin-bottom:8px;}
.hz-nyito { margin-bottom:24px; }
.hz-m-danger { background:red; color:white; }
.hz-m-warning { background:orange;  color:white; }
.hz-full-header { background-color:#424141; background-image: url("/img/fbg2.png"); background-repeat:repeat-x; }
.hz-full-menu { background-color:#202020; border-top: 2px solid #FF9900; border-bottom: 2px solid #FF9900; }
.hz-full-main { background-color:white; background-image: url("/img/hbg2.png"); background-repeat:repeat-x; }
.hz-full-footer { color:#A0A0A0; background-color:#333333; padding-top:32px; 
		padding-bottom:32px; background-image: url("/img/fbg.png"); background-repeat:repeat-x; }
.hz-footer-menu { text-align:left; border-left:4px solid #ff9900;  }
.hz-footer-kateg { text-align:left; border-left:4px solid #ff9900; }
.hz-footer-szoveg { text-align:center; padding-top:32px; }
.hz-szabipanel { margin-bottom:0px; padding-bottom:0px; margin-top:12px; }
.magas { padding-top:16px; padding-bottom:16px; }
.hz-tdhead { color:black; font-weight:bold;  }
.hz-td0 { background-color:#F9F9F9; padding-top:2px; padding-bottom:2px;}
.hz-td1 { background-color:#F0F0F0; padding-top:2px; padding-bottom:2px; }
.hz-td-uj { background-color:#fff; padding-top:8px; padding-bottom:2px; border-bottom:1px solid orange; }
.hz-td-uj2 { margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid orange; }
.raktaron { color:#009900; font-weight:bold; }
.kosar-btn-spc { margin-top:18px; }
.btn-spc { margin-top:6px; }
.btn-spc-aruhaz { margin-bottom:24px; }
.img-spc { margin-bottom:6px; }
.fo-img-spc { margin-top:22px;}
.fo-portre-spc { margin-top:0px; }
.szurve { color:red; font-weight:bold; }
.piros { color:red; }
.zold { color:#009900; }
.narancs { color:orange; }
.szurke { color:gray; }
.jobb { text-align:right; }
.hz-arnyek { box-shadow: 0 0 6px #666666; }
.kategoriagomb { white-space:normal; }
.kategoriahr { margin-top:4px; margin-bottom:4px; }
.piroskeret { border:2px solid red; border-radius:9px; padding-top:3px; padding-bottom:3px; }
.szurkekeret { border:2px solid #ddd; border-radius:9px; padding-top:3px; padding-bottom:3px; }
.piroskeret2 { border:2px solid red; border-radius:9px; padding-top:2px; padding-bottom:2px; padding-right:4px; padding-left:4px;}
.zoldkeret2 { border:2px solid #090; border-radius:9px; padding-top:2px; padding-bottom:2px; padding-right:4px;  padding-left:4px; }
.narancskeret2 { border:2px solid orange; border-radius:9px; padding-top:2px; padding-bottom:2px; padding-right:4px;  padding-left:4px; }


#error-msg, #error-msg-tel, #error-msg-s1tel { color: red; }
#valid-msg, #valid-msg-tel, #valid-msg-s1tel { color: #00C900; }
input.error {
  border: 1px solid #FF7C7C;
}
.hide {
  display: none;
}

.cikkdiv { padding-top: 2px; padding-bottom:0px; padding-left:5px; padding-right:5px; line-height:140%; }
.cikkdiv2 { padding-top: 2px; padding-bottom:0px; padding-left:25px; padding-right:5px; line-height:140%; }
.cikkdiv3 { padding-top: 2px; padding-bottom:0px; padding-left:45px; padding-right:5px; line-height:140%; }
.cikkdiv4 { padding-top: 2px; padding-bottom:0px; padding-left:65px; padding-right:5px; line-height:140%; }
.indent1 { padding-left: 40px; text-align:left; }
.indent2 { padding-left: 80px; text-align:left; }
.indent3 { padding-left: 120px; text-align:left; }
.indent4 { padding-left: 160px; text-align:left; }
.indent5 { padding-left: 200px; text-align:left; }
.lista { padding-left: 32px; }
.cikktd { line-height:150%; padding:5px; }
.kiscella { line-height:150%; padding-top:5px; padding-bottom:5px; padding-left:9px; padding-right:9px; }
.logincella { line-height:150%; padding-top:5px; padding-bottom:5px; padding-left:9px; padding-right:9px; font-size:10px; }
.akciocella { line-height:120%; padding-top:5px; padding-bottom:5px; padding-left:9px; padding-right:9px; }
.athuzott { text-decoration: line-through; color:red;}
.kosarba { padding:2px; border: 1px solid #FFA200; }
.kosarbaNoWrap { padding:2px; border: 1px solid #FFA200; display: inline-block; white-space: nowrap; }
.kosar { font-size:11px; line-height:100% }
.uzenet { padding:5px; border: 1px solid white; background-color:orange; color:black; }
.uzenetfigy { padding:5px; border: 1px solid white; background-color:red; color:white; font-size:16px; font-weight:bold; }
.szabicella { padding-left:23px; padding-right:25px; background-color:white; } 
.szabikeret { color:black; font-size:12px; line-height:130%; border: 1px solid #009900; padding:8px; }
.fotabla { width:967px; }
.atvmod_uzenet_jo { color:red; font-weight:bold; text-decoration:underline; font-size:14px; background:yellow; padding:2px; }
.hz-jobb-li { background-color:#CCFFCC; }
.hz-h1-f { color:gold; }
.hz-h1-f-small { color:#ff9900; }
.panel-default {
  border-color: #C0C0C0;
}
.hzlabel { font-weight:normal; }

.nav-tabs > li > a { 
	background:white; color:black; 
	border-bottom-color: gray; 
}
.nav-tabs {
  border-bottom: 1px solid gray;
}
.nav-tabs > li > a:hover {
  border-bottom-color: gray;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: 1px solid gray;
  border-bottom: 1px solid white;
}

.orderprogress { 
  list-style: none; 
  overflow: hidden; 
  padding-left:0px;
}
.orderprogress li { 
  float: left; 
}
.orderprogress li div {
  height:38px;
  color: white;
  text-decoration: none; 
  padding: 10px 25px 10px 25px;
  position: relative; 
  display: block;
  float: left;
}
.orderprogress li div::after { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 19px solid transparent; /* Go big on the size, and let overflow hide EREDETILEG 50*/
  border-bottom: 19px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -19px; 
  left: 100%;
  z-index: 2; 
}
.orderprogress li div::before { 
  content: " "; 
  display: block; 
  width: 0; 
  height: 0;
  border-top: 19px solid transparent;       
  border-bottom: 19px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-top: -19px; 
  margin-left: 1px;
  left: 100%;
  z-index: 1; 
}
.orderprogress li .prog_default {
  background: #333; 	
}
.orderprogress li .prog_default::after { 
  border-left: 10px solid #333;
}
.orderprogress li .prog_active {
  background: orange; 	
}
.orderprogress li .prog_active::after { 
  border-left: 10px solid orange;
}
.orderprogress li .prog_done {
  background: #007700; 	
}
.orderprogress li .prog_done::after { 
  border-left: 10px solid #007700;
}

.panel-warning {
  border-color: #606060;
}
.panel-warning > .panel-heading {
  color:white;
  background-color: #ff9900;
  border-color: #606060;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ff7e00;
}
.panel-warning > .panel-heading .badge {
  background-color: #ff9900;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ff7e00;
}

.panel-danger > .panel-heading {
  color: white;
  font-size:1.5em;
  background-color: red;
  border-color: #770000;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #770000;
}
.panel-danger > .panel-heading .badge {
  background-color: red;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #770000;
}

.panel-success {
  border-color: #005500;
  background-color:#CCFFCC;
}
.panel-success > .panel-heading {
  color: white;
  background-color: #007700;
  border-color: #005500;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #005500;

}
.panel-success > .panel-heading .badge {
  color: white;
  background-color: #007700;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #005500;
}

.btn-default {
  border-color: #606060;
}

.btn-menu {
  color: white;
  background-color: #444444;
  border-color: #202020;
}
.btn-menu:hover,
.btn-menu:focus,
.btn-menu.focus,
.btn-menu:active,
.btn-menu.active,
.open > .dropdown-toggle.btn-menu {
  color:white;
  background-color: #777;
  border-color: #202020;
}


.btn-success {
  color: #fff;
  background-color: #007700;
  border-color:#005500;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-color: #005500;
}

.btn-danger {
  color: #fff;
  background-color: #E00000;
  border-color: #770000;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-color: #770000;
}

.btn-warning {
  color: #fff;
  background-color: #ff9900;
    border-color: #ff7e00;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-color: #ff7e00;
}

.form-control:focus {
  border-color: #ff9900;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 153, 0, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 153, 0, .6);
}

 /* Portrait phones and smaller */
@media (max-width: 480px) {
	.kategoriagomb { height:auto; }
	.btn-menu { font-size:1.4rem; }	
	.fo-portre-spc { margin-top:32px; }
	
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.kategoriagomb { height:auto; }
	.btn-menu { font-size:1.6rem; }			
	.fo-portre-spc { margin-top:32px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	.kategoriagomb { height:40px; }
	.navbar-hz { display:inline-block; } 
	.btn-menu { font-size:1.6rem; }	
	.hz-nyito-kep { height:128px;  overflow:hidden; }
	.hz-nyito-cim { height:90px; overflow:hidden; }
	.hz-nyito-szov { height:180px; overflow:hidden; }	
	.fo-portre-spc { margin-top:32px; }	
}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	.kategoriagomb { height:40px; }
	.navbar-hz { display:inline-block; } 
	.btn-menu { font-size:1.8rem; }
	.hz-nyito-kep { height:120px;  overflow:hidden; }	
	.hz-nyito-cim { height:84px; overflow:hidden;}
	.hz-nyito-szov { height:180px; overflow:hidden; }	
}

/* Large desktops and laptops */
@media (min-width: 1200px) {
	.kategoriagomb { height:40px; }
	.navbar-hz { display:inline-block; } 
	.btn-menu { font-size:2.1rem; }
	.hz-nyito-kep { height:150px;  overflow:hidden; }		
	.hz-nyito-cim { height:90px;  overflow:hidden; }
	.hz-nyito-szov { height:180px; overflow:hidden; }
}
@font-face {
    font-family: 'archivo_narrowregular';
    src: url('/fonts/archivonarrow-regular-webfont.eot');
    src: url('/fonts/archivonarrow-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/archivonarrow-regular-webfont.woff2') format('woff2'),
         url('/fonts/archivonarrow-regular-webfont.woff') format('woff'),
         url('/fonts/archivonarrow-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;	
}

@font-face {
    font-family: 'arimoregular';
    src: url('/fonts/arimo-regular-webfont.eot');
    src: url('/fonts/arimo-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/arimo-regular-webfont.woff2') format('woff2'),
         url('/fonts/arimo-regular-webfont.woff') format('woff'),
         url('/fonts/arimo-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;	
}

h1, h2, h3, h4, h5, h6, .btn-menu { font-family:archivo_narrowregular, verdana, arial, sans; font-weight:normal;  }
h1, h2, h3, h4, h5, h6 {color:black;}
p, div { font-family:arimoregular, verdana, arial, sans; font-weight:normal; font-size:1.02em; }
input, textarea, select, label {font-family:inherit;}