body{
  font-family: 'Roboto Condensed', arial;
  font-size: 16px;
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  color: #6f6d6b;
  border: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.jssorl-004-double-tail-spin img{
  animation-name:jssorl-004-double-tail-spin;
  animation-duration:1.6s;
  animation-iteration-count:infinite;
  animation-timing-function:linear
}

@keyframes jssorl-004-double-tail-spin{from{transform:rotate(0);}to{transform:rotate(360deg);}}.jssorb054 .i{position:absolute;cursor:pointer}.jssorb054 .i .b{fill:#000;fill-opacity:.3}.jssorb054 .i:hover .b{fill-opacity:.7}.jssorb054 .iav .b{fill-opacity:1}.jssorb054 .i.idn{opacity:.3}.jssora051{display:block;position:absolute;cursor:pointer}.jssora051 .a{fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10}.jssora051:hover{opacity:.8}.jssora051.jssora051dn{opacity:.5}.jssora051.jssora051ds{opacity:.3;pointer-events:none}

img{
  border: 0px;
  display: block;
}
table{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}
td{
  vertical-align: top;
  padding: 0px;
}
.clear{
  clear: both;
}
.vis-hr{
  display: block;
}
.vis-lr{
  display: none;
}
.vis-hrindx{
  display: block;
}
.vis-lrindx{
  display: none;
}
.nobottommargin{
  margin-bottom: 0px;
}
a{
  color: #9cac00;
  text-decoration: underline;
}
a:hover{
  text-decoration: none;
}
h1{
  padding-top: 6px;
  height:37px;
  width: 100%;
  margin-bottom:20px;
  font-size: 16px;
  font-weight: normal;
}
.h1index{
  padding-top: 6px;
  height:37px;
  width: 100%;
  margin-bottom:40px;
  font-size: 16px;
  font-weight: normal;
}
h2{
  font-size: 25px;
  color: #b8cb07;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}
h3{
  font-size: 25px;
  color: #6f6d6b;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}
h4{
  font-size: 25px;
  color: #b8cb07;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 10px 0px;
}
h5{
  font-size: 16px;
  color: #9cac00;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 20px 0px;
}
p{
  margin: 0px 0px 20px 0px;
}
.center{
  text-align: center;
}
.bold{
  font-weight: bold;
}
.green{
  color: #9cac00;
}
.gray{
  color: #6f6d6b;
}
.white{
  color: #ffffff;
}
.h4company{
  text-align:center;
}
.h5-ha-vyh{
  text-align:center;
}
.preload{
  display: none;
}
.dot{
  padding: 0px 0px 0px 20px;
  margin: 0px 0px 7px 0px;
  background-image: url(../graph/dot.gif);
  background-position: 0px 5px;
  background-repeat: no-repeat;
}
.dotnopointfirst{
  padding: 0px 0px 0px 0px;
  margin: 20px 0px 7px 0px;
}
.dotnopointnormal{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 7px 0px;
}
.battcadesign{
  font-size: 12px;
  font-style: italic;
}
.container1{
  max-width: 1024px;
  margin: auto;
  padding: 0px 0px 0px 0px;
}
.container2{
  max-width: 1000px;
  margin: auto;
  padding: 0px 12px 0px 12px;
}
.syn-top-lang{
 width: 100%;
 height: 27px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}
.button-lang{
  display: block;
  border-right: 1px solid;
  border-color: #bababa;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  color: #6f6d6b;
  padding: 4px 0px 0px 0px;
  width : 44px;
  height: 21px;
  float: right;
  line-height: 18px;
}
.button-lang:hover{
  border-color: #ffffff;
  background-color: #b8cb07;
  color: #ffffff;
}
.syn-top{
 width: 100%;
 height: 123px;
 background-image: url(../graph/synercom-logo.png);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 0px;
}
.syn-top_greenline{
 width: 100%;
 height: 3px;
 background-color: #b8cb07;
 clear:both;
}
.syn-top_grayline{
 width: 100%;
 height: 3px;
 background-color: #6f6d6b;
 clear:both;
}
.slider-hr{
  display:block;
}
.slider-lr{
  display:none;
}
.heslo{
  width:20%;
  display: block;
  float:left;
  text-align: center;
  padding-top:110px;
  height: 65px;
  background-position: center 40px;
  background-repeat: no-repeat;
}
.heslo-ico1{
  background-image: url(../graph/hicon-1.jpg);
}
.heslo-ico2{
  background-image: url(../graph/hicon-2.jpg);
}
.heslo-ico3{
  background-image: url(../graph/hicon-3.jpg);
}
.heslo-ico4{
  background-image: url(../graph/hicon-4.jpg);
}
.heslo-ico5{
  background-image: url(../graph/hicon-5.jpg);
}
.line-heslo{
  margin: 17px 0px 0px 0px;
  background-color:#bababa;
  height: 1px;
  clear: both;
}
.line-index{
  background-color:#bababa;
  height: 1px;
  width: 100%;
  clear:both;
  margin: 0px 0px 0px 0px;
}
.buttonmenu{
  font-family: 'Roboto Condensed', arial;
  float:right;
  display: none;
  margin:67px 0px 0px 0px;
  font-size: 14px;
  height: 56px;
  padding: 0px 48px 0px 58px;
  background-image: url(../graph/menubutton.png);
  background-repeat: no-repeat;
  background-position: right center;
  border: 0px;
  background-color: #ffffff;
  cursor: pointer;
  color: #6f6d6b;
}
.buttonmenu:hover{
  background-color: #b8cb07;
  background-image: url(../graph/menubutton-hover.png);
  color: #ffffff;
}
.buttonmenu:focus {
  outline: none;
}
.button{
  display: block;
  border: 1px solid;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  border-color: #dddddd;
  color: #6f6d6b;
  background-color: #ffffff;
  height: 28px;
  padding: 12px 0px 0px 0px;
  width : 100px;
  line-height: 18px;
  margin-top: 40px;
}
.button:hover{
  border-color: #ffffff;
  background-color: #b8cb07;
  color: #ffffff;
}
.button:focus {
  outline: none;
}
.footline-green{
  max-width: 100%;
  height: 10px;
  background-color: #b8cb07;
}
.footline-gray{
  max-width: 100%;
  padding-bottom: 90px;
  background-color: #6f6c6a;
  color: #ffffff;
}
.faceicon{
  margin: 20px 0px 20px 57px;
}
.foot-adress{
  vertical-align: top;
  display:inline-block;
}
.foot-a1{
  vertical-align: top;
  width: 150px;
  display:inline-block;
  padding-top: 83px;
  padding-left: 57px;
  margin-right: 48px;
  background-position: 0px 30px;
  background-repeat: no-repeat;
  background-image: url(../graph/synercom-logo-footer.jpg);
}
.foot-a2{
  vertical-align: top;
  display:inline-block;
  padding-top: 83px;
}
.foot-masterserver{
  margin: 44px 0px 0px 0px;
  vertical-align: top;
  display:inline-block;
  padding: 0px 0px 0px 20px;
  font-size: 13px;
  border-left: 1px solid;
  border-color: #9a9a9a;
  width: 269px;
  float: right;
}
.w1-1{
  width:100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.w3-7left{
  width:27%;
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
}
.w3-7right{
  width:63%;
  display: inline-block;
  vertical-align: top;
  margin-left: 5%;
}
.w3-3-3left{
  width:28%;
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
  margin-bottom: 60px;
}
.w3-3-3mid{
  width:27%;
  display: inline-block;
  vertical-align: top;
  margin-right: 4%;
  margin-left: 4%;
  margin-bottom: 60px;
}
.w3-3-3right{
  width:28%;
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
  margin-bottom: 60px;
}
.w5-5left{
  width:45%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
  margin-bottom: 60px;
}
.w5-5right{
  width:45%;
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
  margin-bottom: 60px;
}
.w7-3left{
  width:63%;
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
  margin-bottom: 60px;
}
.w7-3right{
  width:27%;
  display: inline-block;
  vertical-align: top;
  margin-left: 4%;
  margin-bottom: 60px;
}
.w4-4left{
  width:21%;
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  margin-bottom: 60px;
}
.w4-4middle-l{
  width:21%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
  margin-right: 3%;
  margin-bottom: 60px;
}
.w4-4middle-r{
  width:21%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
  margin-right: 3%;
  margin-bottom: 60px;
}
.w4-4right{
  width:21%;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
  margin-bottom: 60px;
}
.windx4-4a{
  width:21%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.windx4-4b{
  width:28%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.windx2-2a{
  width:21%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.windx2-2b{
  width:78%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.nad-obsah{
  width: 100%;
  margin-bottom: 20px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  height:50px;
}
.nad-index{
  width: 100%;
  margin-bottom: 20px;
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  height:38px;
}
.nad-obsah-comp{
  background-image: url(../graph/logo-comp.jpg);
}
.nad-obsah-hfvefve{
  background-image: url(../graph/logo-hfvefve.jpg);
}
.nad-obsah-hpvpv{
  background-image: url(../graph/logo-hpvpv.jpg);
}
.nad-obsah-jom{
  background-image: url(../graph/logo-jom.jpg);
}
.nad-obsah-spe{
  background-image: url(../graph/logo-spe.jpg);
}
.nad-obsah-homeadmin{
  background-image: url(../graph/logo-homeadmin.jpg);
}
.nad-obsah-battca{
  background-image: url(../graph/logo-battca.jpg);
}
.img-main{
  max-width: 100%;
  display:block;
}
.image-prod{
  width: 23%;
  padding: 0%;
  margin: 10px 1% 10px 1%;
  border:0px;
  float: left;
}
.img-masterserver{
  width: 100%;
  max-width: 460px;
  margin: 0px 0px 60px 0px;
}
.line{
  background-color:#bababa;
  height: 1px;
  width: 100%;
  clear:both;
  margin: 60px 0px 55px 0px;
}
.linenm{
  background-color:#bababa;
  height: 1px;
  width: 100%;
  clear:both;
  margin: 0px 0px 55px 0px;
}
.margintop{
  margin-top: 30px;
}
.linenoline{
  height: 115px;
  width: 100%;
  clear:both;
  margin: 0px 0px 0px 0px;
}
.comp-vmh{
  padding-top: 60px;
  background-repeat: no-repeat;
  background-position: center top;
}
.ico-comp-v{
  background-image: url(../graph/cicon-1.jpg);
}
.ico-comp-m{
  background-image: url(../graph/cicon-2.jpg);
}
.ico-comp-h{
  background-image: url(../graph/cicon-3.jpg);
}
.ha-vyh{
  padding-top: 90px;
  background-repeat: no-repeat;
  background-position: center 20px;
}
.ico-ha-vyh1{
  background-image: url(../graph/haicon-1.jpg);
}
.ico-ha-vyh2{
  background-image: url(../graph/haicon-2.jpg);
}
.ico-ha-vyh3{
  background-image: url(../graph/haicon-3.jpg);
}
.ico-ha-vyh4{
  background-image: url(../graph/haicon-4.jpg);
}
.cnt1{
  margin: 0px 0px 20px 0px;
  line-height:20px;
}
.cnt-a{
  margin: 0px 5px 0px 0px;
  padding: 0px 0px 0px 30px;
}
.cnt2{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}
.cnt-ico-pos{
 background-image: url(../graph/cont-ico-pos.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding: 0px 0px 0px 30px;
}
.cnt-ico-id{
 background-image: url(../graph/cont-ico-id.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding: 0px 0px 0px 30px;
}
.cnt-ico-mail{
 background-image: url(../graph/cont-ico-mail.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding: 0px 0px 0px 30px;
}
.cnt-ico-tel{
 background-image: url(../graph/cont-ico-tel.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding: 0px 0px 0px 30px;
}
.cnt-ico-reg{
 background-image: url(../graph/cont-ico-reg.jpg);
 background-repeat: no-repeat;
 background-position: 0px 0px;
 padding: 0px 0px 0px 30px;
}
.cnt-mailtel{
 padding-bottom: 10px;
}
.cnt-conr{
 float: left;
}
.cnt-conr2{
 float: right;
}
.cnt-data{
  width: 200px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-bottom: 60px;
}
.blank-contact{
  width: 100%;
  height: 100px;
}
.blank-masterserver{
  width: 100%;
  height: 80px;
}
@media screen and (max-width: 840px) {
.vis-hrindx{
  display: block;
}
.vis-lrindx{
  display: none;
}
.h5-ha-vyh{
  text-align:left;
  padding: 0px 0px 0px 60px;
}
.foot-masterserver{
  width: 259px;
}
.heslo{
  padding-top:70px;
  height: 45px;
  background-position: center 20px;
  background-repeat: no-repeat;
  background-size: 38px;
}
.buttonmenu{
  display:block;
}
.foot-a1{
  margin-right: 0px;
}
.nad-obsah{
  margin-bottom: 20px;
}
.w3-7left{
  width:33%;
  margin-right: 1%;
}
.w3-7right{
  width:65%;
  margin-left: 0%;
}
.w7-3left{
  width:65%;
  margin-right: 2%;
}
.w7-3right{
  width:30%;
  margin-left: 2%;
}
.w3-3-3left{
  width:30%;
  margin-right: 2%;
}
.w3-3-3mid{
  width:31%;
  margin-right: 2%;
  margin-left: 2%;
}
.w3-3-3right{
  width:30%;
  margin-left: 2%;
}
.w5-5left{
  width:100%;
  margin-right: 0%;
}
.w5-5right{
  width:100%;
  margin-left: 0%;
}
.w4-4left{
  width:45%;
  margin-right: 4%;
}
.w4-4middle-l{
  width:45%;
  margin-left: 5%;
  margin-right: 0%;
}
.w4-4middle-r{
  width:45%;
  margin-left: 0%;
  margin-right: 4%;
}
.w4-4right{
  width:45%;
  margin-left: 5%;
}
.ha-vyh{
  padding-top: 15px;
  background-repeat: no-repeat;
  background-position: left top;
}
.nad-index{
  margin-bottom: 10px;
}
}
@media screen and (max-width: 760px) {
.vis-hr{
  display: none;
}
.vis-lr{
  display: block;
}
.heslo{
  float: none;
  width: 90%;
  padding-top: 25px;
  padding-left: 10%;
  height: 30px;
  background-position: left 20px;
  background-size: 30px;
  text-align: left;
}
.line-heslo{
  margin: 17px 0px 0px 0px;
}
.cnt-data{
  display: block;
  margin-right: 0px;
}
.h4company{
  text-align:left;
  padding: 0px 0px 20px 60px;
}
.image-prod{
  width: 48%;
  margin: 5px 1% 5px 1%;
}
.foot-masterserver{
  margin: 20px 0px 0px 57px;
  vertical-align: top;
  display:block;
  padding: 20px 0px 0px 0px;
  font-size: 13px;
  border-top: 1px solid;
  border-left: 0px;
  border-color: #9a9a9a;
  float: none;
  width: 320px;
}
.w3-7left{
  width:36%;
  margin-right: 0%;
}
.w3-7right{
  width:62%;
  margin-left: 1%;
}
.w3-3-3left{
  width:100%;
  margin-right: 0%;
  display:block;
}
.w3-3-3mid{
  width:100%;
  margin-right: 0%;
  margin-left: 0%;
  display:block;
}
.w3-3-3right{
  width:100%;
  margin-left: 0%;
  display:block;
}
.w7-3right{
  width:100%;
  margin-left: 0%;
}
.w7-3left{
  width:100%;
  margin-right: 0%;
}
.windx2-2a{
  width:35%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.windx2-2b{
  width:64%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.windx4-4a{
  width:35%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.windx4-4b{
  width:64%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 60px;
}
.comp-vmh{
  padding-top: 8px;
  background-repeat: no-repeat;
  background-position: left top;
}
}
@media screen and (max-width: 480px) {
.vis-hr{
  display: none;
}
.vis-lr{
  display: block;
}
.vis-hrindx{
  display: none;
}
.vis-lrindx{
  display: block;
}
.slider-hr{
  display:none;
}
.slider-lr{
  display:block;
}
.heslo{
  width: 85%;
  padding-top: 20px;
  padding-left: 15%;
  height: 25px;
  background-position: left 15px;
  background-size: 30px;
}
.line-heslo{
  width: 100%;
  margin: 15px 0px 0px 0px;
}
.image-prod{
  width: 48%;
  margin: 3px 1% 3px 1%;
}
h1{
  height:37px;
}
.h1index{
  height:37px;
  margin-bottom:20px;
}
.syn-top{
 width: 100%;
 height: 98px;
 background-image: url(../graph/synercom-logo2.png);
}
.buttonmenu{
  margin:42px 0px 0px 0px;
}
.foot-a1{
  display:block;
}
.foot-a2{
  display:block;
  padding-top: 20px;
  margin-left: 57px;
  float:none;
}
.foot-masterserver{
  margin: 20px 0px 0px 0px;
  vertical-align: top;
  display:block;
  padding: 20px 0px 0px 0px;
  font-size: 13px;
  border-top: 1px solid;
  border-left: 0px;
  border-color: #9a9a9a;
  float: left;
  width: 100%;
}
.nad-obsah{
  margin-bottom: 20px;
  height:45px;
}
.nad-index{
  margin-bottom: 20px;
  height:45px;
}
.w3-7left{
  width:100%;
  display: block;
  vertical-align: top;
  margin-right: 0%;
}
.w3-7right{
  width:100%;
  display: block;
  vertical-align: top;
  margin-left: 0%;
}
.w4-4left{
  width:100%;
  margin-right: 0%;
}
.w4-4middle-l{
  width:100%;
  margin-left: 0%;
  margin-right: 0%;
}
.w4-4middle-r{
  width:100%;
  margin-left: 0%;
  margin-right: 0%;
}
.w4-4right{
  width:100%;
  margin-left: 0%;
}
.windx2-2a{
  width:100%;
  display: block;
  vertical-align: top;
  margin-bottom: 0px;
}
.windx2-2b{
  width:100%;
  display: block;
  vertical-align: top;
  margin-bottom: 60px;
}
.windx4-4a{
  width:100%;
  display: block;
  vertical-align: top;
  margin-bottom: 0px;
}
.windx4-4b{
  width:100%;
  display: block;
  vertical-align: top;
  margin-bottom: 60px;
}
.blank-masterserver{
  width: 100%;
  height: 40px;
}
.img-masterserver{
  margin: 0px 0px 30px 0px;
}
}