/** * Fonts * px % * 10 77 * 11 85 * 12 93 * 13 100 * 14 108 * 15 116 * 16 123.1 * 17 131 * 18 138.5 * 19 146.5 * 20 153.9 * 21 161.6 * 22 167 * 23 174 * 24 182 * 25 189 * 26 197 */ /** * Colors: * #492166 - purple * #ed750c - orange * #33b0bf - turquoise * #5f377c - light purple (menu) */ /********** * Common * **********/ a {text-decoration:none; color:white; cursor:pointer;} /*a:hover {color:#ed750c;}*/ table, tr, td {margin:0; padding:0; border:0;} /************ * Document * ************/ html,body {background-color:black; text-align:center; font-family:arial; color:white;} /** * max width: (5 + 1242 + 5)(doc) + 11(reserve) + 17(scrollbar) * min width: (5 + 986 + 5)(doc) + 11(reserve) + 17(scrollbar) */ /*#doc {margin:auto; min-width:76.6153em; max-width:96.3076em; _width:74.7689em;}*/ #doc {position:relative; margin:0 auto; min-width:1252px; max-width:1252px; _width:1252px; text-align:left;} #bd, #hd, #ft {position:relative; margin:0 5px; background-color:black; zoom:1;/*IE margin hack*/} #bd {min-height:400px;} /********** * Header * **********/ #hd {position:relative;} #hd-bg {width:100%; height:235px; background-image:url('/static/img/hd-bg.jpg'); background-position:center center; background-repeat:no-repeat; /*border-bottom: 2px solid #7f7f7f; text-align:center; /*-webkit-filter: grayscale(100%); filter: grayscale(100%);*/} /*#hd-bg .text {position:relative; width:986px; height:214px; margin:0 auto;} #hd-bg .text h1 {position:absolute; top:110px; left:634px; font-size:34px; text-shadow:black 2px 2px 2px; margin:0; padding:0; font-weight:normal;} #hd-bg .text h1.shadow {top:112px; left:636px; color:black;} #hd-bg .text a div {position:absolute; width:407px; height:77px; top:69px; left:26px;}*/ #hd-bg .portfolio {position:absolute; top:3px; left:5px; font-size:22px; color:#666666;} #hd-bg .phone {position:absolute; top:5px; right:5px; font-size:20px; color:white;} #locales {position:absolute; right:0; top:0;} #locales div {float:left; padding:1px 5px 3px 5px; color:#492166; font-size:108%/*14px*/; font-weight:bold; cursor:default;} #locales .hover {color:#ed750c; cursor:pointer;} #locales .selected {background-color:#492166; color:black;} #menu {position:relative; width:100%;} #menu a {outline:none;} #menu .item {background-color:#212524; cursor:default; border:0 solid black; border-width:0 22px;} #menu .item .wrapper {position:relative; width:100%; height:28px;} #menu .item.company {min-width:218px;} #menu .item.equipment {min-width:234px;} #menu .item.exposition {min-width:278px;} #menu .item.map {min-width:148px;} #menu .item.first {border-left:0;} #menu .item.last {border-right:0;} /*#menu .item .corner {position:absolute; width:22px; height:22px; top:0; left:0; background-image:url('/static/img/menu-item-corner.png');}*/ #menu .item .text {text-align:center; color:#bfbfbf; font-size:138.5%/*18px*/; font-weight:bold; line-height:28px;} #menu .item.hover {background-color:#2f3736;} #menu .item.selected {background-color:#7f7f7f;} #menu .item.selected .corner {background-position:-23px -0px;} #menu .item.selected .text {color:black;} #menu .item.hover .wrapper {cursor:pointer;} #menu .item.hover .corner {background-position:-46px -0px;} #menu .item.hover .text {color:#00ffff;} #menu .item.hover.selected .corner {background-position:-23px -0px;} /******** * Home * ********/ /*#home {}*/ /****************** * Home / Company * ******************/ #home.company {margin:24px 16px 35px 16px;} #home.company .text {margin:0 0 30px 0; padding:0 16px 24px 16px; border-bottom:1px solid #1b1b1b; color:#909090; text-align:justify; line-height:1.35; letter-spacing:0.5px; font-size:138.5%/*18px*/;} #home.company .table {margin-bottom:24px; padding:0 12px 24px 12px; border-bottom:1px solid #1b1b1b;} #home.company .table table {width:100%;} #home.company .table td {padding:4px; vertical-align:top; line-height:1.5; letter-spacing:1px; font-size:123.1%/*16px*/;} #home.company .table .hd {padding-left:10px; color:#ed750c; font-size:212%/*28px*/;} #home.company .table .hd.work_types {width:60%;} #home.company .table .hd.ad_types {width:40%;} #home.company .table .work_types span {color:#ed750c;} #home.company .table .ad_types span {color:#ed750c;} #home.company .clients {margin-bottom:70px; padding:0 32px;} #home.company .clients .caption {margin:24px 0; font-size:212%/*28px*/; color:#ed750c; text-align:center;} #home.company .clients table {width:100%;} #home.company .clients table td {color:#afafaf; vertical-align:top; font-size:123.1%/*16px*/; line-height:1.5;} /******************* * Home / Equipment * *******************/ #home.equipment {margin:24px 0 16px 0;} #home.equipment .orange {color:#ef7f1a;} #home.equipment .grey {color:#c6c6c6;} #home.equipment .blue {color:#66c3d0;} #home.equipment .headliner {margin-top:56px; padding:0 70px 36px 56px;} #home.equipment .headliner h3 {font-weight:normal; font-size:167%;} #home.equipment .headliner h4 {font-weight:normal; font-size:108%;} #home.equipment .headliner p {font-size:108%;} #home.equipment .headliner .width-value {font-size:167%; margin-bottom:6px;} #home.equipment .headliner .image {position:relative; float:right; margin-left:108px;} #home.equipment .headliner .image img {position:relative; top:36px;} #home.equipment .table table {width:100%;} #home.equipment .table tr:first-child td {border-top:1px solid #343434; padding-top:32px;} #home.equipment .table td {width:50%; border-right:1px solid #343434; border-bottom:1px solid #343434;} #home.equipment .table .right {border-right:0;} #home.equipment .table .bottom {} #home.equipment .table .wrapper {position:relative; height:200px;} #home.equipment .table .header {position:absolute; top:16px; color:#EF7F1A; font-size:123.1%;} #home.equipment .table .left .header {right:16px;} #home.equipment .table .right .header {left:16px;} #home.equipment .table .description {position:absolute; bottom:12px; color:white; font-size:108%;} #home.equipment .table .left .description {right:16px; text-align:right;} #home.equipment .table .right .description {left:16px; text-align:left;} #home.equipment .table .description .small {font-size:93%/*12px*/;} #home.equipment .table .logo {position:absolute; top:0;} #home.equipment .table .left .logo {left:0;} #home.equipment .table .right .logo {right:0;} #home.equipment .equipment-bg {text-align:center;} /********************* * Home / Exposition * *********************/ #home.exposition {margin: 48px 0 0 0;} #home.exposition h3 {color:#ef7f1a; font-size:138.5%; font-weight:normal;} #home.exposition h4 {color:#33b0bf; font-size:131%; font-weight:normal; margin-bottom:1em;} #home.exposition p {color:#c6c6c6; font-size:108%;} #home.exposition .row {position:relative; height:200px; border-top: 1px solid #343434; padding-top:48px;} #home.exposition .row:first-child {padding-top:0;} #home.exposition .row .left {float:left; width:49.5%;} #home.exposition .row .right {float:right; width:49.5%;} #home.exposition .row .logo {position:absolute; z-index:10;} #home.exposition .row .logo img {position:relative; left:0; top:0;} #home.exposition .row .text {margin-left: 667px;} #home.exposition .row.row-2 .img-003 {top:-38px;} #home.exposition .row.row-2 .img-004 {top:-18px; left:-21px;} #home.exposition .row.row-2 .img-005 {top:13px; left:-124px;} #home.exposition .row.row-3 .img-006 {left:13px;} #home.exposition .row.row-3 .img-007 {left:23px;} #home.exposition .row.row-4 .img-008 {top:36px;} #home.exposition .row.row-4 .img-009 {top:38px;} #home.exposition .row.row-4 .img-010 {top:34px;} /*#home.exposition .row.row-5 .img-011 {top:20px; left:42px;} #home.exposition .row.row-5 .img-012 {top:20px; left:-8px;}*/ /*#home.exposition .row.row-6 .img-013 {top:12px; left:138px;}*/ #home.exposition .row.row-6 .img-018 {top:-22px; left:45px;} #home.exposition .row.row-6 .img-019 {top:-20px; left:68px;} #home.exposition .row.row-6 .img-020 {top:-16px; left:112px;} #home.exposition .row.row-7 .left {width:54.5%;} #home.exposition .row.row-7 .right {width:44.5%;} #home.exposition .row.row-7 .left .text {margin-left: 272px;} #home.exposition .row.row-7 .right .text {margin-left: 194px;} /*#home.exposition .row.row-7 .img-014 {}*/ #home.exposition .row.row-7 .img-021 {left:126px; top:-24px;} /*#home.exposition .row.row-7 .img-015 {top:32px;}*/ #home.exposition .row.row-7 .img-022 {top:-14px;} #home.exposition .row.row-8 .left {width:49.5%;} #home.exposition .row.row-8 .right {width:49.5%;} #home.exposition .row.row-8 .left .text {margin-left: 280px;} #home.exposition .row.row-8 .right .text {margin-left: 305px;} #home.exposition .row.row-8 .img-016 {top:21px;} #home.exposition .row.row-8 .img-017 {top:21px;} #home.exposition .row.row-9 {font-size:167%;} #home.exposition .row.row-9 .column {float:left; margin:1.25em 1em} #home.exposition .row.row-9 .column:first-child {margin-left:25%; margin-top:1em;} #home.exposition .row.row-9 .contact .icon {vertical-align:middle;} #home.exposition .row.row-9 .contact span {vertical-align:middle; margin-left:8px;} #home.exposition .row.row-9 .price {text-align:center; padding-top:1.5em;} #home.exposition .icon {display:inline-block; background-image:url('/static/img/exposition/sprite.png');} #home.exposition .icon.icon-mobile {background-position: 0px 0px; width:12px; height:20px; margin: 0 7px 0 6px;} #home.exposition .icon.icon-phone {background-position: -12px 0px; width:13px; height:20px; margin: 0 6px 0 6px;} #home.exposition .icon.icon-email {background-position: -25px 0px; width:25px; height:20px;} #home.exposition .icon.icon-skype {background-position: -50px 0px; width:20px; height:20px; margin: 0 3px 0 2px;} /************** * Home / Map * **************/ #home.map {margin:24px 0 0 0;} #home.map .table table.main {width:100%;} #home.map .table td {vertical-align:top;} #home.map .table .text {position:relative; margin:38px 20px 0 6px; text-align:right; letter-spacing:0.5px;} /******************** * Home / Vacancies * ********************/ #home.vacancies {margin:48px 32px; font-size:138.5%/* 18px */; font-weight:bolder;} #home.vacancies .orange {color:#ef7f1a;} #home.vacancies .grey {color:#c6c6c6;} #home.vacancies .blue {color:#66c3d0;} /**************** * Home / Works * ****************/ #home.works {position:relative;} #home.works .list {position:relative; width:100%; margin-top:40px;} #home.works .list a {outline:none;} #home.works .list .item {position:relative; float:left; width:155.25px; height:300px; border-bottom:1px solid #7f7f7f;} #home.works .list .item .text {height:100px; margin-top:25px; padding:0 10px 0 6px; border-left:1px solid #404040; color:white; font-size:108%/*14px*/; } #home.works .list .item .text div {margin-bottom:3px; line-height:1.0;} #home.works .list .item .image {position:absolute; bottom:44px; border:3px solid black; font-size:0;} #home.works .list .item .image img {width:148px;} #home.works .list .item.last {border-bottom:0;} #home.works .list .item.hover .text {color:white; border-left:1px solid white;} #home.works .list .item.hover .image {border:3px solid white;} #works-text {padding-bottom:24px; clear:both; color:#909090; font-size:108%/*14px*/; text-align:justify; letter-spacing:0.5px; line-height:1.0;} #works-text h1, h2 {display:inline; font-weight:normal; margin:0; padding:0; font-size:108%/*14px*/;} #home.works .category-header {margin:35px 0 8px 0; text-align:center; font-size:161.6%/*21px*/; letter-spacing:0.5px;} #home.works .gallery {position:relative; width:100%; text-align:center;} #home.works .gallery a {outline:none;} #home.works .gallery .item {position:relative; float:left; display:inline; margin:32px 21.2px 0 21.2px; font-size:0; border:3px solid black;} #home.works .gallery .item img {width:200px;} #home.works .gallery .item.hover {border:3px solid white;} #home.works .space {clear:both; height:32px;} /********** * Footer * **********/ #ft {position:relative; clear:both; border-top: 2px solid #7f7f7f;} #ft-hd {width:100%; text-align:center; font-size:161.6%/*21px*/; word-spacing:26px; color:#6f6f6f;} #go-up {position:absolute; visibility:hidden; right:7px; top:-23px;} #contacts {width:100%; margin-top:7px; border-bottom:1px solid #343434;} #contacts td {padding:0 12px; vertical-align:top; font-size:108%/*14px*/; border-right:1px solid #343434;} #contacts td div {clear:both; overflow:auto;} #contacts td .hr {height:1px; margin:12px 0; background-color:#343434;} #contacts span.l {float:left;} #contacts span.r {float:right;} #contacts .header {color:#909090; padding-bottom:8px;} #contacts .content {padding-bottom:12px; color:white;} #contacts .last {border-right:0;} #copyright {padding:16px; color:#6f6f6f; font-size:85%/*11px*/;} /*--------------------------------*/ /** * Таблица результатов временного теста */ .timetest, .timetest table {margin: 0; padding: 0;} .timetest th, .timetest td {margin: 0; padding: 1px 4px; text-align: right;} /** * Шаблон first постраничной навигации */ .pagination-first span {margin: 0 3px;} .pagination-first .current {font-weight: bold;}