/*CSS*/
body {
  width:800px;
  margin-top:10px;
  margin-left:auto; 
  margin-right: auto;
  background:url(../imgs/bg.png);
  background-color: #0b60a3; 
  background-repeat: repeat-x;
  position:relative;
}

/*-------------LOGO + horní menu--------------*/
#zahlavi {
  position: relative;
  width: 800px;
  height: 148px;
  background:url(../imgs/hlavicka.jpg);
  margin: 0;
  z-index:2;
}
  #zahlavi a:hover {cursor: pointer;}
  
  #klik_logo {
    position: absolute;
    width: 340px;
    height: 100px;
    margin: 14px 0 0 0;
    font-size:0px;
    z-index:2;
  }
  
  h1.hlava1{
    position:absolute;
    top:5px;
    left:10px;
    z-index:0;
    font-size:12px;
    margin:0 auto;
    }
  h2.hlava{
    position:absolute;
    top:25px;
    left:10px;
    z-index:0;
    font-size:10px;
    margin: 0 auto;
  }
  #top_menu {
    position: absolute;
    width: 440px;
    height: 26px;
    margin: 118px 0 0 360px; 
    padding: 0;
    border: 0px;
    text-align: center;
    line-height: 0px; 
    font-size: 95%;
    
  }
  	#top_menu li, #top_menu a, #top_menu span {width: 110px; height: 26px; display: block; top: 0; left: 0;} 
  	#top_menu li {float: left; position: relative;}	
  	#top_menu a span {background-position: center top; font-size: 0px;}
  	#top_menu a{color: #69777A; font-size: 15px; font-family: Arial; text-decoration: none; font-weight: bold;}
  	#top_menu a:hover{cursor: pointer; color: #000000;} 

    #top_menu #o_nas a span{background-image: url(../imgs/top-1-o_nas.jpg);}
    #top_menu #nabidka a span{background-image:url(../imgs/top-2-nabidka.jpg);}
    #top_menu #poptavka a span{background-image:url(../imgs/top-3-poptavka.jpg);}
    #top_menu #kontakty a span{background-image:url(../imgs/top-4-kontakty.jpg);}

  	
 
#telo {
position: relative;
overflow: hidden;
width: 800px;
min-height: 492px;
height: expression(this.scrollHeight < 492? "492px" : "auto" );
/*background:url(../imgs/telo.gif);
background-color: #e5dc8a;*/
background-color: #FFFFFF;
} 
  
/*--------levý panel + levé menu a podmenu----------*/ 
#left_panel {
  position: absolute;
  width: 230px;
  height: 492px;
  background-color: #FFFFFF;
  margin: 0;
  padding: 0;
}
  #left_panel img, #left_panel a {
  border: 0;
  }

  #menu{
  position: relative;
  float: left;
  width: 229px;
  height: 195px;
  background-color: #FFFFFF;
  margin: 0 0 0 0;
  padding: 6px 0 0 0px;
  background: url(../imgs/menu_pozadi.jpg);
  background-repeat: no-repeat; 
  }  
  
    #menu li, #menu a, #menu span {width: 207px; height: 36px; display: block; position: absolute;}
  	#menu li {float: left; position: relative;}	
  	#menu a span {background-position: left; font-size: 0px; background-repeat: no-repeat; margin-left:0px;}
  	#menu a{color: #000000; text-align:left; vertical-align: middle; line-height: 35px; padding-left: 10px; font-size: 14px; font-family: Tahoma; text-decoration: none; font-weight: bold;}
  	#menu a:hover{cursor: pointer; color: #69777A;}  	          
    #menu #realitni_cinnost a span{background-image: url(../imgs/1-realitni_cinnost.jpg);}
    #menu #uvery a span{background-image:url(../imgs/2-uvery.jpg);}
    #menu #poradenstvi a span{background-image:url(../imgs/3-poradenstvi.jpg);}
    #menu #pojisteni a span{background-image:url(../imgs/4-pojisteni.jpg);}
    #menu #investice a span{background-image:url(../imgs/5-investice.jpg);}
            
            
             
  #podmenu {
    position: relative;
    width: 228px;
    height: 275px;
    background:url(../imgs/pobocky.jpg);
    background-repeat: no-repeat;
    background-position: 2px 0;
    margin: 0;
    padding: 0 76px 0 12px;     
    float: left;
    font-family: Arial;
    font-size: 11px;
    font-weight: bold;
    color: #0448B2;
  }
    #podmenu h1 {
      font-family: Arial, Verdana;
      font-size: 15px;
      color: #0448B2;
      font-weight: bold;
      margin: 0;
      margin-top: 8px;
      padding: 0;
    }
    #podmenu h2 {
      font-family: Verdana;
      font-size: 13px;
      color: #0448B2;      
      margin: 2px 0 2px 0;
      margin-top: 0px;
      padding: 0;
    }
    .tel {
      font-family: Verdana;
      font-size: 14px;
      font-weight: bold;      
      color: #FFCC00;      
    }
 

/*----------Proměnná oblas webu - obsah-----------*/  
#obsah {
  position: relative;
  float: right;
  width: 570px;
  min-height: 446px;  
  font-family: Verdana, Arial;
  font-size: 12px;  
  line-height: 150%;
  overflow: visible;
  text-align: justify;
  padding-left: 0px;
  padding-right: 0px; 
  padding-bottom: 0px;  
  background: url(../imgs/pozadi.jpg);
  height: expression(this.scrollHeight < 450? "450px" : "auto" );
  background:url(../imgs/louka.png) no-repeat;
  background-color: #e5dc8a;
}

  #obsah h1 {
    margin: 15px;
    text-align: center;
    font-size: 18px;
    font-weight: bold; 
    color: #117711;
  }
  
  #obsah h2 {
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 5px; 
    text-align: left;    
    font-size: 14px;     
  }
  
  #obsah h3 {
    margin: 8px;
    margin-left: 15px;
    text-align: center;    
    font-size: 14px;  
    margin-top: 5px;
    margin-bottom: 5px;    
  }
  #obsah a{
    text-decoration: underline;
    color: #666666;
  }
  #obsah a:hover{
    text-decoration: none;
    color: #333333;
  }
  #obsah p {
    margin: 10px 15px 5px 15px; 
  }
  #obsah strong {
    margin-left: 15px;    
  }
  #obsah .italic_blue{
    font-style: italic;
    color: #003399;
    font-size: 15px;
    text-align: center;
  }
  .italic_blue2{
    font-style: italic;
    color: #003399;
    font-size: 12px; 
    font-weight: bold;
    margin-left: 15px;  
  }
  .italic_blue3{
    font-style: italic;
    color: #003399;
    font-size: 12px;    
    text-align: center;
    margin-left: 15px;  
  } 
  .red {
    color: red;
    margin-left: 15px;
  }
  .red_big{
    color: red;
    font-size: 14px;
    font-weight: bold;
    padding-left: 15px;
  }
  .striked {
    text-decoration: underline;
    font-style: italic;
    font-size: 14px;
    margin-left: 15px;
  }
  .fajfka {
    list-style-image: url('../imgs/fajfka.gif');
  }
  .center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .right {
    float: right;
  }
  #obsah table{
    border: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #obsah td {
    padding: 5px;
  }
  
  .aktivity_a {
    color: #AA1100;
    font-size: 14px;
    font-weight: bold;
  }
  .aktivity_a:hover {
    color: #666666;    
  }
  
  /*---jen uvodní strana----*/
  #spodek1 {
    z-index: 20;
    position: relative;
    width: 550px;
    height: 202px;    
    margin: 0;
    margin: 0;    
  }
  #spodek {
    position: relative;
    width: 550px;
    height: 170px;
    background-color: #FFFFFF;
    margin: 0;
    margin: 0;    
  }
  #domky {
    position: absolute;
    width: 290px;
    height: 170px;
    background: url(../imgs/domek_slecna.jpg) no-repeat;
    background-position: 20px 50px;
    margin-left: 7px;
    margin-top: 0px;
    padding: 10px 10px 0 0;
    font-family: Arial;
    font-size: 11px;
    color: #636F71;
    text-align: justify;
    
  }
  
    .ruka {
    position: absolute;    
    margin: 20px 0 0 30px;
    }
    #uvod_link1 {
    z-index: 40;
    width: 310px;
    height: 200px;    
    position: absolute;
    background: url(../imgs/uvod_link.jpg) no-repeat;        
    font-size:0px;
    margin: 5px 0 0 0px;  
    }
    #uvod_link {
    z-index: 50;
    width: 310px;
    height: 200px;    
    position: absolute;           
    font-size:0px;
    margin: 0px 0 0 0px;  
    }
    #domky_img {
      position: relative;
      float: right;
      width: 127px;
      height: 76px;      
      margin: 10px 10px 0 100px;
    }
    #domky p {
      position: absolute;      
      width: 150px;
      height: 60px;
      margin: 0;
      padding: 0 5px 0 5px;
      line-height: 100%; 
    }  
    #domky h3 {
      font-family: Arial;
      font-size: 13px;
      font-weight: bold;
      line-height: 90%;
      color: #2F923E;
      margin: 0 0 0 5px;
      padding: 0 0 0 12px;      
      text-align: center;
    }
    #domky .sipka {      
      width: 12px;
      height: 9px;
      margin-right: 5px;
      margin-top: 0;
      padding: 0;            
    }
  #partneri {
    position: absolute;
    width: 300px;
    height: 169px;
    background: url(../imgs/uvod_left.jpg);
    margin-left: 312px;
    margin-top: 0px;
  }
    #spodek1 span {cursor: pointer;}
    #partneri #raifbank {position: absolute; width: 110px; height: 35px; margin: 12px 0 0 15px; font-size:0px;}    
    #partneri #hypobank {position: absolute; width: 120px; height: 40px; margin: 120px 0 0 45px; font-size:0px;}
    #partneri #cssporitelna {position: absolute; width: 90px; height: 35px; margin: 60px 0 0 15px; font-size:0px;}
    #partneri #cmss {position: absolute; width: 90px; height: 35px; margin: 60px 0 0 150px; font-size:0px;}
    #partneri #kb {position: absolute; width: 90px; height: 35px; margin: 12px 0 0 150px; font-size:0px;}
  
  #obsah img {
    vertical-align: text-bottom;
    border-width: 0px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

#zapati {
  position: relative;
  float: bottom;
  width: 802px;
  height: 105px;
  margin-left: 0px;
  /*margin-top:3px;*/
  background:url(../imgs/zapati.jpg);
  background-repeat: no-repeat;
}
  #zapati a:hover {cursor: pointer;}
  #zapati span, #zapati span{color: white;}
  #zapati a {color: white;}
  #zapati #lyoness {position: absolute; width: 120px; height: 35px; margin: 15px 0 0 115px; font-size:0px;}
  #zapati #dexpoint {position: absolute; width: 120px; height: 35px; margin: 15px 0 0 275px; font-size:0px;}
  #zapati #sporitelna {position: absolute; width: 75px; height: 35px; margin: 12px 0 0 448px; font-size:0px;}
  #zapati #litrade {position: absolute; width: 120px; height: 40px; margin: 10px 0 0 618px; font-size:0px;}
  #cspojistovna {position: absolute; width: 120px; height: 40px; margin: 23px 0 0 660px; font-size:0px;}
  
  #copy {
    position: absolute;
    right: 13px;
    bottom: 15px;
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #aaaaaa;
    
  }
  
  
#zapati2 {
  position: relative;
  float: bottom;
  width: 802px;
  height: 123px;
  background:url(../imgs/zapati2.jpg);
  background-repeat: no-repeat;
}   
  #zapati2 a:hover {cursor: pointer;}
  #zapati2 span, #zapati2 a{color: white;}
  
  #zapati2 #sporitelna {position: absolute; width: 75px; height: 35px; margin: 16px 0 0 51px; font-size:0px;}
  #zapati2 #kb {position: absolute; width: 75px; height: 35px; margin: 16px 0 0 182px; font-size:0px;}
  #zapati2 #dexpoint {position: absolute; width: 120px; height: 35px; margin: 16px 0 0 326px; font-size:0px;}
  #zapati2 #hypobank {position: absolute; width: 120px; height: 40px; margin: 69px 0 0 153px; font-size:0px;}
  #zapati2 #raifbank {position: absolute; width: 120px; height: 40px; margin: 69px 0 0 329px; font-size:0px;}
  #zapati2 #litrade {position: absolute; width: 120px; height: 40px; margin: 69px 0 0 491px; font-size:0px;}
  
#vypis {
   margin-left: auto;
   margin-right: auto
}