body {
  background: url('../img/pruh3.jpg') repeat-x;
  margin: 0;
  padding: 0;
  font: tahoma 11pt;
  color: #505050;   
}

img {
  border: 0;
}

#page {
  width: 1000px;
  margin: 0 auto;   
}

.cleaner {
  clear: both;
}

#header {
  height: 137px;
}

#header .left {
  float: left;
  height: 157px;
    background: url('../img/pruhheader.jpg') repeat-y;
}

#header .right {
  width: 357px;
  position: absolute;
  margin: 100px 0 0 160px;
  left: 50%;
}

#header .right img {
  margin-bottom: 10px;
}

#middle {
   height: 810px;
   overflow: hidden;
   background: white;
}


#middle .left-form {
  width: 485px;
  padding: 15px 45px;
  float: left; 
  text-align: left;
    
}

#middle .left {
  float: left;
  width: 783px;     

  background: white;
  overflow: hidden;
}

#middle .right {
  float: right;
  width: 217px;     
  height: 609px;
  background: white;
  margin-top: -1px;

}

#middle .right .zavolejte {
  width: 217px;    
  height: 92px;
  background: url("../img/pruhsedy3.jpg") repeat-y silver;
}



#middle .right .zavolejte .zavolejte-left {
  width: 54px;    
  float: left;
}

#middle .right .zavolejte .zavolejte-right {
  width: 159px;      
  float: right;
  padding-top:10px;
}



#middle .right .porovnani {
  width: 224px;      
  height: 237px;
  background: url("../img/pruhporovnani.jpg") repeat-x;
  text-align: left;
  font:  11pt tahoma;


   

}

#frame-left {
  position:relative;
  float:left;
  width:223px;
}

#frame-right {
  position:relative;
  float:right;
  width:213px;
  _width:208px;
}

#i-frame {
  width: 782px;  
  margin: -50px 0px 0px 0px;
  background: url('../img1s/iframe.jpg');

  overflow: hidden;
  
  
}

#frame-up {
  background: url('../imgs/iframe-up.jpg') no-repeat;
  height:19px;
}

#frame-stred {
 
  background: url('../imgs/iframe-stred.jpg');
}

#frame-down {
  height:66px;
  background: url('../imgs/iframe-down.jpg') no-repeat;
}

#i-frame iframe {
  width:750px;
  height:620px;
  _height:710px;

  padding:0;
  margin: 0px 0px 0px 5px;
}

#middle2 {
  background: white;

  padding: 0 45px;
  margin-top: -9px;
}         

h2 {
  color: #0F3973;
  margin-top: 7px;
  font: 18pt tahoma bold;
} 

h3 {
  color: #0F3973;
  margin-top: 7px;
  font: 17pt tahoma bold;
}        

#middle2 .blok {
  float: left;
  width: 158px;
  height: 160px;
  margin-top: 10px;

} 

#middle2 .blok .blok-inner {
  text-align: center;
  height: 75px;
  color: grey;
} 

#middle2 .svislypruh {
  float: left;
  margin: 0 10px;
}  

#middle2 ul {
  list-style-image:url("../img/puntik.jpg");
} 

#middle2 ul li {
  margin-bottom: 10px;
}    

#footer {
  height: 130px;
  color: white;
  font: tahoma 15pt; 
}

#footer #left {
  width: 308px;
  float: left;
         
} 

#footer #left a {
  font-weight: bold;
  color: white;
}

#footer #right a {
  color: white;
}     

#footer #right{
  width: 661px;
  float: right;
}   

table {
  text-align: center;

}

table td {
  padding: 8px;
  text-align: left;
}