:root {
	--body-bg-color: #ffefbf;  
	--body-bg-image: url(../pic/page/wedding_hatter.jpg);
	--body-color: #000;
	--body-font: normal 15px Arial, Helvetica, Sans-Serif;
	--a-color: #000;
	--a-hover-c: #ff4c4d;
	--image-border-color:#ffbfbf;
	--kiemelt-text-color: #ff7373;
	--panel-bg: rgba(255,207,191,0.7);
	--szolg-btn-bg:  #ffbfbf;
	--modkep-bg: #ccc; /*#ffcfbf;*/

	/*--fejlec-bg-color: #F9AA3E;*/
	/*--fejlec-bg-image: background-image: url('pic/page/fejhatter_1.jpg');*/
	
	--menu-bg: #ffcfbf;
	--menu-hover: #eee;

	/*--uv-menu-font: "Comic Sans MS", cursive, sans-serif;*/
	/*--uv-menu-font-size: 20px;*/
	--uv-menu-color: #000;
	--uv-menu-hover-color: #fff;
	--uv-menu-aktli-color: #fff;
	--uv-menu-aktli-bg: #ff4c4d;

	--balsav-bg: #ffece6;
	
	--lablec-bg: #ffcfbf;
	--lablec-color: #000;
	--lablec-a-hover: #ff4c4d;

	--jogok-color: #ff4c4d;
	--jogok-font: "Comic Sans MS", cursive, sans-serif;

	--home-focim-color: #ff4c4d;
	--home-focim-font: "Comic Sans MS", cursive, sans-serif;
}
body {
	background-color: var(--body-bg-color);
	background-image: var(--body-bg-image);
	color: var(--body-color);
	font: var(--body-font);
	}
a {
	text-decoration: none;
	color: var(--a-color);
}
a:hover {
	color: var(--a-hover-c);
	text-decoration: none;
	}
* {
	margin: 0;
	padding: 0;
	
}
h1, h2, h3, h4 {margin:10px 5px;}


#tarolo {
	width: 100%;
	margin: 10px auto;
	/*background-color: rgba(249, 170, 62, 0.9); /*#F9AA3E;*/
}
#tarolo td {
	vertical-align: top;	
}

#logo {
	text-align: center;
	width:200px;
}
#kosar_info {
	margin: 50px 0px 5px;
}
#kosar_info a:hover {text-decoration: none; }
#kosar_info a { color: #000; text-decoration: none; }
#kereses {
	float: left;
}
#szlogen {
	width: 460px;
	text-align: right;
}
#bal {
	padding: 5px 10px;
	width:200px;
}
#bal fieldset {
	border: 1px solid #000;
	padding: 5px;
}
/*#fejlec {
	background-color: var(--fejlec-bg-color);
	background-image: var(--fejlec-bg-image);	
}*/
#fomenu {
	background-color: var(--menu-bg);
	text-align: center;
}
.balsav {
	background-color: var(--balsav-bg);
}

#content ul {padding-left: 20px;} 
#t_content {width:  100%;}

#lablec {
	background-color: var(--lablec-bg);
	padding: 30px ;
	font-size: 15px;
}
#lablec a:hover {
	color: var(--lablec-a-hover);
}
#jogok {
	color: var(--jogok-color); 
	font-family: var(--jogok-font);
	text-shadow: 1px 1px 1px #000;
}
.home_focim {
	color:var(--home-focim-color);
	font-family: var(--home-focim-font);
	text-shadow: 1px 1px 1px #000;
}

.Adatbiztonsag a:hover {color: #fff;}
.d-kozep { text-align:center;}
.panel-darkgrey {
	background-color: #bbb;
	border:1px solid #aaa;
	border-radius:10px;
	padding:20px;
	}
.panel-grey {
	background-color: #ddd;
	border-radius:5px;
	padding:30px;
	}
.fs-sm {font-size:12px;color:#000;}
.sl-blue  a {color:blue;text-decoration: none;}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.9);
  background-color: var(--menu-bg);
  border-radius: 5px;
  padding:5px;
}

.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.9);
  background-color: var(--menu-hover);
}

.navbar-light .navbar-nav .nav-link {
  color: #000;
  background-color: var(--menu-bg);
  border-radius: 5px;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #000;
  background-color: var(--menu-hover);
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, 0.3);
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color:#000;
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border-color: rgba(0, 0, 0, 0.1);
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, 0.5);
}
.dropdown-menu {
	background-color: var(--menu-bg);
	font-size:12px;
}
.admin-menu a:hover  {color: var(--uv-menu-hover-color);}
/*.u-vmenu {font-family: var(--uv-menu-font); font-size: var(--uv-menu-font-size);}*/
.u-vmenu ul {color: var(--uv-menu-color); background: none;}
.u-vmenu li {display: block; border-bottom: 1px dotted #000;}
.u-vmenu li:last-child { border-bottom: 0px dotted #000;}
.m {display: none; }
.u-vmenu li > a:hover{color: var(--uv-menu-hover-color);background-color: var(--uv-menu-aktli-bg);}
.Aktli {
	color: var(--uv-menu-aktli-color); 
	background-color: var(--uv-menu-aktli-bg); 
}
.Aktul {display: block;background-color: #fff;}
.Aktul li {background-color: #fff;}
#open {
	width: 300px;
	margin: 5px;
	border: 0px solid #000;
}
#open td:nth-child(1) {
	width: 50%;	
	text-align:left;
	padding:5px;
}
#open td:nth-child(2) {
	width: 50%;	
	text-align:right;
	padding:5px;
}
.utvonal {
	margin: 0 0 10px 0;
	padding: 10px;
	font-size: 14px; 
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
}
.utvonal a:hover{color:#e65c00;}
.KepesMenu { 
	text-align:center;
	border: 0px solid #000;
	margin: 10px 0;
}
.KepesMenu a {
	color:#fff; 
	font-size: 15px;
}
.KepesMenu #adatok {
	opacity: 1; 
	display: block;
	margin: 5px; 
	padding: 3px; 
	color:#000;
}
.Linkfigure {
	background-repeat:no-repeat; 
	background-position:center;
	background-size: contain;
	background-color: #fff;
	border: 5px solid var(--image-border-color);
	text-align: left;
	position:relative;
}

.akcio_jelzes {
	position: absolute;
	top: 0px;
	left: 0px;
}
#min_ar {
	color: var(--kiemelt-text-color);
	font-weight: bold;
}
#min_ar_k {
	color: var(--kiemelt-text-color);
	font-weight: bold;
}
.termek-db { color: var(--kiemelt-text-color); }

.KepesMenu2 { 
	text-align:center;
	border: 0px solid #000;
	margin: 0px 0;
	padding: 10px 10px;
}
.KepesMenu2 a {
	color:#000; 
	font-size: 15px; 
}
.KepesMenu2 #adatok {
	opacity: 1; 
	display: block;
	margin: 5px; 
	padding: 3px; 
	color:#000;
}
.KepesMenu2 p {
	opacity: 1; 
	display: block;
	margin: 5px; 
	padding: 8px; 
	color:#000;
}
.Linkfigure2 {
	background-repeat:no-repeat; 
	background-position:center; 
	margin: 1px auto;
	background-size: contain;
	background-color: #fff;
	border: 5px solid var(--image-border-color);
	text-align: left;
	position:relative;
}
.KepesMenu3 {
	padding: 10px;
	text-align:center;
	vertical-align: top;
	/*height: 150px; 
	width: 170px;  
	display: inline-block; 
	text-align:center;
	vertical-align: top;	
	border-radius:5px; 
	background-size: contain;
	background-color: rgba(249, 170, 62, 0.9);
	border: 3px solid rgba(249, 170, 62, 0.9);
	box-shadow: 2px 2px 3px #666666;
	-webkit-box-shadow: 2px 2px 3px #666666;
	-moz-box-shadow: 2px 2px 3px #666666;*/
}
.KepesMenu3 a {
	color:#fff; 
	font-size: 15px; 
}
.KepesMenu3 .btn {
	background-color: var(--szolg-btn-bg);
	box-shadow: 2px 2px 3px #666666;
	-webkit-box-shadow: 2px 2px 3px #666666;
	-moz-box-shadow: 2px 2px 3px #666666;
	border-radius:5px;
}
.Linkfigure3{	
	background-repeat:no-repeat; 
	background-position:center; 
	background-size: contain;
	position:relative;	
}
.KepesMenu3 #adatok {
	display: block;
	margin: 5px; 
	padding: 3px; 
	color:#000;
}
.KepesMenu4 { 
	margin: 0px; 
	padding: 30px;
	text-align:center;
}
.KepesMenu4 a {
	color:#fff; 
	font-size: 15px;  
}
.KepesMenu4 #adatok {
	opacity: 1; 
	display: block;
	margin: 5px; 
	padding: 3px; 
	color:#000;
}
.KepesMenu4 p {
	opacity: 1; 
	display: block;
	margin: 5px; 
	padding: 8px; 
	color:#000;
}
.Linkfigure4 {
	background-repeat:no-repeat; 
	background-position:center; 
	margin: 1px auto;
	background-size: contain;
	background-color: #fff;
	border: 1px solid var(--image-border-color);
	text-align: left;
	position:relative;
}
#t_kosar {
	border-collapse: collapse;
	border: 1px solid #000;
	background-color: #eee;
}
#t_kosar th {
	padding: 5px;
	border: 1px solid #000;
	text-align: center;
}
#t_kosar tbody td {
	padding: 5px;
	border: 1px solid #000;
	height: 80px;
	vertical-align:middle;
}
#t_kosar td {
	border: 1px solid #000;
}
.jobbra {
	text-align: right;
}
.kozepre {
	text-align: center;
}
#Tiltott {
	display: inline-block; 
}
.KepBtn2 {
	font-size: 13px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
	color:#000;
	border:1px solid #aaa; 
	padding:3px; 
}
.KepBtn2:hover {
	border:1px solid #666;
}
.KepBtn3 {
	font-size: 13px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
	color:#000;
	border:1px solid #aaa; 
	padding:5px 10px; 
}
.KepBtn3:hover {
	border:1px solid #666;
}
#googleMap {
	width:480px;height:300px;
	 border:1px solid #cccccc; 
	 float:left;}
#Tkeres .Kivalasztott {color:red;}

#szktg {
	Border-collapse: collapse;
	border: 1px solid #000;
	float: left;
}
#szktg th, #szktg td {
	padding: 5px;	
	border: 1px solid #000;	
}
#szktg th {
	font-weight: bold;
	text-align: left;
}
#szktg td {
	text-align: right;
}
/* =============================================================================
   CARUSEL
   ========================================================================== */

.carousel-item img {
	max-height: 350px;
}
.carousel-inner {
	height: 390px;
}
@media screen and (min-width: 545px) {
	.carousel-item img {
		max-height: 640px;
	} 
	.carousel-inner {
		height: 680px;
	}
}

/* =============================================================================
   BEJELENTKEZÉS ŰRLAP
   ========================================================================== */
.bejel {
	padding: 10px;
	background-color: var(--panel-bg);
}
		 

/* =============================================================================
   RENDELÉSHEZ BEJELENTKEZÉS ŰRLAP
   ========================================================================== */
#Rendel_bejel {width: 98%; border: 1px solid #000;background-color: var(--panel-bg);}
#Rendel_bejel td {width: 50%; padding: 10px; border: 1px solid #000;background-color: var(--panel-bg);}
#Rendel_bejel label {width:150px;}
/* =============================================================================
   REGISZTRÁCIÓS ŰRLAP
   ========================================================================== */

#div_RegUrlap {
	text-align:left; 
	padding: 10px;
	background-color: var(--panel-bg);
	margin: 5px 5px 5px 15px; 
	border-radius:15px; 
	box-shadow: 5px 5px 10px 0px #000;
}
#div_RegUrlap .Error {border: 1px solid red;}
#div_RegUrlap label {text-align: right;font-weight:bold;}
#div_RegUrlap input[readonly] {background-color:#ccc; color:#000;  }

/* =============================================================================
   JELSZÓ MÓDOSÍTÁS ŰRLAP
   ========================================================================== */

#div_JelszModosit { 
	background-color: var(--panel-bg); 
	padding:20px;
	text-align:left; 
	border-radius: 15px; 
	box-shadow: 5px 5px 10px 0px #000;
} 
#div_JelszModosit input[readonly] {background-color:#ccc; color:#000;}
#div_JelszModosit label {text-align: right;font-weight:bold;}
#div_JelszModosit .Error {border: 1px solid red;}

/* =============================================================================
   BEÁLLÍTÁSOK - SZERKESZTÉSE
   ========================================================================== */
#beall_div {
	padding:30px;
	background-color: #ccc;
	border: 1px solid #aaa;
	border-radius: 15px;
	box-shadow: 5px 5px 10px 0px #000;	
}
.beall_table{ width:500px; }
.beall_table input { width: 60px; }
.beall_table td { padding:5px; }
.beall_table td:nth-child(1) { width: 30%;text-align: left; }
.beall_table td:nth-child(2) { width: 30%;text-align: left; }
.beall_table td:nth-child(2) input { width: 100px; }
.beall_table td:nth-child(3) { width: 20%;text-align: right; }
.beall_table td:nth-child(4) { width: 20%;text-align: left; }
	
 
/* =============================================================================
   OLDALLISTA - SZERKESZTÉSNÉL
   ========================================================================== */
#oldal_keres {
	width:200px;
	height:23px;
	border: 1px solid #aaa;
	border-radius:5px;
}
.divValszt {display:none;}
.divValsztLabel {
	display:inline-block; 
	padding:10px 25px 10px 15px;  
	margin:0;
	background-color:var(--panel-bg);
	border-radius:5px 25px 1px 1px;  
}
.divValszt:checked + .divValsztLabel {background-color: var(--panel-bg);}
#Div_OLista { 
	width: 98%;
	padding:15px; 
	display: inline-block; 
	text-align:left;
    background-color: #ccc;
	border-radius:15px; 
	box-shadow: 5px 5px 10px 0px #000;
} 
#Div_OLista .Kivalasztott {color:red;}

.AktLink {color:#00ff00;}
#Div_OLista fieldset { width: 98%; margin: 5px auto; padding: 5px;}
#Div_OLista #oldalak { width: 98%; margin: 2px auto; border-collapse:collapse;}
#Div_OLista a {color:#2d5986;}


#Div_OLista #oldalak th {border:1px solid #000; padding:5px; font-weight:bold; font-size:12px; text-align: left;}
#Div_OLista #oldalak td {border:1px solid #000; padding:3px 10px; vertical-align: middle; font-size:12px; }
#Div_OLista #oldalak td:nth-child(1) {
	width: 5%;
}
#Div_OLista #oldalak td:nth-child(2)  {
	width: 20%;
}#Div_OLista #oldalak td:nth-child(3), #Div_OLista td:nth-child(4) , #Div_OLista td:nth-child(5)  {
	width: 5%;
	text-align: center;
}#Div_OLista #oldalak td:nth-child(6), #Div_OLista td:nth-child(7) {
	width: 5%;
	text-align: center;
}
#Div_OLista a:hover {color: red;}

#muvelet { width: 98%; margin: 2px auto; text-align: center;}
#muvelet  td:nth-child(1) {width: 33%;}
#muvelet  td:nth-child(2) {width: 33%;}
#muvelet  td:nth-child(3) {width: 33%;}

.Error1 {font-size:1.6em; font-weight: bold; float: left;}

#LapValaszt {padding:10px 10px; text-align:center; word-spacing:1em;}
#LapValaszt a { color: #000;}
#Tkeres h2 {margin: 2px 0px; padding: 0; font-weight: normal;}
#popup_18 h2 { margin: 5px; font-size: 20px; font-weight: bold;}
#popup_18 {border-radius: 5px; box-shadow: 0px 0px 10px 0px #000; margin: 10px; padding: 5px; background-color:rgba(249, 170, 62, 0.9); }
.szabad {background-color: green; font-size: 15px; padding: 5px; color: fff;}
.tilos {background-color: red; font-size: 15px; padding: 5px; color: fff;}

#DIValap { position: relative; min-width: 200px; overflow:auto; background-color:#ccc; display:block; margin: 0px 5px 5px 0px; padding: 15px;  border-radius: 0px  15px 15px 0px;}
#DIVtartalom {min-width: 200px; min-height:200px; background-color:rgba(249, 170, 62, 0.9); display:none; margin: 0px 5px 5px 0px; padding: 15px;  border-radius: 0px  15px 15px 0px;}
#DIVTSzulok {min-width: 200px; min-height:200px; background-color:rgba(249, 170, 62, 0.9); display:none; margin: 0px 5px 5px 0px; padding: 15px; border-radius: 0px  15px 15px 0px;}
#DIVTermek {min-width: 200px; min-height:200px; background-color:rgba(249, 170, 62, 0.9); display:none; margin: 0px 5px 5px 0px; padding: 15px; border-radius: 0px  15px 15px 0px;}
#DIVJellemzok {min-width: 200px; min-height:200px; background-color:rgba(249, 170, 62, 0.9); display:none; margin: 0px 5px 5px 0px; padding: 15px;  border-radius: 0px  15px 15px 0px;}
#DIVKepek {min-width: 200px;  min-height:200px; margin:0 0 50px 0;   background-color:rgba(249, 170, 62, 0.9); display:none; margin: 0px 5px 5px 0px;  padding: 15px;  border-radius: 0px  15px 15px 0px;}
#DIVKepek_t { min-width: 200px;}

.oldalmod_kep {
	width: 100px; height: 60px; float: left; 
	padding: 10px 0px; text-align:left; overflow:hidden;
}
.oldalmod_kep_nev {
	width: 280px; height: 80px; float: left; overflow:auto; 
	padding: 10px 0px 0px 20px;	text-align:left; font-size: 14px;
}

#DIVTleiras {min-width: 200px; min-height:300px; background-color:var(--panel-bg); display:none; margin: 0px 5px 5px 0px; padding: 15px;  border-radius: 0px  15px 15px 0px;}
#DIVElonezet1 {min-width: 200px; min-height:300px; background-color:var(--panel-bg); display:none; margin: 0px 5px 5px 0px;  padding: 15px;  border-radius: 0px  15px 15px 0px;}


#chTartalom:checked ~ div#DIVtartalom {display:block;}
#chAlap:checked ~ div#DIValap {display:block;}
#chKategoria:checked ~ div#DIVTSzulok {display:block;}
#chTermek:checked ~ div#DIVTermek {display:block;}
#chJellemzok:checked ~ div#DIVJellemzok {display:block;}
#chKepek:checked ~ div#DIVKepek {display:block;}
#chTermekLeir:checked ~ div#DIVTleiras {display:block;}
#chElonezet:checked ~ div#DIVElonezet1 {display:block;}

#Form_Kiskep {background-color:var(--modkep-bg);  padding:10px;  margin:5px; border:1px solid #000;}
.Form_Kep {background-color:var(--modkep-bg);  float:left; width:400px; padding:10px; margin:5px; border:1px solid #000;}

#t_oldalm {width: 98%;}
/*#t_oldal_mod   {width: 63%;} */
#t_oldal_mod  td {vertical-align: top; padding: 5px;}
.oldal_mod_div {float:left; margin: 10px;}

.label_1 {font-weight: bold;}
/*.aModosit:before {content:  url("../kepek/ikonok/szerkeszt.png") " ";}
.aTorol:before {content:  url("../kepek/ikonok/torol.png") " ";}
.aMasol:before {content:  url("../kepek/ikonok/masol1.png") " ";}

.aUjo:before {content:  url("../kepek/ikonok/uj.png") " ";}
.aTomeges:before {content: "  " url("../kepek/ikonok/tomeges.png") " ";}
.aMentes:before {content: "  " url("../kepek/ikonok/letoltes.png") " ";}

.aVissza:before {content: "  " url("../kepek/ikonok/vissza28.png") " ";}*/
/* =============================================================================
   ELŐNÉZET MEGJELENÍTÉSE
   ========================================================================== */

#EloNezetKulso {background-color:#000; color:#fff; border:1px solid #004; border-radius:15px; box-shadow: 5px 5px 10px 0px #400 inset, -5px -5px 10px 0px #400 inset;}
#EloNezetBelso {background-color:#FFF; color:#000; border:1px solid #200;}

#EloNezetKulso {width: 1124px; height:1124px; }
#EloNezetBelso {width: 1024px; height:1024px; margin:48px; padding:0;}
#EloNezetIframe {width: 1024px; height:1024px; margin:0px; padding:0; overflow-x: hidden; overflow-y: auto;}

#chElo320:checked ~  #EloNezetKulso {width: 420px; height:1124px; }
#chElo320:checked ~  #EloNezetKulso #EloNezetBelso {width: 320px; height:1024px; }
#chElo320:checked ~  #EloNezetKulso #EloNezetIframe {width: 320px; height:1024px; }

#chElo480:checked ~  #EloNezetKulso {width: 580px; height:1124px; }
#chElo480:checked ~  #EloNezetKulso #EloNezetBelso {width: 480px; height:1024px; }
#chElo480:checked ~  #EloNezetKulso #EloNezetIframe {width: 480px; height:1024px; }

#chElo720:checked ~  #EloNezetKulso {width: 820px; height:1124px; }
#chElo720:checked ~  #EloNezetKulso #EloNezetBelso {width: 720px; height:1024px; }
#chElo720:checked ~  #EloNezetKulso #EloNezetIframe {width: 720px; height:1024px; }

#chElo800:checked ~  #EloNezetKulso {width: 900px; height:1124px; }
#chElo800:checked ~  #EloNezetKulso #EloNezetBelso {width: 800px; height:1024px; }
#chElo800:checked ~  #EloNezetKulso #EloNezetIframe {width: 800px; height:1024px; }

#chElo1080:checked ~  #EloNezetKulso {width: 1180px; height:1124px; }
#chElo1080:checked ~  #EloNezetKulso #EloNezetBelso {width: 1080px; height:1024px; }
#chElo1080:checked ~  #EloNezetKulso #EloNezetIframe {width: 1080px; height:1024px; }

#chElo1024:checked ~  #EloNezetKulso {width: 1124px; height:1124px; }
#chElo1024:checked ~  #EloNezetKulso #EloNezetBelso {width: 1024px; height:1024px; }
#chElo1024:checked ~  #EloNezetKulso #EloNezetIframe {width: 1024px; height:1024px; }

#chElo1280:checked ~  #EloNezetKulso {width: 1380px; height:1124px; }
#chElo1280:checked ~  #EloNezetKulso #EloNezetBelso {width: 1280px; height:1024px; }
#chElo1280:checked ~  #EloNezetKulso #EloNezetIframe {width: 1280px; height:1024px; }

#chElo1600:checked ~  #EloNezetKulso {width: 1700px; height:1124px; }
#chElo1600:checked ~  #EloNezetKulso #EloNezetBelso {width: 1600px; height:1024px; }
#chElo1600:checked ~  #EloNezetKulso #EloNezetIframe {width: 1600px; height:1024px; }

#chElo1920:checked ~  #EloNezetKulso {width: 2020px; height:1124px; }
#chElo1920:checked ~  #EloNezetKulso #EloNezetBelso {width: 1920px; height:1024px; }
#chElo1920:checked ~  #EloNezetKulso #EloNezetIframe {width: 1920px; height:1024px; }

/* =============================================================================
   TERMÉK MEGJELENÍTÉSE
   ========================================================================== */
.Kiskep {max-width: 90px; max-height:90px; text-align: center; margin: auto 1px;}
.DIVKiskep { float:left; background-color:rgba(255,255,255,0.04);  padding:0; }
.SorTores {clear:left;}
.SorTores1 {clear:left; padding: 0px 5px;}
#TermekKepek {
	max-width:270px;
	max-height:305px;
	overflow-x: hidden;
    margin: 0px 10px 10px;
}
#temek_kiskep { 
	width: 80px; 
	height:80px;
	background-position: center;
	background-size: contain;  
	background-repeat:no-repeat;	
	border: 2px solid var(--image-border-color);
	background-color:#fff;
}

.NagykepClass {
	width:300px;
	background-position: center;
	background-size: contain;  
	background-repeat:no-repeat;
	background-color:#fff; 
	border: 5px solid var(--image-border-color);
}
.NagykepClass table {
	width: 290px;
	height: 290px;
	border-collapse: collapse;	
}
#DIVT {
	float:left; 
	padding: 5px;
}
#DIVTLista { 
	padding: 10px;	
	background-color:rgba(255,207,191,0.3); 
	color: #000; 
	border:3px solid rgba(255,115,115,0.3); 
	border-radius:5px;
}
#DIVTLista table {  border:0px solid #000; }
#DIVTLista th { width:100px;padding:5px; text-align:left; color:#000; vertical-align: center;border:0px solid #000;}
#DIVTLista td { padding:5px; vertical-align: center;border:0px solid #000;}
#DIVTLista input[type="number"] {width: 50px;}
#KosarbaSubmit { width: 150px; background-color:#444; color: #ddd; border:3px solid #444; border-radius:2px;}


.PanelValaszt {display:none;}
.PanelValasztLabel {display:inline-block; padding:10px 25px 10px 15px;  background-color:rgba(255,207,191,0.5); border-radius:5px 25px 1px 1px; margin:0; cursor:pointer;}
.PanelValaszt:checked + .PanelValasztLabel {background-color:rgba(255,207,191,0.9);}

#SzallitasPanel {display:none;}
#chSzallitasPanel:checked ~ div#SzallitasPanel {display:block;}
#JellemzokPanel {display:none;}
#chJellemzoPanel:checked ~ div#JellemzokPanel {display:block;}
#LeirasPanel {display:none; float:left; max-width: 700px; background-color:rgba(255,207,191,0.9);  padding:15px;}
#chLeirasPanel:checked ~ div#LeirasPanel {display:block;}

#SzallitasPanel, #JellemzokPanel  {float:left; max-width: 700px; }
#SzallitasPanel tr, #JellemzokPanel tr {background-color:rgba(249, 170, 62,0.9);}
#SzallitasPanel tr:nth-child(2n) {background-color:rgba(249, 170, 62,0.4);}
#JellemzokPanel tr:nth-child(2n) {background-color:rgba(249, 170, 62,0.4);}
#SzallitasPanel td, #JellemzokPanel td {padding:5px;}
#SzallitasPanel table, #JellemzokPanel table {max-width: 700px; }
#SzallitasPanel th {padding:5px; text-align:center; color:#000;}

#O2 {float:left; border:0px solid #0ff; margin: 0px 10px 0px 10px; border:1px solid #ff0;}
#O3 {float:left; width: 480px; border:0px solid #0ff;}
#O4 {float:left; border:0px solid #0ff;}

#DIVTermekinfo { margin: 20px 5px 10px 5px; padding: 5px;}



#RovidLeir { float:none;  border:0px solid blue;    }
#OldalTart {padding: 10px;}
#OldalTart a {color:blue;text-decoration: none;}
#TOTartalom { float:left; border:0px solid red; max-width: 460px;}

#KiemeltTermek {padding:5px; background-color:var(--panel-bg); border-radius:15px; box-shadow: 0px 0px 10px 0px #000;}
#KiemeltTermek1 { float:left;  border:0px solid red; margin:10px 0px 20px 0px;}

#Kcim , #K1cim   {margin: 10px 0px; line-height: 20px; text-align:center; font-size: 1.5em;}

#HTermek {margin:20px 0px 0px 10px; }
#HTermek h1 {text-align:center;}

 .jobbramegtor {float:right;}
/* =============================================================================
   TERMÉK szerkesztés ürlap
   ========================================================================== */
/*
#t_termekurlap td:nth-child(1) {width: 10%;}
#t_termekurlap td:nth-child(2) {width: 30%;}
#t_termekurlap td:nth-child(3) {width: 15%;}
#t_termekurlap td:nth-child(4) {width: 10%;}
#t_termekurlap td:nth-child(5) {width: 5%;}
#t_termekurlap td:nth-child(6) {width: 5%;}
#t_termekurlap td:nth-child(7) {width: 5%;}
#t_termekurlap td:nth-child(8) {width: 5%;}
#t_termekurlap td:nth-child(9) {width: 10%;}
#t_termekurlap td:nth-child(10) {width: 5%;}

#t_termekurlap th:nth-child(1) {width: 10%;}
#t_termekurlap th:nth-child(2) {width: 30%;}
#t_termekurlap th:nth-child(3) {width: 15%;}
#t_termekurlap th:nth-child(4) {width: 10%;}
#t_termekurlap th:nth-child(5) {width: 5%;}
#t_termekurlap th:nth-child(6) {width: 5%;}
#t_termekurlap th:nth-child(7) {width: 5%;}
#t_termekurlap td:nth-child(8) {width: 5%;}
#t_termekurlap td:nth-child(9) {width: 10%;}
#t_termekurlap td:nth-child(10) {width: 5%;}
*/

.t_termekurlap th, .t_termekurlap td {
	padding: 3px;
	text-align: center;
	font-size:12px; 
}
/*
.t_termekurlap {
	border: 1px solid #000;
	display: inline-block; 
	text-align:left; 
	width: 99%;
}
*/
#t_termekszulokurlap  th, #t_termekszulokurlap  td {
	padding: 3px;
	text-align: center;
	min-height: 25px;
}
#t_termekszulokurlap {width: 350px; }
#t_termekszulokurlap  td:nth-child(1), #t_termekszulokurlap  th:nth-child(1) {width: 200px;}
#t_termekszulokurlap  td:nth-child(2), #t_termekszulokurlap  th:nth-child(2) {width: 50px;}


/* =============================================================================
   MEGRENDELÉS FORM
   ========================================================================== */

#div_RendelUrlap  {width: 98%; }
#div_RendelUrlap tr {background-color:rgba(249, 170, 62,0.9);}
#div_RendelUrlap tr:nth-child(2n) {background-color:rgba(249, 170, 62,0.4);}
#div_RendelUrlap td {padding:4px;}
#div_RendelUrlap th {padding:4px; text-align:center; background-color:rgba(249, 170, 62,0.9);}
#div_RendelUrlap table {width: 98%;}

#div_RendelUrlap input[type="number"] {width: 50px;}
#div_RendelUrlap input[type="text"] {width: 200px;}

#div_RendelUrlap input[readonly] {background-color:#ff751a; color:#000;  border:0; padding:1px;}

#div_RendelUrlap input[readonly]::-webkit-input-placeholder {color:#ff751a;}
#div_RendelUrlap input[readonly]:-moz-placeholder {color:#ff751a;}
#div_RendelUrlap input[readonly]::-moz-placeholder {color:#ff751a;}
#div_RendelUrlap input[readonly]:-ms-input-placeholder {color:#ff751a;}
#div_RendelUrlap input[readonly]:input-placeholder {color:#ff751a;}

#div_RendelUrlap .label_1 {display: inline-block; width: 150px; margin: 0 5px;  line-height:1em; }
#div_RendelUrlap p {line-height:1em; margin: 5px 15px;}

#div_RendelUrlap .Error {border:4px solid #bb0000;}

#div_RendelUrlap {display: inline-block; text-align:left;}
.KepBtn {
	font-size: 13px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
	color:#000;
	border:1px solid #aaa; 
	padding:1px; 
}
.KepBtn:hover {
	border:1px solid #666;
}

#t_message, #t_message td {border-collapse: collapse; border: 1px solid #000;}
#t_message td { padding: 5px;}
#t_message_termek th { text-align: center;}
#t_message_termek td:nth-child(4) { text-align: right;}
#t_message_termek td:nth-child(5) { text-align: right;}
#t_message_termek td:nth-child(6) { text-align: right;}
#t_message_termek td:nth-child(7) { text-align: right;}
#t_message_termek td:nth-child(8) { text-align: right;}
/* =============================================================================
   MEGRENDELÉSEK MEGTEKINTÉSE
   ========================================================================== */

#DIVmegrendeles, #DIVmegrendelesLista {
	display: inline-block; 
	text-align:left; 
width: 99%; }

.Rtermekek table{background-color:#fff;}
.Rtermekek th{background-color:#ccc;}
.Rtermekek tfoot{background-color:#ddd;}
/*
.Rtermekek td:nth-child(1), .Rtermekek th:nth-child(1) {width: 10%;}
.Rtermekek td:nth-child(2), .Rtermekek th:nth-child(2) {width: 20%;}
.Rtermekek td:nth-child(3), .Rtermekek th:nth-child(3) {width: 20%;}
.Rtermekek td:nth-child(4), .Rtermekek th:nth-child(4) {width: 10%;}
.Rtermekek td:nth-child(5), .Rtermekek th:nth-child(5) {width: 10%;}
.Rtermekek td:nth-child(6), .Rtermekek th:nth-child(6) {width: 10%;}
.Rtermekek td:nth-child(7), .Rtermekek th:nth-child(7) {width: 5%;}
.Rtermekek td:nth-child(8), .Rtermekek th:nth-child(8) {width: 5%;}
.Rtermekek td:nth-child(9), .Rtermekek th:nth-child(9) {width: 10%;}
*/

#Radatok  td:nth-child(1) {width:15%; font-weight: bold;background-color:#ccc;}
#Radatok  td:nth-child(2) {width:25%;}
#Radatok  td:nth-child(3) {width:10%; font-weight: bold;background-color:#ccc;}
#Radatok  td:nth-child(4) {width:25%;}
#Radatok  td:nth-child(5) {width:25%;}

#DIVmegrendeles td {padding:4px; text-align:left; border: 1px solid #000;}
#DIVmegrendeles th {padding:4px; text-align:left; border: 1px solid #000;background-color:#ccc;}
#DIVmegrendeles table {width: 100%; border-collapse: collapse; border: 1px solid #000;font-size:12px;background-color:#eee;}

#DIVmegrendeles td.jobbra, #DIVmegrendeles th.jobbra  		{text-align:right;}
#DIVmegrendeles td.balra, #DIVmegrendeles th.balra  		{text-align:left;}
#DIVmegrendeles td.kozepre, #DIVmegrendeles th.kozepre  		{text-align:center;}
#DIVmegrendeles td.uj  			{ background-color:#ccff99; color:#000;}
#DIVmegrendeles td.folyamatban  	{ background-color:#669999; color:#000;}
#DIVmegrendeles td.torolt  		{ background-color:#cc0000; color:#fff;}
#DIVmegrendeles td.teljesitett  	{ background-color:#c2c2a3; color:#000;}
#DIVmegrendeles td.vissza  	{background-color:#ff9933; color:#000;}
#DIVmegrendeles td.lezart 	{ background-color:#595959; color:#000;}

/*#DIVmegrendelesLista tr {background-color:rgba(249, 170, 62,0.9);}
#DIVmegrendelesLista tr:nth-child(2n) {background-color:rgba(249, 170, 62,0.4);}*/
#DIVmegrendelesLista td {padding:4px; text-align:left; border-bottom: 1px dotted #000;}
#DIVmegrendelesLista th {padding:4px; text-align:left; vertical-align: bottom; border-bottom: 1px solid #000;border-top: 1px solid #000;background-color:#bbb;}
#DIVmegrendelesLista table {width: 100%;  border-collapse: collapse;border:1px solid #000;font-size:12px;background-color:#fff;}



#DIVmegrendelesLista td.jobbra 		{ text-align:right;}
#DIVmegrendelesLista td.balra    		{ text-align:left;}
#DIVmegrendelesLista td.uj  			{ background-color:#ccff99; color:#000;}
#DIVmegrendelesLista td.folyamatban  	{ background-color:#669999; color:#000;}
#DIVmegrendelesLista td.torolt  		{ background-color:#cc0000; color:#fff;}
#DIVmegrendelesLista td.teljesitett  	{ background-color:#c2c2a3; color:#000;}
#DIVmegrendelesLista td.vissza 	{ background-color:#ff9933; color:#000;}
#DIVmegrendelesLista td.lezart 	{ background-color:#595959; color:#000;}

#DIVmegrendelesLista td:nth-child(1) {width:15%; vertical-align: middle;}
#DIVmegrendelesLista td:nth-child(2) {width:10%;}
#DIVmegrendelesLista td:nth-child(3) {width:10%;}
#DIVmegrendelesLista td:nth-child(4) {width:10%;}
#DIVmegrendelesLista td:nth-child(5) {width:10%;}
#DIVmegrendelesLista td:nth-child(6) {width:10%;}
#DIVmegrendelesLista td:nth-child(7) {width:10%;}
#DIVmegrendelesLista td:nth-child(8) {width:10%;}
#DIVmegrendelesLista td:nth-child(9) {width:10%;}
#DIVmegrendelesLista td:nth-child(10) {width:5%;}
#DIVmegrendelesLista td:nth-child(11) {width:5%;}

#DIVigazit {text-align:center; width: 100%;}

#rnote {width: 85%;}

/* Popup container - can be anything you want */
.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* The actual popup */
.popup .popuptext {
    visibility: hidden;
    width: 160px;
    background-color: #eee;
    color: #000;
    text-align: center;
	border: 1px solid #888;
	box-shadow: 2px 2px 2px #000;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: 125%;
    left: 50%;
    margin-left: -80px;
}

/* Popup arrow 
.popup .popuptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}*/

/* Toggle this class - hide and show the popup */
.popup .show {
    visibility: visible;
    /*-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;*/
}
.popup .hide {
    visibility: hidden;
    /*-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;*/
}
/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
/* =============================================================================
   HIBAOLDAL MEGJELENÍTÉSE
   ========================================================================== */

#HiabOldalT ul {margin: 5px 5px 5px 25px;}
#HiabOldalT h2 {font-size:1.6em;}

/* =============================================================================
   HIREK MEGJELENÍTÉSE
   ========================================================================== */

.HirElozetes {
	width: 90%;
}
.HirElozetes td {
	padding:10px;
}
.HirElozetes td:first-child {	width:  150px; vertical-align: middle;}
.HirElozetes td:nth-child(3) {width:  100px;}
.HirLink {
	float: left;
	min-height:100px;
}
.ElozetesImg {
	height:100px;	
}
.HirKepFigure {
	float:left;
	margin: 10px;
}
.datum_tabla {
	width:70px;
	height:70px;
	float: left;
	text-align: center;
	background-color: #eee;
	color: red;
	font-weight:bold;
	border-radius: 3px;
	font-size: 25px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
	border:1px solid #aaa; 
	padding:5px;
	margin: auto 10px;
}
#HirT {
	padding: 10px;
}
.datum-tabla-v {
	width:100px;
	text-align: center;
	background-color: #eee;
	color: red;
	font-weight:bold;
	border-radius: 3px;
	font-size: 14px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
	border:1px solid #aaa; 
	padding:5px;
	margin: 0px;
}
.nagy-hir {
	padding: 10px;
	color: #000;
	background-color: #ddd; 
	border: 0px solid #000;
	border-radius: 10px;
	box-shadow: 3px 3px 3px #000;
	text-align: left;
	}
.nagy-hir a {color:blue;text-decoration: none;}
#utolso_hir {
	}
#utolso_hir a {color:blue;text-decoration: none;}
#hirlista {
	background-color: #eee;
	border:1px solid #000;
	border-radius: 0 10px 10px 0;
	padding: 10px; 
	overflow: auto;
	text-align: left;
	font-size: 12px;
	}
.kis_hir {
	margin: 0;
	padding: 10px 0;
	border-bottom:1px dotted #000;
}

/* =============================================================================
   Elérhetőségek szerkesztése
   ========================================================================== */
.kapcsolat_table {
	
}
.KepBtn_kg {
	width: 50px;
	float: left;
	font-size: 13px;
	background: #fff; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fff, #ddd); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fff, #ddd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fff, #ddd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fff, #ddd); /* Standard syntax */
	color:#000;
	border:1px solid #aaa; 
	padding:5px;
	margin: 20px;
}
.KepBtn_kg:hover {
	border:1px solid #666;
}
#t_galeria_div {
	overflow:auto;
	max-width: 600px;
	min-height:340px;
	max-height:400px;
}
#t_kepgaleria {
	max-width: 580px;
}
#t_kepgaleria td {
	vertical-align: middle;
	text-align: left;
	padding: 5px;
	font-size: 12px;
}
#kepaleria_ajax_div {
	
	color: #000;
	border-radius: 3px;
	font-size: 12px;
	padding:10px;
	margin: 0px;
	text-align: center;
}
/* Popup container - can be anything you want */
.popup_galeria {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

/* The actual popup */
.popup_galeria  .popuptext_galeria  {
    visibility: hidden;
    max-height:500px;
	min-width: 500px;
    background-color: #eee;
    color: #000;
    text-align: center;
	border: 1px solid #888;
	box-shadow: 2px 2px 2px #000;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    top: -110px;
    left: 80px;
    margin-left: -80px;
}

/* Popup arrow 
.popup .popuptext::after {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}*/

/* Toggle this class - hide and show the popup */
.popup_galeria  .show {
    visibility: visible;
    /*-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;*/
}
.popup_galeria  .hide {
    visibility: hidden;
    /*-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;*/
}

/* Popup container - can be anything you want */
.popup_nagykep {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

/* The actual popup */
.popup_nagykep  .popuptext_nagykep {
    visibility: hidden;
    max-height:500px;
    background-color: #eee;
    color: #000;
    text-align: center;
	border: 1px solid #888;
	box-shadow: 2px 2px 2px #000;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 10;
    top: 30px;
    left: 60px;
    margin-left: -80px;
}
/* Toggle this class - hide and show the popup */
.popup_nagykep  .show {
    visibility: visible;
    /*-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;*/
}
.popup_nagykep  .hide {
    visibility: hidden;
    /*-webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;*/
}
/* ???????????????? */