@charset "utf-8";
/* CSS Document */
/*********************************** INICIO GENERAL ***************************/
aside, figure, figcaption{display:block; margin:0; padding:0;}
body{/*background-image:url(../imagenes/fondo-web.jpg);*/ margin:auto; margin-top:15%; text-align:center;}/*en construccion*/

h3 {color: #ff5800;margin-top: 1em;margin-bottom: 1em;}
h2{font-size: 1.2em;font-family: 'SourceSansPro-Regular';}
aside img{max-width:100%;}
.contenedor-global{width:100%;}
.contenedor-logo-plataformas-elevadoras{padding-bottom:0.5em; padding-top:0.5em; width:100%;}
.franja-color{background-color:#ffa02c; height:0.5em; width:100%;}
.logo{display:inline-block; padding:0.5em; text-align:left; width:9.3%; margin-top: 22px;}
.nombre-empresa{display:inline-block; color:#265488; font-family: arial; font-size: 1.5em; margin-top:2em; vertical-align:top;  width:40%;}
.contenedor-aside-telefono{display:inline-block; text-align:right; vertical-align:top; width:33em;}
.aside{display:inline-block; margin-top:2em; text-align:right; vertical-align:top; width:14em; }
.ConteBotonWhatsapp{text-align: center; color: black; padding: 30px; position: fixed; /*left: 0px;*/ right: 24px; bottom: 24px; height: 50px; text-align: left; z-index: 20; width: 310px;}
.btnWhatsapp{}
.cotizanosPorWhatsapp{    background: rgba(255, 255, 255, 0.8);
    border-radius: 9px;
    display: inline-block;
    padding: 6%;
    /* position: fixed; */
    margin-left: 1%;
    margin-top: -0.2%;
	font-size: 17px;
	font-family: Helvetica, Arial, sans-serif;}
.telefono-superior{color:#F63; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:2.2em; vertical-align:top; width:49%;}
.telefono-superior img{max-width:100%;}
.img-facebook{background-image:url(../imagenes/plataformas-para-alturas-facebook.png); background-repeat:no-repeat; display:inline-block; height:3.4em; padding-left: 1em; width:3.4em;}
.img-youtube{background-image:url(../imagenes/Youtube-plataformas-y-herramientas.png); background-repeat:no-repeat; display:inline-block; height:3.4em; padding-left: 1em; width:3.4em;}
.img-share{background-image:url(../imagenes/share.png); background-repeat:no-repeat; display:inline-block; height:3.2em; padding-left: 1em; width:3.2em;}
.img-whatsapp{background-image:url(../imagenes/whatsapp.png); background-repeat:no-repeat; display:inline-block; height:3.2em; padding-left: 1em; width:3.2em;}
.banner{ box-shadow: 10px 2px 6px #ccc; margin-top:-0.3em;}

franja1-inferior{background:#323232; margin:auto; width:93%;}
.contenedor-columnas{display:inline-block;	 width:70%;}
.contenedor-columnas a{color:#D7D7D7; text-decoration:none;}
.contenedor-columnas a:hover{text-decoration:underline;}
.sitemap-columnas{display:inline-block; margin-left:2em; margin-bottom:3em; margin-top:3em;vertical-align:top; width:19%;}
.sitemap-columnas dt{color:#ff5800; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; font-weight:bold; margin-bottom:1em; text-align:left;}
.sitemap-columnas dd{color:#d7d7d7; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; font-weight:bold; margin-top:1em; text-align:left;}
.contenedor-telefono{color:#d7d7d7; display:inline-block; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; margin-top:1em; vertical-align:top; width:29%;}
.contenedor-telefono p{margin-bottom:3em;}
figure.img-celular-email{margin-top:2em; display:inline-block; }
figcaption.celular-email{font-weight: bold; font-size:1.1em; margin-top:1em;}
.franja2-inferior{background:#50535A; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; margin:auto; width:93%;}
.plataformas-y-herramientas-2014{color:#d7d7d7; display:inline-block; padding:1em; text-align:left; width:60%;}
.desarrollado-por-optisystem{color:#d7d7d7; display:inline-block; text-align:right; width:30%}
.desarrollado-por-optisystem a {color:#d7d7d7; text-decoration:none;}
.desarrollado-por-optisystem a:hover{color:#FFF;}
.franja1-inferior {background: #323232; margin: auto; width: 93%;}

span.naranja{color:#ff5800;}
.esta-aqui{color: #5f727f;font-family:'SourceSansPro-Regular'; line-height:1.7em;;margin-bottom: 2%; padding:1% 0% 0% 2%;  text-align:left; vertical-align:top; width:96%;}
.esta-aqui a{color: #ff5800;;font-family:'SourceSansPro-Regular';padding: 0% 0.5% 0% 0.5%; text-decoration: none;}
@font-face{font-family: 'SourceSansPro-Regular';src: url(../fuentes/SourceSansPro-Regular.otf)} 
@font-face{font-family: 'SourceSansPro-Bold';src: url(../fuentes/SourceSansPro-Bold.otf)} 
/*********************************** FIN GENERAL ***************************/

/*********************************** INICIO ARTICULO BLOG A ***************************/
section.EntradaBlogA{color: #5f727f; font-family:'SourceSansPro-Regular'; margin:auto; margin-top:2em; padding:1em; text-align:justify; width:90%;}
.cont-ArticuloEntradaBlogA{background: #f5f7f6; width: 100%;}
article.ArticuloEntradaBlogA{}
.titulo-principalEntradaBlogA-H1{color:#3c3950; font-family:'SourceSansPro-Regular'; font-size:1.3em; line-height: 1.7em; text-align:left;padding: 2%; }
.subtituloEntradaBlogA-H2{margin: 0% 0% 1% 0%;width:100%;}
.cont-txt-img{width: 100%}
.imgIzqVertical{float:left; position:relative; vertical-align:middle; background-repeat:no-repeat; /*padding: 0% 3% 3% 0%; width: 30%;*/}
/*.imgIzqVertical img{width:70%;}*/
.textoDer{line-height: 1.7em; /*padding: 3%; */padding-top:0;  vertical-align: top; width:100%;}

.icono-leeruno{display: block;float: left;position: relative;vertical-align: middle;padding: 1%;background-repeat: no-repeat;width: 275px;height: 479px; background-image: url(../imagenes/tijeras-hidraulicas-electricas-o-de-combustion.jpeg);}


.icono-leerdos{
display: block;width: 275px;height: 193px;background-image: url(../imagenes/tijeras-electricas-en-terrenos-dificiles.jpg);float: left;position: relative;vertical-align: middle;padding: 1%;background-repeat: no-repeat;}
.contTextAncho100{display: inline-block;line-height: 1.7em; padding:3% 0% 3% 0%;  width:100%;}
.textIzqu2{display:inline-block; line-height: 1.7em; padding:3% 0% 3% 0%;  width:45%;}
.cont-textIzqu2{width: 97%; background:#00B2AA; color: #fff;padding: 2px 2% 2px 2%; }
.imgDere2{display: inline-block; padding: 3% 0% 0% 3%; vertical-align:top; width:50%;}
.imgDere2 img{width:100%;}
/*********************************** FIN ARTICULO BLOG A ***************************/

/*numeros de celular*/
.telefono-superior {font-size: 17px; text-align: center;}
.numeroVerPC{display: block;}
.numeroVerMovil{display: none;}
.telConta{background-color: aqua;margin: auto; margin-bottom: 7px; width: 167px;}
.telConta a{color:#fff; background:#ff5800; display: block; font-weight: bold; padding: 7px; text-align: center; text-decoration: none;}
.telConta a:hover{background: #333;}

/*numeros de celular*/



/*INICIO BTN WHATSAPP*/
.ConteBotonWhatsapp{text-align: center; color: black; padding: 30px; position: fixed; /*left: 0px;*/ right: 24px; bottom: 100px; height: 50px; text-align: right; z-index: 1; width:371px;}
.btnWhatsapp{}
.cotizanosPorWhatsapp{    background: rgba(255, 255, 255, 0.8);
    border-radius: 9px;
    display: inline-block;
    padding: 6%;
    margin-left: 1%;
    margin-top: -0.2%;
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
}

/*:::Boton-Modal:::*/
.boton-modal{
  padding: 40px;
  background-color: #fff;
}
.boton-modal label{
  padding: 10px 15px;
  background-color: #5488a3;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 300ms ease;
}
.boton-modal label:hover{
  background-color: #185E83;
}
/*:::Fin Boton-Modal:::*/

/*:::Ventana Modal:::*/
#btn-modal{
  display: none;
}
.container-modal{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0; left: 0;
  background-color: rgba(144, 148, 150, 0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 100;
}
#btn-modal:checked ~ .container-modal{
  display: flex;
}
.content-modal{
  width: 100%;
  max-width: 400px;
  padding: 20px;
  background-color: #fff;
  border-radius: 4px;
}
.content-modal h2{
  margin-bottom: 15px;
}
.content-modal p{
  padding: 15px 0px;
}
.content-modal .btn-cerrar{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  margin-top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: rgba(255,255,255,.25);
  transition: background-color .2s ease;
  z-index: 2;
}
.content-modal .btn-cerrar label{
  padding: 0;
  background-color: transparent;
  color: #fff;
  border-radius: 0;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  transition: none;
}
.content-modal .btn-cerrar:hover{
  background-color: rgba(255,255,255,.45);
}
.cerrar-modal{
  width:100%;
  height: 100vh;
  position: absolute;
  top:0; left: 0;
  z-index: -1;
}
.campos-input { display: inline-block; padding: 1%; width: 100%; box-sizing: border-box; }
.campos-input select{border: 1px solid #E1E1E1;  border-radius: 0.3em;  box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset;  width: 100%;  max-width: 100%;margin-bottom: 2em; padding: 0.8em;}

@media screen and (max-width:800px) {
  .content-modal{
      width: 90%;
  }
}
/*:::Fin Ventana Modal:::*/

/*btn Whatsapp*/
.ConteBotonWhatsapp{text-align: center; color: black; position: fixed; right: 24px; bottom: 24px; z-index: 999; width: auto; height: auto; padding: 0;}
.btnWhatsapp{
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  background: #25D366;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  transition: transform .3s ease, box-shadow .3s ease;
  animation: whatsappPulse 2.5s infinite;
}
.btnWhatsapp:hover{
  transform: scale(1.08);
  box-shadow: 0 6px 18px rgba(0,0,0,.3);
}
.btnWhatsapp label{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.btnWhatsapp label:first-of-type{
  display: none;
}
.btnWhatsapp img{width: 56px; height: 56px; cursor: pointer;}
@keyframes whatsappPulse{
  0%{box-shadow: 0 4px 12px rgba(0,0,0,.25), 0 0 0 0 rgba(37,211,102,.6);}
  70%{box-shadow: 0 4px 12px rgba(0,0,0,.25), 0 0 0 14px rgba(37,211,102,0);}
  100%{box-shadow: 0 4px 12px rgba(0,0,0,.25), 0 0 0 0 rgba(37,211,102,0);}
}
.cotizanosPorWhatsapp{    background: rgba(255, 255, 255, 0.8);
  box-shadow: #ccc 0px 1px 1px 1px;
    border-radius: 9px;
    display: inline-block;
    padding: 6%;
    margin-left: 1%;
   }
/*fin whatsapp*/

/*BtnWhatsapp2*/
.contactenosSegunPreferencia{background: #25D366; padding: 18px 20px; position: relative; border-radius: 14px 14px 0 0;}
.contactenosSegunPreferencia::before{content:url(../imagenes/logo-whatsapp.webp); top: 18px; left: 20px; width: 32px; height: 32px; position: absolute; }
.opcionesContWhatsapp::after{content:url(../imagenesOptimizadas/logoWhatsapp-diseno-de-paginas-web.webp); top:0; left: 30px; position: relative; }

.contactenosSegunPreferencia p{width: auto; margin: 0; margin-left: 52px; padding: 2px 0px!important; text-align: left; color: #fff;}
.opcionesContWhatsapp img{padding-right: 17px;}
.personalWhatsapp{padding: 16px 20px 20px;}
.personalWhatsapp a{color: #333; text-decoration: none; text-align: left; width: 100%;}
.opcionesContWhatsapp{align-items: center; background: #f5f7f9; border-left: 4px solid rgb(45, 183, 66); border-radius: 4px; display: flex; margin: 14px 0px; padding: 10px 20px; }
.opcionesContWhatsapp a{color: #000; text-decoration: none; text-align: left;}
.opcionesContWhatsapp:hover{background-color:#d0d0d085; box-shadow: #ccc 0px 1px 1px 1px;}

.boton-modal{
  padding: 40px;
  background-color: #fff;
}
.boton-modal label{
  padding: 10px 15px;
  background-color: #5488a3;
  color: #fff;
  border-radius: 4px;
  cursor: pointer;
  transition: all 300ms ease;
}
.boton-modal label:hover{
  background-color: #185E83;
}
/*:::Fin Boton-Modal:::*/

/*:::Ventana Modal:::*/
#btn-modal{
  display: none;
}
.container-modal{
 width: 100%;
 top: 0; left: 0;
 background-color: rgba(144, 148, 150, 0.8);
 display: none;
 justify-content: center;
 align-items: center;
 z-index: 100;
}
#btn-modal:checked ~ .container-modal{
 display: block;
}
#btn-modal:checked ~ .cotizanosPorWhatsapp{
 display: none;
}
#btn-modal:checked ~ .btnWhatsapp{
 display: none;
}

.content-modal{
 box-shadow: 0 10px 35px rgba(0,0,0,.25);
 display: grid;
 border-radius: 14px;
 padding: 0;
 overflow: hidden;
 width: 100%;
 max-width: 360px;
 max-height: 80vh;
 overflow-y: auto;
 background-color: #fff;
 position: absolute;
 right: 24px;
 bottom: 96px;
 animation: whatsappModalIn .25s ease;
}
@keyframes whatsappModalIn{
  from{ opacity: 0; transform: translateY(16px) scale(.98); }
  to{ opacity: 1; transform: translateY(0) scale(1); }
}
.content-modal h2{
 margin-bottom: 15px;
}
.content-modal p{
 padding: 15px 0px;
}
#contWA1{display: none;}
#contWA2{display: none;}
#contWA1{
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 30px 20px;
  animation: contWA1FadeIn .35s ease-out;
}
#contWA1 .contWA1__icono{ margin-bottom: 12px; }
#contWA1 .contWA1__titulo{ font-size: 18px; font-weight: bold; color: #25D366; margin: 0 0 8px; }
#contWA1 .contWA1__subtitulo{ font-size: 14px; color: #666; margin: 0; }
@keyframes contWA1FadeIn{
  from{ opacity: 0; transform: translateY(10px); }
  to{ opacity: 1; transform: translateY(0); }
}
#completaLosCampos p{ font-size: 15px; text-align: center; margin: 0; padding: 0; }

.formularioContactoWhatApp{}
#formularioContactoWhatApp {display:inline-block; vertical-align:top; width:100%;}
#formularioContactoWhatApp .contenedorCampos{display: block;}
#formularioContactoWhatApp input,
#formularioContactoWhatApp select,
#formularioContactoWhatApp textarea{
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: none;
  width: 100%;
  max-width: 100%;
  margin-bottom: 12px;
  padding: 10px 12px;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  transition: border-color .2s ease, box-shadow .2s ease;
  box-sizing: border-box;
}
#formularioContactoWhatApp input:focus,
#formularioContactoWhatApp select:focus,
#formularioContactoWhatApp textarea:focus{
  border-color: #25D366;
  box-shadow: 0 0 0 3px rgba(37,211,102,.15);
  outline: none;
}
#formularioContactoWhatApp .campo-invalido{ border-color: crimson; box-shadow: 0 0 0 3px rgba(220,20,60,.12); }
#formularioContactoWhatApp .mensaje-error-campo{ display: block; color: crimson; font-size: 12px; margin: -8px 0 8px; }
#formularioContactoWhatApp button[type='button']{
  font-weight: bold;
  font-size: 14px;
  letter-spacing: .3px;
  color: #fff;
  background: #25D366;
  opacity: 0.5;
  cursor: not-allowed;
  padding: 12px;
  width: 100%;
  border: none;
  border-radius: 8px;
  transition: background-color .25s ease, opacity .25s ease;
}
#formularioContactoWhatApp button[type='button'].activoBtnWhatApp{background: #25D366; opacity: 1; cursor: pointer;}
#formularioContactoWhatApp button[type='button'].activoBtnWhatApp:hover{background: #1ebe5d; color: #fff; font-weight:bold; transition:all 250ms ease-in-out 0s; cursor: pointer;}
#formularioContactoWhatApp button[type='button']:disabled:hover{background: #25D366; transform: none;}

#desactivado{background: rgb(177, 177, 177);}
.siVisible{ display: inline-block; }
.noVisible{ display: none; }

@media (min-width:768px){
  .whatsapp-movil{ display:none; }
  .whatsapp-web{ display:inline; }
}
@media (max-width:768px){
  .whatsapp-movil{ display:inline; }
  .whatsapp-web{ display:none; }
  .soporteManliftRepo > img{width: 90%;}
}
@media(max-width:560px){
  .content-modal {right: auto; width: 300px;}
  .contactenosSegunPreferencia {padding:10px}
  .contactenosSegunPreferencia p{margin-left: 0; width: 100%;}
  .contactenosSegunPreferencia::before{content: none;}
  .opcionesContWhatsapp::after{content: none;}
}
.formularioContactoWhatApp{}

/*Fin BtnWhatsapp2*/

/*FIN BTN WHATSAPP*/



@media (min-width:768px){
	.whatsapp-movil{
		display:none;
	}
	.whatsapp-web{
		display:inline;
	}
}

@media(min-width:1400px)
{
	.contenedor-global2{margin:auto; width:1400px;}
}



@media(max-width:1181px)
{
	.contenedor-columnas{width:95%;}
	.contenedor-telefono{margin-top:0em; width:75%;}
	figure.img-celular-email{margin-left:10%; margin-top:0;}
	.contenedor-aside-telefono{width:28em;}
	.nombre-empresa{ margin-top: 1.5em;}
}
@media(max-width:1090px)
{
	.telefono-superior {margin-top:1.2em;}
}
@media(max-width:1024px)
{
	.contenedor-columnas{width:100%;}
	.contenedor-telefono{width:100%;}
	figure.img-celular-email{display:inline-block; vertical-align:top;}
	.nombre-empresa{width:34%;}
}
@media(max-width:921px)
{
	
	.contenedor-aside-telefono{width:24%;}
	.telefono-superior{width:92%;}
	.nombre-empresa{width:51%;}
	.aside{display: none;}
	.logo{width:14%;}
	.numeroVerPC{display: none;}
	.numeroVerMovil{display: block;}
}
@media(max-width:900px)
{
	
	.textIzqu2{width: 100%;}
	.imgDere2{ text-align: center; width: 70%;}
}


@media(max-width:800px)
{
	section.alquiler-de-plataformas-elevadoras{width:58%;}
	.contenedor-texto-uso{width:100%;}
	.cont-ofrecemos-maquinas{margin-left:0em; margin-top:2em; width:100%;}
	.sitemap-columnas{width:40%;}
	.contenedor-columnas{width:95%;}
	.contenedor-texto-uso{width:99%;}
	.desarrollado-por-serivisistemas{width:34%;}
	.texto-elevador-unipersonal{width:100%;}
	.telefono-superior{font-size:1.2em;}
	.nombre-empresa{width:41%;}
	
	
}
@media (max-width:768px){
	.whatsapp-movil{
		display:inline;
	}
	.whatsapp-web{
		display:none;
	}
}
@media(max-width:735px)
{
	.plataformas-y-herramientas-2014{text-align:center; width:95%;}
	.desarrollado-por-optisystem{text-align:center; width:100%;}
}

@media(max-width:640px)
{
	.nombre-empresa{margin-top:1em;	width: 9em;}
   .contenedor-aside-telefono{width:29%;}
   .logo{width:18%;}
}
@media(max-width:600px)
{
	.logo{text-align:center; width:94%;}
	.contenedor-aside-telefono{margin-top:-5em; width:100%;}
	.telefono-superior{margin-top:0; width:100%;}
	.aside{margin-top:0; text-align:left; width:50%;}
	.nombre-empresa{visibility: hidden;}
	.icono-leeruno{float: none; }
	.icono-leerdos{float: none; }
	.subtituloEntradaBlogA-H2{margin-top:3%;}
  .numeroVerMovil{margin-top: 70px;}
}
@media(max-width:480px)
{
	section.alquiler-de-plataformas-elevadoras{padding-left:0; width:96%;}
	figcaption.celular-email{font-size:0.8em;}
	.texto-uso{width:91.5%;}
	.aside{text-align:center; width:100%;}
	.telefono-superior {text-align:center; width:92%;}
	.sitemap-columnas{width:80%;}
	.plataformas-y-herramientas-2014{width:88%;}
	.contenedor-venta-y-alquiler-herramienta{width:91%;}
}