/* :root{
  border: 4px solid orange;
  margin: 0;
  padding: 0;
} */

/*html{
  box-sizing: border-box;
  font-size: 62.5%;
}

*, *:before, *:after {
  box-sizing: inherit;
}*/

/* Estilos generales */

.menu-item a{
  text-decoration: none !important;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
/*
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 2;*/
}

P{
  margin: 0;
  padding: 0;
}

.P-Li{
  margin: 0;
  padding: 0;
  display: flex;
}


section {
  width: 100%;
  margin: 0;
  padding: 0;
  border: 0;
}


.Img-Fondo {
  z-index: -1;
  width: 100%;
}

.Borde {
  border: 5px solid orange;
}

.FondoVerde {
  background-color: #1B8080;
}

.FondoMorado {
  background-color:#65257A;
}

.PosRelativa {
  position: relative;
  display: inline-block;
}

.PosAbsoluta {
  position: absolute;
  top: 0%;
}

input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}
 
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}

a {
  text-decoration: none !important;
}

/* BARRA DE NAVEGACION (NAV) */



.NAV-Img-Logo{
  width: 100px;
}

.NAV {
  padding: 0.5rem;
  background-color: #f5f6f7;
  border-bottom: 5px solid #65257A;
  width: 100%;
}

.NAV-Div-LinkMenu{
  background-color: transparent !important;
  color:  #65257A;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  border: none;
}

.NAV-Div-LinkMenu:hover{
  color: #69A9AA;
}

.NAV-Div-LinkMenu.show{
  color:#1B8080;
}

.NAV-Ul-LinkMenu{
  background-color: white;
  color: #65257A;
}

.NAV-Ul-LinkMenu li a{
  color: #65257A;
}

.NAV-Ul-LinkMenu li a:hover{
  color: #69A9AA;
  font-weight: bold;
}

.NAV-Ul-LinkMenu li a:active{
  background-color:white;
  color: #1B8080;
}
/* Inicio  */
.menu-item a{
  color:  #65257A;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  background-color: transparent;
  border: none;
}

.NAV-a-Link{
  color:  #65257A;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  background-color: transparent;
  border: none;
}
/* Fin  */
/* Inicio  */
.menu-item a:hover{
  color:  #69A9AA;
  background-color: transparent;
  transition: all 0.5 ease;
}

.NAV-a-Link:hover{
  color:  #69A9AA;
  background-color: transparent;
  transition: all 0.5 ease;
}
/* Fin  */
/* Inicio  */

.NAV-activo{
  color: #1B8080 !important;
}

.current-menu-item a{
  color: #1B8080 !important;
}
/* Fin  */

.search-btn1{
  border-color: transparent;
  background-color: transparent;
}

.Lupa1{
  color: #65257A;
  font-size: 1.5rem;
}

.Lupa1:hover{
  color:#69A9AA;
}

.Nav-search-btn{
  background-color:transparent;
  border: none !important;
  color: white;
  margin: 2px;
  border: 1px solid white;
  margin: 3px 10px 3px 10px;
}

.search-box{
  position: absolute;
  z-index: -1;
  bottom: -10px;
  right: -70px;
  width: 200px;
  height: 0;
  background-color: #65257A;
  transition: all 0.3s ease;
  overflow: hidden;
  border-radius: 0 0 5px 5px;
}

.search-box input {
  color: white;
  width: 100%;
  border: none;
  outline: none;
  background-color: #65257A;
  outline: none;
  margin-left: 10px;
}

.search-box.active{
  color: white;
  height: 30px;
  bottom: -43px;
  transition: all 0.5s ease;
}

/* BARRA DE NAVEGACION (NAV) FIN */

/* SECCION INICIO-EXAMEN (IE) */

.IE-Img-FondoLaboratorista {
  background-size: cover;
  background-position: center center;
  opacity: 0.1;
}

.IE-Div-Laboratorista {
  align-items:end;
  justify-content: end;
}

.IE-Img-Laboratorista {
  padding-top: 20px;
  width: 48%;
  z-index: 1;
}

.IE-Div-AccesoExamen {
  align-items: center;
  justify-content: start;
}

.IE-Titulo {
  color:  #65257A;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  padding: 0;
}

.IE-Texto {
  color:  #65257A;
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0;
  padding: 0;
}

.IE-Img-Recurso {
  height: 20px;
  margin: 2px 10px;
}

.IE-Button-AccesoExamen {
  position: relative;
  border-radius: 5px;
  border: 1px solid #65257A;
  margin: 3px;
  width: 100%;
  color:  #65257A;
  font-size: 1rem;
  font-weight: bold;
  text-align: start;
  cursor:pointer;
  padding-left: 50px;
  background-color:transparent;
}

.IE-Button-AccesoExamen img{
  position: absolute;
  top: 0;
  left: 0;
}

.Img-Particulares2, .Img-PrePost2, .Img-SolicitaUM2{
  opacity: 0;
}

.IE-Button-AccesoExamen:hover {
  background-color:#1B8080;
  border-color: transparent;
  color: white;
  transition: background-color 0.5s ease;
}

.IE-Button-AccesoExamen:hover .Img-Particulares1{
  opacity: 0;
}

.IE-Button-AccesoExamen:hover .Img-Particulares2{
  opacity: 1;
}

.IE-Button-AccesoExamen:hover .Img-PrePost1{
  opacity: 0;
}

.IE-Button-AccesoExamen:hover .Img-PrePost2{
  opacity: 1;
}

.IE-Button-AccesoExamen:hover .Img-SolicitaUM1{
  opacity: 0;
}

.IE-Button-AccesoExamen:hover .Img-SolicitaUM2{
  opacity: 1;
}
/* SECCION INICIO-EXAMEN (IE) FIN */

/* SECCION INICIO-PROMOCION (IP)  */

.IP-Div-FondoPromocion{
  width: 100%;
  height: 550px;
  overflow: hidden;
}

.IP-Titulo {
  color:  white;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background-color: #65257A;
  padding: 0px 30px;
  border-radius: 10px;
  margin-bottom: 40px;
  border-color: transparent;
  cursor: pointer;
}

.IP-Titulo:hover{
  background-color: #1B8080;
  transition: background-color 0.5s ease;
}

.IP-Texto {
  color:  #1B8080;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  padding-top: 15px;
}

.IP-Div-CA {
  width: 250px; /* 220px */
  height: 340px;
  padding-bottom: 20px;
}

.IP-Div-CompraAhora {
  background-color: white;
  width: 240px; /* 200px */
  padding: 10px;
  border-radius: 10px;

}

.IP-Div-CompraAhora:hover{
  border: 2px solid #69A9AA;
  transition: border 0.2s ease;
}

.IP-Div-CompraAhora:hover .IP-Img-CompraAhora{
  border: 3px solid #69A9AA;
  transition: border 0.2s ease;
}

.IP-Div-CompraAhora:hover .IP-Button {
  background-color:#1B8080;
  border-color: transparent;
  color: white;
  transition: background-color 0.5s ease;
}

.IP-Div-CompraAhora:hover .IP-Titulo-CompraAhora {
  color:#1B8080;
}

.IP-Img-CompraAhora {
  width: 100px;
  border-radius: 50%;
  border: 3px solid #65257A;
  margin: 5px;
}

.IP-Titulo-CompraAhora {
  color: #65257A;
  font-weight: bold;
  text-align: center;
  font-size: 1rem;
}

.IP-Texto-CompraAhora{
  position: absolute;
  width: 80%;
  top: 48%;
  left: 50%;
  color: #65257A;
  font-weight:lighter;
  text-align: center;
  font-size: 0.8rem;
  margin-top: 5%;
  transform: translate(-50%, 0);
}

.IP-Texto-CompraAhoraPrecio{
  color: #1B8080;
  font-weight:bold;
  text-align: center;
  font-size: 1.5rem;
  position: absolute;
  top: 83%;
  left: 50%;
  transform: translate(-50%, -83%);
}

.IP-Button{
  background-color: white;
  border: 1px solid #65257A;
  color: #65257A;
  border-radius: 10px;
  font-size: 1.1rem;
  position: absolute;
  width: 80%;
  top: 96%;
  left: 50%;
  transform: translate(-50%, -98%);
  cursor:pointer;
}


.IP-ButtonVerPromo{
  color: #65257A;
  border: 1px solid #65257A;
  background-color: transparent;
  border-radius: 10px;
  font-size: 1.1rem;
  margin: 20px;
  cursor:pointer;
}

.IP-ButtonVerPromo:hover {
  background-color:#1B8080;
  border-color: transparent;
  color: white;
  transition: background-color 0.5s ease;
}

.IP-Page{
  width: 100%;
  height: 70px;
}
/* SECCION INICIO-PROMOCION (IP) FIN  */

/* SECCION INICIO-UNIDAD MOVIL (IUM) */

.carouselExampleIndicators {
  position: relative;
}

.carousel-indicators {
  position: absolute;
  top: 90% !important;
  left: 32% !important;
  padding: 0px !important;
  background-color:white;
  border-radius: 10px;
  width: 150px;
  height: 20px;
  transform: translate(-32% , -0%);
  align-items: center;
}

.carousel-indicators button{
  background-color: #737275 !important;
  width:10px !important; 
  height:10px !important;  
  border-radius: 50% !important;
  margin: 0 5px 0 5px !important;
  padding: 0 !important;
}

.carousel-indicators button.active{
  background-color:#65257A !important;
}

.buttons .prev{
  background-color: transparent;
  color: #65257A;
}

.buttons .next{
  background-color: transparent;
  color: #65257A;
}

/* SECCION INICIO-UNIDAD MOVIL (IUM) FIN */

/* SECCION INICIO-COTIZA CON NOSOTRO (ICN) */
.ICN-Div-FondoCN {
  width: 100%;
  height: 570px;
  overflow: hidden;
}
.ICN-Img-FondoCN {
  opacity: 0.2;
}

.ICN-Img-Logo {
  width: 200px;
  margin: 30px;
}

.ICN-Div-CN {
  padding: 20px;
  background-color: white;
  border-radius: 30px;
  width: 300px;
}

.ICN-Img-ChicaCN {
  width: 200px;
  top: 10%;
  left: 100%;
}

.ICN-Img-Recurso {
  width: 150px;
  padding-bottom: 20px;
}

.ICN-Input-Text {
  margin: 2px;
  border-color: rgb(70, 70, 70);
}

.ICN-Input-TextDescripcion {
  margin: 2px;
  height: 80px;
  border-color: rgb(70, 70, 70);
}
.ICN-Checkbox{
  appearance: none;
}

.ICN-Boton-Empresa {
  background-color: #edc6fa;
  border-color:  #edc6fa;
  color:  rgb(70, 70, 70);;
  margin: 0px 0;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  margin-bottom: 10px;
}

input[type="checkbox"]:checked + label {
  background-color:#65257A;
  color: white;
}

.ICN-Boton-Enviar {
  background-color: white;
  border: 1px solid #65257A;
  color: #65257A;
  margin: 5px 0 0 0;
  width: 100px;
  font-size: 1.2rem;
  cursor: pointer;
  width: 150px;
}

.ICN-Boton-Enviar:hover {
  background-color:#1B8080;
  color: white;
  transition: background-color 0.5s ease;
}

/* SECCION INICIO-COTIZA CON NOSOTRO (ICN) FIN */

/* SECCION INICIO-CONFIAR ALIADOS (ICA) */
.ICA-Texto{
  color: white;
  text-align: center;
  padding: 20px 0 10px 0;
  font-size: 1.2rem;
}

.slider {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.slides {
  display: flex;
  flex-wrap: nowrap;
  transition: transform 0.5s ease;

}

.slides img {
  width: 250px;
  height: auto;
  object-fit: cover;
  padding:20px;
}

.buttons {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: -40px;
  right: -40px;
}

.buttons button {
  background-color: rgba(0, 0, 0, 0.5);
  border: none;
  color: #ffffff;
  font-size: 2rem;
  padding: 1rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.buttons button:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

.buttons .prev {
  position: absolute;
  left: 2rem;
  transform: translateY(-50%);
}

.buttons .next {
  position: absolute;
  right: 2rem;
  transform: translateY(-50%);
}

.buttons .next:hover {
  background-color: transparent;
}

.buttons .prev:hover {
  background-color: transparent;
}

.ICA-Div-Boton{
  justify-content: center;
  align-items: center;
  text-align: center;
}

.ICA-Boton {
  background-color: transparent;
  margin: 20px;
  color:white;
  border-color:white;
  font-size: 1rem;
  font-weight: bold;
}

.ICA-Boton:hover {
  background-color:white;
color: #1B8080;
}
/* SECCION INICIO-CONFIAR ALIADOS (ICA) FIN */

/* SECCION INICIO-VISITANOS (IV) */

.IV-Div-IV {
  text-align: center;
}
.IV-Div-FondoVisitanos{
  width: 100%;
  height: 340px;
  overflow: hidden;
}
.IV-Img-FondoVisitanos{
  opacity: 0.2;

}

.IV-Titulo-IV{
  color: #65257A;
  font-size: 2rem;
  font-weight: bold;
  border-bottom: 5px solid  #1B8080;
  padding-top: 50px;
}

.IV-Img-Recurso {
  width: 30px;
  margin-top: 50px;
}

.IV-Titulo-Visitanos{
  color: #65257A;
  font-size: 2rem;
  font-weight: bold;
}

.IV-Texto-Visitanos{
  color:#1B8080;
  font-size: 1rem;
  text-align: center;
}

.IV-Boton-Visitanos{
  color: #65257A;
  border-color: #65257A;
  margin-bottom: 20px;
  cursor: pointer;
}

.IV-Boton-Visitanos:hover {
    background-color:#1B8080;
    color: white;
    transition: background-color 0.5s ease;
}
/* SECCION INICIO-VISITANOS (IV) FIN */

/* SECCION INICIO-REDES SOCIALES (IRS) */

.IRS-Div-RedesSociales{
  color: white;
  padding-top: 30px;
}

.IRS-Img-RedesSociales{
  width: 180px;
}

.IRS-Texto-RedesSociales{
  text-align: center;
  font-size: 1rem;
}

.IRS-Titulo-RedesSociales{
  font-size: 2rem;
}

.IRS-Boton-RedesSociales {
  color: white;
  border-color: white;
  margin-bottom: 10px;
}

.IRS-Boton-RedesSociales:hover {
  background-color: #1B8080;
  color: white;
  border-color: white;
  transition: all 0.5s ease;
}

.IRS-DIV-Center{
  padding-bottom: 30px;
}
/* SECCION INICIO-REDES SOCIALES (IRS) FIN */

/* PIE DE PAGINA (PP) */
.PP-Div-Diseno{
  background-color: #009fe3;
  height: 50px;
}

.PP-Texto-Diseno{
  color: white;
  font-size: 0.8rem;
}

.PP-Div-Reservado{
  padding-top: 20px;
  background-color: #3c3c3c;
  height: 80px;
}

.PP-Texto-Reservado{
  color: white;
  font-size: 0.8rem;

}
/* PIE DE PAGINA (PP) FIN */


/* SECCION MENU-NUESTROS SERVICIOS (MNS)  */
.MNS-Div-FondoNuestrosServicios{
  height: 680px;
  overflow: hidden;
}

.MNS-Img-FondoNuestrosServicios{
  opacity: 0.1;
}

.MNS-Div-NuestrosServicios{
  position: relative;
  background-color: white;
  margin: 3%;
  padding: 2%;
  width: 160px;
  height: 160px;
  border-radius: 20px;
  cursor: pointer;
}

.MNS-Div-NuestrosServicios:hover {
  border: 0;
  background-color: #65257A;
}

.MNS-Div-NuestrosServicios:hover .MNS-Recursos{
  display: none;
}

.MNS-Div-NuestrosServicios:hover .MNS-Texto-NuestrosServicios{
  display: none;
}

.MNS-Div-NuestrosServicios a{
  position: absolute;
  top:0;
  left: 0;
  display: none;
  width: 100%;
  height: 100%;
  text-decoration: none;
  text-align: center;
  padding-top: 20px;
  color: #65257A;
  cursor: pointer;
}

.MNS-Div-NuestrosServicios:hover a{
  display: block;
}

.MNS-Div-NuestrosServicios a:hover{
  color: white;
  transition: all 0.5s ease;
}

.MNS-bi-whatsapp{
  font-size: 2.5rem;
}

.MNS-Recursos{
  width: 50px;
  margin-bottom: 10px;
}

.MNS-Texto-NuestrosServicios{
  font-size: 0.8rem;
  color: #65257A;
  text-align: center;
}

.MNS-Titulo {
  color:  white;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background-color: #65257A;
  padding: 5px 30px;
  border-radius: 10px;
  margin: 0px 0 40px 0;
}

.MNS-Texto {
  color:  #1B8080;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
  margin-top: 40px;
}
/* SECCION MENU-NUESTROS SERVICIOS (MNS) FIN */

/* SECCION MENU-QUIENES SOMOS (MQS) */
.MQS-Div-ImgQuienesSomos{
  background-color: #65257A;
  width: 100%;
  height: 200px;
  overflow: hidden;
}

.MQS-Img-QuienesSomos{
  opacity: 0.3;
}

.MQS-Titulo{
  color: white;
  font-size: 2.3rem;
  padding-left: 20%;
  height: 100%;
}

.MQS-Row{
  padding: 20px 0;
}

.MQS-Div-Img{
  justify-content: end;
  align-items: center;
}

.MQS-Img-Recurso{
  width: 70px;
  margin-right: 8%;
}

.MQS-Img-RecursoLogo{
  width: 150px;
}


.MQS-P-Parrafo{
  width: 600px;
  text-align: justify;
}

.MQS-UL-List {
  list-style:none;
  padding: 0;
  margin: 0;
}

li p{
  padding: 6px 0 0 0;
}

.MQS-UL-List li:before {
  content: "•";
  margin-right: 0.5rem;
  vertical-align:bottom;
  color: #1B8080;
  font-size: 1.5rem;
}

.MQS-Div-PieQuienesSomos{
  width: 100%;
  margin: 0;
  padding: 0;
}

.MQS-Img-PieQuienesSomos{
  z-index: -1;
  opacity: 0.25;
}

.MQS-Titulo-Pie {
  color: white;
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  background-color: #65257A;
  padding: 5px 30px;
  border-radius: 10px;
  margin-bottom: 20px;
  border-color: transparent;
  cursor: pointer;
}

.MQS-Titulo-Pie:hover{
  background-color:#1B8080;
  transition: background-color 0.5s ease;
}

.MQS-Texto-Pie {
  color:  #1B8080;
  font-weight: bold;
  font-size: 1.2rem;
  text-align: center;
}

.MQS-Div-TextoPie{
  width: 100%;
  height: 100%;
}
/* SECCION MENU-QUIENES SOMOS (MQS) FIN */

/* SECCION MENU-PROMOCION (MP)  */
.PNumber-Div{
  justify-content: start;
  align-items: start;
}

.PNumber-Img-Fondo{
  width: 100%;
  z-index: -1;
}

.PNumber-Img-Logo{
  width: 250px;
  margin: 10%;
}

.PNumber-Texto{
  color: #707070;
  font-size: 1.5rem;
}

.PNumber-Titulo{
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  background-color: #65257A;
  padding: 2%;
}

.PNumber-UL-List{
  list-style:none;
  padding: 0;
  margin: 0;
  font-size: 1.2rem;
  padding-left: 5%;
  font-weight: bold;
}

.PNumber-UL-List li:before {
  content: "•";
  margin-right: 0.5rem;
  vertical-align:middle;
  color:#65257A;
  font-size: 1.2rem;
}

.PNumber-Precio{
  border: 2px solid #1B8080;
  border-radius: 10px;
  padding: 0px 20px;
  margin: 10px;
}

.PNumber-Texto-Precio{
  font-size: 1.5rem;
  color:#65257A;
}

.PNumber-Texto-Total{
  margin-left: 10px;
  color: #3c3c3c;
  font-size: 1.5rem;
  font-weight: bold;
}

.PNumber-Texto-Total sup{
  font-size: 0.9rem;
}

.PNumber-Texto-WS{
  color: #1B8080;
  font-size: 1rem;
  font-weight: bold;
}

.PNumber-button-NumeroWS{
  background-color: #65257A;
  color: white;
  padding: 5px 30px;
  border-radius: 10px;
  font-size: 1.2rem;
  border: none;
  cursor:pointer;
}

.PNumber-button-NumeroWS:hover {
  background-color:#1B8080;
  border-color: #1B8080;
  color: white;
  transition: background-color 0.5s ease;
}

.PNumber-RedesSociales {
  color: #65257A;
  font-size: 2rem;
}

.PNumber-RedesSociales:hover {
  color:#1B8080;
  font-size: 2rem;
}

.PNumber-a-RedesSociales{
  margin: 5px 10px;
}

.PNumber-Texto-Correo{
  color: #65257A;
  font-size: 1.2rem;
}

/* SECTION MENSAGE (msg)  */

.msg-Titulo{
  color: #65257A;
  font-weight: bold;
  margin: 20px;
}

.msg-Texto{
  text-align: center;
}

.msg-Boton{
  font-weight: bold;
  color:#65257A;
  background-color: white;
  border: 1px solid #65257A;
  margin: 20px;
  width: 300px;
  cursor: pointer;
}

.msg-Boton:hover{
  background-color:#1B8080;
  border: transparent;
  color: white;
}

@media screen and (max-width: 767px) {

  .MQS-Div-ImgQuienesSomos {
    height: 100%;
  }

  .search-box{
    z-index: 1;
    position: relative;
    top: 0;
    left: 0;
    flex:content;
    width: 0;
    border-radius: 10px;
  }

  .search-box.active{
    color: white;
    width: 200px;
    transition: all 0.5s ease;
  }

  /* SECCION INICIO-EXAMEN (IE) */
  .IE-Img-Laboratorista {
    width: 25%;
  }
  .IE-Div-Laboratorista {
    align-items: top;
    justify-content: center;
  }
  
  .IE-Div-AccesoExamen {
    align-items: center;
    justify-content: center;
    margin: 20px 0 0 0 ;
  }
  /* SECCION INICIO-EXAMEN (IE) FIN */

  /* SECCION INICIO-COTIZA CON NOSOTRO (ICN) */
  .ICN-Img-ChicaCN {
    display:none
  }
  /* SECCION INICIO-COTIZA CON NOSOTRO (ICN) FIN */
}

@media screen and (max-width: 575px) {
  .IRS-Img-RedesSociales{
    display: none;
  }
  .MQS-Div-Img{
    justify-content: center;
    align-items: center;
  }

  .MQS-Img-Recurso{
    width: 100px;
  }

  .MQS-Titulo-Pie {
    font-size: 1rem;
  }
  
  .MQS-Texto-Pie {
    font-size: 0.8rem;
  }
}