body { background: #2b296e; color: #000; font-size: 12px; font-family: Tahoma, Helvetica; }

#content { width: 90%; max-width: 1400px; margin: auto; }

#ajax_popup { border: 1px solid #222; border-width: 0 3px 3px 0; width: 800px; padding: 5px; }
#ajax_popup #close { position: absolute; top: -10px; right: -10px; }

#top { position: relative; width: 100%; height: 160px; background: url(../img/logo.png) center center no-repeat; }
	#top_login { position: absolute; top: 11px; right: 0px; width: 180px; color: #fff; font-size: 10px; }
	#top_login a { color: #fff; }
	#top_login #open { padding: 10px; background: #000; }
	#top_menu { position: relative; top: 125px; height: 30px; padding: 4px; background: #7F7DBA; }
	#top_menu a { font-weight: bold; }
	#top_menu .mb { position: relative; float: left; padding: 5px; margin: 3px; width: 100px; background: #9896d8; }
	#top_menu .mbs { position: absolute; top: 22px; left: 0px; width: 120px; color: #000; font-size: 11px; background: #9896d8; z-index: 999; }
	#top_menu .mbs ul { border: 1px solid #7F7DBA; }
	#top_menu .mbs ul li { margin: 10px; }
	#top_menu .mbs ul li a:hover { color: #777; }

#main { min-height: 450px; background: #fff; padding: 5px; }

	#login_div { width: 300px; margin: 150px auto; }

	h1 { text-align: center; font-size: 22px; font-weight: bold; padding: 10px; }
	#main a:hover { text-decoration: underline; }

	table.lista { width: 100%; }
	table.lista td{ padding: 2px; border: 1px solid #fff; vertical-align: middle; font-size: 12px; }
	table.lista th { padding: 2px; border: 1px solid #fff; vertical-align: middle; font-size: 12px; font-weight: bold; background: #9896d8; }
	table.lista .first { background: #ffffff; }
	table.lista .second { background: #bfbee7; }
	table.lista .right { text-align: right; }
	table.lista .left { text-align: left; }
	table.lista .center { text-align: center; }
	table.lista .top { vertical-align: top; }
	table.lista .bold { font-weight: bold; }
	table.lista .red { color: #f00; }
	table.lista .p18 { font-size: 18px; }
	table.lista .w90 { width: 90%; }
	table.lista .w80 { width: 80%; }
	table.lista .w70 { width: 70%; }
	table.lista .w60 { width: 60%; }
	table.lista .w50 { width: 50%; }
	table.lista .w35 { width: 35%; }
	table.lista .w25 { width: 25%; }
	table.lista .w10 { width: 10%; }
	table.lista .p40 { width: 40px; }
	table.lista .p70 { width: 80px; }
	table.lista .h50p { height: 50px; }
	table.lista .h100p { height: 100px; }
	table.lista .h200p { height: 200px; }
	table.lista .need_kurier td a { color: #1122cc; }
	table.lista .alerter td a { color: #cc1111; font-weight: bold; }

	input[type=button], input[type=submit], button, .button { border: 2px solid #7F7DBA; background: #bfbee7; color: #000; padding: 3px 7px; font-weight: bold; }
	input[type=submit] { background: #7F7DBA; border-color: #bfbee7; }
	input[type=checkbox] { transform: scale(1.2); }

	.klient_info { padding: 3px; line-height: 150%; }
	
	.upr { float: left; width: 160px; line-height: 150%; }
	
	.autocomplete { position:absolute; top: 0; left: 0; width:400px; background: #fff; border:1px solid #000; margin:0; padding:0; }
	.autocomplete ul { list-style-type:none; margin:0; padding:0; }
	.autocomplete ul li.selected { background: #ddd; }
	.autocomplete ul li { list-style-type:none; display:block; margin:0; padding:4px; cursor:pointer; }

#footer { background: #7F7DBA; text-align: right; padding: 0 10px; }
	#footer a { color: #fff; }