/*
Focus Reality
-------------------------
Author: munio webdesign
Web: 	http://munio.cz/
*/

html, body {text-align:center}
body {margin:0; background:#476294; color:#476293; font-family:Arial, Helvetica, sans-serif}

/* --- BASIC ------------ */
h1, h2, h3, h4, h5, h6, p, blockquote, 
ul, ol, li, dl, dt, dd, 
table, tr, th, td, caption, thead, tbody, tfoot {margin:0; padding:0; font-size:100%; background:transparent}
form, fieldset, legend {margin:0; padding:0; font-size:100%}

/*h1 {font-size:1em; margin:0 0 0.5em 0}
h2 {font-size:1em; margin:0 0 0.5em 0}*/
h3.blue, h3.white, h1.h3 {font-size:1.125em; width:710px; height:43px; margin:0; padding:0 0 0 17px; line-height:43px; background:#758DB9 url('../img/css/h3-bg-blue.png') left top no-repeat; color:#fff; font-weight:normal}
h3.white, h1.h3 {background:#758DB9 url('../img/css/h3-bg-white.png') left top no-repeat}
h4 {font-size:0.75em}
h5 {font-size:0.75em; color:#B41111; text-transform:uppercase}

p {margin:0 0 1.5em 0; font-size:0.75em; line-height:1.5em}
strong, b {font-weight:bold}
big {font-size:1.5em}
a {cursor:pointer; color:#ff7f00; text-decoration:underline}
a:hover {text-decoration:none}
/*a:active, a:focus {}
img {}*/
a img {border:none}

ul, ol {margin:0 0 1.5em 0; list-style:none; font-size:0.75em; line-height:1.5em}
/*ul ul, ol ol, ul ol, ol ul {margin:0; font-size:1em}
ol {margin-left:35px; list-style:decimal}
ul li {padding-left:23px}
ul ul li {background:url('../img/css/li2.png') 10px 3px no-repeat}
ol li {padding-left:0}*/

table {width:100%; margin:0 0 1.5em 0; border-collapse:collapse; border-spacing:0; font-size:0.75em}
/*caption {margin:1px 1px 0 1px; padding:5px; background:#E9F3FA url('../img/css/caption-bg.png') left top repeat-x; font-variant:small-caps; text-align:right; font-size:1.25em}
thead {}
tbody {}
tfoot {}
tr {}*/
th, td {padding:4px 5px; border:1px solid #fff; color:#fff; background:transparent}
th {background:#405884; text-align:left}
td {background:#7286A8}
td.nobg {
  background:transparent;
  color:#476294;
}
td.noborder {border:none}

label, input, textarea, select {font-size:0.75em; font-family:Arial, Helvetica, sans-serif}

#poptavka label, #poptavka input, #poptavka textarea, #poptavka select, #nabidka label, #nabidka input, #nabidka textarea, #nabidka select {font-size:1em; font-family:Arial, Helvetica, sans-serif}

/*form {margin:0 0 1.5em 0}
fieldset {padding:1em}
legend {}
label {}
input, textarea {}
textarea {}
select {}
option {}*/


/* --- LAYOUT ----------- */
#page {width:950px; margin:0 auto; padding:0 5px 40px 5px; background:url('../img/css/page-bg.png') left 25px repeat-y; text-align:left; position:relative}
#content {width:950px; /*padding:25px 20px 10px 10px;*/ background:#fff url('../img/css/content-bg.png') left top repeat-x; overflow:hidden}
#left {width:223px; float:left}
#right {width:727px; padding-top:123px; float:right; background:#fff}


/* --- HEADER ----------- */
#header {width:960px; height:96px; margin:0 auto; background:#E1EEFB url('../img/css/header-bg.jpg') left top no-repeat; text-align:left; overflow:hidden; position:relative}
#header a {display:block; width:228px; height:96px; position:relative}
#header span {display:block; width:228px; width:960px; height:96px; background:url('../img/css/header-bg.jpg') left top no-repeat; position:absolute; left:0; top:0}
#slogan {width:370px; font-weight:bold; position:absolute; left:225px; top:48px}


/* --- MENU ------------- */
#menu {width:223px; margin:0}
#menu li {width:auto; padding:0; line-height:30px; /*background:url('../img/css/menuli-bg.png') left top no-repeat*/}
#menu li a {display:block; width:190px; height:30px; padding:0 0 0 33px; color:#369; text-decoration:none; background:#EAF1F8 url('../img/css/menuli-bg.png') left top no-repeat; text-transform:uppercase; font-weight:bold}
#menu li a:hover {background:#C7D4E4 url('../img/css/menuli-bg.png') left bottom no-repeat}


/* --- CONTENT ---------- */
/*left | buttony*/
#btn-hlenemov, #btn-prodnemov {display:block; width:155px; padding-left:68px; position:relative; overflow:hidden; font-weight:bold}
#btn-hlenemov {height:70px; padding-top:31px; background:url('../img/css/btn-hlenemov.png') left top no-repeat}
#btn-prodnemov {height:84px; padding-top:20px; background:url('../img/css/btn-prodnemov.png') left top no-repeat}
#btn-hlenemov a, #btn-prodnemov a {color:#fff; text-decoration:none}
#btn-hlenemov a:hover, #btn-prodnemov a:hover {text-decoration:underline}

h5.kontakt-box, h5.aktual-box {width:202px; height:31px; line-height:31px; padding:0 0 0 15px; background:url('../img/css/kontakt-box-h5.png') left top no-repeat; color:#B41111}
div.kontakt-box {width:192px; margin-bottom:20px; padding:10px 10px 10px 15px; background:#fff url('../img/css/kontakt-box.png') left bottom no-repeat; color:#666}
div.kontakt-box p {margin:0; line-height:1.875em}

h5.aktual-box {width:182px; padding:0 0 0 35px; background:url('../img/css/aktual-box-h5.png') left top no-repeat}
div.aktual-box {width:188px; margin-bottom:10px; padding:10px 10px 10px 19px; background:#ECECEC url('../img/css/aktual-box.png') left bottom no-repeat; color:#666}
div.aktual-box img {border:4px solid #ccc}
div.aktual-box p {margin:0 0 10px 0; padding-bottom:10px; background:url('../img/css/aktual-box-p.png') left bottom repeat-x}

/*right | homepage*/
#hpmenu {width:711px; height:202px; padding:152px 0 0 16px; background:url('../img/css/hpmenu-bg.png') left top no-repeat}
#hpmenu-novo, #hpmenu-byty, #hpmenu-vily, #hpmenu-novo a, #hpmenu-byty a, #hpmenu-vily a {
  color:#fff;
  text-decoration:none;
  text-align: center;
}

#hpmenu-novo h1, #hpmenu-byty h1, #hpmenu-vily h1 {
   font-size: 17px;
}

#hpmenu-novo a:hover, #hpmenu-byty a:hover, #hpmenu-vily a:hover {text-decoration:underline}
#hpmenu-novo, #hpmenu-byty, #hpmenu-vily {width:203px; height:87px; 
   padding-top:55px;
   padding-right: 15px;
   padding-bottom: 0;
   padding-left: 15px; 
   position:absolute;
   top:123px;
   overflow:hidden;
}
#hpmenu-novo p, #hpmenu-byty p, #hpmenu-vily p{
 margin-top: 0.5em;
 font-size: 13px;
}
#hpmenu-novo {left:234px; background:#2269AD url('../img/css/hpmenu-novo.png') left top no-repeat}
#hpmenu-byty {left:474px; background:#2269AD url('../img/css/hpmenu-byty.png') left top no-repeat}
#hpmenu-vily {left:714px; background:#2269AD url('../img/css/hpmenu-vily.png') left top no-repeat}

#hpsubmenu {width:692px; height:185px}
#hpsubmenu a {color:#476293}
#hpsubmenu a:hover {color:#ff7f00}
#hpsubmenu ul {margin:0}
#hpsubmenu ul li {width:276px; height:61px; padding:0 0 0 70px; float:left}
#hpsubmenu ul li#hpsm-byt {background:url('../img/css/hpsm-byt.png') left top no-repeat}
#hpsubmenu ul li#hpsm-zahrada {background:url('../img/css/hpsm-zahrada.png') left top no-repeat}
#hpsubmenu ul li#hpsm-chata {background:url('../img/css/hpsm-chata.png') left top no-repeat}
#hpsubmenu ul li#hpsm-kom {background:url('../img/css/hpsm-kom.png') left top no-repeat}
#hpsubmenu ul li#hpsm-garaz {background:url('../img/css/hpsm-garaz.png') left top no-repeat}
#hpsubmenu ul li#hpsm-kancl {background:url('../img/css/hpsm-kancl.png') left top no-repeat}
#hpsubmenu h2 {margin:0}

.right-content, .right-content-short {width:696px; padding:15px; border-left:1px solid #fff; background:#fff url('../img/css/right-content_bg.png') left top repeat-x; overflow:hidden}
.right-content-short {min-height:600px}
* html .right-content-short {height:600px; overflow:visible}
.right-content .date {margin:0; font-weight:bold}

/*table nas tip*/
table.tip {margin:0}
td.imgtip {width:140px; background:none; padding:0; vertical-align:top}
td.imgtip img {border:3px solid #415984}
td.redbg {background:#B41010}

table .moreinfo {
  display:block;
  width:100px;
  padding:4px;
  background:#fff url('../img/css/moreinfo.png') left bottom repeat-x;
  color:#495F89;
  border:3px solid #ABC2EC;
  text-decoration:none;
  text-align:center;
  font-weight:bold
}

/*right | detail*/
.detail {width:696px; overflow:hidden;}
.detail-left {width:365px; float:left}
.detail-right {width:316px; float:right}

.detail ul.properties {margin:0 0 5px 0}
.detail ul.properties li {padding:2px 0; border-top:1px solid #D9DDE6}
.detail ul.properties b {color:#3F5783}
.detail p.cena {display:block; padding:5px; font-size:0.875em; color:#fff; font-weight:bold; background:#B41010}

.detail-preview {width:316px; margin:0 0 1em 0; background:#E4EFFC url('../img/css/detail-preview-bg.png') left bottom repeat-x}
.detail-preview img {display:block}
.detail-slide {width:276px; height:74px; padding:8px 20px; overflow:hidden; position:relative}
.detail-slide img {float:left; margin-right:3px}
#detail-slide-prev {display:block; width:13px; height:90px; position:absolute; left:0; top:0; background:url('../img/css/detail-prev.png') left top no-repeat}
#detail-slide-next {display:block; width:13px; height:90px; position:absolute; right:0; top:0; background:url('../img/css/detail-next.png') left top no-repeat}

h4.vyrizuje {margin:0; height:30px; line-height:30px; padding:0 15px; background:#B51212 url('../img/css/vyrizuje-h4-bg.png') left top repeat-x; color:#fff}
.vyrizuje {margin-bottom:1em; padding:10px; background:#758DB9 url('../img/css/vyrizuje-bg.png') left bottom repeat-x; overflow:hidden}
.vyrizuje img {border:1px solid #fff; float:left}
.vyrizuje p {margin:0 0 0 70px; color:#fff; background:transparent}
.vyrizuje a {color:#fff; background:transparent}
#vyrizuje-btns {width:316px; overflow:hidden}
#btn-mapa, #btn-tisk, #btn-email, #btn-dotaz, #btn-finance, #btn-hypo {width:148px; height:27px; margin:1px; padding:13px 0 0 8px; float:left; text-decoration:none; color:#3F5783; font-size:0.75em; font-weight:bold; overflow:hidden}
#btn-mapa {background:url('../img/css/btn-mapa.png') left top no-repeat}
#btn-tisk {background:url('../img/css/btn-tisk.png') left top no-repeat}
#btn-email {background:url('../img/css/btn-email.png') left top no-repeat}
#btn-dotaz {background:url('../img/css/btn-dotaz.png') left top no-repeat}
#btn-finance {background:url('../img/css/btn-finance.png') left top no-repeat}
#btn-hypo {background:url('../img/css/btn-hypo.png') left top no-repeat}

/*right | main search*/
#msearch {width:697px; /*height:304px;*/ padding:15px; background:url('../img/css/hpmenu-bg.png') left bottom no-repeat; overflow:hidden}
#msearch-map, #msearch-location {width:348px; height:120px; margin-bottom:15px; float:left; position:relative}
#msearch-location {width:348px; float:right}
#msearch-other {width:697px; /*height:180px;*/ clear:both; position:relative}

#msearch div.line {width:697px; margin:0 0 4px 0; overflow:hidden}
#msearch fieldset {padding:0; border:none}
#msearch label.title, #msearch p.title {display:inline; margin:0; padding-top:3px; color:#486294; font-weight:bold}
#msearch-map img {position:absolute; right:0; top:0; border:none}
#msearch-location select {width:220px; margin:0 0 5px 0}

#msearch .w90 {display:block; width:90px; float:left}
#msearch .w80 {display:block; width:70px; float:left}
#msearch .w150 {width:150px; margin-right:10px}
#msearch .w120 {width:120px}
#msearch .w30 {width:30px}
#msearch #dispozice2 {width:607px; padding-left:90px}
.line span, .line span.long {display:block; width:60px; margin:0; float:left}
.line span.long {width:95px}
span.optional_value{ width: 100px;}
#msearch-btn {
  width:161px;
  height:45px;
  padding-left:30px;
  background:#9C3737 url('../img/css/msearch-btn.png') left top no-repeat;
  font-size:1.188em;
  font-weight:bold;
  color:#fff;
  border:none;
  position: absolute;
  margin-left:20px;
  float: right;
  margin-bottom:0px;
  cursor:pointer;
}

.flats_kind_1 {
  position: absolute;
  right: 92px;
}

h3.numbers {position:relative}
h3.numbers span {position:absolute; right:15px; bottom:0; text-align:right; font-size:0.75em}
.pages {margin:0 0 1em 0; width:696px; overflow:hidden}
.pages li {display:block; width:232px; padding:0; float:left}
.pages .center {font-weight:bold; margin-left: 30%;}
span.flats_kind_16 input, span.flats_kind_16 label{
  display:none;
}
span.flats_kind_17 input, span.flats_kind_17 label{
  display:none;
}
span.garret{
  display:block;
  width: 120px;
}

/* --- FOOTER ----------- */
#footer {width:920px; height:90px; margin:0 auto; padding:25px 20px 0 20px; background:url('../img/css/footer-bg.png') left top no-repeat; text-align:right; color:#9F9F9F}
#footer a {color:#9F9F9F}


/* --- OTHERS ----------- */
hr {margin:1.5em 0; border:1px solid #476294}
.narrow {display:block; width:100%; height:1px; margin:0.1em 0; background:#BBC7DB; border:none}
* html .narrow {display:block; width:100%; height:1px; margin:0.25em 0; border:1px solid #BBC7DB}
.nos {display:none}

.center {text-align:center}
.right {text-align:right}

#dekor {width:727px; height:123px; background:url('../img/css/dekor.jpg') left top no-repeat; position:absolute; left:228px; top:0}
.green {color:#03AD23}
.uppercase {text-transform:uppercase}
p.advert_function_title {padding-left:8px;}

#flash {
  clear:both;
  padding-top: 20px;
}

table.tip td {
  padding: 0;
  padding-left: 5px;
}
table.tip td.nobg {
  padding-left: 0;
}

table.tip td.title {
  padding-left: 5px;
}