body, p, img, h1, h2, h3, ul, span, form, input, select, table, tr, td {margin:0; padding:0;}

body {background:#CFCCC2 url(poz.png) repeat-x;  color:#77726C; font-size:12px; line-height:140%; font-family:Arial, Verdana; text-align:center;}

#kontejner {width:1136px; min-height:600px; margin:0 auto; background:url(hlava.png) 0px 55px no-repeat; position:relative; text-align:center;}

.volejte_zdarma {float:right; display:block; text-align:right; padding:10px 80px 0 0; font-weight:bold; font-size:110%;}
.volejte_zdarma strong {font-weight:normal;}

.hlava {width:100%; height:150px; display:block;}

h1#logo {  
           width:285px;        
           height:86px; 
           clear:both;
           float:left;
           position:relative;           
           top:20px; 
           left:187px;  
           overflow:hidden;}  

h1#logo span {            
                background-image:url(logo.png);            
                background-repeat:no-repeat;            
                cursor:pointer;            
                display:block;
                width:285px;           
                height:86px;             
                position:absolute;            
                top:0; left:0;   
  }   
  
ul#menu {width:500px; height:90px; clear:both; float:left; position:relative; left:110px;}  
ul#menu li {list-style:none; display:inline;}
ul#menu li a {float:left; position:relative; overflow:hidden;}
ul#menu li a span {background-repeat:no-repeat; cursor:pointer; display:block; position:absolute; top:0px; left:0px;}

ul#menu li a.o-nas, ul#menu li a.o-nasak {width:60px; height:35px; top:15px; left:24px;}
ul#menu li a.o-nas span, ul#menu li a.o-nasak span {width:60px; height:35px; background-image:url(o_nas.png);}
ul#menu li a.o-nas:hover span, ul#menu li a.o-nasak span { background-image:url(o_nas_hover.png);} 

ul#menu li a.partneri, ul#menu li a.partneriak {width:83px; height:31px; top:34px; left:60px;}
ul#menu li a.partneri span, ul#menu li a.partneriak span {width:83px; height:31px; background-image:url(partneri.png);}
ul#menu li a.partneri:hover span, ul#menu li a.partneriak span { background-image:url(partneri_hover.png);} 

ul#menu li a.kontakt, ul#menu li a.kontaktak {width:85px; height:31px; top:34px; left:95px;}
ul#menu li a.kontakt span, ul#menu li a.kontaktak span {width:85px; height:31px; background-image:url(kontakt.png);}
ul#menu li a.kontakt:hover span, ul#menu li a.kontaktak span { background-image:url(kontakt_hover.png);}

ul#menu li a.slovnik-pojmu, ul#menu li a.slovnik-pojmuak {width:125px; height:57px; top:-2px; left:113px;}
ul#menu li a.slovnik-pojmu span, ul#menu li a.slovnik-pojmuak span {width:125px; height:57px; background-image:url(slovnik_pojmu.png);}
ul#menu li a.slovnik-pojmu:hover span, ul#menu li a.slovnik-pojmuak span { background-image:url(slovnik_pojmu_hover.png);}

#fin-poradce {width:208px; height:266px; text-align:center; background:url(finporadce.png) no-repeat; float:right; position:relative; left:-35px; margin-bottom:15px;}
#fin-poradce p {text-align:center; width:100%; clear:both; display:block; line-height:100%;}
#fin-poradce p.imgfin {padding-top:10px; position:relative; left:35px;}
#fin-poradce p a {  color:#77726C; text-decoration:underline;}

#obsah {width:960px; margin:0 auto; clear:both;}

#obsahin {width:940px; margin:0 auto; clear:both; text-align:left; padding-top:12px;}

ul#submenu_hyp {text-transform:uppercase; list-style:none; text-align:left; width:100%; height:40px; padding-top:20px; font-size:95%;}
ul#submenu_hyp li {display:inline; text-align:left;}
ul#submenu_hyp li.mezera {float:left; width:40px; height:45px;}
ul#submenu_hyp li.mezera .mezeralij {position:relative; left:125px; top:23px;}
ul#submenu_hyp li a {padding:24px 7px 0 10px;  height:15px; float:left; color:#676358; text-decoration:none;}
ul#submenu_hyp li a.ccc {width:auto;}
ul#submenu_hyp li a:hover, ul#submenu_hyp li a.ak {color:#1F8FD1;  background:url(sipka.png) 15px 0px no-repeat;}
ul#submenu_hyp li a:hover {text-decoration:underline;}

.banner {text-align:left; float:left;}

#left {float:left; width:700px; position:relative; left:10px; padding-top:15px; min-height:460px;}
#left2 {width:440px; float:left; position:relative; left:10px; padding-top:15px; min-height:460px;}
#right {float:right; width:195px; position:relative; left:-35px; padding-top:20px;}
#right2 {float:right; width:430px; position:relative; left:-35px;}
.ads {float:right;position:relative; left:-35px;}

#pata {clear:both; width:100%; height:155px; background:url(patan.png) no-repeat; margin-bottom:25px; position:relative;}
#pata .patni {position:absolute; bottom:0px; left:0px; width:100%; color:#77726C; text-align:center;}
#pata .patni span {float:right; position:relative; top:-16px; color:#1D8FCE; padding-right:4px;}

.rss {float:left; position:relative; left:30px; top:46px; width:62px; height:27px; display:block;}

h2, h3 {font-weight:bold; font-size:115%; color:#0590D5; text-align:left; padding-bottom:10px;}

p {text-align:left; margin-bottom:10px;}
p img {text-align:left; float:left; margin:6px;}
ul.sez {list-style:none; text-align:left; padding-left:35px; margin-bottom:10px;}
p .vicoinfo {float:right; padding:6px 6px 6px 0;}

.clear {clear:both;}
a img {border:0;}
a {color:#048FD2; text-decoration:none;}
a:hover {text-decoration:none;}



















  #kalkulacka {
    float: left;
    width: 450px;
    height: 303px;
    background: url('kalkulacka.png') no-repeat;
    margin-left: 14px;
    margin-bottom: 20px;
    position:relative;
    left:-25px;
  }
  
  #kalkulacka h2, #kalkulacka h3 {
    text-align: right;
    margin: 0;
    color: #ce181e;
    font-size: 21.5px;
    font-weight: bold;
    margin-top: 25px;
    margin-right: 30px;
  }
  
  #kalkulacka h3 {
    margin-top: 0;
    font-size: 11px;
    color: #1d8fce;
    font-weight: normal;
  }
  
  #kalkulacka form {
    float: right;
    text-align: left;
    width: 120px;
    position:relative;
    left:-40px; top:4px;
    height:200px;
  }
  
  #kalkulacka form input, #kalkulacka form select {
    text-align: left;
    margin: 0;
    border: 1px solid #808080;
    margin-bottom:7px;
  }
  #kalkulacka form input.check {border:0px; margin:0px 2px 0px 2px}
  #kalkulacka form label {
    display: none;
  }
  
  .input-white-border {
    padding: 1px;
    background: white;
  }
  
  .input-margin-top {
    margin-top: 9px;
  }
  
  fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }
  
  #cena-nemovitosti, #vyse-hypoteky, #vyse-mesicni-splatky {
    width:80px;
  }
  
  #akontace, #sazba {
    width: 50px;
  }
  
  .checkbox-margin-top {
    margin-top: 10px;
  }  
  .check {border:0;}
 .checksp {padding:4px 0;} 
 input.kalkul {width:96px; height:26px; display:block; background:url(spocitat.png); border:0px; position:absolute; right:-11px; bottom:0px;}
 
.partnersky {position:relative; padding-right:45px;float:left; width:263px;} 
.partnersky span {position:absolute; left:20px; top:100px; display:block; color:#676257;}
 .partnersky span a {text-decoration:underline;}
 .partnersky span a:hover {text-decoration:none;}