article, aside, details, figcaption, figure, footer, header, hgroup, nav, section{display:block}
audio, canvas, video{display:inline-block; *display:inline; *zoom:1}
audio:not([controls]){display:none}
[hidden]{display:none}
html{font-size:100%; overflow-y:scroll; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
body{margin:0; font-size:13px; line-height:1.231}
body, button, input, select, textarea{font-family:sans-serif; color:#222}
::-moz-selection{background:gray; color:#fff; text-shadow:none}
::selection{background:gray; color:#fff; text-shadow:none}

/******************************************************/
@font-face
{
font-family: myFont;
src: url('/fonts/1/Resamitz_0047.otf');
}
@font-face
{
font-family: myFont2;
src: url('/fonts/6/beer money.ttf');
}

*
{
	margin: 0;
	padding: 0;
	text-decoration: none;
	/*font-family: tahoma;*/
	text-align: center;
	
}

.product_img1 {cursor:pointer;}
body
{
	background: #000;
}
#image_wiev {
    width:100%;
    height:100%;
    position:fixed;
    z-index:999999999999998;
    top:0;
    left:0;
    margin:0;
    padding:0;
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	display:none;
	text-align:center;
	vertical-align:middle;
}
#cart_wiev {
    width:100%;
    height:100%;
    position:fixed;
    z-index:999999999999998;
    top:0;
    left:0;
    margin:0;
    padding:0;
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	display:none;
	text-align:center;
	vertical-align:middle;
}
#image_wiev_img {width:auto;height:auto;max-width:100%;max-height:100%;vertical-align:middle;margin:auto;position:absolute;top: 0; left: 0; bottom: 0; right: 0;}
.close_image_wiev {font-family:verdana;position:absolute;top:8px;right:8px;color:white;font-size:35px;font-weight:bold;border:1px solid white;background:black;z-index:999999999999999;cursor:pointer;padding:3px;}
.close_image_wiev1 {font-family:verdana;float:right;margin-top:8px;margin-right:8px;color:black;font-size:35px;font-weight:bold;border:1px solid black;background:white;z-index:999999999999999;cursor:pointer;padding:3px;}
#background img
{
	width: 100%;
	opacity: 1;
	position: fixed;	
	left: 0;
	top:0;
	z-index: -1;
} 
/*#top
{
	z-index: 5;
	background: #FF65BC;
	width: 70%;
	text-align: center;
	margin: 0 auto;	
}*/

#top
{
	position: relative;
	top: 40px;
	height: 270px;	
	margin: 0 auto;
}

header
{
	position: absolute;
	top: 0;
	text-align: center;
	z-index: -1;
	opacity: 1;
	color: white;
	width: 100%;
	left:0;
	height: 400px;
	background: #FF0994;/*
		background: -webkit-linear-gradient(#FF65BC, #FF0994); /* For Safari 5.1 to 6.0 */  /*
		background: -o-linear-gradient(#FF65BC, #FF0994); /* For Opera 11.1 to 12.0 */      /*
		background: -moz-linear-gradient(#FF65BC, #FF0994); /* For Firefox 3.6 to 15 */     /*
		background: linear-gradient(#FF65BC, #FF0994); /* Standard syntax (must be last) */ /* */
	margin: 0 auto;
}
	
	#futocsik
	{
		width: 100%;
		margin: 0 auto;
		opacity: 1;
		
	}
	
	#futocsik marquee
	{
		position: relative;
		top: 319px;
		color: black;
		background:#FF97CE;
	}
	#futocsik ul li
	{
		list-style: none;
		font-size: 30px;
	}
	
	.menu_fent {font-family:verdana;font-size:18px;}
	.menu_fent:first-letter {text-transform: uppercase!important;}
#sidebar2
{
	
	opacity: 1;
	position: absolute;
	top: 350px;	
	margin: 0 auto;
	margin-top: 0;
	width: 80%;
	left: 12%;
	/*border-bottom-right-radius: 40%;*/
}
	#sidebar2 .menu5
	{
	/*	border-top-right-radius: 40%;*/
	}
	
	#sidebar2 ul
	{
		
	}
	
	#sidebar2 ul li
	{
		float: left;
		width:19%;
		border-left: 1px solid white;
		border-right: 1px solid white;
		font-family: myFont2;

	}
	
	.sub
	{
		font-size: 50%;
		border-radius: 0%;
		display: none ;
		border-radius: 10px;
		background: #FF0994;
		width: 40%;
		margin: 0 auto;
		
	}
	
	.sub li a
	{
		color: black;
	}
	
	.fo_li {font-family:verdana;height:auto;padding:8px;color:white;text-align:left;}
	.fo_li:first-letter {text-transform: uppercase;}

	.sub_li {font-family:verdana;height:auto;padding:8px;padding-left:78px;font-size: 16px;color:white;text-align:left;} 
	.sub_li:first-letter {text-transform: uppercase;}
	
	#sidebar1 ul li {border-bottom:1px solid white;}
	
	#sidebar1 ul li:hover/*, #sidebar2 ul li:hover*/
	{
		background: #FF0994; /*
		background: -webkit-linear-gradient(#FF96CD, #FF53AE); /* For Safari 5.1 to 6.0 */     /*
		background: -o-linear-gradient(#FF96CD, #FF53AE); /* For Opera 11.1 to 12.0 */         /*
		background: -moz-linear-gradient(#FF96CD, #FF53AE); /* For Firefox 3.6 to 15 */        /*
		background: linear-gradient(#FF96CD, #FF53AE); /* Standard syntax (must be last) */    /**/
		
	}
	
	#sidebar2 ul li:hover
	{
		background: #000;
		border-top: 2px solid #fff;
	}
	


/*	#sidebar2 .menu1
	{
		border-bottom-left-radius: 40%;	
		background:#7C07A9;
		background: -webkit-linear-gradient(#7C07A9, #9928C6); /* For Safari 5.1 to 6.0 *
		background: -o-linear-gradient(#7C07A9, #9928C6); /* For Opera 11.1 to 12.0 *
		background: -moz-linear-gradient(#7C07A9, #9928C6); /* For Firefox 3.6 to 15 *
		background: linear-gradient(#7C07A9, #9928C6); /* Standard syntax (must be last) *
	}
	#sidebar2 .menu2{
		
		background:#FF1800;
		background: -webkit-linear-gradient(#FF1800, #FF3E2A); /* For Safari 5.1 to 6.0 */
		/*background: -o-linear-gradient(#FF1800, #FF3E2A); /* For Opera 11.1 to 12.0 *
		background: -moz-linear-gradient(#FF1800, #FF3E2A); /* For Firefox 3.6 to 15 
		background: linear-gradient(#FF1800, #FF3E2A); /* Standard syntax (must be last) *
	
	#sidebar2 .menu3{
		background:#5E0482;
		background: -webkit-linear-gradient(#5E0482, #A041C6); /* For Safari 5.1 to 6.0 *
		background: -o-linear-gradient(#5E0482, #A041C6); /* For Opera 11.1 to 12.0 *
		background: -moz-linear-gradient(#5E0482, #A041C6); /* For Firefox 3.6 to 15
		background: linear-gradient(#5E0482, #A041C6); /* Standard syntax (must be last) *
	}
	#si	debar2 .menu4{
		
		background:#D53423;
		background: -webkit-linear-gradient(#C41300, #D53423); /* For Safari 5.1 to 6.0 *
		background: -o-linear-gradient(#C41300, #D53423); /* For Opera 11.1 to 12.0 *
		background: -moz-linear-gradient(#C41300, #D53423); /* For Firefox 3.6 to 15 *
		background: linear-gradient(#C41300, #D53423); /* Standard syntax (must be last) *
	}
	#sidebar2 .menu5{
		background:#A041C6;
		background: -webkit-linear-gradient(#5E0482, #A041C6); /* For Safari 5.1 to 6.0 *
		background: -o-linear-gradient(#5E0482, #A041C6); /* For Opera 11.1 to 12.0 *
		background: -moz-linear-gradient(#5E0482, #A041C6); /* For Firefox 3.6 to 15 *
		background: linear-gradient(#5E0482, #A041C6); /* Standard syntax (must be last) *
	}*/
/*
#sidebar1
{
	background: black;
	opacity: 1;
	position: relative;
	top: 0px;	
	right: 0;
	border-right: 1px solid white;	
	margin: 0 auto;
	margin-top: 0;
	width: 100%;
}*/

nav
{
	z-index: 3;
	
}
nav ul
{
	height: 100%;
	z-index: 3;
	
}

	nav ul li
	{
		display: block;
		height: 50px;
		cursor: pointer;
		z-index: 3;
		margin: 0 auto;
		min-width: 19%;
	}
		nav ul li a
		{
			font-family: myFont2;
			font-size: 130%;
			color: white;
			letter-spacing: 2px;
			position: relative;
			top: 15px;		
			z-index: 3;
		}

		nav ul li a:hover
		{
			
		}

#greetings
{
	position: absolute;
	font-family:verdana;
	font-size:13px;
	margin-left: 3%;
	top: 20px;
}
#login 
{
	text-align: left;
	position: fixed;
	top: 400px;
	right:50px;
	/*background: black;*/
	opacity: 1;
	width: 5%;
	color: white;
	
	z-index: 2;
}
#login_form {position:absolute;right:-45px;font-family:verdana;font-size:13px;}
	#login h1, legend
	{
		color: white;
	}
	
	input
	{
		
		text-align: left;
	}
	
	#login input
	{
		text-align: left;
		color: black;
	}
	
	#registrate_ligtbox
	{
		/*display: none;*/
	}
#contleft
{
	position: absolute;
	top: 505px;
	left: 0;
	z-index: 3;
	border: 10px;
	width: 18%;
	padding-left: 2%;
}

#contleft nav, section, article
{
	padding-bottom: 0px;
	margin-bottom:10px;
	
}

#contleft nav
{
	border-right: 1px solid white;
	padding-top: 0px;
	margin-top:-3px;
	border-top:1px solid white ;
	font-size: 130%;
}
#linecont
{

}
#content
{
	width: 81%;
	text-decoration: none;
	margin: 0 auto;
	/*margin-top: 20px;*/
	/*margin-bottom: 400px;*/
	background: #000;
	opacity: 1;
	padding: 2%;
	position: absolute;
	top: 470px;
	
	
}

	#content p, h1, h2, h3
	{
		opacity: 1;
		position: relative ;
		text-align: left;
		/*left : 30%;*/
		max-width: 75%;
		color: white;
		
	}
	
	#content section
	{
		position: relative;
		left: 20%;
		margin-left: 5%;
		font-family:verdana!important;
		/*width: 60%;*/
	}
	
	
			
		#fokeret2
		{
			position: relative;
			left: 50%;
			top: -945px;
			margin-bottom: -900px;
			
		}
		#fokeret1, #fokeret2
		{
			width: 30%;
		}
		#fokeret2 div
		{
			
		}
		
		#fokeret1 div, #fokeret2 div 
		{
			margin-bottom: 20px;
			width: 100%;
		}
	#content h1, h2, h3
	{
		padding-bottom: 2%;
		/*margin-left: 5%;*/
	}
	
	/*#contleft
	{
		position: relative;
		top: 390px;
	}*/

	.slider-wrapper
	{
		width: 100%;
		margin: 0 auto;
		text-align:center;
		max-height:200px!important; 
	}
	
	#slider
	{
		opacity: 1;
		max-height:200px!important;
	}

	/*#slider img
	{
		opacity: 1;
		width: auto;

		height:auto;
		max-height:300px;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;	 
	}*/
	.slider_img {
		width: auto;

		height:auto;
		max-height:200px;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;	 
	}
	#tudnivalók h1, h2, h3
	{
		/*text-transform: lowercase;*/
		padding-bottom: 2.5%;
		padding-top: 4%;	
	}
	
	#tudnivalók h1, h2, h3, p, p p
	{
		color: white;
	}
	

	
#csik
{
	
	width: 85%;
	height: 20px;
	border-top-right-radius: 60px;
	background: #FF0994;/*
	background: -webkit-linear-gradient(bottom, #FF0994, #FFC4E5); /* For Safari 5.1 to 6.0 */    /*
	background: -o-linear-gradient(top, #FF0994, #FFC4E5); /* For Opera 11.1 to 12.0 */           /*
	background: -moz-linear-gradient(top, #FF0994, #FFC4E5); /* For Firefox 3.6 to 15 */          /*
	background: linear-gradient(to top, #FF0994, FFC4E5#); /* Standard syntax (must be last) */   /**/
	z-index: 10;
	opacity: 0.9;
	position:absolute;
	top: 450px;
	left: 0;	
	z-index: 0;
}

#kosartart
{
	position: fixed;
	text-align: right; 
	right: 3px;
	top:100px;
	/*background: black;*/
	background: white;
	opacity: 1;
	width: 110px;
	padding: 1%;
	text-align: center;
	margin-right: 1%;
	border-radius: 4%;
	font-family:verdana;
}
#pageContent {font-family:verdana;font-size:12px;}
#kosartart p
{
	text-align: center;
	width: 100%; 
}

#kosartart img
{
	width:70%;
	border-radius: 20%;
	background: #fff;
}

#kosartart img:hover
	{
				background: #FF0994	; /*
		background: -webkit-linear-gradient(#FF96CD, #FF53AE); /* For Safari 5.1 to 6.0 */         /*
		background: -o-linear-gradient(#FF96CD, #FF53AE); /* For Opera 11.1 to 12.0 */             /*
		background: -moz-linear-gradient(#FF96CD, #FF53AE); /* For Firefox 3.6 to 15 */            /*
		background: linear-gradient(#FF96CD, #FF53AE); /* Standard syntax (must be last) */
	}
	
.termék
{
	text-align: center;
	/*border-bottom: 1px dotted white;*/
	margin-bottom: 30px;
	background: #FF0994; /*
		background: -webkit-linear-gradient(#FF65BC, #FF0994); /* For Safari 5.1 to 6.0 */      /*
		background: -o-linear-gradient(#FF65BC, #FF0994); /* For Opera 11.1 to 12.0 */          /*
		background: -moz-linear-gradient(#FF65BC, #FF0994); /* For Firefox 3.6 to 15 */         /*
		background: linear-gradient(#FF65BC, #FF0994); /* Standard syntax (must be last) */
	opacity: 1;
	/*margin-left: 25%;*/

	color:black;
	width: 22%;
	height: 410px;
	float: left;
	overflow:hidden;
}
		/*.termék h2, p
	{
		position: relative;
		left: 25%;
		color: black;
	}*/

	.termék img
	{
		position: relative;
		
		margin: 0 auto;
		/*max-height: 150px;	*/
		height: auto;
		max-height:250px;
		width:auto;
		max-width:95%;
		
	}
	.termék h2
	{
		text-align: left;
		max-width: 80%;
		position: relative;
		left: 5%;
		color: black;
		margin-left: 0;
		padding-left: 0;
		height:55px;
	}

	.termék p
	{
		position: relative;
		left: 20%;
		/*bottom: 90px;*/
		color: black;
		max-width: 80%;
		padding: 3px;
		background: white;
		border: 1px solid black;
	}

	.termék div
	{
		position: relative;
		left: 5%;
		height: 150px;
		text-align: left;
		font-size: 50%;
		width:90%;
		
	}

	.termék #pricedate
	{
		margin-left: -5%;
		margin-top: 2%;
	}
	
	#price
	{
		font-size: 150%;
		left: 0;
		margin-top: 10%;
		border: none;
		background: none;
	}
	
	#date
	{
		border: none;
		background: none;
	}

#slider1
{
	left: 0;
	position: relative;
}

.addtocart
{
	position: relative;
	bottom: -10px;
	float:left;
	/*margin-left:-50px;*/
	z-index: 12;
	
}
.kosarba_helyezve {color:green;background:white;}
.form1 {margin:0;padding:0;}
.addtocart input
{
	color: #000;
	
} 

#terkoz
{
	height: 400px;
}
/**************************************************/
.header_slide {width:1041px;height:270px;margin:0 auto;}
.scroll_div_vid {
	width:444px;
	height:250px;
	float:left;
	border:2px solid white;
    position:relative;
	overflow:hidden!important;
	margin:0 auto;
	margin-top:20px;
	-moz-box-shadow: 0px 0px 15px #000000;
	-webkit-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
	display:block!important;	
}
.scroll_div_bef {
	width:570px;
	height:250px;
	float:left;
	border:2px solid white;
	border-right:0;
    position:relative;
	overflow:hidden!important;
	margin:0 auto;
	margin-top:20px;
	-moz-box-shadow: 0px 0px 15px #000000;
	-webkit-box-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 15px #000000;
	display:block!important;	
}
.scroll_div {
	width:100%;
	height:100%;
    position:relative;
}
.scroll_div_content {
    width:100%;
    height:100%;
    position:relative;
	overflow:hidden;
}
.scroll_div_content img {
	width:auto;
	max-width:100%;
	height:auto;
	max-height:auto;
	position:absolute;
	z-index:1;
	left:0;
	top:0;
}
.scroll_div_content_text {
	/*clear:both;*/
	width:auto;
	min-width:30%;
	max-width:70%;
	height:100%;
	position:absolute;
	right:0;
	top:0;
	z-index:2;
	background-color: rgba(255, 255, 255, 0.8);
	background: rgba(255, 255, 255, 0.8);
	color: rgba(255, 255, 255, 0.8);
	padding:8px;
	color:black!important;
	font-family:verdana;
}
.scroll_div_content_text p {
	color:black!important;
	font-family:verdana;
 }
.next_slides {
	position:absolute;
	z-index:1000;
	top:35%;
	left:20px;
	display:none;
}
.prev_slides {
	display:none;
	position:absolute;
	z-index:1000;
	top:35%;
	right:20px;
}

.scroll_div:hover .next_slides {display:block!important;}
.scroll_div:hover .prev_slides {display:block!important;}
.play {display:none;cursor:pointer;margin-top:-35px;position:relative;z-index:1100;}
.lapozo {color:white;font-size:24px;font-weight:bold;}
.lapozo a {color:#FF0994;}
/**************************************************/
.prev_img {
	display:block;
	position:absolute;
	z-index:10000;
	top:35%;
	right:20px;
	cursor:pointer;
}
.next_img {
	position:absolute;
	z-index:10000;
	top:35%;
	left:20px;
	display:block;
	cursor:pointer;
}