@font-face {
    font-family: "Open Sans"; /* Имя шрифта */
    src: url(fonts/open_sans.ttf); /* Путь к файлу со шрифтом */
   }
*{margin:0px;padding: 0px;}
body { background: #fff;}
p, span {font-size: 14px; font-family: 'Myriad Pro'; font-weight: normal; font-style: normal; }
a:hover {text-decoration: none;}
h1 {background: url(../img/romb.png) no-repeat left center;padding-left:25px;color:#777777;font-family: "Open Sans"; font-size: 34px; margin-left:400px;text-shadow:1px 0 1px rgba(255,255,255,0.7); margin-bottom: 20px; }
h1:first-letter {color:#de2328;}
.header {width:100%; float:left; height:442px; background: url(../img/bg-header1.jpg) no-repeat center;border-bottom:2px solid #DE2328;}
.p1000 {position: relative;margin: 0 auto; width: 1000px;}
.logo {position: absolute; top: -100px; right: 139px;background: url(../img/logo.png) center; width: 565px; height: 565px; z-index: 0;}
.logo p {position:relative; width:100%; height:100%;}
.logo a {width: 190px; height: 130px;position: absolute; top:50%; left: 50%; margin-left: -105px; margin-top:-75px; text-decoration: none;}
.menu {text-decoration: none; list-style: none; position: relative; width: 100%; height: 100%;}
.menu li { background: url(../img/li.png) no-repeat center; width: 174px; height: 174px;  position: absolute;}
.menu li:first-child {top:3px; left:134px;}
.menu li.sec {top:3px; left:305px;}
.menu li.tri {top:175px; left:655px;}
.menu li.chet {top:265px; left:217px;}
.menu li:last-child {top:265px; left:394px;}
.menu li:hover {background: url(../img/hover.png) no-repeat center;}
.menu li a { max-width: 80px; max-height: 80px; position: relative; 
top: 45px;margin:0 auto; display: block; text-align: center; text-decoration: none;}
.menu li a p {font-family: "Open Sans"; font-size: 17px;padding-top: 50px; color:#fff; text-shadow:1px 0 1px rgba(0,0,0,0.3);}
.silence {position: absolute;top: 618px; right: 0px;display:none;}
.silence a {display: block;}

.uslu {background: url(../img/ico1.png) no-repeat 7px 0px;}
.news {background: url(../img/ico2.png) no-repeat 5px 0px;}
.about {background: url(../img/ico3.png) no-repeat 5px 0px;}
.clien {background: url(../img/ico4.png) no-repeat 7px 0px;}
.cont {background: url(../img/ico5.png) no-repeat 7px 0px;}

.main {width:100%; float:left; min-height: 600px;padding:22px 0 0px;}
.text {width: 100%; height: 100%; position: relative;}
.main p {font-size:17px;padding-bottom:7px;text-shadow:1px 1px  1px rgba(255,255,255,0.7); line-height: 22px;text-align: justify;}
.predislovie {text-align: center !important}
.slider {float: right; padding: 20px 0px 20px 35px;position: relative;width: 483px;overflow: hidden;}
.slider ul {list-style: none;text-align: center;margin-left:180px;}
.slider ul li {background: url(../img/slid-romb.png); background: url(../img/slid-romb.png); width: 15px; height: 15px;float:left; margin: 0 10px;}

.slider ul li.active {background: url(../img/slid-romb-hover.png);}
.slider .next {width: 44px; height: 44px; background: url(../img/next.png);position: absolute; top:160px; right:40px; }
.slider .next:hover, .slider .prev:hover {opacity: 0.9}
.slider .prev {width: 44px; height: 44px; background: url(../img/prev.png);position: absolute; top:160px; left:60px; }
.podr:hover {opacity: 0.7; cursor: pointer;}
.podr {background: url(../img/podrobnee.png) no-repeat center; width: 145px; height: 60px;}
.left {float: left;}
.right {float: right;}
.menufooter {list-style: none; float: left;}
.menufooter li {float: left; border-left:1px solid #fff; padding:0 10px; margin: 5px 0px 5px 0px; color: #fff; }
.menufooter li:first-child {border: none;}
.menufooter li  a {color: #fff; font-size: 17px; text-shadow:1px 0 1px rgba(255,255,255,0.7);text-decoration: none;}
.menufooter li  a:hover,  .menufooter li.active  a:hover{text-decoration: underline;}
.footer {width:100%; float:left; background: #222225; border-top:1px solid #464649;padding: 20px 0px;}
.footer p {color:#fff;font-size: 17px;text-shadow:1px 0 1px rgba(0,0,0,0.3);}



  .date-right, .all-news a{float:right;color:#7D7C7C;}
  /*news*/
  .item-news{float:left;margin-bottom: 25px;text-align: justify;}
  .item-news .title{float: left;color: #777777;
      font-family: "Open Sans";font-size: 16px;font-weight: bold;line-height: 18px;text-align: left;overflow: hidden;max-height: 36px;}
  .item-news .read-more{float:right;color:#222;font-weight: bold;font-size: 12px;}
  .item-news .read-more a{color:#6E6D6D;}

  .item-news .photo{float:left;margin-right: 5px;margin-top: 5px;}
  .current-news .title{float:left;width:100%;color:#222;font-size: 16px;font-weight: bold;}


  .navigation-page{float:left;margin-top: 5px;margin-bottom:10px;width:100%;text-align: right;position: relative;z-index:10;}
  .navigation-page a{font-size:16pt;}
  .navigation-page a.current{font-weight:bold;}

  .navigation-page a {
      background:#777777;
      border-radius: 3px 3px 3px 3px;
      color: #FFFFFF;
      display: inline-block;
      font-size: 14px;
      height: 20px;
      line-height: 19px;
      min-width: 20px;
      text-align: center;
      vertical-align: middle;
  }

  .navigation-page a.first, .navigation-page a.last {
      padding: 0 5px;
  }
  .navigation-page a.current {
      color: #FFFFFF;
      font-weight: bold;
      padding: 3px;
      text-shadow: 1px 0 5px #FFFFFF;
  }



  /*POPUP*/
  #overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:0.8;filter:alpha(opacity=80);z-index:600;}
  .chPopUp {
      font-family:Cambria, Arial, Helvetica, sans-serif !important;
      padding: 15px;
      background:none repeat scroll 0 0 rgba(0,0,0,0.3);
      float:left;
      border-radius:15px;
      display: none;
      position:fixed;
      z-index:999;
  }

  .chPopUp .form {
      width:540px;
      margin:0px auto;
      font-size:15px!important;
      color:#398013;
  }
  .chPopUp .form  table{float:left;margin-top:15px;}
  .chPopUp .form label {
      margin-top:10px;
      float:left;
  }





  .chPopUp input[type="text"] {
      float:left;
      width:290px;
      border:1px solid #dddddd;
      border-radius:2px;
      background:#fff;
      height:16px;
      margin-top:3px;
      padding:3px 5px;
      font-size:13px;
      color:#333;
      font-family:Cambria, Arial, Helvetica, sans-serif !important;
  }


  .chPopUp textarea {
      height:100px;
      float:left;
      width:320px;
      border:1px solid #dddddd;
      border-radius:2px;
      background:#fff;
      margin-top:3px;
      padding:3px 5px;
      font-size:13px;
      color:#333;
      font-family:Cambria, Arial, Helvetica, sans-serif !important;
  }



  .chPopUp .close {
      width: 32px;
      height: 32px;
      background: url(../images/close.png);
      position: absolute;
      right:0;
      top:0;
      cursor: pointer;
  }
  .chPopUp .close:hover {opacity:0.9;}
  .chPopUp .inner{
      padding: 15px;
      background:#fff;
      border-radius:5px;
      float:left;
      color:#060606;
      font-size: 16px;
  }
  .chPopUp .inner td{padding: 5px 10px;vertical-align: middle;}
  .chPopUp .inner .warning{color:red;font-weight: bold;}
  .chPopUp .inner .send-from{float:right;padding: 5px 10px;}
  .item-news-p { max-height:276px; line-height:16px; overflow:hidden;}

  .error-input{border-color:red!important;}
  .chPopUp .inner .messsend{float:left;width: 100%;text-align: center;font-size:16px;margin-top: 140px;}
  .chPopUp .inner .messsend2{float:left;width: 100%;text-align: center;font-size:16px;margin-top: 200px;}
  .chPopUp .inner .message{float:left;text-align: center;padding: 20px;}
  .error-input{border-color:red!important;}

  .material-row{float:left;border-bottom: 1px dashed #ccc;margin-bottom: 25px;width:100%;}
  .material-row .item-news{width:490px;margin-right: 20px;}
  .material-row .item-news img { max-height:150px; max-width:150px;}
  .material-row .item-news:last-child{margin-right: 0px;}
  #send_contact{float:right;
  margin-top:7px;
  padding:3px 10px;
  color:#fff;
  border:0px;
  background:#DE2328;
  cursor:pointer;
  }
   #send_contact:hover{opacity:0.8;}

  .contacts .warning{color:red;}

  .p1000{opacity: 0;}
.main .p1000 {padding: 0 20px;
background: rgba(255,255,255,0.6);min-height:450px;}


.map{float: left;width: 100%;height: 210px;position:relative;border-top:2px solid #DE2328;border-bottom:2px solid #DE2328;}
.map .inner{width: 1000px;margin: 0px auto;position: relative;}
.map .info{background: #DE2328;width: 277px;height: 210px;right: 0px;color:#fff;position: absolute;text-align: center;}
.map .info span{float: left;width: 100%;margin-top: 5px;}

.yamap {
     height: 210px;
    position: absolute;
    top: 0;
    width: 100%;
}