BODY {
Background: #FEFDF9;	
	background: url('img_design/hu/hatter.jpg') no-repeat center center fixed;		background-attachment:fixed;
		

  background-size: 100% 100%;

	
	
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-TOP: 0px;
	MARGIN-BOTTOM: 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 13px;
	color : #000000;
	font-style : normal;
	font-variant : normal;
	font-weight : normal;


	

}

a:link { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
               font-style: normal; text-decoration: none; color: #000000 }
a:visited { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
               font-style: normal; text-decoration: none; color: #000000 }
a:active  { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
               font-style: normal; text-decoration: none; color: #000000 }
a:hover    { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
               font-style: normal; text-decoration: underline; color: #000000 }

 
a.vilagos:link { font-family: arial, Helvetica, sans-serif; font-size: small; 
               font-style: normal; text-decoration: none; color: #FFFFFF }
a.vilagos:visited { font-family: arial, Helvetica, sans-serif; font-size: small; 
               font-style: normal; text-decoration: none; color: #FFFFFF }
a.vilagos:active  { font-family: arial, Helvetica, sans-serif; font-size: small; 
               font-style: normal; text-decoration: none; color: #FFFFFF }
a.vilagos:hover    { font-family: arial, Helvetica, sans-serif; font-size: small; 
               font-style: normal; text-decoration: underline; color: #FFFFFF }

a.nagy:link { font-family: arial, Helvetica, sans-serif; font-size: 16px; 
               font-style: normal; text-decoration: none; color: #000000 }
a.nagy:visited { font-family: arial, Helvetica, sans-serif; font-size: 16px; 
               font-style: normal; text-decoration: none; color: #000000 }
a.nagy:active  { font-family: arial, Helvetica, sans-serif; font-size: 16px; 
               font-style: normal; text-decoration: none; color: #000000 }
a.nagy:hover    { font-family: arial, Helvetica, sans-serif; font-size: 16px; 
               font-style: normal; text-decoration: underline; color: #000000 }

img.middle {
vertical-align:middle;
vertical-align: -4px;
}


input.middle {
	/* vertical-align:middle; */
		vertical-align: -10px; 
}

input.submit_attekintes {
	padding:5px 15px;
	border:0 none;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 15px;
	cursor: pointer;
	background: #fd9b06}
			   
		
		
		a.top_menu_linkek:link { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; text-decoration: none; color: #FFFFFF }
		a.top_menu_linkek:visited { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; text-decoration: none; color: #FFFFFF }
		a.top_menu_linkek:active  { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; text-decoration: none; color: #FFFFFF }
		a.top_menu_linkek:hover    { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; text-decoration: underline; color: #FFFFFF }
	
		
		
		a.termek_menu_linkek:link { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; font-weight: bold; 
						text-decoration: none;  
					   color: #585858 }
		a.termek_menu_linkek:visited { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; font-weight: bold; 
						text-decoration: none;					   color: #585858 }
		a.termek_menu_linkek:active  { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; font-weight: bold; 
						text-decoration: none;					   color: #585858 }
		a.termek_menu_linkek:hover    { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; text-decoration: underline; color: #585858 }

					   
		a.termek_menu_linkek_ami_termekre_mutat:link { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; font-weight: bold; 
						text-decoration: none;  
					   color: #585858 }
		a.termek_menu_linkek_ami_termekre_mutat:visited { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; font-weight: bold; 
						text-decoration: none;					   color: #585858 }
		a.termek_menu_linkek_ami_termekre_mutat:active  { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; font-weight: bold; 
						text-decoration: none;					   color: #585858 }
		a.termek_menu_linkek_ami_termekre_mutat:hover    { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
					   font-style: normal; text-decoration: underline; color: #585858 }


		span.termek_menu_linkek_ami_termekre_mutat {
			color: #585858;
	
		}
					   
					   
		
		
		a.ket_szelso_oszlop_linkek_betu_szin:link { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
						font-style: normal; 
						text-decoration: none;						color:  #000000 
		}
		a.ket_szelso_oszlop_linkek_betu_szin:visited { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
						font-style: normal; 
						text-decoration: none;					    color:  #000000 
		}
		a.ket_szelso_oszlop_linkek_betu_szin:active  { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
						font-style: normal; 
						text-decoration: none;						color:  #000000 
		}
		a.ket_szelso_oszlop_linkek_betu_szin:hover    { font-family: arial, Helvetica, sans-serif; font-size: 13px; 
						font-style: normal; 
						text-decoration: underline; 
						color:  #000000 
		}

	
	
					   
span.termek_menu_linkek {
	color: #585858;
	
}





span.szoveg_kicsi{
	font-size : 12px;
}
	

			   
form{
   display: inline; 
}

form.keres{
   display: inline; 
}


img.elvalaszt{
	width: 100%;
}


 
span.ket_szelso_oszlop_cimek{

font-size : 24px;color: #87a944;		
}	
td.ket_szelso_oszlop{  /*    Az elválasztóvonal a jobb és bal oldali menüben */
	background-color: #f3f7eb;	
		color: #000000;	
	

}

hr.ket_szelso_oszlop{  /*    Az elválasztóvonal a jobb és bal oldali menüben */
	vertical-align: top;
	margin: 0px;
	padding: 0px; 
	border: 0;
	width: 100%;
	
		color: #FFFFFF;background-color: #FFFFFF;	
		height: 20px;	
	
} 

hr {

	border: 0;
	width: 100%;
	color: #f4a000;
	background-color: #f4a000;
	height: 2px;
} 
  
  
  
  
span.top_menu_hatter_torolniiiiiiiiiiiiiii {
	background-color: #f5b334;
	border-width: 10px;
}

  
div.fejlec2 {
	width: 100px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 10px;
	
}
  
  
div.fejlec2 {
	width: 100px;
	height: 50px;
	position: absolute;
	left: 0px;
	top: 10px;
	
}
 
 div.fejlec_jobb_oldal{
 color: #000000;		
 	
 }
 
td.fejlec2{
	text-align: right; 
	Background: #FFFFFF;background-color: #FFFFFF;	


	vertical-align: top;
	
	
	background-image:url('img_design/hu/head.jpg');	background-repeat:no-repeat;
	background-position:left top;
	
}

font.kissebb_piros{
font-size:10px;
color: red;

}

font.tiz_pixel{
font-size:10px;

} 

td.fejlec_menu {

		background: url('img_design/hu/top_menu_hatter.jpg') top;	background-color: #f3a000;	background-repeat: repeat-x;
	top : 30px;
	border : none;
	padding : 10px;
	border-spacing : 10px;
	margin : 0px;


	
	

}
 
 
 
 td.elvalaszto_cimek_hatter_ket_szelso_oszlop_szinnel {
	background-color: #f3f7eb;	top : 30px;
	border : none;
	padding : 10px;
	border-spacing : 10px;
	margin : 0px;
}



div.elvalaszto {
	width: 100%;
	height: 30px;
	left: 5px;
	right: 10px;
	background-color: #f4a000;
	vertical-align: middle;
}

	
#main {
	position: absolute;
	width: 100%;
	left: 0px;
	top: 0px;
	padding-top: 0px;
	visibility: visible;

}
#content {
	position: relative;
	visibility: visible;


}


div.topmenu {
	border: none;
	width: 100%;
	
		
}



#topmenu2 {
	position: absolute;
	width: auto;
	height: auto;
	left: 520px;
	top: 99px;
	visibility: visible;
}



table.megrendelesek, tr.megrendelesek{
	vertical-align: middle;
	border-collapse: collapse;
	border: 1px solid #C0C0C0; 
	border-spacing: 0px;'
	padding : 0px;
	border-spacing : 0px;
	margin : 0px;	
}

td.megrendelesek_fejlec {
	border-collapse: collapse;
	vertical-align: middle; 
	border: 1px solid #C0C0C0; 
	border-spacing: 0px;'
	border-spacing : 0px;
	margin : 0px;	

	text-align:center; 
	padding:10px; 
	font-weight: bold;'
}

td.megrendelesek{
	border-collapse: collapse;
	vertical-align: middle; 
	border: 1px solid #C0C0C0; 
	border-spacing: 0px;'
	border-spacing : 0px;
	margin : 0px;	
	text-align:center; 
	padding:10px; 
}




table{
	border : none;
	padding : 0px;
	border-spacing : 0px;
	margin : 0px;	

}
table.feher{
	border : none;
	padding : 0px;
	border-spacing : 0px;
	margin : 0px;	
	Background: #FFFFFF;
}

table.hasznos{

	background: url(/papirhatter.jpg) right top; 
	background-repeat: no-repeat;
	border : none;
	padding : 0px;
	border-spacing : 0px;
	margin : 0px;	
}




td{
	vertical-align: top;
	text-align: left;

}



td.top{
	vertical-align: top;
	background: url(tophatter.jpg) left top;
	background-repeat: no-repeat;
}

td.lablec{
	vertical-align: top;
/*	background: url(lablec.jpg) left top;
	background-repeat: repeat-xy;   */
	
		background-color: #FEC23D;
}

td.bottom{
	vertical-align: bottom;
	text-align: left;

	

}

td.jobbszovegvonal{
	vertical-align: top;
	background: url(linejhatter.jpg) right top;
	background-repeat: repeat-y;
	

}

td.bal{
	vertical-align: top;
	background: url(balhatter.jpg) left top;
	background-repeat: repeat;

	

}
td.jobb{
	vertical-align: top;
	background: url(jobbhatter.jpg) left top;
	background-repeat: repeat-y;
	

}
td.centrum{
	text-align: left; 
	Background: #FFFFFF;
	vertical-align: top;
	background: url(papirhatter.jpg) right top; 
	background-repeat: repeat;
	
		
}

table.fejlec{
	width:100%;
		
}


td.vkozep{
	vertical-align: center;
	

}	
td.vbottom{
	vertical-align: bottom;
	

}


div.lista_oldal{
color: #000000;font-size: 20px;		
}

a.lista_oldal{
color: #000000;font-size: 18px;

}
span.lista_oldal_pontok{
color: #000000;font-size: 18px;}



div.fomenu{
	font-size : 18px;
	text-shadow: 0.2em 0.2em;
	letter-spacing: 0.1em;
	margin-left:0.2em;
}

div.bottom{
	margin-left:1.2em;
}

input.wform { font-family:  arial, verdana, helvetica, sans-serif; font-size: 12px; }

input.kosarba { 
	text-align: right;
	font-family:  arial, verdana, helvetica, sans-serif; font-size: 16px; 
	border: 1px solid orange;
	background: #FFFFFF;
	
	}


span.kosarba { 
	vertical-align: baseline;
	font-family:  arial, verdana, helvetica, sans-serif; font-size: 18px; 
	border: 1px solid orange;
	background: #FFFFFF;
	
	}
	
input.keres { 
	font-family:  arial, verdana, helvetica, sans-serif; font-size: 13px; 
	border: 1px solid orange;
	 line-height: 24px;
	 
	background:#FFFFFF;
		color: #FFFFFF;color: #000000;	
	
		
	}

	
input.keres:focus {
	font-family:  arial, verdana, helvetica, sans-serif; font-size: 13px; 
	border: 1px solid orange;
	background: #FFFFFF;


}


select.keres{
	font-family:  arial, verdana, helvetica, sans-serif; font-size: 13px; 
	border: 1px solid orange;
	background: #FFFFFF;
	height: 28px;



	background-color: #FFFFFF;color: #000000;}

/* www.bestcssbuttongenerator.com/#/sMS6wtjhiQ       F49F04*/



.myButton {
					width: 305px;
			
	
	-moz-box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	-webkit-box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cbcbcb), color-stop(1, #eaeaea));
	background:-moz-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-webkit-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-o-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-ms-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:linear-gradient(to bottom, #cbcbcb 5%, #eaeaea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbcbcb, endColorstr='#eaeaea',GradientType=0);
	background-color: #cbcbcb;
	border:1px solid #87a944;
	display:inline-block;
	cursor:pointer;
	font-family:arial;
	font-size:12px;
	padding:1px 1px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:none;
	color: #585858;
	

}
.myButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #cbcbcb));
	background:-moz-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-webkit-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-o-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-ms-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:linear-gradient(to bottom, #eaeaea 5%, #cbcbcb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#cbcbcb',GradientType=0);
	background-color:#eaeaea;
	color:#585858;
	text-shadow:0px 0px 0px #585858;
}

.myButton:link { 
	color:#585858;
	
 }
.myButton:visited { 	
	color:#585858;
}	
.myButton:active {
	position:relative;
	top:1px;

}


.myButton_negy_lepes {
					width: 215px;
			
	
	-moz-box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	-webkit-box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cbcbcb), color-stop(1, #eaeaea));
	background:-moz-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-webkit-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-o-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-ms-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:linear-gradient(to bottom, #cbcbcb 5%, #eaeaea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cbcbcb, endColorstr='#eaeaea',GradientType=0);
	background-color: #cbcbcb;
	border:1px solid #87a944;
	display:inline-block;
	cursor:pointer;
	font-family:arial;
	font-size:12px;
	padding:1px 1px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:none;
	color: #585858;
	

}
.myButton_negy_lepes:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #cbcbcb));
	background:-moz-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-webkit-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-o-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-ms-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:linear-gradient(to bottom, #eaeaea 5%, #cbcbcb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#cbcbcb',GradientType=0);
	background-color:#eaeaea;
	color:#585858;
	text-shadow:0px 0px 0px #585858;
}

.myButton_negy_lepes:link { 
	color:#585858;
	
 }
.myButton_negy_lepes:visited { 	
	color:#585858;
}	
.myButton_negy_lepes:active {
	position:relative;
	top:1px;

}



.myButtonShort {

	-moz-box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	-webkit-box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	box-shadow: 2px 3px 0px 0px #acacac; /* Árnyék */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #cbcbcb), color-stop(1, #eaeaea));
	background:-moz-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-webkit-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-o-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:-ms-linear-gradient(top, #cbcbcb 5%, #eaeaea 100%);
	background:linear-gradient(to bottom, #cbcbcb 5%, #eaeaea 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#eaeaea',GradientType=0);
	background-color:#cbcbcb;
	border:1px solid #87a944;
	display:inline-block;
	cursor:pointer;
	
	font-family:arial;
	font-size:12px;
	padding:2px 2px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:none;
	color:#585858;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;

}
.myButtonShort:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eaeaea), color-stop(1, #cbcbcb));
	background:-moz-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-webkit-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-o-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:-ms-linear-gradient(top, #eaeaea 5%, #cbcbcb 100%);
	background:linear-gradient(to bottom, #eaeaea 5%, #cbcbcb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#cbcbcb',GradientType=0);
	background-color:#eaeaea;
		color:#585858;
	
}
.myButtonShort:link { 
	color:#FFFFFF; 
				
 }
.myButtonShort:visited { 	
	color:#FFFFFF; 
	/* text-shadow:0px 0px 0px #000000; */
}
.myButtonShort:active {
	position:relative;
	top:1px;
}



		


		
		a.myButton1:link { font-family: arial, Helvetica, sans-serif; font-size: 15px; 
					   font-style: normal; font-weight: bold; text-decoration: none; color: #FFFFFF }
		a.myButton1:visited { font-family: arial, Helvetica, sans-serif; font-size: 15px; 
					   font-style: normal; font-weight: bold; text-decoration: none; color: #FFFFFF }
		a.myButton1:active  { font-family: arial, Helvetica, sans-serif; font-size: 15px; 
					   font-style: normal; font-weight: bold; text-decoration: none; color: #FFFFFF }
		a.myButton1:hover    { font-family: arial, Helvetica, sans-serif; font-size: 15px; 
					   font-style: normal; font-weight: bold; text-decoration: underline; color: #FFFFFF }



			   
 
div.gyartok_tarolo{
    float: left;
 width: 200px;
 height: 200px;
border:1px solid #87a944;
align: center;
margin: 10px;
text-align: center;

}

div.gyarto_logo{
	width: 200px;
	height: 160px;	

	vertical-align: middle;
	border:0px solid #c0c0c0;
	display: table-cell;
	align: center;
}

div.gyarto_neve{
	width: 100%;

	min-height: 40px;
	border:0px solid #c0c0c0;

	font-family:arial;
	font-size:12px;
	padding:2px 2px;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration:none;
	color:#585858;
}

img.img_gyarto_logo{ 
	max-width: 190px;
	max-height: 150px;
}
 
 
 


br.menu_kozotti_tavolsag{
line-height:8px;
}
 
select.termek_szukites {
  background-color:#FCA012;
   width: 200px;
  height: 24px;  
  font-size: 12px;
  border-color:#FCA012;
 /* background: transparent;
   padding: 1px;
   line-height: 1; 
   border: 1;
   border-radius: 0;
   -webkit-appearance: none; */
  }


OPTION.mar{background-color:maroon; color:white}
OPTION.white{background-color:white; color:maroon}





/*  360 fokos képek kezelése */


 /*		html {
  			height: 100%;
  		}

		body {
			height: 100%;
			margin: 0;
			padding: 0;
			background: #FFFFFF;
			font-family: Arial, Helvetica, sans-serif;
		}

		
		img {
			width: 100%;
			margin: 0;
			padding: 0;
		}
		
		*/
		
		#log {
			width: 100%;
			max-width:640px;  /* 640 */
			margin: 0 auto;
			padding:0;
			text-align: center;
		}

		#log h3 {
			padding: 0;
			line-height: 28px;
		}

		.caption {
			text-align:center;
			font-size: 1.1em;
			line-height: 2em;
		}



		.container {
			width: 100%;
			height: 100%;
			max-width: 726px; /* 726 */
			min-width: 320px;
			margin: 0 auto;
			
		}

		.img-container {
			border: 1px solid #ccc;
		    width: 100%;
		    max-width:640px; /* 640 */
		    margin: 0 auto;
		    padding:0;
		    cursor: ew-resize;
		}

		.img360 {
		    width: 100%;
		    margin: 0;
			padding: 0;
			line-height: 0;
		}



		#preload-imgs {
			display:none;
		}
		
		
	
	

	

	
table.tabla_termeklista_sok { /* SZERINTEM EZT NEM IS HASZNÁLOM! KÜLÖN KÜLSŐ ÉS BELSŐ TÁBLÁZAT LETT! */
	border: 0px solid #ff7f00;
	border-spacing: 0px;
 border-collapse: collapse; 	/*   Border összevonása */
	width: 100%;
	background-color: white;
	  box-shadow: 5px 5px 3px #888888;  
}
table.tabla_termeklista_sok td {   /* SZERINTEM EZT NEM IS HASZNÁLOM! KÜLÖN KÜLSŐ ÉS BELSŐ TÁBLÁZAT LETT! */
	border:0px solid #ff7f00;
	border-spacing: 0px;
	background-color: white;
		min-width: 200.25px;	

	

	/* (center_meret- ((hany_termek_kep_egy_sorban-1) * 13))/hany_termek_kep_egy_sorban 			 */
	text-align: center;
	
}

	
table.tabla_termeklista_sok_kulso{
	border: 0px solid #ff7f00;
	border-spacing: 10px;
 border-collapse: separate; 	/*  collapse vagy separate Border összevonása */
	width: 100%;
	height: 418px;
	background-color: white;
	/* box-shadow: 5px 5px 3px #888888;*/
}
table.tabla_termeklista_sok_kulso td {
	border:0px solid #ff7f00;
	border-spacing: 10px;
	background-color: white;
			min-width: 208px;	

	text-align: center;
	
}

table.tabla_termeklista_sok_belso{
border: 1px solid #9fc653;				
	border-spacing: 0px;
 border-collapse: collapse; 	/*  collapse vagy separate Border összevonása */
	width: 100%;
	height: 418px;
	background-color: white;
	/* box-shadow: 5px 5px 3px #888888; */
}
table.tabla_termeklista_sok_belso td {
	

	
	
 /* 	border:1px solid #EAEAEA;     */
	border-spacing: 1px;
	background-color: white;
	min-width: 190px;
	text-align: center;
	
}



hr.tabla_termeklista_sok_belso{  /*    Az elválasztóvonal a jobb és bal oldali menüben */
	vertical-align: top;
	margin: 0px;
	padding: 0px; 
	border: 0;
	width: 100%;
	
		color: #FFFFFF;background-color: #FFFFFF;	
			
	height: 1px;
	
} 


#css_horizontal_menu{

	/*specify here a width for a horizontal menu at fixed measure*/
	/*1. remove the default list bullets*/
list-style:none;
	/*2. method to avoid that the background of the div container collapse with floated elements*/
overflow:hidden;
	/*3. in relation to the above method, for Internet Explorer 6, we need to specify a width of 100%*/
	
			width:1262px;/*width:1264px;*/
	/*4. margin value to null – needed for Internet Explorer*/
margin:0;
	/*5. a space (padding) of 1 px between the list border and its content*/
padding:0px;
	/*6. the background color of the menu*/
Background: #FFFFFF;background-color: #FFFFFF;height: 172px;

	/*7. a border of 1px around the menu*/
border: 0px solid #437E7E;
position: fixed;
z-index:1000;

	background-image:url('img_design/hu/head.jpg');	
}









/* Főoldal HÍR LAPOZÓ */

		
	


		br.hir_lapozo_alatti_tavolsag{
line-height: 0px;		}
		br.hir_lapozo_alatti_tavolsag_ha_csak_egy_hir_van{

line-height: 30px;		}
		
		
	#containerhirlapozo{	
		margin:0 auto;
width: 1262px;
		text-align:left;
		position:relative;
		padding:0em 0;
		
		}
		
	ul#items{		  /* a teljes szlide show mérete kinézete */
		margin:0em 0;
		width:auto;

height: 405px;		overflow:hidden;
		background:#FFFFFF;
				-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		padding:0;
		}
	ul#items li{        /* mind a 3 oszlop kinézete */
width: 1262px;		list-style:none;
		float:left;
height: 405px;		overflow:hidden;
		margin:0 0px;
		background:#FFFFFF;
		color:#fff;
		text-align:center;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
		border-radius:0px;
		-moz-box-shadow:0 1px 1px #777;
		-webkit-box-shadow:0 1px 1px #777;
		box-shadow:0 1px 1px #777;
		color:#555;
		padding:0;
		}
	ul#items li:hover{color:#333;}
	ul#items li .image{
		margin:0px 0px 0px 0px;
width: 1262px;height: 405px;		overflow:hidden;
		border:px solid #fff;
		-moz-box-shadow:0 1px 1px #bbb;
		-webkit-box-shadow:0 1px 1px #bbb;
		box-shadow:0 1px 1px #bbb;
		padding:0;
		}	
	ul#items h3{text-transform:uppercase;font-size:14px;font-weight:bold;margin:.25em 0;text-shadow:#f1f1f1 0 1px 0;}	
	ul#items .info{color:#999;text-shadow:#f1f1f1 0 1px 0;}	
	ol#pagination{position:relative;text-align:center; left: -20px;}
	
	ol#pagination li{    /* lapozó kinézete */
		display:inline-block;
		width:16px;
		height:16px;
		background:url(img_design/default/bg_buttons.jpg) no-repeat 0 0;
		text-align:left;
		text-indent:-8000px;
		list-style:none;
		cursor:pointer;
		margin:0 2px;
		}
		
	ol#pagination li:hover{background:url(img_design/default/bg_buttons.jpg) no-repeat 0 -16px;}
	ol#pagination li.current{color:#f00;font-weight:bold;background:url(img_design/default/bg_buttons.jpg) no-repeat 0 -32px;}    /* Az aktuális pötty  */
	ol#pagination li.prev, ol#pagination li.next{  																 /* Jobb és bal nyil elhelyezkedése  */
		position:absolute;
		bottom: 0px;
		}

	ol#pagination li.prev{left: 469px;background:url(img_design/default/bg_buttons.jpg) no-repeat 0 -64px;}   /* 400 */
	ol#pagination li.next{right: 429px;background:url(img_design/default/bg_buttons.jpg) no-repeat 0 -48px;}   /* 355    Ha az alsó 0 akkor a felső 45 */
	
/* Főoldal HÍR LAPOZÓ VÉGE  img_design/default/bg_buttons.png*/




/* felugro_help ablak*/
.thumbnail_felugro_help_ablak {
position: relative;
z-index: 0;
}

.thumbnail_felugro_help_ablak:hover {
background-color: transparent;
z-index: 50;
}

.thumbnail_felugro_help_ablak span {
position: absolute;
left: -1000px;

	background-color: #f3f7eb;	
padding: 8px;

border: 1px solid #000000;
    border-radius: 6px;
visibility: hidden;
color: black;
text-decoration: none;
font-weight: normal;
width: 550px;
}

.thumbnail_felugro_help_ablak:hover span {
visibility: visible;
position:fixed;
bottom:10%;
left: 30%;
}

/* VÉGE felugro_help ablak*/



/* felugro_help ablak 2*/
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 0px dotted black;
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
   	background-color: #f3f7eb;	
    color: black;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 1s;
	border: 1px solid #000000;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/* VÉGE felugro_help ablak 2*/