/*obecne*/
html,body { text-align: center; margin: 0; padding: 0; font-family: Verdana, Arial,Helvetica,sans-serif; font-size:11px;}
a img{ border: none; }
a{ text-decoration: none; color: #e5770c;}
a:hover{ text-decoration: underline;}
.b12{ font-size: 12px; font-weight: bold; }
/*top leader and header*/
#top-ad {background: #DDDDDD; margin: 0; padding: 13px 0 3px 0;  min-width: 896px;}
#header-back{ background: url('../img/top-background.gif') repeat-x; height: 165px; min-width: 896px;}
#header{ width: 896px; text-align: left; margin: auto;}
#header ul{ list-style: url('../img/header-odrazka.gif'); display: block; float: right; margin: 18px -17px 14px 0;}
#header li{ float:left; padding: 0 20px 0 10px; display: block; background: url('../img/header-odrazka.gif') left no-repeat;}
#header li.vl{background: none; padding: 0 10px 0 0;}
#header li.vl-l{background: none; padding: 0 20px 0 0; width: 30px;}
#header a{ color: #000;}
#header #logo{ float: left; margin-top: 20px;  width: 190px;}
.header-house{ background: url('../img/header-house.gif') no-repeat; width: 690px; height: 63px; margin-top: -1px; display: block; float:right;}
h1{display:inline}

#lista-up{width: 100%}

#top-menu { display: block;}
#top-menu strong{ display: block; margin-top: 15px;}
#top-menu strong a{ color: #fff; padding: 15px 0 0 55px; display: block;}
#header .byt-dum, #header .interier, #header .exterier, #header .stavby, #header .finance, #header .inzerce{ width: 140px; height: 43px; display:block;  color: white; vertical-align: middle; float:left;}
#header .byt-dum, #header .interier, #header .exterier, #header .stavby, #header .finance { margin-right: 11px; }
#header .byt-dum{ background: url('../img/byt-dum-gr.gif') left no-repeat;}
#header .interier{ background: url('../img/interier-gr.gif') left no-repeat;}
#header .exterier{ background: url('../img/exterier-gr.gif') left no-repeat;}
#header .stavby{ background: url('../img/stavby-gr.gif') left no-repeat;}
#header .finance{ background: url('../img/finance-gr.gif') left no-repeat;}
#header .inzerce{ background: url('../img/inzerce-gr.gif') left no-repeat;}

/*hlavni layout pod hlavickou*/
#main { width: 896px; margin: auto;}
#left-collumn{ width: 200px; float: left; padding-top: 28px; text-align: left;}
#center-collumn { width: 525px; padding: 28px 20px 0 20px; float: left; text-align:left}
#right-collumn{width: 125px; float: left; padding-top: 26px; text-align: right;}

/*levy sloupec s menu*/
#hledat-box{ background: url('../img/hledat-back.gif') repeat-x; display: block; height: 48px; padding: 6px 0 0 10px; border: 1px solid #829FBA;}
#hledat-box form{ display: inline;}
#hledat-box .hled-input{ width: 110px; border: 1px solid #829FBA; margin-right: 5px; position: relative; top: -4px;}
.u-hledat-box{ display:block; background-color: #ececec; height: 10px;}

.menu-box { display: block; margin-top: 10px;}
#left-collumn strong{ background: url('../img/menu-back-up.gif') no-repeat;height: 22px; width: 141px; float: left; padding: 25px 0 0 15px;}
#left-collumn strong a{ color: #000; font-size: 14px;}
.menu-back-up{position:relative; z-index:1;}
.menu-items {background: url('../img/menu-back.gif') repeat-y; width: 192px; clear: both; float: left; margin-top: -10px;}
.menu-items ul{list-style: none ;padding-top: 15px; padding-bottom: 5px;}
.menu-items li{  background: url('../img/menu-sipka.gif') no-repeat 0 3px; padding-left: 20px; padding-right: 10px; margin: 4px 0 4px -25px; }
.menu-back-down { clear: both; background: url('../img/menu-back-down.gif') repeat-x; height: 18px; width: 191px;}
#byt-dum-c, #interier-c, #exterier-c, #stavby-c, #finance-c, #inzerce-c, #firmy-c{ width: 44px; height: 47px; float: right;}
#byt-dum-c{ background: url('../img/byt-dum-c.gif') right no-repeat;}
#interier-c{ background: url('../img/interier-c.gif') right no-repeat;}
#exterier-c{ background: url('../img/exterier-c.gif') right no-repeat;}
#stavby-c{ background: url('../img/stavby-c.gif') right no-repeat;}
#inzerce-c{ background: url('../img/inzerce-c.gif') right no-repeat;}
#finance-c{ background: url('../img/finance-c.gif') right no-repeat;}
#firmy-c{ background: url('../img/firmy-c.gif') right no-repeat;}


/*paticka */
#footer{ border-top: 1px solid #FBD8B6; clear: both; width: 888px; margin: 20px auto; padding-top: 15px; color: #FBD8B6;}
#footer div, #footer div a, #footer .copy a {color: #e5770c;}
#footer .footer_menu, #footer .footer_menu a{ color: #000;s}
#footer .copy{ color: #7A7A7A;}

/*reklama*/
#leaderboard { width: 776px; background: url('../img/reklama-vert.gif') left top no-repeat; margin: auto; height: 102px;}
#skyscarper { background: url('../img/reklama-horizont.gif') right top no-repeat; padding-top: 15px;text-align: right; float:right; margin-bottom: 15px}
#full-kat-cl{text-align: center; margin-top: 20px; padding-bottom: 25px; margin-bottom: 10px;border-bottom: 1px solid #DCDBDB;}
#full-kat-cl div{background: url('../img/reklama-horizont.gif') right top no-repeat;width:468px;padding-top: 15px; margin:auto}
#ctverec{margin-top: 30px;}
#reklama-clanek{float: right; margin: 5px}
#reklama-clanek div{background: url('../img/reklama-horizont.gif') right top no-repeat; padding-top: 15px;height: 300px;width: 300px; margin: 5px;}
hr.clear{ clear:both;height:1px;margin: -1px 0 0 0; padding:0;border:none;visibility: hidden;}
/*pravý sloupec*/
.tip-up{ background: url('../img/tip-up.gif') no-repeat top left; width: 152px; text-transform: uppercase; height: 34px;display:block; color: #FF0000; text-align: center; padding-top: 5px;}
.tip-con{ background: url('../img/tip-back.gif') repeat-y; width: 152px; padding-bottom: 5px;}
.tip-con p{padding: 0 10px;display: inline;}
.tip-b{ background: url('../img/tip-down.gif') no-repeat top left; width: 151px; height: 27px; }


#hreal-up{background: url('../img/hreal-up.gif') no-repeat;display: block; height: 39px;clear: both;width: 125px; text-align: center;}
#hreal-up a{color: #000; font-weight: bold; position: relative; top: 3px}
#hreal{background: url('../img/hreal-b.gif') repeat-y;width: 125px;text-align: center;}
#hreal img{border: 1px solid #C6C6C6; padding: 2px; display: block; margin: 2px auto;}
#hreal .hreal-box{border-bottom: 1px dotted #C6C6C6; width: 115px; padding: 10px 0; margin:auto;  overflow: hidden} 
#hreal strong{font-weight: normal; margin-top: 10px; display: block;}
#hreal-bot{background: url('../img/hreal-down.gif') no-repeat;width: 125px; height: 30px;display: block;}

.kom-top{background: url(../img/kom-sd-top.gif); width: 125px; height: 44px; color: #fff; padding-top: 10px; text-align: center;  text-transform: uppercase; font-weight: bold;}
.kom-top span{width: 110px; font-size: 10px;}
.kom-bot{background: url(../img/kom-sd-bot.gif) top left no-repeat; width: 125px; height: 38px;}
.kom-sd-sp{background: url(../img/kom-sd-mid.gif); width: 125px; height: 30px; }
.kom{background: url(../img/kom-sd-b.gif) repeat-y;}
.kom p{padding: 0 10px 7px 10px;display: block; text-align: center; margin: 0; position: relative; top: -7px;}
.kom p img{display: block; border: 1px solid #000; padding: 2px; margin: 0 auto 3px auto}
.kom a{color: #000};