@charset "utf-8";
/* CSS Document */

#pageListing{
    
    height:40px; width:480px;}
 
#listobjects{margin:0px;padding:0px;    width:480px; margin-top:10px;}
.object{
width:435px;height:180px;
/*  border:solid 1px red;  */
margin-bottom:18px;
border-bottom:solid 1px #c6c6c6;
margin-top:0px; margin-left:10px;

}
.pageLink{float:left;
 font-size:20px;
 padding:10px;

}
.pagelink span{
    cursor: pointer;
}
.current{font-size:bold}
  .current {
  font-weight: bold;
  border-radius: 999px;
  box-shadow: 0 0 0 1px hwb(220 36% 6%);
 vertical-align:  bottom; 
}
 
.pageLink span {
  display: inline-block;
  padding: 2px 6px;   /* 👈 додає “повітря” по боках */
  line-height: 1;      /* прибирає зайву висоту рядка */
}



.objectPict{
    width:205px; height:175px;  float:left;
}
.objectPict img{width:200px;height:155px;}

.objectDescr{
    width:230px; height:175px;  float:right;
    position:relative;  /*  need for other blox absolute positioning  */
}
.objectName{
    font-family: Arial, Helvetica, sans-serif;
    font-size:14px; max-height:50px;max-width:220px; 
    overflow:hidden; 
}
.object-link{
color:#000;
text-decoration:none;
}

.objectObl{
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;color:darkgreen;
    margin-bottom:10px;
}
.objectOrendaProdazh{
    font-size:12px;
    width:108px;height:20px;
  /*  border:solid 1px red;    */

  color:darkgreen;
  position:absolute; left:140px;top:55px;
  text-align:right;
}
/* .objectPodobovo{
    font-size:12px;
    width:108px;height:20px;
  
  color:darkgreen;
  position:absolute; left:110px;top:35px;
  text-align:right;
} */





.objectText{
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:gray;width:220px;height:50px; 
    overflow: hidden;
}
.objectPrice{
    font-family: Arial, Helvetica, sans-serif;
    font-size:16px;
     font-weight: bold;
     margin-bottom:6px;
}
.objectPrice  span{font-size:12px; color:darkslategrey; }
.objectId{
    width:50px;height:20px;
    position:absolute;top:156px;right:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;color: #000;
}
.objectDate{
    width:100px;height:20px;
    position:absolute;top:156px;left:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;color: #000;
    /*  border:solid 1px red;   */
}
 
#notif{
   width:100%; padding:4px;
   font-family: Arial, Helvetica, sans-serif;font-weight: bolder;
}

/*----------------------------   ADAPTIVE   ------------------ */
/*----------------------------   ADAPTIVE   ------------------ */
/*----------------------------   ADAPTIVE   ------------------ */
/*----------------------------   ADAPTIVE   ------------------ */



@media (max-width: 1200px) {
	/*  почне застосовуватися якщо ширина екрану менше або дорівнює 1200
    при цьому права колонка з обєктами  отримує ширину 440 пх ПОЧАТКОВА ШИРИНА КАРТИНКИ 205, ОПИСУ 230*/
    #listobjects{  width:400px; margin-top:10px;}
    #pageListing{ height:40px; width:400px;}
	.object{  width:400px;}
    .objectDescr{ width:190px; height:175px;  float:right; }
    .objectOrendaProdazh{  height:20px; position:absolute; left:70px;top:52px;  }
 
  }

  @media (max-width: 900px) {
	/*  почне застосовуватися якщо ширина екрану менше або дорівнює 900
    при цьому права колонка з обєктами  отримує ширину 340 пх наступна ШИРИНА КАРТИНКИ 205, ОПИСУ 190*/
    #listobjects{  width:340px; margin-top:10px;}
    #pageListing{ height:40px; width:340px;}
	.object{  width:338px;}
    .objectDescr{ width:130px; height:175px;  float:right; }
    .objectOrendaProdazh{  height:20px; position: static;text-align:left;  }
    .objectText{ display:none;  }
  }