body{
	margin:0px;
	height:100%;
	font-family: Tahoma, "Lucida Grande CE", lucida, sans-serif;
	font-size: 80%;
	background: #2e2e2e;
}
a { color: #FEC400; }
h1 { font-size: 180%; color: #FEC400; font-variant: small-caps; font-weight: normal; letter-spacing: -1px; margin-top: 0; }
h2 { margin-top: 1.5em; font-size: 120%; color: #999; }
h3 { font-size: 100%; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 0; margin-top: 2em; }

td.number { text-align: right; }
th.horizontal { text-align: left; }

table.fancy { margin: 1em 0; }
table.fancy td,
table.fancy th { padding: 0.3em 0.6em; } 
table.fancy td { background-color: #6B6B6B; }
table.fancy th { background-color: #000; }

sup.footnote, abbr { border-bottom-width: 1px; border-bottom-style: dotted; cursor: help; }
/* boxy */
#topBox{width:100%; height:121px; background:#FFCC00 url('images/back_top.png');}
#menuBox{width:100%; height:35px; background:#333333 url('images/back_menu.png');}
#middleBox{width:100%; height:35px; background:#232323 url('images/back_middle.png') repeat-x; height:auto;padding-top:25px; padding-bottom: 25px;}
#contentBox{width:100%; background:#2E2E2E url('images/back_content.gif') repeat-x; padding-top:25px;  color: #FFF; }
.boxCenter{width:723px; margin:0px auto;}

/* horni box */
#logo{width:102px; height:79px; position:relative; display:block; overflow: hidden; font-size:10px; padding-top:20px; padding-left:5px; float:left; margin-top:20px}
#logo span{background-image: url('images/logo.png');width:102px; height:79px; position:absolute;top:0px;left:0px}
#logoRaifka{float:left; margin-top:20px; margin-left:20px; height:80px}

/* menu */
#menu{float:right;width:380px; margin-top:30px; margin-left:50px;}
#menu li{ height: 80px; line-height: 80px; float:left; list-style-type: none; width:120px; text-align:center}
#menu li a{ text-decoration:none; font-weight:bold; color:#6c6c6c; padding-left:15px;}
#menu li a:hover{background-image: url('images/menu_list.gif'); background-repeat:no-repeat; background-position: 0px 3px; color:#000000}

/* login*/
h2#section{color:#FFFFFF; font-weight:bold; margin:0px; padding:0px; float:left; line-height:25px}
#login{float:right; margin-right:40px}
form{margin:0px}
#login input{background-image: url('images/input.png'); background-color:transparent; width:87px; height:18px; border:0px; padding:4px 0px 0px 5px; font-size:90%; display:block; margin-top:2px; float:left; }
#login span{color:#FFFFFF; font-size:90%; font-weight:bold; float:left; margin:5px 10px 0px 20px}
#login input#submit{width:79px; height:22px;background-color:transparent; background-image:none; margin-left:10px; padding:0px}

/* form */
.checkbox label {
  margin-left: 0.5em;
}

/* breadcrumbs */
#breadCrumbs {
  top: -1em;
  position: relative;
  color: white;
}
#breadCrumbs a:hover, #breadCrumbs a:focus {
  text-decoration: none;
}
/* middle */
.wrappedPicture{border:5px solid #575757; float:left;}
.wrappedPicture a{display: block;}
.wrappedPicture a img{border: 0;}
.wrappedPicture img {margin-bottom: -3px;}


.galleryHeading {
  width: 200px;
  height: 261px;
  line-height: 210px;
  float: left;
}
.galleryLinks {
  float: right;
  width: 400px;
}
.galleryLinks a {
  display: block;
  float: left;
  clear: right;
  margin-right: 10px;
  text-decoration: none;
  width: 173px;
  font-weight: bold;
  text-align: center;
}
.galleryLinks a div {
  margin-top: 0.7em;
}
.galleryLinks a img {
  border: none;
}

h2#heading{width:165px; height:33px; position:relative; overflow: hidden; font-size:100%; margin-top:20px; vertical-align:top; margin-top:10px; margin-left:0px; float:left; color:#FFD902}
h2#heading span{background-image: url('images/zlate_bydleni.png');width:165px; height:33px; position:absolute;top:0px;left:0px}

#middleContent{float:left; width:100%; color:#FFFFFF; font-size:85%; letter-spacing: 0.1em; line-height:17px}
#middleRight{float:right; width:358px;}

/* content */
/*#contentPanelLeft{float:left; width:49%;}
#contentPanelRight{float:left; width:49%}*/
/* leftpanel */
.houseInfo{background-color:#575757; float:left; margin-bottom:15px; width:333px;}
.houseInfo h3, .houseInfo p { clear: left; margin: 0.5em 10px; }
.houseInfo p { font-size:85%; position: relative; padding-bottom: 1em; }
.houseInfo h3 { padding-top: 1em; }
.houseInfo h3 a { color: #FFF; }
.houseInfo p a{ width:23px; height:22px; position:relative; font-size:50%; position: absolute; right: 0; top: -10px; margin-bottom:10px; cursor:pointer}
.houseInfo p a span{background-image:url('images/link.jpg'); width:23px; height:22px; position:absolute; top:0px; left:0px; padding:0px; margin:0px}

/* rightpanel */
#selectorBack{background-color:#575757; width:344px; padding:7px;float: left; clear: right;}
#selectorBack ul{margin:0px; padding:0px}
#selectorBack li{float:left; list-style-type: none; padding:0px; text-align: center; height:45px; width:83px; margin-right:4px;}
#selectorBack li a{height:45px; width:100%; display:block; background-color: #6B6B6B; text-align: center;color:#FFFFFF; text-decoration:none; font-size:90%; vertical-align: middle; position:relative; cursor:pointer;}
#selectorBack li a:hover , #selectorBack li a:focus, #selectorBack li a.selected {background-color: #989898}
#selectorBack #last{margin-right: 0px;}
#selectorContent{width:324px;background-color: #6B6B6B;margin-top:3px; float:left; padding:10px 10px 15px 10px} 
#selectorContent h3{color:#FFFFFF; font-size:80%; margin:5px 0px 0px 10px; width:90%}
#selectorContent select{width:300px; margin:10px 0px 10px 15px}
#selectorContent input{margin:5px 0px 0px 15px}
#checkboxer{position:relative; top:-10px; left:40px; color:#DADADA; width:150px; height:15px; line-height:15px}
#checkboxer input{margin-right:10px;margin-top:0px; padding-top:0px}
#checkboxer span{position:relative; top:-2px}

#subMenu {
  width: 344px;
  background: #575757;
  padding: 7px;
  float: left;
  margin-right: 7px;
}
#subMenu h3 {
  position: relative;
  margin: 0;
  height: 33px;
}
#subMenu h3 span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: url('images/menu.png') left top no-repeat;
}
#subMenu ul {
  padding: 0;
  margin: 0;
}
#subMenu li {
  list-style-type: none;
  height: 36px;
  line-height: 36px;
  margin: 2px 0;
}
#subMenu a {
  display: block;
  height: 36px;
  font-weight: bold;
  color: white;
  padding-left: 20px;
  background: #6b6b6b url('images/list-style-image.gif') 10px 50% no-repeat;
  text-decoration: none;
}
#subMenu a:hover, #subMenu a:focus {
  background-color: #989898;
}


#hpBanners {
  margin: 7px 0 0 0;
  float: left;
}
.hpBanner {
  float: left;
  clear: right;
  margin-right: 7px;
  background: #575757;
  padding: 7px;
}
.hpBanner.last {
  margin-right: 0;
}
.hpBanner a {
  display: block;
}
.hpBanner img {
  border: none;
}

#contentText{float:left;color:#FFFFFF; font-size:85%; letter-spacing:0.1em; margin-left:20px; line-height:17px; width: 330px;float: left;clear: right;}

/* filter */
#resultsHeader {
  background: #575757;
  margin: 1em 0;
  padding: .5em;
}
#resultsHeader div{
  display: inline;
}
#resultsHeader form {
  display: inline;
}
#resultsHeader .select, #resultsHeader .submit {
  margin: 0 1em;
}
#filterResultsFilter {
  margin: 1em 0;
}
#propertiesFilterResult {
  margin: 1em 0;
}
.propertyPreview {
  background: #575757;
  padding: 7px;
  margin-bottom: 1em;
}
.propertyLeftCol {
  float: left;
}
.propertyPreview img {
  display: block;
}
.propertyPreview .propertyLeftCol a {
  display: block;
  float: left;
  margin-right: 7px;
}
.propertyPreview a img {
  border: 2px solid transparent;
}
.propertyPreview a:hover img, .propertyPreview a:focus img {
  border-color: #FEC400;
}
.propertyRightCol {
  float: left;
  clear: right;
  width: 455px;
}
.propertyTopRow {
  float: left;
  clear: right;
  height: 1.3em;
  margin-bottom: 0.8em;
  width: 100%;
}
.propertyPreview h3 {
  margin-top: 0;
  float: left;
  font-size: 130%;
}
.propertyPreview h3 a {
  color: white;
}
.propertyPreview h3 a:hover, .propertyPreview h3 a:focus {
  color: #FEC400; 
}
.propertyPreview .parcelNumber {
  float: right;
  font-weight: bold;
  font-size: 1.2em;
}
.propertyPreview .parcelNumber a {
	color: #FFF;	
}
.propertyMiddleRow {
  float: left;
  clear: left;
  width: 100%;
  font-size: 97%;
} 
.propertyProperties {
  float: left;
  margin-bottom: 0;
}
.propertyProperties th {
  text-align: left;
  padding-right: 1em;
}
.propertyProperties th, .propertyProperties td {
  vertical-align: bottom;
}
.propertyPreview .phase {
  float: left;
  clear: left;
  margin-top: -1em;
  color: #2e2e2e;
  font-size: 2em;
  width: 100%;
  text-align: right;
}
.propertyDetail h3 {
  float: left;
  clear: right;
  margin: 0 0 1em 0;
  width: 400px;
}
.propertyDetail .wrappedPicture {
  margin-right: 1em;
}
#propertyPhotos {
  margin-top: 1em;
}

/* etapa I a II */
.typeButtons {
  margin: 3em auto;
}
#typeButtonsPhaseII {
  background: #575757;
  padding: 7px 6px;
}
.typeButtons#typeButtonsPhaseI {
  width: 394px;
}
.typeButtons a {
  display: block;
  background: #6B6B6B;
  width: 173px;
  margin-right: 6px;
  height: 60px;
  text-align: center;
  line-height: 60px;
  float: left;
  font-size: 1.3em;
  text-decoration: none;
  font-weight: bold;
  position: relative;
  border: 7px solid #575757;
}
#typeButtonsPhaseII a {
  border: none;
}
.typeButtons#typeButtonsPhaseI a {
  margin-right: 20px;
}
.typeButtons#typeButtonsPhaseII a.last, .typeButtons#typeButtonsPhaseI a.last {
  margin-right: 0;
}
.typeButtons a img {
  position: absolute;
  left: 0;
  top: 0;
  border: none;
}
.phase-links .wrappedPicture {
  margin-right: 14px;
}
.phase-links .wrappedPicture.last {
  margin-right: 0;
}

.photo {
  float: left;
  clear: right;
  margin: 5px;
}
.photo a, .photo img {
  display: block;
}
.borderedImg {
	margin: 2em auto;
	border: 3px solid #FFCC00;
	display: block;
}

.house {
	float: left;
	width: 350px;
	height: 300px;	
}


/* footer */
#footer{border-top:3px solid #474747; float:left; width:100%; padding-top:15px;margin-top: 7px; margin-bottom: 2em;}
#footer img{float:left; margin-right:24px; border: none}
#footer img.last{margin-right:0px;}

/* fix vertikalniho centrovani */
.vertCenter1{display: table; height: 45px;  overflow: hidden;margin: 0 auto; width: 90%;}
.vertCenter2{display: table-cell; vertical-align: middle;}

/* contain floatovací bloky */
.contain:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.contain { display: inline-block; }
.contain { display: block; }