/* ---------- MAINPAGE ----------- */

#mainpage			{width: 452px; float: right; padding: 20px 20px 29px 20px;}

#mainpage h1			{margin: 7px 0 14px 0; font: 18px tahoma, tahoma; color: #20466B; letter-spacing: 0.05em;}
#mainpage h2			{margin: 7px 0 14px 20px; font: bold 13px tahoma; color: #20466B; text-transform: uppercase;}
#mainpage h3			{padding: 0 0 2px 20px; font: bold 11px verdana; text-align: left;}
#mainpage h4			{margin: 7px 0 14px 20px; font: bold 13px tahoma; text-align: right; color: #20466B; text-transform: uppercase;}
#mainpage p			{padding: 0 0 11px 20px; font: 11px verdana, tahoma, tahoma; text-align: justify; line-height: 1.5em;}
#mainpage p.wide		{padding: 0 0 11px 0;}


#mainpage ul			{margin: 0px 0 11px 20px;}
#mainpage li			{padding: 5px 0 5px 20px; background: url("gfx/pointer_red.gif") no-repeat left 11px;}
#mainpage ul ul			{margin: 11px 0 5px 20px;}

#mainpage img.img_left		{float: left; clear: left; margin: 2px; margin-right: 7px;}
#mainpage img.img_right		{float: right; clear: right; margin: 2px; margin-left: 7px;}
#mainpage p.center		{text-align: center;}
#mainpage p.center img		{margin-top: 11px;}
#mainpage p.small		{font-size: 11px;}

#mainpage div.spacer		{width: 467px; height: 23px; margin: 8px -8px; background: url("gfx/spacer.gif") no-repeat top center;}

#start_box			{width: 439px; margin: 20px -8px 0 -11px; padding: 28px 0 45px 30px; overflow: hidden; background: url("gfx/start_box_bg.jpg") no-repeat center top;}
#start_box div.offer		{width: 242px; float: left;}
#start_box div.offer h1		{margin: 0;}
#start_box div.offer ul		{margin: 0;}
#start_box div.offer li		{margin: 0; padding: 7px 15px 0 15px; background: url("gfx/pointer_green.gif") no-repeat left 12px; font: 11px tahoma;}
#start_box div.offer a		{color: #656565; text-decoration: underline;}
#start_box div.offer a:hover	{color: #656565; text-decoration: none;}

#start_box div.gray_box		{width: 157px; height: 207px; float: right; padding: 11px 20px; background: url("gfx/gray_box_bg.gif") no-repeat center top;}
#start_box div.gray_box h1	{margin: 5px 0; font: bold 16px tahoma; letter-spacing: 0;}
#start_box div.gray_box img	{width: 149px; margin: 0 auto; border: 4px solid #ffffff;}
#start_box div.gray_box a.button{display: block; width: 71px; height: 17px; float: right; margin: 11px 0 0 0; background: #77E600 url("gfx/txt_white_wiecej.gif") no-repeat center 6px;}

ul.gallery			{}
ul.gallery li			{display: inline;}
ul.gallery img			{margin: 14px; border: 1px solid #C29031;}
ul.gallery a:hover img		{border: 1px solid #D9C77D;}

/* ---------- SIDEBAR ----------- */
#sidebar			{width: 250px; height: 471px; float: left;}
#sidebar ul			{width: 230px; position: absolute; margin: -34px 0 0 17px /*bottom: 34px;*/; visibility: visible; padding: 7px 0 0 8px; background: url("gfx/sidebar_img_bg.gif");}
#sidebar li			{display: inline; padding: ;}
#sidebar img			{margin: -1px 8px 11px -1px; border: 1px solid #F4F4F4;}


/* ---------- TOP AREA ---------- */
#intro				{width: 760px; height: 63px; margin: 0 auto; padding: 0 16px 0 0; clear: both; background: url("gfx/intro_bg.gif") no-repeat center 7px;}
#logo				{width: 275px; height: 39px; float: left; padding: 21px 0 0 16px;}
#logo a				{width: 241px; height: 27px; display: block; background: url("gfx/logo.gif") no-repeat center top;}
#intro ul			{float: right; padding: 26px 16px 0 0; overflow: hidden;}
#intro li			{height: 11px; float: left; margin: 0 1px 0 -1px; padding: 0 11px; overflow: hidden; border-left: 1px solid #656565;}
#intro li a			{display: block; float: left;}

#intro li.home a		{width: 93px; height: 11px; background: url("gfx/txt_gray_home.gif") no-repeat left 1px;}
#intro li.map a			{width: 82px; height: 11px; background: url("gfx/txt_gray_map.gif") no-repeat;}

#intro ul#flags			{padding: 23px 0 0 0;}
#intro ul#flags li		{height: 16px; padding: 0 9px 0 11px; background: url("gfx/flag_spacer.gif") repeat-y left top; border: none;}
#intro ul#flags li a		{width: 15px; height: 16px;}
#intro ul#flags li.ru a		{background: url("gfx/flag_ru.gif") no-repeat;}
#intro ul#flags li.de a		{background: url("gfx/flag_de.gif") no-repeat;}
#intro ul#flags li.uk a		{background: url("gfx/flag_uk.gif") no-repeat;}

#top_menu			{width: 480px; float: right; padding: 15px 0 0 0; overflow: hidden;}
#submenu			{margin: -1px 0 0 0; padding: 0 0 0px 0;}
#submenu ul			{margin: 0 0 0 -8px;}

* html #submenu			{width: 452px; margin: -1px 0 0 -8px; padding: 0 0 5px 0;}

ul.menu				{text-align: left; overflow: hidden;}
ul.menu li			{display: inline-block; float: left; margin: 0px 1px 7px -1px !important; padding: 0px 7px 0 8px !important; border-left: 1px solid #656565; font: 11px tahoma; color: #656565; line-height: 17px}
ul.menu a			{display: block; line-height: 11px; float: left; color: #656565; white-space: nowrap;}
ul.menu a:hover			{color: #0080FF;}


/* ---------- BOTTOM AREA --------- */
#footer				{width: 477px; float: right; background: #4067A6 url("gfx/footer_bg.gif") no-repeat left bottom; text-align: right;}
#footer a			{display: block; width: 123px; height: 19px; float: right; background: #73DD00 url("gfx/txt_white_meble.gif") no-repeat center center;}



/* ---------- GLOBAL ----------- */

h1				{}
h2				{}
h3				{}
h4				{}

p				{font: 9px tahoma;}

td				{vertical-align: top;}
img				{border: none;}
ul, li				{list-style: none;}
a				{color: #000000; text-decoration: none;}
a:hover				{color: #000000; text-decoration: none;}
.left				{text-align: left !important;}
.right				{text-align: right !important;}
.center				{text-align: center !important;}
.bold				{font-weight: bold !important;}
.underline			{text-decoration: underline !important;}
.important			{font-weight: bold !important; color: #e00000 !important;}

input, select			{padding: 2px; font: 11px tahoma;}
option				{padding-right: 11px;}

.green				{color: #77E600 !important;}

/* ---------- MAIN BLOCKS ---------- */
*				{margin: 0px; padding: 0px;}
body				{background: #fff; font: 11px verdana, tahoma, tahoma; color: #656565;}
#whole	 			{width: 776px; margin: 0 auto; background: #fff;}
#top_area			{width: 776px; height: 119px; clear: both;}
#middle_area			{width: 776px; clear: both; overflow: hidden; background: url("gfx/middle_area_bg.jpg") no-repeat left top;}
#bottom_area			{width: 776px; height: 19px; clear: both; position: relative; margin-top: -19px;}


/*
#top_menu ul			{text-align: left; margin: 0 0 0 -1px;}
#top_menu li			{display: inline; padding: 0px 4px 0 9px; border-left: 1px solid #656565; font: 11px tahoma; color: #656565; line-height: 17px}
#top_menu a			{color: #656565; white-space: nowrap;}
#top_menu a:hover		{color: #0080FF;}
#submenu li			{display: inline-block; float: left; margin: 0px 1px 6px -1px; padding: 0px 8px 0 9px; border-left: 1px solid #656565; font: 11px tahoma; color: #656565; line-height: 17px}
#submenu a			{display: block; line-height: 11px; float: left; color: #656565; white-space: nowrap;}
#submenu a:hover		{color: #0080FF;}
*/
div.box				{padding: 10px; background: #f8f8f8; border: 1px solid #CCCCCC; font: bold 12px;}