/* { border: 1px solid red; }*/

html {}

html, body { width: 100%; height: 100%; }
body { font: 1em Arial, sans-serif; background: url(/i/d.gif) no-repeat; background-attachment: fixed; color: white; padding: 0; margin: 0; position: relative; }
img { border: 0; }
table { width: 100%; border-collapse: collapse; border: 0; }
td, th { padding: 0; vertical-align: top; text-align:left; border: 0; }
p { margin-top: 0; margin: 0px; }
ul, ol, li { margin: 0; padding: 0; }

a { color: white; }
a:hover { color: black !important; }

a.inv { color: black; }
a.inv:hover { color: #1361aa !important; }

.clear { clear: both; overflow: hidden; height: 0px; font-size: 0; }
.lclear { clear: left; }
.rclear { clear: right; }

h1,h2,h3,h4,h5,h6 { font-weight: normal; }
small { font-size: 80% !important; }
big { font-size: 130% !important; }
.png { -background-image: none !important; -background-position: left top; }

.link { color: white; border-bottom: 1px dotted white; cursor: pointer; cursor: hand; zoom: 1; }
.link:hover { color: black; border-color: black; }

.limit { position: relative; max-width: 1400px; min-width: 1000px; width: expression((document.documentElement.clientWidth	|| document.body.clientWidth) < 1000 ? '1000px' : (document.documentElement.clientWidth || document.body.clientWidth) > 1400 ? '1400px' : '100%' ); }
.min-width { position: relative; min-width: 1000px; width: expression((document.documentElement.clientWidth	|| document.body.clientWidth) < 1000 ? '1000px' : '100%' ) !important; }
.centered { margin: 0 auto; }

/* ----------------------------------------- */

/* colors: заменять при каждом обновлении страницы */
div.information div.body,
#ControlTop .control,
#ControlTop .control .links,
#ControlBottom .control .links {
	background: #6482a0;
}
div.information div.phone h2 {
	color: #6482a0;
}

#ControlTop .control, #ControlBottom .control { background: white;  } 

#Global { position: absolute; width: 100%; height: 100%; /*min-height: 650px; height: expression((document.documentElement.clientHeight || document.body.clientHeight) < 650 ? '650px' : '100%' ); min-width: 1000px;*/ width: expression((document.documentElement.clientWidth || document.body.clientWidth) < 1000 ? '1000px' : '100%' ); }

#ControlTop, #ControlBottom { position: relative; z-index: 999; }
#ControlTop .control, #ControlBottom .control { position: absolute; left: 33%; top: 10px; height: 2em; width: 55%; margin-left: -20px; }
#ControlBottom { position: relative; width: 100%; margin-top: -3.3em; //margin-top: 0; //top: -3.3em; //height: 3.3em; //margin-bottom: -3.3em; }
/*#ControlBottom .control { margin-top: -2em; top: -10px; }*/
#ControlTop .control .links, #ControlBottom .control .links { width: 26%; height: 100%; position: absolute; left: 0; }
.control .links-disabled { opacity: 0.2; //filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20); }
.control .links .in { margin-left: 20px; font-size: 70%; position: relative; padding-top: 0.3em; line-height: 110%; }
.control .links-disabled .in { height: 2.5em; }
.control .links .in a { font-size: 110%; font-weight: bold; }
.control .links .in b { font-size: 160%; position: absolute; font-weight: normal; left: -0.2em; margin-left: -11px; top: 0.5em; //top: 0.1em; //line-height: 110%; }
#ControlBottom .links .in b { //top: 0.4em; }
.control .add { color: black; margin-left: 33%; font-size: 75%; padding-top: 0.3em; line-height: 110%; zoom: 1; }
.control .add .order { font-size: 95%; line-height: 110%; position: relative; float: left; margin-right: 50px; padding-bottom: 2px; }
.control .add .order a { font-size: 115%; }
.control .add .order a img { position: absolute; background: black; left: -23px; top: 1.5em; margin-top: -8px; //margin-top: -9px; }
.control .add .order a:hover img { background: #1361aa; }
.control .add .order .srv-selected { color: #1361aa; }
.control .add .order .srv-selected a { text-decoration: none; cursor: text; color: #1361aa; }
.control .add .order .srv-selected a img { background: #1361aa; }
.control .add .service { float: left; list-style: none; }
.control .add .service li { float: left; position: relative; top: 1.5em; margin-top: -8px; margin-right: 15px; }
.control .add .service li img { background: black; }
.control .add .service li a:hover img { background: #1361aa; }
.control .add .service li .srv-selected a { cursor: text; }
.control .add .service li .srv-selected img { background: #1361aa; }
.control .copyright { text-indent: -1em; padding-left: 1em; position: relative; left: -1em; }

div.page { position: relative; width: 100%; min-height: 100%; -height: 100%; zoom: 1; }
div.page .in { position: relative; float: left; width: 66.5%; -left: 3%; padding-top: 20px; }
div.page div.page-in { padding: 150px 0; zoom: 1; }

div.information div.body { position: relative; width: 100%; }
div.information div.body div.main-bg { position: absolute; left: 0; top: 1px; z-index: 1; width: 100%; height: 193px; background: url(/i/info-bg.png) repeat-x left bottom; -background-image: none; }
div.information div.body div.main-bg div { position: absolute; width: 100%; height: 198px; bottom: 0; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/info-bg.png', sizingMethod='scale'); }


div.information div.body div.wrapper { z-index: 2; }
div.information div.head { height: 100px; margin: -100px 0 0 3%; position: relative; //margin-top: 0; //top: -100px; //margin-bottom: -100px; }
div.information div.logo { float: left; width: 31%; }
div.information div.phone { float: left; position: relative; top: 27px; color: black; }
div.information div.phone p { font-size: 70%; }
div.information div.phone h2 { margin: 0; padding: 0; position: relative; color: #1361aa; }
div.information div.phone h2 span { position: absolute; font-size: 45%; bottom: 0.4em; //bottom: auto; //top: 0.8em; left: -2.8em; } 

div.information .menu-current-arrow { position: absolute; //position: relative; //margin-bottom: -22px; left: 0; top: 183px; //top: 182px; -top: 181px; width: 19px; height: 22px; background: url(/i/menu-corner.png) no-repeat; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/menu-corner.png', sizingMethod='scale'); }
div.information .menu { width: 30%; margin: 20px 0 20px 3%; -margin-left: 0; -left: 3%; float: left; position: relative; clear: left; }
div.information .menu .current { position: absolute; left: -15px; top: 134px; width: 276px; height: 73px; background: url(/i/menu-center.png) no-repeat; z-index: 4; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/menu-center.png', sizingMethod='scale'); }

div.information .menu .wrap { width: 247px; height: 346px; background: url(/i/menu-bg.gif) repeat-y; }
div.information .menu .wrap .bg { position: relative; height: 100%; background: url(/i/menu-t.gif) no-repeat left top; }
div.information .menu .wrap .bg .bg { background: url(/i/menu-b.gif) no-repeat left bottom; }
div.information .menu .inner { margin: 0 1px; height: 100%; position: relative; overflow: hidden; cursor: move; }
div.information .menu .inner * { cursor: move; }
div.information .menu .shadow-t { position: absolute; left: 0; top: 1px; height: 101px; width: 100%; background: url(/i/menu-sh-t.png) repeat-x; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/menu-sh-t.png', sizingMethod='scale'); }
div.information .menu .shadow-b { position: absolute; left: 0; bottom: 1px; height: 107px; width: 100%; background: url(/i/menu-sh-b.png) repeat-x; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/menu-sh-b.png', sizingMethod='scale'); }
div.information .menu .inner .ct { position: absolute; height: 1px; top: 0; z-index: 4; width: 100%; background: #516981; }
div.information .menu .inner .cb { position: absolute; height: 1px; bottom: 0; z-index: 4; width: 100%; background: #839bb3; }
div.information .menu ul { position: absolute; z-index: 3; top: 0px; }
div.information .menu ul, div.information .menu ul li { list-style: none; }
div.information .menu ul li { height: 53px; font-size: 105%; clear: left; position: relative; }
div.information .menu ul li a { display: block; width: 100%; text-decoration: none; padding-top: 18px; white-space: nowrap; cursor: pointer !important; cursor: hand !important; outline: 0; }
div.information .menu ul li a img.ajax-loader { position: absolute; top: 20px; right: 20px; }
div.information .menu ul li a sup.ajax-rejected { position: absolute; color: red; font-weight: bold; margin: -3px 0 0 2px; }
div.information .menu ul li.b { font-size: 140%; } 
div.information .menu ul li.b a { padding-top: 15px; }
div.information .menu ul li.tw a { padding-top: 6px; }
div.information .menu ul li a { color: black; }
div.information .content { }
div.information .content p { font-size: 80%; line-height: 150%; margin-bottom: 1.5em; width: 70%; }
div.information .content p.address big { display: block; position: relative; }
div.information .content p.address big i { position: absolute; left: -23px; top: 0; background: url(/i/map-found.png) no-repeat; -background-image: none; -filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/map-found.png', sizingMethod='scale'); }

div.information .content .seo .left { width: 50%; float: left; }
div.information .content .seo .left p { width: 90%; }
div.information .content .seo .right { width: 49.5%; float: left; }
div.information .content .seo .right p { width: 90%; }
div.information .content .seo .right p.comment { font-size: 70%; margin-top: -1em; line-height: 140%; }
div.information .content .seo h2, div.information .content .history h2 { margin: 0.5em 0 0 0; padding: 0; font-size: 100%; width: 80%; line-height: 140%; }

div.information .content .history p { margin-bottom: 1.2em; }
div.information .content .history ul { margin-bottom: 2em; }
div.information .content .history ul, div.information .content .history ul li { list-style: none; }
div.information .content .history ul li { width: 26%; float: left; font-size: 90%; }
div.information .content .history ul li.last { width: 45%; }
div.information .content .history ul li big { font-size: 120% !important; }
div.information .content .history ul li p { width: 90%; line-height: 130%; margin-bottom: 0.8em; }
div.information .content .history ul li h2 { margin: 0 0 0.2em 0; padding: 0; font-size: 170%; }

div.portfolio { color: black; cursor: move; position: relative; }
div.portfolio div.page-in { padding: 0; min-height: 670px; -height: 670px; position: static; }
div.portfolio div.center { margin-top: -292px; top: 50%; position: absolute; height: 585px; width: 100%; overflow: hidden; }
div.portfolio div.block { margin: 0 auto; width: 975px; height: 585px; position: absolute; }
div.portfolio div.measure { margin-left: -487px; left: 50%; }
div.portfolio div.block div.item { padding: 14px; float: left; }

div.news img.loader { display: block; position: absolute; left: -20px; top: 0; }
div.news i.broke { position: absolute; left: -0.8em; top: -0.2em; font-size: 140%; }
div.news img.is-load { margin-bottom: -14px; position: relative; left: 1em; top: 0.4em; }
div.news dl, div.news dl dt, div.news dl dd { margin: 0; padding: 0; }
div.news dl { margin-bottom: 2em; }
div.news dl dt { font-size: 75%; //font-size: 70%; opacity: 0.7; -filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); }
div.news dl dd { margin-bottom: 0.9em; position: relative; }
div.news dl dd h2 { width: 80%; line-height: 120% !important; font-size: 90%; margin: 0; padding: 0; }
div.news h1 { margin: 0 0 0.3em 0; padding: 0; font-size: 150%; }
div.news dl dd div.news-in { margin: 0.5em 0 0 2em; }

div.news-in { padding-bottom: 1em; }
div.news-in h1 { margin: 0 0 0.1em 0; padding: 0; font-size: 150%; }
div.news-in p.date { font-size: 85%; margin-bottom: 1em; }

p.news-back { position: relative; left: -1.3em; margin-bottom: 0.5em !important; }

div.vacancy div.wrapper { color: black; padding: 5em 3%; }
div.vacancy h1 { margin: 0 0 1em 0; padding: 0; font-size: 150%; }
div.vacancy h2 { margin: 0 0 0.5em 0; padding: 0; font-size: 120%; text-indent: -1.3em; }
div.vacancy dl, div.vacancy dl dt, div.vacancy dl dd { margin: 0; padding: 0; }
div.vacancy dl { width: 70%; margin-bottom: 3em; }
div.vacancy dl dt { font-size: 80%; color: gray; }
div.vacancy dl dd { font-size: 90%; margin: 0 0 1em 2em; line-height: 150%; }

div.contacts h2 { margin-bottom: 0; }
form.order { padding-bottom: 2em; }
form.order label { display: block; margin-top: 0.8em; font-size: 80%; }
form.order .big { font-size: 140%; }
form.order .normal { font-size: 100%; }
form.order .long { width: 80%; }
form.order .middle { width: 60%; }
form.order .short { width: 40%; }
form.order div.submit { margin-top: 1em; padding: 10px 20px; border: 1px solid white; float: left; }
form.order div.submit input { font-size: 1em;  }