/* CSS Document */
BODY {font: x-small Arial, Helvetica, sans-serif; background: #FFF url(i/bg-sky.gif) repeat-x; margin:0; padding:0;}
TABLE {border-collapse: collapse;}
TD {padding: 0; vertical-align: top; font-size: 80%; line-height: 1.3em;}
UL {list-style: none; padding:15px; margin:0; }
LI {padding:3px 0 3px 20px; background: url(i/list-dash.gif) no-repeat 0 9px;}

A:LINK {color: #1863AD; text-decoration: none}
A:VISITED {color: #1863AD; text-decoration: none}
A:HOVER {color:#2E3092; text-decoration: none}
IMG {border: 0;}
H1 {}

H2 { font-size: 150%;}
.left_pad{position:relative; left:-82px; padding:20px 0 0 0; margin:0; z-index:5; white-space: nowrap;}
.left_pad IMG{vertical-align:middle;}

H3 { font-size: 130%;}
H4 { font-size: 120%;color: #09C;}
H5 { font-size: 120%; margin:25px 0 0 0; font-weight: normal;}
H2, H3, H4 { padding:30px 20px 0 0; margin: 0; font-weight: normal; line-height: 1.2em;}

.fullSize {width: 100%; height: 100%;}
.fullWidth {width: 100%; vertical-align:bottom}
#mainTable {background: url(./i/bg-city.gif) repeat-x 0 245px;}
#i_mainTable {background: url(./i/bg-city.gif) repeat-x 0 135px;}
p.page_desc{padding: 10px 40px 0px 0;}

/* HEADER */
#logo {width: 12%; padding: 10px 20px; font-size: 70%; text-align: center; vertical-align: top;}
#logo IMG { margin-bottom: 8px;}
#logo A, .logo A:VISITED {text-decoration: none; color: #174788;}
#logo A:HOVER {text-decoration: underline;}
#logo SPAN {background: url(i/icon_home.gif) no-repeat; padding-left:15px;}
.inner_margin_top{height: 210px;}

.menu {width: 13%; border-left: 1px solid white; vertical-align: middle; height: 50px;  font-size: 90%;}
.menu A {color: #174788; padding: 10px 10px 3px 10px; display: block;}
.menu A:VISITED {color: #174788;}
.nobrdr {border-left: none;}
.menu_open {width: 13%; font-size: 90%; background: White; border: none; vertical-align: middle; height: 50px;}
.menu_open SPAN {font-weight: bold; padding: 10px 10px 3px 10px; display: block;}
.menu_open A {color: #174788; font-weight: bold; padding: 10px 10px 3px 10px; display: block;}

#sloganews{padding: 20px 10px 20px 10px;}
#sloganews H3{padding:0; text-align:center;}

#sub_menu{ background: White; list-style: none none; padding: 10px; margin: 0;}
#sub_menu LI{ padding: 3px 0 0 0; margin: 0; background: none;}
#sub_menu SPAN{font-weight: bold;}
#sub_menu .super SPAN{font-size:85%; font-weight:normal; white-space:nowrap;}
#sub_menu .super{background: #FFF url(i/icon_subarrow.gif) no-repeat 3px 7px; padding-left: 12px;}

.lang {width: 7.6%; font-size: 70%; padding: 10px 20px 20px 20px;}
.lang SPAN {padding:4px; background-color:#AFDDF6;}
.lang A, .lang A:VISITED {color: #174788; padding:4px; border: solid 1px #AFDDF6; text-decoration:none;}
.lang A:HOVER {background: #90D0F4;}

.phones {width: 23%; padding: 0 20px; color: #fff; font-size: 70%;}
.phones DIV {background: #6699CC url(i/phone.gif) no-repeat 5px 5px; padding: 5px 5px 5px 25px;}
.phones TABLE {margin-top:3px;}
.phones TD {color:white; font-size: 70%;}
.phones SPAN {font-size: 110%;}

.inner_padding {height: 155px;}

/* ILLUSTRATION */
/*#main_collages{position:relative; top:-10px; z-index:10;}*/
#main_collages{padding-bottom:60px;}
#main_collages TD{ vertical-align:top; text-align:center;}
#main_collages_links{height:260; position:relative; top:40px; z-index:10;}
#main_collages_links TD{padding:10px 0; width:33%; vertical-align:bottom; text-align:center;}
#main_collages_links A{font-size:18px; font-weight:normal; padding-top:250px; margin:0;}
#business{background:url(i/collage_business.gif) no-repeat 97% 100%; height:270px;}
#complex{background:url(i/collage_complex.gif) no-repeat 50% 100%; height:270px;}
#cotteges{background:url(i/collage_cotteges.gif) no-repeat 3% 100%; height:270px;}
.nat_main_collage_links{font-size:18px; font-weight:normal; padding-top:250px; margin:0;}

TR.ears-pic TD {width: 25%; padding: 10px 20px 10px;}
TR.ears_ru TD {padding: 0 20px 0 60px; background: url(i/we-r.gif) no-repeat 20px 0; font-size: 70%; height: 100%;}
TR.ears_en TD {padding: 0 20px 0 60px; background: url(i/we-e.gif) no-repeat 20px 0; font-size: 70%; height: 100%;}
TR.ears_ua TD {padding: 0 20px 0 60px; background: url(i/we-u.gif) no-repeat 20px 0; font-size: 70%; height: 100%;}

/* CONTENT */
#header_left{ background: #D4ECFB url(i/white.gif) repeat-y;}
#header_right{ background: #D4ECFB url(i/white.gif) repeat-y right;}
#header_right H1, #header_project_right H1{ font-size: 150%; font-weight: normal; padding:5px 0; margin: 0;}

#header_project_left{ background: #D4ECFB url(i/white.gif) repeat-y; height:15px;}
#header_project_right{ background: #D4ECFB;}

.content p {padding:0 20px 1em 0; margin: 0;}

#bottom_link{margin:40px 0 0; width:70%;}
#bottom_link TD{text-align:center;}
#bottom_link A{white-space:nowrap; text-decoration:none;}
#bottom_link IMG{vertical-align:middle;}

/* company_people */
.right h2 {padding-left:23px; margin-bottom:15px;}
.right h4 {padding-left:23px; margin-bottom:15px;}
.right p {padding:0 20px 0 23px; margin: 10px 0;}
.info {background: url(i/icon_info.gif) no-repeat 0 3px;}

.photo{background: url(i/photo_shadow.gif) no-repeat right top; padding: 0 6px 0 0; margin: 3px; float: left;}
.photo DIV{border: 1px solid #DDD; padding:2px;}
TD.people_info{padding:0 20px 0 5px; font-size: 70%; width: 100%;}

.peoples_content {padding:0 20px;}
.peoples_blocks {width: 100%;}
.peoples_blocks TD {width: 33%; padding:0 20px;}
.peoples_blocks P {margin: 10px 0;}

.peoples_txt{float: left;}
.peoples_txt TD{font-size:70%; padding:0 5px; margin: 0;}

.padding_left{padding-left: 24px;}

/* company_smi */
.smi_blocks, .contacts_blocks {width: 100%;}
.smi_blocks P, .smi_blocks DIV{padding:0 40px 10px 0; margin:0;}
.smi_blocks TD{padding:0; width: 30%;}
.smi_blocks DIV, .contacts_blocks DIV{font-size:85%;}

/* projects */
.projects_td{padding-right:10px; width:50%;}
.projects_td p{padding:0 0 15px 0; margin: 0;}
.projects_td H3{padding-top:40px;}
.projects_td TABLE{width: 80%;}

/* project_page*/
.project_pluti {background:url(i/project_bg_pluti.png) repeat-x right bottom;}
#project_left{padding:20px;}
#project_left UL{list-style: none; padding:0; margin:10px 0 40px 15px;}
#project_left LI{padding:2px 0; background: none;}
#project_left UL SPAN{font-weight:bold;}

#project_top_info{padding:0px 20px 10px; vertical-align:top;}
#project_top_info H2{padding:20px 0 0;}
#project_right{padding:0 20px 20px;}
#project_right DIV.photo{margin:13px 0 0;}
#project_right P{padding:0; margin:5px 0;}
#project_right H2{padding:20px 5px 0 0;}

.project_info_table{margin-right:40px;}
.project_info_table TD{padding:5px 0;}
.metrix TD{padding:3px 0 0; white-space:nowrap;}
.metrix TD.td_right{width:5%;}
.metrix TD.dots {background:url(i/dots.gif) repeat-x right bottom; width:90%;}
TD.desc{font-size:70%;}

/* contacts */
.contacts_blocks{margin-bottom:20px;}
.contacts_blocks DIV{float:left; width:180px; padding:20px 20px 0 0; white-space:nowrap;}
.contacts_blocks SPAN{font-size:130%;}
.contacts_blocks A{white-space:nowrap;}
.contacts_blocks H4, .contacts_blocks H5{padding:0;}
.contacts_blocks H3{font-weight:bold;}

.map_link{font-size:120%; font-weight:bold; display:block; clear: both;}
.map_link IMG{vertical-align:middle; margin:0 7px 0 0;}
.map_info H2{padding:0; margin:10px 0 0; position:relative; left:-52px; z-index:5;}
.map_info H2 IMG{vertical-align:middle;}
.map_info P{padding-right:20px;}
.zoom{clear:both; margin-bottom:20px;}
.back{position:relative; left:-0.8em; z-index:7;}
.map_addres{padding:0 5 0 0; margin:0; background:white; display:inline; position:relative; top:-0.7em; z-index:10;}

/* vacancy */
.vacancy H2{position:relative; left:-73px; padding:15px 0 0 73px; margin:20px 0 0; z-index:5; background:url(i/pict_kreslo.gif) no-repeat 0 0; height:55px;}
.right UL{margin:10px 20px 10px 10px; padding:0;}
.vacancy UL{margin:10px 100px 10px 0; padding:0;}
.vacancy LI, .right LI{padding:3px 15px; line-height: 1.2em;}
.vacancy A.send{display:block; margin-bottom:30px; text-decoration: underline;}
#collage_vacancy{margin-top:20px; float:right; background:url(i/collage_vacancy.jpg) no-repeat right top; height:291px; border: 0;}

/* FOOTER */
TR.footer TD.uline {padding: 60px 20px 10px 20px; border-bottom: solid #9B998C 1px; height: 85px; font-size: 70%;}
TR.footer_main TD {padding-left:60px;padding: 60px 20px 10px 20px;}
TR.footer TD.stamp {padding: 0; text-align: right; background: url(./i/bg-f.jpg) repeat-x 0 100%; border: 0; vertical-align: bottom;}
.nobrdr {border-bottom:none}
TD.stamp DIV {background: url(./i/line.gif) no-repeat 0 36px;}
TD.stamp DIV img {margin-left: 10px;}
TD.wood {background: url(./i/wood.jpg) repeat-x 100% 100%; height: 58px; vertical-align: bottom;}
TD.wood .made {margin-left: 60px;}
TD.wood .made TD {padding: 4px 8px 4px 8px; background: #A60000; color: white;}

/* from editor */
.ralign {float:right; padding-left:10px;}
.lalign {float:left; padding-right:10px;}
.calign {text-align:center; margin-right:10px; margin-left:10px}
.text1 {color:#0099CC;}
.text_warning {color:#F00;}
table.std_tab td {border-right:1px solid #FFF;border-bottom:1px solid #FFF;  padding:3px; margin: 2px; background-color:#DDD; font-size:12px;}
table.std_tab td.head {text-align:center; font-weight:bold; background-color:#7CE;}
table.std_tab caption {font-size:12px; color:#5AC; font-weight:bold;}