html, body {
  margin:0; padding:0; 
  background-color: #124483;
  /*background: black url('../img/background.jpg') center top no-repeat;*/
  font: 100% Trebuchet MS, Verdana, Arial, sans-serif; color: #fff; text-align: center;
  width: 100%; height: 100%;
  
}

#background {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    min-width: 1080px;
    min-height: 700px;
}

#content { 
  width: 1080px;
  margin: 0 auto;
  z-index:2;
  position:relative; 
}

#fb { 
  float: right;
  
}

h1 {
  margin: 30px auto 40px auto; padding: 0;
  width: 408px; height: 91px;
}

h1 a{
  margin: 0; padding: 0;
  width: 461px; height: 102px;
  display: block;
  background: transparent url('../img/logo-softnet.png') center top no-repeat;
  
}

#portfolio{
  background: transparent url('../img/bg_logos.png') center top no-repeat;
  width: 666px; height: 390px;
  float: right;
  padding: 0;
  
}

table {
  padding: 0; margin: 8px;
  border-collapse: collapse;
  width: 650px; height: 374px;
}

table p{
  text-align: center;
  margin: 0; padding: 0;
}

table a{
  text-decoration: none;
  color: #666666;
  font-size: 80%;
}

table a:hover{
  font-weight: bold;
}

table img{
  border: 0;
  margin-bottom: 0px;
}

table td{
margin: 0; padding: 0;

}

a span {
  display: none;
}

a.klikni {
  width: 373px; height: 108px;
  background: transparent url('../img/logo-klikni.png') center top no-repeat;
  float: left;
  margin: 141px 0 0 0;
}


#paticka {
  text-align: left;
  font-size: 80%;
  padding: 30px 0 10px 0;
}

#paticka a{
  color: #fff;
}

#paticka p{
  float: left;
  width: 359px;
  border-right: 1px solid #9BC5DA;
  line-height: 150%;
  padding: 0;
}

#paticka p.middle{
  padding: 0 0 0 100px;
  width: 259px;
  
}

#paticka p.last{
  border: none;
  text-align: right;
  margin-bottom: 0; padding-bottom: 8px;
}

.right{
  text-align: right;
}

.center{
  text-align: center;
}




hr.cleaner {
  clear: both;
  visibility: hidden;
  height: 0;
  margin: 0; padding: 0;
}