html,body {
	margin:0; padding:0;
	height:100%; /* needed for container min-height */
	background: #F5F5DC;
	
	font-family:arial,sans-serif;
	font-size: 12px;
	color:#606060;
/*	
  background-image: url(../i/body_back.gif);
  background-repeat: repeat-y;
  background-position: center;
  background-color: #EFE9CA;
*/	
}

.bodyBackgr1 {
position: absolute; width: 100%; height: 249px;
background: #DEB887;
}

.bodyBackgr2 {
position: absolute; width: 100%; height: 32px;top: 121px;
background: #8B4513;
}

IMG { border: 0;}
a {text-decoration: none;}
p,h1,h2,h3 {padding: 0;  margin:0;}
textarea {resize: none;}
sup {font-size: 7px;}
div#containerIndex {
	clear: both;
	top : 37px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:997px;
	background:#FFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	border: 1px solid #000;
}

div#container {	
	clear: both;
	top : 37px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:997px;
	background:#FFF;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
		
	background-image: url(../i/sub_content_bg.gif); background-repeat: repeat-y; background-position: 245px top;
	
	border: 1px solid #000;
	
}

div#footer {
	position:absolute;
	width:100%;
	bottom:-32px; /* stick to bottom */
/*	background:#ddd;*/
/*	border-top:6px double gray;*/
}

div#topArrow {
	position: fixed;
	bottom: 0px; left:10px;
	width: 48px; height:28px;	
	background:url(../i/arrow_up_green_48.png) no-repeat left top;
	filter: alpha(opacity=40);	opacity: 0.4;
}

div#topArrow:hover {
	height:48px;	
	filter: alpha(opacity=100);	opacity: 1;
}



/********************************************************************/

#logo {
			 width: 997px; height:83px; 
			 background-image: url(../i/fejlec_logo.jpg?20180308);
			 background-repeat: repeat-y;
		     background-position: center;	     	
	   }
	   
#logo>A {position: absolute; left: 30px; width: 190px; height: 70px;}
	   
#logo .fejlec_cim{
			 color: #000000;
			 font-size: 10px;
			 float: right;
			 margin: 10px 10px 0 0;
		}	   
		
#logo .fejlec_cim a {color: #000000;}		
#logo .fejlec_cim a:hover {color: #808080;}		
		
#logo .fejlec_cim P{
			 font-size: 11px;
			 font-weight: bold;;
		}	   		
			
#fomenu {
			width: 997px; height:32px; 
	/*		 background-image: url(../i/menu_selected.png);*/
			 background: #8B4513;
			 background-repeat: repeat-y;
		     background-position: left;}			
#keyvis {
			width: 997px; height:96px; 
			 background-image: url(../i/keyvis_abh_ronk.jpg);
			 background-repeat: repeat-y;
		     background-position: left;	     	
			 }	
#keyvis.index{
			 background-image: url(i/keyvis_abh_ronk.jpg);
			 }				 
			 
/*********************************************************************/

/*********************************************************************/


.hasab1 {	width: 365px; 
			 /*background: #AAC0A0; */
			 float: left;
			 margin-right: 5px;
}			 


.hasab2 {	width: 365px; 
			 /*background: #AAC0A0; */
			 float: left;
}			 


.hasab3 {	width: 735px; 
			 /*background: #AAD0A0; */
			 float: left;
			 margin-left: 5px;
}			 

.teljesOldal {	width: 992px; 
			 float: left;
			 margin-left: 5px;
}			 



/*boxok*/

.box { 		clear: both;
			padding: 5px 10px 5px 10px;	
			margin: 10px 0px 20px 0px;
			

}

.box h3 { 
			font-size: 20px; 
			font-family: "Arial Narrow", Arial, sans-serif;
		    padding: 0 0 10px 0;
		    font-weight: normal; 
			white-space:nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
}


.box.piros {border: 0px solid red;}	   
.box.piros h3 {color:red; clear: both;}	  	   
.box.piros a  {color:red;}	  	   

.box.zold {border: 0px solid #BDB76B; }	   
.box.zold h3 {color: #678867; clear: both;}	  	   
.box.zold a {color: #678867;}	  	   

.box.barna {border: 0px solid #d2b84b;}	   
.box.barna h3 {color:#A98418; clear: both;}	  	   			 
.box.barna a {color: #A98418; text-decoration: none;}	  	   

.box.akcios {border: 0px solid red;}	   
.box.akcios h3 {color:red; clear: both;}	  	   
.box.akcios a {color: #678867;}	  	   



.hasab1 .box {border-top-width: 0; border-right-width: 0; border-bottom-width: 0;  border-left-width: 0;}
.hasab1 .box h3 {background-image: url(../i/sub_boxtitle.gif); background-repeat: repeat-x; background-position: 0 25px; clear: both;}

.hasab2 .box {border-top-width: 0; border-right-width: 0; border-bottom-width: 0;  border-left-width: 0; }
.hasab2 .box h3 {background-image: url(../i/sub_boxtitle.gif); background-repeat: repeat-x; background-position: 0 25px; clear: both;}

.hasab3 .box {border-top-width: 0; /*border-right-width: 0;*/ border-bottom-width: 0;  border-left-width: 0; }
.hasab3 .box h3 {background-image: url(../i/sub_boxtitle_narrow.gif); background-repeat: repeat-x; background-position: 0 25px; clear: both;}

.teljesOldal .box {border-top-width: 0; /*border-right-width: 0;*/ border-bottom-width: 0;  border-left-width: 0; }
.teljesOldal .box h3 {background-image: url(../i/sub_boxtitle_narrow.gif); background-repeat: repeat-x; background-position: 0 25px; clear: both;}


/*barna div*/
div.barna {border-right: 0px solid #d2b84b;
					padding: 10px 20px 10px 15px;
		   }
div.barna p {margin: 10px 0px 10px 0px;
		   }		   
div.barna a {color: #678867; text-decoration: none; font-weight: bold;}

div.barna a:hover {color: #A98418; text-decoration: underline; font-weight: bold;
		   }		   
/*barna div vége*/

/*zöld div*/		   
div.zold {border-right: 0px solid #678867;
				   padding: 10px 20px 10px 15px;
		   }		   
div.zold p {margin: 10px 0px 10px 0px;
		   }		   		   
div.zold a {color: #678867; text-decoration: none; font-weight: bold;
		   }

div.zold a:hover {color: #d2b84b; text-decoration: underline; font-weight: bold;
}
/*zöld div*/

/*zöld div*/		   
div.piros {border-right: 0px solid #FF0000;
				       padding: 10px 20px 10px 15px;				     
		   }		   
div.piros p {margin: 10px 0px 10px 0px;
		   }		   		   
div.piros a {color: #FF0000; text-decoration: none; font-weight: bold;
		   }
div.piros a:hover {color: #808080; text-decoration: underline; font-weight: bold;
		   }
/*zöld div*/



/*admin div*/		   
div#aloldal div.adminDiv {border-right: 0px solid #BABAFF;
				   padding: 10px 20px 10px 15px;
		   }		   
div#aloldal div.adminDiv p {margin: 10px 0px 10px 0px;
		   }		   		   
/*admin div*/



div#aloldal div.zold, 
div#aloldal div.barna  {margin: 10px 0px 10px 0px;} /* szines divek közötti távolság*/

/**************************************************************/

.footer {
   height: 32px; width: 963px;
/*  background-color: #07633A;*/
/*  background-image: url(../i/bg_footer.jpg); background-repeat: no-repeat; background-position: bottom;*/

  bottom: 0 !important;

  padding: 9px 0 0 12px;
  clear: both;
  color: #fff;

}

.copy {
   width: 305px;
   padding: 6px 0 13px 0;
   color: #8B4513;
  font-family: arial, helvetica, sans-serif; font-size: 11px;
  float:left;  
}

.mitisoft a {
   padding: 6px 0 13px 0;
  font-family: arial, helvetica, sans-serif; font-size: 11px; color: #8B4513;
  float:right;
}

/*************************************************/
#submenu {
			  width: 252px;			 
			  left: 0;
/*			  background-image: url(../i/submenu_top.gif ); background-repeat: no-repeat; background-position: top right; /*zold csik*/
			  padding-top:	30px;
			
			
			  
		 }
		 
#aloldal {
			 float: right;
			 text-align: justify;
			 width: 740px;
			 border: 0px solid; 
/*			 padding: 10px 10px 10px 10px;*/
}	

#aloldal H3, 
#teljesOldal H3 {
				padding: 0 0 0 10px;
				margin:0;
				color: #678867;
				font-size: 24px; 
				font-family: "Arial Narrow", Arial, sans-serif;
			    font-weight: normal; 
				white-space:nowrap;
				overflow: hidden;
				text-overflow: ellipsis;				
				height: 37px;
			  	background-image: url(../i/h3_bottom.gif ); background-repeat: no-repeat; background-position: 10px bottom;				
			  	clear: both;
			}
#teljesOldal H3 { text-align: center; 	background-position: center bottom;	}
			
			
			
#aloldal H3 .kiemel, #teljesOldal H3 .kiemel {color: red;} 
			
#aloldal H4 {
				padding: 0 0 0 10px;
				margin:0;
				font-size: 18px; 

			    font-weight: normal; 
				white-space:nowrap;
				overflow: hidden;
				text-overflow: ellipsis;				
				height: 30px;
			}			

	 		 
/*********************************************************/

#submenu h3 {	font-size: 12px; text-align: center;
				padding: 5px 0 5px 0; margin:0;
			  border-bottom: 1px solid #EBEBEB;
			  background-color:#EFEFEF;
			}


#submenu ul { 
			 width:244px; 
			  margin:0; padding:0;
			  list-style-type: none;
			  text-align: right;		  
}

#submenu ul li {color: #678867; 
			  width:244px; 
			  border-bottom: 1px solid #EBEBEB;
			  font-weight: bold;
			  cursor: pointer;
				}

#submenu ul li span.label{
  width: 234px; height: 25px; 
  font-family: arial, helvetica, sans-serif; font-size: 12px;
  padding-right: 10px;
  font-weight: bold; line-height: 25px; 
  text-align:right;
  color: #678867;
  	}
				
#submenu ul li ul {display:none; 			  border-top: 1px solid #EBEBEB; }				
#submenu ul li ul li {font-weight: normal; border: 0; }				

#submenu ul li ul li a {				
  font-family: arial, helvetica, sans-serif; 
  font-size: 11px;
  width: 225px; height: auto;
  padding: 2px 8px 2px 0;
  text-align: right;
  display: block; position: relative;
  text-decoration: none; cursor: pointer;
  background-image: url(../i/subsubmenu_dot.gif); background-repeat: no-repeat; background-position: right 9px;
  border:0;
  color: #848484;  
}

#submenu ul li ul li a:hover {font-weight: bold;}
#submenu ul li ul li.on {font-weight: bold; display: block;}
/*fomenu*/
#fomenu ul {list-style-type: none; 
				margin:0; padding: 4px 0 0 0;		
				font-size: 16px; 
				font-family: "Arial Narrow", Arial, sans-serif;
			    font-weight: normal; 
				white-space: nowrap;
				height: 37px;
				color: #FFF;
				text-shadow: 1px 1px 3px #404040;
		}
		
#fomenu UL li {				display: inline;}
		
#fomenu ul a {float: left; 
			   background-image: url(../i/menu_elvalaszto.png); 
			   background-repeat: no-repeat; 
			   background-position: top right;
   				color: #fff;
				text-shadow: 1px 1px 3px #404040;
				padding: 2px 18px 0 15px;		

/*			   border: 1px solid;*/
			  }


.kereses {
					padding: 4px 10px 0 0;
					float: right;
					}
.kereses input { margin: 2px 0 0 0; 
						width: 140px;
						font-size: 14px; 
						font-family: "Arial Narrow", Arial, sans-serif;					
						filter: alpha(opacity=60);	opacity: 0.6;
						border: 1px solid #A98418;
						}
/*képek*/
.kep_balra {	float: left; 
				padding: 1px 1px 1px 1px;
				margin:  8px 8px 8px 0px;
				border: 1px solid #DADADA; border-right: 2px solid #BABABA; border-bottom: 2px solid #BABABA;
}

.kep_jobbra {	float: right; 
				padding: 1px 1px 1px 1px;
				margin:  8px 0px 8px 8px;
				border: 1px solid #DADADA; border-right: 2px solid #BABABA; border-bottom: 2px solid #BABABA;
}

.arnyek {		border: 1px solid #DADADA; border-right: 2px solid #BABABA; border-bottom: 2px solid #BABABA;
}


.kep_termekek {		border: 1px solid #DADADA; border-right: 2px solid #BABABA; border-bottom: 2px solid #BABABA;
					margin-left: 5px; margin-top:5px;
					margin-right: 5px; margin-bottom:5px;
/*					filter: alpha(opacity=80);	opacity: 0.8;*/
}

.kep_termekek:hover {border: 2px solid #DADADA; border-right: 3px solid #BABABA; border-bottom: 3px solid #BABABA;
					margin-left: 4px; margin-top:4px;
					margin-right: 4px; margin-bottom:4px;
/*					filter: alpha(opacity=100);	opacity: 1;					*/
}

/*képek*/
	
/*betűk*/
B.barna, P.barna, A.barna, SPAN.barna {color: #A98418;}
B.zold, P.zold, A.zold, SPAN.zold {color: #678867;}
B.piros, P.piros, A.piros, SPAN.piros {color: #FF0000;}
B.bold, P.bold, A.bold, SPAN.bold {font-weight: bold;}

.h1 { font-size : 22px}
.h2 { font-size : 16px}
.h3 { font-size : 14px}

/*galéria*/

.galeria {float: left;  width: 700px; height: 270px; border: 1px solid #000000;}  
.galeria .hatter {position: absolute; z-index: 1; margin: 215px 0 0 0px; width: 700px; height: 55px; background-color: #000000; zoom: 1; 
filter: alpha(opacity=40);	opacity: 0.4;}

.galeria .cim_1	{position: absolute; z-index: 90; margin: 210px 0 0 0px; width: 100%; height: 55px; padding: 6px 0 0 5px; color: #FFFFFF; font-size:32px; }
.galeria .cim_2	{position: absolute; z-index: 90; margin: 245px 0 0 0px; width: 100%; height: 55px; padding: 6px 0 0 5px; color: #FFFFFF; font-size:16px; }

.galeria .cim_3	{position: absolute; z-index: 89; margin: 215px 0 0 -5px; width: 100%; height: 55px; padding: 6px 0 0 5px; color: #678867; font-size:38px;}

.nagy p {font-size: 14px;}
.nagy {padding-right: 20px;}



/*bullet*/

.bullet       { background-repeat: no-repeat; }	
				
.bullet.clockBrown { background-image: url(../i/bullet_brown_clock.png); background-position: 0px center; padding-left: 16px;}
.bullet.emailBrown { background-image: url(../i/bullet_brown_email.png); background-position: 0px center; padding-left: 16px;}
.bullet.faxBrown { background-image: url(../i/bullet_brown_fax.png); background-position: 0px center; padding-left: 16px;}
.bullet.infoBrown { background-image: url(../i/bullet_brown_info.png); background-position: 0px center; padding-left: 15px;}
.bullet.linkBrown { background-image: url(../i/bullet_brown_link.png); background-position: 0px center; padding-left: 16px;}
.bullet.mobileBrown { background-image: url(../i/bullet_brown_mobile.png); background-position: 0px center; padding-left: 16px;}
.bullet.phoneBrown { background-image: url(../i/bullet_brown_telephone.png); background-position: 0px center; padding-left: 16px;}

.bullet.clockGreen { background-image: url(../i/bullet_green_clock.png); background-position: 0px center; padding-left: 16px;}
.bullet.emailGreen { background-image: url(../i/bullet_green_email.png); background-position: 0px center; padding-left: 16px;}
.bullet.faxGreen { background-image: url(../i/bullet_green_fax.png); background-position: 0px center; padding-left: 16px;}
.bullet.infoGreen { background-image: url(../i/bullet_green_info.png); background-position: 0px center; padding-left: 15px;}
.bullet.linkGreen { background-image: url(../i/bullet_green_link.png); background-position: 0px center; padding-left: 16px;}
.bullet.mobileGreen { background-image: url(../i/bullet_green_mobile.png); background-position: 0px center; padding-left: 16px;}
.bullet.phoneGreen { background-image: url(../i/bullet_green_telephone.png); background-position: 0px center; padding-left: 16px;}
				
/*kapcsolat*/								
div.kapcsolatBox ul li
				{list-style-type: none;
				margin: 5px 0 5px 0;
				padding-left: 15px;
				font-weight: bold;}

div.kapcsolatBox   {width: 315px; float: left; margin: 10px 10px 0 0; padding: 10px 10px 10px 10px;}
div.kapcsolatBox b {font-size: 16px; color: #A98418; }

div.kapcsolatBox ul {padding-left: 15px; margin: 0;}


/*táblázatok, admin sorok*/
table.admin {width: 100%; font-family: arial, helvetica, sans-serif; font-size: 14px; color: #454545; border-collapse: collapse; border: 1px solid #454545;}
table.admin th {font-weight: bold; background-color: #454545; color: #FFFFFF; border: 1px solid #FFFFFF; padding: 0 5px 0 0;
			    height: 20px;}

table.admin td {border: 1px  solid #454545; padding: 0 2px 0 2px; }
table.admin input, table.admin select {width: 100%; border: 0px solid #DADADA; text-align: left;}
table.admin tr.spr td {height: 7px;}

/*táblázatok, árlista*/
table.arlista {width: 100%;					
					font-family: arial, helvetica, sans-serif; 
					font-size: 10px; 
					/*font-family: "Arial Narrow", Arial, sans-serif;
					font-size: 14px; */
					color: #454545; 
					border-collapse: collapse; 
					border: 1px solid #678867;}

table.arlista tr {}
table.arlista tr:hover {background-color: #678867; cursor: pointer; color: #FFFFFF; border: 1px solid #FFFFFF; }
table.arlista th {font-weight: bold; background-color: #EFEFEF; 
				  /*background-image: url(../i/pattern-head.png ); background-repeat: repeat;*/
				  
				  color: #454545; border: 1px solid #ABABAB; padding: 0 5px 0 5px; }

table.arlista td {border: 1px solid #ABABAB; padding: 0 5px 0 5px;  
				/*background-image: url(../i/pattern.png ); background-repeat: repeat; 	*/
				}
/*táblázatok, popupAr*/
table.popupAr {		width: 80%;					
					font-family: arial, helvetica, sans-serif; 
					font-size: 14px; 
					/*font-family: "Arial Narrow", Arial, sans-serif;
					font-size: 14px; */
					color: #454545; 
					border-collapse: collapse; 
					border: 0px solid #678867;}

table.popupAr tr {}
table.popupAr tr:hover {background-color: #678867; cursor: pointer; color: #FFFFFF; border: 1px solid #FFFFFF; }
table.popupAr th {font-weight: bold; background-color: #EFEFEF; 
				  /*background-image: url(../i/pattern-head.png ); background-repeat: repeat;*/
				  
				  color: #454545; border: 1px solid #ABABAB; padding: 0 5px 0 5px; }

table.popupAr td {border: 1px solid #ABABAB; padding: 0 5px 0 5px;  
				/*background-image: url(../i/pattern.png ); background-repeat: repeat; 	*/
				}
table.popupAr tr.akcios td { color: red;}




.plSave {float: left; margin: 8px 10px 0 50px; }
.plSave img { width: 32px; 	filter: alpha(opacity=60);	opacity: 0.6; cursor: pointer;}
.plSave img:hover  { width: 32px; 	filter: alpha(opacity=100);	opacity: 1;}
.plSave a {color: red;}

/*táblázatok, árlista*/


/*táblázatok, product*/
table.products {
  width: 678px; margin:8px 0 0 0; padding: 0 0 8px 0;}
  /*background-image: url(../i/dotline.gif); background-repeat: repeat-x; background-position: bottom;*/
  
table.products tr th,
table.products tr td {
  margin:0;
  padding: 9px 0 9px 12px;
}

table.products tr.odd {
  background-color: #F4F3F3;
}

* html table.products tr.odd td { background-image: none; }

table.products tr.odd th,
table.products tr.odd td {
  margin:0;
  padding: 5px 0 5px 12px;
}

table.products tr th{
  width: 144px; text-align:left;
}


table.products_sub {width: 520px;border-top:solid #EBEBEB 1pt;border-left:solid #EBEBEB 1pt;}
table.products_sub td {border-bottom:solid #EBEBEB 1pt;border-right:solid #EBEBEB 1pt;}

table.products_sub tr.cim {font-weight:bold; TEXT-DECORATION: none; height:10px;}
table.products_sub tr.fejlec {font-weight:bold; background-color: #F2F1F1; TEXT-DECORATION: none;}

table.products_sub tr.odd {color: #444444;}

/*form fieldset*/

.ajanlatkeresDiv { width: 325px; /*border: 1px solid red; */float: left;}

.ajanlatkeresDiv p { font-size: 15px; font-weight: bold;}
.ajanlatkeresDiv div.megjegyzes { font-size: 11px; padding-left: 10px; height: 40px;}

.ajanlatkeresDiv div.sor {clear: both; border: 0px solid; height: 30px; width: 320px; }

.ajanlatkeresDiv div.sor .field {width: 80px; float: left; text-align: right; padding:6px 10px 0 0;}
.ajanlatkeresDiv div.sor .input {width: 200px; float: left; border: 1px solid #DADADA; padding:0 2px 0 2px;}
.ajanlatkeresDiv div.sor .input INPUT {width: 195px; border: 0; }

.ajanlatkeresDiv div.txt {border: 1px solid #DADADA; width: 358px; height: 140px; }
.ajanlatkeresDiv textarea {
	font-family:arial,sans-serif;
	font-size: 12px;
	color:#606060;
	border: 0; width: 350px; height: 135px;}

.ajanlatkeresDiv input {
	font-family:arial,sans-serif;
	font-size: 12px;
	color:#606060;}
/*lapszabaszat*/
table.lapsza {width: 100%; 
					font-family: arial, helvetica, sans-serif; 
					font-size: 11px; 
					color: #454545; 
					border-collapse: collapse; 
					border: 1px solid #678867;}

table.lapsza tr {}
table.lapsza .hover:hover {background-color: #678867; cursor: pointer; color: #FFFFFF; border: 1px solid #FFFFFF; }
table.lapsza th {font-weight: bold; background-color: #EFEFEF; text-align: center;		  
				  color: #454545; border: 1px solid #ABABAB; padding: 0 5px 0 5px;}

table.lapsza td {border: 1px solid #ABABAB; padding: 0 5px 0 5px; text-align: center;		  
				/*background-image: url(../i/pattern.png ); background-repeat: repeat; 	*/
				}
				
table.lapsza td.hibas { background-color: red; color: #fff;}				
				
table.lapsza td input {border: 0px; padding: 0 2px 0 2px; width: 100%; background: none; font-size: 11px; 
				}				

table.lapsza .animate {background-color: #cfc390;; cursor: pointer; border: 1px solid #FFFFFF; }


table.lapsza td input.sortAd {	background-image: url(../admin/i/iconset/arrow_up_green_48.png ); 								
								background-repeat: no-repeat; width: 48px; height: 25px;		
								}

.lapsza_megj textarea{ width: 280px; height: 102px; border: 1px solid #DADADA; resize: none; font-family: arial, helvetica, sans-serif; font-size: 11px;}

.lapsza_function{text-align: right;}
.lapsza_function IMG {margin: 0 0px 0 30px; cursor: pointer; 	filter: alpha(opacity=60);	opacity: 0.6;}
.lapsza_function IMG:hover {filter: alpha(opacity=100);	opacity: 1;}



/*filemanager*/
ul#kepek {margin: 0; padding:0;}
ul#kepek li {list-style-type: none; float: left; width: 75px; height: 75px; margin: 2px 2px 2px 2px; border: 1px solid #808080;}

ul#kepek .ui-selecting { background: #FECA40; }
ul#kepek .ui-selected { background: #F39814; color: white; }
/*filemanager*/



.tvBox {float: left;  width: 160px; height: 150px;  text-align: center;
								border: 1px solid #808080; 
								box-shadow: 2px 2px 10px #888888;
		margin: 5px 5px 5px 5px;							
		background-color: #fff;
		cursor:pointer;
		filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=135, Strength=2);
}

.tvBox:hover {border: 1px solid #678867; }  

.tvBox:hover .hatter {background-color: #678867; }  
.tvBox:hover img     {background-position: 0 -20px;}
								
.tvBox img {					width: 100%; 
								background-image: url(../i/tvboxbg.png ); 								
								background-position: 0 10px;
								background-repeat: repeat-x; 
								}  								
								

				
												
.tvBox .hatter {position: absolute; z-index: 1; margin: 115px 0 0 0px;
/*				padding: 2px 5px 2px 5px;*/
				width: 160px; height: 33px; 
				background-color: #ede3b7; 
				background-color: #e3d38f; 
				background-color: #678867;
				background-color: #808080;	
		
				border-top: 1px dotted #FFF; 
				border-bottom: 1px solid #678867; 
/*						zoom: 1; filter: alpha(opacity=70);	opacity: 0.7;*/} 

.tvBox .hatter:hover {}
				
			
.hatter > .cim1 {font-size: 13px; color: #FFF; font-weight: bold; text-shadow: 2px 2px 3px #A0A0A0; text-align: center;}
.hatter > .cim2 {font-size: 11px; color: #FFF; text-align: center;}


.talalat {	background-color: #EEEEEE; height: 60px; padding: 10px 10px 10px 10px;}
.talalat:hover {	background-color: #DADADA; }
.talalat .cim {font-size: 16px; color: #A98418; font-weight: bold; }
.talalat .link {font-size: 13px; margin: 0 0 0 10px;}

/*lapszabaszat arak*/
table.lapsz_arak {width: 540px; border-collapse: collapse; text-align: center; margin-left: 10px; font-size: 13px;}			  
									
table.lapsz_arak tr.fuvar_fejlec td {border: 1px solid #505050; padding: 0 5px 0 5px; color: #FFFFFF;background-color: #505050;}			  

table.lapsz_arak tr.fuvar_sorok  td {border: 1px solid #DADADA; padding: 0 5px 0 5px; }		
table.lapsz_arak tr.fuvar_sorok.odd  td {color: #000000;}		
table.lapsz_arak tr.fuvar_sorok  td.valaszto {border: 1px solid #DADADA; border-right: 2px solid #A98418; padding: 0 5px 0 5px; }		

table.lapsz_arak {
  margin-top: 8px;
  border: 0;
  padding:10px 0 0 0px;
  background-image: url(../i/bg_fieldset.gif);
  background-repeat: repeat-y;
  background-position: right;
}


.tartalomjegyzek {margin-top: 30px; position: absolute; width: 200px; background-color: #EEEEEE; right: 20px; padding: 10px 10px 10px 10px;
								box-shadow: 2px 2px 10px #888888;}
.tartalomjegyzek p {font-weight: bold; font-size: 15px; color: #678867; #d2b84b;}
.tartalomjegyzek ul {color: #678867; #d2b84b; list-style-type: none; padding-left: 10px;}
.tartalomjegyzek ul li { cursor: pointer;
					 background-image: url(../i/bullet_brown.gif); background-position: 0px center; padding-left: 10px;
					 background-repeat: no-repeat; }
.tartalomjegyzek ul li:hover { font-weight: bold;}					 
/*akcios box*/

.akcio {width: 700px; height: 250px;  border: 1px solid #808080; background-color:#EFEFEF;
		box-shadow: 2px 2px 10px #888888;}
.akcio UL { width: 149px; height: 250px; 
			margin: 0; padding: 0; 
			list-style-type: none; 
			text-align: center; 
			border-right: 1px solid #808080; 
			position: absolute;
			z-index:3;}
			
.akcio UL LI { font-size: 12px; background-color:#EFEFEF;
			  padding: 0px 0 0px 0; margin:5px 0 5px 0;;
			  border-top: 1px solid #fff;
  			  border-bottom: 1px solid #fff;
			  font-weight: bold; 
			  line-height: 25px; 			  
			  cursor: pointer;
}
.akcio UL LI:hover 
			{ background-color:#DADADA;
			box-shadow: 3px 3px 5px #404040;
			font-size: 13px; 
			}
.firstSwap  {position: absolute; background-color:#EFEFEF; left: 423px; top: 227px; z-index: 2;}			
.secondSwap {position: absolute; background-color:#EFEFEF; left: 423px; top: 227px; z-index: 1; display: none;}			
.akcio .shadow {position: absolute; background-color:#000; left: 423px; top: 422px; z-index: 3;
				 filter: alpha(opacity=40);	opacity: 0.4; width: 550px; height: 55px;
}
.akcio .text {position: absolute; left: 423px; top: 422px; z-index: 4;
				 width: 540px; height: 55px;
				 color: #fff; padding: 0 5px 0 5px; overflow: hidden;


}

.akcio .text b.cim {font-size: 20px; font-weight: 0px;}
.akcioKep{float: left; margin: 10px 15px 15px 0px; box-shadow: 3px 3px 5px #404040;}

.fbframe { /*position: absolute;*/
		  left: 700px; top: 88px;
		  width: 65px; height: 65px;
  		  border: 0px solid red;
		  }		  		  	
		  
		  
.banner {
		position: absolute;
		top: -37px;
		width: 997px;
		height: 35px;
		background: #f00;
		text-align: center;
		font-weight: bold;
		overflow:hidden;

}

.banner div {position: absolute; margin: 1px 5px 0 5px; width: 987px; color:#fff; font-size: 24px;}
.dropdown {border: 1px solid #808080; background: #F5F5DC; min-height: 50px;  position: absolute; font-size: 9px; display: none; padding: 2px 2px 2px 2px;}
.dropdown input.okButton {margin-top: 10px; height: 16px; font-size: 9px; border: 1px solid #ff8080;}



table.blshopcikkt {width: 500px; 
					font-family: arial, helvetica, sans-serif; 
					font-size: 12px; 
					color: #454545; 
					border-collapse: collapse; 
					border: 1px solid #678867;}

table.blshopcikkt tr { height: 20px;}
table.blshopcikkt th {font-weight: bold; background-color: #EFEFEF; text-align: center;		  
				  color: #454545; border: 1px solid #ABABAB; padding: 0 5px 0 5px;}

table.blshopcikkt td {border: 1px solid #ABABAB; padding: 0 5px 0 5px; text-align: center;		  
				}
				
table.blshopcikkt td.hibas { background-color: red; color: #fff;}				
				
table.blshopcikkt td input,
table.blshopcikkt td textarea,
table.blshopcikkt td select {border: 0px; padding: 0 2px 0 2px; width: 100%; background: none; font-size: 12px; 
				}				
table.blshopcikkt td.talloz input {width: 280px; float: left; }
table.blshopcikkt td.talloz .btn {width: 30px; border: 1px solid;}


.blshop_cikk { width: 700px; height: 160px; 
				border: 1px dashed #BABABA; font-size: 14px; 	border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;}
.blshop_cikk img#kepSrc { width: 150px; heihgt: 150px; border: 1px solid; padding: 1px 1px 1px 1px; float: left; margin: 3px 3px 3px 3px;
border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
}
.blshop_cikk .leiras { width: 345px; float: left; margin: 3px 3px 3px 3px;
}

.blshop_cikk .funkcio { width: 180px; height: 150px; float: left; margin: 3px 3px 3px 3px;
}
.blshop_cikk .funkcio TABLE { height: 50px; width: 100%; margin: 0 0 35px 0;
}
.blshop_cikk .funkcio TABLE TR TD B{font-size: 16px;
}

.blshop_cikk .sor_1 {height: 25px; }
.blshop_cikk .sor_1 b {color: red; font-size: 16px; }

.blshop_cikk .sor_2 {height: 33px; }
.blshop_cikk .sor_2 b {color: #678867; font-size: 20px; }

.blshop_cikk .sor_3 {height: 62px; }
.blshop_cikk .sor_3 b {color: #678867; font-size: 14px; }
.blshop_cikk .sor_3 sup {font-size: 10px; }

.blshop_cikk .sor_4 {height: 30px; }
.blshop_cikk .sor_4 b {color: #678867; font-size: 14px; }

.blshop_cikk .sor_5 {
	background:#678867; margin: 2px 0px 2px 0px;  font-size: 13px; border: 0px;
	padding: 5px 2px 5px 2px;  color: white;	
	border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
	text-align: center;
		
}
.blshop_cikk h4 { margin: 0; padding: 0;
}

.blshopcikktBtn { width: 200px; float: right; text-align: center;}
.blshopcikktBtn input { width: 150px; }


#blshopMenu {
			  width: 252px;			 
			  left: 0;
			  padding-top:	30px;


}


#blshopMenu h3 {	font-size: 12px; text-align: center;
				padding: 5px 0 5px 0; margin:0;
			  border-bottom: 1px solid #EBEBEB;
			  background-color:#EFEFEF;
			}
			
#blshopMenu ul { 
			 width:244px; 
			  margin:0; padding:0;
			  list-style-type: none;
			  text-align: left;		  
}
#blshopMenu ul li span.label{
  width: 224px; height: 25px; 
  font-family: arial, helvetica, sans-serif; font-size: 12px;
  font-weight: bold; line-height: 25px; 
  padding: 0 10px 0 10px;      
  text-align:right;
  color: #678867;
  	}
#blshopMenu>ul>li {clear: left;}

#blshopMenu ul li ul {
  padding: 0 0px 0 10px;  width: 224px; 			 
}

#blshopMenu ul li ul li { 
	font-size: 11px;
	white-space:nowrap;
    text-align: left;		  
	background: #DEB887;
	background: #DADADA;	
	float: left;
	margin: 2px 2px 2px 2px;
	padding: 3px 5px 3px 5px;	
	border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;	
	cursor: pointer;
/*	min-width: 40px;*/
}

#blshopMenu ul li ul li.checked { 
	background: #DEB887;
}


#blshopMenu ul li ul li  INPUT{ 
	display: none;		  
}


.blshop_talalat{ width: 700px; height: 35px;
				overflow: hidden; 
				background: #dadada;
			 	border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;	
			 	position: relative;
}

.blshop_talalat div.result{ position: absolute; left: 45px; top: 7px;
							 font-size: 16px; width: 250px; z-index: 991;
}
.blshop_talalat div.result i{ color: red;}

.blshop_talalat div.order{ font-size: 16px; position: absolute; right: 15px; top: 6px;
}

.blshop_talalat div.linkMgt{ margin:  10px 10px 10px 10px; float: left; font-size: 16px;  
}

.blshop_talalat div.linkMgt input{ display: none; position: absolute; left: 45px; top: 4px; width: 350px;
	background: #fff; border: 3px solid #fff; color: #444;
	z-index: 999;
}


.blshop_talalat div.order select {}

#blshop_tovabbi_talalatok {
	width: 250px;
	font-size: 16px;
	background: #DADADA;
	text-align: center;	
	margin: 12px 2px 2px 2px;
	padding: 3px 5px 3px 5px;	
	border-radius:5px 5px 5px 5px; -moz-border-radius:5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px;	
	cursor: pointer;
	color: #808080;
	font-weight: normal;
}

#blshop_tovabbi_talalatok:hover {background: #DEB887; text-decoration: none;}



.compareBox {
	position: fixed;
	bottom: 50px; right:30px;
	width: 100px; height:50px;	
	border: 1px solid red;
	filter: alpha(opacity=40);	opacity: 0.4;


}

.compareBox:hover {	filter: alpha(opacity=100);	opacity: 1;}

#blshopMenu ul li ul li.cancelBtn{
	background:#DEB887 url(../i/btn_delete_16.png) no-repeat right 2px;	
	padding-right: 20px;
}

#quickFind { margin: 5px 5px 5px 5px;}


#zoomDiv {
height: 98%;
border: 1px solid red;
}

.kep3 { border: 1px solid red;}

.kep1 { background: #dadada; float: left; margin: 3px 3px 3px 3px;}
.kep2 { background: #ffdada; margin: 3px 3px 3px 3px;}

#szincsop {text-transform:uppercase;}
/*
.btn_magnify {
display: box; position: absolute; z-index: 999;
width: 150px; height: 150px; background: url(../i/btn_zoomin.png) no-repeat bottom right;	
}

.btn_saw {
display: box; position: absolute; z-index: 999;
width: 115px; height: 150px; background: url(../i/btn_lapszabaszat.png) no-repeat bottom right;	
}

.btn_ajk {
display: box; position: absolute; z-index: 999;
width: 80px; height: 150px; background: url(../i/btn_ajanlatkeres.png) no-repeat bottom right;	
}
*/

/*
.btnGroup {
margin: 123px 0 0 32px;
padding: 3px 3px 3px 3px;
display: box; position: absolute; z-index: 998;
width: 115px; height: 24px;
background: #dadada;
filter: alpha(opacity=40);	opacity: 0.4;

border: 1px solid #808080; border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
}

.btnGroup2 {
margin: 123px 0 0 32px;
padding: 4px 1px 2px 4px;
display: box; position: absolute; z-index: 999;
width: 115px; height: 24px;
}

.btnGroup2 div {float: right; width: 28px;}
.btnGroup2 div a {filter: alpha(opacity=70);	opacity: 0.7;}
.btnGroup2 div a:hover {filter: alpha(opacity=100);	opacity: 1;}

.btnGroup2.admin, .btnGroup.admin {width: 140px; margin-left: 7px;}
*/


.btnGroup {
margin: 10px 0 0 10px;

display: box; position: absolute; z-index: 998;
width: 30px; height: 105px;
background: #dadada;
filter: alpha(opacity=40);	opacity: 0.4;
border: 1px solid #808080; 
border-radius:10px 10px 10px 10px; -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px;
}

.btnGroup2 {
margin: 15px 0 0 10px;
display: box; position: absolute; z-index: 999;
text-align: center;
width: 31px; 
}

.btnGroup2 div a {filter: alpha(opacity=70);	opacity: 0.7;}
.btnGroup2 div a:hover {filter: alpha(opacity=100);	opacity: 1;}

.btnGroup2.admin, .btnGroup.admin {height: 130px;}


#findBox {	
	display: none;
	position: absolute;
	right: 3px; margin-top: 3px;
	width: 500px; min-height: 50px; border: 2px solid #DEB887; background: #F5F5DC;
	z-index: 2000;
	padding: 3px;

}

#findBox h4 {margin: 3px; padding: 1px; border-bottom: 1px solid #8B4513; color: #8B4513; font-weight: bold; font-size: 14px;}
#findBox h4 span {font-size: 11px; text-align: right; float: right;}
#findBox h4 span a.li {color: #678867;}

#findBox .li {margin: 3px 3px 3px 10px; list-style-type: none; color: #8B4513;}
#findBox .li:hover {color: red; cursor: pointer;}
#findBox .li img {display: none; margin-right: 10px; }
#findBox .li:hover img {display: inline;}