body { margin: 0; padding: 0; background: #5D75A8; color: #000; font-family: sans-serif; }
a    { color: blue; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 14px; position: absolute; display: inline-block; margin: 0; padding: 0; font-style: italic; }
span { font-size: 13px; position: absolute; margin: 0; padding: 0; }

#wrap { width: 846px; height: 603px; position: relative; top: 10px; left: 50%; margin-left: -423px; }
#head { width: 846px; height: 143px; background: #fff; position: relative; border-bottom: 4px #5D75A8 solid; }
	#head div.left { width: 544px; height: 143px; background: url('../img/head_left.png'); }
	#head div.logo { width: 220px; height: 79px; position: absolute; top: 32px; left: auto; right: 10px; }
	#head span { width: 800px; position: absolute; top: auto; bottom: 10px; font-size: 12px; margin-left: 125px; }

#menu { width: 838px; height: 34px; background: #fff; border-left: 4px #fff solid; border-right: 4px #fff solid; }
	#menu ul { height: 34px; margin: 0; padding: 0; list-style-type: none; }
		#menu ul li { float: left; height: 34px; padding: 0 2px; }
		#menu ul li.right { float: right; }
		#menu ul li:first-child { padding-left: 0; }
			#menu ul li a { width: 100px; display: inline-block; line-height: 34px; height: 34px; padding: 0 8px; color: #000; }
			#menu ul li a:hover, #menu ul li a.a { text-decoration: none; background: #5D75A8; color: #fff; }
	

#container { position: relative; z-index: 5; color: #000; background: #fff; min-height: 50px; font-size: 14px; }
#container.uvod { width: 846px; height: 425px; background: url('../img/body.png'); color: #fff; padding: 0; }
#container.page { width: 826px; border-top: 4px #5D75A8 solid; border-bottom: 2px #5D75A8 solid; padding: 10px; }
	#container div.sprava { width: 408px; height: 104px; position: absolute; top: 9px; left: 0; }
		#container div.sprava h1 { width: 220px; top: 8px; left: auto; right: 0; }
		#container div.sprava span.linux { width: 50px; top: 50px; left: 325px; }
		#container div.sprava span.win   { width: 50px; top: 65px; left: 195px; }
		
	#container div.servis { width: 427px; height: 163px; position: absolute; top: 20px; left: auto; right: 0;}
		#container div.servis h1 	{ width: 400px; top: 8px; left: 15px; }
		#container div.servis span  { width: 400px; top: 22px; left: 15px; }
		
	#container div.poradenstvi { width: 349px; height: 142px; position: absolute; top: 127px; }
		#container div.poradenstvi h1 	{ width: 290px; top: 8px; left: 34px; }
		#container div.poradenstvi span { width: 330px; top: 22px; left: 34px; }
		
	#container div.site { width: 420px; height: 103px; position: absolute; top: 193px; left: 371px; }
		#container div.site h1 	 { width: 150px; top: 25px; left: 20px; }
		#container div.site span { width: 180px; top: 40px; left: 20px; }
		
	#container div.vystupy { width: 343px; height: 120px; position: absolute; top: 283px; left: 22px; }
		#container div.vystupy h1 	{ width: 180px; top: 8px; left: 150px; text-align: right; }
		#container div.vystupy span { width: 180px; top: 22px; left: 150px; text-align: right; }
		
	#container div.programovani { width: 439px; height: 95px; position: absolute; left: auto; right: 0; top: 307px; }
		#container div.programovani h1	 { width: 180px; top: 18px; left: 200px; text-align: right; }
		#container div.programovani span { width: 180px; top: 32px; left: 200px; text-align: right; }
	
	#container ul.reference { padding-left: 25px; margin: 0; }
		#container ul.reference li { list-style-image: url("../img/b1.png"); }
			
	#container div.clear { height: 20px; }
	
	
#footer { width: 846px; height: 36px; background: #fff; }
	#footer div.footer { float: left; width: 430px; height: 28px; z-index: 0; color: #000; margin-left: 100px; padding-top: 8px; }
		#footer div.footer div.helpdeskInfo { font-style: italic; font-weight: bold; font-size: 14px; display: none; color: #fff; }	
		#footer div.footer a     { color: #000; }
		#footer div.footer span  { position: static; display: inline-block; width: 120px; font-size: 13px; }
		#footer div.footer img   { display: inline-block; width: 10px; height: 10px; margin-right: 5px; }

	#footer div.helpdesk { cursor: default; position: relative; width: 310px; height: 36px; float: left; background: #e23129; line-height: 36px; padding-left: 6px; color: #fff; }
	#footer div.helpdesk div.helpdeskEnter { cursor: pointer; z-index: 10; width: 74px; height: 63px; background: transparent url('../img/enter.png'); position: absolute; bottom: 8px; left: auto; right: 9px; }