.syscom1, .syscom2, .syscom3, .syscom4 {
  display: inline;
  float: left;
  width: 299px;
  height: 130px;
  margin: 0 15px 10px 0;
  font-size: 0.8em;
  position: relative;
  color: #676767;
}
.syscom1 {background: url(../images/bg_expres.jpg) no-repeat;}
.syscom2 {background: url(../images/bg_business.jpg) no-repeat;}
.syscom3 {background: url(../images/bg_reality.jpg) no-repeat;}
.syscom4 {background: url(../images/bg_intranet.jpg) no-repeat;}

.syscom_link {
  float: left;
  width: 115px;
  height: 125px;
  margin: 0;
  border: 0;
}
.syscom_title {
  float: right;
  width: 175px;
  height: 25px;
  margin: 5px 5px 0 0;
  border: 0;
  display: inline;
}
.syscom p {
  margin: 10px 5px 0 0;
  display: inline;
  float: right;
  width: 175px;
}
.syscom a.more {
  position: absolute;
  bottom: 3px;
  right: 8px;
  font-weight: bold;
  color: #859195;
  background: url(../images/arrow_more.gif) no-repeat right center;
  padding-right: 15px;
  padding-bottom: 2px;
}

/* --- Referencie - list --- */
.top_ref_wrap {
  display: block;
  float: left;
  padding-right: 16px;
  padding-bottom: 10px;
}

.top_ref {
  background: url('../images/bg_top_ref.jpg') no-repeat;
  width: 288px;
  height: 210px;
  padding: 6px;
}
.top_ref:hover {
  background: url('../images/bg_top_ref_a.jpg') no-repeat;
}
.top_ref .nahlad {
  width: 285px;
  height: 160px;
  border: 1px solid #969696;
  overflow:hidden;
  text-align:center;
}
.top_ref .title a {
  color: #BFBFBF;
  padding-top: 20px;
  display: block;
  float: left;
  width: 185px;
  font-weight: bold;
}
.top_ref .title a:hover {
  color: #484848;
}
.top_ref .logo {
  display: block;
  float: left;
  text-align: right;
  width: 102px;
  line-height: 40px;
  padding-top: 3px;
  padding-right: 1px;
}
/* --- Referencie - list --- */
.list_ref {
  display: block;
  width: 583px;
  height: 118px;
  background: url('../images/ref_back.jpg') no-repeat;
  padding: 15px;
  margin-bottom: 15px;
}
.list_ref:hover {
  background: url('../images/ref_back_a.jpg') no-repeat;
  color: #484848;
}
.list_ref h2 {
  padding: 0px;
  margin: 0px;
}
.list_ref h2 a {
  color: #e68b02;
  text-decoration: underline;
  font-weight: normal;
  font-size: 1.0em;
}
.list_ref h2 a:hover {
  color: #e68b02;
  text-decoration: none;
}
.list_ref a {
  margin-right: 25px;
  color: #bfbfbf;
  font-weight: bold;
}
.list_ref a:hover {
  color: #8b8b8b;
}
.list_ref .detail {
  display: block;
  float: left;
  width: 184px;
  border: 3px solid #c8c8c8;
}
.list_ref .detail:hover {
  border: 3px solid #dbdbdb;
}
.list_ref .image {
  margin: 3px;
}
.list_ref .description {
  display: block;
  float: left;
  padding-left: 10px;
  width: 383px;
}
.list_ref .produkt {
  padding: 6px 0px;
  display: block;
  font-size: 0.8em;
  color: #bfbfbf;
}
.list_ref .produkt a {
  color: #bfbfbf;
  font-weight: normal;
}
.list_ref .produkt a:hover {
  color: #8b8b8b;
}
/* --- Referencie - www --- */
.www_ref {

}
.www_ref h2 {
  padding: 10px 0px;
  margin: 0px;
  color: #e68b02;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
}
.www_ref .detail {
  display: block;
  float: left;
  width: 356px;
  padding-bottom: 20px;
}
.www_ref .detail img {
  padding: 3px;
  border: 1px solid #C0C0C0;
}
.www_ref .content {
  display: block;
  float: left;
  width: 266px;
  text-align: justify;
  padding-left: 8px;
  padding-bottom: 20px;
}
.www_ref .info {
  display: block;
  color: #959595;
  border: 1px solid #C0C0C0;
  font-size: 0.9em;
  line-height: 1.8em;
  padding: 5px;
}
.www_ref .info a {
  color: #959595;
  text-decoration: none;
}
.www_ref .info a:hover {
  text-decoration: underline;
}
/******** right referencie ************/


/* --- Doplnkovy modul - list --- */
.list_module {
  display: block;
  padding-bottom: 10px;
  padding-top: 10px;
  height: 100px;
}
.list_module img {
  float: left;
  padding-right: 10px;
}

/* --- Nahlady - list --- */
.thumbs {
  display: block;
  float: left;
  padding: 0 35px 35px 0;
  width: 173px;
}
.thumb {
  width: 173px;
  background:url(../images/bg_thumb.jpg);
}
.thumb .top {
  background-image:url(../images/bg_thumb_top.jpg);
  font-size:1px;
  height:6px;
  margin:0;
}
.thumb .name {
  text-align: center;
  height: 18px;
  color: #8C8C8C;
  font-size: 0.9em;
  font-weight: bold;
  padding-top: 8px;
}
.thumb .pictures {
  padding: 4px 0px 0px 10px;
}
.thumb .picture {
  display: block;
  float: left;
  width: 148px;
  height: 148px;
  border: 3px solid #fff;
  overflow: hidden;
}
.thumb .picture:hover {
  border: 3px solid #CFCFCF;
}
.thumb .bottom {
  background-image:url(../images/bg_thumb_bottom.jpg);
  font-size:1px;
  height:9px;
}

/* --- Fotopriloha - www --- */
.fotopriloha {
  border-top: 1px solid #E3E3E3;
  padding-top: 10px;
}
.fotopriloha h2 {
  padding: 10px 0px;
  margin: 0px;
  color: #e68b02;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
}
.fotopriloha .foto {
  display: block;
  float: left;
  width: 140px;
  height: 100px;
  border: 1px solid #C0C0C0;
  padding: 3px;
  margin-right: 10px;
}
.fotopriloha .image {
  width: 140px;
  height: 100px;
}

/* --- Kontakt --- */
.form .sc_frm .width1 {
  width: 200px;
}

/* --- Odrazky  --- */
/*li {
  list-style-image: url(../images/li-classic.gif);
} */
.ok li {
  list-style-image: url(../images/li-ok.gif);
}
.quest li {
  list-style-image: url(../images/li-quest.gif);
}