@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em
,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption
,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body{line-height:1;overflow-y:scroll;}ol,ul{list-style:none;}blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}ins,a{text-decoration:none;}
del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}body{height:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

body {
	margin:0;
	padding:0;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	background-image: url(../kepek/sitetexture.jpg);
}
H1, H2, H3, H4, H5, H6 {
	margin-top:0;
	margin-bottom:0px;
	font-weight:normal;
}
p {
    margin-top: 0px;
    margin-bottom: 0px;
}
@font-face {
	font-family:'icons';
	src: url('../css/elegant/ElegantIcons.eot');
	src: url('../css/elegant/ElegantIcons.eot?#iefix') format('embedded-opentype'),
	url('../css/elegant/ElegantIcons.woff') format('woff'),
	url('../css/elegant/ElegantIcons.ttf') format('truetype'),
	url('../css/elegant/ElegantIcons.svg#ElegantIcons') format('svg');font-weight:normal;font-style:normal;
}
.cleardiv {
	clear:both;
}
.wrapper:after {
    content:'';
    display:block;
    clear: both;
}
.linkkek {
    color: #0078D7;
}
.zold {
	color: #a0cb0a;
}
.szold {
	color: #5a831a;
}
.fzold {
	color: #71a735;
}
.vbarna {
	color: #A97019;
}
.piros {
	color:#f00;
}
.narancs {
	color:#ff5800;
}
.vnarancs {
	color: #ff7500;
}
.kek {
	color: #0078D7;
}
.barna {
	color: #A97019;
}
.rozsa {
	color: #cc4e97;
}
.bgrozsa {
	background: #cc4e97;
}
.bgarancs {
	background: #ff7500;
}
.bgkek {
	background: #0078D7;
}
.bgbarna {
	background: #A97019;
}

.fs12 {
	font-size: 12px;
}
.fs15 {
	font-size: 15px;
}
.fs17 {
	font-size: 17px;
}
.fs18 {
	font-size: 18px;
}
.fs20 {
	font-size: 20px;
}
.fs22 {
	font-size: 22px;
}

.lh25 {
	line-height: 25px;
}
.lh28 {
	line-height: 28px;
}
.lh32 {
	line-height: 32px;
}


#container {
	width: 100%;
	height: auto;
}
#head {
	width: 95%;
	max-width: 1200px;
	height: auto;
	position: relative;
	margin: 15px auto;
	/*border: 1px solid #ccc;*/
}
#nyitokep {
    position: absolute;
    top: 0;
	width: 100%;
	max-width: 1920px;
    height: 350px;
    z-index: 0;
}
#tartalom {
	/*width: 94%;*/
	width: 100%;
	min-height: 500px;
	position: relative;
	/*padding:0px 3% 20px 3%;*/
	padding-bottom:20px;
	z-index: 1;
	clear: both;
}
#footer {
	width: 90%;
	max-width: 1100px;
	height: auto;
	position: relative;
	margin:auto;
	padding-top: 10px;
	padding-bottom: 50px;
	/*border: 1px solid #f00;*/
}
.subsitediv {
	width: 94%;
	padding:0 3% 0 3%;
	/*border: 1px solid #f00;*/
}

.sitepaper {
	position: relative;
	width: 95%;
	max-width: 1200px;
	height: auto;
	margin: 25px auto;
	background: url(../kepek/papertexture.jpg);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(17, 17, 17, 1);
	-moz-box-shadow:    0px 3px 7px 0px rgba(17, 17, 17, 1);
	box-shadow:         0px 3px 7px 0px rgba(17, 17, 17, 1);
}
/*.sitepaper:before, .sitepaper:after {
	content: "";
	width: 98%;
	height: 98%;
	position: absolute;
	z-index: -1;	
}
.sitepaper:after {
	background: #f0f0f0;
	right: 10px;
	top: 30px;
	transform: rotate(-0.5deg);
	-webkit-box-shadow: 0px 3px 7px 0px rgba(17, 17, 17, 1);
	-moz-box-shadow:    0px 3px 7px 0px rgba(17, 17, 17, 1);
	box-shadow:         0px 3px 7px 0px rgba(17, 17, 17, 1);
}*/

.menudekor {
	width: 100%;
	height: 27px;
	background-image: url(../kepek/spiralelem.png);
	position: relative;
	top: -11px;
}

/* Fejléc */

.logobox {
	width: 220px;
	height: auto;
	float: left;
}
.headmenubox {
	width: 700px;
	height: auto;
	float: right;
	/*border: 1px solid #ccc;*/
}
.description {
	width: 100%;
	height: auto;
	text-align: right;
	color: #e8e8e8;
	margin-bottom: 8px;
	font-size: 12.5px;
	line-height: 18px;
	text-shadow: 1px 1px 0px rgba(38, 38, 38, 1);
}
.hmelem {
	width: auto;
	height: auto;
	float: right;
	padding-left: 30px;
	font-size: 15px;
	color: #a0cb0a;
	cursor: pointer;
	text-shadow: 1px 1px 0px rgba(38, 38, 38, 1);
}
.hmelem:hover {
	text-decoration: underline;
}
.hmicon {
	font-family: 'icons';
	margin-right: 10px;
	font-size: 20px;
	position: relative;
}
.slogan {
	width: auto;
	height: auto;
	float: left;
	font-size: 19px;
	color: #0078D7;
	font-family: 'Indie Flower', cursive;
	line-height: 27px;
	margin-left: 20px;
	transform: rotate(359deg);
}
.menuelem {
	width: 150px;
	height: 75px;
	background: url(../kepek/menuelem.png) no-repeat;
	text-align: center;
	color: #fff;
	font-size: 19px;
	line-height: 107px;
	position: relative;
	top: -39px;
	/*margin-bottom: 39px;*/
	float: right;
	cursor: pointer;
}
.menuelem:hover {
	background: url(../kepek/menuelemhover.png) no-repeat;
}

#mobilemenubox {
	width:37px;
	height:42px;
	float:right;
	margin-top:5px;
	display:none;
}

.idosav {
	width: 98%;
	height: auto;
	padding: 1%;
	text-align: center;
	background: #f00;
	color: #fff;
	font-size: 17.8px;
	line-height: 24px;
}
/* Flash class and keyframe animation */
.flashit{
  color:#fff;
	-webkit-animation: flash linear 1s infinite;
	animation: flash linear 1s infinite;
}
@-webkit-keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
@keyframes flash {
	0% { opacity: 1; } 
	50% { opacity: .1; } 
	100% { opacity: 1; }
}
.kitetel {
	width: 100%;
	text-align: center;
	font-size: 12.4px;
}

/* Lábléc - footer */

.logodiv {
	width: 25%;
	height: auto;
	position: relative;
	float: left;
}
.dicserdiv {
	width: 48%;
	height: auto;
	position: relative;
	float: left;
}
.linkdiv {
	width: 20%;
	height: auto;
	position: relative;
	float: right;
	font-size: 13px;
	color: #a0cb0a;
	line-height: 24px;
}
.flogo {
	width: 200px;
	height: auto;
	margin-bottom: 15px;
}
.ftel {
    width: auto;
    height: auto;
    font-size: 22px;
	font-weight: bold;
    color: #a0cb0a;
    cursor: pointer;
    text-shadow: 1px 1px 0px rgba(38, 38, 38, 1);
	margin-bottom: 10px;
}
.fslogan {
	width: 80%;
	height: auto;
	font-size: 13px;
	line-height: 18px;
	color: #a0cb0a;
	text-shadow: 1px 1px 0px rgba(38, 38, 38, 1);
	margin-bottom: 20px;
}
.velemeny {
    width: 100%;
    height: 170px;
    font-size: 13px;
    line-height: 18px;
    color: #fff;
    overflow: hidden;
	margin-top:5px;
}
.fmenuboxicon {
	font-family:'icons';
	color:#a0cb0a;
	margin-right:10px;
	font-size:17px;
}
.velemenyblock {
	width: 94%;
	margin: auto;
}


/* NYITÓLAP */

.nyintrodiv {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
	/*border: 1px solid #f00;*/
}
.introimg {
	width: 50%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 5%;
	/*border: 1px solid #ccc;*/
}
.introtextbox {
	width: 40%;
	height: auto;
	float: right;
	margin-right: 3%;
	margin-top: 48px;
	text-align: center;
	/*border: 1px solid #ccc;*/
}
.title {
	width: 100%;
	font-size: 32px;
	margin-bottom: 8px;
	color: #454545;
}
.subtitle {
	width: 100%;
	font-size: 17px;
	color: #454545;
	margin-bottom: 40px;
	line-height: 28px;
}
.stfont {
	font-family: 'icons';
	font-size:	15px;
	color: #ff5800;
	margin-left: 10px;
	margin-right: 10px;
}

.lookbox {
	width: 64%;
	min-height: 100px;
	position: relative;
	margin: auto;
	padding: 5%;
	text-align: center;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f4f6eb+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f4f6eb 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f6eb 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ffffff 0%,#f4f6eb 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f6eb',GradientType=0 ); /* IE6-9 */

}
.effect
{
  position: relative;
}
.effect:before, .effect:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.lbtext {
	width: 100%;
	color: #454545;
	line-height: 20px;
}

.subslogan {
	width: 87%;
	height: auto;
	margin: auto;
	margin-bottom: 25px;
	font-size: 15px;
	text-align: center;
	line-height: 20px;
	color: #454545;
}


.nyproductdiv {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	/*border: 1px solid #f00;*/
}
.nyprodbox {
	width: 24.9%;
	min-height: 300px;
	position: relative;
	float: left;
	border-right: 1px solid #b5b5b5;
}
.nyprodbox:hover {
	background: #fff;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(17, 17, 17, 0.5);
	-moz-box-shadow:    0px 3px 7px 0px rgba(17, 17, 17, 0.5);
	box-shadow:         0px 3px 7px 0px rgba(17, 17, 17, 0.5);
}
.nypbnone {
	border-right:0;
}
.nypronevbox {
	width: 90%;
	height: auto;
	padding: 5%;
	border-bottom: 1px solid #b5b5b5;
}
.nypronevp {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 15px 0 12px 0;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	background: #e40303;
	background: #71a834;
}
.nypronevsz {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 15px 0 12px 0;
	font-size: 18px;
	font-weight: bold;
	color: #555;
	color: #fff;
	background: #ccc;
	background: #71a834;
}
.nyproimg {
	width: 90%;
	height: auto;
	padding: 5%;
	border-bottom: 1px solid #b5b5b5;
}
.nypromotxt {
	width: 90%;
	height: auto;
	padding: 5%;
	font-size: 13px;
	line-height: 18px;
	color: #555;
	text-align: justify;
}
.ajanlathoz {
	width: 155px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	text-align: center;
	color: #fff;
	font-size: 12.5px;
	text-shadow: 1px 1px 0px rgba(38, 38, 38, 0.7);
	border: 1px solid #185ba8;
	border-radius: 3px;
	margin-bottom: 15px;
	background: #0078d7; /* Old browsers */
	background: -moz-linear-gradient(top,  #0078d7 0%, #185ba8 100%); /* FF3.6-15 */	
	background: -webkit-linear-gradient(top,  #0078d7 0%,#185ba8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0078d7 0%,#185ba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078d7', endColorstr='#185ba8',GradientType=0 ); /* IE6-9 */
}
#fancydiv {
	width: 75%;
	height: auto;
	float: left;
	border: 2px solid #ccc;
	border-radius: 5px;
	position: relative;
}
.nyfdiv {
	width: 22%;
	height: auto;
	float: right;
	position: relative;
	top: 35px;
}
.nyfsordiv {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.nyficonbox {
	width: 20%;
	height: auto;
	float: left;
	font-family: 'icons';
	font-size: 30px;
	color: #a0cb0a;
	color: #71a834;
	position: relative;
	margin-top: 5px;
}
.nyftxtbox {
	width: 78%;
	height: auto;
	float: left;
	line-height: 22px;
	color: #555;
}

.nyclose {
	width: 90%;
	height: auto;
	margin: auto;
	text-align: center;
	color: #555;
	font-size: 18px;
	line-height: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	clear: both;
}

/* ÁSZF */

#aszfhcontent {
    width: 90%;
    height: auto;
    margin: auto;
    line-height: 18px;
	padding-top:30px;
	font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:13px;
}
.aszfcim {
    width: 100%;
    height: auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
    margin-bottom: 30px;
	color: #0078D7;
}
.felhblokk {
    width: 98%;
    height: auto;
    padding: 1%;
    background: #e0d8bf;
    margin-bottom: 25px;
}

/* KAPCSOLAT */

#adatblock {
	width: 45%;
	height: auto;
	float: left;
	color: #454545;
	margin-bottom: 30px;
}
#mapblock {
	width: 50%;
	min-height: 540px;
	float: right;
	margin-bottom: 30px;
	border: 1px solid #ccc;
}
.mapsize {
	width:100%;
	height:540px;
}

.adatcim {
	margin-bottom: 20px;
	font-size: 15.7px;
	font-weight: bold;
}
.mezoblock {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}
.mezoikonhely {
	width: 30px;
	height: 30px;
	background: #a0cb0a;
	margin-right: 20px;
	float: left;
	text-align: center;
}
.mezoikon {
	font-family: 'icons';
	font-size: 20px;
	color: #fff;
	position: relative;
	top: 5px;
}
.mezotext {
	float: left;
	margin-top: 10px;
}
.mezoinput {
	width: 90%;
	height: 30px;
	border: 1px solid #e8e8e8;
	background: #ffffff;
	text-indent: 5px;
	margin-bottom: 10px;
}
.mezota {
	width: 90%;
	height: 70px;
	border: 1px solid #e8e8e8;
	background: #ffffff;
	text-indent: 5px;
	margin-bottom: 10px;
	line-height: 20px;
}
.messendbuttonplace {
	width:120px;
	height:35px;
}
.messendbutton {
	cursor:pointer;
	width:120px;
	height:35px;
	text-align:center;
	line-height:38px;
	background:#0078D7;
	color:#fff;
	font-size:15px;
	border:0;
}
.messendbutton:hover {
	background:#a0cb0a;
}


/* MEGRENDELÉS */

.mcim {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 30px;
	font-size: 25px;
	color: #454545;
}
.malcim {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 30px;
	font-size: 18px;
	color: #0078D7;
}
.mvblock {
	width: 90%;
	height: auto;
	margin: auto;
}
.mvalasztbox {
	width: 17%;
	height: auto;
	float: left;
	margin: 1%;
	padding: 3%;
	color: #000;
}
.mvalasztbox:hover {
	background: #fff;
	-webkit-box-shadow: 0px 3px 7px 0px rgba(17, 17, 17, 0.5);
	-moz-box-shadow:    0px 3px 7px 0px rgba(17, 17, 17, 0.5);
	box-shadow:         0px 3px 7px 0px rgba(17, 17, 17, 0.5);
	color: #0078D7;
}
.mvimg {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 20px;
}
.mvtitle {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 10px;
	font-size: 17px;
	font-weight: bold;
}
.mvstitle {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	color: #000;
}

/* MEGRENDELŐI ADATOK */


.rcim {
	width: 100%;
	height: auto;
	position: relative;
	text-align: center;
	margin-bottom: 30px;
	padding-top: 10px;
	font-size: 25px;
	color: #454545;
}

#kliensadatblock {
	width: 88%;
	height: auto;
	margin: auto;
	margin-bottom: 20px;
	padding: 3% 3% 1% 3%;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #f2f2f2;
	color: #2B2B2B;
}

.szemelybox {
	width:100%;
	height:auto;
	border-bottom:1px solid #b1b0b0;
	padding-bottom:5px;
	margin-bottom:20px;
}
.rendelfocim {
	width:100%;
	height:auto;
	margin-bottom:15px;
	font-weight:bold;
}
.datablokk {
	width:99%;
	height:auto;
}
.mbeltart {
    margin-bottom: 15px;
}
.bbottom {
	border-bottom:1px solid #b1b0b0;
}

.datacim {
	width:15%;
	height:auto;
	float:left;
	line-height:32px;
}
.uinevinput {
	width:82%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}

.maildiv {
	width:47%;
	height:auto;
	float:right;
}
.mailtxt {
	width:20%;
	height:auto;
	float:left;
	line-height:32px;
}
.mailinput {
	width:78%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}
.szallmailtxt {
	width:24%;
	height:auto;
	float:left;
	line-height:32px;
}
.szallmailinput {
	width:72%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}
.teldiv {
	width:49.5%;
	height:auto;
	float:left;
	/*border:1px solid #04E332;*/
}
.teltxt {
	width:34%;
	height:auto;
	float:left;
	line-height:32px;
}
.telinput {
	width:64%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}

.szamlabox {
	width:100%;
	height:auto;
	border-bottom:1px solid #b1b0b0;
	padding-bottom:5px;
	margin-bottom:15px;
}


.cegdiv {
	width:70%;
	height:auto;
	float:left;
}
.cegtxt {
	width:24%;
	height:auto;
	float:left;
	line-height:32px;
}
.ceginput {
	width:74.5%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}

.adoszamdiv {
	width:27%;
	height:auto;
	float:right;
}
.adoszamtxt {
	width:30%;
	height:auto;
	float:left;
	line-height:32px;
}
.adoszaminput {
	width:68%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}

.iszamdiv {
	width:24%;
	height:auto;
	float:left;
	margin-right:2%;
}
.szalliszamdiv {
	width:24%;
	height:auto;
	float:right;
}
.iszamtxt {
	width:70%;
	height:auto;
	float:left;
	line-height:32px;
}
.szalliszamtxt {
	width:67%;
	height:auto;
	float:left;
	line-height:32px;
	text-align: right;
}
.iszaminput {
	width:25.5%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}

.telepulesdiv {
	width:28%;
	height:auto;
	float:left;
	/*border:1px solid #04E332;*/
}
.telepulestxt {
	width:30%;
	height:auto;
	float:left;
	line-height:32px;
}
.telepulesinput {
	width:67%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}

.hazszamdiv {
	width:44%;
	height:auto;
	float:right;
	/*border:1px solid #04E332;*/
}
.hazszamtxt {
	width:21%;
	height:auto;
	float:left;
	line-height:32px;
}
.hazszaminput {
	width:77%;
	height:28px;
	float:right;
	border:1px solid #b1b0b0;
	border-radius:4px;
	background:#fff;
	text-indent:5px;
}

.radiobox {
	width:100%;
	height:auto;
	padding-top:5px;
	padding-bottom:20px;
	margin-bottom:15px;
}
.radiotitle {
	width: 17%;
	height: auto;
	float:left;
	font-weight: bold;
	line-height:22px;
}
.selectdiv {
	width:27%;
	height:auto;
	float:left;
}
.buttontxt {
	line-height: 22px;
}
.btxtkieg {
	font-size: 12px;
	line-height: 15px;
	margin-left: 30px;
}

/*szállítási adatok rejtett mező*/
#szallitasiadatok {
	width:100%;
	min-height:100px;
	position:relative; 
	clear:both;
	top:15px;
	margin-bottom:-5px;
	border-radius:4px;
	background:#fff;
}
.atvevoszemelybox {
    width: 97%;
    height: auto;
	margin:auto;
	padding-top: 15px;
    padding-bottom: 5px;
}
.atvevofocim {
    width: 50%;
    height: auto;
    margin-bottom: 15px;
    font-weight: bold;
	float:left;
}
.szamlaegyezesbox {
    width: 97%;
    height: auto;
	margin:auto;
    padding-bottom: 5px;
}
.megegyeztxt {
	width:50%;
	height:auto;
	float:right;
	margin-bottom:15px;
	text-align:right;
	line-height:10px;
	color:#0570f8;
}
.megegyeztxt:hover {
	cursor:pointer;
}
.atvevoicon {
	font-family:'icons';
	font-size:20px;
	position:relative;
	top:4px;
}

/* RÁDIÓGOMB - Csak CSS, semmi javascript nem kell hozzá! */
input[type=radio].css-checkbox {
	position:absolute; 
	z-index:-1000; 
	left:-1000px; 
	overflow: hidden; 
	clip: rect(0 0 0 0); 
	height:1px; 
	width:1px; 
	margin:-1px; 
	padding:0; 
	border:0;
}
input[type=radio].css-checkbox + label.css-label {
	padding-left:32px;
	height:23px;
	display:inline-block;
	background-repeat:no-repeat;
	background-position: 0 0;
	vertical-align:middle;
	cursor:pointer;
}

input[type=radio].css-checkbox:checked + label.css-label {
	background-position: 0 -22px;
}
label.css-label {
	background-image:url(../kepek/chackbutton.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
/* RÁDIÓGOMB VÉGE */

.gyartfocim {
    width: 100%;
    height: auto;
	padding-top:13px;
	padding-bottom:12px;
	text-align:center;
    font-weight: bold;
	color:#fff;
	position:relative;
	background: rgb(61,147,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(61,147,0,1) 1%, rgba(98,211,16,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(61,147,0,1)), color-stop(100%,rgba(98,211,16,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(61,147,0,1) 1%,rgba(98,211,16,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(61,147,0,1) 1%,rgba(98,211,16,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(61,147,0,1) 1%,rgba(98,211,16,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(61,147,0,1) 1%,rgba(98,211,16,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d9300', endColorstr='#62d310',GradientType=0 ); /* IE6-9 */
}

.gyartdiv {
	width:100%;
	height:auto;
	padding-bottom:15px;
}
.termekelvalaszt {
    width: 100%;
    height: 1px;
    background: #8bcf21;
	margin-bottom:15px;
}
.gyarttitle {
    width: 17%;
    height: auto;
    float: left;
    font-weight: bold;
    line-height: 25px;
	color:#8bcf21;
}
.dbtxt {
	width:58%;
	height:auto;
	font-size:12px;
	line-height:15px;
	float:left;
	color:#e8e8e8;
}
.meretdiv {
	width:27%;
	height:auto;
	float:left;
	color:#fff;
	margin-top:1px;
}
.megjegyzesinput {
	width: 82.5%;
	height: 55px;
	float: left;
	border: 1px solid #b1b0b0;
	border-radius: 4px;
	background: #fff;
	text-indent: 5px;
}

#osszesitblock {
	width: 94%;
	height: auto;
	margin: auto;
	/*margin-bottom: 20px;*/
}
#arosszesen {
	width: 45%;
	height: auto;
	margin-bottom: 30px;
	float: left;
	color: #454545;
}
#rendeleskuldes {
	width: 45%;
	height: auto;
	margin-bottom: 30px;
	float: right;
}
.arkeret {
	width: 100%;
	height: auto;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.arelnevezes {
	width: 50%;
	height: auto;
	float: left;
}
.arszam {
	width: 50%;
	height: auto;
	float: right;
	text-align: right;
}
.kuponervenyesites {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.bevaltcim {
	width: 39%;
	height: 30px;
	float: left;
	font-size: 13px;
	line-height: 32px;
	color: #454545;
	font-weight: bold;
}
.bevaltinput {
	width: 37%;
	height: 28px;
	float: left;
	border:1px solid #b1b0b0;
	border-radius: 4px;
	background: #fff;
	text-indent: 5px;
}
.kuponok {
	width: 20%;
	height: 27px;
	float: right;
	border: 2px solid #58ad08;
	border-radius: 4px;
	font-size: 13px;
	line-height: 28px;
	text-align: center;
	color: #fff;
	cursor: pointer;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#58ad08+0,4fa508+100 */
background: #58ad08; /* Old browsers */
background: -moz-linear-gradient(top,  #58ad08 0%, #4fa508 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #58ad08 0%,#4fa508 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #58ad08 0%,#4fa508 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#58ad08', endColorstr='#4fa508',GradientType=0 ); /* IE6-9 */
}
.kuponok:hover {
	background: #4fa508;
	font-weight: bold;
}


.nyilatkozat {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	font-family: arial, Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: 12px;
	line-height: 17px;
	text-align: justify;
	color: #454545;
}
.kuldgombplace {
	width:220px;
	height:35px;
	margin: auto;
}
.kuldgomb {
	cursor:pointer;
	width:220px;
	height:35px;
	text-align:center;
	line-height:38px;
	background:#0078D7;
	color:#fff;
	font-size:15px;
	border:0;
	position: relative;
	top: 15px;
}
.kuldgomb:hover {
	background:#4fa508;
}

#termekjellblock {
    width: 88%;
    height: auto;
    margin: auto;
    margin-bottom: 25px;
    padding: 3% 3% 2% 3%;
    border-radius: 5px;
    background: #4c4d4c;
    color: #fff;
}
.tjelldiv {
	width: 100%;
	height: auto;
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #a0cb0a;
}
.tjcim {
	width: 20%;
	height: auto;
	font-weight: bold;
	color: #a0cb0a;
	float: left;
	line-height: 32px;
}
.dbdiv {
	width: 11.5%;
	height: auto;
	float: left;
	position: relative;
	top: 5px;
}
.dbajanlker {
	width: 22%;
	height: auto;
	float: left;
	line-height: 32px;
}
.dbszaminput {
    width: 28%;
    height: 28px;
	margin-right: 3%;
    border: 1px solid #b1b0b0;
    border-radius: 4px;
    background: #fff;
    text-indent: 5px;
}
.speditorvalaszt {
	width: 17%;
	height: auto;
	float: left;
	padding-left: 1%;
	padding-right: 1%;
	text-align: center;
}
.prodgombnev {
	font-weight: bold;
	margin-top: 8px;
	margin-bottom: 4px;
}
.prodgombtxt {
	font-size: 12px;
	line-height: 17px;
}
.tmegjdiv {
	width: 100%;
	height: auto;
}
.tmegjinput {
	width: 78%;
    height: 55px;
	float: left;
    border: 1px solid #b1b0b0;
    border-radius: 4px;
    background: #fff;
    text-indent: 5px;
}
.asztalivalaszt {
	width: 35%;
	height: auto;
	float: left;
}
.avtxt {
	margin-left: 30px;
	font-size: 12px;
	line-height: 17px;
}

/* TERMÉK FORMÁZÁS */

.psitetitle {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 30px;
	margin-bottom: 10px;
	color: #252525;
}
.pssubitetitle {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 17px;
	margin-bottom: 20px;
	color: #454545;
}
.productimg {
	width: 100%;
	height: auto;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
}
.productimg300 {
	width: 100%;
	height: auto;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
	display: none;
}
.prodimgtext {
	width: 92%;
	height: auto;
	padding: 10px 4% 10px 4%;
	/*background: #efdfc5;*/
	background: #e8e8e8;
	text-align: center;
	line-height: 20px;
	margin-bottom: 15px;
	color: #2d2d2d;
}
.sablonmentes {
	width: 70%;
	height: auto;
	margin: auto;
	padding: 5px 2% 5px 2%;
	background: #ff5800;
	text-align: center;
	font-size: 14px;
	line-height: 20px;
	margin-bottom: 40px;
	color: #fff;
	border-radius: 3px;
}

.arblock {
	width: 67%;
	height: auto;
	float: left;
	margin-bottom: 20px;
}
.illblock {
	width: 30%;
	height: auto;
	float: right;
	margin-bottom: 30px;
}
.gyartasblock {
	width: 100%;
	height: auto;
	clear: both;
}
.abcim {
	text-align: center;
	font-size: 24px;
	color: #787878;
	margin-bottom: 5px;
}
.sphasabbal {
	width: 33%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
.sphasabjobb {
	width: 65%;
	height: auto;
	float: right;
	margin-bottom: 10px;
	text-align: center;
}
.afatxt {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 10px;
}
.hasabcim {
	width: 100%;
	height: 35px;
	margin-bottom: 2px;
	background: #71a834;
	font-size: 15px;
	color: #fff;
	line-height: 35px;
	border-radius: 4px;
}
.egytleiras {
	width: 100%;
	height: auto;
	background: #555;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #fff;
	font-size: 12px;
	line-height: 15px;
	margin-bottom: 2px;
	border-radius: 4px;
}
.egytdb {
	width: 49.5%;
	height: 35px;
	float: left;
	background: #ccc;
	line-height: 35px;
	margin-bottom: 2px;
	border-radius: 4px;
}
.egytar {
	width: 49.5%;
	height: 35px;
	float: right;
	background: #e8e8e8;
	font-weight: bold;
	line-height: 35px;
	margin-bottom: 2px;
	border-radius: 4px;
}
.egytpar {
	width: 100%;
	height: auto;
	clear: both;
	background: #f2d8ad;
	font-size: 12px;
	line-height: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 4px;
}
.harmbal {
	width: 49.5%;
	height: auto;
	float: left;
}
.harmjobb {
	width: 49.5%;
	height: auto;
	float: right;
}
.spgrafbal {
	width: 48%;
	height: auto;
	float: left;
	margin-bottom: 18px;
}
.spgrafjobb {
	width: 48%;
	height: auto;
	float: right;
	margin-bottom: 18px;
}
.spfancy {
	width: 330px;
	height: 190px;
	margin: auto;
	border-radius: 4px;
	border: 1px solid #ccc;
	clear: both;
}
.spimg {
	width: 58%;
	height: auto;
	margin: auto;
	margin-bottom: 5px;
}
.spgraftxt {
	width: 100%;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: #A97019;
}

.gybcim {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	text-align: center;
	font-size: 27px;
	color: #454545;
}
.gybalcim {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	color: #454545;
}
.tjellbox {
	width: 30%;
	height: auto;
	margin-bottom: 25px;
	float: left;
	margin-right: 5%;
}
.ttervbox {
	width: 30%;
	height: auto;
	margin-bottom: 25px;
	float: left;
}
.tidobox {
	width: 30%;
	height: auto;
	margin-bottom: 25px;
	float: right;
}
.tbcim {
	width: 100%;
	height: 35px;
	margin-bottom: 5px;
	background: #71a834;
	color: #fff;
	line-height: 38px;
	border-radius: 4px;
	text-align: center;
}
.tbtxt {
	width: 90%;
	height: auto;
	margin: auto;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
}
.tblezar {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	font-size: 18px;
	clear: both;
}
.ugrasblock {
	width: 430px;
	height: auto;
	margin: auto;
}



/*UPSELL*/

#upsellblock {
	width: 95%;	
	max-width: 940px;
	height: auto;
	margin: auto;
	padding-top: 40px;
	padding-bottom: 70px;
}
.upsiker {
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 17px;
	line-height: 22px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 40px;
}
.upzold {
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	line-height: 40px;
	color: #77A105;
}
.upzarzold {
	color: #77A105;
}
.upimg {
	width: 43%;
	height: auto;
	position: relative;
	top: 5px;
	float: left;
	margin-left: 5%;
	margin-bottom: 25px;
}
.upajanlat {
	width: 40%;
	height: auto;
	position: relative;
	float: left;
	margin-left: 5%;
	margin-bottom: 25px;
}
#upkedvezmeny {
	width: 96%;
	height: auto;
	margin: auto;
	padding: 2%;
	clear: both;
	margin-bottom: 25px;
	border-radius: 7px;
	position: relative;
	z-index: 1;
	border:2px solid #8bbf17;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#77a105+0,688a0c+100 */
background: #77a105; /* Old browsers */
background: -moz-linear-gradient(top,  #77a105 0%, #688a0c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #77a105 0%,#688a0c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #77a105 0%,#688a0c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77a105', endColorstr='#688a0c',GradientType=0 ); /* IE6-9 */
}
.upmappa {
	width: 100%;
	font-family: 'Oswald', sans-serif;
	font-size: 35px;
	font-weight: bold;
	color: #EF7327;
	text-align: center;
	margin-bottom: 10px;
}
.upmostzar {
	width: 100%;
	height: auto;
	text-align: center;
	margin-bottom: 20px;
	font-weight: bold;
	color: #77A105;
}
.upkismappa {
	width: 100%;
	height: auto;
	margin: auto;
	margin-bottom: 5px;
}
.upmit {
	width: 100%;
	height: auto;
	text-align: center;
	color: #555;
	line-height: 18px;
}
.upfeltetel {
	width: 100%;
	height: auto;
	font-size: 13px;
	line-height: 18px;
}
.upvalasztas {
	width: 49%;
	height: auto;
	position: relative;
	float: left;
	margin-right: 2%;
	text-align: right;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 30px;
	color: #fff;
	text-shadow: -1px 1px 2px rgba(45, 45, 45, 1);
}
.upvalasztbox {
	width: 278px;
	height: 28px;
	position: relative;
	float: left;
	margin-bottom: 15px;
}
.ddelembox {
	width: 275px;
	height: 30px;
	border: 1px solid #8bbf17;
}
.uparblock {
	width: 94%;
	min-height: 100px;
	clear: both;
	padding: 3% 3% 2% 3%;
	position: relative;
	border-radius: 5px;
	background: #e8f1d1;
	margin-bottom: 20px;
}
.upardoboz {
	width: 100%;
	height: auto;
	padding-bottom: 10px;
	border-bottom: 1px solid #555;
	margin-bottom: 10px;
}
.uparnev {
	width: 43%;
	height: auto;
	position: relative;
	float: left;
	/*background: #fff;*/
	font-size: 17px;
}
.uparhelyett {
	width: 30%;
	height: auto;
	position: relative;
	float: left;
	color: #747272;
	/*background: #fff;*/
	font-size: 17px;
}
.uparok {
	width: 25%;
	height: auto;
	position: relative;
	float: right;
	/*background: #fff;*/
	font-size: 17px;
	text-align: right;
}
.borderbottomno {
	border-bottom: none;
}
.kerdesbox {
	width: 100%;
	height: 58px;
	border-radius: 7px;
	border: 1px solid #E8F1D1;
	background: #fff;
	text-indent: 5px;
}
.nemredekel {
	width: 20%;
	height: auto;
	padding: 1% 1% 1.4% 1%;
	position: relative;
	float: left;
	margin-left: 27%;
	background: #555;
	border-radius: 5px;
	border: 2px solid #ccc;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	cursor: pointer;
}
.nemredekel:hover {
	background: #333333;
}
.igenerdekel {
	width: 20%;
	height: auto;
	padding: 1% 1% 1.4% 1%;
	position: relative;
	float: left;
	margin-left: 2%;
	background: #ff5800;
	border-radius: 5px;
	border: 2px solid #fff;
	text-align: center;
	font-family: 'Oswald', sans-serif;
	color: #fff;
	cursor: pointer;
}
.igenerdekel:hover {
	background: #ff3c00;
}
.upgombnagybetu {
	font-size: 24px;
	line-height: 34px;
}


/* ASZTALI NAPTÁR */

.anintrokeret {
	width: 27%;
	height: auto;
	float: left;
	padding: 2% 2% 1% 2%;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 10px;
	background: #e8e8e8;
	text-align: center;
	font-size: 12px;
	line-height: 17px;
	border-radius: 7px;
}
.anarkeret {
	width: 31%;
	height: auto;
	float: left;
	margin-bottom: 10px;
	text-align: center;
}
.anintrokep {
	width: 64%;
	height: auto;
	margin: auto;
	margin-bottom: 10px;
}
.anbemutato {
	width: 70%;
	height: auto;
	margin: auto;
	margin-bottom: 8px;
}
.anbetxt {
	width: 100%;
	height: auto;
	margin-bottom: 12px;
	text-align: center;
	font-weight: bold;
	color: #A97019;
}

/* ÁRAJÁNLAT */

#arkerblock {
	width: 97%;
	height: auto;
	margin-bottom: 40px;
	/*border: 1px solid #ccc;*/
}
.arpaperbox {
	width: 370px;
	height: auto;
	float: left;
	margin-right: 80px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eae9b0+0,d9d87b+100 */
background: #eae9b0; /* Old browsers */
background: -moz-linear-gradient(-45deg,  #eae9b0 0%, #dedd84 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  #eae9b0 0%,#dedd84 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  #eae9b0 0%,#dedd84 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae9b0', endColorstr='#dedd84',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.racs {
	width: 290px;
	/*height: 350px;*/
	height: 384px;
	padding: 25px 25px 20px 55px;
	background: url(../kepek/racs.png);
	position: relative;
	color: #115ca2;
}
.nyshadow {
	position: relative;
}
.nyshadow:after {
  	content: "";
  	bottom: 14px;
  	width: 70%;
  	top: 80%;
  	background: #777;
  	box-shadow: 0 15px 10px #777;
  	transform: rotate(-3deg);
	position: absolute;
	z-index: -1;
}
.nyshadow:after {
  	transform: rotate(3deg);
  	right: 10px;
  	left: auto;
}
.gem {
	width: 80px;
	height: auto;
	position: absolute;
	top: -17px;
	left: -38px;
}
.ajanlobox {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.ajanlokep {
	width: 100px;
	height: auto;
	float: left;
	margin-right: 30px;
	/*transform: rotate(-2.5deg);*/
	-webkit-box-shadow: -1px 2px 5px 0px rgba(50, 50, 50, 1);
-moz-box-shadow:    -1px 2px 5px 0px rgba(50, 50, 50, 1);
box-shadow:         -1px 2px 5px 0px rgba(50, 50, 50, 1);
}
.ajanlotext {
	/*width: 158px;*/
	width: 100%;
	/*float: left;*/
	line-height: 18px;
	font-family: 'Courgette', cursive;
	margin-top: 5px;
}
.ajanltitle {
	width: 100%;
	height: auto;
	font-family: 'Courgette', cursive;
	margin-bottom: 3px;
}
.ajanlmezo {
	width: 99%;
	height: 25px;
	background: #f5f5d8;
	text-indent: 5px;
	border: 1px solid #a4a35f;
	border-radius: 4px;
	margin-bottom: 8px;
}
.ajanluzmezo {
	width: 240px;
	height: 55px;
	float: left;
	background: #f5f5d8;
	text-indent: 5px;
	border: 1px solid #a4a35f;
	border-radius: 4px;
}
.ajsentbox {
	width: 37px;
	height: 32px;
	float: right;
}
.ajsent {
	width: 35px;
	height: 30px;
	position: relative;
	top: 25px;
	text-align: center;
	cursor: pointer;
	border: 1px solid #0078d7;
	border-radius: 4px;
	background: #0078d7; /* Old browsers */
	background: -moz-linear-gradient(top,  #0078d7 0%, #185ba8 100%); /* FF3.6-15 */	
	background: -webkit-linear-gradient(top,  #0078d7 0%,#185ba8 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #0078d7 0%,#185ba8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0078d7', endColorstr='#185ba8',GradientType=0 ); /* IE6-9 */
}
.ajsent:hover {
	background: #185ba8;
}
.ajicon {
	font-family: 'icons';
	color: #fff;
	font-size: 20px;
	line-height: 25px;
}
.osszeblock {
	width: 670px;
	height: auto;
	float: left;
	margin-top: 10px;
}
.ossztext {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	color: #454545;
	line-height: 20px;
	text-align: center;
}
.megrendeleshez {
	width: 220px;
	height: 40px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 42px;
	margin: auto;
	cursor: pointer;
	text-shadow: 1px 1px 0px rgba(38, 38, 38, 0.7);
	border: 1px solid #f00000;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f00000+0,c42d00+100 */
background: #f00000; /* Old browsers */
background: -moz-linear-gradient(top,  #f00000 0%, #c42d00 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f00000 0%,#c42d00 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f00000 0%,#c42d00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00000', endColorstr='#c42d00',GradientType=0 ); /* IE6-9 */

}
.megrendeleshez:hover {
	background: #c42d00;
}


/* VÁSÁRLÓI VÉLEMÉNYEK */

.velemenybox {
	width: 320px;
	height: auto;
	padding: 10px;
	background: #fff;
	margin-top: 10px;
	border-radius: 5px;
}
.clientkep {
	width: 320px;
	height: auto;
}
.velemenytext {
	width: 100%;
	color: #484848;
	padding-top: 8px;
	font-size: 12px;
	line-height: 15px;
}



/* PROMÓCIÓS KÓD IGÉNYLÉS */


.igenyloblock {
	width: 90%;
	height: auto;
	position: relative;
	top: 15px;
	margin: auto;
	padding-bottom: 25px;
	margin-bottom: 45px;
	border-bottom: 1px solid #d4af37;
	background: url(../kepek/kodpattern.png);
-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}
.igenycim {
	width: 100%;
	height: auto;
	padding-top: 17px;
	padding-bottom: 10px;
	text-align: center;
	margin-bottom: 20px;
	font-size: 30px;
	color: #fff;
	font-weight: bold;
background: #dab334; 
background: -moz-linear-gradient(top, #dab334 0%, #c5a334 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #dab334 0%,#c5a334 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #dab334 0%,#c5a334 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dab334', endColorstr='#c5a334',GradientType=0 ); /* IE6-9 */
}
.igenyalcim {
	width: 80%;
	text-align: center;
	margin: auto;
	margin-bottom: 40px;
	color: #454545;
	font-size: 15px;
	line-height: 22px;
}
.pidcont {
	width: 88%;
	margin: auto;
	/*border: 1px solid #ccc;*/
}
.promoigenylodiv {
	width: 37%;
	height: auto;
	float: left;
	margin-bottom: 15px;
	margin-right: 2%;
}
.promoititle {
	width: 20%;
	height: 40px;
	line-height: 45px;
	font-size: 18px;
	font-weight: bold;
	color: #b58f15;
	text-align: right;
	margin-right: 3%;
	float: left;
}
.promoinput {
	width: 74%;
	height: 40px;
	float: left;
	border: 1px solid #dab334;
	border-radius: 5px;
	background: #fff;
	text-indent: 5px;
	font-size: 17px;
}
.promogombplace {
	width:20%;
	height:auto;
	float: left;
}
.promogomb {
	cursor:pointer;
	width:100%;
	height:45px;
	text-align:center;
	line-height:43px;
	background:#b58f15;
	border: 2px solid #dab334;
	border-radius: 5px;
	color:#fff;
	font-size:17px;
}
.promogomb:hover {
	background:#ad870a;
}

/*CHECKBOX ASZF*/
.aszfcheck {
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 15px;
	/*border: 1px solid #ccc;*/
}
.aszfchecajanlat {
	width: 100%;
	height: auto;
	padding-top: 10px;
	padding-bottom: 15px;
	clear: both;
	/*border: 1px solid #ccc;*/
}
.kapcsolatcheck {
	margin-left: 48px;
	/*border: 1px solid #ccc;*/
}
.myCheckbox input {
    display: none;
    position: relative;
    z-index: -9999;
}

.myCheckbox span {
    width: 20px;
    height: 20px;
    display: block;
    background: url(../kepek/pipaboxures.png);
	float: left;
}
.myCheckbox input:checked + span {
	background: url(../kepek/pipaboxok.png);
}
.cbtxt {
	font-size: 12.5px;
	line-height: 15px;
	text-align: left;
	margin-left: 30px;
	position: relative;
	top: 2px;
}
/*CHECKBOX ASZF vége*/

/* Lightbox alapok */
  #lightbox {
    position: fixed; inset: 0; background: rgba(0,0,0,.9);
    display: none; align-items: center; justify-content: center;
    z-index: 9999; padding: 4rem 5rem;
  }
  #lightbox[aria-hidden="false"] { display: flex; }
  #lightbox-img {
    max-width: 100%; max-height: 100%;
    box-shadow: 0 10px 40px rgba(0,0,0,.6);
    border-radius: 10px;
  }
  .lb-btn {
    position: absolute; top: 50%; transform: translateY(-50%);
    background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25);
    color: #fff; font-size: 2rem; width: 3rem; height: 3rem;
    border-radius: 999px; display: grid; place-items: center; cursor: pointer;
    backdrop-filter: blur(4px);
  }
  .lb-prev { left: 1.25rem; }
  .lb-next { right: 1.25rem; }
  .lb-close {
    top: 1.25rem; right: 1.25rem; transform: none; font-size: 1.25rem;
    width: 2.5rem; height: 2.5rem;
  }
  /* Kisegítő: overlay kattintás a kép melletti területen zárjon */
  #lightbox::before {
    content: ""; position: absolute; inset: 0;
  }
  /* Csak demo: slider képek stílus */
  .slider { display: flex; gap: .5rem; }
  .slide { width: 220px; height: 140px; object-fit: cover; cursor: zoom-in; border-radius: 8px; }