/*	---------------------------------------------------------------------------------------
	Axel panel
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:		Axel panel
	Media:				screen, projection, handheld, tv
	Date:				31. 5. 2010
	Author:				Zdenek Kostal (http://zdenekkostal.cz/)	
	-------------------------------------------------------------------------------------*/
	
#axel-panel { position: fixed; left: 0; top: 0; z-index: 990; width: 100%; font: 11px/33px sans-serif; }
	#axel-panel p, #axel-panel ul, #axel-panel a { margin: 0; padding: 0; border: none; text-transform: none; font-weight: bold; font-style: normal; text-decoration: none; color: #4c4c4c; background: none; }
	#axel-panel a:hover, #axel-panel a:focus, #axel-panel a:active { text-decoration: none; color: #4c4c4c; }
		#axel-panel a em { font-style: normal; }

	#axel-panel-slider { min-height: 1px; padding: 4px 80px 0 15px; border-bottom: 5px solid #eaeaea; background: #fff; }
	#axel-panel-slider:after { clear: both; visibility: hidden; display: block; height: 0; font-size: 0; content: '.'; }
	#axel-panel .axel-panel-hidden { overflow: hidden; height: 0; margin-top: -1px; padding: 0; width: 100%; line-height: 0; font-size: 0; }
		#axel-panel-slider p, #axel-panel-slider ul, #axel-panel-menu li, #axel-panel-menu li a, #axel-panel-menu li a em { float: left; display: inline; }
	
		p#axel-panel-logo { height: 23px; margin: 5px 80px 0 0; }
			p#axel-panel-logo img { vertical-align: top; }
		
		#axel-panel-menu li { position: relative; margin-right: 5px; }
			#axel-panel-menu li a { position: relative; z-index: 2; background: url('../images/axel-panel-menu-down.png') 8px 1px no-repeat; }
				#axel-panel-menu li a em { padding: 0 12px 0 28px; cursor: pointer; }
			
			#axel-panel-menu li:hover a, #axel-panel-menu li a:hover, #axel-panel-menu li a:focus, #axel-panel-menu li a:active, #axel-panel-menu li.active a { background: #f8f8f8 url('../images/axel-panel-menu.png') 0 0 no-repeat; }
				#axel-panel-menu li:hover a em, #axel-panel-menu li a:hover em, #axel-panel-menu li a:focus em, #axel-panel-menu li a:active em, #axel-panel-menu li.active a em { padding: 0 12px 0 28px; background: url('../images/axel-panel-menu-in.png') 100% 0 no-repeat; }

			#axel-panel-menu li ul { position: absolute; left: 0; top: 32px; width: 140px; display: none; padding: 5px 0; border: 1px solid #adadad; border-color: #f0f0f0 #adadad #adadad #f0f0f0; background: #fff; }
			#axel-panel-menu li:hover ul, #axel-panel-menu li:focus ul, #axel-panel-menu li:active ul, #axel-panel-menu li.hover ul { display: block; }
				#axel-panel-menu li:hover a, #axel-panel-menu li:focus a, #axel-panel-menu li:active a, #axel-panel-menu li.hover a { color: #00aad5; }
				#axel-panel-menu li:hover li a, #axel-panel-menu li:focus li a, #axel-panel-menu li:active li a, #axel-panel-menu li.hover li a { color: #a0a0a0; background: url('../images/axel-panel-submenu.gif') 0 13px no-repeat; }
				
				#axel-panel-menu li li { float: none; display: block; margin: 0; padding: 0 10px; text-align: left; background: url('../images/axel-panel-dotted.gif') 0 100% repeat-x; }
				#axel-panel-menu li li.last { background: none; }
					#axel-panel-menu li li a, #axel-panel-menu li.hover li a, #axel-panel-menu li.active li a, #axel-panel-menu li li a:hover { float: none; display: block; width: 105px; padding: 10px 0 10px 15px; line-height: 16px; color: #a0a0a0; background: url('../images/axel-panel-submenu.gif') 0 13px no-repeat; }
					#axel-panel-menu li li a:hover, #axel-panel-menu li li a:focus, #axel-panel-menu li li a:active { color: #000; }
			
			
		a#axel-panel-facebook { float: right; margin-top: 6px; line-height: 20px; background: #fdfdfd url('../images/axel-panel-facebook.png') 0 0 no-repeat; }
		a#axel-panel-facebook:hover, a#axel-panel-facebook:focus, a#axel-panel-facebook:active { color: #000; }
			a#axel-panel-facebook em { float: left; padding: 0 8px 0 22px; background: url('../images/axel-panel-facebook-in.png') 100% 0 no-repeat; cursor: pointer; }
	
	a#axel-panel-button { position: absolute; right: 0; top: 0; }
	a#axel-panel-button { background: #eaeaea url('../images/axel-panel-toggle.png') 100% -38px no-repeat; }
		a#axel-panel-button em { float: left; display: inline; margin-left: -2px; padding: 2px 35px 2px 10px; background: none; cursor: pointer; }
	#axel-panel .axel-button-hidden { background-position: 100% 0; }
		#axel-panel .axel-button-hidden em { background: url('../images/axel-panel-button.gif') 0 100% no-repeat; }

#axel-panel { _position: absolute; _top: expression((ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + 'px' ); }
#axel-panel-slider { _display: block; _zoom: 1; } /* hasLayout */
#axel-panel .axel-panel-hidden { _position: relative; _bottom: 92%; }