Tendencias de construcción

Varias entidades gubernamentales del país van afirmando su voluntad de hacer que México esté en la delantera de los países con más desarrollo sustentable...

Tecnología en el hogar ¿Cómo nos ayuda a optimizar las tareas?

Lamudi - 24 septiembre, 2021

La implementación de tecnología en el hogar va más allá de vivir con un Hall 9000 al estilo Odisea: 2001 se trata de elementos...

4 estilos para la fachada de casas. Ideas para construir

Redacción Lamudi - 12 enero, 2016

Aquí les dejamos algunas ideas de fachada de casas para aquellos que están construyendo o renovando su vivienda; se trata de una pequeña guía...

Albercas ecológicas y biopiscinas para tu hogar ¿Qué son y cómo construirlas?

Lamudi - 19 noviembre, 2021

Hoy en día los modelos sustentables y ecológicos para las casas son una realidad que más allá de una moda resultan una necesidad para...

12 Page 1 of 2

/* START LAMUDI MX LISTINGS ON PAGES */

.ListingCell-row {
  margin-top:20px;
}

.ListingCell-row a:hover .ListingCell-KeyInfo-title {
  text-decoration: underline;
}

.ListingCell-row .ListingCell-content {
  position: relative;
  padding-left: 0;
  background: #ffffff;
}

.ListingCell-shortDescription {
  margin-top: 10px;
  max-height: 36px;
  overflow: hidden;
  font-size: 12px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
}

.ListingCell-shortDescription a {
  color: #4a4a4a;
  font-weight: normal;
}

.ListingCell-shortDescription a:visited,
.ListingCell-shortDescription a:focus,
.ListingCell-shortDescription a:hover,
.ListingCell-shortDescription a:active {
  color: #4a4a4a;
}

.expanded {
  max-height: 72px;
  -webkit-line-clamp: 4;
}

.ListingCell-wrapper:visited:active {
  color: #000000;
}

.ListingCell-AllInfo {
  position: relative;
  background-color: #ffffff;
  margin-left: 35px;
  float: left;
  width:55%;
}

h3.ListingCell-KeyInfo-title {
    line-height: initial;
    margin-top: initial;
    margin-bottom: 15px;
}

.ListingCell-KeyInfo-title {
  font-size: 13px;
  font-weight: 700;
  color: #3366cc;
  margin-bottom: 10px;
}

.ListingCell-KeyInfo-title a {
  color: #3366cc;
}

.ListingCell-KeyInfo-title a:visited,
.ListingCell-KeyInfo-title a:focus,
.ListingCell-KeyInfo-title a:hover,
.ListingCell-KeyInfo-title a:active {
  color: #3366cc;
}

.fixed-width {
  width: 428px;
}

.ListingCell-KeyInfo-price {
  margin-bottom: 10px;
}

.ListingCell-KeyInfo-price .PriceSection-FirstPrice {
  font-size: 13px;
  font-weight: 400;
}

.ListingCell-KeyInfo-price .PriceSection-SecondPrice {
  font-size: 13px;
  font-weight: normal;
  white-space: nowrap;
}

.ListingCell-KeyInfo-price a {
  display: block;
  color: #000000;
  font-weight: normal;
}

.ListingCell-KeyInfo-price a:visited,
.ListingCell-KeyInfo-price a:focus,
.ListingCell-KeyInfo-price a:hover,
.ListingCell-KeyInfo-price a:active {
  color: #000000;
}

.ListingCell-KeyInfo-price .PriceLabel {
  font-weight: 400;
}

.ListingCell-KeyInfo-address a {
  color: #000000;
}

.ListingCell-KeyInfo-address a:visited,
.ListingCell-KeyInfo-address a:focus,
.ListingCell-KeyInfo-address a:hover,
.ListingCell-KeyInfo-address a:active {
  color: #000000;
}

.ListingCell-KeyInfo-address,
.ListingCell-KeyInfo-demand {
  margin-bottom: 3px;
  color: #000000;
  font-size: 13px;
  font-weight: 400;
}

.ListingCell-KeyInfo-distance {
  float: left;
  margin-right: 10px;
  background-color: rgba(0, 204, 255, 0.1);
  width: 47px;
  height: 20px;
}

.KeyInformation-attribute{
  font-size: 13px;
  display: inline-block;
  margin-right: 10px;
  width:35%;
}
.KeyInformation-attribute a{
     color: #000;
}

.ListingCell-placeholder {
  background-size: cover;
  background-position: center;
  width: 380px;
  height: 244px;
}

.ListingCell-MainImage {
  background-color: #ffffff;
  padding-right: 0;
  padding-left: 0;
  width: 250px;
  float: left;
  position: relative;
  heigth: 155px;
}

.ListingCell-MainImage .ImageSection-loading {
  -webkit-animation: rotate 1s infinite linear;
  animation: rotate 1s infinite linear;
  background: url("/img/loading-black.png") no-repeat center;
}

.ListingCell-MainImage .ImageSection-loading img {
  width: 380px;
  height: 244px;
}

.ListingCell-MainImage a {
  display: block;
}

.ListingCell-image {
  overflow: hidden;
  width: 100%;
}

.ListingCell-image img {
  width: 100%;
  /**
    lazy load
     */
  opacity: 0;
  transition: opacity .6s ease-in;
}

.icon-pin:before {
  margin-right: 5px;
}

.ListingCell-Featured {
  z-index: 1;
  width: auto;
  padding-right: 5px;
  background-color: #33cccc;
}

.ListingCell-NewDevelopment {
  z-index: 1;
}

.ListingCell-ImageCount {
  position: absolute;
  z-index: 1;
  padding: 0 4px 0 0;
  width: auto;
  margin-top: 210px;
  margin-left: 15px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #ffffff;
  font-size: 10px;
  font-weight: 700;
}

.ListingCell-ImageCount-text {
  vertical-align: sub;
  margin-left: 5px;
  text-transform: uppercase;
}

.ListingCell-Featured,
.ListingCell-NewDevelopment {
  position: absolute;
  top: 20px;
  font-size: 10px;
  font-weight: 700;
  color: #ffffff;
  line-height: 25px;
}

.ListingCell-Featured .ListingCell-Featured-text,
.ListingCell-Featured .ListingCell-NewDevelopment-text,
.ListingCell-NewDevelopment .ListingCell-Featured-text,
.ListingCell-NewDevelopment .ListingCell-NewDevelopment-text {
  display: block;
  padding: 0 17px 0 0;
  text-transform: uppercase;
}

.ListingCell-Featured .ListingCell-Featured-text[class*=" icon-"]::before,
.ListingCell-Featured .ListingCell-NewDevelopment-text[class*=" icon-"]::before,
.ListingCell-NewDevelopment .ListingCell-Featured-text[class*=" icon-"]::before,
.ListingCell-NewDevelopment .ListingCell-NewDevelopment-text[class*=" icon-"]::before {
  position: relative;
  top: 1px;
  margin: 0 6.3px 0 11px;
  font-size: 12px;
  font-weight: 700;
}

.ListingCell-Featured .ListingCell-Featured-text.icon-featured::before,
.ListingCell-Featured .ListingCell-NewDevelopment-text.icon-featured::before,
.ListingCell-NewDevelopment .ListingCell-Featured-text.icon-featured::before,
.ListingCell-NewDevelopment .ListingCell-NewDevelopment-text.icon-featured::before {
  font-size: 11px;
  top: 0px;
}

.ListingCell-NewDevelopment {
  background-color: #ff8700;
}

.ListingCell-Featured + .ListingCell-NewDevelopment {
  top: 50px;
}

.ListingCell-units-row {
  margin-bottom: 20px;
  min-width: 884px;
}

.ListingCell-project-link {
  color: #000000;
}

.ListingCell-project-link:visited,
.ListingCell-project-link:focus,
.ListingCell-project-link:hover,
.ListingCell-project-link:active {
  color: #000000;
}

.ListingCell-project-link:hover .ListingCell-KeyInfo-title {
  text-decoration: underline;
}

.ListingCell-unit-content {
  padding-left: 0;
  background: #ffffff;
  margin-bottom: 20px;
}

.ListingCell-units-label {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: normal;
  padding-left: 7px;
}

.ListingCell-units-box {
  padding: 7px 0 30px 0;
  height: 215px;
}

.ListingCell-units-container {
  padding: 18px 10px 0 10px;
  height: 294px;
  background-color: #ffffff;
  margin-bottom: 20px;
}

.ListingCell-units {
  position: relative;
  width: 100%;
  height: 215px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15);
}

.ListingCell-units:hover {
  outline: 3px solid #00ccff;
}

.ListingCell-units-image-container {
  position: relative;
  width: 100%;
  height: 121px;
  overflow: hidden;
  display: flex;
  justify-content: center;
  background: #b9b9b9;
}

.ListingCell-units-info-container {
  padding: 8px 12px 8px 12px;
  height: 94px;
  position: relative;
}

.ListingCell-units-title {
  width: 100%;
  height: 18px;
  font-size: 13px;
  font-weight: 600;
  text-align: left;
  color: #447fd3;
}

.ListingCell-units-wrapper {
  float: left;
  padding: 0 7px 0 7px;
  width: 95%;
}

.ListingCell-units-title-container {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #447fd3;
}

.ListingCell-KeyInfo-project-price {
  margin-bottom: 10px;
}

.ListingCell-KeyInfo-project-price PriceSection-project-NoPrice,
.ListingCell-KeyInfo-project-price .PriceSection-project-price {
  font-size: 24px;
  font-weight: 700;
}

a.ListingCell-contactAgent-button:hover,
a.ListingCell-contactAgent-button:visited,
a.ListingCell-contactAgent-button:focus {
  color: #ffffff !important;
}

a.ListingCell-moreInfo-button {
  border-radius: 3px;
  border: solid 1px #3366cc;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  color: #3366cc;
  padding: 8px 50px;
}

a.ListingCell-moreInfo-button:hover,
a.ListingCell-moreInfo-button:visited,
a.ListingCell-moreInfo-button:focus {
  color: #3366cc !important;
}

a.ListingCell-moreInfo-button-v2 {
  border-radius: 3px;
  border: solid 1px #3366cc;
  background-color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  color: #3366cc;
  padding: 8px;
}

a.ListingCell-moreInfo-button-v2:hover,
a.ListingCell-moreInfo-button-v2:visited,
a.ListingCell-moreInfo-button-v2:focus {
  color: #3366cc !important;
}

.ListingCell-CTA-buttons-wrapper{
    width: 20%;
    white-space: nowrap;
    float: right;
}

.ListingCell-AgencyBox {
    float: right;
    width: 20%;
    position: absolute;
    right: 0;
}

/* END LAMUDI MX LISTINGS ON PAGES */