* {
    margin: 0;
    padding: 0;
}

body {
    font: 12px/18px Tahoma, Verdana, sans-serif;
    width: 100%;
    color: #18181c;
    background: #F5F5DD url("images/content_bg.jpg") 50% 480px no-repeat;
}

a {
    color: #2e2e2e;
    outline: none;
    text-decoration: underline;
}

a.knopka {
  color: #fff; /* цвет текста */
  text-decoration: none; /* убирать подчёркивание у ссылок */
  user-select: none; /* убирать выделение текста */
  background: rgb(212,75,56); /* фон кнопки */
  padding: .7em 1.5em; /* отступ от текста */
  outline: none; /* убирать контур в Mozilla */
  font-size: 20px;
  padding-top: 10px; /* Отступ сверху */
  padding-bottom: 10px; /* Отступ снизу */  
} 
a.knopka:hover { background: rgb(232,95,76); } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */

a:hover {
    text-decoration: none;
}

p {
    margin: 0 0 18px
}

img {
    border: none;
}

input {
    vertical-align: middle;
}

.clear {
    clear: both;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    color: #C9031A;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 15px;
    text-align: left;
}

h1 {
    font-size: 22px;
}

h2 {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

h6 {
    font-size: 12px;
}

.wrapper {
    width: 940px;
    margin: 0 auto;
    position: relative;
}

/* Header
-----------------------------------------------------------------------------*/
#header {
    width: 1000px; /* 100% чтобы растянуть шапку на весь экран */
    margin: 0 auto;
    background: #20252B url("images/head.jpg") 50% 0 no-repeat;
    border-top: 10px solid #C9031A;
    border-bottom: 4px solid #CB0B24;
    position: relative;
}

#header .wrapper {
    height: 465px;
}

#line {
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    right: 0;
    border-bottom: 2px solid #F8F8EF;
}

.works_link {
    display: block;
    position: absolute;
    z-index: 2;
    top: 112px;
    right: 0;
    background: #181D20;
    border-radius: 50%;
    color: #F7F8ED;
    text-decoration: none;
    height: 160px;
    width: 205px;
    padding-top: 45px;
    line-height: 25px;
    border: 2px solid #181D20;


    -moz-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.works_link span{
    display: block;
    text-align: center;
}
.works_link span{font-size: 18px}
.works_link span + span{font-size: 32px}
.works_link span + span + span{font-size: 24px; line-height: 35px}
.works_link span + span + span + span{
    opacity: .2;

    -moz-transition: all ease 0.2s;
    -webkit-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.works_link:hover span + span + span + span{opacity: 1}

.works_link:hover {
    opacity: 1;
    border: 2px solid #CA071F;
}

#phone {
    position: absolute;
    z-index: 2;
    top: 160px;
    left: 0;

    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #DBD8D8;
}

#phone span {
    color: #fff;
    font-size: 30px;
}
#phone a {
    color: #fff;
    font-size: 30px;
}

#phone span span {
    font-size: 20px;
    
}
#phone p{
    margin-top: 35px;
    margin-bottom: 10px;
}

#name{
    position: absolute; z-index: 2;
    left: 0; bottom:2px;
    margin: 0;
}
#name a{
    display: block;
    width: 180px; height: 120px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    padding: 10px 10px;
    background: #C9031A;
    line-height: 30px;
}


#logo {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 42px;
    margin: 0;
}
#logo img{width: 220px}

/*#logo h2 {*/
    /*color: #ffffff;*/
    /*font-size: 30px;*/
    /*width: 262px;*/
    /*line-height: 36px;*/

/*}*/

#info {
    position: absolute;
    z-index: 2;
    bottom: 145px;
    right: -30px;
    border-left: 2px solid #4C555F;
    background: url("images/infoBlock_bg.png");
    padding: 14px;
    font-size: 12px;
    color: #b0b4b8;
    width: 290px;
}

#info h3 {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 15px;
}

#info p:last-child {
    margin: 0;
}

/* Top_menu */
#top_menu {
    position: absolute;
    z-index: 5;
    bottom: 0;
    left: 245px;
    background: url("images/top_menu_bg.png") 0 0 repeat-x;
    height: 51px;
}

#top_menu ul {
    list-style: none;
}

#top_menu ul li {
    float: left;
    background: url("images/top_menu_sep.png") 0 50% no-repeat;
}

#top_menu ul li:first-child {
    background: none;
}

#top_menu ul li a {
    display: block;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    line-height: 49px;
    padding: 0 20px 2px;
    text-decoration: none;
}

#top_menu ul li a:hover {
    background: url("images/top_menu_arrow.png") 50% 100% no-repeat;
}

#top_menu ul li a:active {
    box-shadow: inset 0 5px 5px -2px #000;
}

#top_menu ul li a.active {
    background: url("images/top_menu_arrow.png") 50% 100% no-repeat;
}
p#h-mail {

    margin: 0;
}
p#h-mail > a {
    color: #dbd8d8;
}
/* Middle
-----------------------------------------------------------------------------*/
.mark {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 4px solid #20252B;
    padding: 8px 13px;
}

#middle {
    width: 100%;
    height: 1%;
    position: relative;
    padding-top: 28px;
}

#middle:after {
    content: '.';
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
}

#container {
    width: 100%;
    float: left;
    overflow: hidden;
}

.content {
    padding: 0 0 0 245px;
    text-align: justify;
}

.content ul {
    margin: 0 0 15px 15px;
}

.content ol {
    margin: 0 0 15px 20px;
}

.content li {
    margin: 5px 0;
}

.content img {
    background: none repeat scroll 0 0 #E7E7E7;
    border: 9px solid #F8F6F7;
    box-shadow: 0 0 0 1px #DEDCDD;
    margin: 5px 1px 5px 10px;
}
.content img.nostyle {
    margin: 5px 1px 5px 0;
    background: none;
    border: none;
    box-shadow: none;
}
.content img.wideImg {
    margin:0;
    background: none;
    border:none;
}
.content table {
    width: 100%;
    margin: 0 0 20px 0;
    border: 1px solid #d2d2d2;
}
.content table p {
    margin: 0;
}
.content td, .content th {
    border: none;
    padding: 10px;
}
.content th {
    background-color: #fff;
    font-weight: bold;
}
.content tr:nth-child(2n) {
    background-color: #eaeaca;
}
.content tr:nth-child(2n+1) {
    background-color: #f5f5dc;
}
.content tr:hover {
    background-color: #fff;
}
.content td img {
    margin: 0 0 30px 0;
    vertical-align: middle;
}

.table1 td img {
    margin: 0 !important;
}

/* Bread Crumbs */
#crumbs {
    font-size: 12px;
    margin-bottom: 20px;
}

#crumbs a {
    color: #18181c;
    margin-right: 10px;
}

#crumbs span {
    margin-left: 10px;
}

/* Home Middle
-----------------------------------------------------------------------------*/
.home .content {
    padding: 0;
}

.home > .wrapper {
    width: 955px;
}

.cat_list {
    list-style: none;
    margin: 0 !important;
}

.cat_list li {
    float: left;
}

.cat_list li a {
    text-decoration: none;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    text-align: center;
    color: #C9031A;
    display: block;
    height: 254px;
    width: 268px;
    padding: 25px 15px 0 35px;
    line-height: 120%;
    margin-bottom: 5px;
}

.cat_list #a {
    background: url("images/cat1.png") 0 0 no-repeat;
}

.cat_list #b {
    background: url("images/cat2.png") 0 0 no-repeat;
}

.cat_list #c {
    background: url("images/cat3.png") 0 0 no-repeat;
}

.cat_list #d {
    background: url("images/cat4.png") 0 0 no-repeat;
}

.cat_list #e {
    background: url("images/cat5.png") 0 0 no-repeat;
}

.cat_list #f {
    background: url("images/cat6.png") 0 0 no-repeat;
}

.cat_list li a:hover {
    text-shadow: 0 0 1px #f2031b;
}

.cat_list li a:active {
    background-position: 0 1px !important;
    color: #000;
}

/* Sidebar Left
-----------------------------------------------------------------------------*/
#sideLeft {
    float: left;
    float: left;
    margin-left: -100%;
    position: relative;
    width: 220px;
}

/* Left_menu */
#left_menu {
    background: #1D1B1A url("images/left_menu_bg.png") 0 -1px repeat-x;
}
.sidebar h2 {
    margin-left: 20px;
}
#left_menu ul {
    list-style: none;
}

#left_menu ul li {position: relative;}

#left_menu ul li a {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    padding: 12px 15px;
    display: block;
    border-bottom: 1px solid #3E403E;
    border-right: 1px solid #3E403E;
    border-top: 1px solid #000;
    border-left: 3px solid #C9031A;
}
#left_menu ul li span{
    position: absolute; z-index: 5;
    top: 0;
    right: 0;
    /*background: red;*/
    width: 30px;
    line-height: 50px;
    text-align: center;
    height: 43px;
    display: none;  /*  !  */
    cursor: pointer;
    color: red;
    vertical-align: bottom;
}
#left_menu ul li span:hover{background: #373938;}
#left_menu ul li.has_submenu span{display: block;}
#left_menu .opened span{

}

#left_menu ul li:first-child a {
    border-top: 1px solid #3E403E;
}

#left_menu ul li a:hover, #left_menu ul li a.active {
    background: #C6061D url("images/left_menu_arrow.png") -2px 50% no-repeat;

}

#left_menu ul li a:active {
    box-shadow: inset 0 0 5px #000;

}
/*---------- level 2 ----------*/
#left_menu ul ul {}

#left_menu ul ul li {}

#left_menu ul ul li a {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-transform: none;
    color: #F6F6E3;
    text-decoration: none;
    padding: 7px 10px 7px 15px;
    display: block;
    border: 0;
    background: #3E403E;
}

#left_menu ul ul li:first-child a {
    border-top: 1px solid #484A49;
}

#left_menu ul ul li a:hover {
    background: #333333;

}

#left_menu ul ul li a:active {
    box-shadow: inset 0 0 5px #000;

}
#left_menu ul ul li a.active {
    background: #333333;
}



/* Footer
-----------------------------------------------------------------------------*/
#footer {
    margin-top: 30px;
    padding: 20px 0 20px;
    border-top: 2px solid #20252B;
    font-size: 12px;
    color: #2e2e2e;
}

#footer a {
    color: #1F61B8;
}

/* pp copy */
#pp {
    float: right;
    margin-left: 40px;
}

/* address */
#address {
    float: right;
    margin-left: 20px;
}

/* copy */
#copy {
    float: left;
    margin-right: 40px;
    line-height: 130%;
}

/* counters */
#counters {
    text-align: center;
    float: left;
}

#counters img {
    margin: 0 10px;
}

/* Feed back
-----------------------------------------------------------------------------*/

.input-width {
    border: 0px solid #999;
}

.width-setter {
    margin: 0 9px;
}

.width-setter p {
    margin: 5px 10px;
}

.width-setter input {
    width: 50%;
    height: 14px;
    padding: 4px 9px 5px;
    margin: 0;
    line-height: 14px;
    color: #000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    border: 1px solid gray;
}

.width-setter textarea {
    width: 50%;
    height: 50px;
    padding: 4px 9px 5px;
    margin: 0;
    line-height: 14px;
    color: #000;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;

    border: 1px solid gray;
}

#submit {
    margin: 8px;
}

#success {
    color: green;
}

#error, .error {
    color: red;
}

/*------------------------------------------Лента полезных материалов-------------------*/
#news {
    margin-bottom: -30px;
    color: #18181C;
    background: #fff;
    padding: 20px 0 20px 20px;
}
#news a, #news h4 {
    display: inline-block;
}
#news h4 {
    margin-right: 20px;
}
#news ul li{
    display: inline-table;
    margin-right: 20px;
    width: 30%;
}
#news .date {
    color: #A7A7A7;
    margin-bottom: 10px;
}
#news a {
    font-weight: bold;
}
/*----------------------------------------Наши работы----------------------------*/
#portf {
    text-align: left;
    font-size: 10px;
}
#portf a{
    margin: 0;

}
#portf-current img{
    margin: 0 12px 10px 0;
}



/* Basic jQuery Slider essential styles */
#scroll-wrap{
    /*position: absolute;*/
    /*right: 150px; left: 150px;*/
    /*bottom: 8px;*/
    /*z-index: 2;*/
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 21px;
    color: #3E3E3E;
    line-height: 120%;
    font-family:'Trebuchet MS', sans-serif;
    background: #FFFFFF;
    padding: 20px;
    /*border-bottom: 3px solid #c9031a;*/
}
#scroll-wrap img {

    border: none;
    box-shadow: none;

}


#scroller{
    margin: 0 auto;
    width: 500px;
    position: relative;
}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none;}
li.bjqs-slide{position:absolute; display:none; text-align: left; width: 500px !important;}
li.bjqs-slide h3{font-size: 24px; font-weight: normal; margin-bottom: 30px; color: #C9031A; font-family:'Trebuchet MS', sans-serif; text-align: center; text-transform: none}
li.bjqs-slide img{ width: 500px !important; height: 360px !important; margin: -44px 0 0 0 !important; cursor: pointer;}
li.bjqs-slide p{ width: 480px !important; height: 270px !important; overflow: hidden;
    box-shadow: 0 0 8px 0 #000;
    margin: 0 10px
}
ul.bjqs-controls{
    list-style:none;
    margin:0 0 0 0 !important;
    padding:0;
    z-index:9999;
    display: block;
}
ul.bjqs-controls a{
    font-size: 0;
    color: transparent;
    width: 80px;
    opacity: 0.5;
    top: 0 !important;
    bottom: 0 !important;
    position: absolute;
    z-index: 10;
}
ul.bjqs-controls a:hover{opacity: 1;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:-85px; background:url("images/arr-right.png") 50% 50% no-repeat;}
ul.bjqs-controls.v-centered li.bjqs-prev a{left:-85px; background:url("images/arr-left.png") 50% 50% no-repeat; }
ul.bjqs-controls.v-centered li a{position:absolute;}

ol.bjqs-markers{list-style: none; text-align: center; font-size: 0; padding: 0; margin: 0; position: relative; z-index: 20; right: 0; left: 0 !important; height: 15px; margin-top: -25px}
ol.bjqs-markers.h-centered{}
ol.bjqs-markers li{display: inline-block; zoom: 1; margin: 0 4px; *display: inline; }
ol.bjqs-markers li a{
    display:inline-block;
    font-size: 0;
    color: transparent;
    border: 1px solid #D48891;
    border-radius: 50%;
    width: 9px; height: 9px;
}
ol.bjqs-markers li.active-marker a{border: 1px solid #D48891; background: #D48891}
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/*popup youtube vimeo*/
.video-target {
    cursor: pointer;
}

.video-wrapper {
    display: none;
    position: fixed;
    min-width: 100%;
    min-height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    z-index: 21000;
}

.video-frame {
    position: absolute;
    top: 50%;
    left: 50%;
}

.video-close{
    float:right;
    margin-top:-30px;
    margin-right:-30px;
    cursor:pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 30px;
    background: #605F61;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
}

.video-close:before {
    content: "×";
}


/*! jQuery UI - v1.11.0 - 2014-07-21
* http://jqueryui.com
* Includes: core.css, tabs.css
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}
.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;

    text-decoration: none;
    font-size: 100%;
    list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}
.ui-helper-clearfix:after {
    clear: both;
}
.ui-helper-clearfix {
    min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter:Alpha(Opacity=0);
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {

}
.ui-tabs h1{
    margin-bottom: 0;
}
.ui-tabs .ui-tabs-nav {


}
.ui-tabs .ui-tabs-nav li {
    margin: 0;
}
.content ul.ui-tabs-nav {
    margin: 0;
}


.ui-tabs .ui-tabs-nav li.ui-tabs-active {

}
.ui-tabs-nav li:first-child {
    
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
    cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
    background-color: #eaeaca;
    padding: 20px;
}

.content ul.ui-tabs-nav li.ui-state-default {
    display: inline-block;
    background-color: #eaeaca;
    padding: 15px 20px 10px;
    width: 435px;
    height: 20px;
    margin-bottom: 4px;

}
li.ui-state-default a {
    text-decoration: none;
}
.content ul.ui-tabs-nav li.ui-state-active {
    height: 24px;
    margin-bottom: 0;

}
.content table.ord {
    border: none;
}
.content table.ord tr {
    background: none;
}
.content table.clrtbl {
    border: none;
}
.content table.clrtbl tr {
    background: none;
}
.content table.clrtbl td {
    padding-left: 0;
    vertical-align: top;
    border-bottom: 1px #cbcbcb solid;
}
.content table.clrtbl img {
    border: 0;
    margin: 0;
}

/*спойлер прайс-лист*/

.head-tb{
    border: 0;
    margin: 0;
}
.head-tb td{
    border: 0;
}
.head-tb tr:hover td{
    background: #EC700C !important;
    color:#fff !important;
}
.spoiler-head{
    position: relative;
    color: #565656;
    cursor: pointer;
    background: #ece6e6;
    /*font-weight: bold;*/
    height: 48px;
    padding-top: 10px;
    font-size: 15px;
    padding-left: 35px;
    margin-top: 2px;
    font-weight: bold;


    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.spoiler-head:after{
    position: absolute; z-index: 3;
    right: 75px;
    top: 10px;
    content: '〉';
    height: 38px;
    text-align: center;
    width: 38px;
    line-height: 38px;
    border: 1px solid #565656;
    overflow: hidden;

    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.spoiler-head p {
    margin-bottom: 0;
    line-height: 18px;
}
.spoiler-head.folded:after,
.spoiler-head:hover:after{
    border: 1px solid #c9031a;
    content: '﹀';
    line-height: 51px;
    color: #c9031a;
}
.spoiler-head.folded,
.spoiler-head:hover{
    color: #c9031a;
}
.spoiler-body{
    display: none;
}
.spoiler-body table, .spoiler-body p {
    margin-bottom: 0;
}
.spoiler-body table {
    border: none;
    border-spacing: 0;
}
.spoiler-body table tr {
    background-color: #f0f0f0 !important;
}
.spoiler-body table tr:hover {
    background-color: #fff !important;
}
.spoiler-body table td {
    text-align: center;
}
/*категории прайса*/
ul.priceCat {
    margin: 0 0 18px;
}
ul.priceCat li {
    line-height: 10px;
    font-size: 14px;
    text-transform: uppercase;
    display: inline-block;
    height: 10px;
    border: 3px solid #dddddd;
    background-color: #c3283a;
    color: #fff;
    padding: 10px;
    margin: 0 10px 0 0;
}
ul.priceCat li:hover, ul.priceCat li.active {
    background: linear-gradient(to top, #760411, #c3283a);
}

ul.priceCat li a {
    color: #fff;
    text-decoration: none;
}
/*calc*/
form#calc {
    display: block;
    width: 695px;
    margin-bottom: 18px;
}
form#calc p {
    margin-bottom: 0;
}
input[type='text'] {
    width: 683px;
    margin-bottom: 18px;
    padding: 5px;
}
select {
    width: 693px;
    margin-bottom: 18px;
    padding: 5px;
}
.container_result {
    margin-bottom: 18px;
}
.thick2p {
    margin-top: -18px;
}