/**INIT**/
* {
  margin: 0px;
  padding: 0px;
}

body,table, input {
  font-size: 12px;
  font-family: Arial, Tahoma, Trebuchet MS;
  font-weight: normal;
  color: #000;	
}

body {
  text-align: center;
  line-height: 150%;
  background: #5EABE0 url('../images/bkg-body.png') left top repeat-x;
}

img {
  border: 0;
}

a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  text-decoration: none;
}

p {
  margin-bottom: 10px;
}

h1,h2,h3,h4,h5,h6 {
  margin-bottom: 10px;
}

.frm-text {
  padding: 2px;
  border: 1px solid #c1bfbf;
  background: url('../images/frm-text.gif') left top repeat-x;
  width: 112px;
  height: 14px;
}

.frm-select {
  border: 1px solid #c1bfbf;
  background: url('../images/frm-text.gif') left top repeat-x;
  width: 116px;
  height: 18px;
}

.frm-select option {
  background: white;
}

.container {
  text-align: left;
  margin: 0 auto;
  width: 1001px;
  overflow: hidden;  
}

.header .header-picture {
  width: 1001px;
  height: 132px;
  overflow: hidden;
  background: url('../images/header.jpg') no-repeat;
}

.header .header-bottom {
  height: 14px;
  background: url('../images/header-bottom.jpg');
}

.top-menu {
  height: 58px;
  width: 100%;
  overflow: hidden;
  background: url('../images/bkg-top-menu.jpg') no-repeat;
}

.top-menu ul {
  margin-top: 12px;
  list-style: none;
}

.top-menu li {
  float: left;
  display: inline;
}

.top-menu a {
  color: white;
  font-weight: bold;
  text-decoration: none;
  display: block;
  margin-left: 20px;
}

.top-menu a:hover {
  text-decoration: underline;  
}

.top-menu span {
  color: white;
  font-size: 11px;
  margin-left: 20px;
}

.top-menu .top1 { width: 113px; }
.top-menu .top2 { width: 181px; }
.top-menu .top3 { width: 175px; }
.top-menu .top4 { width: 186px; }
.top-menu .top5 { width: 178px; }
.top-menu .top6 { width: 168px; }


.footer {
  margin-bottom: 20px;
  position: relative;
  width: 1001px;
  height: 133px;
  color: white;
  background: url('../images/footer.jpg') no-repeat;
}

.footer a {
  color: white;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer .copy {
  position: absolute;
  left: 153px;
  top: 101px;
}

.footer .realisation {
  position: absolute;
  left: 587px;
  top: 101px;
}

.content {
  width: 100%;
  overflow: hidden;
}

.left {
  float: left;
  display: inline;
  width: 273px;
  margin-right: 3px;
}

.right {
  float: left;
  display: inline;
  width: 725px;
}

.top-search {
  position: relative;
  width: 725px;
  height: 109px;
  overflow: hidden;
  background: url('../images/bkg-search.png') no-repeat;
}

.box-title {
  position: absolute;
  color: white;
  font-size: 12px;
  font-weight: bold;
  left: 67px;
  top: 9px;  
}

.search-form {
  position: relative;
  margin-top: 44px;
  margin-left: 24px;
}

.search-form .select-category {
  width: 163px;
  margin-right: 9px;
}

.search-form .select-type {
  width: 108px;
}

.search-form .btn-search {
  position: absolute;
  right: 20px;
  top: 8px;
}

.search-form table td {
  padding: 2px;
}

.btn-search {
  border: none;
  background: url('../images/search.jpg') no-repeat;  
  width: 84px;
  height: 30px;
  cursor: pointer;
}

.menu-header {
  position: relative;
  background: url('../images/bkg-menu-header.png') no-repeat;
  height: 36px;
}

.menu-header .box-title {
  left: 60px;
}

.menu-body {
  background: white;
  width: 100%;
  overflow: hidden;
}

.menu .level0 {
  list-style: none;
  width: 246px;
  margin: 9px 0 10px 13px;
}

.menu .level0 li {
  margin-top: 2px;
}

.menu .level0 a {
  display: block;
  width: 230px;
  height: 23px;
  line-height: 23px;
  padding-left: 16px;  
  background: url('../images/bkg-menu-item.png') left top no-repeat;
  text-decoration: none;
}

.menu .level0 a:hover,
.menu .level0 .active {
  background-position: 0 -23px;
  color: white;
}

.menu .level1 {
  list-style: none;  
  margin: 7px 0 7px 33px;
}

.menu .level1 a {
  background: none;
  color: #b92524;
  width: 100%;
}

.menu .level1 a:hover,
.menu .level1 .active{
  text-decoration: underline;
  color: #b92524;
}

.menu-footer {
  background: url('../images/bkg-menu-footer.png') no-repeat;
  height: 12px;
}

.add-property {
  position: relative;
  margin-top: 17px;
  width: 273px;
  height: 293px;
  background: url('../images/add-property.png') no-repeat;
}

.add-property a {
  position: absolute;
  left: 19px;
  top: 226px;
  width: 239px;
  height: 47px;
}

.top-properties {
  margin-top: 13px;
}

.top-properties-header {
  position: relative;
  width: 100%;
  height: 38px;
  overflow: hidden;
  background: url('../images/bkg-topproperties-header.png') no-repeat;
}

.top-properties-body {
  height: 148px;
  background: white url('../images/bkg-topproperties-body.png') left bottom repeat-x;  
}

.top-properties-footer {
  height: 8px;
  background: url('../images/bkg-topproperties-footer.png') no-repeat;
}

.tp-menu {
  margin-left: 168px;
  margin-top: 7px;
}

.tp-menu a {
  color: white;
  float: left;
  height: 20px;
  display: inline;
  font-size: 11px;
  text-decoration: none;
  text-align: center;
  background-repeat: no-repeat;
  margin-right: 10px;
}

.tp-menu a:hover,
.tp-menu .active {
  background-position: 0 -20px;
}

.tp-menu .item1 { width: 53px; background-image: url('../images/bkg-top1.png'); }
.tp-menu .item2 { width: 45px; background-image: url('../images/bkg-top2.png'); }
.tp-menu .item3 { width: 106px; background-image: url('../images/bkg-top3.png'); }
.tp-menu .item4 { width: 70px; background-image: url('../images/bkg-top4.png'); }
.tp-menu .item5 { width: 158px; background-image: url('../images/bkg-top5.png'); }

.top-properties-body .property {
  position: relative;
  display: inline;
  float: left;  
  border: 1px solid #f0f0f0;
  width: 334px;
  height: 146px;
  background-color: white;
}

.property .image {
  position: absolute;
  width: 141px;
  height: 121px;
  top: 12px;
  left: 11px;
  background: url('../images/bkg-image.jpg') no-repeat;
  overflow: hidden;
}

.property .image img {
  margin: 10px;
  display: block;
  width: 121px;
  height: 101px;
}

.top-properties-body .first {
  margin-left: 15px;
}

.property .info {
  position: absolute;
  left: 166px;
  top: 22px;
}

.top-properties-body .btn-detail {
  width: 96px;
  height: 31px;
  background: url('../images/more-info-a.jpg') no-repeat;
  display: block;
  margin-top: 10px;
}

.property .info table {
  border-collapse: collapse;
  width: 155px;
}

.property .info table td,
.property .info table th {
  text-align: left;
  font-weight: normal;
  padding-top: 3px;
  border-top: 1px solid white;
}

.property .info table th {
  padding-left: 7px;
}

.top-properties-body .info .tr1 {
  background-color: #d8d8d8;
}

.top-properties-body .info .tr2 {
  background-color: #f0f0f0;
}

.top-properties-body .info .title {
  color: #662966;
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}

.top-properties-body .separator {
  display: inline;
  float: left;
  width: 26px;
  height: 149px;
  overflow: hidden;
  background: url('../images/topproperty-separator.jpg') center top no-repeat;
}

.page-content {  
  margin-top: 14px;
}

.page-content-header {
  height: 41px;
  position: relative;
  background: url('../images/bkg-content-header.png') no-repeat;
}

.page-content-body {
  width: 100%;
  overflow: hidden;
  background: white url('../images/bkg-content-body.png') left bottom repeat-x;
}

.page-content-footer {
  height: 11px;
  background: url('../images/bkg-content-footer.png') no-repeat;
}

.page-content .properties {
  width: 685px;
  overflow: hidden;
  margin-left: 20px;
  margin-top: 7px;
}

.page-content .properties .vr {
  float: left;
  display: inline;
  background: url('../images/vr.gif') center top no-repeat;
  width: 37px;
  height: 278px;
  overflow: hidden;
}

.page-content .properties .hr {
  clear: both;
  background: url('../images/hr.gif') center center no-repeat;
  height: 29px;
  overflow: hidden;
}

.page-content .property {
  float: left;
  display: inline;
  position: relative;
  border: 1px solid #f0f0f0;
  width: 322px;
  height: 276px;
  background-color: white;
}

.page-content .property .category {
  position: absolute;
  left: 19px;
  top: 20px;
  font-size: 13px;
  font-weight: bold;
  color: #b92524;
}

.page-content .property .info {
  left: 166px;
  top: 64px;
}

.page-content .info .title {
  color: #4e4e4e;
  font-weight: bold;
  display: block;
  margin-bottom: 3px;
}

.page-content .property .image {  
  top: 53px;
}

.page-content .property table {
  width: 133px;
}

.page-content .property td {
  padding-left: 5px;
}

.page-content .property .tr1 {
  color: white;
  background-color: #b52523;
}

.page-content .property .tr2 {
  background-color: #f0f0f0;
}

.page-content .property .btn-detail {
  width: 96px;
  height: 31px;
  background: url('../images/more-info-b.jpg') no-repeat;
  display: block;
  margin-top: 10px;
}

.page-content .property .description {
  position: absolute;
  top: 180px;
  left: 19px;
  width: 285px;
  font-size: 11px;
}

.page-content .property .description .desc-title {
  font-weight: bold;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}

.page-content .property .num {
  position: absolute;
  right: 0;
  bottom: 0;  
  width: 29px;
  height: 27px;
  line-height: 27px;
  text-align: center;  
  background-color: #f0f0f0;
  font-weight: bold;
}

.text {
  overflow: hidden;
  width: 643px;
  padding: 0 20px 0 20px;
  text-align: justify;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #b92524;
}

.text h1,
.text h2,
.detail h1,
.detail h2 {
  font-size: 17px;
  font-weight: bold;
}

.text h3,
.detail h3 {
  font-size: 14px;
  font-weight: bold;
}

.text h4,
.detail h4 {
  font-size: 13px;
  font-weight: bold;
}

.text h5,
.text h6,
.detail h5,
.detail h6 {
  font-size: 12px;
  font-weight: bold;
}

.detail {
  overflow: hidden;
  width: 643px;
  padding: 0 20px 0 20px;
}

.detail-over {
  position: relative;
  overflow: hidden;
  width: 643px;
  margin: 20px 0 20px 0;
}

.detail-img {
  float: left;
  display: inline;
  width: 250px;
}

.detail-info {
  position: relative;
  float: right;
  display: inline;
  width: 373px;
  line-height: 28px;
  border-collapse: collapse;
}

.detail-param {
  width: 643px;
  line-height: 28px;
  border-collapse: collapse;
  margin: 10px 0 10px 0;
}

.detail-info th,
.detail-info td,
.detail-param th,
.detail-param td {
  border-bottom: 2px #FFF solid;
}

.detail-info-tr1,
.detail-param-tr1 {
  background-color: #EEEEEE;
}

.detail-info th,
.detail-param th {
  width: 90px;
  padding-left: 15px;
  font-weight: bold;
}

.detail-info td {
  width: 283px;
}

.detail-param th {
  width: 243px;
  padding-left: 15px;
}

.detail-param td {
  width: 400px;
  padding-left: 15px;
}

.detail-param-tr1:hover th,
.detail-param-tr1:hover td,
.detail-param-tr2:hover th,
.detail-param-tr2:hover td {
  cursor: pointer;
  color: #FFF;
  background-color: #b92524;
}

.detail p {
  text-align: justify;
}

.detail-gallery {
  overflow: hidden;
  width: 643px;
}

.detail-gallery div {
  overflow: hidden;
  float: left;
  display: inline;
  width: 120px;
  height: 90px;
  padding: 4px;
  margin: 10px 15px 0 15px;
  border: 1px #848484 solid;
}

.detail-gallery div:hover {
  border: 1px #b92524 solid;
}

.Invoice {
  overflow: hidden;
  width: 643px;
  padding: 0 20px 0 20px;
}

.Invoice table {
  overflow: hidden;
  width: 633px;
  border-collapse: collapse;
  line-height: 27px;
  margin: 0 0 0 15px;
}

.Invoice th {
  width: 320px;
  font-weight: bold;
  color: #C54140;
  text-align: left;
}

.Invoice select {
  width: 300px;
  height: 20px;
  padding: 1px 0 0 0;
  font-size: 11px;
}

.Invoice textarea {
  width: 603px;
  height: 90px;
  font-size: 11px;
  padding: 2px 5px 0 5px;
  border: 1px #C7C4C4 solid;
  margin-top: 10px;
}

.Invoice textarea:focus,
.InvInp:focus {
  border: 1px #AF0A00 solid;
}

.InvInp {
  width: 288px;
  height: 16px;
  font-size: 11px;
  padding: 2px 5px 0 5px;
  border: 1px #C7C4C4 solid;
}

.InvSub {
  cursor: pointer;
  width: 616px;
  height: 25px;
  font-size: 11px;
  margin: 10px 0 10px 0;
  border: 1px #C7C4C4 solid;
  font-weight: bold;
  background: #FFF;
}

.error-list {
  color:red;
  font-style: italic;
}

.message {
  font-style: italic;
  text-align: center;
  margin: 15px;
  color: #165b92;
}

.pages {
  display: block;
  overflow: hidden;
  width: 255px;
  text-align: center;
  margin: 20px auto 12px auto;
  padding-top: 0px;
}

.pages a {
  float: left;
  display: inline;
  margin-left: 4px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background-color: #b52523;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.pages a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #d72827;
}

.pages div {
  float: left;
  display: inline;
  margin-left: 4px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: #FFF;
  font-weight: bold;
  background-color: #787878;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.pages span {
  float: left;
  display: inline;
  padding-left: 2px;
}