@charset "utf-8";
/* CSS Document */


#navigation
{
	padding:0;
	margin:0 0 4px 0;
}
#navigation ul
{
	width: auto;
	float: right;
	padding: 0;
	margin: 0;
}
	#navigation ul li
	{
		float: left;
		list-style: none;
		margin: 0 10px 3px 0;
		color: #feffff;
		font-size: 12px;
		font-family:Arial, Helvetica, sans-serif;
		font-weight: bold;
		background: #94bad1 url(imagenes/gr_bg_nav_left_1.gif) 0 0 no-repeat;
		position: relative;
	}
		#navigation li span
		{
			background: url(imagenes/gr_bg_nav_right_1.gif) 100% 0 no-repeat;
			display: block;
			float: left;
		}
		#navigation li a
		{
			color: #feffff;
			text-decoration: none;
			display: block;
			float: left;
			background: #fccd57 url(imagenes/gr_bg_nav_left_0.gif) 0 0 no-repeat;
		}
			#navigation li a:hover,
			#navigation li a.hover
			{
				background: #f8b50c url(imagenes/gr_bg_nav_left_1.gif) 0 0 no-repeat;
				cursor: pointer;
			}
		#navigation li a span
		{
			padding: 0 10px 0;
			line-height:22px;
			*line-height:20px;
			height: 20px;
			display: block;
			background: url(imagenes/gr_bg_nav_right_0.gif) 100% 0 no-repeat;
		}
			#navigation li a:hover span,
			#navigation li a.hover span
			{
				background: url(imagenes/gr_bg_nav_right_1.gif) 100% 0 no-repeat;
			}
	#navigation ul li.active
	{
		background: #6296bf url(imagenes/gr_bg_nav_left_2.gif) 0 0 no-repeat;
		height: 20px;
		margin-bottom: 0;
	}
		#navigation li.active span
		{
			background: url(imagenes/gr_bg_nav_right_2.gif) 100% 0 no-repeat;
		}
		#navigation li.active a,
		#navigation li.active a:hover,
		
		
		#navigation li.active a.hover
		{
			background: url(imagenes/gr_bg_nav_blocker.gif) 0 20px repeat-x;
		}
		
		
		#navigation li.active a span,
		#navigation li.active a:hover span,
		#navigation li.active a.hover span
		{
			background: url(imagenes/gr_bg_nav_arrow.gif) 50% 0  no-repeat;
			height: 24px;
		}
		/* Stops ie6 showing extra 1px on li with class ative */
		* html #navigation li.active a span,
		* html #navigation li.active a:hover span,
		* html #navigation li.active a.hover span
		{
			
		}
