@charset "utf-8";

*{margin:0px;padding: 0px;box-sizing: border-box;} *:not(p){margin: 0px;padding: 0px;text-decoration: none;list-style:none;text-shadow:none;font-weight: normal;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */}
html {margin:0;padding:0; height: 100vh;} table {border-collapse:collapse;border-spacing:0;} h1,h2,h3,h4,h5,h6{margin: 0 auto;padding: 0;} header,nav,main,section,article,footer{margin: 0 auto;padding: 0;}
fieldset,img {border:0;} input{border:0 solid #001d26;padding:0;color:#000;width:100%;} address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;} caption,th {text-align:left;} q:before,q:after {content:'';} abbr,acronym { border:0;} a {outline: none; text-decoration: none;} a:hover {text-decoration-line: underline;}
small {font-size: 15px;} big{font-size: 80px;font-weight: bolder;} strong{font-weight: bolder;}

/* General Ideas Style */

body {
  background: white;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: 400;
  margin:0px;
  padding:0px;
  color: #000914;
  overflow-y:auto;
  overflow-x:auto;
  -webkit-font-smoothing: subpixel-antialiased !important; 
  text-rendering:optimizeLegibility !important;
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: royalblue black;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 5px;
}

*::-webkit-scrollbar-track {
  background: black;
}

*::-webkit-scrollbar-thumb {
  background-color: royalblue;
  border-radius: 10px;
  border: 1px solid black;
}


.ie7 body {overflow:hidden;} a{text-decoration: none;} .clr{clear: both;} .but{background-color: #255e98;color: white;font-size: 16px;padding: 0;text-align: center;width: 2%;float: right;margin-right: 10px;cursor: crosshair;}

img {width: 100%;height: auto;}

/******************************************************
    [ MEDIA all 300-749 ]
*******************************************************/

#contenedor-departamentos-cel{
  background:white;
  text-align: center;
  display: block;
  width: 100%;
  margin: 0 auto;  
  padding: 0;
}

.departamentos-cel{
  background: black;
  text-align: center;
  align-self: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "top"
  "depas-pares"
  "losa-01"
  "depas-pares-02"
  "losa-02"
  "depas-pares-03" 
  "losa-03"
  "depas-pares-04"
  "disiponibilidad"  
  "depas-nones"
  "losa-non-01"
  "depas-nones-02"
  "losa-non-02"
  "depas-nones-03"
  "losa-non-03"
  "depas-nones-04"   
  "bottom";
  gap:0;
  padding: 0;
  margin-bottom: -520px;
  transform-origin: top;
  border-radius: 20px;  
  scale: .3899;
}

/******************************************************
    [ CORTE DEPARTAMENTOS]
*******************************************************/

.departamentos-cel section {
    margin-bottom: -1px;
    margin-top:-1px;
}
/******************************************************/

.top{
  grid-area: top;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 942px;
  height: 100px;
}

.corte01{
  grid-area: corte01;
  margin: 0 auto;
  width: 942px;
  height: 100px;  
}

.corte01 img{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;  
}

/******************************************************/

.depas-pares{
  grid-area: depas-pares;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte02   d-402-03   corte04  d-404-05   corte06  d-406-07   corte08";
}

.corte02{
  grid-area: corte02;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-402-03{
  grid-area: d-402-03;  
  margin: 0 auto;
  cursor: pointer;
  width: 108px;
  height: 58px; 
}

.d-402-03:hover{
 filter: saturate(300%);
}

.corte04{
  grid-area: corte04;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-404-05{
  grid-area: d-404-05;  
  margin: 0 auto;
  cursor: pointer;
  width: 140px;
  height: 58px;  
}

.d-404-05:hover{
 filter: saturate(300%);
}

.corte06{
  grid-area: corte06;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-406-07{
  grid-area: d-406-07;  
  margin: 0 auto;
  cursor: pointer;
  width: 293px;
  height: 58px;
}

.d-406-07:hover{
 filter: saturate(300%);
}

.corte08{
  grid-area: corte08;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/
.corte09{
  background: black;
  grid-area: losa-01;
  display: grid;
  margin: 0 auto;
  width: 942px;
  height: 5px;
}
/******************************************************/

.depas-pares-02{
  grid-area: depas-pares-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte10   d-302-11   corte12  d-304-13   corte14  d-306-15   corte16";
}

.corte10{
  grid-area: corte10;
  margin: 0 auto;
  width: 295px;
  height: 57px;
}

.d-302-11{
  grid-area: d-302-11;
  margin: 0 auto;
  cursor: pointer;  
  width: 108px;
  height: 57px;
}

.d-302-11:hover{
 filter: saturate(300%);
}

.corte12{
  grid-area: corte12;
  margin: 0 auto;
  width: 40px;
  height: 57px;
}

.d-304-13{
  grid-area: d-304-13;
  margin: 0 auto;
  cursor: pointer;  
  width: 140px;
  height: 57px;
}

.d-304-13:hover{
 filter: saturate(300%);
}

.corte14{
  grid-area: corte14;
  margin: 0 auto;
  width: 4px;
  height: 57px;
}

.d-306-15{
  grid-area: d-306-15;
  cursor: pointer;  
  margin: 0 auto;
  width: 293px;
  height: 57px;
}

.d-306-15:hover{
 filter: saturate(300%);
}

.corte16{
  grid-area: corte16;
  margin: 0 auto;
  width: 62px;
  height: 57px;
}


/******************************************************/
.corte17{
  background: black;
  grid-area: losa-02;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 5px;
}
/******************************************************/

.depas-pares-03{
  grid-area: depas-pares-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;  
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte18   d-202-19   corte20  d-204-21   corte22  d-206-23   corte24";
}

.corte18{
  grid-area: corte18;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-202-19{
  grid-area: d-202-19;  
  cursor: pointer;
  width: 108px;
  height: 58px;

}

.d-202-19:hover{
 filter: saturate(300%);
}

.corte20{
  grid-area: corte20;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-204-21{
  grid-area: d-204-21;
  cursor: pointer; 
  width: 140px;
  height: 58px;
}

.d-204-21:hover{
 filter:saturate(300%);
}

.corte22{
  grid-area: corte22;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-206-23{
  grid-area: d-206-23;  
  width: 293px;
  height: 58px;
}

.d-206-23:hover{
 filter: saturate(300%);
}

.corte24{
  grid-area: corte24;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/

.corte25{
  grid-area: losa-03;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 4px;
}

/******************************************************/

.depas-pares-04{
  grid-area: depas-pares-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte26   d-102-27   corte28  d-104-29   corte30  d-106-31   corte32";
}

.corte26{
  grid-area: corte26;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-102-27{
  grid-area: d-102-27;
  cursor: pointer;
  width: 108px;
  height: 58px;
}

.d-102-27:hover{
 filter: saturate(300%);
}

.corte28{
  grid-area: corte28;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-104-29{
  grid-area: d-104-29;
  cursor: pointer;
  width: 140px;
  height: 58px;
}

.d-104-29:hover{
 filter: saturate(300%);
}

.corte30{
  grid-area: corte30;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-106-31{
  grid-area: d-106-31;
  cursor: not-allowed;
  width: 293px;
  height: 58px;
}

.d-106-31:hover{
 filter: none;
}

.corte32{
  grid-area: corte32;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/

.disponibilidad{
  grid-area: disponibilidad;
  display:block;
  padding: 0;
  margin: 0 auto;
  width: 942px;  
  height: 222px;
}

.corte33{
  grid-area: corte33;
  margin: 0 auto;
  width: 942px;
  height: 222px;
}

/******************************************************/

.depas-nones{
  grid-area: depas-nones;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;  
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte34   d-405-35   corte36  d-403-37   corte38  d-401-39   corte40";
}

.corte34{
  grid-area: corte34;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-405-35{
  grid-area: d-405-35;
  cursor: pointer;
  width: 217px;
  height: 55px;
}

.d-405-35:hover{
 filter: saturate(300%);
}

.corte36{
  grid-area: corte36;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-403-37{
  grid-area: d-403-37;
  cursor: pointer;
  width: 142px;
  height: 55px;
}

.d-403-37:hover{
 filter: saturate(300%);
}

.corte38{
  grid-area: corte38;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-401-39{
  grid-area: d-401-39;
  cursor: pointer;
  width: 145px;
  height: 55px;
}

.d-401-39:hover{
 filter: saturate(300%);
}

.corte40{
  grid-area: corte40;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}


/******************************************************/
.corte41{
  background: black;  
  grid-area: losa-non-01;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 5px;
}

/******************************************************/

.depas-nones-02{
  grid-area: depas-nones-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte42   d-305-43   corte44  d-303-45   corte46  d-301-47   corte48";
}

.corte42{
  grid-area: corte42;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-305-43{
  grid-area: d-305-43;
  cursor: pointer;
  width: 217px;
  height: 55px;
}

.d-305-43:hover{
 filter: saturate(300%);
}

.corte44{
  grid-area: corte44;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-303-45{
  grid-area: d-303-45;
  cursor: pointer; 
  width: 142px;
  height: 55px;
}

.d-303-45:hover{
 filter: saturate(300%);
}

.corte46{
  grid-area: corte46;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-301-47{
  grid-area: d-301-47;
  cursor: pointer;  
  width: 145px;
  height: 55px;
}

.d-301-47:hover{
 filter: saturate(300%);
}

.corte48{
  grid-area: corte48;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}


/******************************************************/
.corte49{
  background: black;
  grid-area: losa-non-02;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 6px;
}
/******************************************************/

.depas-nones-03{
  grid-area: depas-nones-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte50   d-205-51   corte52  d-203-53   corte54  d-201-55   corte56" ;
}

.corte50{
  grid-area: corte50;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-205-51{
  grid-area: d-205-51;
  cursor:pointer; 
  width: 217px;
  height: 55px;
}

.d-205-51:hover{
 filter: saturate(300%);
}

.corte52{
  grid-area: corte52;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-203-53{
  grid-area: d-203-53;
  cursor: pointer;
  width: 142px;
  height: 55px;
}

.d-203-53:hover{
 filter: saturate(300%);
}

.corte54{
  grid-area: corte54;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-201-55{
  grid-area: d-201-55;
  cursor: pointer;
  width: 145px;
  height: 55px;
}

.d-201-55:hover{
 filter: saturate(300%);
}

.corte56{
  grid-area: corte56;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}

/******************************************************/
.corte57{
  background: black;  
  grid-area: losa-non-03;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 4px;
}

/******************************************************/
.depas-nones-04{
  grid-area: depas-nones-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte58   d-105-59   corte60  d-103-61   corte62  d-101-63   corte64";
}

.corte58{
  grid-area: corte58;
  margin: 0 auto;
  width: 292px;
  height: 56px;
}

.d-105-59{
  grid-area: d-105-59;
  cursor: pointer; 
  width: 217px;
  height: 56px;
}

.d-105-59:hover{
 filter: saturate(300%);
}

.corte60{
  grid-area: corte60;
  margin: 0 auto;
  width: 5px;
  height: 56px;
}

.d-103-61{
  grid-area: d-103-61;
  cursor: not-allowed; 
  width: 142px;
  height: 56px;
}

.d-103-61:hover{
 filter: none;
}

.corte62{
  grid-area: corte62;
  margin: 0 auto;
  width: 67px;
  height: 56px;
}

.d-101-63{
  grid-area: d-101-63;
  cursor: pointer;  
  width: 145px;
  height: 56px;
}

.d-101-63:hover{
 filter: saturate(300%);
}

.corte64{
  grid-area: corte64;
  margin: 0 auto;
  width: 74px;
  height: 56px;
}

/******************************************************/

.bottom{
  grid-area: bottom;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 942px;
  height: 142px;
}

.corte65{
  grid-area: corte65;
  margin: 0 auto;
  width: 942px;
  height: 142px;
}

.corte65 img{
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;  
}

/******************************************************
    [ FOOTER]
*******************************************************/

footer{
  background: none;
  display: grid;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;
  justify-content: center;
  text-align: center;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1       h1"
  "logo     aparta"
  "infon    infon"
  "redes    redes"
  "ubic     ubic";
  column-gap: 15px;
  max-width: 1000px;
}

h1{
  display: grid;
  grid-area: h1;  
  width: 100%;
  text-align: center;
  margin: 0 auto;
  justify-self: center;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;  
  height: auto;
  font-size: 28px;
  line-height: 28px;
  padding: 0 0 15px 0;
}

.logo-cel{
  background: none;
  grid-area: logo;  
  display: grid;
  text-align: left;
  justify-self: start;
  align-self: start;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 10px;  
}

.logo-cel img{
  width: 100%;
  max-width: 140px;
}

.aparta-cel{
  display: grid;
  grid-area: aparta;
  width: 100%;
  text-align: right;
  justify-content: end;
  align-self: center;
  margin: 0 auto;
  padding: 0 10px 0 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 120px;
}

.infonavit-fovissste-cel{
  display: grid;
  grid-area: infon;  
  width: 100%;
  text-align: center;
  justify-content: center;
  align-self: start;  
  margin: 0 auto;
  padding: 10px 0 15px 0;
}

.infonavit-fovissste-cel img{
  width: 100%;
  max-width: 270px;
}



/******************************************************
    [ MEDIA all 300-749 ]
*******************************************************/
@media all and (min-width: 300px) and (max-width: 749px) and (orientation:portrait)
{

#contenedor-departamentos-cel{
  background:none;
  text-align: center;
  display: block;
  width: 88%;
  margin: 0 auto;  
  padding: 0;
  max-width: 320px;
}

.departamentos-cel{
  background: black;
  text-align: center;
  align-self: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: 
  "top"
  "depas-pares"
  "losa-01"
  "depas-pares-02"
  "losa-02"
  "depas-pares-03" 
  "losa-03"
  "depas-pares-04"
  "disiponibilidad"  
  "depas-nones"
  "losa-non-01"
  "depas-nones-02"
  "losa-non-02"
  "depas-nones-03"
  "losa-non-03"
  "depas-nones-04"   
  "bottom";
  gap:0;
  padding: 0;
  margin-bottom: -450px;
  transform-origin: top;
  border-radius: 20px;  
  width: 320px;
  scale: .3899;
}

/******************************************************
    [ CORTE DEPARTAMENTOS]
*******************************************************/

.departamentos-cel section {
    margin-bottom: -1px;
    margin-top:-1px;
}
/******************************************************/

.top{
  grid-area: top;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 942px;
  height: 100px;
}

.corte01{
  grid-area: corte01;
  margin: 0 auto;
  width: 942px;
  height: 100px;  
}

.corte01 img{
  width: 100%;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;  
}

/******************************************************/

.depas-pares{
  grid-area: depas-pares;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte02   d-402-03   corte04  d-404-05   corte06  d-406-07   corte08";
}

.corte02{
  grid-area: corte02;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-402-03{
  grid-area: d-402-03;  
  width: 108px;
  height: 58px; 
}

.corte04{
  grid-area: corte04;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-404-05{
  grid-area: d-404-05;  
  width: 140px;
  height: 58px;  
}

.corte06{
  grid-area: corte06;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-406-07{
  grid-area: d-406-07;  
  width: 293px;
  height: 58px;
}

.corte08{
  grid-area: corte08;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/
.corte09{
  background: black;
  grid-area: losa-01;
  display: grid;
  margin: 0 auto;
  width: 942px;
  height: 5px;
}
/******************************************************/

.depas-pares-02{
  grid-area: depas-pares-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte10   d-302-11   corte12  d-304-13   corte14  d-306-15   corte16";
}

.corte10{
  grid-area: corte10;
  margin: 0 auto;
  width: 295px;
  height: 57px;
}

.d-302-11{
  grid-area: d-302-11;
  width: 108px;
  height: 57px;
}

.corte12{
  grid-area: corte12;
  margin: 0 auto;
  width: 40px;
  height: 57px;
}

.d-304-13{
  grid-area: d-304-13;
  width: 140px;
  height: 57px;
}

.corte14{
  grid-area: corte14;
  margin: 0 auto;
  width: 4px;
  height: 57px;
}

.d-306-15{
  grid-area: d-306-15;
  margin: 0 auto;
  width: 293px;
  height: 57px;
}

.corte16{
  grid-area: corte16;
  margin: 0 auto;
  width: 62px;
  height: 57px;
}


/******************************************************/
.corte17{
  background: black;
  grid-area: losa-02;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 5px;
}
/******************************************************/

.depas-pares-03{
  grid-area: depas-pares-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;  
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte18   d-202-19   corte20  d-204-21   corte22  d-206-23   corte24";
}

.corte18{
  grid-area: corte18;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-202-19{
  grid-area: d-202-19;  
  width: 108px;
  height: 58px;
}

.corte20{
  grid-area: corte20;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-204-21{
  grid-area: d-204-21;
  width: 140px;
  height: 58px;
}

.corte22{
  grid-area: corte22;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-206-23{
  grid-area: d-206-23;  
  width: 293px;
  height: 58px;
}

.corte24{
  grid-area: corte24;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/

.corte25{
  grid-area: losa-03;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 4px;
}

/******************************************************/

.depas-pares-04{
  grid-area: depas-pares-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 295px 108px 40px 140px 4px 293px 62px;
  grid-template-areas: 
  "corte26   d-102-27   corte28  d-104-29   corte30  d-106-31   corte32";
}

.corte26{
  grid-area: corte26;
  margin: 0 auto;
  width: 295px;
  height: 58px;
}

.d-102-27{
  grid-area: d-102-27;
  width: 108px;
  height: 58px;
}

.corte28{
  grid-area: corte28;
  margin: 0 auto;
  width: 40px;
  height: 58px;
}

.d-104-29{
  grid-area: d-104-29;
  width: 140px;
  height: 58px;
}

.corte30{
  grid-area: corte30;
  margin: 0 auto;
  width: 4px;
  height: 58px;
}

.d-106-31{
  grid-area: d-106-31;
  width: 293px;
  height: 58px;
}

.corte32{
  grid-area: corte32;
  margin: 0 auto;
  width: 62px;
  height: 58px;
}


/******************************************************/

.disponibilidad{
  grid-area: disponibilidad;
  display:block;
  padding: 0;
  margin: 0 auto;
  width: 942px;  
  height: 222px;
}

.corte33{
  grid-area: corte33;
  margin: 0 auto;
  width: 942px;
  height: 222px;
}

/******************************************************/

.depas-nones{
  grid-area: depas-nones;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;  
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte34   d-405-35   corte36  d-403-37   corte38  d-401-39   corte40";
}

.corte34{
  grid-area: corte34;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-405-35{
  grid-area: d-405-35;
  width: 217px;
  height: 55px;
}

.corte36{
  grid-area: corte36;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-403-37{
  grid-area: d-403-37;
  width: 142px;
  height: 55px;
}

.corte38{
  grid-area: corte38;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-401-39{
  grid-area: d-401-39;
  width: 145px;
  height: 55px;
}

.corte40{
  grid-area: corte40;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}


/******************************************************/
.corte41{
  background: black;  
  grid-area: losa-non-01;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 5px;
}

/******************************************************/

.depas-nones-02{
  grid-area: depas-nones-02;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte42   d-305-43   corte44  d-303-45   corte46  d-301-47   corte48";
}

.corte42{
  grid-area: corte42;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-305-43{
  grid-area: d-305-43;
  width: 217px;
  height: 55px;
}

.corte44{
  grid-area: corte44;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-303-45{
  grid-area: d-303-45;
  width: 142px;
  height: 55px;
}

.corte46{
  grid-area: corte46;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-301-47{
  grid-area: d-301-47;
  width: 145px;
  height: 55px;
}

.corte48{
  grid-area: corte48;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}


/******************************************************/
.corte49{
  background: black;
  grid-area: losa-non-02;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 6px;
}
/******************************************************/

.depas-nones-03{
  grid-area: depas-nones-03;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte50   d-205-51   corte52  d-203-53   corte54  d-201-55   corte56" ;
}

.corte50{
  grid-area: corte50;
  margin: 0 auto;
  width: 292px;
  height: 55px;
}

.d-205-51{
  grid-area: d-205-51;
  width: 217px;
  height: 55px;
}

.corte52{
  grid-area: corte52;
  margin: 0 auto;
  width: 5px;
  height: 55px;
}

.d-203-53{
  grid-area: d-203-53;
  width: 142px;
  height: 55px;
}

.corte54{
  grid-area: corte54;
  margin: 0 auto;
  width: 67px;
  height: 55px;
}

.d-201-55{
  grid-area: d-201-55;
  width: 145px;
  height: 55px;
}

.corte56{
  grid-area: corte56;
  margin: 0 auto;
  width: 74px;
  height: 55px;
}

/******************************************************/
.corte57{
  background: black;  
  grid-area: losa-non-03;
  display: grid;  
  margin: 0 auto;
  width: 942px;
  height: 4px;
}

/******************************************************/
.depas-nones-04{
  grid-area: depas-nones-04;
  width: 100%;
  padding: 0;
  margin: 0 auto;
  align-content: start;
  justify-content: center;
  display: grid;
  grid-template-columns: 292px 217px 5px 142px 67px 145px 74px;
  grid-template-areas: 
  "corte58   d-105-59   corte60  d-103-61   corte62  d-101-63   corte64";
}

.corte58{
  grid-area: corte58;
  margin: 0 auto;
  width: 292px;
  height: 56px;
}

.d-105-59{
  grid-area: d-105-59;
  width: 217px;
  height: 56px;
}

.corte60{
  grid-area: corte60;
  margin: 0 auto;
  width: 5px;
  height: 56px;
}

.d-103-61{
  grid-area: d-103-61;
  width: 142px;
  height: 56px;
}

.corte62{
  grid-area: corte62;
  margin: 0 auto;
  width: 67px;
  height: 56px;
}

.d-101-63{
  grid-area: d-101-63;
  width: 145px;
  height: 56px;
}

.corte64{
  grid-area: corte64;
  margin: 0 auto;
  width: 74px;
  height: 56px;
}

/******************************************************/

.bottom{
  grid-area: bottom;
  display: block;
  padding: 0;
  margin: 0 auto;
  width: 942px;
  height: 142px;
}

.corte65{
  grid-area: corte65;
  margin: 0 auto;
  width: 942px;
  height: 142px;
}

.corte65 img{
  width: 100%;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;  
}

/******************************************************
    [ FOOTER]
*******************************************************/

footer{
  background: none;
  display: grid;
  padding: 0;
  width: 100%;
  font-family: "Roboto Condensed", sans-serif;
  font-style: normal;
  margin:0 auto;
  justify-content: center;
  text-align: center;
  grid-template-columns: 1fr 1fr;
  grid-template-areas: 
  "h1       h1"
  "logo     aparta"
  "infon    infon"
  "redes    redes"
  "ubic     ubic";
  column-gap: 15px;
}

h1{
  display: grid;
  grid-area: h1;  
  width: 100%;
  text-align: center;
  margin: 0 auto;
  justify-self: center;
  font-family: 'futura_md_btmedium', sans-serif;
  font-weight: bold;  
  height: auto;
  font-size: 28px;
  line-height: 28px;
  padding: 0 0 15px 0;
}

.logo-cel{
  background: none;
  grid-area: logo;  
  display: grid;
  text-align: left;
  justify-self: start;
  align-self: start;  
  width: 100%;
  margin: 0 auto;
  padding: 0 0 0 10px;  
}

.logo-cel img{
  width: 100%;
  max-width: 140px;
}

.aparta-cel{
  display: grid;
  grid-area: aparta;
  width: 100%;
  text-align: right;
  justify-self: end;
  align-self: center;
  margin: 0 auto;
  padding: 0 10px 0 0;
}

.aparta-cel img{
  width: 100%;
  max-width: 120px;
}

.infonavit-fovissste-cel{
  display: grid;
  grid-area: infon;  
  width: 100%;
  text-align: center;
  justify-content: center;
  align-self: start;  
  margin: 0 auto;
  padding: 10px 0 15px 0;
}

.infonavit-fovissste-cel img{
  width: 100%;
  max-width: 270px;
}


}