html, body{background: #fffee2; margin: 0; padding: 0; height: 100%; font: 14px/20px "Trebuchet MS", "Helvetica CY", Sans-serif;}
a img {border: none;}
h1, h2, h3 , h4, h5{padding: 0; margin: 3px 0 10px; font-weight: normal;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
a span, a font{cursor: pointer;}
textarea{resize: vertical;}
input, textarea, button{font-family: inherit; color: inherit; outline: 0 none;}
button::-moz-focus-inner{padding: 0; border: 0;}
::selection {color: #fff; background: #cf5a60;}
::-moz-selection {color: #fff; background: #cf5a60;}
/* end reset */

/* не трогаем даже если очень хочется, даже если кажется что все понятно =)*/
.wr{width: 940px; padding: 0 10px; margin: 0 auto; height: 100%; position: relative;}
.main{min-height: 100%;}
.logo, .pslide .pagination a{font: 0px/0px Arial; text-indent: -5000px; outline: 0 none;}
.bhr{background: url("../img/bhr.png") repeat-x; height: 8px; clear: both; margin-top:10px;}
.over{overflow: hidden;}
.alllink{text-align: right; margin-top: 10px;}
.coll2, .coll3, .coll4{float: left;}
.u-eip-edit-box .coll3,.u-eip-editing .coll3{width: 30.9149%; margin: 0 0 0 2.12766%;}
.coll3{width: 31.9149%; margin: 0 0 0 2.12766%;}
.coll3:first-child,.coll3.first{margin-left: 0}
/* ### */
.path{
  margin-bottom: 10px;
}
.news_img img{
  border: 1px solid #ccc;
}

/* color */
body, .slink li a, .pagenav a, .dopinfo .text, .pslide .oneslide, .path a{color: #3e4147;} /* серо-коричневый(основной цвет) */
.lastproject .info, .companyinfo, .dopinfo .text span, .path{color: #9e9f94;} /* серый */
a, .slogan .name, .lenta .date, .slink li, .slink a.active, .pagenav{color: #cf5a60;} /* красный */
.tnav, .tnav a{color: #fffee2;} /* желтый */
.lastproject .info .name, .lenta .alllink a  {color: #38679d;} /* синий */
.footer a {color: #fff; text-decoration: none;} /* темно синий */

/* top */
.topblock{padding: 10px 0 14px;}
.top{overflow: hidden;}

.logo{background: url("../img/logo.png") no-repeat 50% 50%; padding: 10px; display: block; float: left; width: 111px; height: 66px; margin: 5px 0 0 10px;}

.slogan{border-left: 1px solid #9e9f94; float: left; padding: 0 0 0 19px; margin: 15px 0 0 19px}
.slogan .name{font-size: 24px; line-height: 22px; font-weight: bold; font-style: italic;}
.slogan .text{font-size: 12px; line-height: 18px; margin: 8px 0 0; border-top: 1px solid #9e9f94}

.tcontact{float: right; text-align: right; margin: 11px 0 0;}
.ttel{font-size: 24px; line-height: 26px; font-weight: bold;}
.ttext{font-size: 12px; line-height: 18px; margin: 9px 0 0;}

.tnavblock{background: #366396 url("../img/volna.png"); padding: 5px 0; height: 50px;}
.tnav{font-size: 16px; line-height: 24px; padding: 14px 0 0 1px;}
.tnav a{text-decoration: none; margin: 0 5px; border-bottom: 1px solid #839cad; position: relative;}
.tnav a:first-child{margin-left: 0;}
.tnav a:last-child{margin-right: 0;}
.tnav a:hover{border-bottom-color: #fffee2;}
.tnav a i{background: #366396 url("../img/volna.png"); width: 0; height: 0; border-style: solid; border-width: 13px 19px 0; border-color: transparent #FFFEE2; position: absolute; bottom: -31px; left: 50%; margin: 0 0 0 -19px; display: none; font-size: 0; line-height: 0;}
.tnav a.active i{display: block; }

.zlink{float: right; font-size: 0; line-height: 0; margin: -10px -4px 0 0;}
.lugol, .rugol, .zlink a{display: inline-block; vertical-align: top;}
.lugol, .rugol{width: 0; height: 0; border-style: solid; border-width: 3px 2px 2px;}
.lugol{border-color: transparent #a02721 #a02721 transparent;}
.rugol{border-color: transparent transparent #a02721 #a02721;}
.zlink a{background: url("../img/zlink.png") no-repeat 50% 100%; display: inline-block; width: 220px; height: 58px; padding: 20px 0 0; text-align: center; color: #fff; text-decoration: none;}
.zlink a font{font-size: 24px; line-height: 24px; display: inline-block; border-bottom: 1px dashed #fff;}
.zlink a:hover{color: #fff;}
.zlink a:hover font{}

/* page */
.pageblock{overflow: hidden; margin: 25px 0 22px;}
.title, .header{color: #3e4147; font-size: 24px; line-height: 26px; margin: 0 0 8px; padding: 0;}
.title a, .header a{color: #3e4147; text-decoration: none; border-bottom: 1px solid #a6a496; display: inline-block;}
.title a:hover, .header a:hover{border-bottom-color: #3e4147;}

.page{visibility: visible; margin: 1px 0 0 -1px;}
.page .content .text{margin: 14px 0 0;}
.page .content .text p{margin: 0 0 12px;}
.conteiner{float: left; width: 100%;}
.mpage .content{ min-height: 0;}
.content{padding: 0 320px 0 0;min-height: 317px;}
.rside{float: left; width: 305px; margin-left: -305px; margin-right: -2px;}

.mslide, .mslide .oneslide, .mslide .oneslide img, .mslide .pagination{height: 311px;}
.mslide, .mslide .oneslide, .mslide .pagination, .mslide .pagination a{overflow: hidden;}
.mslide{border-color: #38679d; border-style: solid; border-width: 1px; position: relative; margin: 16px 0 25px;}
.mslide .oneslide, .mslide .oneslide img{width: 920px;}
.mslide .oneslide{position: relative;}
.mslide .oneslide img{position: absolute; left: 0; top: 0; z-index: 10;}
.mslide .link{background: #37689d; background: rgba(55, 104, 157, 0.8); position: absolute; left: 10px; bottom: 15px; z-index: 11; display: inline-block; cursor: pointer; font-size: 16px; line-height: 22px; color: #fffee2; text-decoration: none; padding: 5px 17px 5px 25px;}
.mslide .link .plink{background: url("../img/arrow.png") no-repeat 0 9px; margin: 0 0 0 -13px; padding: 0 0 0 13px;}
.mslide .link .plink font{border-bottom: 1px solid #859da8;}
.mslide a:hover .plink font{border-bottom-color: #fffee2;}

.mslide .pagination{width: 370px; margin: 0; padding: 0; list-style: none; position: absolute; top: 0; right: 0; z-index: 12;}
.mslide .pagination li{font-size: 20px; line-height: 26px; height: 77px; margin: 1px 0 0;}
.mslide .pagination li:first-child{margin-top: 0;}
.mslide .pagination span{display: block; font-size: 12px;}
.mslide .pagination a{background: #3e4147; background: rgba(62, 65, 71, 0.8); display: block; padding: 9px 11px 16px; height: 52px; color: #fffee2; text-decoration: none;}
.mslide .pagination a:hover, .mslide .pagination .current a{background: #37689d; background: rgba(55, 104, 157, 0.8);}

.lastproject{margin: 0 0 30px;}
.lastproject .over{margin: 21px 0 0;}
.page .lastproject .over{margin-bottom: 25px;}
.lastproject .coll3{overflow: hidden;}
.lastproject .img{width: 140px; float: left; text-align: right; margin: 5px 20px 10px 0;}
.lastproject .img img{border: 1px solid #38679d; width: 118px;}
.lastproject .info{font-size: 14px; line-height: 20px; margin: 0 0 0 20px;}
.lastproject .info {margin: 0 0 6px;}
.lastproject .info .name{font-size: 18px; margin: 0 0 4px;}

.mpage{background: #ebe6cb; padding: 25px 0 34px; margin: 0 0 35px;}
.mpage .text{margin: 15px 0 0;}
.mpage .text p{margin: 0 0 11px;}
.mpage .alllinkleft{text-align: left; margin: -3px 0 0;}

.lenta{margin: 0 0 28px;}
.lenta .over{margin: 20px 0 0;}
.lenta {line-height: 18px; margin: 5px 0;}

.interes{margin: 25px 0 20px;}
.interes .title{margin: 0 0 21px;}

.pagenav{text-align: center; margin: 32px 0 0;}
.pagenav a{margin: 0 5px;}

.pslide{float: left; padding: 5px 0 0; width: 301px; position: relative;}
.pslide .slides_container{margin: -5px; padding: 5px;}
.pslide .oneslide{width: 301px;}
.pslide .oneslide img{width: 301px; -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);}
.pslide .oneslide{font-size: 12px;}
.pslide .imginfo{text-align: center; padding: 3px 14px 0 0;}

.pslide .prev, .pslide .next{background: url("../img/slidenav.png") no-repeat; display: block; width: 15px; height: 28px; position: absolute; top: 145px; font-size: 0; line-height: 0; cursor: pointer; z-index: 7; display: none;}
.pslide .prev{left: 11px;}
.pslide .next{background-position: -15px 0; right: 11px;}
.pslide .pagination{margin: 13px 0 0; padding: 0; list-style: none; text-align: center;}
.pslide .pagination li{display: inline;}
.pslide .pagination a{background: url("../img/pag.png") no-repeat; width: 10px; height: 10px; display: inline-block; overflow: hidden; margin: 0 1px;}
.pslide .pagination .current a{background-position: -10px 0;}

.portfolio{padding: 30px 0 0;}
.portfolio .info{margin: 0 0 0 320px;}
.companyinfo{font-style: italic; margin: 25px 0 0;}
.dopinfo{background: url("../img/dopinfo.png"); border-left: 1px solid #9e9e86; float: right; padding: 10px 19px 12px; width: 261px; margin: 5px 0 0 12px; font-style: normal;}
.dopinfo .text{margin: 4px 0 0;}
.dopinfo .text div{margin: 2px 0 0;}
.dopinfo .text div:first-child{margin-top: 0;}
.infotext{margin: 20px 0 0;}
.infotext p{margin: 10px 0 0;}

/* i */
.ilink{width: 9px; height: 5px; border: 1px solid #cf5a60; border-top-width: 2px; display: inline-block; vertical-align: middle; margin: 0 9px 0 1px; font-size: 0; line-height: 0;}
.itop{background: url("../img/itop.png") no-repeat; display: inline-block; vertical-align: middle; width: 10px; height: 6px; font-size: 0; line-height: 0; position: relative; top: -2px; margin: 0 1px 0 0;}

/* side block */
.spredlog ul{margin: 9px 0 0 21px; padding: 0; list-style: none; font-size: 16px; line-height: 20px; font-style: italic;}
.spredlog li{background: url("../img/li.png") no-repeat 0 9px; padding: 0 0 0 13px; margin: 0 0 4px;}

.slink{border-left: 1px solid #9e9e86; margin: 45px 0 0;}
.slink ul{margin: 0; padding: 6px 0 27px 19px; list-style: none;}
.slink li{margin: 10px 0;}
.slink a.active{text-decoration: none;}

/* radius */
.mslide .link{-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/* footer */
.footer {font-family: "Roboto"; font-style: normal; font-weight: 400; font-size: 16px;}
.pfooter, .footer{min-height: 120px;}
.pfooter{clear: both;}
.footer{background: #366396 url("../img/volna.png"); margin-top: -120px; color: #fff; height:205px;}
.footer .over{padding: 10px 0 0;}
.over p {
	margin: 0px;
}
.titlefooter {
	color: #fff;
	padding-bottom: 10px;
	font-size: 20px;
	border-bottom: 1px solid;
	}
.socialbut {
	margin-top: 13px;
}

.fright {
	float: right;
	text-align: left;
}
.fleft {
	float: left;
}
.oneusluga {
	padding-top: 10px;
}
.frazrab {float: left;}
.fdruslugi {float: right; margin-left: 60px;}
.news  {  margin: 0; padding: 0; margin-top: 15px;}
.news  li {
    list-style: none outside none;
    margin-bottom: 27px;
}
.form_element input[type=text],.form_element select,.form_element textarea{
  width: 270px;
  margin-bottom: 5px;
}

.error{
  color: red;
}

.success {
    color: green;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 13px;
}

.faq_ask {   margin-top: 5px; }
.faq_ask p{
  margin-top:0;
}

.faq_item{
  overflow: hidden;
}
.micronav {padding-left:20px;}

.micronavbut {
	float:left;
	margin: 18px 13px 0 79px;
	min-width: 117px;
}
.micronav a {
    background: url("../img/micronav.png") no-repeat scroll 0 0 transparent;
    display: inline-block;
    height: 23px;
    margin: 0 0 0 9px;
    vertical-align: top;
    width: 23px;
}
.micronav a:first-child {
    margin-left: 0;
}
.micronav a.home {
    background-position: 0 0;
}
.micronav a.mail {
    background-position: 50% 0;
}
.micronav a.smap {
    background-position: 100% 0;
}
.micronav a.home:hover {
    background-position: 0 100%;
}
.micronav a.mail:hover {
    background-position: 50% 100%;
}
.micronav a.smap:hover {
    background-position: 100% 100%;
}

.micronav a {
    font: 0px/0px Arial;
    outline: 0 none;
    text-indent: -5000px;
}
.buttomtele {
	background-color: #37689D;
	border-radius: 20px;
	margin-top: 15px;
	text-align: center;
    width: 140px;

	line-height: 30px;
}
.buttomtele a {
	color: #fff;
	text-decoration: none;
}
.buttomtele a:hover {
border-bottom: 1px dashed;
}

.annonsimg{
  float:left;
  margin-right: 8px;
}
table {
  border-collapse: collapse;
}

/* the end */

.news_img{
  float: left;
  margin-right: 8px;
}


.news li{
  overflow: hidden;
}


.rev p{
  display: inline;
}
.faq_item{
  margin-bottom: 16px;
}


/* Cookie message */
#cookie_text{
  background-color: rgb(54, 99, 150);
  background-color: rgba(54, 99, 150, 0.95);
  z-index:1000;
  position: fixed;
  bottom:0px;
  left: 0;
  color: rgb(235, 230, 203);
  width: 100%;
  font-size: 90%;
}

#cookie_text p {
  padding: 0 10px;
}

#cookie_text button{
  float: right;
  text-decoration: none;
  color: rgb(235, 230, 203);
  background-color: rgb(54, 99, 150);
  background-color: rgba(54, 99, 150, 0.5);
  border: none;
  padding: 0 5px 0 5px;
  margin: 5px 10px;
}

#cookie_text button:hover{
  background-color: rgba(235, 230, 203, 0.5);
}



.newyear {
  position: absolute;
  z-index: 999;
  left: 12px;
  top: -4px;
  width: 46px;
}


input#clickField {
	display: none;
}