/* start setup */

* {
font-family: Helvetica,Arial,sans-serif;
font-size: x-small;
margin: 0;	
border: none;
padding: 0;
color:#000;
}

body		{ background-color: #fff; margin-left: 5px; }

#page		{ 
width: 976px;
margin: 0 auto;
position: relative;
}

#header {
position: relative;
height: 139px;
background-color: #fff;
background-image: url(pcs/logo-bg.jpg);
background-position: 543px 0;
background-repeat: no-repeat;
}

#content {
width: 976px;
position: relative;
margin: 6px 0;
background-image: url(pcs/bg.gif);
background-repeat: repeat-y;
}

#footer {
clear: both;
padding-top: 5px;
width: 950px;
color: #FFF;
background-color: #9C9DA0;
text-align: center;
}

#left-menu {
position: relative;
float: left;
width: 175px;
}

#data {
position: relative;
float: left;
width: 600px;
}

#right-menu {
position: relative;
float: left;
width: 200px;
}

.gap {
height: 6px;
background-color: #FFF;
color: #FFF;
font-size: 3px;
}

/* header */

#logo {
display: block;
width: 241px;
height: 95px;
position: absolute;
top: 15px;
left: 10px;
background-image: url(pcs/logo.gif);
background-repeat: no-repeat;
}

#top-menu {
position: absolute;
bottom: 0px;
left: 10px;
}

#top-menu li {
float: left;
list-style-position: outside;
list-style-type: none;
text-align: center;
}

#top-menu li a {
color: #818181;
font-size: 10px;
}

#top-menu #o-nas	{ width: 41px; text-align: left; }
#nas-tym			{ width: 65px; }
#nemovitosti		{ width: 91px; }
#finance			{ width: 68px; }
#odkup				{ width: 57px; }
#nasi-makleri-radi	{ width: 120px; }
#kontakty			{ width: 78px; }

#icon-menu {
position: absolute;
top: 11px;
right: 20px;
}

#icon-menu a {
display: block;
float: left;
width: 20px;
height: 17px;
margin-right: 4px;
background-position: 0 50%;
background-repeat: no-repeat;
}

.cs #icon-lang {
/*background-image: url(pcs/icon-en.gif);*/
width: 24px;
}

.en #icon-lang {
/*background-image: url(pcs/icon-cs.gif);*/
width: 24px;
}

#icon-menu #icon-currency-1 {
background-image: url(pcs/icon-czk.gif);
width: 26px;
}

#icon-currency-2 {
background-image: url(pcs/icon-eur.gif);
}

#icon-home {
background-image: url(pcs/icon-home.gif);
width: 17px;
}

#icon-email {
background-image: url(pcs/icon-email.gif);
}

#icon-sound {
background-image: url(pcs/icon-sound.gif);
width: 17px;
}

#sound {
float: left;
width: 20px;
height: 17px;
}

/* left-column */
#search {
position: relative;
height: 363px;
background-image: url(pcs/bg-search-off.gif);
}

#search select {
width: 150px;
line-height: 16px;
margin: 13px 0;
border: 1px solid #FFF;
padding: 0;
}

#search-box	{ padding: 76px 0 0 13px; }

#search-form #go {
position: absolute;
bottom: 4px;
right: 6px;
width: 60px;
height: 60px;
background: transparent url('pcs/button-go-off.gif') no-repeat center center;
overflow: hidden;
cursor: pointer;
cursor: hand;
}

#search-form #go:hover, .box-on #go {
background: transparent url('pcs/button-go-on.gif') no-repeat center center;
}

#detail-search-go {
position: absolute;
bottom: 10px;
left: 10px;
width: 80px;
height: 60px;
}

#odkup-banner a {
display: block;
width: 175px;
height: 122px;
background-image: url(pcs/bg-odkup-off.jpg);
}

#odkup-banner a:hover,#odkup-banner.active a { background-image: url(pcs/bg-odkup-on.jpg); }

#vyber {
padding: 45px 12px 20px 12px;
background-image: url(pcs/bg-vyber-off.gif);
background-repeat: no-repeat;
}

#doporucujeme {
padding: 45px 12px 20px 12px;
background-image: url(pcs/bg-doporucujeme-off.gif);
background-repeat: no-repeat;
}

.vyber-zaznam {
position: relative;
margin: 2px 0;
padding: 3px 0;
border-top: 1px dotted #818181;
border-bottom: 1px dotted #818181;
}

.vyber-zaznam .pcs-bg {
display: block;
float: left;
width: 57px;
height: 46px;
margin: 0 5px 0 0;
background-position: 50% 50%;
}

/* data */
#data-border p,#data-border2 p {
margin: 0 0 8px 0px; 
}

#data-border { padding: 0 10px 10px 10px; }

#data-border2 { padding: 0 10px 10px 15px; }

#top-nav {
position: relative;
height: 16px;
border-top: 1px dotted #818181;
border-bottom: 1px dotted #818181;
padding-top: 2px;
}

#bottom-nav {
position: relative;
height: 16px;
border-bottom: 1px dotted #818181;
padding-top: 2px;
}

.right-nav {
position: absolute;
top: 0;
right: 0;
text-align: right;
font-size: 14px;
}

#top-nav .right-nav *,#bottom-nav .right-nav * {
text-decoration: none;
font-size: 14px;
}

.dott-box {
position: relative;
height: 16px;
padding: 3px 0 0 3px;
border-top: 1px dotted #818181;
border-bottom: 1px dotted #818181;
margin: 0 0 10px 0;
}

.dott-box h3 {
display: block;
float: left;
width: 200px;
font-size: 1.1em;
margin: 0;
padding: 0 0 0 10px;
}

.dott-box h3.w320 { width: 324px; }

.dott-box .to-right { width: 355px; text-align: right; }

#top-nav, #top-nav a, #bottom-nav, #bottom-nav a, #list-nav, #list-nav a { color: #818181; }

/* main rec. */
.data-main {
position: relative;
margin-bottom: 10px;
}

.cena {
height: 50px;
padding-top: 4px;
font-size: 1.5em;
text-align: right;
}

.cena span {
line-height: 15px;
}

#main-pcs {
width: 400px;
height: 300px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #FFFFFF !important; /*B2B3B5*/
}

.data-main-left {
position: relative;
float: left;
width: 410px;
}

.data-main-right {
position: relative;
float: left;
width: 168px;
}

.data-main-right .dott-box {
background-image: url(pcs/dalsi-fotky.gif);
background-position: 100% 50%;
background-repeat: no-repeat;
}

.pcs-box-small {
display: block;
width: 85px;
height: 65px;
float: left;
margin: 0 6px 6px 0;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #FFFFFF; /*B2B3B5*/
}

.pcs-arrow {
display: block;
width: 10px;
height: 62px;
float: left;
margin: 0 4px 6px 0;
}

.first-in-line { margin: 0 6px 6px 0; }

.tech-data {
width: 570px;
margin: 0 0 5px 10px;
}

.tech-data td {
text-align: left;
padding: 2px 5px 2px 10px;
}

.dark-row {
background-color: #E5E6E6;
}

.data-content {
position: relative;
float: left;
width: 578px;
}

.data-left {
position: relative;
float: left;
width: 346px;
}

.data-right {
position: relative;
float: left;
width: 230px;
}

.data-makler-left {
position: relative;
float: left;
width: 105px;
}

.data-makler-right {
position: relative;
float: left;
width: 125px;
}

.data-makler-pcs {
float: left;
margin: 6px 0;
}

.data-icon-kontakt {
float: left;
display: block;
width: 34px;
height: 34px;
background-image: url(pcs/button-kontakt-off.gif);
margin: 77px 0 5px 5px;
}

.data-icon-kontakt2 {
display: block;
position: absolute;
top: 1px;
right: 1px;
width: 34px;
height: 34px;
background-image: url(pcs/button-kontakt-off.gif);
}

.data-icon-email {
float: left;
display: block;
width: 34px;
height: 34px;
background-image: url(pcs/button-email-off.gif);
margin: 77px 0 5px 5px;
}

.data-icon-kontakt:hover,.data-icon-kontakt2:hover { background-image: url(pcs/button-kontakt-on.gif); }
.data-icon-email:hover { background-image: url(pcs/button-email-on.gif); }

/* data rec. list - faq */
#data-border .page-perex {
font-size: 1.2em;
line-height: 1.5em;
margin: 10px 0;
text-align: left;
}

.rec-box {
width: 575px;
position: relative;
margin: 10px 0 0 0;
border-bottom: 1px dotted #818181;
}

.rec-box-faq {
width: 570px;
position: relative;
margin: 10px 0 0 0;
border-top: 1px dotted #818181;
}

.rec-box-faq a {
text-decoration: underline;
}

#data-border .rec-box-faq p {
margin: 0 0 8px 0;
padding: 0;
}

.note {
line-height: 3em;
font-size: .9em;
font-style: italic;
}

.last { border: none; }

/* data rec. list - inzeraty */
.rec-box-pcs {
width: 100px;
float: left;
margin-bottom: 5px;
}

.rec-box-pcs a {
display: block;
width: 90px;
height: 60px;
background-repeat: no-repeat;
}

.rec-box-text {
float: left;
width: 410px;
}

.rec-box-line {
position: relative;
height: 25px;
}

.rec-box-data {
display: block;
width: 360px;
float: left;
line-height: 1.6em;
background-color: #D9DDE3;
}

.rec-box-no {
display: block;
width: 100px;
float: left;
line-height: 1.6em;
}

em.prodano {
padding: 0 10px;
color: #fe0346;
font-size: .9em;
}

em.rezervovano {
padding: 0 10px;
color: #fe0346;
font-size: .9em;
}

.next-photos {
background-image: url(pcs/dalsi-fotky.gif);
background-position: 90% 50%;
background-repeat: no-repeat;
}

.rec-box-price {
display: block;
width: 110px;
float: left;
text-align: right;
line-height: 1.6em;
color: #FFF;
background-color: #707274;
margin-left: 1px;
padding-right: 3px; 
font-weight: bold;
}

/* right-clumn */
#pes {
height: 93px;
background-image: url(pcs/bg-right-col-off.gif);
background-position: 0 100%;
background-repeat: no-repeat;
}

#makleri a {
display: block;
width: 200px;
height: 247px;
background-image: url(pcs/bg-makleri-off.jpg);
}

#makler-mesice a {
position: relative;
display: block;
width: 175px;
height: 112px;
background-image: url(pcs/bg-makler-mesice-off.gif);
}

#makler-mesice span {
display: block;
position: absolute;
top: 70px;
left: 13px;
width: 120px;
height: 60px;
}

#formulare a {
display: block;
width: 175px;
height: 122px;
background-image: url(pcs/bg-formulare-off.gif);
}

#pes a {
display: block;
width: 175px;
height: 78px;
background-image: url(pcs/bg-pes-off.jpg);
}

#vip a {
display: block;
width: 175px;
height: 78px;
background-image: url(pcs/bg-vip-off.jpg);
}

#odkazy {
width: 175px;
display: block;
background-image: url(pcs/bg-right-col-off.jpg);
background-position: 0 100%;
background-repeat: no-repeat;
}

#odkazy p {
padding: 0 14px 14px 14px;
text-align: left;
}

#odkazy a {
font-size: .9em;
}

#makleri a:hover,#makleri.active a { background-image: url(pcs/bg-makleri-on.jpg); }
#formulare a:hover,#formulare.active a { background-image: url(pcs/bg-formulare-on.gif); }
#makler-mesice a:hover,#makler-mesice.active a { background-image: url(pcs/bg-makler-mesice-on.gif); }
#pes a:hover,#pes.active a { background-image: url(pcs/bg-pes-on.jpg); }
#vip a:hover,#vip.active a { background-image: url(pcs/bg-vip-on.jpg); }

/* our team & makler detail */
.page-border {
padding: 5px 10px 20px 14px;
}

.page-head {
height: 77px;
margin-bottom: 6px;
background-position: 100% 0;
background-repeat: no-repeat;
padding-top: 12px;
}

.page-head h1 {
font-size: 3em;
margin: 0;
}

.page-border p {
padding: 15px 10px 20px 0;
}

.makler-card {
position: relative;
float: left;
width: 133px;
height: 202px;
margin: 0 12px 20px 0;
background-image: url(pcs/team-box-off.jpg);
background-position: 0 0;
background-repeat: no-repeat;
}

.makler-card a {
display: block;
width: 108px;
height: 134px;
margin: 7px;
}

.makler-card h3 {
font-size: 1.1em;
margin: 0 35px 0 12px;
padding: 0;
}

.makler-card h3 a {
display: inline;
font-size: 1.1em;
margin: 0;
padding: 0;
}

h3 span { 
font-size: .8em;
font-weight: normal;
}

.makler-card.last-in-line {
margin-right: 0px;
}

.makler-card:hover,.makler-card.active {
background-image: url(pcs/team-box-on.jpg);
}

.makler-award {
width: 47px;
height: 47px;
position: absolute;
top: 105px;
left: 84px;
background-image: url(pcs/award.gif);
background-repeat: no-repeat;
}

.makler-card h2 {
margin: 6px 0;
}

#makler-detail {
position: relative;
padding: 10px;
}

#makler-detail h2 {
display: block;
margin-top: 5px;
}

h2 .data-icon-email {
position: absolute;
top: 5px;
right: 20px;
margin: 5px 0 0 0;
background-image: url(pcs/button-email-off2.gif);
}

h2 .data-icon-email:hover { background-image: url(pcs/button-email-on2.gif); }

.detail-bg {
background-image: url(pcs/makler-bg.gif);
background-repeat: repeat;
}

#makler-detail h2 {
font-size: 2em;
}

#makler-detail h3 {
font-size: 1.6em;
font-weight: normal;
}

#makler-photo {
float: left;
width: 220px;
height: 272px;
margin-right: 30px;
border-top: 1px solid #555;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #555;
}

#makler-data {
float: left;
width: 290px;
}

#mapa-photo {
float: left;
width: 220px;
height: 156px;
margin-right: 30px;
border-top: 1px solid #555;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
border-left: 1px solid #555;
}

.tb-doted {
border-top: 1px dotted #818181;
border-bottom: 1px dotted #818181;
margin: 6px 0;
padding: 4px 0;
}

.tb-doted div {
float: left;
width: 80px;
}

.tb-doted span { }

.tb-doted br {
clear: left;
}

/* search page */

#search-detail { 
width: 576px;
margin: 10px 0 0 0;
}

#search-detail td {
border-bottom: 2px solid #fff;
background-color: #f2f2f2;
padding: 5px;
font-size: 1.2em;
}

#search-detail .search-label { 
border-right: 2px solid #fff;
font-size: 1.1em;
font-weight: bold;
}

#search-detail .search-line-s td { background-color: #e6e6e6; }
#search-detail .search-line-s .search-label { background-color: #d4d4d4; }

#search-detail input {
float: left;
color: #000;
padding: 2px;
border: 1px solid #d4d4d4;
}

#search-detail label {
float: left;
width: 96px;
font-size: 1.1em;
padding: 0 2px;
}

#search-detail .pzn { width: 100px; }

#search-detail .comments { width: 400px; height: 80px; }

#search-detail label.small { width: 20px; }

#search-detail br { clear: left; }

.first_td { width: 180px }

.submit-box {
width: 576px;
height: 59px;
text-align: right;
background: url('pcs/search-bottom.gif') no-repeat 100% 100%;
}

.search-button {
width: 131px;
height: 42px;
margin: 8px 24px 0 0;
background: transparent url('pcs/search-off.gif') no-repeat center center;
overflow: hidden;
cursor: pointer;
cursor: hand;
}
.search-button:hover { background-image: url('pcs/search-on.gif') }

/* pages headers */
.nas-tym .page-head { background-image: url(pcs/head-team.jpg); }
.o-nas .page-head { background-image: url(pcs/head-o-nas.jpg); }
.formulare .page-head { background-image: url(pcs/head-formulare.jpg); }
.finance .page-head { background-image: url(pcs/head-finance.jpg); }
.kontakty .page-head { background-image: url(pcs/head-contact.jpg); }
.odkup-reality .page-head { background-image: url(pcs/head-odkup.jpg); }
.makleri-radi .page-head { background-image: url(pcs/head-makleri-radi.jpg); }
.hlidaci-pes .page-head { background-image: url(pcs/head-pes.jpg); }
.vip .page-head { background-image: url(pcs/head-makleri-radi.jpg); }

.page-head#searchpage { background-image: url(pcs/head-search.jpg); }

/* footer */
#footer a {
color: #fff;
}

#footer div {
padding: 6px 10px 3px 10px;
}

#footer div,#footer div a {
color: #d7d6d9;
font-size: 9px;
}

/* zoom page */
#nahled_obrazku {
margin-left: 0;
background-color: #D9DDE3;
}

#nahled_obrazku a {
display: block;
width: 100%;
height: 480px;
background-position: 50% 50%;
background-repeat: no-repeat;
}

/* texts/links */
h1 { font-size: 1.5em; margin: 6px 0 16px 0; }
h2 { margin-bottom: 5px; }
h2 a { font-size: 1.2em; }
h3 { font-size: 1.1em; }

.rec-box-faq h2	{ 
display: block;
font-size: 1.7em;
font-weight: normal;
margin: 8px 0;
}

.rec-box-faq h2 span {
display: block;
position: absolute;
top: 8px;
right: 1px;
width: 30px;
text-align: right;
}

#data ul {
margin: 5px 0 5px 20px;
}

.rec-box-faq h2 span a {
font-size: 1.5em;
color: #F00;
text-decoration: none;
}

sup {
font-size: .7em;
}

p {
text-align: justify;
}

strong {
font-size: 1.1em;
}

a,#data-border span .nounderline {
text-decoration: none;
}

.upper {
text-transform: uppercase;
}

.red {
color: #c01f31;
}

.center {
text-align: center;
}

.page-perex a {
text-decoration: underline;
font-size: 1.1em;
}

#data a {
text-decoration: underline;
}

#data-border .noborder { border: none; }

.reset { clear: left; }