*{margin:0;padding:0}
body{ 
   	font: normal 0.7em verdana,"DejaVu Sans","DejaVu LGC Sans","Bitstream Vera Sans","Nimbus Sans L",verdana,arial,sans-serif;
    background-color: #f0f0f0;
    color: #555;}

.cb{clear:both}
a {color:#000}
.i {font-style: italic; font-size: 90%; padding-left: 15px;}
h1.hod_48{font-size: 14px; position: relative;margin: 10px auto; width: 229px;height:54px;}
h1.hod_48 span{position: absolute;top: 0;left: 0;background: #fff url(../images/48hod.png) no-repeat; width: 229px;height:54px; }

#all{ width:1010px;  margin: 0px auto;  
  background: url("../images/bg_body3.gif") repeat-y scroll 50% 0 #F0F0F0;
  padding:0 0 0 20px;  border: 0px #aaa solid;}
#hlavicka {width: 990px; height: 64px;background: url(../images/top_bg.png) repeat-y; position: relative;z-index: 50;}
#hlavicka .logo{position: absolute;left: 40px;top:0;width:335px;height: 64px;}
#hlavicka .logo_kredit {position: absolute;left: 0px;top:0;background: url(../images/kf_logo.png) no-repeat;width: 217px;height: 64px;}
#hlavicka a .logo_kredit {cursor: pointer;}

#hlavicka .top {position:relative; left: 375px;top: 0; width: 256px;}
#hlavicka .top h1, #hlavicka .top div{font-size: 12px;display: inline;}

#hlavicka .top .text span {background-image: url(../images/text.png); width: 256px; position: absolute;top: -7px; left: 0; height: 64px;}

#media_bar {height: 205px;width: 990px; position:relative }
#baner {width:712px;height: 205px;float:left}
#baner80 {margin: 20px 10px ;}


#baner_vykupy-nemovitosti {width:712px;height: 204px;float:left;background: #fff url(../images/vykupy_baner.jpg) no-repeat right;}
#baner_dluhy-splatky {width:712px;height: 204px;float:left;background: #fff url(../images/dluhy_baner.jpg) no-repeat right;}
#baner_exekuce-zastavy {width:712px;height: 204px;float:left;background: #fff url(../images/exekuce_baner.jpg) no-repeat right;}
#baner_pujcky-uvery {width:712px;height: 204px;float:left;background: #fff url(../images/pujcky_baner.jpg) no-repeat right;}

#menu {width: 990px; height: 27px; background: #fff url(../images/menu_bg.png) repeat-x }
#menu ul {width: 792px; height: 27px; background-color: #fff;margin:0 auto}
#menu ul li {float: left;width: 132px;line-height: 27px;position: relative;list-style-type: none; }
#menu ul li a{text-align: center;background: url(../images/cs/menu.png);width: 132px;height: 27px;display: block; font-weight: bold;text-decoration: none;}

#menu ul li a:hover , #menu ul li a.active {background-position: 0px -27px;text-decoration: none;}

#menu_left{position:absolute;left:0;top:0; background: #fff;width:148px;height: 205px;list-style-type: none;}
ul#menu_left li{width: 148px;height: 51px;display: block; position:relative;}
ul#menu_left span{display: block; position: absolute;top:0;left:0; width:148px;height: 51px;cursor: pointer; }

ul#menu_left a span.vykupy-nemovitosti{ background: url(../images/cs/menu/vykupy.png) no-repeat; background-position: -191px 0; display: block; }
ul#menu_left a span.dluhy-splatky{ background: url(../images/cs/menu/dluhy.png) no-repeat; background-position: -191px 0; display: block;  }
ul#menu_left a span.exekuce-zastavy{ background: url(../images/cs/menu/exekuce.png) no-repeat; background-position: -191px 0;display: block;   }
ul#menu_left a span.pujcky-uvery{ background: url(../images/cs/menu/pujcky.png) no-repeat; background-position: -191px 0;display: block;   }

ul#menu_left a:hover span{background-position: 0px 0;display: block;width: 191px;}
ul#menu_left a span.active{background-position: 0px 0;display: block;width: 191px;}

#telo .cont a{ color:#777; text-decoration: none;}
#telo .cont a:hover{text-decoration: underline;color:#000;}

#formular {width:255px; height: 205px;background-color: #fff;position: absolute; top:94px; right:0;z-index:100}
#formular p {position: relative; margin-top: 10px; width:214px ; height: 40px; }
#formular p .dotaz{background: url(../images/cs/pro_dotaz.jpg) no-repeat;position: absolute;top: 0px;left: 0;width: 214px;height: 36px;}
#formular input, #formular select{font-size: 12px;}
#formular .error{border: 1px #f00 solid;background-color: #fee; padding:1px}
#formular select.error{padding:0px}
#formular .submit {cursor: pointer; background-image: url(../images/cs/button.png);border: 0;float:right; width:72px; height: 18px; text-align: center; font-weight: bolder;line-height: 18px;}


#form table {border:1px #ccc solid; padding: 0 0px; position: relative; }

#form table b.spodni{width: 4px;height: 4px;padding: 0 ;position: absolute; left: 0;}
#form table i.spodni{}


#form .inside{width: 614px;margin: 30px auto}
#form .inside fieldset{margin-left: 20px;padding: 0 5px; border-color: #ccc;border-collapse: collapse;}
#form .inside legend{margin-left: 20px;padding: 0 5px; }


#form .inside h2 {text-align: left;font-size: 16px;}
#telo #form .inside p {text-align: left;font-size: 11px;padding: 0 ;font-weight: normal;}
#form .inside tr th {height: 80px;}
#form .inside tr td {padding: 10px  20px;}
 

#form p .dotaz{background: url(../images/cs/pro_dotaz.jpg) no-repeat;position: absolute;top: 0px;left: 0;width: 214px;height: 36px;}
#form input, #form select{font-size: 11px;}
#form .error{border: 1px #f00 solid;background-color: #fee; padding:1px}
#form select.error{padding:0px}
#form .submit {cursor: pointer; background-image: url(../images/cs/button.png);border: 0;float:right; width:72px; height: 18px; text-align: center; font-weight: bolder;line-height: 18px;}


#telo {width: 990px; min-height: 263px; position: relative;}
#telo .cont {width: 245px; float: left;height: 263px; position: relative;}
#telo span.bg_nadpisy{position: absolute;top: 0;left: 0;}

#telo span.vykupy-nemovitosti {background: url(../images/cs/vykupy.png) no-repeat;width: 245px; height: 93px;; }
#telo span.dluhy-splatky {background: url(../images/cs/dluhy.png) no-repeat;width: 245px; height: 93px;; }
#telo span.exekuce-zastavy {background: url(../images/cs/exekuce.png) no-repeat;width: 245px; height: 93px;; }
#telo span.pujcky-uvery {background: url(../images/cs/pujcky.png) no-repeat;width: 245px; height: 93px;; }

#telo .cont h2 {font-size: 11px;width: 245px; height: 93px;}


#telo .dashed{background: url(../images/dash.png) no-repeat;width: 3px; height: 263px;float: left;}
#telo .cont ul {margin: 15px 0 5px 35px;list-style-type: none; display: block;}
#telo .cont li {margin: 5px 0 0 0}
#telo div.button_home {cursor:pointer;width: 133px ; height: 18px;float: right;margin: 25px 5px 10px 0;background: url(../images/button_homepage2.png);padding: 4px 0 0 0;text-align: center }
#telo div.button_home a, #telo div.button_home a:hover  {color: #000; text-decoration: none; display:block;}
#telo .menu_l{background: url("../images/bg_telo_left.png") no-repeat scroll 0 0 transparent; float: left; height: 374px; width: 223px;}

#telo p{padding: 10px  5px 5px 15px  }
#telo .vykupy-nemovitosti ul{list-style-image: url(../images/vykupy_odr.gif);}
#telo .dluhy-splatky ul{list-style-image: url(../images/dluhy_odr.gif);}
#telo .exekuce-zastavy ul{list-style-image: url(../images/exekuce_odr.gif);}
#telo .pujcky-uvery ul{list-style-image: url(../images/pujcky_odr.gif);}

#telo .center h1.nadpis{width: 509px;height: 88px;font-size: 14px; position: relative;}
#telo .center h1.nadpis span{width: 509px;height: 88px;position: absolute;top: 0;left: 0; }
#telo .center h1.nadpis span.vykupy-nemovitosti_h1{background-image: url(../images/cs/vykupy_h2.png);}
#telo .center h1.nadpis span.dluhy-splatky_h1{background-image: url(../images/cs/dluhy_h2.png);}
#telo .center h1.nadpis span.exekuce-zastavy_h1{background-image: url(../images/cs/exekuce_h2.png);}
#telo .center h1.nadpis span.pujcky-uvery_h1{background-image: url(../images/cs/pujcky_h2.png);}
#telo .center p.odr{margin: 10px;text-align: justify; background: url(../images/vykupy_odr.gif) no-repeat; text-indent: 10px; padding: 0 }

#telo .center p.pujcky-uvery_odr{ background: url(../images/pujcky_odr.gif) no-repeat }
#telo .center p.exekuce-zastavy_odr{ background: url(../images/exekuce_odr.gif) no-repeat }
#telo .center p.dluhy-splatky_odr{ background: url(../images/dluhy_odr.gif) no-repeat }
#telo .center p.vykupy-nemovitosti_odr{ background: url(../images/vykupy_odr.gif) no-repeat }

#telo h3.otazky {margin:10px;cursor: pointer;font-size: 11px;text-align: justify;text-indent: 10px;}

#telo .nowrap {font-size: 11px; margin: 0 5px ;font-weight: normal;text-align: center; white-space: nowrap; display: inline; }
.navigace {padding:5px 0 5px 10px}
#telo .vykupy-nemovitosti_male a {color: #684406;font-weight: bold;}
#telo .dluhy-splatky_male a {color: #466651;font-weight: bold;}
#telo .exekuce-zastavy_male a {color: #A35AD4;font-weight: bold;}
#telo .pujcky-uvery_male a {color: #365BB6;font-weight: bold;}

#telo h2 a:hover{text-decoration: none;}
#telo h3.otazky {background: url(../images/vykupy_odr.gif) no-repeat }

#telo .nadpis_page {padding: 5px 10px  ;margin:10px 10px;font-size: 12px; border-bottom: medium #888  dotted}
#telo .vykupy-nemovitosti_u{ border-bottom: 2px #FCCB14 solid;}
#telo .dluhy-splatky_u{ border-bottom: 2px #57B837 solid;}
#telo .exekuce-zastavy_u{ border-bottom: 2px #A35AD4 solid;}
#telo .pujcky-uvery_u{ border-bottom: 2px #365BB6 solid;}

#telo h3.nadpis_page {padding: 5px 10px  ;margin:10px 10px;font-size: 10px; }

div.menu {height: 20px; width: 509px;text-align: center; display: block; }
div.menu h3 {display: inline;}

div.menu_center{margin: 0 auto;text-align: center; display: block;height: 20px; }

ul.sluzby {list-style-type: none;padding: 5px 0 20px 30px}
ul.sluzby li,ul.rkfs li  {list-style-image: url(../images/vykupy_odr.gif); margin: 2px 0 }

ul.rkfs {list-style-type: none;padding: 0 0 0px 40px}

.help_me {float: left;width: 229px;height: 22px;padding: 4px 0 0 8px; }
.help_me a, .help_me a:hover {color: #555; text-decoration: none; font-weight: bold;width: 229px;}

.vykupy-nemovitosti_primy-vykup {background: url(../images/buttons/vykupy_1.png)no-repeat;width: 229px;height: 22px;}
.vykupy-nemovitosti_garance-ceny {background: url(../images/buttons/vykupy_2.png)no-repeat;width: 229px;height: 22px;}
.vykupy-nemovitosti_penize-na-nemovitost {background: url(../images/buttons/vykupy_3.png)no-repeat;width: 229px;height: 22px;}
.vykupy-nemovitosti_cena-za-menovitost {background: url(../images/buttons/vykupy_4.png)no-repeat;width: 229px;height: 22px;}

.dluhy-splatky_zadluzena-nemovitost {background: url(../images/buttons/dluhy_1.png)no-repeat;width: 229px;height: 22px;}
.dluhy-splatky_dluhy-a-exekuce  {background: url(../images/buttons/dluhy_2.png)no-repeat;width: 229px;height: 22px;}
.dluhy-splatky_pujcky-na-dluhy  {background: url(../images/buttons/dluhy_3.png)no-repeat;width: 229px;height: 22px;}
.dluhy-splatky_nechci-prodat-nemovitost{background: url(../images/buttons/dluhy_4.png)no-repeat;width: 229px;height: 22px;}

.exekuce-zastavy_zastava-nemovitosti{background: url(../images/buttons/exekuce_1.png)no-repeat;width: 229px;height: 22px;}
.exekuce-zastavy_exekuce-nemovitosti {background: url(../images/buttons/exekuce_2.png)no-repeat;width: 229px;height: 22px;}
.exekuce-zastavy_vyplaceni-uveru    {background: url(../images/buttons/exekuce_3.png)no-repeat;width: 229px;height: 22px;}
.exekuce-zastavy_soudcovske-zastavni-pravo {background: url(../images/buttons/exekuce_4.png)no-repeat;width: 229px;height: 22px;}

.pujcky-uvery_vyhodny-urok    {background: url(../images/buttons/pujcky_1.png)no-repeat;width: 229px;height: 22px;}
.pujcky-uvery_druzstevni-byt  {background: url(../images/buttons/pujcky_2.png)no-repeat;width: 229px;height: 22px;}
.pujcky-uvery_vyplaceni-dluhu {background: url(../images/buttons/pujcky_3.png)no-repeat;width: 229px;height: 22px;}
.pujcky-uvery_sloucit-pujcky  {background: url(../images/buttons/pujcky_4.png)no-repeat;width: 229px;height: 22px;}


.cont_kraj {display: none;cursor: pointer;}


div.odkazy_web {
  color:#666; font-size: 10px;   
  position: relative;  width: 990px; 	
  margin: 0 auto;  	text-align: center; 	
  padding-bottom:3px ;
  }



div.odkazy_web a{color: #666; text-decoration: none;}
div.odkazy_web strong{font-weight: normal;}

h4.ul {padding-left:10px;font-size: 11px;}
span.button { width: 30px;height: 16px; position: relative;}
span.button span{background: url(../images/button.png) no-repeat; width: 30px;height: 16px;position: absolute;top: 0px;left: 0px;cursor: pointer;}
.zde {color: #000;text-align: center;}


#telo .reference {
  padding: 25px 0 5px 15px;
}



#adresa {border: 1px #ccc solid; width: 480px; height: 152px;padding: 5px;margin: 10px  }
#adresa h3.adresa {background-color: #eee;padding: 2px ;font-size: 12px;}
#adresa img {float:right;width:203px;  height:152px }
#adresa p {padding:5px  0 8px 0;}
#all_vizitky{
  width: 720px;
  left:-66px;
  position: relative;
  }

#all_vizitky h2{
  background: url(../images/bg_h2.png) repeat-y ;
  padding: 2px 0 2px 20px;
  font-size: 15px;
}

#all_vizitky h3.kontakt_kraj{
  border-bottom: 1px #aaa solid;
  margin: 5px 0 10px 20px;
  padding: 2px;
  font-size: 12px;
  background-color: #eee;
  cursor: pointer;
}

.vizitka {
  float:left; 
  border-bottom: 1px #aaa dashed;     width: 338px; height: 120px; 
  margin: 10px auto 20px auto; 
  background: url(../images/vizitka_bg.png) no-repeat;
  margin: 10px 10px ;
     }

.vizitka .foto{margin: 23px  0 0 26px;float: left;width:57px ;height: 68px;}
.vizitka .nacionale {float: left;padding: 8px 0 0 20px}
.vizitka .nacionale .tel{padding: 5px 0 0 5px}
.vizitka .nacionale .email_cont {padding: 5px 0 0 0px}
.vizitka .nacionale h3 {font-size: 12px;}
.vizitka .nacionale .adress {padding: 5px 0 0 0;}


#footer {width: 990px; background: url(../images/skupina_sting.png) no-repeat bottom right; height: 23px;padding-top: 20px;}


#shadow {
  background: url(../images/bottom.png) repeat-x ;
  width: 994px;
  height: 7px;
  margin: 0 auto ;

}

.hidden {display: none;}

