/* default styles */
body, a, table, p, ul, li, ol, pre, div, caption, td, blockquote { margin:0}
h1, h2, h3, h4, h5, h6 { margin:0}
form, input, button, textarea { margin:0}

body, a, img, p, ul, li, ol, pre, div, caption, table, td, blockquote { padding:0}
h1, h2, h3, h4, h5, h6 { padding:0}
form, input, button, textarea { padding:0}

html {height: 100%; font-size:100.01%; }
body { min-height:100%; height: 100%; font-size:62.5%; margin:0 auto; font-family:Arial, Helvetica, sans-serif}

a {color:#0069af; outline:none;}
a:hover {color:#0069af; text-decoration:none}
a:visited {color:#0069af}
a img { border:none}
.h { visibility:hidden}
.errors {color:#b23a1e}

td {border-collapse:collapse}
table {border-collapse:collapse}

#page {margin: auto; height: auto !important; min-height:100%; height:100%; clear:both;}
#page #footer_guarantor { height:212px; clear:both;}
#footer { margin:auto; margin-top:-150px; height:150px;}

/*
#header { overflow:hidden;}

#top_nav {height:12px; padding:24px 0px 21px 0px}
#top_nav div {float:left; width:13px;}
#top_nav a { display:inline-block; width:13px; height:12px; background-image:url(/img/top_nav.gif); background-repeat:no-repeat}
#top_nav .home a {background-position: 0px bottom;}
#top_nav .mail a {background-position: -20px bottom;}
#top_nav .map a {background-position: -40px bottom;}
#top_nav .home a:hover {background-position: 0px top;}
#top_nav .mail a:hover {background-position: -20px top;}
#top_nav .map a:hover {background-position: -40px top;}

#header table {height:55px;}
#header td {}
*/

#top_nav {margin-left:192px; }
#top_nav div {margin-right:49px}
#top_nav {height:12px; padding:24px 0px 21px 0px}
#top_nav div {float:left; width:13px;}
#top_nav a { display:inline-block; width:13px; height:12px; background-image:url(/img/top_nav.gif); background-repeat:no-repeat}
#top_nav .home a {background-position: 0px bottom;}
#top_nav .mail a {background-position: -20px bottom;}
#top_nav .map a {background-position: -40px bottom;}
#top_nav .home a:hover {background-position: 0px top;}
#top_nav .mail a:hover {background-position: -20px top;}
#top_nav .map a:hover {background-position: -40px top;}

#header { width: 1060px; padding: 60px 0 0 0; margin-bottom: 20px; overflow: hidden }
#header table { width: 100%; height: 55px; }
#header td { vertical-align: middle; }

#header td#logo { width: 210px; padding-right: 10px; }

#quote { width: 550px; padding-right: 30px; font-family: 'Arial', sans-serif; font-size:1.1em; line-height:150%; color: #242424; }
#quote a { color: #008dd9; }
#quote a:visited { color: #008dd9; }

#langs div {background-image:url(/img/langs.gif); background-repeat:no-repeat; padding:2px 0px 2px 25px;display:inline; position:relative; top:-73px;}
#langs .ru {padding-right:7px}
#langs .en { background-position:0 -17px}
#langs a {color:#9fbeda;}
#langs a:visited {color:#9fbeda;}

#header td#nav #top_nav { display: block; position: relative; top: -6px; margin: 0; padding: 0; text-align: right; }
#header td#nav #top_nav div { display: inline-block; position: relative; float: none; vertical-align: middle; margin: 0 15px; }
#header td#nav #top_nav .map { margin-right: 0; }

#logo { vertical-align:bottom;}

#quote { padding-right:55px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; line-height:150%; color:#242424;}
#quote div { color:#b1b1b1; font-style:italic; font-size:0.9em}

#langs div {background-image:url(/img/langs.gif); background-repeat:no-repeat; padding:2px 0px 2px 25px;display:inline; position:relative; top:-18px}
#langs .en { background-position:0 -17px}
#langs a {color:#9fbeda;}
#langs a:visited {color:#9fbeda;}

#menu { font-size:1.8em; color:#fff;height:68px;  overflow:hidden;}
#menu div {float:left}
#menu a {color:#fff; text-decoration:none; font-family:Georgia, "Times New Roman", Times, serif}
#menu a:visited {color:#fff}
#menu .sites {font-size:1.1em;}
#menu .sites_cur {font-size:1.1em;}


#content { position:relative; clear:both; overflow:hidden}

#submenu {padding-left:30px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.1em; color:#396b9a; }
#submenu li {font-style:italic; padding-bottom:25px}
#submenu a {color:#396b9a; font-style:normal}
#submenu a:visited {color:#396b9a}
#submenu a.current {color:#ff7101; font-weight:bold; text-decoration:none}

h1.page_title { font-family: Georgia, "Times New Roman", Times, serif; font-size:3em; line-height:1.2em; font-weight:normal; padding-bottom:26px}

/*
#copyright {color:#a2a2a2; font-size:1.1em; line-height:1.4em; float:left; width:200px; padding-top:33px}
#copyright a {color:#789db5;}
#copyright a:visited {color:#789db5;}
#address { background:url(/img/address.png) left 10px no-repeat; float:left; min-height:90px;}
#address .phone { font-size:3em; color:#656565; line-height:1.3em}
#address .phone span { font-size:0.6em}
#address .adr {font-size:1.2em; color:#656565; line-height:1.6em}
#address .adr span { font-size:0.9em; color:#a2a2a2}
#address a {color:#789db5;}
#address a:visited {color:#789db5;}
*/

/* pages */
.section {font-size:1.2em; line-height:1.4em; padding-right:66px}
.section h1 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.9em; line-height:1.1em; padding-bottom:18px; font-weight:normal}
.section h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.8em; line-height:1.1em; padding-bottom:18px; font-weight:normal}
.section h3 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.6em; line-height:1.1em; padding-bottom:18px; font-weight:normal}
.section h4 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.1em; padding-bottom:18px; font-weight:normal}
.section h5 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.2em; line-height:1.1em; padding-bottom:18px; font-weight:normal}
.section h6 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1em; line-height:1.1em; padding-bottom:18px;}
.section p {padding-bottom:1.4em}
.section table {margin-bottom:1.4em; border:none; border-top:1px solid #b1b1b1}
.section caption { font-size:1.2em; font-weight:bold; padding:9px 20px; text-align:left; }
.section th {padding:9px 20px; text-align:left; border:none; border-bottom:1px solid #b1b1b1; color:#959595; font-size:.9em; font-weight:normal}
.section td {padding:9px 20px; text-align:left; border:none; border-bottom:1px solid #b1b1b1}
.section ol {margin:.6em 0 1.4em 30px;}
.section ul {margin:.6em 0 1.4em 15px;}
.section li {margin-bottom:.6em}
.section ul li { list-style:none; background:url(/img/li.gif) left 6px no-repeat; padding-left:15px}
.section a {color:#2cabe0}
.section a:hover {color:#2cabe0; text-decoration:none}
.section a:visited {color:#2cabe0}


#promo {}
#promo .txt { font-size:1.2em; line-height:1.4em;}
#promo .txt h2 {font-family: Georgia, "Times New Roman", Times, serif; font-size:1.3em; line-height:1.1em; padding-bottom:18px; font-weight:normal}
#promo .actions {clear:both; position:relative; left:-20px; overflow:hidden }
#promo .actions .num { font-size:1.6em; line-height:1.1em; font-family:Georgia, "Times New Roman", Times, serif; float:left; width:21px;}
#promo .actions .txt {font-size:1.6em; line-height:1.1em; font-family:Georgia, "Times New Roman", Times, serif; overflow:hidden; position:static;}
#promo .actions h3 { font-size:1em; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:16px; padding-top:1px}
#promo .actions .txt div {font-size:0.7em; line-height:1.3em; font-family:Arial, Helvetica, sans-serif}

#sites {}
#sites td { vertical-align:top}
#sites .moduls {line-height:1.3em}
#sites p {padding-bottom:7px}
#sites ol {padding-left:18px}
#sites li {padding-bottom:7px}
#sites li.plus { list-style:none; background:url(/img/plus.gif) left 7px no-repeat; padding-left:15px; position:relative; left:-15px}
#sites .title { font-style:italic; font-weight:bold; font-size:1.2em; line-height:1.3em;}
#sites .price {font-weight:bold; font-size:1.4em; line-height:1.2em;padding-bottom:8px}
#sites .time {font-size:1.1em;}
#sites .ex {line-height:1.3em;}
#sites .ex a {background:url(/img/link.gif) right 5px no-repeat; padding-right:11px}
#sites .order { font-size:1.4em; line-height:1em; font-style:italic}
#sites .smaller { font-size:1.2em !important}


#sites .author {float:left; }
#sites .author .img_title { height:59px;}
#sites .author .inf {position:relative; height:67px}
#sites .author .bg { position:absolute; background:url(/img/author_price.png) left top no-repeat; left:-19px;  padding:10px 0 0 20px; width:146px}
#sites .author .bg .price {padding-left:25px;}

#sites .ready { float:left; }
#sites .ready .img_title {background:url(/img/ready_title.png) left top; width:165px; height:61px;}
#sites .ready .inf {position:relative; height:89px}
#sites .ready .bg { position:absolute; background:url(/img/ready_price.png) left top no-repeat; left:-19px;  padding:8px 0px 0px 17px; width:171px}

#sites .exclusive {float:left; }
#sites .exclusive .img_title { height:57px;}
#sites .exclusive .inf {position:relative; height:66px}
#sites .exclusive .bg { position:absolute; background:url(/img/exclus_price.png) left top no-repeat; left:-16px;  padding:17px 0px 0px 16px; width:136px}

#sites .more { float:left;}
#sites .more .img_title {background:url(/img/more_title.png) left top; width:95px; height:29px;}

/* ��������, �������� �� ������� ��� �������! */
#sites #section { clear:both; line-height:1.3em; }
#sites #section p {padding-bottom:16px}
#sites #section ul {margin-left:18px}
#sites #section li {padding-bottom:8px; background:url(/img/li.gif) left 6px no-repeat; list-style:none; padding-left:12px}

#sites_gallery { padding-bottom:10px; overflow:hidden; width:100%;}
#sites_gallery .item { float:left; width:200px; margin-left:45px; height:213px;  margin-bottom:40px; font-size:1.2em; line-height:1.3em; font-family:Georgia, "Times New Roman", Times, serif;}
#sites_gallery .item a {width:200px; height:213px; display:block; text-align:center; cursor:pointer;  overflow:hidden}
#sites_gallery .item span { display:block; padding-top:26px;}
#sites_gallery .item span.inf { width:172px; height:184px; padding:14px 14px 14px 14px; overflow:hidden}
#sites_gallery .item a:hover {color:#c50000; text-decoration:underline; background: url(/img/gallery_bg.png) left top no-repeat;}
#sites_gallery .item a:visited { background:none}
#sites_gallery .item img { display:block; margin:0 auto}

#sites_gallery .pager {clear:both; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.9em; font-style:italic; color:#b1b1b1;}
#sites_gallery .pager div {float:left}
#sites_gallery .pager a { text-decoration:none; border-bottom:1px dotted #0069af;}
#sites_gallery .pager a:hover {border-bottom:1px solid #0069af}
#sites_gallery .prev { margin-right:17px}

#sites_areas { padding-left:20px;}
#sites_areas .column { display:inline;float: left;position: relative;}
#sites_areas .column { width:205px; padding-left:39px;}
#sites_areas .item {padding-bottom:36px;}
#sites_areas .title { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; line-height:1em; padding-bottom:18px}
#sites_areas a:hover {color:#c50000; text-decoration:underline}
#sites_areas .title span {color:#5d5d5d; font-size:0.6em; padding-left:6px; font-style:italic}
#sites_areas li { list-style:none; padding-bottom:12px}
#sites_areas li a { font-size:1.2em; line-height:1.4em;}
#sites_areas li span { color:#ACACAC; font-style:italic; display:inline-block; padding:3px 0 0 3px;}

#sites_areas a.anchor { position:relative; top:-20px; visibility:hidden; line-height:0; text-decoration:none;}

#project { overflow:hidden; padding-left:60px; width:900px;}
#project .inf { float:left; width:635px;}
#project .descr { float:left; width:250px;}

#project .prev_menu { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; line-height:2em; font-style:italic; position:relative; overflow:hidden}
#project .prev_menu { width:560px; padding-bottom:12px; overflow:hidden;}
#project .prev_menu div {padding:0px 12px 11px 11px; margin-right:4px; float:left; white-space:nowrap;}
#project .prev_menu a {text-decoration: none; border-bottom:1px dotted #0069af; }
#project .prev_menu a:hover {color:#000; border-bottom:1px dotted #000}
#project .prev_menu .cur { background-color:#E6E1C6; background-image:url(/img/prev_menu_bg.gif); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
#project .prev_menu .cur a {color:#5d5d5d; border-bottom:none; }
#project .preview { clear:both; position:relative; }
#project .preview .img { position:absolute; left:0; top:0;}
#project .preview img {display:block;}
#project .preview .rbr {padding-right:20px; }
#project .shd_top {background:url(/img/shd_top.png) left top no-repeat; height:10px; overflow:hidden; margin-right:6px}
#project .shd_bot {background:url(/img/shd_bot.png) left top no-repeat; height:10px; overflow:hidden; margin-right:6px}

#project .descr {padding-top:4.3em; }
#project .date {color:#9b9b9b; font-size:1.1em; line-height:1em; font-family:Georgia, "Times New Roman", Times, serif; padding-bottom:1.3em}
#project .url { font-size:1.6em; line-height:1em; font-weight:bold; padding-bottom:26px; position:relative; left:-12px; padding-left:12px; background:url(/img/link.gif) left 6px no-repeat;}
#project .lid { font-size:1.2em; line-height:1.3em; padding-bottom:15px}
#project .work_category_title {font-size:1.2em; padding:3px 0 10px 31px; background:url(/img/icon_type.png) 0 0 no-repeat}
#project .work_type_title {font-size:1.2em; padding:2px 0 40px 31px;background:url(/img/icon_category.png) 0 0 no-repeat}
#project .title {font-size:1.2em; line-height:1.4em; color:#9b9b9b; font-style:italic; font-weight:bold; padding-bottom:27px}

#project a.url_title { font-size:92%; font-style:italic; margin-right:0.9em;}

#team .item {padding-bottom:15px}
#team .cur .name {font-weight:bold}
#team .name { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.4em;}
#team .name a {color:#396b9a}
#team .name a:visited {color:#396b9a}
#team span {font-size:1.1em; line-height:1.3em; padding:8px 5px 2px 5px; background:url(/img/post4.gif) left top no-repeat #EDEAD9; color:#9B9B9B; display:inline-block;}

#p_page {padding-top:5px}
#p_page .person {float:left; background:url(/img/arrow_bg.png) left top no-repeat; position:relative; }
#p_page .bg {height:621px; border-bottom:2px solid #d6d6d6; background-position:center top; background-repeat:no-repeat; position:relative}
#p_page .person .name { font-size:1.8em; line-height:1.2em; font-family:Georgia, "Times New Roman", Times, serif; position:absolute; top:53px}
#p_page .person .post { position:absolute; top:52px; right:12px; font-size:1.2em; line-height:1.2em}
#p_page .person .post td {vertical-align:bottom; height:40px; }
#p_page .person .post div {background:url(/img/post2.gif) left center no-repeat #ffe6a8; padding:4px 14px 5px 24px;}
#p_page .photo { position:absolute; top:33px; left:222px}
#p_page .photo img {border:1px solid #8b8b8b}
#p_page .sticker {position:relative; top:-90px; left:23px}
#p_page .sticker img {border:none;}
#p_page .imgs {position:absolute; top:168px}
#p_page .on_left {left:0px}
#p_page .on_right {right:12px}
#p_page .imgs img { display:block; margin-bottom:12px; padding:4px; background:url(/img/img_border.gif) center center no-repeat}
#p_page .history {position:absolute; text-align:center; width:100px; top:167px; left:216px}
#p_page .history .param { font-size:1.1em; line-height:1.2em}
#p_page .history .mean { font-size:2.4em; line-height:1em; margin-bottom:28px; padding-top:2px}
#p_page .history span {font-size:0.7em; line-height:1em; position:relative; top:-4px}
#p_page .medals { position:absolute; bottom:15px; margin:0 auto; text-align:center; }
#p_page .medals table {margin:0 auto;}
#p_page .medals .item {width:85px; padding:0px 10px; font-size:1.1em; line-height:1.1em; float:left; }
#p_page .medals .item div {padding-top:5px}
#p_page .description {padding-top:27px; font-size:1.2em; line-height:1.4em}
#p_page #team {float:left; text-align:center;  padding-top:15px}

#t_page { position:relative; }
#t_page #team {text-align:center}
#t_page #team .name {padding-bottom:5px; line-height:1.1em}
#t_page #team span { background:url(/img/post3.gif) center top no-repeat; padding:1px 10px 9px 10px;}
#t_page {background:url(/img/team_n.jpg) left bottom no-repeat; width:735px; height:660px; padding:36px 15px 0 0 }
#t_page .design1 { position:absolute; left:658px; top:12px; }
#t_page .design2 { position:absolute; left:80px; top:-3px;}
#t_page .coder1 { position:absolute; left:300px; top:3px}
#t_page .programmer2 { position:absolute; left:5px; top:59px; width:95px}
#t_page .programmer1 { position:absolute; left:164px; top:81px; width:85px}
#t_page .content_m { position:absolute; left:388px; top:93px}
#t_page .project_m { position:absolute; left:515px; top:27px; width:125px}
#t_page .boss { position:absolute; left:345px; top:273px; width:85px}
#t_page .client_m { position:absolute; left:218px; top:220px}
#t_page .coder2 { position:absolute; left:460px; top:230px}

#geo_map {position:relative; }
#geo_map span {font-size:0.9em; line-height:1.2em}
#geo_map p {padding-bottom:13px;}
#geo_map a {color:#3f8ec3}
#geo_map a:visited {color:#3f8ec3}
#geo_map .to_left {background:url(/img/map_bg.png) left top no-repeat;}

#ph_list {margin:0 0px 0px -5px; overflow:hidden}
#ph_list .item {width:100px; height:100px; margin:5px 0px 0px 5px; float:left}

#ph_page {}
#ph_page .photo {float:left; }
#ph_page .border_left {background:url(/img/photo_bg_left.gif) left top repeat-y; width:5px;}
#ph_page .border_right {background:url(/img/photo_bg_right.gif) left top repeat-y; width:5px;}
#ph_page .bg {background:#edead9; padding:73px 0px 95px 0px; width:99%;}
#ph_page .bg img {display:block}
#ph_page .txt {font-size:1.4em; line-height:1.2em; padding-top:22px; }
#ph_page .author {color:#a6a298; line-height:1.5em; font-style:italic; padding-top:3px}
#ph_page .all_photo {position:relative; zoom:1}
#ph_page .all_photo div {width:92px; height:76px; background:url(/img/all_photo.jpg) left top no-repeat; position:absolute; top:-8px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.3em; line-height:1em; font-style:italic; padding:29px 0px 0px 18px; zoom:1;}
#ph_page .all_photo a {color:#4d493e}
#ph_page .all_photo a:visited {color:#4d493e}

#ph_page .preview { width:124px;}
#ph_page .prev { padding:0px 0px 16px 0px; margin-left:20px}
#ph_page .next {padding-top:8px; margin-left:20px}

#ph_page .others {float:left; width:124px; margin-top:-4px; }
#ph_page .others img {padding:9px; display:block; margin-left:16px}
#ph_page .others img.cur { background:url(/img/ph_bg.gif) center center no-repeat}
#ph_page .others ul { list-style:none; }

#calc {padding-top:12px}
#calc .scale {height:113px; position:relative; }
#calc .money { background:url(/img/scale_money.jpg) left top no-repeat; width:84px; height:90px; position:absolute; top:0; left:0}
#calc #slider { position: absolute; top: 0px; left: 108px; height: 113px; width: 494px; }
#calc .roller { height:130px; position:absolute; top:-23px; left:232px; width:160px; text-align:center; margin-left: -80px; }
#calc .roller .sum { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.4em; line-height:1em; padding-bottom:10px; padding-left:20px}
#calc .roller .sum span.currency {font-size:0.6em}
#calc .comment { background:#edead9; height:174px; position:relative; padding-top:12px}
#calc .comment .bg { background-image:url(/img/comment_sprite.gif); width:10px; height:10px; position:absolute}
#calc .comment .tl { position:absolute; left:0; top:0; background-position:0 0}
#calc .comment .tr { position:absolute; right:0; top:0; background-position:-10px 0}
#calc .comment .br { position:absolute; right:0; bottom:0; background-position:-10px -10px}
#calc .comment .bl { position:absolute; left:0; bottom:0; background-position:0 -10px}
#calc .comment .center { margin:0 auto;}
#calc .comment .img {width:244px; margin-right:19px}
#calc .comment img { display:block}
#calc .comment .txt {width:300px; vertical-align:middle; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; line-height:1.2em; font-style:italic; }

#calc h2 {padding:34px 0px 10px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.8em; line-height:1em; font-weight:normal}
#calc .order { background:#f9f7ee; position:relative; padding:23px 0px 0px 104px; overflow:hidden}
#calc .order .bg { background-image:url(/img/order_sprite.gif); width:10px; height:10px; position:absolute}
#calc .order .tl { position:absolute; left:0; top:0; background-position:0 0}
#calc .order .tr { position:absolute; right:0; top:0; background-position:-10px 0}
#calc .order .br { position:absolute; right:0; bottom:0; background-position:-10px -10px}
#calc .order .bl { position:absolute; left:0; bottom:0; background-position:0 -10px}
#calc .order .line {clear:both; margin-bottom:17px}
#calc .order .td1 {float:left; font-size:1.2em; line-height:1em; padding-top:10px; }
#calc .order .td2 {float:left; padding-bottom:17px; font-size:1.2em; line-height:1.3em;}
#calc .order br {clear:both}
#calc .order input {width:116px; height:24px; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; line-height:1.5em; padding:2px 3px 1px 3px}
#calc .order textarea {width:300px; height:84px; padding:5px; font-family:Arial, Helvetica, sans-serif; font-size:1em; line-height:1.3em}
#calc .order .button {width:54px; height:34px;padding:0px 3px 1px 5px; cursor:pointer; background:#cecece}

#opinion {}
#opinion .item {clear:both; margin-bottom:50px; overflow:hidden}
#opinion .inf {float:left; width:220px; padding-right:10px}
#opinion .inf img {display:block}
#opinion .name { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.6em; color:#403d37; padding-top:12px}
#opinion .post {color:#a2a2a2; font-size:1.2em; line-height:1.3em; font-style:italic; padding-top:5px}
#opinion .company {color:#a2a2a2; font-size:1.2em; line-height:1.3em; font-style:italic; padding-top:12px}
#opinion .company a {color:#a2a2a2;}
#opinion .company a:visited {color:#a2a2a2;}
/*
#opinion .txt {float:left; background:url(/img/opinion_bg.png) left top no-repeat #edead9; font-size:1.4em; line-height:1.2em; padding:45px 70px 35px 84px; position:relative}
#opinion .laquo { background:url(/img/laquo.gif) left top no-repeat; top:34px; left:48px; width:30px; height:29px; position:absolute}
#opinion .raquo { background:url(/img/raquo.gif) left top no-repeat; bottom:34px; right:31px; width:30px; height:29px; position:absolute}
*/
#opinion .txt {float:left; background:url(/img/opinion_bg.png) left top no-repeat #edead9; padding:45px 70px 35px 84px; position:relative}
#opinion .text_opinion { position:relative; font-size:1.4em; line-height:1.2em; width:100%;}
#opinion .laquo { background:url(/img/laquo.gif) left top no-repeat; top:-11px; left:-36px; width:30px; height:29px; position:absolute}
#opinion .raquo { background:url(/img/raquo.gif) left top no-repeat; bottom:-1px; right:-39px; width:30px; height:29px; position:absolute}
#opinion .original { display: inline-block; position: relative; min-height: 18px; margin: 20px 0 0 0; padding: 0 0 0 22px; font: normal 1.1em/18px 'Georgia', sans-serif; background:url(/img/ico_doc.png) left top no-repeat; }

#project #opinion { position: relative; margin: 3em 0 0 0; }
#project #opinion .title { display: block; position: relative; padding: 0.7em 0 0 2.3em; margin: 0 0 1em 0; background: url(/img/ico_doc_2.png) left top no-repeat; }
#project #opinion .person { display: block; position: relative; margin: 0 0 2em 0; padding: 0; overflow: hidden; }
#project #opinion .person img { display: block; position: relative; float: left; width: 60px; margin: 0; padding: 0; }
#project #opinion .person h4 { display: block; position: relative; margin: 10px 0 4px 80px; padding: 0; font: normal 1.4em 'Georgia', sans-serif; color: #403d37; }
#project #opinion .person span { display: block; position: relative; margin: 0 0 0 80px; padding: 0; font: italic 1.1em 'Arial', sans-serif; color: #a2a2a2; }
#project #opinion .opinion { display: block; position: relative; padding: 35px 25px; background: #edead9 url(/img/laquo2.gif) 25px 30px no-repeat; }
#project #opinion .opinion:before { position: absolute; top: -16px; left: 20px; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 16px solid #edead9; content: ''; }
#project #opinion .opinion .text p { font: normal 1.2em/1.5 'Arial', sans-serif; text-indent: 28px; color: #010101; }
#project #opinion .opinion .text p:after { display: inline-block; position: relative; vertical-align: top; width: 20px; height: 20px; padding: 0; margin: 4px 0 0 10px; background: url(/img/raquo2.gif) 0 0 no-repeat; content: ''; }
#project #opinion .opinion .original { margin: 10px 0 0 0; }

#page_list {clear:both; font-family:Georgia, "Times New Roman", Times, serif; height:64px; overflow:hidden}
#page_list div {float:left}
#page_list .title { font-size:1.4em; line-height:1em; color:#969696;width:105px; padding-top:32px}
#page_list .page { font-size:1.8em; padding:29px 19px 16px 18px; margin-right:6px}
#page_list .cur { background:url(/img/page_cur.gif) center center no-repeat}

#content { overflow:hidden}

#p_page .person {width:525px; margin-right:60px;}
#p_page #team {float:left; width:150px}
#p_page .medals {width:525px}

.geo_map {padding-left:315px;}
#geo_map {width:765px; height:471px;}
#geo_map .to_left {position:absolute; left:-22px; width:657px; height:441px; padding:40px 0px 0px 105px }

#calc .scale {background:url(/img/scale_n.png) 0 0 no-repeat}
#calc .order {width:565px}
#calc .order .td1 {width:105px}
#calc .order .td2 {width:340px}

#opinion .txt {width:320px}

#services { overflow:hidden;}
#services .block {width:45%; padding-right:5%; float:left}
#services .items { padding-bottom:28px}
#services h2 { font:1.8em Georgia, "Times New Roman", Times, serif; padding-bottom:10px}
#services .item {padding:7px 0 16px 37px; background-position: left top; background-repeat:no-repeat}
#services h3 { font:1.4em Arial, Helvetica, sans-serif; padding-bottom:6px;}
#services .lid { font-size:1.2em}

#services_menu { overflow:hidden; width:185px; top:0; font-size:1.4em; line-height:1.1em; font-family:Georgia, "Times New Roman", Times, serif;}
#services_menu ul { list-style:none}
#services_menu li { display:block; padding: 4px 0 1.1em 45px; margin-bottom: 1.3em; background-position: left top; background-repeat:no-repeat}
#services_menu li.cur a {color:#ff7101; font-weight:bold; text-decoration:none}

.section #p_page {}
.section #p_page .person { background:none; float:none;  margin-right:0px; width:100%; position:relative;}
.section #p_page .bg {border-bottom:none; background-position:right top; background-repeat:no-repeat; position:relative; width:100%;}
.section #p_page table { border:none; padding:0; margin:0}
.section #p_page td { border:none; padding:0; margin:0}
.section #p_page .person .name { font-size:1.5em; }
.section #p_page .post { right:0; font-size:1em; }
.section #p_page .photo { position:absolute; right:0px !important; text-align:right; }
.section #p_page .sticker { padding-right:50px}
.section #p_page .descr { padding-top:70px; width:53%}
.section #p_page .person .name {top:25px}

.go_portfolio { margin-top:18px; padding-left:17px; background:url(/img/go_portfolio.gif) 0 0 no-repeat}

.menu_years { font-size:1.1em; font-style:italic;}
.menu_years ul { white-space:nowrap}
.menu_years li { display:inline-block; padding:3px 7px 11px;}
.menu_years li a { color:#ff7601;}
.menu_years li a:hover { color:#c50000;}
.menu_years li.current { background:url(/img/small_year_bg.gif) left top no-repeat; background-size:100% 100%;}
.menu_years li.current a { color:#63625a; text-decoration:none}

.networks {height:50px; text-align:right; color:#a2a2a2; line-height:20px}
.networks .b-share__text { color:#a2a2a2; font-size:12px; }

.services_decoration { position:relative; height:0 }
.services_decoration div { background:url(/img/knife.jpg) left top no-repeat; width:237px; height:840px; position:absolute; left:-257px; top:14px;}

.teamFolder { background:url(/img/rough_edge_right.png) right top repeat-y #EDEAD9; margin-right:40px;}
.teamFolder ul { list-style:none; text-align:center; padding-bottom:20px; background:url(/img/rough_edge_left.png) left top repeat-y;}
.teamFolder li { display:inline-block; padding:23px 30px 6px 30px; width:143px; background:url(/img/team_bg.png) 30px 183px no-repeat; margin-bottom:9px; vertical-align:top; position:relative;}
.teamFolder .sticker { background:url(/img/sticker.png) left top no-repeat; width:35px; height:17px; position:absolute; top:16px; left:88px;}
.teamFolder .icon img { padding:5px; background:#fff; margin-bottom:10px;}
.teamFolder .position { font-size:1.1em; padding:3px 10px 1px;}
.teamFolder .name { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; padding:0 10px;}
.teamFolder .name a {color:#396b9a}

.submenu_wrap {vertical-align:top}
.cont_wrap {vertical-align:top}

.portfolioHeader { width:100%; overflow:hidden; margin-bottom:2em;}
.portfolioHeader .pageTitle { width:500px; float:left; padding-left:60px;}

.portfolioHeader .pfMenu { float:right; width:400px; text-align:right;}

.pfMenu .submenu { font-size:1.1em; font-style:italic; padding-bottom:6px;}
.pfMenu .submenu li { display:inline-block; padding:7px 11px 18px 11px;}
.pfMenu .submenu a { color:#FF7601; display:inline-block; white-space:nowrap; padding-left:27px; line-height:25px; background-image:url(/img/pf_menu.png); background-repeat:no-repeat;}
.pfMenu .submenu .current { background-color:#E6E1C6; background-image:url(/img/pf_menu_bg.gif); background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; }
.pfMenu .submenu .current a { color:#63625A;}

a.pf_item_1 { background-position:left top;}
a.pf_item_2 { background-position:left -25px; padding-left:30px !important;}
a.pf_item_3 { background-position:left -50px;}
.current a.pf_item_1 { background-position:left -75px;}
.current a.pf_item_2 { background-position:left -100px;}
.current a.pf_item_3 { background-position:left -125px;}

#children { font-size:1.4em; line-height:1.4em; font-family: Georgia, "Times New Roman", Times, serif; padding-left:10px;}
#children li { list-style:none; background:url(/img/li.gif) left 6px no-repeat; padding-left:15px; margin-bottom:0.5em;}

/* ����� ����� ����������� �������� */

a.button { display:inline-block; font:22px/60px  Georgia, "Times New Roman", Times, serif; background:url(/img/button-bg.png) right top no-repeat; color:#fff !important; text-shadow:#0E8DC4 0 -1px 0; text-decoration:none; padding-right:30px;}
a.button span { display:inline-block; background:url(/img/button-bg.png) left top no-repeat; padding:0 7px 0 37px; cursor:pointer;}

.section .image_left { width:250px; float:left; margin:0 15px 10px 0;}
.section .image_right { width:250px; float:right; margin-bottom:10px;}
.section .image_right p,
.section .image_left p { padding-left:14px; background:url(/img/pick.gif) left 4px no-repeat; font-size:83%; line-height:1.3em; color:#9FA6AE; margin-top:0.5em;}

.section ul li.pdf,
.section ul li.doc,
.section ul li.xls,
.section ul li.rtf { background-position:left top; padding-left:28px; color:#A0A7AF; padding-top:1px; min-height:18px;}

.section ul li.pdf { background-image:url(/img/fileicon-pdf.gif);}
.section ul li.doc { background-image:url(/img/fileicon-doc.gif);}
.section ul li.xls { background-image:url(/img/fileicon-xls.gif);}
.section ul li.rtf { background-image:url(/img/fileicon-rtf.gif);}

.section ul li.pdf a,
.section ul li.doc a,
.section ul li.xls a,
.section ul li.rtf a { display:inline-block; margin-right:3px;}

.section blockquote { background:#FAF0CF; color:#B78E58; font:133%/1.3em  Georgia, "Times New Roman", Times, serif; float:right; padding:18px 20px 20px 20px; width:220px; margin-bottom:10px; border-radius:3px;}

.section span.price { display:inline-block; background:url(/img/price-label.png) left center no-repeat; padding:0 6px 0 8px; color:#0069AF; margin:0 2px;}

.section .thumbnails a { display:inline-block; vertical-align:top; margin:0 15px 18px 0;}

.section #sites_gallery .item { margin-left:20px;}

/* ������ */
#footer{ padding-left:95px; width:907px;}
#copyright {margin-right:19px}
#address {padding-left:115px;}

#copyright {color:#a2a2a2; font-size:1.1em; line-height:1.4em; float:left; width:200px; padding-top:33px}
#copyright a {color:#789db5;}
#copyright a:visited {color:#789db5;}
#address { background:url(/img/address.png) left 10px no-repeat; float:left; min-height:90px;}
#address .phone { font-size:3em; color:#656565; line-height:1.3em}
#address .phone span { font-size:0.6em}
#address .adr {font-size:1.2em; color:#656565; line-height:1.6em}
#address .adr span { font-size:0.9em; color:#a2a2a2}
#address a {color:#789db5;}
#address a:visited {color:#789db5;}

#sape { text-align:right; line-height:1.2em; width:200px; float:right; color:#A0A0A0; padding-top:25px;}
#sape a { color:#789DB5; text-decoration:none; cursor:pointer; }
#sape a:hover { text-decoration:underline;}

.social {width:100%; position:relative;}
.social ul { position:absolute; right:0; top:-30px; width:136px; overflow:hidden; background:url(/img/social.png) left top no-repeat; height:34px; list-style:none;}
.social li { float:left; display:block; width:33px; height:34px; margin-left:1px;}
.social a { display:block; width:33px; height:34px; text-decoration:none;}
/* /������ */


/* add */
#header {
   padding-top: 10px;
}

#header table {
   height: 105px;
}

#header td#logo {
   vertical-align: bottom;
   padding-bottom: 2px;
}

#header td#quote {
   vertical-align: bottom;
   padding-bottom: 10px;
   font-size: 1.3em;
   width: 523px;
}

#header td#nav {
   vertical-align: bottom;
   padding-bottom: 21px;
}

html { overflow-y: scroll; }
@supports (scrollbar-gutter: stable) {
  html { overflow-y: auto; scrollbar-gutter: stable; }
}

#menu { opacity: 0; transition: opacity .25s ease; }
body.menu-ready #menu { opacity: 1; }


/* all styles from narrow.css */
/*body { width:996px; padding-right:6px; }*/
body { max-width:996px; width: auto; padding-right:6px; }
#content {padding-top:36px; }

/*#header {padding-left:10px}*/

#top_nav {margin-left:192px; }
#top_nav div {margin-right:49px}

#logo {padding-left:8px; width:245px}

#quote {width:523px;}

#langs .ru {padding-right:7px}

#menu { margin-top: 32px; width: 988px; }
#menu div a {background-image:url(/img/menu_narrow.jpg); background-repeat:no-repeat; display:block;}

#menu .company  a { background-position:0 0; padding:34px 140px 15px 21px; }
#menu .company a:hover, #menu .company a.cur {background-position:0 -68px; padding:34px 140px 15px 21px}

#menu .portfolio a {background-position:-249px 0; padding:34px 126px 15px 22px;  }
#menu .portfolio a:hover, #menu .portfolio a.cur {background-position:-249px -68px; padding:34px 126px 15px 22px}

#menu .promo a {background-position:-495px -0; padding:34px 103px 15px 24px; }
#menu .promo a:hover, #menu .promo_cur a.cur {background-position:-495px -68px; padding:34px 103px 15px 24px}

#menu .services a {background-position:-740px 0; padding:34px 163px 15px 23px; }
#menu .services a:hover, #menu .sites_cur a.cur {background-position:-740px -68px; padding:34px 163px 15px 23px}

#submenu { float:left; width:210px; padding-top:60px}
#submenu ol {padding-right:112px}

#promo .icon {width:420px; float:left}
#promo .txt {width:250px; float:left;  position:relative; top:-2px}
#promo .actions {padding-top:62px;}
#promo .actions .txt {width:140px !important; padding-right:5px;}

#sites {position:relative; width:736px;}
#sites .moduls {padding-top:30px}
#sites .ex {padding-top:19px}

#sites .author {width:170px; position:relative; padding-bottom:77px;}
#sites .author .img_title {position:absolute; left:-27px; background:url(/img/author_title.png) right top; width:110px; margin-left:36px;}
#sites .author .title {padding-top:76px}
#sites .author .moduls {padding-right:35px}
#sites .author .order {position:relative;  margin-top:21px;}
#sites .author .order div { position:absolute; padding:20px 0px 35px 32px; background:url(/img/author_order.jpg) left top no-repeat;width:160px;}

#sites .ready {width:166px;position:relative; padding-bottom:90px}
#sites .ready .img_title {position:absolute; left:-11px; background:url(/img/ready_title.png) right top; width:135px; margin-left:20px; height:61px;}
#sites .ready .title {padding-top:74px}
#sites .ready .moduls {padding-right:34px}
#sites .ready .order {position:relative;  margin-top:45px;}
#sites .ready .order div { position:absolute; left:-8px; width:132px;padding:30px 0px 44px 36px; background:url(/img/ready_order.jpg) left top no-repeat; }

#sites .exclusive {width:250px;position:relative; padding-bottom:94px}
#sites .exclusive .img_title { background:url(/img/exclus_title.png) right top; width:175px; position:absolute; left:-5px; margin-left:20px;}
#sites .exclusive .title { padding-right:40px; padding-top:74px}
#sites .exclusive .moduls { padding-right:100px}
#sites .exclusive .order { position:relative; margin-top:3px;}
#sites .exclusive .order div { position:absolute; left:-2px; width:127px; padding:34px 0px 45px 31px; background:url(/img/exclus_order.jpg) left top no-repeat; }

#sites .more { width:140px; position:relative; padding:71px 0px 248px 0px}
#sites .more .order { position:relative; margin-top:3px;  font-size:1.2em;}
#sites .more .order { position:absolute; left:-8px; width:143px; padding:24px 0px 208px 21px; background:url(/img/more_order.jpg) left top no-repeat;}

#sites #section {padding-right:150px}

/*#sites_gallery .item {margin-right:10px}*/
#sites_gallery .pager {padding-left:539px}

/*#project .prev_menu { width:400px; padding-bottom:12px}*/
/*#project .preview .img {right:250px;}*/

#ph_page .photo {width:612px}
#ph_page .bg {padding-left:25px; padding-right:25px}
#ph_page .all_photo div {left:492px}

#services_menu {left:-250px; top:85px}

.section #p_page .photo { width:48%;}

.pfMenu {display:none;}
.portfolioHeader .pfMenu { display:block;}

.section blockquote,
.section .image_right { position:relative; right:-20px;}

/* **************************************************************** */
@media (min-width: 1280px) {
/* all styles from wide.css */
/*body {width:1240px; padding-right:0;}*/
body {max-width:1240px; width: auto; padding-right:0;}

#content {padding-top:32px;}

#header { padding-left: 110px; }

#top_nav {margin-left:255px; }
#top_nav div {margin-right:49px}

#logo {padding-left:3px; width:314px}

#quote {width:464px;}

#langs .ru {padding-right:31px}

#menu { margin: 26px 0px 0px 220px; width: 841px; }
#menu div a {background-image:url(/img/menu_wide.jpg);}

#menu .company  a { padding:34px 95px 15px 29px;}
#menu .company a:hover, #menu .company a.cur { padding:34px 95px 15px 29px}

#menu .portfolio a {background-position:-212px 0; padding:34px 89px 15px 23px}
#menu .portfolio a:hover, #menu .portfolio a.cur {background-position:-212px -68px; padding:34px 89px 15px 23px}

#menu .promo a{background-position:-422px -0; padding:34px 65px 15px 26px}
#menu .promo a:hover, #menu .promo a.cur {background-position:-422px -68px; padding:34px 65px 15px 26px}

#menu .services a {background-position:-632px 0; padding:34px 125px 15px 25px;}
#menu .services a:hover, #menu .sites a.cur {background-position:-632px -68px; padding:34px 125px 15px 25px}

#submenu {  width:180px; padding-top:14px;}
#submenu ol { padding-right:0;}

#promo .icon {width:450px; padding-left:34px;}
#promo .txt {width:314px; padding-top:7px}
#promo .actions {padding-top:36px}
#promo .actions .txt {width:180px; padding-right:3px; padding-top:0px}

#sites { width:935px}
#sites .moduls {padding-top:35px}
#sites .ex {}

#sites .author {width:211px;}
#sites .author .img_title {width:136px; margin-left:20px; background-position:left top;}
#sites .author .title {padding:17px 85px 0px 0px}
#sites .author .moduls {padding-right:36px}
#sites .author .order { margin-top:18px;}
#sites .author .order div { left:-3px;}

#sites .ready { width:210px;}
#sites .ready .img_title { left:-2px;}
#sites .ready .title { padding:76px 75px 0px 0px}
#sites .ready .moduls { padding-right:26px}
#sites .ready .order { margin-top:44px;}
#sites .ready .order div {}

#sites .exclusive {width:260px;}
#sites .exclusive .img_title {  background:url(/img/exclus_title.png) left top; width:199px; position:static; left:0; margin-left:0;}
#sites .exclusive .title {padding:19px 100px 0px 0px}
#sites .exclusive .moduls {}
#sites .exclusive .order { margin-top:5px;}
#sites .exclusive .order div { left:-3px;}

#sites .more { width:183px; padding:77px 27px 248px 0px}
#sites .more .order { }
#sites .more .order { left:-1px; width:197px;}

#sites #section {padding-right:355px}

#sites_gallery { position:relative; left:30px;}
#sites_gallery .item { margin-left:15px}
#sites_gallery .pager {padding-left:745px}

#sites_areas { padding-left:0; width:100%; overflow:hidden; position:relative; left:30px;}
#sites_areas .column { width:180px; padding-left:30px;}

/*#project .prev_menu { width:400px; padding-bottom:12px; position:relative; left:-5px}*/
/*#project .preview .img {left:320px}*/

#p_page .person {width:525px; margin-right:105px;}
#p_page #team {float:left; width:210px;}
#p_page .medals {width:525px}

#geo_map .to_left {width:732px;}

#ph_page .photo {width:700px; padding-right:10px}
#ph_page .bg {padding-left:70px; padding-right:70px}
#ph_page .all_photo div {left:538px}

#calc .scale  {background:url(/img/scale_w.png) 0 0 no-repeat}
#calc #slider { width: 594px; }
#calc .comment {width:840px; }
#calc .order {width:629px}
#calc .order .td1 {width:105px}
#calc .order .td2 {width:400px;}

#opinion .txt {width:420px}

#t_page {margin-left:50px}

#services_menu {left:-205px; top:35px; width:185px}
.section #p_page .photo {width:59%}

/* äëÿ ñàïû */

#sape { position:relative; left:100px;}
.social ul { right:-100px;}

.portfolioPage { width:860px; margin-left:auto; padding-right:80px; position:relative;}
.portfolioPage .submenu { width:120px;}
.portfolioPage .submenu li { display:block; padding-bottom:7px; margin-bottom:10px;}
.pfMenu .submenu .current { background-image:url(/img/pf_menu_left.gif);}

.pfMenu { width:120px; position:absolute; left:-180px; top:2em; display:block;}

.portfolioHeader { }
.portfolioHeader .pageTitle { width:700px; float:none;}
.portfolioHeader .pfMenu { width:700px; float:none; left:auto; right:90px; top:1.5em;}
.portfolioHeader .pfMenu .submenu { display:none;}

.section blockquote,
.section .image_right { margin-left:10px; right:0;}

.submenu_wrap {padding-left:100px;}

}