/* interaktív súgó */
#refguide_wrapper {
	display: none;
}

#refguide {
	position: relative;
	width: 720px;
	height: 444px;
	margin: 10px auto;
}

	#refguide div {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";	/* IE 8 */
		filter: alpha(opacity=0);											/* IE 5-7 */
		opacity: 0;
		
		-webkit-transition: all 0.5s linear;
		   -moz-transition: all 0.5s linear;
			-ms-transition: all 0.5s linear;
			 -o-transition: all 0.5s linear;
				transition: all 0.5s linear;
	}
	
		#refguide.hover div {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
			filter: alpha(opacity=80);
			opacity: 0.8;
		}

	#refguide ul {
		list-style-type: none;
	}
	
		#refguide em {
			display: block;
			position: absolute;
			border: 2px solid #df8108;
			cursor: help;
			z-index: 99;
			
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			opacity: 1;

			-webkit-transition: all 0.5s linear;
			   -moz-transition: all 0.5s linear;
				-ms-transition: all 0.5s linear;
				 -o-transition: all 0.5s linear;
					transition: all 0.5s linear;
		}
	
			#refguide li.hide em {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
				filter: alpha(opacity=0);
				opacity: 0;
			}

		#refguide span {
			display: block;
			position: absolute;
			padding: 2px 4px;
			font: normal 12px/16px Arial,Verdana,sans-serif;
			text-align: justify;
			color: #000;
			background: #fff;
			border: 2px solid #df8108;

			-webkit-border-radius: 5px;		/* until safari 4 */
			   -moz-border-radius: 5px;	 	/* until ff 3.6 */
					border-radius: 5px;

			box-shadow: 0 15px 10px -10px rgba(0,0,0,.7);
			
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			opacity: 0;

			-webkit-transition: all 0.5s linear;
			   -moz-transition: all 0.5s linear;
				-ms-transition: all 0.5s linear;
				 -o-transition: all 0.5s linear;
					transition: all 0.5s linear;
		}
			
			#refguide li.hover span {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				opacity: 1;
			}

			#refguide li#refguide_01 a em   { left: 80px; top: 295px; width: 330px; height: 28px; }
			#refguide li#refguide_01 a span { left: 80px; top: 332px; width: 326px; }
			#refguide li#refguide_02 a em   { left: 2px; top: 420px; width: 488px; height: 19px; }
			#refguide li#refguide_02 a span { left: 2px; top: 350px; width: 484px; }
			#refguide li#refguide_03 a em   { left: 501px; top: 25px; width: 70px; height: 18px; }
			#refguide li#refguide_03 a span { left: 577px; top: 25px; width: 132px; }
			#refguide li#refguide_04 a em   { left: 501px; top: 53px; width: 70px; height: 18px; }
			#refguide li#refguide_04 a span { left: 577px; top: 25px; width: 132px; }
			#refguide li#refguide_05 a em   { left: 501px; top: 82px; width: 214px; height: 115px; }
			#refguide li#refguide_05 a span { left: 280px; top: 82px; width: 210px; }
			#refguide li#refguide_06 a em   { left: 501px; top: 205px; width: 214px; height: 149px; }
			#refguide li#refguide_06 a span { left: 280px; top: 205px; width: 210px; }
			#refguide li#refguide_07 a em   { left: 501px; top: 407px; width: 214px; height: 33px; }
			#refguide li#refguide_07 a span { left: 501px; top: 323px; width: 210px; }
			
			/* az angolnál 1-2-őt arrébb kell helyezni */
			#refguide.eng li#refguide_07 a span { top: 338px; }
			