.clr{ clear:both; }
.eresBox{ background-color:#f3f3f3;  border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; -ms-border-radius:6px; box-shadow:2px 2px 10px #666; margin-bottom:20px; padding-bottom:5px;  }
.eresNav{ padding-left:20px; }
.eresNav a{ display:inline-block; border:1px solid #999999; padding: 5px 10px; border-top:none; color:#999999; text-decoration:none; text-transform:uppercase; }

.eresNav a.active{ background-color:#FFF; color:#000;  } 
.eresBlock{ height:auto; width:590px; overflow:auto; margin:10px; padding-bottom:15px;  }

ul.uls{ margin:0px; padding:0px; list-style:none; }
ul.uls li{ display:inline-block; margin:0px; padding:0px; }

ul.napok{ float:left; }
ul.napok li{ font-size:8px; color:#636363; width:15px; text-align:center;  }

ul.honapok{ border-bottom:2px solid #636363; }
ul.honapok li{ font-size:10px; font-weight:bold; text-transform:uppercase; }

ul.gyumolcsok { margin:0px; padding:0px; list-style:none;}
ul.gyumolcsok li{ display:block; padding:6px 0px;  height:35px; }
ul.gyumolcsok li a{ position:relative; height:20px; display:inline-block; font-size:10px; color:#000; background:#8ac627 url(im/bgr_line.jpg) repeat-x top left; box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; -moz-box-shadow:2px 2px 5px #666; -ms-box-shadow:2px 2px 5px #666; text-decoration:none; padding:1px 5px; font-weight:bold; }
ul.gyumolcsok li span{ display:inline-block; position:absolute; z-index:2000; }
ul.gyumolcsok li span.thum img{ height:100%; width:auto; }
ul.gyumolcsok li:first-child span.thum{ top:30px; }

ul.gyumolcsok li span.thum{ height:0px; width:0px; border:5px solid #FFF; top:-106px; box-shadow:2px 2px 8px #666;
	
	opacity:0;
	-moz-opacity:0;
	-webkit-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	
	transform: translateY(100px);
	-webkit-transition: translateY(100px):
	-moz-transition: translateY(100px):
	-ms-transition: translateY(100px):
	-o-transition: translateY(100px):

	z-index:100;

}
ul.gyumolcsok li a:hover span.thum{ 
	
	opacity:1;
	-moz-opacity:1;
	-webkit-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	height:90px;
	width:110px;

	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	
	transform: translateY(0px);
	-webkit-transform: translateY(0px):
	-moz-transform: translateY(0px):

	

	

}


ul.floating li{ float:left; } 
ul.floating2 li{ float:left; width:100%; }