﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Carousel */
/*.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}*/

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    display:inline-block;
    content: "[";
    padding-right: 0.5em;
}
.btn-bracketed::after {
    display:inline-block;
    content: "]";
    padding-left: 0.5em;
}


/* не работает как надо: увеличивает ширину навбара с черным фоном вниз, с перекрытием контента */
.nav_my {
    margin: 0 0 50px;
}

.mar_50b {
    margin: 0 0 50px;
}

.lh_075 {
    line-height: 0.5;
}

.fig1 {
    border: 1px solid #666;
    background-color: #f8f0f0;
    padding: 10px;
}

.fig2 {
    border: 1px solid #666;
    background-color: #f8f0f0;
    padding: 5px;
}

.fig3 {
    border: 1px solid #666;
    background-color: #f8f0f0;
    padding: 5px;
    width: 210px;
    height: 190px;
    /*float: left;*/
    /*display: inline;*/
}

.pad1 {
    padding: 30px 0 30px 0;
}

.pad2 {
    padding: 3px 0 3px 0;
}

.pad3 {
    padding: 10px 0 3px 0;
}

.img1 {
    padding: 10px 10px 10px 10px;
    float: right;
}

.img2 {
    padding: 10px 10px 10px 10px;
    float: left;
}

.img-inline {
    display:inline;
}

.img3 {
    margin: 3px 3px 3px 3px;
    /*margin: 3px;*/
    display: inline-block;
    border-radius: 6px;
}



figcaption {
    font-style: italic;
    font-weight: bold;
    color: #180c89;
    /*background-color: #e6f3ff;
    border: 1px dashed #666;*/
    padding: 10px;
    text-align: center;
}

.txt1 {
    font-style: italic;
    font-weight: bold;
    color: #180c89;
    /*background-color: #e6f3ff;
    border: 1px dashed #666;*/
    /*padding: 10px;*/
    /*text-align: center;*/
}
.txt2 {
    font-style: italic;
    /*font-weight: bold;*/
    color: #180c89;
    /*background-color: #e6f3ff;
    border: 1px dashed #666;*/
    /*padding: 10px;*/
    /*text-align: center;*/
}



.title1 {
    text-align: center;
    /*font-style:italic;
    font-weight: bold;*/
    color: #221f53; /*#180c89;*/ 
    padding: 10px 0 10px 0;
    border: 1px solid #666;
    background-color: #f8f0f0 /*#CCC;*/
   
}

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}

.navbar-inverse2 {
  /*background-color: #221f53;*/ /*#070439  #221f53 #6d1068*/
  color:#fff;
  border-color: #080808;
  /*background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);*/
  /*background-image: linear-gradient(#221f53, #446e9b 20%, #3e648d); светлее*/
  background-image: linear-gradient(#221f53, #446e9b 100%, #3e648d); /*класс*/
  /*background-image: linear-gradient(#000, #446e9b 100%, #3e648d); мрачновато*/
  /*background-image: linear-gradient(#000, #446e9b 100%, #ff0000); не изменилось*/
  /*background-image: linear-gradient(#000, #ff0000 100%, #3e648d); черно-красный*/
  /*background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d); нет*/
  /*background-image: -o-linear-gradient(#6d94bf, #446e9b 50%, #3e648d); не работает*/ 
  /*background-image: -webkit-gradient(linear, left top, left bottom, 
      from(#6d94bf), color-stop(50%, #446e9b), to(#3e648d)); не работает*/

}
/*цвет текста в меню*/
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
  color: #fff;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  color: #ff6a00;
  background-color: transparent;
}




.navbar-inverse .navbar-text { /*не влияет*/
  color: #9d9d9d;
  color: #fff;
}
.navbar-inverse .navbar-nav > li > a { /*влияет на все пункты меню*/
  color: #9d9d9d;
  color: #fff;
}

/*цвет текста активного меню*/
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  color: #ff6a00; /* изменились пункты навбара, кроме Бренда */
  background-color: transparent;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  color: #ff6a00; /* изменились пункты навбара, кроме Бренда */
  background-color: #080808;
  /*background-color: transparent; на что влияет*/
}


.pos1 {
    position: absolute;
    left: 0;
    right: 0;
}

.pos2 {
    position: absolute;
    left: 0;
}

.pos3 {
    position: absolute;
    right: 0;
}

.pos4 {
    position: absolute;
    left: 200px;
}

.a2 {
    color: #fff;
    background-color: transparent;
}

  .a2,
  .a2:visited { text-decoration: none; }


.a2:hover, .a2:active, .a2:focus {
  color: #ff6a00;
  color: #fff;
  text-decoration: none;
  outline: none;
}

/*.a2:active, .a2:focus {
  color: #fff;
  text-decoration: none;
  outline: none;
}*/

/*a {
  color: #337ab7;
  text-decoration: none;
}*/

/*a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}

a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}*/
/*.a2:hover {
  color: #ff6a00;
  text-decoration: none;
}*/

    /*width: 100%*/
    /*position: relative;*/
/*.navbar-fixed-bottom {*/
  /*position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;*/

    /*bottom: 0;
  margin-bottom: 0;*/
  /*border-width: 1px 0 0;*/


.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #777;
    color: #e51044;
    white-space: nowrap;
    /*font-weight: bold;*/
   
}

/* --- mosaic flow --- */
.mosaicflow__item { 
  padding:3px; 
} 
.mosaicflow__column { 
  float:left; 
} 
.mosaicflow__item img { 
  display:block; 
  width:100%; 
  height:auto; 
  padding: 4px; 
  background-color: #fff; 
  border: 1px solid #ddd; 
  border-radius: 4px; 
} 
.mosaicflow__item img:hover { 
  opacity: 0.6; 
  filter: alpha(opacity=60); 
}

.sbg {
    /* BS */
    color: #fff;
    background-color: #333;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    background-color: #777;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /*border-radius: 7px;*/
    border-radius: 4px;
    /* width: 100%;*/
    /*width: 270px;*/
    width: 304px;
    /*height: 100px;*/
    /*height: 120px;*/
    /*float:left;*/
}
.sbg2 {
    /* BS */
    color: #fff;
    background-color: #333;
    background-color: #777;
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px 0 0;
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: bottom;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /*border-radius: 7px;*/
    border-radius: 4px;
     /*width: 100%;*/
    width: 110px;
    /*float:left;*/
}

.sbg3 {
    /* BS */
    color: #fff;
    background-color: #333;
    background-color: #777;
    display: inline-block;
    min-width: 10px;
    /*padding: 3px 7px 0 0;*/
    font-size: 20px;
    /*font-weight: bold;*/
    line-height: 1;
    text-align: center;
    /*white-space: nowrap;*/
    vertical-align: bottom;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    /*border-radius: 7px;*/
    border-radius: 4px;
    width: 96%;
    /*width: 200px;*/
    /*float:left;*/
}



/*.sbg-grn {
    background-color: #468847;
}*/
.sbg-grn {
    background-color: #277722;
}
    .sbg-grn:hover {
    background-color: #38942a;
    }
.sbg-rd { background-color: #aa3513; }
.sbg-rd:hover{
    background-color: #cf5721;
}
.sbg-rdd {
    background-color: #833b34;
}
.sbg-rdd:hover {
    background-color: #a04032;
}
.sbg-blue { background-color: #0d5390; }
    .sbg-blue:hover {
        background-color: #2a76af;
        /*text-decoration: none;*/
        /*box-shadow: 0 0 2px 2px rgba(44,82,100,.75); тень лишняя*/
    }
.sbg-ye { background-color: #c67b20; }
.sbg-ye:hover{
background-color: #ef9710;
}

.sbg-default {
    background-color: #585846;
}
.sbg-default:hover {
    background-color: #72725e;
}
.sbg-white {
    background-color: #fff;
    color: #000;
}


.sbadge {
    width: 100%;
    font-size: inherit;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.sbadge div {
        padding: 0 .5em .5em .5em;
        font-size: 1.5em;
        font-weight: 300;
        line-height: 1.3em;
        text-shadow: none;
    }

.sbadge h3 {
        margin: 0;
        font-size: 1.4em;
        font-weight: 500;
    }

.sbadgereal{

}

.span3 {
    width: 270px;
}

.mrg-bottom {
    margin-bottom: 5px;
}

/*a[href^="tel:"]:before {
    content: "\260e";
    margin-right: 0.5em;
}

*/

