/* basic html elements */

* {
	font-size: 100.1%
}

body {
	margin: 0;
	padding: 0;
	color: #000;
	background: #FFF;	
	font: 80% Arial, sans-serif
}

h1,
h2,
h3 {
	font-style: italic;	
	font-weight: normal;
	color: #5E6366
}

h1 {
	margin: 0 1.4em 0.5em
}

h2	{	
	margin: 1em 0 0	
}

h3 {
	font-weight: bold;
	font-size: 1em;
	margin: 1em 0 0
}

a {	
	color: #1A2F6B
}

a:visited {
	color: #525A73 !important
}

a:hover {
	color: #2666B6 !important
}

a.this {
	text-decoration: none;
	border-bottom: 1px dashed #1A2F6B
}

a.this:hover {	
	border-color: #2666B6
}

p {	
	margin: 0 0 1em 0
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0
}

ul li {
	margin: 0;
	padding: 0
}

table {	
	border: 0;	
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em
}

td,
th {
	vertical-align: top;
	padding: 0
}

img {
	border: 0
}

form {
	margin: 0;
	padding: 0
}

html>body textarea {		
	font-size: 1.2em
}


/* common html styles */

.invisible {
	display: none !important
}

.hidden {
	visibility: hidden
}

.top {
	z-index: 1000 !important
}

.with_clear {		
	height: 1px	
}

html>body .with_clear {
	height: auto
}

html>body .with_clear:after {
	content: "."; 
	display: block; 
	height: 0; 			
	line-height: 0;			
	clear: left; 
	visibility: hidden
}

.clear {	
	clear: left;	
	height: 1px;
	font-size: 1px
}

.relative {
	position: relative;
	width: 100%;
	left: 0;
	top: 0
}

.full {
	width: 100%
}

.empty {
	color: #999
}

.print_only {
	display: none;
}


/* font-sizes */

h1 {
	font-size: 1.9em
}

h2 {
	font-size: 1.25em
}

#content, #ads {
	font-size: 1.2em
}

.first_column,
#hotline,
#footer {
	font-size: 0.89em
}

#ads .banner {
	font-size: 0.8em
}

#navigation {
	font-size: 1.2em
}


/* layout */

#layout {
	position: relative;		
	width: expression(document.body.clientWidth < 850? "850px" : document.body.clientWidth > 1500? "1500px" : "auto");	
	height: 100%	
}

html>body #layout {
	height: auto;
	min-width: 60em;
	max-width: 115em
}

#layout table {
	font-size: 1em;	
	width: 100%
}

#layout td.first_column {	
	padding: 0.5em 1em 0.5em 0.5em
}

#layout td.middle_column {
	min-width: 200px
}

#layout td.last_column {
	background: #FFF
}


/* navigation */

#system_links {
	padding: 1em 10px	
}

#system_links img {
	float: right;
	margin-right: 20px
}

ul.navigation {	
	margin: 2em 0 1em;
	font-weight: bold
}

ul.navigation li {	
	padding: 0.3em 0 0.3em 20px
}

ul.navigation li.popup {
	padding-left: 3px	
}

ul.navigation li.selected {
	background: url(/i/nav_li_bg.gif) 6px 0.7em no-repeat
}

ul.navigation ul li.selected {
	background: url(/i/li_bg.gif) 6px 0.9em no-repeat
}

#navigation ul.navigation li a {
	color: #1A2F6B !important
}

#layout #navigation ul.navigation ul li a:visited,
#layout #navigation ul.navigation ul ul li a:visited,
#layout #navigation ul.navigation li.selected ul li.selected ul a:visited {
	color: #525A73 !important
}

#layout #navigation ul.navigation li a:hover,
#layout #navigation ul.navigation ul li a:hover,
#layout #first_column #navigation ul.navigation ul ul li a:hover,
#layout #ads ul.navigation li a:hover,
#layout #ads ul.navigation ul ul li a:hover,
#layout #navigation ul.navigation li.selected ul li.selected ul li.selected a:hover {	
	color: #2666B6 !important
}

#navigation ul.navigation li.selected a,
#layout #navigation ul.navigation li.selected ul li.selected a,
#layout #navigation ul.navigation li.selected ul li.selected ul li.selected a,
#ads ul.navigation li.selected a,
#ads ul.navigation li.selected ul li.selected a {
	color: #EFA008 !important
}

#navigation ul.navigation li.selected ul a,
#layout #navigation ul.navigation li.selected ul li.selected ul a,
#ads ul.navigation li.selected ul a,
#ads ul.navigation li.selected ul li.selected ul a {	
	color: #1A2F6B !important
}

ul.navigation ul {
	margin: 0.8em 0;
	font-size: 0.89em;
	font-weight: normal
}

ul.navigation ul ul {
	font-size: 1em
}

ul.navigation b {	
	color: #EFA008
}

ul.navigation ul b {
	font-weight: normal
}

.add_links {
	margin: 2em 0 0 0;
	font-size: 1.1em;
	font-style: italic
}

.add_links p img {
	margin-right: 0.5em;
	vertical-align: top
}

.add_links a {
	font-weight: bold
}

.ads_navigation {	
	margin-bottom: 1em;
	background: #F4F4F4 url(/i/auth_t_bg.gif) right top no-repeat
}

.ads_navigation div {
	padding: 25px 1em 15px;		
	background: url(/i/auth_b_bg.gif) left bottom no-repeat
}

.ads_navigation div div {
	border: 1px solid #F4F4F4
}

.ads_navigation p {
	color: #877F67;
	margin: 0	
}

#ads ul.navigation {	
	margin: 0 0 1.5em 0;	
	font-size: 0.9em;
	font-weight: normal
}

#ads ul.navigation ul {
	font-size: 1em;
	margin: 0 0 0 1em
}

#ads ul.navigation li {
	background: none !important;
	padding-left: 0
}

#ads ul.navigation li b {
	font-weight: normal
}

.thermo {
	position: relative;	
	width: 100%;
	height: 10px
}

.thermo ul {
	position: absolute;	
	top: 38px;
	width: 100%
}

.thermo li {
	float: left;
	background: url(/i/thermo_arrow.gif) right center no-repeat;
	font-style: italic;
	padding: 0 15px
}

.thermo li.selected {
	background: none
}

.thermo b {
	font-weight: normal;
	color: #868686
}

.no_thermo {
	height: 10px;
	font-size: 1px
}


/* logo */

#logo {	
	height: 116px;		
	width: 157px;
	position: relative;
	z-index: 1
}

#logo img {
	position: absolute;
	left: 15px;
	top: -33px
}

#logo #logo_img {
	left: 14px;
	top: -8px
}


/* consultants block */

.specialists {			
	background: #F5F5F5 url(/i/specialists_bg.jpg) right bottom no-repeat;
	margin: 1em 0 0 -0.5em;
	padding: 0 0 16px 3px
}

.specialists h3 {
	padding: 1em 0 0 1em;
	border-right: 1px solid #E5E5E5;
	font-size: 1.2em;
	font-weight: bold
}

.specialists div {		
	padding: 2em 1em 2em 0;	
	border-right: 1px solid #E5E5E5
}

.specialists a, .specialists span {
	margin: -0.5em -74px 0 0;
	float: left	
}

.specialists p a, .specialists p em {	
	font-size: 1.25em;
	font-style: italic;
	font-weight: bold;	
	float: none;
	margin: 0;
	color: #000
}

.specialists p {		
	margin: 0 0 0 85px;	
	color: #696969
}


/* hotline */

#hotline {
	min-width: 125px;	
	border-top: 4px solid #636C85;
	padding: 1em 25px 40px 15px;		
	background: #EFF1F5 url(/i/hotline_bg.gif) left bottom no-repeat
}

#hotline h3 {
	margin: 0 0 0.1em 0;
	color: #696969;
	font-size: 1.25em;
	font-style: italic
}

#hotline p {
	margin-bottom: 2em
}


/* vote block */

.vote {	
	padding: 0.5em 20px	
}

.vote h3 {
	margin: 0 -20px 1em -1em;
	font-size: 1.2em;
	font-weight: bold
}

.vote p.intro, .vote .count {
	font-style: italic
}

.vote p.intro {
	margin-bottom: 1.5em
}

.vote form {
	width: auto
}

.vote input {	
	margin: 0 5px
}

.vote label {
	padding-top: 5px;
	display: block
}

html>body .vote label {
	padding: 0
}

.vote input.button {
	width: auto;
	margin: 1em 0 0 24px
}

.count {
	background: none !important
}

.vote_line {		
	height: 1.2em;	
	margin-right: 0.5em;
	border-right: 1px solid;
	float: left
}

.vote_line.red {
	background: #F8E6E6;
	border-color: #A60000
}

.count.red {
	color: #A60000
}

.vote_line.green {
	background: #F0F8E6;
	border-color: #5EA600
}

.count.green {
	color: #5EA600
}

.vote_line.blue {
	background: #E6EFF8;
	border-color: #005AA6
}

.count.blue {
	color: #005AA6
}


/* headers */

#header {
	margin-bottom: 2em
}

.common_header {	
	margin-top: 77px;
	margin-bottom: -2em;
	padding-left: 64px;
	background: url(/i/common_header_bg.gif) no-repeat
}

.common_header div {
	border-top: 4px solid #DDDEDF	
}

.common_header div div {
	border: 0;
	height: 29px
}

.custom_header {
	margin: 43px 0 2em 0;	
	background: url(/i/info_main_image_bg_1.jpg) repeat-x
}

.custom_header div.bg {
	position: relative;	
	background: url(/i/info_main_image_bg_2.jpg) right top no-repeat;
	height: 116px
}

.custom_header div.bg div {
	position: absolute;	
	background-position: left top;
	background-repeat: no-repeat	
}

.custom_header div.top_left_corner {	
	left: 0;
	top: 0;
	width: 137px;
	height: 74px;
	background: url(/i/info_main_image_tc.gif) no-repeat
}


/* main image block */

#main_image {		
	margin-right: 191px;
	height: 294px;
	background: bottom left repeat-x
}

html>body #main_image {
	margin-right: 194px
}

.floor_7 #main_image {
	background-image: url(/i/main_image_bg_7.jpg)
}

.floor_6 #main_image {
	background-image: url(/i/main_image_bg_6.jpg)
}

.floor_5 #main_image {
	background-image: url(/i/main_image_bg_5.jpg);
	background-position: 18px 100%
}

.floor_4 #main_image {
	background-image: url(/i/main_image_bg_4.jpg);
	background-position: 5px 100%
}

.floor_3 #main_image {
	background-image: url(/i/main_image_bg_3.jpg);
	background-position: 11px 100%
}

.floor_2 #main_image {
	background-image: url(/i/main_image_bg_2.jpg);
	background-position: -2px 100%
}

.floor_1 #main_image {	
	background-image: url(/i/main_image_bg_1.jpg);
	background-position: 4px 100%
}

.floor_0 #main_image {
	background-image: url(/i/main_image_bg_0.jpg)
}

#main_image .relative {	
	height: 294px;
	left: 0;	
	overflow: hidden
}

#main_image div div {
	position: absolute
}

#main_image .top_left_corner {	
	left: 0;	
	top: 0;
	width: 203px;
	height: 116px;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/main_image_tc.png',sizingMethod=crop)	
}

html>body #main_image .top_left_corner {
	background: url(/i/main_image_tc.png)
}

#main_image .bg {	
	width: 100%;
	left: 70px;
	height: 294px;
	background: bottom left no-repeat	
}

.floor_7 #main_image .bg {		
	background-image: url(/i/main_image_7.jpg)
}

.floor_6 #main_image .bg {		
	background-image: url(/i/main_image_6.jpg)
}

.floor_5 #main_image .bg {		
	background-image: url(/i/main_image_5.jpg)	
}

.floor_4 #main_image .bg {		
	background-image: url(/i/main_image_4.jpg)
}

.floor_3 #main_image .bg {		
	background-image: url(/i/main_image_3.jpg)
}

.floor_2 #main_image .bg {		
	background-image: url(/i/main_image_2.jpg)
}

.floor_1 #main_image .bg {		
	background-image: url(/i/main_image_1.jpg)	
}

.floor_0 #main_image .bg {		
	background-image: url(/i/main_image_0.jpg)
}

#left_door {
	background: #C6C7CC url(/i/door_bg.jpg) repeat-x;	
	left: -4970px;	
	margin-left: 50%;
	height: 294px;
	width: 5000px
}

#left_door div {
	background: url(/i/left_door_2.gif) right top no-repeat;	
	width: 4px;
	height: 294px;
	right: 0
}

#left_door_bg {
	background: #6D7793 url(/i/left_door.jpg) right top no-repeat;	
	height: 294px;
	left: 0;
	width: 60px
}

#right_door {
	background: #C6C7CC url(/i/door_bg.jpg) repeat-x;	
	height: 294px;		
	right: 0;		
	width: 50%;
	margin-right: -28px
}

#right_door_bg {
	background: url(/i/right_door.jpg) left top no-repeat;
	height: 294px;
	left: 100%;	
	width: 5000px;	
	margin-left: -5px
}

#right_door div {
	background: url(/i/right_door_2.gif) left top no-repeat;	
	width: 4px;
	height: 294px
}


/* lift */

#lift {
	float: right;		
	width: 191px;			
	height: 294px;
	position: relative;	
	background: url(/i/lift_bg.jpg) right no-repeat
}

#lift div {
	position: relative;
	padding: 14px 0 0 30px
}

#lift div div {	
	width: 125px;
	padding: 0;
	height: 33px
}

#lift a:hover {
	border-color: white
}

#lift img {	
	position: absolute;
	left: 0;
	top: 0;
	width: 125px;
	height: 25px
}

#lift a img.active,
#lift a:hover img {
	visibility: hidden
}

#lift a:hover img {
	visibility: visible
}


/* content */

#content {	
	background: #FFF;			
	width: 99%;	
	padding: 0 2em 2em 2em	
}

html>body #content {
	width: auto
}

#content.with_right_column {		
	margin-right: 210px
}

#content ul {
	margin: 0 0 1em 1em
}

#content ul li {
	padding: 0 0 0.6em 1.2em;	
	background: url(/i/li_bg.gif) 0 0.5em no-repeat
}

#content p.no_indent {
	margin-bottom: 0.5em
}

#content p.table_caption {
	font-size: 1.1em;
	font-style: normal;
	font-weight: bold;
	color: #E67B01
}

#content table.data {
	border: 0;	
	border-top: 3px solid #B0A892;
	border-bottom: 1px solid #B0A892;
	margin-bottom: 2em
}

#content table.data th,
#content table.data td {
	border: 0;
	padding: 0.5em 0.5em 0.5em 0
}

#content table.data th {
	text-align: left;
	font-weight: normal
}

#content table.data td {
	font-size: 0.8em
}


/* dropdown description */

.dropdown_description {	
	margin: 0.5em 0 0.3em;
	width: 100%;
	position: relative;
	left: -0.5em;
	display: none
}

.dropdown_description.opened {
	display: block
}

.dropdown_description div {		
	float: left;
	clear: left;
	padding: 1em 0.5em
}

.dropdown_description .info {
	background: #F2F1EE	
}

.dropdown_description table {
	width: auto !important
}

.dropdown_description td {
	color: #787776;
	padding: 0 1em 0.5em 0
}

.dropdown_description .label {
	color: #000	
}


/* news */

.news {
	width: 99%
}

.news h2 {	
	margin-top: 0
}

.news ul {	
	position: relative;
	left: -2.1em
}

.news li {
	padding-left: 1.5em;
	background: none !important
}

.date {
	color: #A2A2A2;
	font-style: italic;
	font-size: 0.89em
}


/* right block */

#ads {
	float: right;	
	width: 190px	
}

#ads .wrapper {
	padding: 0 1em 0 0
}

#ads .banner {
	font-style: italic;	
	padding: 0 0 2em 0;
	color: #696969
}

#ads .banner p {
	margin-bottom: 0
}


/* authorization */

#authorization {		
	margin: 0 0 2em -2px;
	width: 15em;	
	padding: 1em 0em 0;
	font-size: 1.1em	
}

#authorization .opener {
	position: relative;	
	z-index: 2000;
	padding: 1px 0 3px 22px;	
	background: url(/i/auth.gif) no-repeat
}

#authorization.opened {
	background: #F4F4F4 url(/i/auth_t_bg.gif) right top no-repeat
}

#authorization.opened .opener {
	background: url(/i/auth_opened.gif) 6px 0.3em no-repeat
}

#authorization_form {
	display: none;	
	padding: 1em 0 1.5em 23px
}

#authorization_form form {
	margin-bottom: 1em
}

#authorization_form input {
	margin-bottom: 0.1em;
	width: 10em
}

#authorization_form input.button {
	width: auto
}

#authorization.opened #authorization_form {
	background: url(/i/auth_b_bg.gif) left bottom no-repeat;
	width: 100%;
	display: block
}

#authorization_frame {
	height: 1px;
	width: 1px;
	visibility: hidden
}

#authorization_info {
	width: 15em;
	font-size: 1.1em;
	background: url(/i/auth_user.gif) 3px 0 no-repeat;
	padding-left: 25px
}

#authorization_info #authorization_form {
	display: block;
	padding-left: 0
}

#authorization_info p {
	font-size: 1.1em;
	font-weight: bold
}

#authorization_error {	
	width: 10em	
}


/* tooltips */
	
.tooltip {
	position: absolute;
	left: 2em;
	top: 2em	
}

.tooltip table {
	width: 50em !important
}

.tooltip table td {		
	background: #E2EEC8
}

.tooltip table td.content {	
	padding: 2em 2em 0 2em
}

.tooltip table td.full {
	width: 50em !important
}

.tooltip table td.corner {
	width: 46px !important;
	height: 30px;
	background: transparent
}

.tooltip table td.corner div {
	width: 46px;
	height: 30px;	
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/tooltip_corner.png',sizingMethod=crop)
}

html>body .tooltip table td.corner div {
	background: url(/i/tooltip_corner.png)
}

.tooltip p.no_indent {
	margin-bottom: 0
}

	

/* grouping, sorting, page navigation */

h2.group {
	clear: left;	
	color: #000;		
	margin: 0.5em 0 1em;
	font-style: italic;	
	border-bottom: 1px solid #B5B5B5
}

.group_description {
	margin: -1em 0 1em 0
}

.sort_title,
.pages_title {
	float: left;	
	width: 11em;
	color: #877F67;
	padding: 0.2em 0
}

.pages {
	margin-top: 1.5em
}

.pages_title {
	color: #000;
	width: 6em
}

#content ul.sort_modes,
#content ul.page_navigation {	
	margin: 0 0 0 11.2em	
}

#content ul.page_navigation {
	margin-left: 6.2em
}

#content ul.sort_modes li,
#content ul.page_navigation li {
	float: left;		
	background: none;
	color: #877F67;	
	padding: 0.2em 0.5em;
	margin-right: 0.3em	
}

#content ul.sort_modes li.selected,
#content ul.page_navigation li.selected {
	background: #E7E5DE
}

ul.sort_modes b, ul.page_navigation b {
	color: #000;
	font-weight: normal
}


/* footer */

#copyright {
	padding: 2em 0 2em 30px;
	color: #696969
}

#made_in div {
	width: 267px;
	float: right
}

#made_in {
	padding: 2em 20px
}

#made_in img {
	float: left	
}

#made_in p {
	margin-left: 100px
}

/* tabsheets */

div.tabs {
	position: relative;
	left: -0.5em
}

div.tabs div {	
	float: left;	
	padding: 0.2em 0.5em;
	margin-right: 0.3em
}

div.tabs div.active {
	background: #F1EBDE
}

div.tabs b {
	font-weight: normal
}

div.sheets {	
	margin-top: 1em
}

div.sheets div.sheet {
	display: none
}

div.tabs div.active,
div.sheets div.sheet.active {
	display: block
}

#content table.data.phones {
	border: 0;
	width: auto
}

#content table.data.phones td {
	font-size: 1em
}


/* other */

#hide_all {
	position: absolute;
	left: 0;
	top: 0;	
	background: #FFF;	
	height: 100%;	
	width: 100%;
	z-index: 999
}

p.file {
	margin-top: 1em;
	padding-left: 30px
}

p.file i {
	margin: 0 0 -22px -30px;
	width: 23px;
	height: 22px;
	background: url(/i/file_icons.gif);
	display: block	
}

p.file.doc i {
	background-position: 0 0
}

p.file.pdf i {
	background-position: -23px 0
}

p.file.ppt i {
	background-position: -46px 0
}

p.file.xls i {
	background-position: -69px 0
}

p.file.zip i {
	background-position: -92px 0
}

p.file span {
	color: #8D8D8D;
	font-size: 0.8em
}

.error {
	color: red
}

div.form_link {
	float: left;	
	margin: 1em 0 1em 0;
	background: #F1EBDE url(/i/form_link_l_bg.gif) left top no-repeat
}

div.form_link p {
	background: url(/i/form_link_r_bg.gif) right bottom no-repeat;
	padding: 0.6em 3em 0.8em;
	margin: 0
}

div.picture, div.thumbnail { 
	float: left
}

div.thumbnail { 
	width: 270px;
	height: 190px	
}
div.picture { 
	min-width: 170px;
	width: 12em;
	min-height: 230px;
	height: 16.5em
}

div.picture div, div.thumbnail div {
	margin: 1em 2em 0 0
}

div.picture p, div.thumbnail p {
	font-size: 0.8em;
	margin-bottom: 0
}
div.picture p
{
height: 8em;
margin: 0;
}

div.picture p span {
	color: #8D8D8D
}

div.picture a.popup {
	white-space: normal
}

div.floor_title {
	padding-bottom: 0.5em;
	font-size: 1.8em;
	color: #42495D
}

a.popup {	
	white-space: nowrap
}

a.popup img, ul.navigation li.popup a img {
	margin-right: 5px
}