/* ../css/dialogbox.css -> beolvasva */ 	
/* ../css/ja-transmenu.css -> beolvasva */ 	
/* ../css/lightbox.css -> beolvasva */ 	
/* ../css/style.css -> beolvasva */ 	
@charset "utf-8";
#DialogBackground {
	background-color:#888888;
	height:100%;
	left:0;
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
	position:absolute;
	top:0;
	width:100%;
	z-index:500;
}

#DialogPreLoading {
	opacity:0.45;
	position:absolute;
	top:135px;
	width:100%;
	z-index:750;
}

#DialogBox {	
	position:absolute;
	text-align:left;	
	width:485px;
	height:335px;
	z-index:1000;
	line-height:140%;
}

.dialogBoxBorder_2 {
	background:#FFFFFF none repeat scroll 0 0;
	border-color:#D7D7D7 #CDCDCD #CDCDCD #D7D7D7;
	border-style:solid;
	border-width:1px;
	width:auto;
}

#DialogCenter a {
	border-color:#11A3D1;
	border-style:solid;
	border-width:0 0 1px;
	color:#11A3D1;
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
}

#DialogCenter a:hover {
	border-color:#83B335;
	border-style:solid;
	border-width:0 0 1px;
	color:#006F93;
}

#DialogCenter table {
	width:100%;
}

#DialogCenter .DialogMessage {
	text-align:center;
	font-size:11px;
	color:#333333;
}

#DialogButtonsCenter {
	padding-top:15px;
	text-align:center;
}

#DialogButtonsRight {
	padding-top:15px;
	text-align:right;
}	
	
.transMenu {
  position:absolute;
  overflow:hidden;
  left:-1000px;
  top:-1000px;
}

/* this is the main container for the menu itself. it's width and height get set by script, depending on the size of the items table */
.transMenu .content{
  position:relative;
  text-align:left;
  margin-left:10px;
}

/* this table comprises all menu items. each TR is one item. It is relatively positioned so that the shadow and background transparent divs can be positioned underneath it */
.transMenu .items {
  position:relative;
  left:0px; top:0px;
  z-index:2;
}

.transMenu.top .items {
  border:none;
}

/* each TR.item is one menu item */
.transMenu .item {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
    text-decoration: none;
	text-transform:uppercase;	
	border: none;
	cursor: pointer;
	font-size: 11px;
	background-color:#510b11;
 }

/* this DIV is the semi-transparent white background of each menu. the -moz-opacity is a proprietary way to get transparency in mozilla, the filter is for IE/windows 5.0+. */
/* we set the background color in script because ie mac does not use it; that browser only uses a semi-transparent white PNG that the spacer gif inside this DIV is replaced by */
.transMenu .background {
  position:absolute;
  left:0px; top:0px;
  z-index:1;
  -moz-opacity:0.8;
  filter:alpha(opacity=80);
  }

/* same concept as .background, but this is the sliver of shadow on the right of the menu. It's left, height, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowRight {
	width: 0px;
	position: absolute;
	z-index: 3;
	top: 0px;
	-moz-opacity: 0.4;
	filter: alpha(opacity=40);
}

/* same concept as .background, but this is the sliver of shadow on the bottom of the menu. It's top, width, and background are set by script. In IE5/mac, it uses a PNG */
.transMenu .shadowBottom {
  position:absolute;
  z-index:1;
  left:3px; height:2px;
  -moz-opacity: 0.4;
  filter:alpha(opacity=40);
  }

/* this is the class that is used when the mouse is over an item. script sets the row to this class when required. */
.transMenu .item.hover {
  	color:#FFFFFF;
	background-color:#8c2129;	
	-moz-opacity: 0.6;
	filter: alpha(opacity=80);
}

/* this is either the dingbat that indicates there is a submenu, or a spacer gif in it's place. We give it extra margin to create some space between the text and the dingbat */
.transMenu .item img {
  margin-left:0px;
  } 


/* For first level menu.*/
#ja-menu {
	background:#8c2129;
	width: 946px;
	height: 36px;
	margin:0px;
	padding:0px;
}

#ja-menu2 {
	background:#88a92e;
	width: 946px;
	height: 36px;
	margin:0px;
	padding:0px;
}

#ja-transmenu {
	width:946px;
	margin:0px;
	padding:0px;
	float:left;	
}

#ja-transmenu li {
	margin:0px;
	padding:0px;
	display: inline;	
}

#ja-transmenu li a { /* common styles for 1st level menu */
	height:16px;
	display:block;
	float:left;
	padding:10px 0px;
	font-family: Georgia,Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration: none;
}

#ja-transmenu li a span { /* common styles for 1st level menu */
	color: #f4b453;
}

#ja-transmenu li a:hover { /* common styles for 1st level menu */
 	font-family: Georgia ,Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration: none;
}

#ja-transmenu li a:active { /* common styles for 1st level menu */
 	font-family: Georgia ,Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration: none;	
}

#ja-transmenu2 {
	width:946px;
	height:36px;
	margin:0px;
	padding:0px;
}

#ja-transmenu2 li {
	margin:0px;
	padding:0px;
	display: inline;
}

#ja-transmenu2 li a { /* common styles for 1st level menu */
	height:16px;
	display:block;
	float:left;
	padding:10px 0px;
	font-family: Georgia,Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration: none;
}

#ja-transmenu2 li a span { /* common styles for 1st level menu */
	color: #f4b453;
}

#ja-transmenu2 li a:hover { /* common styles for 1st level menu */
 	font-family: Georgia ,Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	text-decoration: none;	
}	
	
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
	
	
html{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
	background-color:#FFFFFF;
	border:0;
	color:#818084;
}

body{
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:12px;
	background-color:#FFFFFF;
	border:0;
	color:#818084;
}

h1{
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#88a92e;
	font-style:normal;
	font-weight:normal;	
}

h2{
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#8c2129;
	text-transform:uppercase;
	font-weight:normal;
	font-style:normal;
}

h3{
	padding:0px;
	margin:0px;
	font-size:12px;
	font-weight:bold;
}

form{
	margin:0px;
	padding:0px;
}

#menu1{
	color:#FFFFFF;
	text-transform:uppercase;
	width:137px;
}

#menu2{
	color:#FFFFFF;
	text-transform:uppercase;
	width:145px;
}

#menu3{
	color:#FFFFFF;
	text-transform:uppercase;
	width:153px;	
}

#menu4{
	color:#FFFFFF;
	text-transform:uppercase;
	width:160px;
}

#menu5{
	color:#FFFFFF;
	text-transform:uppercase;
	width:181px;
}

#menu6{
	color:#FFFFFF;
	text-transform:uppercase;
	width:161px;
}

.menu1r{
	background:#8c2129;
	padding:0px 39px;
}

.menu2r{
	background:#8c2129;
	padding:0px 39px;
}

.menu3r{
	background:#8c2129;
	padding:0px 39px;
}

.menu4r{
	background:#8c2129;
	padding:0px 39px;
}

.menu5r{
	background:#8c2129;
	padding:0px 39px;
}

.menu6r{
	background:#8c2129;
	padding:0px 37px;
}


.menu3r:hover{
	background:url(../img/bg-menu-markavilag.jpg) no-repeat center;
}

.menu4r:hover{
	background:url(../img/bg-menu-kinalatunk.jpg) no-repeat center;
}
.menu5r:hover{
	background:url(../img/bg-menu-sajt-es-mi-mas.jpg) no-repeat center;
}

.menu1u{
	background:url(../img/bg-menu-aktualis.jpg) no-repeat center #510b11;
}

.menu2u{
	background:url(../img/bg-menu-sajtvilag.jpg) no-repeat center #510b11;
}

.menu3u{
	background:url(../img/bg-menu-markavilag.jpg) no-repeat center #510b11;
}

.menu4u{
	background:url(../img/bg-menu-kinalatunk.jpg) no-repeat center #510b11;
}
.menu5u{
	background:url(../img/bg-menu-sajt-es-mi-mas.jpg) no-repeat center #510b11;
}

.menu6u{
	background:url(../img/bg-menu-fozoiskola.jpg) no-repeat center #510b11;
}	

#menu11{
	color:#FFFFFF;
	text-transform:uppercase;
	width:210px;
}

#menu21{
	color:#FFFFFF;
	text-transform:uppercase;
	width:230px;
}

#menu31{
	color:#FFFFFF;
	text-transform:uppercase;
	width:172px;
}

#menu41{
	color:#FFFFFF;
	text-transform:uppercase;
	width:157px;
}

#menu51{
	color:#FFFFFF;
	text-transform:uppercase;
	width:168px;
}

.menu11r{
	background:#88a92e;
	padding:0px 48px;
}

.menu21r{
	background:#88a92e;
	padding:0px 48px;
}

.menu31r{
	background:#88a92e;
	padding:0px 48px;
}

.menu41r{
	background:#88a92e;
	padding:0px 48px;
}

.menu51r{
	background:#88a92e;
	padding:0px 48px;
}

.menu11r:hover{
	background:url(../img/bg-footer-menu-allergenkereso.jpg) no-repeat center;
}

.menu21r:hover{
	background:url(../img/bg-footer-menu-tapanyagtablazat.jpg) no-repeat center;
}

.menu31r:hover{
	background:url(../img/bg-footer-menu-interaktiv.jpg) no-repeat center;
}

.menu41r:hover{
	background:url(../img/bg-footer-menu-hirlevel.jpg) no-repeat center;
}
.menu51r:hover{
	background:url(../img/bg-footer-menu-kapcsolat.jpg) no-repeat center;
}

.menu11u{
	background:url(../img/bg-footer-menu-allergenkereso.jpg) no-repeat center #5a7317;
}

.menu21u{
	background:url(../img/bg-footer-menu-tapanyagtablazat.jpg) no-repeat center #5a7317;
}

.menu31u{
	background:url(../img/bg-footer-menu-interaktiv.jpg) no-repeat center #5a7317;
}

.menu41u{
	background:url(../img/bg-footer-menu-hirlevel.jpg) no-repeat center #5a7317;
}
.menu51u{
	background:url(../img/bg-footer-menu-kapcsolat.jpg) no-repeat center #5a7317;
}

.vastag{
	font-weight:bold;
}

.tartalom{
	padding-top:15px;
	padding-left:25px;
	line-height:1.5em;
}

.tovabb{
	color:#8c2129;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}

.tovabb:hover{
	color:#8c2129;
	text-decoration:underline;
	font-weight:bold;
	font-size:10px;
}

.tovabb2:hover{
	color:#5A7317;
	text-decoration:underline;
	font-weight:bold;
	font-size:10px;
}

.tovabb2{
	color:#5A7317;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}

.hirleveltext{
	width:500px;
	height:25px;
	border:1px solid #dedbd5;
}

.hirlevelarea{
	width:500px;
	height:100px;
	border:1px solid #dedbd5;
}

.btfeliratkozom{
	background:url(../img/bt-hirlevel-feliratkozom.jpg) no-repeat left;
	border:none;
	height:30px;
	width:122px;
	cursor:pointer;	
}

.mail{
	text-decoration:none;
	color:#939598;	
}

.mail:hover{
	text-decoration:none;
	color:#8c2129;	
}

.sajtes{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#88a92e;
	font-style:normal;
	font-weight:normal;	
	text-transform:none;
}

.dij1{
	background:#FFFFFF;
	margin-bottom:20px;
}

.dij2{
	background:#ebebeb;
	margin-bottom:20px;
}

.sajtfajtak{
	background:url(../img/bg-sajtfajtak-tipusok-off.jpg) no-repeat right;
	padding-right:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:10px;
	color:#818084;
	text-decoration:none;
}

.sajtfajtak:hover{
	background:url(../img/bg-sajtfajtak-tipusok-on.jpg) no-repeat right;
	padding-right:20px;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	font-size:10px;
	color:#88a92e;
	text-decoration:none;
}

.reklamfilm{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	color:#88a92e;
	font-size:10px;
}

.parosits_left{
	height:20px; 
	font-size:10px; 
	text-transform:uppercase; 
	margin:2px 0px; 
	padding-right:10px;
	cursor:pointer;
	padding-top:3px;
}

.parosits_right{
	height:20px; 
	font-size:10px; 
	text-transform:uppercase; 
	margin:2px 0px; 
	padding-left:10px;
	cursor:pointer;
	padding-top:3px;
}

.box{
	width:15px;
	height:15px;
	border:1px solid #999999;
}

.szavazok{
	border:none;
	background:url(../img/szavazok.jpg) no-repeat top left;
	margin:0px;
	padding:0px;
	width:108px;
	height:33px;
	cursor:pointer;
}

.inputbox1{
	width:240px;
	height:20px;
	font-size:12px;
	color:#818084;
	border:1px solid #818084;
}

.inputbox2{
	width:145px;
	height:20px;
	font-size:12px;
	color:#818084;
	border:1px solid #818084;
}

.bigbox1{
	width:240px;
	height:120px;
	font-size:12px;
	color:#818084;
	border:1px solid #818084;
}

.kuldes{
	background:url(../img/recept-feltoltese.jpg) no-repeat top left;
	height:34px;
	width:146px;
	border:none;
	cursor:pointer;
}

.galeria{
	width:825px;	
	height:145px;
}

.galeriatermekek{
	width:694px;	
	height:134px;
}

.galeriatermekek2{
	width:855px;	
	height:134px;
}

.gal_jobbnyil2_all{	
	float:left; 
	padding-top:60px;	
}

.gal_balnyil2_all{
	float:right; 
	padding-top:60px; 		
}

.recept{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#818084;
	text-decoration:none;
}

.recept:hover{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8c2129;
	text-decoration:none;
}

.tppad10{
	padding-top:10px;
}

.btpad10{
	padding-bottom:10px;
}

.tppad20{
	padding-top:20px;
}

.btpad20{
	padding-bottom:20px;
}

.hiclass{
	font-family:Georgia, "Times New Roman", Times, serif;
	padding:0px;
	margin:0px;
	font-size:18px;
	color:#88a92e;
	font-style:normal;
	font-weight:normal;	
	text-transform:none;
}

.backproduct{
	color:#88a92e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	background:url(../img/bg-back-products.jpg) right no-repeat;
	padding-right:25px;
	text-decoration:none;
}

.backproduct:hover{
	color:#88a92e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	background:url(../img/bg-back-products.jpg) right no-repeat;
	padding-right:25px;
	text-decoration:none;
}

.balold{
	float:left; 
	padding:2px 0px 2px 15px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#8c2129;
}

.jobold{
	float:right; 
	padding:2px 15px 2px 0px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#8c2129;
}

.datum{
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	font-size:12px;
	color:#8c2129;
	text-transform:uppercase;
}

.termekek{
	font-family:Arial, Helvetica, sans-serif;
	color:#818084;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;	
}

.markacim{
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#8c2129;
	font-size:10px;
	font-weight:bold;
}

.regiar{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#818084;
	text-decoration:line-through;
}

.ujar{
	font-family:Arial, Helvetica, sans-serif;
	color:#8C2129;
	font-size:16px;
	font-weight:bold;
}