@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Space+Grotesk:wght@300..700&display=swap');

.os-animation{opacity:0;}
.os-animation.animated{opacity:1.5;}
.os-animation1{opacity:0;}
.os-animation1{opacity:1.5;}
html,body{width:100%;height:100%;}


*{
font-family: "Instrument Sans", sans-serif;
list-style:none;
text-decoration:none;
margin:0;
padding:0;
}
iframe{display:block;border:none;}

.os-animation{opacity:0;}
.os-animation.animated{opacity:1;}

#whats{ width: 98px; height: 98px; right: 0px; bottom: 20px; position: fixed; z-index: 9999;}

#elheader{ width:100%; height:90px; text-align: center; z-index:9999; position:fixed; top:0px; background:url("../imagenes/fondo1.jpg") no-repeat center center; background-size:cover;}
#lalineas{width:100%; margin-right:0px; height: 1px; background-color: #101012; margin-top: 90px; position:fixed; z-index:9; }

#arriba, #arriba1,#arriba2{display:inline-block;vertical-align:top; }
#arriba{width:1600px;vertical-align:middle; text-align:left; }
#arriba1{width:800px;margin-right:-4px; text-align:left;z-index:1; margin-top: 10px; }
#arriba2{width:800px; margin-right:-4px;text-align:right; z-index:1; margin-top: 10px; }

#subarriba, #subarriba1,#subarriba2{display:inline-block;vertical-align:top; }
#subarriba{width:520px;vertical-align:middle; text-align:left; }
#subarriba1{width:220px;margin-right:-4px; text-align:left;}
#subarriba2{width:300px; margin-right:-4px;text-align:left; margin-top: 20px;}


#elmenu, #elmenu1,#elmenu2,#elmenu3,#elmenu4,#elmenu5{display:inline-block;vertical-align:top; }
#elmenu{width:100%;vertical-align:middle; text-align:right; margin-top: 18px; }
#elmenu1{width:65px;margin-right:-4px; text-align:right;}
#elmenu2{width:145px;margin-right:-4px;text-align:right;}
#elmenu3{width:197px;margin-right:-4px;text-align:right;}
#elmenu4{width:120px;margin-right:-4px;text-align:left;}

.enlaces { font-weight:700; color:#ff9d1b; font-size:16px; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; text-transform: uppercase; }
.enlaces:hover { color:#FFFFFF;}	

.enlaces2 { font-weight:700; color:#ff9d1b; font-size:16px; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; text-transform: uppercase; }
.enlaces2:hover { color:#FFFFFF;}	

.navi {display: flex;      justify-content: right;    }
.navi ul {list-style: none;      margin: 0;      padding: 0;      display: flex;    }
.navi ul li {position: relative;    }
.navi a {     text-decoration: none;      color: #ff9900;      font-weight: bold;      font-size: 16px;      display: block;      padding: 25px 0;      transition: color 0.3s ease;    }
.navi a:hover {      color: #fff;    }
.navi ul li ul {      position: absolute;      top: 100%;      left: -80px;      background: #101012;      min-width: 300px;      display: none;      flex-direction: column;      padding: 0;      margin: 0;    }
.navi ul li:hover ul {      display: flex;    }
.navi ul li ul li {      margin-bottom: 10px;;    }
.navi ul li ul li:last-child {      border-bottom: none;    }
.navi ul li ul li a {      display: block;      padding: 0;       margin: 0;       font-size: 13px;      color: #999;      font-weight: normal;      line-height: 2;       height: auto;    }

nav ul li ul li a:hover {      background: #1f1f1f;      color: #FFFFFF;    }
.submenu a::after {      float: left;      color: #666;    }
.submenu a:hover::after {      color: #ff9900;    }

.icon-plus {  display: inline-block;  width: 18px;  height: 18px;  line-height: 18px;  text-align: center;    /* centra el + horizontalmente */  border-radius: 50%;    /* lo hace redondo */  background-color: #ff9900; /* fondo naranja */  color: #0a0a0a;       /* color del + */  font-weight: bold;  margin-left: 2px;  font-size: 16px;  transition: all 0.3s ease;}

nav ul li:hover > a .icon-plus {  background-color: #fff;  /* fondo blanco */  color: #1f1f1f;          /* + naranja */}



.donas { font-weight:400; color:#000000; font-size:15px; transition:all .6s;-moz-transition:all .6s;-webkit-transition:all .6s;-o-transition:all .6s; text-transform: uppercase; line-height: 200%;}
.donas:hover { text-decoration:underline; font-weight:500;}	


#slide1{text-align:center;width:100%; height:700px; }
#flechahome{text-align:center;width:90%; max-width: 1600px; left: 5%; height:65px; margin-top: 700px; position: absolute;}


.texto1{color:#101012;font-size:28px; font-weight: 700; line-height: 120%; text-decoration:none; font-family: "Space Grotesk", sans-serif;}
.texto2{color:#101012;font-size:100px; font-weight: 700; line-height: 100%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;}
.texto2a{color:#101012;font-size:100px; font-weight: 700; line-height: 100%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;}
.texto2ab{color:#101012;font-size:80px; font-weight: 700; line-height: 100%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;}
.texto3{color:#101012;font-size:18px; font-weight: 600; line-height: 140%; text-decoration:none;}
.texto4{color:#FFFFFF;font-size:18px; font-weight: 700; line-height: 140%; text-decoration:none; }
.texto5{color:#FFFFFF;font-size:14px; font-weight: 400; line-height: 140%; text-decoration:none; text-transform: uppercase; }
.texto6{color:#FFFFFF;font-size:60px; font-weight: 700; line-height: 120%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;}
.texto6a{color:#FFFFFF;font-size:60px; font-weight: 700; line-height: 120%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;text-shadow: 2px 2px 3px rgba(0,0,0,0.32);}
.texto7{color:#171719;font-size:18px; font-weight: 500; line-height: 140%; text-decoration:none; }
.texto7a{color:#9ba7b0;font-size:18px; font-weight: 500; line-height: 140%; text-decoration:none; }
.texto7b{color:#838383;font-size:18px; font-weight: 500; line-height: 170%; text-decoration:none; }
.texto8{color:#FFFFFF;font-size:27px; font-weight: 700; line-height: 110%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;text-shadow: 2px 2px 3px rgba(0,0,0,0.32);}
.texto9{color:#ff9d1b;font-size:14px; font-weight: 700; line-height: 140%; text-decoration:none; text-transform: uppercase; }
.texto10{color:#171719;font-size:45px; font-weight: 700; line-height: 120%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;}
.texto10a{color:#FFFFFF;font-size:45px; font-weight: 700; line-height: 120%; text-decoration:none; font-family: "Space Grotesk", sans-serif; text-transform: uppercase;}
.texto11{color:#171719;font-size:20px; font-weight: 400; line-height: 130%; text-decoration:none; }
.texto12{color:#171719;font-size:32px; font-weight: 700; line-height: 120%; text-decoration:none;  text-transform: uppercase;}

.texto13{color:#171719;font-size:27px; font-weight: 400; line-height: 120%; text-decoration:none;  }
.texto14{color:#101012;font-size:18px; font-weight: 400; line-height: 140%; text-decoration:none;}
.texto15{color:#a2a2a2;font-size:18px; font-weight: 400; line-height: 140%; text-decoration:none;}
.texto16{color:#FFFFFF;font-size:18px; font-weight: 400; line-height: 160%; text-decoration:none; }
.texto17{color:#ff9d1b;font-size:18px; font-weight: 700; line-height: 160%; text-decoration:none; }
.texto18{color:#FFFFFF;font-size:22px; font-weight: 700; line-height: 160%; text-decoration:none; }
.texto19{color:#FFFFFF;font-size:18px; font-weight: 500; line-height: 160%; text-decoration:none; }
.texto20{color:#171719;font-size:18px; font-weight: 700; line-height: 160%; text-decoration:none; }

.textotabla{font-size: 13px; font-weight: 700;}
.textotabla2{color:#171719;font-size:22px; font-weight: 700; line-height: 120%; text-decoration:none;  text-transform: uppercase;}

.invi{ width: 100%; height: 90px;}

#info{ width: 100%; background-color: #ff9d1b; text-align: center;}

.info{ width: 1600px; text-align: left; display: inline-block;}
.info2{ width: 520px; text-align: left; display: inline-block;}
.info3{ width: 90%; max-width: 740px; text-align: left; display: inline-block;}
.info4{ width: 90%; max-width: 1000px; text-align: left; display: inline-block;}


#somos{ width: 100%; background-color: #ff9d1b; text-align: center;}

#infosomos, #infosomos1,#infosomos2,#infosomos3,#infosomos0{display:inline-block;vertical-align:top;}
#infosomos{width:1600px;vertical-align:middle; text-align:left; }
#infosomos1{width:740px;margin-right:-4px; text-align:left;}
#infosomos2{width:725px;margin-right:-4px;text-align:left;}
#infosomos3{width:100%;margin-right:0px; text-align:left;}
#infosomos0{width:135px;margin-right:-4px;text-align:right;}

.invi2{ width: 100%; height: 7px;}
.lima{ width: 90%; max-width: 399px;}


#imagenesproyes, #imagenesproyes1,#imagenesproyes2,#imagenesproyes3,#imagenesproyes0{display:inline-block;vertical-align:top;}
#imagenesproyes{width:100%;vertical-align:middle; text-align:left; }
#imagenesproyes1{width:33%; height: 377px; margin-right:-4px; text-align:left; background:url("../imagenes/ima1.jpg") no-repeat center center;background-size:cover; }
#imagenesproyes2{width:33%; height: 377px; margin-right:-4px;text-align:left; background:url("../imagenes/ima2.jpg") no-repeat center center;background-size:cover; }
#imagenesproyes3{width:33%; height: 377px; margin-right:-4px;text-align:left; background:url("../imagenes/ima3.jpg") no-repeat center center;background-size:cover; }
#imagenesproyes0{width:.5%;margin-right:-3px;text-align:left;}


#calidad{ width: 100%; background-color: #FFFFFF; text-align: center;}

#contamosinfo, #contamosinfo1, #contamosinfo1a,#contamosinfo0{display:inline-block;vertical-align:top;}
#contamosinfo{width:1600px;vertical-align:middle; text-align:left; }
#contamosinfo1{width:487px;margin-right:-4px; text-align:left;}
#contamosinfo1a{width:487px;margin-right:-4px; text-align:left; margin-top: 50px;}
#contamosinfo0{width:69px;margin-right:-4px;text-align:left;}


#separador { width: 100%;  height: 650px;   background: url('../imagenes/separador1.jpg') no-repeat center center fixed;  background-size: cover;  overflow: hidden; text-align: center;}


#sepainfo, #sepainfo1{display:inline-block;vertical-align:top;}
#sepainfo{width:1600px;vertical-align:middle; text-align:left; }
#sepainfo1{width:100%;margin-right:0px; text-align:left; margin-top:300px;}

#conta{ width: 100%; background-color: #ff9d1b; text-align: center;}


#containfo, #containfo1, #containfo2{display:inline-block;vertical-align:top;}
#containfo{width:1600px;vertical-align:middle; text-align:left; }
#containfo1{width:1500px;margin-right:-4px; text-align:left; margin-top: 20px;}
#containfo2{width:100px;margin-right:-4px; text-align:right;}



#servicios{ width: 100%; background-color: #0e0d15; }



#contamosinfonew, #contamosinfonew1, #contamosinfonew2, #contamosinfonew3,#contamosinfonew0,#contamosinfonew00{display:inline-block;vertical-align:top;}
#contamosinfonew{ width: 90%; max-width:1600px;vertical-align:middle; text-align:left; }
#contamosinfonew1{width:35%;margin-right:-4px; text-align:left;}
#contamosinfonew2{width:35%;margin-right:-4px; text-align:left; margin-top: 85px;}
#contamosinfonew3{width:26%;margin-right:-4px; text-align:right; margin-top: 85px;}
#contamosinfonew0{width:2%;margin-right:-4px;text-align:left;}
#contamosinfonew00{width:2%;margin-right:-4px;text-align:left;}

/* === Contenedor principal === */
.losservicios {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px; /* separación entre bloques */
  max-width: 1600px;
  margin: 0 auto;
  background-color: #FFFFFF; /* color de “bordes” */
}

/* === Cada bloque === */
.losserviciositem {
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #0e0d15;
  color: #fff;
  border-top: 1px solid #FFFFFF; /* borde superior */
}

/* === Título === */
.losserviciostitulo {
  font-size: clamp(1.5rem, 2vw, 1.4rem);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-bottom: 12px;font-family: "Space Grotesk", sans-serif;
}

/* === Texto descriptivo === */
.losserviciostexto1 {
  font-size: clamp(0.85rem, 1.5vw, 0.95rem);
  line-height: 1.6;
  color: #9ba7b0;
  margin-bottom: 25px;
}

.losserviciosimg {
  width: 100%; max-width: 352px;
  height: auto;
  object-fit: cover;
  display: block;
  margin-bottom: 25px;
}

.losserviciosimg2 {
  width: 100%; max-width: 360px;
  height: auto;
  object-fit: cover;
  display: block;
  margin-bottom: 25px;
}

.losserviciosimg3 {
  width: 100%; max-width: 806px;
  height: auto;
  object-fit: cover;
  display: block;
  margin-bottom: 25px;
}

.losserviciosimg4 {
  width: 100%; max-width: 440px;
  height: auto;
  object-fit: cover;
  display: block;
  margin-bottom: 25px;
}

/* Clases específicas según tamaño original */
.ser1 { aspect-ratio: 352 / 257; }
.ser2 { aspect-ratio: 360 / 211; }
.ser3 { aspect-ratio: 806 / 540; }
.ser4 { aspect-ratio: 440 / 257; }


/* === Bloque inferior === */
.losserviciosinfo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.losserviciosnum {
  color: #ff9f00;
  font-weight: 600;
}

.losservicioslink {
  display: flex;
  align-items: center;
  color: #fff;
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.3s ease;
}

.losservicioslink:hover {
  color: #ff9f00;
}

.losserviciosicono {
  background-color: #ff9f00;
  color: #0d0d10;
  font-weight: bold;
  border-radius: 50%; /* ícono completamente redondo */
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  transition: all 0.3s ease;
}

.losservicioslink:hover .losserviciosicono {
  background-color: #fff;
  color: #ff9f00;
}


@media (max-width: 1400px) {
.losservicios {
  grid-template-columns: repeat(2, 1fr);
}

}
    
@media (max-width: 1000px) {
  .losservicios {
    grid-template-columns: 1fr; text-align: center;
  }

  .losserviciositem {
    padding: 25px 20px;
  }

  .losserviciosicono {
    width: 20px;
    height: 20px;
  }
}





#enfoque{ width: 100%; background-color: #FFFFFF; text-align: center;}

#enfoqueinfo, #enfoqueinfo1, #enfoqueinfo2{display:inline-block;vertical-align:top;}
#enfoqueinfo{width:1050px;vertical-align:middle; text-align:left; }
#enfoqueinfo1{width:340px;margin-right:-4px; text-align:left;}
#enfoqueinfo2{width:710px;margin-right:-4px; text-align:left; margin-top: 20px;}



#separadordos { width: 100%;  height: 700px;   background: url('../imagenes/separador2.jpg') no-repeat center center fixed;  background-size: cover;  overflow: hidden; text-align: center;}


#sepainfodos, #sepainfodos1, #sepainfodos2{display:inline-block;vertical-align:top;}
#sepainfodos{width:1600px;vertical-align:middle; text-align:left; }
#sepainfodos1{width:100%;margin-right:0px; text-align:left; margin-top:200px;}
#sepainfodos2{width:100%;margin-right:0px; text-align:left; }


.lali2{ width: 100%; height: 1px; background-color: #FFFFFF; opacity: .7;}




.lali3{ width: 100%; height: 8px; background-color: #ff9d1b; opacity: 1;}

#elbanner, #elbanner1,#elbanner2,#elbanner3,#elbanner4,#elbanner0{display:inline-block;vertical-align:top;}
#elbanner{width:1600px;vertical-align:middle; text-align:left; }
#elbanner1{width:720px;margin-right:-4px; text-align:left; margin-top: 70px;}
#elbanner2{width:880px;margin-right:-4px;text-align:center;}

.invin1{ width: 100%; height: 100px;}  

.lima2{ width: 95%; max-width: 791px;}

.infotext1 {width: 100%; max-width: 600px; text-align: left; display: inline-block;}


.rentas{ width: 1600px; text-align: left; display: inline-block;}
.renta1{ width: 100%; max-width: 970px;}
.renta2{ width: 100%; max-width: 975px;}
.renta3{ width: 100%; max-width: 650px;}
.renta4{ width: 100%; max-width: 940px;}

#renta1 { width: 100%;  height: 650px;   background: url('../imagenes/renta1a.jpg') no-repeat center center fixed;  background-size: cover;  overflow: hidden; text-align: center;}

#renta2 { width: 100%;  height: 650px;   background: url('../imagenes/renta2a.jpg') no-repeat center center fixed;  background-size: cover;  overflow: hidden; text-align: center;}


#renta3 { width: 100%;  height: 650px;   background: url('../imagenes/renta3a.jpg') no-repeat center center fixed;  background-size: cover;  overflow: hidden; text-align: center;}


#renta4 { width: 100%;  height: 650px;   background: url('../imagenes/renta4a.jpg') no-repeat center center fixed;  background-size: cover;  overflow: hidden; text-align: center;}


#contactanos{ width:100%; text-align: center; background-color: #FFFFFF;}



#contactame, #contactame1,#contactame2{display:inline-block;vertical-align:top; }
#contactame{width:1600px;vertical-align:middle; text-align:center; }
#contactame1{width:33.3%;margin-left:-4px; text-align:left; padding-bottom: 30px;}
#contactame3{width:100%;margin-left:0px;text-align:left;}


#separadorblack{ width:100%; text-align: center; background-color: #0e0d15;}

.texto1b{color:#FFFFFF;font-size:14px;line-height:140%; font-weight:500; text-transform: uppercase; font-family: "Instrument Sans", sans-serif;text-shadow: 2px 2px 3px rgba(0,0,0,0.32);}
.texto2b{color:#ff9d1b;font-size:14px;line-height:140%; font-weight:500; text-transform: uppercase;  font-weight:700; font-family: "Instrument Sans", sans-serif;text-shadow: 2px 2px 3px rgba(0,0,0,0.32);}


 *:focus { outline: none; } 

::placeholder{color:#171719;}

.forma1{text-align:left;HEIGHT:50px;width:90%; padding-left: 5%;  font-size:16PX;font-weight:400; background-color:#FFFFFF;  border:1px solid #cacaca; color:#171719; }


.boton{color:#ffffff; border: 0;  font-size:16px; font-weight:400;  text-decoration:none;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s; cursor:pointer; padding-top:5px; padding-left:16px; padding-right:16px; padding-bottom:5px; text-align:center; background-color:#ff9d1b; width:95%; height:50px; opacity: 1;}
.boton:hover{ opacity: .7;}


#footer{ width:100%; text-align: center; background-color: #0e0d15;}

#abajo, #abajo1,#abajo2,#abajo3,#abajo4,#abajo0{display:inline-block;vertical-align:top;}
#abajo{width:1600px;vertical-align:middle; text-align:left; }
#abajo1{width:380px;margin-right:-4px; text-align:left;}
#abajo2{width:310px;margin-right:-4px;text-align:left;}
#abajo3{width:315px;margin-right:-4px; text-align:left;}
#abajo4{width:245px;margin-right:-4px;text-align:right;}
#abajo0{width:175px;margin-right:-4px;text-align:right;}

.lata{ display: inline-block;}




@media screen and (max-width:1620px){
.rentas{ width: 1400px;}    
    
    
#contactame{width:1400px;}     
    
#elbanner{width:1400px; }
#elbanner1{width:720px;}
#elbanner2{width:680px;}    

.texto2a{ font-size:80px;}
.texto2ab{font-size:70px;  }
    
#abajo{width:1400px;vertical-align:middle; text-align:left; }
#abajo1{width:380px;margin-right:-4px; text-align:left;}
#abajo2{width:310px;margin-right:-4px;text-align:left;}
#abajo3{width:315px;margin-right:-4px; text-align:left;}
#abajo4{width:195px;margin-right:-4px;text-align:right;}
#abajo0{width:100px;margin-right:-4px;text-align:right;}    
    
    
#sepainfodos{width:1400px;vertical-align:middle; text-align:left; }
    
#containfo{width:1400px; }
#containfo1{width:1300px;}    
    
#separador,#renta1,#renta2,#renta3,#renta4 { height: 600px;}

#sepainfo{width:1400px; }
#sepainfo1{margin-top:250px;}    
    
    
#contamosinfo{width:1400px;vertical-align:middle; text-align:left; }
#contamosinfo1,#contamosinfo1a{width:420px;margin-right:-4px; text-align:left;}
#contamosinfo0{width:70px;margin-right:-4px;text-align:left;}    
    
#infosomos{width:1400px; }
#infosomos1{width:670px;}
#infosomos2{width:650px;}
#infosomos0{width:80px;}  
    
    
.info{width: 1400px;}    
.texto2{font-size:7vw;}
    
#arriba{ width: 1400px;}
#arriba1{width:700px;}
#arriba2{width:700px;}
}



@media screen and (max-width:1420px){
.rentas{ width: 1200px;}      
    
#contactame{width:1200px;}     
    
#elbanner{width:1200px; }
#elbanner1{width:620px; margin-top: 20px;}
#elbanner2{width:580px;}    

.texto2a{ font-size: 70px;}
 .texto2ab{font-size:60px;  }   
    
#contamosinfonew1{width:49%;margin-right:-4px; text-align:left;}
#contamosinfonew2{width:49%;margin-right:-4px; text-align:left; margin-top: 85px;}
#contamosinfonew3{width:100%;margin-right:0px; text-align:left; margin-top: 0px;}
#contamosinfonew0{width:2%;margin-right:-4px;text-align:left;}
#contamosinfonew00{ display: none;}    
    
#abajo{width:1200px;vertical-align:middle; text-align:left; }
#abajo1{width:380px;margin-right:-4px; text-align:left;}
#abajo2{width:310px;margin-right:-4px;text-align:left;}
#abajo3{width:315px;margin-right:-4px; text-align:left;}
#abajo4{width:95px;margin-right:-4px;text-align:right;}
#abajo0{width:50px;margin-right:-4px;text-align:right;}     
    
    
#sepainfodos{width:1200px;vertical-align:middle; text-align:left; }
    
#containfo{width:1200px; }
#containfo1{width:1100px;}     
    
#separador,#renta1,#renta2,#renta3,#renta4 { height: 550px;}

#sepainfo{width:1200px; }
#sepainfo1{margin-top:200px;}      
    
#contamosinfo{width:1200px;vertical-align:middle; text-align:left; }
#contamosinfo1,#contamosinfo1a{width:360px;margin-right:-4px; text-align:left;}
#contamosinfo0{width:60px;margin-right:-4px;text-align:left;}     
    
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{height: 300px; }    
    
    
#infosomos{width:1200px; }
#infosomos1{width:570px;}
#infosomos2{width:550px;}
#infosomos0{width:80px;}      
    
    
#slide1{ height:600px; }    
    
.info{ width: 1200px;}     
    
#arriba{ width: 1200px;}
#arriba1{width:600px;}
#arriba2{width:600px;}
}



@media screen and (max-width:1220px){
.rentas{ width: 1000px;}      
    
#contactame{width:1050px;}     
    
#elbanner{width:90%; }
#elbanner1{width:100%; text-align: center; margin-top: 20px;}
#elbanner2{width:100%; text-align: center; margin-bottom: 30px;}    

.invin1{ height: 0px;}  
    
    
.texto2a{ font-size: 8vw;}    
 .texto2ab{font-size:6vw;  }
    
    
    .infotext1{ text-align: center; max-width: 800px;}    
    
#abajo{width:90%; max-width: 380px; vertical-align:middle; text-align:center; }
#abajo1{width:100%;margin-right:0px; text-align:center;}
#abajo2{width:100%;margin-right:0px;text-align:center;}
#abajo3{width:100%;margin-right:0px; text-align:center;}
#abajo4{width:100%;margin-right:0px;text-align:center;}
#abajo0{ display: none;}      
    
    
#separadordos {height: 650px;}


#sepainfodos{width:1000px;vertical-align:middle; text-align:left; }
#sepainfodos1{margin-top:150px;}    
    
    
#containfo{width:1000px; }
#containfo1{width:900px;}       
    
#separador,#renta1,#renta2,,#renta3,#renta4 { height: 500px;}

#sepainfo{width:1000px; }
#sepainfo1{margin-top:150px;}      
    
    
.texto10,.texto10a{font-size:42px;}    
    
#contamosinfo{width:1050px;vertical-align:middle; text-align:left; }
#contamosinfo1,#contamosinfo1a{width:300px;margin-right:-4px; text-align:left;}
#contamosinfo0{width:63px;margin-right:-4px;text-align:left;}    
    
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{height: 260px; }    
    
#infosomos{width:90%; }
#infosomos1{width:100%; margin-right: 0;}
#infosomos2{width:100%; margin-top: 20px;}
#infosomos0{ display: none;}  
    
    
#slide1{ height:550px; }     
    
.info{ width: 1000px;}     
    
#arriba{ width: 1000px;}
#arriba1{width:500px;}
#arriba2{width:500px;}

.texto1{font-size:23px;}

    
}


@media screen and (max-width:1070px){
#contactame{width:95%;vertical-align:middle; text-align:center; }
#contactame1{width:50%;}    
    
#contamosinfonew1{width:100%;margin-right:0px; text-align:left; text-align: center;}
#contamosinfonew2{width:100%;margin-right:0px; text-align:left; margin-top:0px; text-align: center;}
#contamosinfonew3{width:100%;margin-right:0px; text-align:left; margin-top: 0px; text-align: center;}
#contamosinfonew0{ display: none;}    
    
#enfoqueinfo{width:90%;vertical-align:middle; text-align:center; }
#enfoqueinfo1{width:100%;margin-right:0px; text-align:center;}
#enfoqueinfo2{width:100%;margin-right:0px; text-align:center; margin-top: 30px;}   
    
    
#contamosinfo{width:90%;vertical-align:middle; text-align:center; }
#contamosinfo1{width:100%;margin-right:0px; text-align:center;}
#contamosinfo1a{width:100%;margin-right:0px; text-align:center; margin-top: 30px;}
#contamosinfo0{ display: none;}         
    
}

@media screen and (max-width:1020px){
#renta1 { width: 100%;  height: 450px;   background: url('../imagenes/renta1a.jpg') no-repeat center center ;  background-size: cover;  overflow: hidden; text-align: center;}
    
#renta2 { width: 100%;  height: 450px;   background: url('../imagenes/renta2a.jpg') no-repeat center center ;  background-size: cover;  overflow: hidden; text-align: center;}
     
#renta3 { width: 100%;  height: 450px;   background: url('../imagenes/renta3a.jpg') no-repeat center center ;  background-size: cover;  overflow: hidden; text-align: center;}
    
#renta4 { width: 100%;  height: 450px;   background: url('../imagenes/renta4a.jpg') no-repeat center center ;  background-size: cover;  overflow: hidden; text-align: center;}
    
    
.rentas{ width: 90%; text-align: center;}      
    
    #separadorblack{ display: none;}    
    
#separadordos { width: 100%;  height: 600px;   background: url('../imagenes/separador2.jpg') no-repeat center center ;  background-size: cover;  overflow: hidden; text-align: center;}

#sepainfodos{width:100%;vertical-align:middle; text-align:center; }
#sepainfodos1{width:90%;margin-right:0px; text-align:center; margin-top:100px;}    
#sepainfodos2{width:90%;margin-right:0px; text-align:center; }    

    
.info4{ text-align: center;} 
    
#containfo{width:90%;vertical-align:middle; text-align:left; }
#containfo1{width:100%;margin-right:0px; text-align:center; margin-top: 0px;}
#containfo2{width:100%;margin-right:0px; text-align:center; margin-top: 30px;}    
    
#separador { width: 100%;  height: 450px;   background: url('../imagenes/separador1.jpg') no-repeat center center ;  background-size: cover;  overflow: hidden; text-align: center;}

.texto6a{font-size:50px;}

#sepainfo{width:100%;vertical-align:middle; text-align:center; }
#sepainfo1{width:100%;margin-right:0px; text-align:center; margin-top:100px;}    

.info3{ text-align: center;}    

    
#imagenesproyes{width:100%;vertical-align:middle; text-align:left; }
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{width:100%; height: 377px; margin-right:0px; text-align:left;}

#imagenesproyes0{ display: none;}    
    
.texto6{font-size:55px; }    
    
#infosomos1{ text-align: center;}
#infosomos2{ text-align: center;}  
#infosomos3{ text-align: center;}  
    
#slide1{ height:500px; }     
    
.info{ width: 90%; text-align: center;}     
.info2{ width: 100%; text-align: center;} 
    
.texto2{font-size:8vw;}    
    
}

@media screen and (max-width:920px){
.textotabla{font-size: 12.5px;}
.textotabla2{font-size:20px; }
}

@media screen and (max-width:820px){
.forma1{ text-align: center; padding-left: 0; margin-left: 0;}
.boton{ width: 90%;}    
    
#contactame1{width:100%;margin-left:0px; text-align:center; padding-bottom: 30px;}
#contactame3{width:100%;margin-left:0px;text-align:center;}       
    
#separadordos {height: 700px; }    
    
.texto12{font-size:30px;}
.texto13{font-size:25px;}    
    
    
.texto6a{font-size:40px;}    
    
#imagenesproyes1,#imagenesproyes2,#imagenesproyes3{height: 300px;}    
    
.texto6{font-size:50px; }       
    
#slide1{ height:450px; }     
}


@media screen and (max-width:620px){
    #slide1{ height:400px; }   
    .texto2a{ font-size: 10vw;} 
    .texto2ab{font-size:8vw;  }
}


#menumovil{ display:none;}
.button_container {
  position: absolute;
  top: -10px;;
  right: 0px;
  height: 0px;
  width: 35px;
  cursor: pointer;
  z-index: 9999;
  -webkit-transition: opacity .25s ease;
  -moz-transition: opacity .25s ease;
  transition: opacity .25s ease;
}
.button_container:hover {
  opacity: .9;
}
.button_container.active .top {
  -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
  -moz-transform: translateY(11px) translateX(0) rotate(45deg);
          transform: translateY(11px) translateX(0) rotate(45deg);
  background: #000000;
}
.button_container.active .middle {
  opacity: 0;
  background: #000000;
}
.button_container.active .bottom {
  -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
  -moz-transform: translateY(-11px) translateX(0) rotate(-45deg);
          transform: translateY(-11px) translateX(0) rotate(-45deg);
  background: #000000;
}
.button_container span {
  background: #101012;
  border: none;
  height: 5px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  transition: all .35s ease;
  cursor: pointer;z-index: 9999;
}
.button_container span:nth-of-type(2) {
  top: 11px;
}
.button_container span:nth-of-type(3) {
  top: 22px;
}

.overlay {
  position: fixed;
  background-color:rgba(235,157,47,.95);
    top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s, visibility .35s, height .35s;
  -moz-transition: opacity .35s, visibility .35s, height .35s;
  transition: opacity .35s, visibility .35s, height .35s;
  overflow: hidden;
}
.overlay.open {
  opacity:1;
  visibility: visible;
  height: 100%;
}
.overlay.open li {
  -webkit-animation: fadeInUp .5s ease forwards;
  -moz-animation: fadeInUp .5s ease forwards;
          animation: fadeInUp .5s ease forwards;
  -webkit-animation-delay: .35s;
  -moz-animation-delay: .35s;
          animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
  -webkit-animation-delay: .4s;
  -moz-animation-delay: .4s;
          animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
  -webkit-animation-delay: .45s;
  -moz-animation-delay: .45s;
          animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
  -webkit-animation-delay: .50s;
  -moz-animation-delay: .50s;
          animation-delay: .50s;
}
.overlay.open li:nth-of-type(5) {
  -webkit-animation-delay: .55s;
  -moz-animation-delay: .55s;
          animation-delay: .55s;
}
.overlay.open li:nth-of-type(6) {
  -webkit-animation-delay: .60s;
  -moz-animation-delay: .60s;
          animation-delay: .60s;
}
.overlay.open li:nth-of-type(7) {
  -webkit-animation-delay: .65s;
  -moz-animation-delay: .65s;
          animation-delay: .65s;
}
.overlay.open li:nth-of-type(8) {
  -webkit-animation-delay: .7s;
  -moz-animation-delay: .7s;
          animation-delay: .7s;
}
.overlay.open li:nth-of-type(9) {
  -webkit-animation-delay: .75s;
  -moz-animation-delay: .75s;
          animation-delay: .75s;
}
.overlay.open li:nth-of-type(10) {
  -webkit-animation-delay: .8s;
  -moz-animation-delay: .8s;
          animation-delay: .8s;
}
.overlay.open li:nth-of-type(11) {
  -webkit-animation-delay: .85s;
  -moz-animation-delay: .85s;
          animation-delay: .85s;
}
.overlay nav {
  position: relative;
  height: 70%;
  top: 40%;
  -webkit-transform: translateY(-35%);
  -moz-transform: translateY(-35%);
          transform: translateY(-35%);
  font-weight: 900;
  text-align: left; margin-left: 7%;
  margin-right:0;
}
.overlay ul {
  list-style: none;
  padding: 0;
  margin: 0 auto;
  display: inline-block;
  position: relative;
  height: 100%;
}
.overlay ul li {
  display: block;
  min-height: 0px;
  position: relative;
  opacity: 0; min-height: 50px;
}
.overlay ul li a {
  display: block;
  position: relative;
  color: #000000;
  text-decoration: none;
  overflow: hidden;
  font-size: 32px;
  opacity:1;
  font-weight:600; text-transform: uppercase;
}
.overlay ul li a:hover {
  width: 100%;
  opacity:.8;-webkit-transition: .25s;
  transition: .25s;text-decoration: underline;
}

.subme {  width: 100%;font-size: 22px;color: #000000; font-weight:600; line-height:100%; margin-left: 5%; }
.subme:hover { text-decoration: underline; }


.submenn{
  display: block;
  position: relative;
  color: #000000;
  text-decoration: none;
  overflow: hidden;
  font-size: 30px;
  opacity:1;
  font-weight:600;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    left: 20%;
  }
  100% {
    opacity: 1;
    left: 0;
  }
}


@media screen and (max-width:1020px){
#elheader{background:url("../imagenes/fondo2.jpg") no-repeat center center; background-size:cover;}    
    
#arriba{width:90%;vertical-align:middle; text-align:left; }
#arriba1{width:300px;margin-right:-4px; text-align:center;z-index:1; }
#arriba2{ display:none;}
    

#menumovil{ z-index:9999;position: absolute;top: 40px;
  right: 30px;
  height: 27px;
  width: 35px; display:block; z-index:999;}

#elheader{ z-index:9999;}
}


@media screen and (max-width:620px){
    #subarriba2{ display: none;}
}

.ball {
    margin: 0 auto;
    -moz-animation: spin 1.5s infinite linear;
    -webkit-animation: spin 1.5s infinite linear;
}

@-moz-keyframes spin {
    0% {
opacity: 1;   -moz-transform: translateY(5px); }

    100% {
opacity: 1;  -moz-transform: translateY(-5px);   }
}



@-webkit-keyframes spin {
    0% {
opacity: 1; -webkit-transform: translateY(5px); }

    100% {
opacity: 1; -webkit-transform: translateY(-5px); }  
}

.ball2 {
    margin: 0 auto;
    -moz-animation: spin2 1.5s infinite linear;
    -webkit-animation: spin2 1.5s infinite linear;
}

@-moz-keyframes spin2 {
    0% {
opacity: 1;   -moz-transform: translateY(0px); }

    100% {
opacity: 1;  -moz-transform: translateY(5px);   }
}



@-webkit-keyframes spin2 {
    0% {
opacity: 1; -webkit-transform: translateY(0px); }

    100% {
opacity: 1; -webkit-transform: translateY(5px); }  
}


.ball3 {
    margin: 0 auto;
    -moz-animation: spin3 1.5s infinite linear;
    -webkit-animation: spin3 1.5s infinite linear;
}

@-moz-keyframes spin3 {
    0% {
opacity: 1;   -moz-transform: translateX(0px); }

    100% {
opacity: 1;  -moz-transform: translateX(5px);   }
}



@-webkit-keyframes spin3 {
    0% {
opacity: 1; -webkit-transform: translateX(0px); }

    100% {
opacity: 1; -webkit-transform: translateX(5px); }  
}


.redes{transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s; opacity: 1; margin: 2px;}
.redes:hover{ opacity: .6;}   


.ampliar{
-webkit-transform:scale(1);
-webkit-transition-duration: 0.6s;
-webkit-opacity: 1;

-moz-transform:scale(1);
-moz-transition-duration: 0.6s;
-moz-opacity: 1;

-ms-transform:scale(1);
-ms-transition-duration: 0.6s;
-ms-opacity: 1;
}
.ampliar:hover{
-webkit-transform:scale(1.1);
-webkit-opacity:.8;
-webkit-transition-duration: 0.6s;

-moz-transform:scale(1.1);
-moz-opacity:.8;
-moz-transition-duration: 0.6s;

-ms-transform:scale(1.1);
-ms-opacity:.8;
-ms-transition-duration: 0.6s;

}