body {
padding: 0;
margin: 0;
width: 100%;
}
h2 {
    margin: 0;
    padding: 0;
}

#main {
	position: absolute;
	width: 10%;
}

@font-face {
    font-family: OpenSans LightItalic;
    src: url(../fonts/OpenSans-LightItalic.ttf) format('opentype');
  }

@font-face {
    font-family: OpenSans Bold;
    src: url(../fonts/OpenSans-Bold.ttf) format('opentype');
  }

@font-face {
    font-family: OpenSans Regular;
    src: url(../fonts/OpenSans-Regular.ttf) format('opentype');
  }

@font-face {
    font-family: OpenSans Light;
    src: url(../fonts/OpenSans-Light.ttf) format('opentype');
  }

@font-face {
    font-family: OpenSans Semibold;
    src: url(../fonts/OpenSans-Semibold.ttf) format('opentype');
  }

@font-face {
      font-family: Rex Bold;
      src: url(../fonts/RexBold.otf) format('opentype');
  }

@font-face {
    font-family: RobotoCondensed; /* ��� ������ */
    src: url(../js/RobotoCondensed.woff); /* ���� � ����� �� ������� */
   }

p, h1, h2, h3, a {
    font-family: RobotoCondensed;
    font-weight: lighter;
}


.wrapper {
    width: 100%;
    margin: 0 auto;

}

#vkonte {
    width: 50px;
    margin-left: 450px;
}

/*����*/

#topmenu {
    float: right;
    background-color: #6e6e6e;
}

ul {
    margin: 0;
}

#topmenu ul li {
    list-style: none;
    float: left;
    padding: 0 10px;

}

#topmenu ul li a{
    text-decoration: none;
    font: 13px bold RobotoCondensed;
    font-family: RobotoCondensed;
    color: #ffffff;
    padding: 8px 8px;
    display: block;
}

#topmenu ul li a:hover {
    border: 1px solid #fff;
    color: #fff;
    padding: 7px 7px;
}

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

.clear {
    clear: both;
}

#logo {
    position: relative;
    width: 250px;
    float: left;
    padding-left: 15%;
    margin-top: 0px;
    z-index: 100;
}

#label {
    position: relative;
    width: 200px;
    float: right;
    padding-right: 15%;
    margin-top: 0px;
    padding-top: 20px;
    z-index: 100;
}

a {
  text-decoration: none;
}

p {
    color:#333333;
    margin: 0;
    padding: 0;
}

#main {
	display: block;
	width: 80%;
}

#div_bg {
  position: relative;
  padding-top: 100px;
  padding-bottom: 0px;
}

service_t {
  border-collapse: collapse;
}

#services {
  position: relative;
  padding-top: 30px;
}

#service_td {
  background-color: #bababa;
  border-style: solid;
  border-width: 0 5px 5px 0;
  border-color: white;
  text-align: center;
  font-family: 'OpenSans Bold';
  padding: 30px;
  padding-left: 55px;
  padding-right: 60px;
}

#td_padding {
  padding-left: 30px;
  padding-right: 30px;
}

#p_bottom {
  font-family: 'Rex Bold';
  position: relative;
  text-align: left;
  bottom: 20%;
  right: 20%;
  font-size: 20px;
  color: #000;
  text-transform: uppercase;
}

#up_arrow {
  position: fixed;
  bottom: 5%;
  right: 1%;
  z-index: 100;
}

#p_top {
  font-family: 'OpenSans Bold';
  position: relative;
  text-align: center;
  top: 8%;
  width: 100%;
  font-size: 36px;
  color: #FFF;
  text-transform: uppercase;
}

#div_border {
  border: 3px solid #A7635D;
  padding: 30px;
  width: 70%;
}

#div_woborder {
  width: 70%;
}

#b_tl {
  color: #000;
  font-family: 'OpenSans Semibold';
  font-size: 18px;
}

#best {
  position: relative;
  width: 70%;
  font-size: 30px;
  padding-top: 30px;
  padding-bottom: 30px;
  font-family: 'OpenSans Regular';
}

#best_title {
  font-family: 'OpenSans Bold';
}

#footer {
  position: relative;
  background-color: #bababa;
  width: 100%;
  font-family: 'OpenSans Regular';
  font-size: 20px;
}

#footer b {
  font-size: 22px;
}

#footer table {
  padding-left: 20px;
}

#footer_cont {
  padding-right: 80px;
}

#footer a {
  color: black;
  font-family: 'OpenSans Regular';
}

#footer a:visited {
  color: black;
  font-family: 'OpenSans Regular';
}

#footer a:hover {
  color: black;
  text-decoration: underline;
}

#ul_best {
  list-style-type: none;
  text-align: left;
}

#starline {
    width: 200px;
    float: left;
    padding: 15px;
    margin-top: 40px;
}

#cotacts {
    float: right;
    text-align: right;
    margin-top: 15px;
}
.mini {
   font-size: 13px;
   text-align: right;
   margin-bottom: 10px;
}

.button {
    background-color:#6e6e6e ;
    width: 150px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 5px 20px;
    margin-left: 50px;
}
.button a{
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button:hover {
   border: none;
   background-color: #bcbcbc;
}

.button4 {
    background-color: #2B09A6;
    width: 400px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 5px 20px;
    margin-left: 428px;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 25px;
}
.button4 a{
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button4:hover {
   border: none;
   background-color: #bcbcbc;
}


#menu1 {
    position: relative;
    margin-left: 30%;
    margin-right: auto;
    padding-top: 20px;
    padding-bottom: 40px;
    text-decoration: underline;
}

.moduletable {
font:12px  RobotoCondensed;
font-family: RobotoCondensed;
color:#333333;
margin:2px auto;
line-height:1.5;
padding:0px;
text-align: center;
}
.moduletable_topmenu {
font: 14px  RobotoCondensed;
font-family: RobotoCondensed;
text-transform: uppercase;
text-align:center;
height:36px;
}
.moduletable_topmenu ul {
text-align: center;
float:left;
position:relative; }

.moduletable_topmenu ul li {
float:left;
list-style:none;
position:relative;
text-align: center;
margin-left:-25px;

}

.moduletable_topmenu ul li a {
display:block;
padding:0 15px;
color:#333333;
text-decoration: underline;}

.moduletable_topmenu ul li a:hover  {
display:block;
color:#0c3f6a;
text-decoration:none;

}
.moduletable_topmenu ul li a.active {
display:block;
color:#0c3f6a;

}
#auto {
    height: 550px;
    outline: 0px solid #000;
    background-image: url(../images/auto.jpg);
    background-repeat: no-repeat;
    background-position: center;
    margin-top: -10px;
}

#auto h1 {
   font: 14px RobotoCondensed sans-serif;
   font-family: RobotoCondensed;
   color:#333333;
   margin-bottom: 10px;
}
.h1topright{
    margin-top: 70px;
    margin-left: 30px;
    float: left;
}
.h1topleft{
    padding-top: 50px;
    margin-left: 830px;
}

.h1buttomleft {
    margin-top: 180px;
    margin-left: 30px;

}

.h1buttomright {
    margin-top: -70px;
    margin-left: 800px;
}


.button3 {
    background-color:#0c3f6a ;
    width: 121px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 5px 20px;

}
.button3 a{
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button3:hover {
   border: none;
   background-color: #bcbcbc;
}

.topright {
    padding-top: 230px;
    padding-left: 30px;
    position: absolute;
}
.topleft {
    padding-top: 10px;
    padding-left: 830px;
}

.buttomleft {
   padding-top: 10px;
   margin-left: 30px;
}

.buttomright {
   padding-top: 10px;
   padding-left: 800px;
}
.zagalovok {
    text-align: center;
    font: 24px serif;
    font-weight: lighter;
    color: #000;
    padding: 40px 0;
    font-family: RobotoCondensed;
}

.services {
    width: 21%;
    float: left;
    padding: 0 20px;
    position: relative;
    text-align: center;
}
.maxi {
    text-align: center;
     font: 18px RobotoCondensed sans-serif;
     font-family: RobotoCondensed;
     padding: 10px 0;
     color: #000;
}

.red {
    color:#df0a13;
}

.content {
    margin-bottom: 10px;
   /* background: url(../images/gray_top.jpg) 50% 0 no-repeat #f7f7f7; */
    overflow: hidden;
}
#photo {
    float: left;
    margin-bottom: 10px;
}

.denborder{
    border-top: 3px solid #005685;
    padding: 20px;
    background-image: url(../images/pattern2.jpg);
    background-repeat: repeat;
    margin-bottom: 15px;
    border-bottom: 3px solid #005685;
}

.text {
    width: 500px;
    float: right;
    line-height: 1.5;
}
.nagradi {
    color: #333333;
    font: 20px RobotoCondensed sans-serif;
    font-family: RobotoCondensed;
    margin-left: 30px;
    text-decoration: none;
    border-bottom: 1px solid #000;
}
#portfolio{
    float: left;
    margin-bottom: 10px;
    width: 430px;

}
.slider {

 width: 430px;
 height: 265px;
 overflow: hidden;
 margin: 0 0 7px;
 position: relative;
 }
 .slider ul,
 .slider li {
 padding: 0;
 margin: 0;
 list-style-type: none;
 }
 .slider ul {
 width: 9999px;
 }
 .slider ul li {
 list-style-type: none;
 float: left;
 width: 430px;
 height: 265px;
 }
 .slider .nav {
 position: absolute;
 left: 175px;
 bottom: 12px;
 }
 .slider .nav span {
 opacity: 0.9;
 background: #fff;
 margin: 0 8px 0 0;
 width: 10px;
 height: 10px;
 border-radius: 8px;
 cursor: pointer;
 overflow: hidden;
 display: block;
 float: left;
 box-shadow: 0 1px 2px #000;
 }
 .slider .nav span.on {
 background: #0c3f6a;
 }

#klient {
    float:left;
    padding-right: 15px;
}

.zagalovok2 {
    margin: 0;
    padding: 0 10px 20px 0;
    font: 24px RobotoCondensed serif;
    font-family: RobotoCondensed;
    font-weight: lighter;
    color: #0c3f6a;

}
.textk {
    line-height: 1.5;
}
.text p {
    margin-bottom: 15px;
}
#wrappermap {
    min-width: 1008px;
    width: 100%;
    margin: 0 auto;
    max-width: 1920px;
    margin-top: 15px;
    position: relative;
}

#wrapperfoot {
    background-color: #ADACAC;
    min-width: 1008px;
    width: 100%;
    margin: 0 auto;
    height: 180px;
    margin-top: -4px;
    position: relative;
}

.forma {
   background-color: rgba(228, 228, 228, 1);
    width: 300px;
    height: 200px;
    text-align: center;
  border: 3px solid #ADACAC;
    right: 55%;
    position: absolute;
    top: 10%;


}
.forma h3 {
    padding:5px !important ;
}
#wrapperfoot h2, #wrapperfoot h3, #wrapperfoot p {
color: #ffffff;
margin: 0;
padding-top: 100px;
float: left;
font-size: 24px;
right: 55%;
position: absolute;
}

.tel {
    background-color: #ffffff;
    border: 1px solid #ADACAC;
    color: #333333;
    width: 216px;
    height: 30px;
    padding-left: 5px;

}

.navigator {
    background-color: #fff;
    width: 300px;
    margin: 15px auto;
    height: 265px;
    border: 3px solid #6e6e6e;
    position: absolute;
    left: 65%;
}

.navigator h2, .forma h2{
    color: #505050;
    text-align: center;
}

.navigator h3, .forma h3{
    color: #505050;
    text-align: center;
    font: 16px RobotoCondensed sans-serif;
    font-family: RobotoCondensed;
}

.navigator p {
    color: #333333;
    font: 14px RobotoCondensed sans-serif;
    font-family: RobotoCondensed;
    padding-left: 15px;
}

.button2 {
    background-color: #bcbcbc;
    height: 30px;
    border: none;
    color: #ffffff;
    margin-top: 10px;
    cursor: pointer;
    border: none;

}

.button2:hover {
   border: none;
   background-color:#df0a13;
}

#vk {
    float: right;
    position: absolute;
    left: 55%;
    text-align: center;
    top: 15%;

}

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

#modal_form {
	width: 300px;
	height: 300px; /* ������� ������ ���� ����������� */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* ����� ���� ���� � ������� ���� � ����� ����� */
	top: 45%; /* ��������� ������ 45%, ��������� 5% �������� ������ */
	left: 50%; /* �������� ������ ����� */
	margin-top: -150px;
	margin-left: -150px; /* ��� ��� ����� ��������� css, ��������� ����� � ����� ����� �������� ������ � ������ �������������� =) */
	display: none; /* � ������� ��������� ���� �� ������ ���� */
	opacity: 0; /* ��������� ��������� ��� ������������ */
	z-index: 5; /* ���� ������ ���� �������� ������� ���� */
	padding: 20px 10px;
}
/* ������ ������� ��� ��� ��� � �����) */
#modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* �������� */
#overlay {
	z-index: 3; /* �������� ������ ���� ���� ����� ��������� �����, �� ���� ���� ���������� ���� */
	position: fixed; /* ������ ����������� ���� ���� */
	background-color: #000; /* ������ */
	opacity: 0.8; /* �� ������� ��������� */
	width: 100%;
	height: 100%; /* �������� �� ���� ����� */
	top: 0;
	left: 0; /* ������ � ����� 0, ������������ ��������! */
	cursor: pointer;
	display: none; /* � ������� ��������� �� ���) */
}

/*����� */

#inline {
    display: none;
    text-align: center;
    }
#inline p {
    font: 16px sans-serif;
    margin-bottom: 20px;
    line-height: 1.3;
}
#inline h2 {
    font: 24px sans-serif;
    margin-bottom: 10px;
}

.txt {
   display: inline-block;
   color: #676767;
   width: 420px;
   font-family: RobotoCondensed;
   margin-bottom: 10px;
   border: 1px dotted #ccc;
   padding: 5px 9px;
   font-size: 1.2em;
   line-height: 1.4em;
}


 input.error,
textarea.error {
   border-color: #973d3d;
   border-style: solid;
   background: #f0bebe;
   color: #a35959;
}

input.error:focus,
textarea.error:focus {
   border-color: #973d3d;
   color: #a35959;
}
#send {
   color: #fff;
   cursor: pointer;
   padding: 5px 11px;
   font-size: 1.2em;
   background: #BCBCBC;
   border: none;
   margin-top: 10px;
   width: 224px;
   margin-left: -3px;

}

#send:hover {
   background: #DF0A13;

}

#triggers img {
    float: left;
    margin-right: 15px;
}

#triggers h1 {
    text-align: center;
    color: #6E6E6E;
}
#triggers h2 {
    text-align: center;
    margin-bottom: 20px;

}

#triggers p {
    color: #000;
    line-height: 1.5;
    text-indent: 25px;

}

mark {
background-color: #0c3f6a;
color: #fff;
padding: 5px 30px;
}

.button4 {
    background-color: #6e6e6e;
    width: 540px;
    border: none;
    color: #ffffff;
    cursor: pointer;
    border: none;
    padding: 5px 20px;
    margin-left: 370px;
    text-align: center;
    margin-top: 15px;
}
.button4 a{
    color: #fff;
    text-align: center;
    text-decoration: none;
}

.button4:hover {
   border: none;
   background-color: #bcbcbc;
}

#center {
    text-align: center;
}

#partner img {
    float:left;
    padding-left: 35px;
}