@charset "UTF-8";
/* CSS Document */

@font-face{
  font-family: "sui-generis-free";
  src:  url("sui-generis-free.eot");
  src:  url("sui-generis-free.eot#iefix") format("embedded-opentype"),
    url("sui-generis-free.woff") format("woff"),
    url("sui-generis-free.ttf") format("truetype"),
    url("sui-generis-free.svg") format("svg");
}
  
  
@font-face{
  font-family: "Roboto-Light";
  src:  url("Roboto-Light.eot");
  src:  url("Roboto-Light.eot#iefix") format("embedded-opentype"),
    url("Roboto-Light.woff") format("woff"),
    url("Roboto-Light.ttf") format("truetype"),
    url("Roboto-Light.svg") format("svg");
}

@font-face{
  font-family: "Archangelskt";
  src:  url("Archangelsk.eot");
  src:  url("Archangelsk.eot#iefix") format("embedded-opentype"),
    url("Archangelsk.woff") format("woff"),
    url("Archangelsk.ttf") format("truetype"),
    url("Archangelsk.svg") format("svg");
}


.body { 
background: url("images/back01.jpg"); margin: 0px 0px;
}

.body2 { 
background: url("images/back05.jpg"); margin: 0px 0px;
}

.body3 { 
background: url("images/back07.jpg"); margin: 0px 0px;
}

.body4 { 
background: url("images/back06.jpg"); margin: 0px 0px;
}

.top { height: 124px; width: 100%; 
background:url("images/topmenu.jpg");
background-position:center;
}

.head { 
height: 124px; 
width: 1000px; 
display: block; 
margin-left:auto;
margin-right:auto;
}

.logo { height: 124px; width: 254px; float: left; background: url("images/logo.jpg"); margin-right: 40px;
}

.logo a { display: block; height: 100%; width: 100%;
}

.menu01 { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 42px; background-position: center bottom; 
}
.menu01 a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none;   
}
.menu01 a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid; 
}

.menu02 { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 78px; background-position: center bottom;
}
.menu02 a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none; background-position: center bottom; transition:all 0.5s 0s;
}
.menu02 a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}

.menu03 { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 120px; background-position: center bottom;
}
.menu03 a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none; background-position: center bottom; transition:all 0.5s 0s;
}
.menu03 a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}

.menu04 { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 100px; background-position: center bottom;
}
.menu04 a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none; background-position: center bottom; transition:all 0.5s 0s;
}
.menu04 a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}


.menu01g { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 42px; color: #666;
}

.menu01g a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none; background-position: center bottom; color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid; 
}
.menu01g a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}

.menu02g { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 78px; color: #666;
}
.menu02g a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none; background-position: center bottom; color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}
.menu02g a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}

.menu03g { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 120px; color: #666; 
}
.menu03g a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none; color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid; 
}

.menu03g a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}

.menu04g { float:left; height:58px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #464646; font-family: "Roboto-Light"; padding: 56px 0 0 0; width: 100px; color: #666; 
}
.menu04g a { float:left; height:58px; text-align:center; vertical-align:middle; display:block; color: #464646; font-family: "Roboto-Light"; text-decoration: none; color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}
.menu04g a:hover { color: #666; transition:0.3s; border-bottom: 10px #fb4226 solid;
}


.tel { 
float: left;
width:190px; 
height: 68px; 
text-align: right;
vertical-align: middle; 
display: block; 
margin: 0 0 0 56px;
padding: 56px 0 0 0px; 
color: #fff; 
background: #464646 url("images/tel.jpg") no-repeat; 
background-position: left center;
font-family: "Roboto-Light";
cersor:default;
}

.content { width: 1000px; margin: 270px auto 0px auto;
}

.red { width: 580px; float: left; background: url("images/back02.jpg") no-repeat right bottom, url("images/back04.jpg") no-repeat right top; background-color: #fb4226; margin: 0 0 290px 0; padding: 30px 42px 42px 42px; height: 600px !important;
}

.news { width: 252px; background:#FFF; margin: -120px 0 0 664px; height:750px !important; position: absolute; padding: 0px 42px 42px;
}

.title { font-family: "Archangelskt"; color: #fff; font-size: 24px; line-height: 6px; 
}

.title2 { font-family: "Archangelskt"; color: #464646; font-size: 24px; line-height: 6px; font-weight: normal;
}


.tt { font-family: "Roboto-Light"; font-size:16px; margin: 40px 0 40px 0;  font-weight: normal; color: #FFF;
}
.tt a{ font-family: "Roboto-Light"; font-size:16px; margin: 40px 0 40px 0;  font-weight: normal; color: #FFF;
text-decoration:none;}
.tt p{ background: url("images/tt.png") no-repeat; background-position: left bottom; padding: 0 0 0 14px; height: 10px;
}

.tt2 { font-family: "Roboto-Light"; font-size:16px; margin: 40px 0 40px 0; font-weight: normal; color: #FFF; line-height: 20px;
}

.tt7 { font-family: "Roboto-Light"; font-size:16px; margin: 40px 0 40px 0; font-weight: normal; color: #FFF; line-height: 20px;
}

.tt7 p{ font-family: "Roboto-Light"; font-size:16px; font-weight: normal; color: #FFF; line-height: 5px;
}

.social { width: 664px; margin: 100px 0 0 -42px; height: 126px; position: relative;
}

.facebook { width: 332px; height: 63px; background:url("images/face.jpg");
}

.facebook a { display:block; width:100%; height:100%;	
}

.facebook:hover { width: 332px; height: 63px; background:url("images/face2.jpg");
}

.tweeter { width: 332px; height: 63px; background:url("images/tweet.jpg");
}

.tweeter a { display:block; width:100%; height:100%;	
}

.tweeter:hover { width: 332px; height: 63px; background:url("images/tweet2.jpg");
}

.add { width: 252px; height: 96px; background: #dc2307 url("images/01.png") no-repeat; background-position: top right; position: absolute; margin: -126px 0 0 332px; padding: 30px 50px 0 30px; font-family: "Roboto-Light"; color: #fff; line-height: 20px;
}

.data { font-family: "Roboto-Light"; font-size:16px; line-height: 20px; color:#9d9d9d;
}

.titlenews { font-family: "Roboto-Light"; font-size:16px; line-height: 20px; color:#373737;
}

.textnews { font-family: "Roboto-Light"; font-size:16px; line-height: 20px; color:#5f5f5f;
}

.all { margin: 40px -42px 40px -42px; padding: 20px 0 20px 58px; background:#fb4226 url("images/tt.png") no-repeat; background-position: 42px center; font-family: "Roboto-Light"; font-size:16px; line-height: 20px; color:#fff;
}

.all a { display: block; height: 100%; width: 100%; color: #fff; text-decoration: none;
}

.all:hover { margin: 40px -42px 40px -42px; padding: 20px 0 20px 58px; background:#cd311a url("images/tt.png") no-repeat; background-position: 42px center; font-family: "Roboto-Light"; font-size:16px; line-height: 20px; color:#fff;
}

.readmore { font-family: "Roboto-Light"; font-size:16px; color:#9d9d9d; margin: -16px 0 0 0; text-decoration: underline;
}

.readmore a { font-family: "Roboto-Light"; font-size:16px; color:#9d9d9d; margin: -16px 0 0 0; text-decoration: underline;
}

.all2 { margin: 40px -42px 40px -42px; padding: 20px 0 20px 58px; background:#464646 url("images/tt.png") no-repeat; background-position: 42px center; font-family: "Roboto-Light"; font-size:16px; line-height: 20px; color:#fff; clear: both;
}

.all2 a { display: block; height: 100%; width: 100%; color: #fff; text-decoration: none;
}

.all2:hover { margin: 40px -42px 40px -42px; padding: 20px 0 20px 58px; background:#242424 url("images/tt.png") no-repeat; background-position: 42px center; font-family: "Roboto-Light"; font-size:16px; line-height: 20px; color:#fff; clear: both;
}

.footer { height: 110px; width: 100%;
background-color: #464646; clear:both;
}

.logo2 { height: 110px; width: 254px; float: left; background: url("images/logo2.jpg") no-repeat; margin-right: 40px;
}

.menu2 { float:left; height:52px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #707070; font-family: "Roboto-Light"; padding: 48px 0 0 0; width: 42px;
}

.menu2 a { float:left; height:52px; text-align:center; vertical-align:middle; display:block; color: #707070; font-family: "Roboto-Light"; text-decoration: none;
}

.menu2 a:hover {color: #929292;
}

.menu3 { float:left; height:52px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #707070; font-family: "Roboto-Light"; padding: 48px 0 0 0; width: 78px;
}

.menu3 a { float:left; height:52px; text-align:center; vertical-align:middle; display:block; color: #707070; font-family: "Roboto-Light"; text-decoration: none;
}

.menu3 a:hover {color: #929292;
}

.menu4 { float:left; height:52px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #707070; font-family: "Roboto-Light"; padding: 48px 0 0 0; width: 120px;
}

.menu4 a { float:left; height:52px; text-align:center; vertical-align:middle; display:block; color: #707070; font-family: "Roboto-Light"; text-decoration: none;
}

.menu4 a:hover {color: #929292;
}

.menu5 { float:left; height:52px; text-align:center; vertical-align:middle; display:block; margin: 0 0 0 30px; color: #707070; font-family: "Roboto-Light"; padding: 48px 0 0 0; width: 100px;
}

.menu5 a { float:left; height:52px; text-align:center; vertical-align:middle; display:block; color: #707070; font-family: "Roboto-Light"; text-decoration: none;
}

.menu5 a:hover {color: #929292;
}

.made { 
float: left; 
height: 110px; 
display: block; 
margin: 0 0 0 48px;
background: url("images/made.jpg") no-repeat; background-position: right top; width: 198px;
}

.made a { display: block; height: 100%; width: 100%;
}

.gray { width: 916px; float: left; background: #fff url("images/back03.jpg") no-repeat; background-position: right bottom; padding: 30px 42px 42px 42px; margin-bottom:80px;
}

.gray2 { width: 580px; float: left; background: url("images/back03.jpg") no-repeat right bottom, url("images/back04.jpg") no-repeat right top; background-color: #fff; padding: 30px 42px 42px 42px;
margin-bottom: 80px; height: 690px;
}

.content2 { width: 1000px; margin: 65px auto 80px auto;
}

.tt3 { font-family: "Roboto-Light"; font-size:16px; margin: 40px 0 40px 0; font-weight: normal; color: #7f7f7f;
}

.bold { font-weight: bold; color: #464646;
}

.add2 { width: 664px; background: #464646; font-family: "Roboto-Light"; color: #fff; vertical-align: middle; text-align: center; padding: 30px 0 30px 0;
}

.add3 { width: 662px; height: 64px; background: #fff;
}

.news2 { width: 252px; background:#fb4226; margin: -120px 0 0 664px; padding: 30px 42px 42px 42px; height:340px; position:absolute; 
}

.facebook2 { width: 336px; height: 63px; background:url("images/face.jpg"); 
margin: 0 0 0 -42px; display: block;
}

.facebook2 a { display:block; width:100%; height:100%;}

.facebook2:hover { width: 336px; height: 63px; background:url("images/face2.jpg"); 
margin: 0 0 0 -42px; display: block;
}

.tweeter2 { width: 336px; height: 63px; background:url("images/tweet.jpg");
margin: 0 0 0 -42px; display: block;
}

.tweeter2 a { display:block; width:100%; height:100%;}

.tweeter2:hover { width: 336px; height: 63px; background:url("images/tweet2.jpg");
margin: 0 0 0 -42px; display: block;
}

.add4 { font-family: "Roboto-Light"; color: #fff; line-height: 20px; margin: 0 0 0 0;
background:url("images/tt2.png") no-repeat; background-position: right center; width:160px;
}

.head2 { 
height: 108px; 
width: 1000px; 
display: block; 
margin-left:auto;
margin-right:auto;
}

.name { width: 250px; border: solid 2px #b7b7b7;
font-family: "Roboto-Light"; font-size:16px; color: #464646; padding: 10px 0 6px 16px; float:left;
}

.email { width: 250px; border: solid 2px #b7b7b7;
font-family: "Roboto-Light"; font-size:16px; color: #464646; padding: 10px 0 6px 16px; margin-left: 25px;
}

.mess {
	max-height: 80px;
	min-height: 80px;
	max-width: 545px;
	min-width: 545px;
border: solid 2px #b7b7b7;
font-family: "Roboto-Light"; font-size:16px; color: #464646; padding: 10px 0 6px 16px; margin: 35px 0 0 0px;
}

.button { width: 260px; background:#fb4226;
font-family: "Archangelskt"; font-size:24px; color: #fff; padding: 10px 0 6px 0; margin: 0px 0 0 0px; text-align: center; border: none; cursor: pointer;
}

.button:hover { width: 260px; background:#c31408;
font-family: "Archangelskt"; font-size:24px; color: #fff; padding: 10px 0 6px 0; margin: 0px 0 0 0px; text-align: center;
}

.gray3 { width: 580px; float: left; background: url("images/back04.jpg") no-repeat right top, url("images/back08.jpg") no-repeat right bottom; padding: 30px 42px 42px 42px; background-color: #FFF;
height: 340px; margin-bottom: 560px; 
}

.map2 { margin-bottom: 80px;
}

.block { height: 266px !important; padding-top: 30px;
}

.block2 { height: 60px !important;
}