html,body
  { 
   background: #cccccc;
   margin: 0px; 
   font-family: Arial; 
   font-size: 11px; 
   color: #2881c6;
   text-align: center;
  }

.noborder
  {
   border: 0px solid;
  }

.alternativni {
   display: none;

}

a
  {
   text-decoration: none;
   color: #2881c6;
  }

a:hover
  {
   text-decoration: underline;
  }

a img
  {
   border: 0px;
  }

.cleaner 
 { 
   margin: 0px;
   padding: 0px;
   font-size: 0px;
   line-height: 0px;	
   clear: both;
   }
   
   
h1 {
   display: none;
   margin-top: 5px;

}

h2 {
   display: none;
   margin-top: 5px;
}

h3 {
   display: none;
   margin-top: 5px;
}

.visible {
   display: block;
}

p {
   margin: 0px;
   padding: 0px;
}

div {
   margin: 0px;
   padding: 0px;
   border: 2px;
}

  
.web-obdelnik 
  { 
   width: 978px;
   background: none;
   position: relative;
 /*  left: 50%;  */
 /*  margin-left: -439px; */
   margin-left: auto;
   margin-right: auto;
   padding: 0px;
   text-align: left;
  }

.head 
  { 
   width: 978px;
   height: 98px;
   background: #cccccc url('../images/layimg-head.gif');
   position: relative;
  }

.logolink
  { 
   position: absolute;
   top: 35px;
   left: 35px;
  }
  
  .logolink img
  { 
   width: 240px;
   height: 60px;
   }

.headmenu-line1
  { 
   width: 130px;
   background: none;
   position: absolute;
   top: 45px;
   left: 800px;
   
   text-align: right;
   font-size: 11px;
   color: #cccccc;
   text-transform: uppercase;
  }
  
 .headmenu-line1 a
  { 
   height: 15px;
   display: block;
   float: left;
   color: #cccccc;
   text-decoration: none;
   }
   
.headmenu-line1 a:hover
  { 
   color: #ffffff;
   text-decoration: underline;
   }

.headmenu-line1 .menu-spacer
  {    
   width: 35px;
   height: 10px;
   text-align: center;
   text-transform: uppercase;
   display: block;
   float: left;
  }

.headmenu-line2
  { 
   width: 600px;
   position: absolute;
   top: 78px;
   left: 328px;
   
   text-align: right;
   font-size: 12px;
   color: #cccccc;
   text-transform: uppercase;
  }
  
 .headmenu-line2 a
  { 
   height: 15px;
   display: block;
   float: left;
   color: #cccccc;
   text-decoration: none;
   }
   
    .headmenu-line2 a:hover
  { 
   color: #ffffff;
   text-decoration: underline;
   }

.headmenu-line2 .menu-spacer
  {    
   width: 20px;
   height: 10px;
   text-align: center;
   text-transform: uppercase;
   display: block;
   float: left;
  }


.neck 
  { 
   width: 978px;
   height: 197px;
   background: #cccccc url('../images/layimg-neck.gif');
  }
  
.middle 
  { 
   width: 978px;
   min-height: 250px;
   background: url('../images/layimg-body.gif');
   float:none;
  }
  
.body-left 
  { 
   width: 51px;
   float:left;
  }
  
.body-right 
  { 
   width: 48px;
   float:right;
  }
  
.siderect 
  { 
   width: 189px;
   min-height: 326px; /* pridal Mrozek */
   background: #cccccc url('../images/freerect.gif') center top no-repeat;
/* float:right; zakomentoval Mrozek */
   position: absolute; left: 741px; z-index: 1; /* pridal Mrozek */
  }
  
.mainbody 
  { 
   width: 690px;
   min-height: 300px; /*zmenil Mrozek. puvodni hodnota 150px*/
   background: url('../images/layimg-body-head.gif') left top no-repeat;
   float:left;
  }

.foot 
  { 
   width: 978px;
   height: 115px;
   background: #cccccc url('../images/layimg-foot.gif') center top no-repeat;
   float:none;
   position: relative; _bottom: 3px; #bottom: 3px; /* pridal Mrozek kvuli IE */
  }