html {
      height: 100%;
    }
    body {
      padding: 0;
      font-family: sans-serif;
      position: relative;
      margin: 0;
      height: 100%;
      text-rendering:optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    }
    
    .wrapper {
        height: auto !important;
        height: 100%;
        margin: 0 auto; 
        overflow: hidden;
    }
    .main {
      float: left;
      width: 100%;
      margin: 0 auto;
    }
  
    .headerin {
      overflow: hidden;
      clear: both;
    }
    
    .bg {
      position: absolute;
      min-height: 100% !important;
      width: 100%;
      z-index: 0;
    }
    .bgGris{
      background-color: #f2f2f2;
    }
    
    .ibg-bg {
      position: absolute;
    }
    
    .main {
      position: relative;
    }
.bajar{
  position: absolute;
  bottom: 20px;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.margin-bottom{
    margin-bottom: 20px;
}
.margin-top{
  margin-top: 20px;
}

.division{
  width: 100%;
  height: 3px;
  background: #2ca59f;
}


/*!
 *  Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 
 */
 
html {
  line-height: 1.4;
  font-family: "open sans", sans-serif;
  font-weight: normal;
  color: #6e6f6f; }
.smaller {
    font-size:.85em
}
  /*@media only screen and (min-width: 0) {
    html {
      font-size: 14px; } }
  @media only screen and (min-width: 1332px) {
    html {
      font-size: 14.5px; } }*/
  /*@media only screen and (min-width: 1200px) {*/
    html {
      font-size: 15px; } /*}*/

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-weight: inherit; }

.margentits{
  margin-bottom: 36px;
}
font-size: 2em;
  margin: 0.67em 0; 
h1 {
  font-size: 4.2rem;
  line-height: 110%;
  margin: 2.1rem 0 1.68rem 0; }

em {
  font-style: italic; }

strong {
  font-weight: 700; }

small {
  font-size: 75%; }

.light, footer.page-footer .footer-copyright {
  font-weight: 400; }

.thin {
  font-weight: 100; }

/* CAJA CON IMAGOTIPO NOMBRE LABORATORIO Y BOTON */
#caja{
  margin-top: 150px;
}
.boton-bts{
  display: inline-block;
  width: auto;
  background: white;
  border: 1px solid #2e70ae;
  color: #2e70ae;
  padding: 5px 15px;
  border-radius: 30px;
  font-size: 16px;
  letter-spacing: .3pt;
  -webkit-border-radius: 30px;
}
#caja p{margin: 0;}
.boton-fantasma{
  display: inline-block;
  font-size: 25px;
  font-weight: 500;
  margin-top: 25px;
  padding: 10px 20px;
  color: #4cad3f;
  border: 2px solid #4cad3f;
  border-radius: 5px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.boton-fantasma:hover{
  background-color: #4cad3f;
  color: #fff;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
/* TITULOS */
.subtitulo, .titulo{margin: 0 auto;}
.subtitulo{color: #2b8784;font-family: calibri;font-size: 25px;line-height: 55px;}
.titulo{position: relative; display: inline-block; color: #6e6f6f;font-size: 30px;line-height: 35px;}
#titulo-lab{
    font-size: 30px;
    color: #6e6f6f;
    text-shadow: 1px 2px 6px rgb(255,255,255);
    text-align: center;
    text-transform: uppercase;
  }
/* MISION VISION VALORES */
.mision, .vision, .valores{display: inline-block;}
.mision{border:3px solid #4cad3f; color: #4cad3f;} .bgmision{background-color: #4cad3f;}
.vision{border:3px solid #34929f; color: #34929f;} .bgvision{background-color: #34929f;}
.valores{border:3px solid #226c36; color: #226c36;} .bgvalores{background-color: #226c36;}

/* CENTRAR ALTO Y ANCHO */
.centercaja{
  position: relative;
}
.centerelemento{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
.centercenter{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.vacio{
  height: 120px;
}

.caja-descargas{
  display: inline-block;
  width: auto;
  padding: 10px;
  background-color: #ffffff;
  color: #9e9e9e;
  border-radius: 3px;
}
  .caja-descargas:hover{
    color: #2e70ae;
  }
  .imagen-descarga{
    display: inline-block;
  }
    .imagen-descarga img{
      height: 100px;
      margin-bottom: -5px;
    }
  .texto-descarga{
    display: inline-block;
  }
    .texto-descarga span{
      display: block;
      margin-left: 20px;
      font-size: 1.5rem;
      text-align: left;
    }
.espacio{
  display: block;
  height: 700px;
}

.resplandor{
  -webkit-animation: brillo 1s linear infinite;
  -o-animation: brillo 1s linear infinite;
  animation: brillo 1s linear infinite;
}

@-webkit-keyframes brillo{
  from{box-shadow: 0 0 5px rgba(0,98,255,0.75)}
  50%{box-shadow: 0 0 0 rgba(0,98,255,0.7)}
  to{box-shadow: 0 0 5px rgba(0,98,255,0.75)}
}
@-o-keyframes brillo{
  from{box-shadow: 0 0 5px rgba(0,98,255,0.75)}
  50%{box-shadow: 0 0 0 rgba(0,98,255,0.7)}
  to{box-shadow: 0 0 5px rgba(0,98,255,0.75)}
}
@keyframes brillo{
  from{box-shadow: 0 0 5px rgba(0,98,255,0.75)}
  50%{box-shadow: 0 0 0 rgba(0,98,255,0.7)}
  to{box-shadow: 0 0 5px rgba(0,98,255,0.75)}
}


/* SERVICIOS */
.box-servicio{
  position: relative;
  width: 100%;
  height: 250px;
  border-radius: 10px;
  border:2px solid #fff;
  background-image: url("../images/servicio-1.jpg");
  background-size: cover;
  overflow: hidden;
}
.box-servicio p{
  position: absolute;
  padding-left: 20px;
  top: -10px;
  font-family: calibri;
  font-size: 25px;
  color: #4cad3f;
}
  .degradado-izquierda{
    position: relative;
    width: 100%;
    height: 250px;
    background: rgba(255,255,255,1);
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,0) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(237,237,237,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(237,237,237,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(237,237,237,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=1 );
  }
.servicio1{background-image: url("../images/servicio-1.jpg");}
.servicio2{background-image: url("../images/servicio-2.jpg");}
.descripcion{
  width: 100%;
  height: 250px;
  overflow: auto;
}
@media only screen and (max-width : 600px){
  .descripcion{
    height: auto;
  }
}

/* SCROOLL */

::-webkit-scrollbar{ width:9px; height:9px; }
::-webkit-scrollbar-button:start:decrement, 
::-webkit-scrollbar-button:end:increment{ 
  display:block;
  height:0;
  background-color:transparent;
}
::-webkit-scrollbar-track-piece{
  background-color:#FAFAFA;
  -webkit-border-radius:0;
  -webkit-border-bottom-right-radius:8px;
  -webkit-border-bottom-left-radius:8px;
}
::-webkit-scrollbar-thumb:vertical{
  height:50px;
  background-color:#999;
  -webkit-border-radius:8px;
}
::-webkit-scrollbar-thumb:horizontal{
  width:50px;
  background-color:#999;
  -webkit-border-radius:8px;
}
.ir-arriba{
  display: none;
  padding: 20px;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 900000;
}
/* PROMOCIONES */
.promocion{
  display: inline-block;
  width: 100%;
  border-radius: 3px;
  height: 450px;
  margin-bottom: 20px;
}
.promocion-imagen{
  width: 100%;
  height: 130px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-image: url("../images/promo-imagen1.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
  .promo2{
    background-image: url("../images/promo-imagen2.jpg");
  }
.promocion-titulo{
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: 50px;
  font-size: 22px;
  letter-spacing: .5pt;
  font-weight: 100;
  color: #4cad3f;
}
.promocion-contenido{
  width: 100%;
  display: inline-block;
  height: 200px;
  overflow: auto;
  background-color: #ededed;
  text-align: left;
  padding: 15px;
}
  .promocion-contenido span:nth-child(1){
    font-weight: 400;
    font-size: 20px;
  }
  .promocion-contenido ul {
    margin: 0;
    padding: 0;
  }
.promocion-precio{
  text-align: center;
  font-size: 30px;
  color: #4cad3f;
  display: block;
}
  .promocion-precio .promocion-vigencia{
    font-size: 12px;
    display: block;
  }

/* LO MÁS NUEVO */
.full-alto{
  margin: 5% auto;
}
.icon{
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border:2px solid #ffffff;
}

/*MODULOS*/
.margin-exp{
    margin-bottom: 20px;
    margin-top: 20px;
  }
.margin-left{margin-left: 25px;}
.no-margin-bot{
  margin-bottom: 0;
}
.no-margin-top{
  margin-top: 0;
}
.no-margin{margin:0;}
.no-padding{margin:0;}

.mini{
  background-color: #fff;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -o-border-radius: 15px;
  behavior: url(../border.htc);
  border-radius: 15px;
  border: solid 2px #d1d1d1;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition:.3s;
  transition:.3s;
}
.mini:hover{
  -webkit-box-shadow: 0 0 11px 0 rgb(27 154 160 / 45%);
  -moz-box-shadow: 0 0 11px 0 rgba(46, 112, 174, 0.45);
  box-shadow: 0 0 11px 0 rgb(46 165 174 / 45%);
  border-color: #25a6af;
  -webkit-transition: .3s;
  -moz-transition: .3s;
  -ms-transition: .3s;
  -o-transition:.3s;
  transition:.3s;
}
.histo, .wap, .correo, .encuesta, .lealtad, .masiva, .agenda, .facturacion, .preorden, .adm, .ccc, .urg, .enf, .ece, .dyt, .qui, .mac, .iyp, .ads, .adim, .inv, .int, .gdc, .bph, .cit, .far, .ceye1, .den, .die, .fin, .con, .mrp, .caf, .cci{
  text-align: center;
  background-size: contain;
  cursor: pointer;
}
 .histo{background-image: url(../images/histogramas2.png);}
 .wap{background-image: url(../images/whatsappres2.png);}
 .correo{background-image: url(../images/correo2.png);}
 .encuesta{background-image: url(../images/satisfaccion2.png);}
 .lealtad{background-image: url(../images/lealtad2.png);}
 .masiva{background-image: url(../images/masiva2.png);}
 .agenda{background-image: url(../images/agenda2.png);}
 .facturacion{background-image: url(../images/facturacion2.png);}
 .preorden{background-image: url(../images/preorden2.png);}
 .adm{background-image: url(../images/admision.png);}
 .ccc{background-image: url(../images/configuracion-control-citas.png);}
 .urg{background-image: url(../images/urgencias.png);}
 .enf{background-image: url(../images/enfermeria.png);}
 .ece{background-image: url(../images/expediente-clinico.png);}
 .dyt{background-image: url(../images/diagnostico-y-tratamiento.png);}
 .qui{background-image: url(../images/quirofanos.png);}
 .mac{background-image: url(../images/macro.png);}
 .iyp{background-image: url(../images/interfaces-y-protocolos.png);}
 .ads{background-image: url(../images/administracion-del-sistema.png);}
 .adim{background-image: url(../images/almacen-de-insumos-medicos.png);}
 .inv{background-image: url(../images/inventarios.png);}
 .int{background-image: url(../images/modulo-interlab.png);}
 .gdc{background-image: url(../images/gestion-de-calidad.png);}
 .bph{background-image: url(../images/buenas-practicas.png);}
 .cit{background-image: url(../images/citopat.png);}
 .far{background-image: url(../images/farmacia.png);}
 .ceye1{background-image: url(../images/ceye.png);}
 .den{background-image: url(../images/plan-dental.png);}
 .die{background-image: url(../images/dietologia.png);}
 .fin{background-image: url(../images/finanzas.png);}
 .con{background-image: url(../images/consulta-externa.png);}
 .mrp{background-image: url(../images/residuos-peligrosos.png);}
 .caf{background-image: url(../images/cafeteria.png);}
 .cci{background-image: url(../images/control-calidad-interno.png);}

 .bluesul {
  filter: hue-rotate(-26deg);
 }