﻿body {
  padding: 0px;
  margin: 0px auto;
  background-image: url(../i/bg.jpg);
  background-repeat: repeat;
  background-color: #FFFFFF;
  font-family: Arial;
  font-size: 13px;
  color: #000000;
  position: relative;
  min-width: 1000px;
  overflow-x: hidden;
}
body.black {
  background-image: url(../i/bg_mac.jpg);
}
* {outline: none;}
a img {border: 0px;}
p, form, ul, li {padding: 0px;margin: 0px;list-style: none; }
p {text-align: justify;}
td {vertical-align: top;}
a {background-repeat: no-repeat;}
a:hover {}

.clear {
  clear: both;
  line-height: 0px;
  height: 0px;
}


.top {
  height: 45px;
  background-image: url(../i/bg_top.jpg);
  background-repeat: repeat-x;
  background-position: center;
  color: #647071;
  line-height: 38px;
  padding-left: 28px;
  position: relative;
}
.wood .top {
  background-image: url(../i/bg_top_wood.jpg);
}
.top .m a {
  color: #647071;
  font-size: 10px;
  text-transform: uppercase;
  text-decoration: none;
  background-image: url(../i/top_a.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding-left: 17px;
  margin-right: 28px;
}
.wood .top .m a {
  color: #000000;
}                
.top .m a:hover,.top .m a#active {
  background-image: url(../i/top_a_hover.png);
  color: #DB0615;
}
.top .tviter {
  position: absolute;
  top: 10px;
  right: 22px;
}
.wood .top .tviter {
  right: 34px;
  top: 5px;
}


.top .logo_BS {
    left: 50%;
    margin-left: -91px;
    position: absolute;
    top: 65px;
    z-index: 100;
}
/*
.top .logo_BS.wood {
  margin-left: -102px;
}
*/

.mac {
  background-image: url(../i/bg_mac.jpg);
  position: relative;
}
.wood .mac {
  background-image: url(../i/bg_mac_wood.jpg);
}


.mac .pljama {
  position: absolute;
  top: 0px;
  left: 50%;
  margin-left: -500px;
  z-index: 10;
}
.f4 {
  width: 100%;
  z-index: 80;
  position: absolute;
  top: 95px;
}
.f4 td {
  width: 25%;
  text-align: center;
}
.f4 a {
  display: block;
  margin: 0px auto;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  text-decoration: none;
  color: #000000;
}
.f4 .mi a {
  width: 97px;
  height: 74px;
  background-image: url(../i/mi.png);
  margin-top: 30px;
}
.wood .f4 .mi a{
  background-image: url(../i/mi_wood.png);
}
.f4 .mi a:hover, .f4 .mi a#active {
  background-position: 0px -74px;
}
.f4 .delaem a {
  width: 97px;
  height: 101px;
  background-image: url(../i/delaem.png);
}
.wood .f4 .delaem a {
  background-image: url(../i/delaem_wood.png);
}
.f4 .delaem a:hover, .f4 .delaem a#active {
  background-position: 0px -101px;
}
.f4 .brendu a {
  width: 143px;
  height: 83px;
  background-image: url(../i/brendu.png);
  margin-top: 12px;
}
.wood .f4 .brendu a {
  background-image: url(../i/brendu_wood.png);
}
.f4 .brendu a:hover, .f4 .brendu a#active {
  background-position: 0px -84px;
}
.f4 .chetko a {
  width: 97px;
  height: 81px;
  background-image: url(../i/chetko.png);
  margin-top: 9px;
}
.wood .f4 .chetko a {
  background-image: url(../i/chetko_wood.png);
}
.f4 .chetko a:hover, .f4 .chetko a#active {
  background-position: 0px -81px;
}
.mac .h {
  height: 216px;
}
.mac .submm {
font-size: 11px;
margin-left: 45px;
text-transform: uppercase;
padding-bottom: 5px;
float: left;
margin-top: 20px;
margin-bottom: 29px;
}
.mac .submm li {
float: left;
position: relative;
margin-right: 11px;
}
.mac .submm a {
color: #E0E0E0;
text-decoration: none;
padding-left: 16px;
background-image: url(../i/str_w_r.png);
background-position: 0px 2px;
background-repeat: no-repeat;
padding-bottom: 20px;
cursor: pointer;
}
.mac .submm li.active a, .mac .submm li:hover a {
background-position: -1px -58px;
color: #FF1628;
}
.mac .submm li.active a {
background-position: 0px -27px;
}
.mac .submm li.notsub a:hover, .mac .submm li:hover.notsub a:hover {
background-position: 0px -58px;
color: #FF1628;
}
.mac .submm li .conect {
position: absolute;
bottom: -11px;
left: 0px;
z-index: 150;
display: none;
}
.mac .submm li .item {
position: absolute;
top: 22px;
left: -12px;
width: 700px;
color: #FFFFFF;
line-height: 29px;
height: 29px;
display: none;
z-index: 100;
}
.mac .submm li .item a {
font-size: 10px;
color: #FFFFFF;
padding: 0px 3px;
margin: 0px 0px 0px 0px;
background-image: url(../i/submmm_bg.png);
background-repeat: repeat-x;
background-position: 0px 0px;
display: block;
line-height: 29px;
height: 29px;
float: left;
}
.mac .submm li .item a:hover, .mac .submm li .item a.active {
color: #FF1628;
}
.mac .submm li.active .item, .mac .submm li.active .conect {
display: block;
}


.mac_n {
  height: 34px;
  background-image: url(../i/bg_mac_n.jpg);
  background-repeat: repeat-x;
  background-position: center;
  margin-top: -1px;
}
.wood .mac_n {
  background-image: url(../i/bg_mac_n_wood.jpg);
  background-position: top;
}


.mac .in {
  padding: 0px 10px;
}
.work_main td {
  width: 25%;
}
.work_main td a.img {
  height: 125px;
  display: block;
  border: 10px solid #1F1F1F;
  background-position: center top;
  background-repeat: no-repeat;
  min-width: 210px;
  max-width: 440px;
}
.work_main td .name, .work_main td .name a {
  font-size: 12px;
  color: #FE1627;
  padding-left: 3px;
  height: 25px;
  padding-top: 8px;
  text-decoration:none;
}
.work_main td .name a:hover {
  font-size: 12px;
  color: #FE1627;
  padding-left: 3px;
  height: 25px;
  padding-top: 8px;
  text-decoration:underline;
}

a.suda {
  width: 68px;
  height: 19px;
  background-image: url(../i/suda.png);
  background-position: 0px -19px;
  display: block;
  text-decoration: none;
}
a:hover.suda {
  background-position: 0px 0px;
}
a.tuda {
  width: 62px;
  height: 19px;
  background-image: url(../i/tuda.png);
  background-position: 0px -19px;
  display: block;
  text-decoration: none;
}
a:hover.tuda {
  background-position: 0px 0px;
}
a.nazad {
  width: 71px;
  height: 18px;
  background-image: url(../i/nazad.png);
  background-position: 0px 0px;
  display: block;
  text-decoration: none;
}
a:hover.nazad {
  background-position: 0px 0px;
}
.barp {
  text-align: center;
  font-family: Georgia;
  font-size: 14px;
  color: #7C7C7C;
  line-height: 18px;
}
.barp a {
  color: #000000;
  text-decoration: none;
  background-color: #545454;
  padding: 0px 6px 5px 6px;
  margin: 0px 3px;
  border: 1px dotted #0E0E0E;
}
.barp a:hover, .barp a.active {
  background-color: #DB1314;
  color: #FFFFFF;
  border: 1px dotted #DB1314;
}

.main td.f {
  width: 67%;
  padding: 0px 30px;
}
.main td.s {
  width: 33%;
  padding: 0px 23px;
}

.m_20_0 {
  margin: 15px 0px;
}
.fs11 {
  font-size: 12px;
}


.line {
  height: 12px;
  line-height: 12px;
  background-image: url(../i/line.png);
  background-repeat: repeat-x;
  background-position: 0px 5px;
  padding-bottom: 5px;
}


.footer {
  height: 67px;
  background-image: url(../i/footer.png);
  background-repeat: repeat-x;
  background-position: bottom;
  text-align: right;
  padding-right: 24px;
  margin-top: 15px;
}
.wood .footer {
  background-image: url(../i/footer_wood.png);
}


h3 {
  margin: 0px;
  padding: 0px;
  font-size: 10px;
  line-height: 15px;
  color: #000000;
  text-transform: uppercase;
  padding-left: 37px;
}
h3 a {
  color: #000000;
}

.date_r {
  color: #FF0000;
  font-weight: bold;
}
.name_gray {
  color: #4E4742;
  font-size: 18px;
  padding: 12px 0px 14px 0px;
}
.name_gray a {
  color: #4E4742;
  text-decoration: none;
}

td.in {
  padding-left: 20px;
}
.in .name_gray {
  font-size: 24px;
  color: #010101;
}


.navig p {
  text-align: center;
  padding: 5px 0px;
}
a.str {
  display: block;
  width: 50px;
  height: 45px;
  background-image: url(../i/str_right.png);
  background-position: 0px 0px;
  margin: 0px auto;
}
a:hover.str, a.str#active {
  background-image: url(../i/str_left.png);
}


.barpage {
  font-size: 16px;
  font-family: Verdana;
}
.barpage a {
  text-decoration: none;
  color: #000000;
  padding: 0px 2px;
}
.barpage a:hover, .barpage a#active {
  text-decoration: underline;
}


.p_block {
  border: 1px dashed #AFAFAF;
  font-size: 11px;
  padding: 20px 10px;
  margin-bottom: 10px;
}
.p_block a {
  color: #0000000;
}
.p_block a span {
  color: #D12733;
}


.logo_pakety td {
  text-align: center;
  padding-top: 50px;
  width: 33.33%;
}
.logo_pakety .info {
  width: 200px;
  margin: 0px auto;
}
.logo_pakety .info .name {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  background-image: url(../i/dusher.png);
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 10px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.logo_pakety .info p {
  padding-left: 10px;
}
.logo_pakety .info a.button {
  display: block;
  padding: 11px 17px;
  color: #000000;
  text-decoration: none;
  background-color: #DCDCDC;
  float: left;
  border: 1px dashed #6A6A6A;
  margin-top: 10px;
}
.logo_pakety .info a:hover.button, .logo_pakety .info a.button#active {
  color: #FFFFFF;
  background-color: #FF3745;
  border-color: #000000;
}
.logo_pakety .info a.button span {
  background-image: url(../i/str_button.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  display: block;
  float: right;
  width: 6px;
  height: 7px;
  margin-top: 4px;
  margin-left: 10px;
}
.logo_pakety .info a:hover.button span, .logo_pakety .info a.button#active span {
  background-position: 0px -7px;
}


.kontaktu {
  color: #A1A0A0;
  font-family: Verdana;
  font-size: 12px;
  padding-left: 6%;
  float: left;
}
.kontaktu .k {
  color: #FE1627;
  font-size: 24px;
}


.sh td {
  /*color: #BBBABA;*/
  color: #FFFFFF;
  font-size: 14px;
  padding-top: 50px;
  padding-bottom: 10px;
}
.sh a {
  color: #BBBABA;
}

.undr td {
  padding: 10px 40px;
}
.kom {
  background-color: #D9D9D9;
  padding: 5px 10px;
  position: relative;
}
.kom .komm {
  position: absolute;
  top: 40px;
  left: -19px;
}
.man a {
  color: #000000;
  font-size: 14px;
}


.zakazat {
  width: 629px;
  background-color: #000000;
  margin: 0px auto;
  padding: 10px 15px 37px 15px;
  font-size: 12px;
  color: #FFFFFF;
}
.zakazat .gg {
  color: #A4A4A4;
  font-size: 18px;
  text-transform: uppercase;
}
.zakazat table {
  margin-top: 15px;
}
.zakazat td {
  line-height: 36px;
}
.zakazat .text {
  padding-right: 23px;
}
.zakazat .gi input, .zakazat .ggi input {
  width: 238px;
  height: 23px;
  border: 0px;
  color: #FFFFFF;
  margin: 5px 0px 6px 0px;
}
.zakazat .gi input {
  background-color: #212121;
}
.zakazat .ggi input {
  background-color: #121212;
  margin: 5px 0px 6px 0px;
}
.zakazat textarea {
  width: 300px;
  height: 103px;
  border: 0px;
  background-color: #212121;
  color: #FFFFFF;
  margin: 5px 0px 6px 0px;
}
.zakazat .checkbox td {
  padding-right: 10px;
}
.zakazat .checkbox input {
  height: 19px;
  width: 21px;
  margin-right: 10px;
}
.zakazat .checkbox .niceCheck {
  width: 21px;
  height: 19px;
  display: inline-block;
  cursor: pointer;
  background-image: url(../i/checkbox.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.zakazat .checkbox .niceCheck input {
  visibility: hidden;
}
.zakazat input.button {
  height: 29px;
  border: 1px dashed #292929;
  background-color: #000000;
  line-height: 29px;
  color: #FFFFFF;
  width: auto;
  padding-right: 23px;
  background-image: url(../i/str_w_r.png);
  background-repeat: no-repeat;
  background-position: 85px 10px;
  cursor: pointer;
  margin-left: 190px;
}
.zakazat input:hover.button {
  background-position: 85px -17px;
  color: #DB0615;
  border-color: #DB0615;
}
.error{
text-align:center;
margin-top:100px;
color:#FFFFFF}

