@charset "utf-8";
/* CSS Document */
@media only screen and (min-width: 769px) {

.veletlen_termekek {
	margin-top:0;
	background:#CCC;
	}
	
	.veletlen_termekek .termek:hover {
		box-shadow:3px 3px 0 #333;
		border: 1px solid #333;
		cursor:pointer;}
		

a.termek_link {
	text-decoration:none;
	border:none;}

.termek {
	width:22.0%;
	height:auto;
	margin:1.0%;
	float:left;
	background:#FFF;
	border: 1px solid #FFF;
	}

	.termek:hover {
		box-shadow:3px 3px 0 #CCC;
		border: 1px solid #CCC;
		cursor:pointer;}

/* fülecskék */

	a.termek_link .termek span.uj {
		position: absolute;
		z-index:9999;
		width:10% ;
		height: auto;
		margin:-6px auto auto -8%;
		background:url(../image/uj.png) top left no-repeat;
		background-size:30%;}

	a.termek_link .termek span.kifuto {
		position: absolute;
		z-index:9999;
		width:10% ;
		height: auto;
		margin:-6px auto auto -8%;
		background:url(../image/kifuto_kis_icon.png) top left no-repeat;
		background-size:30%;}
	
	a.termek_link .termek span.akcio {
		position: absolute;
		z-index:9999;
		width:10% ;
		height: auto;
		margin:-6px auto auto -8%;
		background:url(../image/akcio_kis_icon.png) top left no-repeat;
		background-size:30%;}

.letoltesek {
	width: 50%;
	margin: 0.0em auto 8.0em 10.0%;}
	 
	.letoltesek .pdf img{
		width: 10%;
		margin:1.0%;
		float:left;}
	
	.letoltesek .pdf img:hover {
		opacity: 0.8;
		cursor:pointer;}


.termek .termek_kiskep {
	height:13.5em;
	position: static;
	}

	.termek .termek_kiskep img {
		max-width:90.0%;
		max-height:13.0em;
		margin:5.0%;
		}


.termek .elnevezes {
	font-family: 'Poppins', sans-serif;	
	font-size:0.8em;
	line-height:1.0em;
	color:#333;
	text-align: justify;
	padding:3%;
	height:3.8em;
	}

.ertek {
	font-size:1.0em;
	padding:0em 0.5em;
	text-align:right;
	color:#C00;
	height:1.2em;}

.eredeti_ar {
	height:1.3em;
	font-size:0.7em;
	padding:0em 0.5em;
	text-align:right;
	color:#555;
	text-decoration: line-through;}

.termek .szinvalasztek {
	height: 3.5em;}

.termek .szinvalasztek img {
	height:0.6em;
	margin:1.0%;
	float: left;}

	
/*termék adatlap*/

.termek_reszletek {
	width: 60%;
	background-color:transparent;
	float:right;}

	.termek_reszletek .nev {
		font-family: 'Poppins', sans-serif;	
		font-size:1.3em;
		padding-left:1.0%;
		color: #333;
		margin:1.0em auto 0.8em 0px;
		font-weight: lighter ;
		text-align:left;}
	
	.termek_reszletek .elnevezes {	
		margin:0 ;
		font-family: 'Poppins', sans-serif;	
		font-size:0.8em;
		max-width: 20%;
		line-height:1.3em;
		text-align: right;
		color:#333;
		padding: 0.5em;
		font-weight: lighter;
		float:left;
		height:100%;}

	.termek_reszletek .elnevezes_akcios {	
		margin:0 ;
		font-family: 'Poppins', sans-serif;	
		font-size:0.8em;
		max-width: 20%;
		line-height:1.3em;
		text-align: right;
		color:#fff;
		padding: 0.5em;
		font-weight: bold;
		float:left;
		background:#F00;
		padding: 1.0em;
		height:100%;}

	.termek_reszletek .leiras {
		margin:0 ;
		font-family: 'Poppins', sans-serif;	
		font-size:0.8em;
		text-align:justify;
		width: 68%;
		max-width: 68%;
		line-height:1.5em;
		color:#333;
		padding: 0.5em;
		font-weight:lighter;
		float:right;}

/* rendelő sávok */

.rendelosav {
	width:98%;
	border:0px solid #CCC;
	box-shadow: 0px 0px 5px #666666;
		-moz-box-shadow: 0px 0px 5px #666666;
		-ms-box-shadow: 0px 0px 5px #666666;
		-o-box-shadow: 0px 0px 5px #666666;
		-webkit-box-shadow: 0px 0px 5px #666666;
	background:#FFF;}

.rendelosav .kicsikep {
	float:left;
	max-width:7.6%;}
	.rendelosav .kicsikep img {
		width:100%;
		max-height: 4.0em;
		}

.rendelosav .merettabla {
	width:auto;
	max-width: 7.6%;
	height:5.0em;
	float:left;
	font-size: 0.8em;
	padding-top:1.0em;}

	.rendelosav .kiselnevezes {
		width:100%;
		height:auto;}
	
		.rendelosav .kiselnevezes .kis_nev {
			float:left;
			width:40%;
			text-align:left;
			padding-left:4%;
			font-size:0.8em;}
		
		.rendelosav .kiselnevezes .kis_szin {
			width:10%;
			float:left;
			text-align:left;
			padding-left: 5%;
			font-size:0.8em;}
			
		.rendelosav .kiselnevezes .kis_darab {
			width:27%;
			float:left;
			text-align:left;
			padding-left:3%;			
			font-size:0.8em;}

		.rendelosav .kiselnevezes .torles {
			width:8%;
			color:#FFF;
			background:#C00;
			float:right;
			text-align: center;
			font-size:0.7em;
			padding:0.2em;
			}
			.rendelosav .kiselnevezes .torles:hover {
				opacity:0.8;
				cursor:pointer;}
			
		
.rendelosav .darabszam input {
	width:40%;
	color:#C00;
	text-align:right;}

.osszesen {
	font-size:1.0em;
	color:#C00;
	font-weight:bold;
	padding: 0.8em;
	text-align: right;}

.hozzaad {
	width:98%;
	font-family: 'Poppins', sans-serif;	
	font-size:1.3em;
	line-height:1.0em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	background-color: #C00;
	color:#fff;
	box-shadow: 0px 0px 5px #666666;
		-moz-box-shadow: 0px 0px 5px #666666;
		-ms-box-shadow: 0px 0px 5px #666666;
		-o-box-shadow: 0px 0px 5px #666666;
		-webkit-box-shadow: 0px 0px 5px #666666;
	border-radius: 0 0 2.0em 2.0em;
		-moz-border-radius: 0 0 2.0em 2.0em;
		-ms-border-radius: 0 0 2.0em 2.0em;
		-o-border-radius: 0 0 2.0em 2.0em;
		-webkit-border-radius: 0 0 2.0em 2.0em;
	text-shadow:2px 2px 5px #333333;
		-moz-text-shadow:2px 2px 5px #333333;
		-ms-text-shadow:2px 2px 5px #333333;
		-o-text-shadow:2px 2px 5px #333333;
		-webkit-text-shadow:2px 2px 5px #333333;
	font-weight:lighter;
	filter:progid:DXImageTransform.Microsoft.dropshadow(Color='#aacccccc', OffX=25, OffY=10, Positive='true');background-image:linear-gradient(top,#FF0000,#7B0909); 
	background-image:-moz-linear-gradient(top,#FF0000,#7B0909); 
	background-image:-ms-linear-gradient(top,#FF0000,#7B0909); 
	background-image:-o-linear-gradient(top,#FF0000,#7B0909); 
	background-image:-webkit-linear-gradient(top,#FF0000,#7B0909); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#7B0909');}

.hozzaad:hover {
	opacity:0.8;}

}
					
					@media only screen and (max-width: 768px) {
							.veletlen_termekek {
								margin-top:0;
								background:#CCC;
								}
								
								.veletlen_termekek .termek:hover {
									box-shadow:3px 3px 0 #333;
									border: 1px solid #333;
									cursor:pointer;}
									
							
							a.termek_link {
								text-decoration:none;
								border:none;}
							
							.termek {
								width:48.0%;
								height:auto;
								margin:0.5%;
								float:left;
								background:#FFF;
								border: 1px solid #FFF;
								}
							
								.termek:hover {
									box-shadow:3px 3px 0 #CCC;
									border: 1px solid #CCC;
									cursor:pointer;}
							
							/* fülecskék */
							
								a.termek_link .termek span.uj {
									position: absolute;
									z-index:9999;
									width:30% ;
									height: auto;
									margin:-6px auto auto -8%;
									background:url(../image/uj.png) top left no-repeat;
									background-size:30%;}
							
								a.termek_link .termek span.kifuto {
									position: absolute;
									z-index:9999;
									width:30% ;
									height: auto;
									margin:-6px auto auto -8%;
									background:url(../image/kifuto_kis_icon.png) top left no-repeat;
									background-size:30%;}
								
								a.termek_link .termek span.akcio {
									position: absolute;
									z-index:9999;
									width:30% ;
									height: auto;
									margin:-6px auto auto -8%;
									background:url(../image/akcio_kis_icon.png) top left no-repeat;
									background-size:30%;}
							
							.letoltesek {
								width: 50%;
								margin: 0.0em auto 2.0em 10.0%;}
								 
								.letoltesek .pdf img{
									width: 30%;
									margin:0.3%;
									float:left;}
								
								.letoltesek .pdf img:hover {
									opacity: 0.8;
									cursor:pointer;}
							
							
							.termek .termek_kiskep {
								height:10.0em;
								position: static;
								}
							
								.termek .termek_kiskep img {
									max-width:95.0%;
									max-height:9.0em;
									margin:5.0%;
									}
							
							
							.termek .elnevezes {
								font-family: 'Poppins', sans-serif;	
								font-size:0.6em;
								line-height:1.0em;
								color:#333;
								text-align: justify;
								padding:3%;
								height:3.8em;
								}
							
							.ertek {
								font-size:1.0em;
								padding:0em 0.5em;
								text-align:right;
								color:#C00;
								height:1.2em;}
							
							.eredeti_ar {
								height:1.3em;
								font-size:0.7em;
								padding:0em 0.5em;
								text-align:right;
								color:#555;
								text-decoration: line-through;}
							
							.termek .szinvalasztek {
								height: 3.5em;}
							
							.termek .szinvalasztek img {
								height:0.6em;
								margin:1.0%;
								float: left;}
							
								
							/*termék adatlap*/
							
							.termek_reszletek {
								width: 100%;
								background-color:transparent;
								float:right;}
							
								.termek_reszletek .nev {
									font-family: 'Poppins', sans-serif;	
									font-size:1.0em;
									padding-left:1.0%;
									color: #333;
									margin:1.0em auto 0.8em 0px;
									font-weight: lighter ;
									text-align:left;}
								
								.termek_reszletek .elnevezes {	
									margin:0 ;
									font-family: 'Poppins', sans-serif;	
									font-size:0.7em;
									width: 95%;
									line-height:1.3em;
									text-align: left;
									color:#333;
									padding: 0.2em;
									font-weight: lighter;
									float:left;
									height:100%;}
							
								.termek_reszletek .elnevezes_akcios {	
									margin:0 ;
									font-family: 'Poppins', sans-serif;	
									font-size:0.5em;
									max-width: 15%;
									line-height:1.0em;
									text-align: right;
									color:#fff;
									padding: 0.2em;
									font-weight: bold;
									float:left;
									background:#F00;
									padding: 0.2em;
									height:100%;}

							
								.termek_reszletek .leiras {
									margin:0 ;
									font-family: 'Poppins', sans-serif;	
									font-size:0.7em;
									text-align:justify;
									width: 80%;
									max-width: 80%;
									line-height:1.0em;
									color:#333;
									padding: 0.2em;
									font-weight:lighter;
									float:right;}
							
							/* rendelő sávok */
							
							.rendelosav {
								width:98%;
								border:0px solid #CCC;
								box-shadow: 0px 0px 5px #666666;
									-moz-box-shadow: 0px 0px 5px #666666;
									-ms-box-shadow: 0px 0px 5px #666666;
									-o-box-shadow: 0px 0px 5px #666666;
									-webkit-box-shadow: 0px 0px 5px #666666;
								background:#FFF;}
							
							.rendelosav .kicsikep {
								float:left;}
								.rendelosav .kicsikep img {
									height: 0.0em;
									visibility:hidden;
									}
							
							.rendelosav .merettabla {
								width:auto;
								max-width: 32.0%;
								height:5.0em;
								float:left;
								font-size: 0.8em;
								padding-top:1.0em;}
							
								.rendelosav .kiselnevezes {
									width:100%;
									height:auto;}
								
									.rendelosav .kiselnevezes .kis_nev {
										float:left;
										width:40%;
										text-align:left;
										padding-left:4%;
										font-size:0.8em;}
									
									.rendelosav .kiselnevezes .kis_szin {
										width:10%;
										float:left;
										text-align:left;
										padding-left: 5%;
										font-size:0.8em;}
										
									.rendelosav .kiselnevezes .kis_darab {
										width:27%;
										float:left;
										text-align:left;
										padding-left:3%;			
										font-size:0.8em;}
							
									.rendelosav .kiselnevezes .torles {
										width:8%;
										color:#FFF;
										background:#C00;
										float:right;
										text-align: center;
										font-size:0.7em;
										padding:0.2em;
										}
										.rendelosav .kiselnevezes .torles:hover {
											opacity:0.8;
											cursor:pointer;}
										
									
							.rendelosav .darabszam input {
								width:40%;
								color:#C00;
								text-align:right;}
							
							.osszesen {
								font-size:1.0em;
								color:#C00;
								font-weight:bold;
								padding: 0.8em;
								text-align: right;}
							
							.hozzaad {
								width:98%;
								font-family: 'Poppins', sans-serif;	
								font-size:1.3em;
								line-height:1.0em;
								padding-bottom: 0.5em;
								padding-top: 0.5em;
								background-color: #C00;
								color:#fff;
								box-shadow: 0px 0px 5px #666666;
									-moz-box-shadow: 0px 0px 5px #666666;
									-ms-box-shadow: 0px 0px 5px #666666;
									-o-box-shadow: 0px 0px 5px #666666;
									-webkit-box-shadow: 0px 0px 5px #666666;
								border-radius: 0 0 2.0em 2.0em;
									-moz-border-radius: 0 0 2.0em 2.0em;
									-ms-border-radius: 0 0 2.0em 2.0em;
									-o-border-radius: 0 0 2.0em 2.0em;
									-webkit-border-radius: 0 0 2.0em 2.0em;
								text-shadow:2px 2px 5px #333333;
									-moz-text-shadow:2px 2px 5px #333333;
									-ms-text-shadow:2px 2px 5px #333333;
									-o-text-shadow:2px 2px 5px #333333;
									-webkit-text-shadow:2px 2px 5px #333333;
								font-weight:lighter;
								filter:progid:DXImageTransform.Microsoft.dropshadow(Color='#aacccccc', OffX=25, OffY=10, Positive='true');background-image:linear-gradient(top,#FF0000,#7B0909); 
								background-image:-moz-linear-gradient(top,#FF0000,#7B0909); 
								background-image:-ms-linear-gradient(top,#FF0000,#7B0909); 
								background-image:-o-linear-gradient(top,#FF0000,#7B0909); 
								background-image:-webkit-linear-gradient(top,#FF0000,#7B0909); 
								filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0000', endColorstr='#7B0909');}
							
							.hozzaad:hover {
								opacity:0.8;}						}