@charset "utf-8";
/* CSS Document */
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:1em;}
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-google{background-image:url(../imagenes/google+.png); background-repeat:no-repeat; display:inline-block; height:3.2em; padding-left: 1em; width:3.2em;}
.img-twitter{background-image:url(../imagenes/plataformas-para-trabajo-en-alturas-twitter.png); background-repeat:no-repeat;   display:inline-block; height:3.2em; padding-left: 1em; width:3.2em;}*/
.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;}

.img-facebook:hover{background-image:url(../imagenes/plataformas-para-alturas-facebook-.png); background-repeat:no-repeat;}
/*.img-google:hover{background-image:url(../imagenes/google+-.fw.png); background-repeat:no-repeat; display:inline-block; height:3.2em; padding-left: 1em; width:3.2em;}
.img-twitter:hover{background-image:url(../imagenes/plataformas-para-trabajo-en-alturas-twitter-.png); background-repeat:no-repeat;   display:inline-block; height:3.2em; padding-left: 1em; width:3.2em;}*/
.img-youtube:hover{background-image:url(../imagenes/Youtube-plataformas-y-herramientas-.png); background-repeat:no-repeat; display:inline-block; height:3.2em; padding-left: 1em; width:3.2em;}
.img-share:hover{background-image:url(../imagenes/share-.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;}



section.plataforma-tipo-brazo-motorizado{box-shadow:1px 1px 16px 1px #666666; margin:auto; margin-top:2em; padding:1em; width:90%;}
.titulo-plataforma-tipo-brazo-motorizado{border-bottom:solid 0.2em #ff5800; color:#ff5800; font-family:Arial, Helvetica, sans-serif; font-size:1.1em; text-align:left; }
.subtitulo-plataforma-tipo-brazo-motorizado{color:#666; font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin-bottom:0.5em;margin-top:1em;}
.texto-plataforma-tipo-brazo-motorizado{color:#666; display:inline-block; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; margin-top:2em; text-align:left; vertical-align:top; width:60%;}
.imagen-plataforma-tipo-brazo-motorizado{display:inline-block; vertical-align:top; width:38%;}
.imagen-plataforma-tipo-brazo-motorizado img{max-width:80%;}

.producto-puede-variar{ color:#666; font-size:0.8em; margin-left:1em; text-align:justify; width:100%}

.titulo-proteccion-caidas{color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:1.5em; font-weight:bold; margin-bottom:0.5em;}
.resolucion{background: #ff5800; color: #fff;  font-family: arial; font-size: 1.5em; margin:auto; margin-top:1em; padding-bottom:2em; padding-top:2em; width:93%;}
.mapa{margin:auto; width:93%;}
.mapa img{max-width:100%;}

.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-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;}


/*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*/



/*ACCORDION*/
.mainAccordion
{
    max-width: 100%;
    margin: 0 auto;
	margin-top: 30px;
}
.accordion-container input
{
display: none;
}
.accordion-container .tabs
{

}
.accordion-container .tab
{
overflow: hidden;
}
.accordion-container .tab-container
{
    max-height: 0;
    padding: 0 1em;
    transition: all 0.25s;
}
.accordion-container input:checked ~ .tab-container
{
   max-height: 100vh;
   padding: 1em;
}
.accordion-container .tab-title
{
    background: #f2f2f2;
    display: flex;
    padding: 1em;
    cursor: pointer;
    justify-content: space-between;
    border-bottom: solid 1px #999;
	padding-top: 2px;
    padding-bottom: 2px;
}
.accordion-container .tab-title::after
{
    content: "+";
    transition: all 0.25s;
    display: grid;
  align-items: center;
  font-size: 24px;
  font-weight: bold;
}
.accordion-container input:checked + .tab-title::after
{
/* transform: rotate(90deg); */
content: "-";
font-size: 24px;
  font-weight: bold;
}
.mainAccordion h3{color: #222; font-size: 17px;}
.mainAccordion ul{margin-left: 17px;}
.especificaciones h3 {color:#ff5800;}
/*FINACORDION*/

/*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: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%;}
	.telefono-superior{font-size:1.2em;}
	.nombre-empresa{width:41%;}
	.texto-plataforma-tipo-brazo-motorizado{width:100%;}
	.producto-puede-variar{margin-left:0;}
	.imagen-plataforma-tipo-brazo-motorizado{width:94%;}
	
}
@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:680px)
{
   .nombre-empresa{margin-top:1em;	width: 9em;}
   .contenedor-aside-telefono{width:29%;}
   .logo{width:18%;}
 
}
@media(max-width:640px)
{
	section.alquiler-de-plataformas-elevadoras{width:73%;}
	figcaption.celular-email{font-size:0.9em;}
	figure.img-celular-email {width:100%; margin-left:0;}

    
}
@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;}
  .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%;}
}