body {
   text-align: center;
   margin: 0;
   padding: 0;
   background: url(/templates/img/houses2.png) no-repeat bottom fixed;
}

@font-face {
    font-family: 'MicraWM';
    font-style: normal;
    font-weight: 400;
    src: local('Micra'), local('Micra-Normal'),
        url(/templates/css/fonts/micra/micra.woff) format('woff'),
        url(/templates/css/fonts/micra/micra.ttf) format('truetype');
}

h1 {
  font-family: 'MicraWM';
  color: #0078b3;
  font-size: 18px;
}

h2 {
  font-family: 'MicraWM';
  color: #0078b3;
  font-size: 14px;
}

h3 {
  font-family: 'MicraWM';
  color: #0078b3;
  font-size: 12px;
}

#footer {
 position: fixed;
 bottom: 0px;
 left: 0;
 width: 100%;
 height: 35px;
 background: #0078b3;
 z-index: 10000;
 color: #fff;
 opacity: 1;
 font-family: 'MicraWM';
 font-size: 10px;
}

.main {
 position: relative;
 width: 1200px;
 min-width: 1200px;
 min-height: 830px;
 margin: 0 auto;
}

.logo {
   position: relative;
   background: url(/templates/img/cloud.png) no-repeat;
   left: 0px;
   top: 0px;
   width: 400px;
   height: 246px;
}

.name_1 {
  font-family: 'MicraWM';
  color: #0078b3;
  font-size: 16px;
  position: absolute;
  top: 0px;
  left: 275px;
  height: 25px;
  border-bottom: 1px solid #0078b3;
  padding: 10px 0 0 0;
  min-width: 870px;
  text-shadow: 2px 2px 2px #c0c0c0;
}

.name_1 span { color: #ff0000; }

.name_2 {
  font-family: 'MicraWM';
  color: #0078b3;
  font-size: 15px;
  position: absolute;
  top: 31px;
  left: 360px;
  height: 25px;
  padding: 10px 0 0 0;
  min-width: 770px;
}

.name_2 span { color: #ff0000; }

.name_3 {
  font-family: 'MicraWM';
  color: #0078b3;
  font-size: 13px;
  position: absolute;
  top: 50px;
  left: 360px;
  height: 25px;
  padding: 10px 0 0 0;
  min-width: 770px;
}

.name_3 span { color: #ff0000; }


.users1 {
   position: absolute;
   background: url(/templates/img/cloud_mini.png) no-repeat;
   left: 290px;
   top: 260px;
   width: 300px;
   height: 186px;
   transform: scale(0.1);
   transition: all 1.2s ease-in-out;
   opacity: 0;
}

.users2 {
   position: absolute;
   background: url(/templates/img/cloud_mini.png) no-repeat;
   left: 0px;
   top: 220px;
   width: 300px;
   height: 186px;
   transform: scale(0.1);
   transition: all 1.7s ease-in-out;
   opacity: 0;
}


.users3 {
   position: absolute;
   background: url(/templates/img/cloud_mini.png) no-repeat;
   left: 100px;
   top: 400px;
   width: 300px;
   height: 186px;
   transform: scale(0.1);
   transition: all 2.2s ease-in-out;
   opacity: 0;
}

.users4 {
   position: absolute;
   background: url(/templates/img/cloud_mini.png) no-repeat;
   left: 380px;
   top: 100px;
   width: 300px;
   height: 186px;
   transform: scale(0.1);
   transition: all 2.7s ease-in-out;
   opacity: 0;
}

.menu_cloud {
   position: relative;
   left: 33px;
   top: 77px;
   color: #fff;
   font-family: 'MicraWM';
   font-size: 12px;
   max-width: 200px;
   text-align: center;
   cursor: pointer;
}
.menu_cloud:hover { color: #fcf904; }

.menu {
   position: absolute;
   left: 800px;
   top: 100px;
   width: 350px;
   height: 25px;
   border: 3px solid #c0c0c0;
   border-radius: 10px;
   padding: 10px 5px 0 5px;
   font-family: 'MicraWM';
   font-size: 12px;
   text-align: center;
   background-color: #0078b3;
   color: #fff;
   cursor: pointer;
   z-index: 1000;
}
.menu:hover { color: #0078b3; background-color: #fcf904; }



.menu_user {
   position: absolute;
   left: 800px;
   top: 100px;
   width: 350px;
   height: 25px;
   border: 3px solid #c0c0c0;
   border-radius: 10px;
   padding: 10px 5px 0 5px;
   font-family: 'MicraWM';
   font-size: 12px;
   text-align: center;
   background-color: #43b300;
   color: #fff;
   cursor: pointer;
}
.menu_user:hover { color: #0078b3; background-color: #fcf904; }

.menu_demo {
   position: absolute;
   left: 800px;
   top: 100px;
   width: 350px;
   height: 25px;
   border: 3px solid #c0c0c0;
   border-radius: 10px;
   padding: 10px 5px 0 5px;
   font-family: 'MicraWM';
   font-size: 12px;
   text-align: center;
   background-color: #fbad26;
   color: #fff;
   cursor: pointer;
}
.menu_demo:hover { color: #0078b3; background-color: #fcf904; }


.resource {
   position: absolute;
   top: 600px;
   width: 150px;
   height: 130px;
   font-family: 'MicraWM';
   font-size: 14px;
   color: #0078b3;
   text-align: center;
   cursor: pointer;
   transform: scale(0.1);
   opacity: 0;
}

.rotate {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}

#rotate:hover .rotate{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
}

#call{position: fixed; right: 0; top: 50%; z-index: 9999;  }
.call{
	 position: relative;
	 top: -151px;
	 background: linear-gradient(to top, #fcfc8e, #ffd800);
     height: 210px;
     border: 1px solid #1c79b5;
     border-radius: 10px 0 0 10px;
     font-size: 16px;
     text-align: left;
     font-family: 'MicraWM';
     font-size: 12px;
}
.callme {
  float: left;
}
.callme img{width: 50px; cursor: pointer;}
.callbox { float: right; width: 300px; padding: 10px; border-left: 1px solid #c0c0c0; color: #1c79b5; }
.callinput {
  width: 250px;
  border: 1px solid #fff;
  border-radius: 3px;
  margin-bottom: 5px;
  padding: 2px;
  margin: 5px 0 10px 0;
}
.callbutton {
  position: absolute;
  top: 170px;
  left: 10px;
  width: 120px;
  height: 20px;
  background-color: #1c79b5;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  cursor: pointer;
  font-family: 'MicraWM';
  font-size: 12px;
}
#callerror { font-size: 10px; margin: 2px 0 0 0;}

.access {
   font-family: 'MicraWM';
   font-size: 10px;
}
.access_input {
   width: 160px;
   padding: 2px;
   height: 16px;
}

.content {
 text-align: left;
 font-family: Tahoma, Arial;
 font-size: 14px;
 color: #0078b3;
}

.content_text {
 text-align: left;
 font-family: Tahoma, Arial;
 font-size: 14px;
 color: #0078b3;
 background-color: #fff;
 opacity: 0.8;
 z-index: 1;
 padding: 10px;
 width: 1140px;
}

.content_text hr {
    color: #c0c0c0; /*для IE */
    background-color:#c0c0c0; /*для Firefox, Opera, Safari*/
    border:0px none;
    height:1px; /* высота 1px IE, Firefox, Opera, Safari */
    clear:both; /* для очистки, если тег идет после float елемента */
}


.priborgroup {
 /*width: 1160px;*/
 height: 200px;
 border: 1px solid #c0c0c0;
 border-radius: 5px;
 background-color: #fff;
}

.pribors {
 float: left;
 width: 295px;
 height: 200px;
 border-left: 1px solid #c0c0c0;
 text-align: center;
 cursor: pointer;
}

.pribors-first {
 width: 272px;
 border: none;
}

.priborname {
 width: 100%;
 height: 27px;
 border-top: 1px solid #c0c0c0;
 font-family: 'MicraWM';
 font-size: 11px;
 padding-top: 10px;
}

.pribors:hover div{
 background-color: #c4e1fa;
}

.pribornotes {
 width: 1120px;
 border: 1px solid #c0c0c0;
 border-radius: 5px;
 padding: 5px 20px 5px 20px;
 background-color: #c4e1fa;
 margin-top: 10px;
}

.mainitems {
 position: absolute;
 width: 550px;
 height: 150px;
 text-align: center;
 border: 1px solid #c0c0c0;
 border-radius: 10px;
}


.mainitems2 {
 position: absolute;
 width: 260px;
 height: 125px;
 text-align: center;
 border: 1px solid #c0c0c0;
 border-radius: 10px;
 background-color: #0078b3;
 color: #fff;
 opacity: 1;
}

.arrows {
 position: absolute;
 top: 2190px;
 width: 50px;
 height: 50px;
 z-index: 9999;
}

.anons {
 position: absolute;
 top: 450px;
 left: 800px;
 width: 350px;
 height: 180px;
 border: 3px solid #c0c0c0;
 border-radius: 10px;
 background-color: #fff;
 padding: 30px 5px 0 5px;
 font-family: 'MicraWM';
 transition: all 3s ease-in-out;
}

.accessmobile {
   position: absolute;
   left: 450px;
   top: 100px;
   width: 500px;
   height: 150px;
   border: 2px solid #c0c0c0;
   border-radius: 10px;
   padding: 20px 0 20px 50px;
   font-family: 'MicraWM';
   font-size: 18px;
   text-align: center;
   background-color: #fff;
   color: #0078b3;
   z-index: 1000;
}


.btn-sale {
  font-family: 'MicraWM';
  color: #fff;
  font-size: 12px;
  background-color: #0078b3;
  width: 100px;
  height: 30px;
  border: 1px solid #c0c0c0;
  cursor: pointer;
  margin: 0 0 0 10px;
}
.btn-sale:hover {
  color: #0078b3;
  background-color: #fcf904;
  border: 1px solid #0078b3;
}