@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: "Avenir";
  src: url(fuentes/Avenir-Roman.ttf) format("truetype");
}

@font-face {
  font-family: "Open";
  src: url(fuentes/OpenSans.ttf) format("truetype");
}

html {
  font-size: 13px;
}

body {
  font-family: "Avenir";
  overflow-x: hidden;
  padding: 0 !important;
  margin: 0 !important;
}

.container_btn_huesos {
  display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;
}

.btn_promo_huesos {
  border-radius: 24px; display: flex; align-items: center; justify-content: center; gap: 8px;
}

.img-huesos {
  vertical-align:middle;
}

/* estilos tanatología */

.tit_quien_soy {
  font-size: 23px;
  color: #082b4b;
}

.det_quien_soy {
  font-size: 17px;
  color: #082b4b;
}

.sect-servicios {
  padding: 20px 50px 50px 50px;
  background-color: #F8F9F9;
}

.sect-ventajas {
  padding: 20px 50px 50px 50px;
}

.card-servicios {
  background-color: #F9F9F9;
  border-radius: 5px;
  border: solid 2px #FFFFFF;
  font-size: 25px;
  font-family: "Open";
  color: #5D6D7E;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card-servicios:hover {
  box-shadow: none;
  cursor: pointer;
  color: #102657;
}

.tit-servicios {
  font-weight: 700;
  margin-top: 15px;
}

.det-servicios {
  font-size: 18px;
  font-family: "Open";
  margin-top: 15px;
}

.card-servicios-body {
  padding: 30px;
}

.tit_seccion {
  font-family: "Open";
  font-size: 32px;
  color: #5D6D7E;
  font-weight: 600;
}

.anunciateAqui {
  border: solid 1px #082f53;
  padding: 10px;
  border-radius: 10px;
  font-size: 20px;
}

.alturaAnunciate {
  min-height: 400px;
}

.alturaAnunciate2 {
  min-height: 100px;
  margin-top: 50px;
}

.textAnunciate {
  color: #082f53;
  font-size: 30px;
  font-family: "Avenir";
}

.textAnunciate2 {
  color: #082f53;
  font-size: 50px;
  margin-top: 30px;
  font-family: "Avenir";
}

.subTextAnunciate {
  color: #0a2963;
  font-size: 20px;
  margin-top: 30px;
  font-family: "Avenir";
}

.text_20 {
  font-size: 20px;
}

.flotante {
  position: fixed;
  right: 39%;
  top: 15%;
  z-index: 2;
}

.card_biopsia {
  font-family: "Open";
  box-shadow: 1px 2px 6px 0px #ededed;
  font-size: 1.3em;
  color: #082b4b;
}

.text_gris {
  color: #515A5A;
}

.tit_pv {
  font-size: 20px;
  color: #515A5A;
}

.det_pv {
  margin-top: 10px;
  font-family: "Avenir";
  font-size: 16px;
  color: #000;
}

.pre_pv {
  margin-top: 40px;
  height: 50px;
  font-size: 30px;
}

.bloq_pv {
  width: 100%;
  padding: 10px;
  background-color: #F8F9F9;
  border-radius: 5px;
  min-height: 200px;
  box-shadow: 1px 2px 5px -3px #2980B9;
}

.bloq_pv2 {
  width: 100%;
  padding: 10px;
  background-color: #F8F9F9;
  border-radius: 5px;
  box-shadow: 1px 2px 5px -3px #2980B9;
}

.boton_header {
  width: 100%;
  padding: 10px;
  border: solid 1px #E5E7E9;
  border-radius: 50px;
  text-align: center;
  background-color: #FFF;
  color: #515A5A;
  font-size: 13px;
}

.boton_header:hover {
  cursor: pointer;
  background-color: #F4F3F3;
  box-shadow: 1px 2px 5px -3px #F4F3F3;
  transition: all 0.5s ease-out;
}

.text_serv_spa {
  font-family: "Open";
  font-size: 20px;
}

.text_pre_spa {
  font-family: "Open";
  font-size: 30px;
  color: #E6C126;
}

.text_pre_spa_small {
  font-family: "Open";
  font-size: 12px;
  color: #E6C126;
}

/* estilos redes*/

.link {
  text-decoration: none;
}

.redes {
  display: block;
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 2;
}

.btn-whatsapp {
  width: 45px;
  height: 45px;
  text-align: center;
  transition: all .9s ease;
}

.btn-whatsapp:hover {
  width: 47px;
  height: 47px;
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}

.btn-facebook {
  width: 40px;
  height: 40px;
  text-align: center;
  transition: all .9s ease;
}

.btn-facebook:hover {
  width: 42px;
  height: 42px;
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25);
  -ms-transform: scale(1.25);
  -o-transform: scale(1.25);
  transform: scale(1.25);
}

.text_valores {
  font-size: 12px;
  margin-top: 15px;
}

.bloque_cotizaciones {
  background-color: #102657;
  color: white;
  font-size: 15px;
}

.subtit_contenido {
  font-size: 20px;
  color: #102657;
  font-weight: bold;
}

.text_contenido_seccion {
  font-size: 17px;
  color: #696a6d;
  text-align: justify;
  font-weight: bold;
}

#sendfacebook {
  width: 300px;
  height: 430px;
  position: fixed;
  bottom: -390px;
  right: 2%;
  z-index: 10000;
  border: solid;
  border-width: 2px;
  border-color: #F8E38A;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-color: white;
  box-shadow: 1px 2px 6px 0px #1d5464;
}

#minimizar {
  width: 100%;
  height: 40px;
  background-color: #47639E;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  padding-top: 6px;
}

#mostrar {
  color: #fff;
}

.arriba {
  position: fixed;
  top: 30px;
  left: 0px;
  width: 100%;
  z-index: 1;
}

.fixed-topbootstrap {
  position: fixed;
  top: 30px;
  right: 0;
  left: 0;
  z-index: 1030;
}

hr {
  margin-top: 10px;
  margin-bottom: 10px;
}

.hover-card-posts:hover {
  background-color: #dde1e7;
}

.titpie {
  font-family: "Open";
  font-size: 25px;
  text-decoration: none;
  color: white;
  font-weight: bold;
}

.pointer:hover {
  cursor: pointer;
}

.txtxspie {
  font-family: "Avenir";
  font-size: 15px;
  color: white;
  text-align: justify !important;
}

.txtsm {
  font-family: "Avenir";
  font-size: 16px;
  text-decoration: none;
  color: #7F7F7F;
}

.relevante {
  background-color: #D4AC0D;
  color: white;
  font-size: 1.6em;
  padding: 5px;
  font-family: 'Open';
}

.txtxl {
  font-family: "Open";
  font-size: 38px;
  text-decoration: none;
  color: white;
}

.txtlg {
  font-family: "Open";
  font-size: 40px;
  text-decoration: none;
  color: white;
}

.padding10 {
  padding: 10px;
}

.padding20 {
  padding: 20px;
}

.card_pie {
  padding: 30px;
}

.bordeleftamarillo {
  margin-top: -10px;
  background-color: #102657;
  border-left: 8px solid #F8E38A;
}

.cardtransparente {
  background-color: transparent;
  border: solid white;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

/* Carousel para las promociones */

.slider3 {
  width: 95%;
  margin: auto;
  overflow: hidden;
}

.slider3 ul {
  display: flex;
  padding: 0;
  width: 300%;

  animation: cambiotres 17s infinite alternate linear;
}

.slider3 li {
  width: 100%;
  list-style: none;
}

.slider3 img {
  width: 100%;
}


.slider4 {
  width: 95%;
  margin: auto;
  overflow: hidden;
}

.slider4 ul {
  display: flex;
  padding: 0;
  width: 300%;

  animation: cambiotres 15s infinite alternate linear;
}

.slider4 li {
  width: 100%;
  list-style: none;
}

.slider4 img {
  width: 100%;
}

@keyframes cambiotres {
  0% {
    margin-left: 0;
  }

  20% {
    margin-left: 0;
  }

  25% {
    margin-left: -100%;
  }

  45% {
    margin-left: -100%;
  }

  50% {
    margin-left: -200%;
  }

  70% {
    margin-left: -200%;
  }

  75% {
    margin-left: -300%;
  }

  100% {
    margin-left: -300%;
  }
}


.slider2 {
  width: 95%;
  margin: auto;
  overflow: hidden;
}

.slider2 ul {
  display: flex;
  padding: 0;
  width: 400%;

  animation: cambio 20s infinite alternate linear;
}

.slider2 li {
  width: 100%;
  list-style: none;
}

.slider2 img {
  width: 100%;
}

@keyframes cambio {
  0% {
    margin-left: 0;
  }

  20% {
    margin-left: 0;
  }

  25% {
    margin-left: -100%;
  }

  45% {
    margin-left: -100%;
  }

  50% {
    margin-left: -200%;
  }

  70% {
    margin-left: -200%;
  }

  75% {
    margin-left: -300%;
  }

  100% {
    margin-left: -300%;
  }
}

/*Termina carousel para promociones */

.descinsen {
  color: white;
  font-size: 2.6em;
  font-family: 'Open';
}

.titseccion {
  font-family: "Open";
  color: #079EEF;
  font-size: 1.5em;
}

.titsecc {
  font-family: "Avenir";
  font-size: 1.2em;
  color: grey;
  min-height: 50px;
  margin-top: 20px;
}

.alto150 {
  height: 150px;
}

.descsecc {
  min-height: 70px;
  font-family: "Avenir";
  font-size: 0.9em;
  color: grey;
  width: 90%;
  border-right: solid;
  border-left: solid;
  border-color: #D4AC0D;
  margin-top: 10px;
}

.btn-outline-verde {
  color: #27AE60;
  background-color: transparent;
  background-image: none;
  border-color: #27AE60;
}

.btn-outline-verde:hover {
  color: white;
  background-color: #1E8449;
  border-color: #1E8449;
}

.btn-outline-verde:focus,
.btn-outline-verde.focus {
  box-shadow: 0 0 0 0.2rem rgba(125, 206, 160, 0.5);
}

.btn-outline-amarillo {
  color: #F8E38A;
  background-color: transparent;
  background-image: none;
  border-color: #F8E38A;
}

.btn-outline-amarillo:hover {
  color: white;
  background-color: #F8E38A;
  border-color: #1E8449;
}

.btn-outline-amarillo:focus,
.btn-outline-amarillo.focus {
  box-shadow: 0 0 0 0.2rem rgba(125, 206, 160, 0.5);
}

.btn-outline-azul {
  color: #102657;
  background-color: transparent;
  background-image: none;
  border-color: #102657;
}

.btn-outline-azul:hover {
  color: white;
  background-color: #102657;
  border-color: #102657;
}

.btn-outline-azul:focus,
.btn-outline-amarillo.focus {
  box-shadow: 0 0 0 0.2rem rgba(125, 206, 160, 0.5);
}

.btnborde {
  border-radius: 50px;
}

.shadow-card {
  font-family: "Avenir";
  box-shadow: 1px 2px 6px 0px #ededed;
  min-width: 180px;
  min-height: 200px;
  font-size: 1.3em;
  color: #515A5A;
  margin-top: 10px;
}

.premios {
  color: #4D5656;
  font-size: 16px;
}

.valores {
  text-align: center;
  font-family: "Avenir";
  font-size: 16px;
  box-shadow: 1px 2px 6px 0px #1d5464;
  color: #515A5A;
  margin-top: 10px;
  width: 100%;
  font-weight: bold;
  padding: 10px;
  color: white;
}

.nota {
  padding: 15px;
  background-color: #fafafa;
  border-left: 8px solid #7f7f84;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
  box-shadow: 0 5px 8px -6px rgba(0, 0, 0, .2);
}

.nota-sm {
  padding: 10px;
  font-size: 80%;
}

.nota-md {
  padding: 15px;
  font-size: 14px;
}

.nota-lg {
  padding: 35px;
  font-size: 2.8em;
}

.nota-success {
  border-color: #80D651;
}

.nota-success>strong {
  color: #80D651;
}

.nota-info {
  border-color: #102657;
}

.nota-info>strong {
  color: #102657;
}

.nota-warning {
  border-color: #F8E38A;
}

.nota-warning>strong {
  color: #FEAF20;
}

.nota-danger {
  border-color: #d73814;
}

.nota-danger>strong {
  color: #d73814;
}

.barra_tit_seccion {
  padding: 20px;
  background-color: #fafafa;
  color: #102657;
  border-left: solid;
  border-color: #102657;
  border-width: 10px;
}

.bloque_seccion_pag {
  color: #102657 !important;
  padding: 20px;
  background-color: #fafafa;
}

.titpromos {
  background-color: #D4AC0D;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  color: white;
  padding: 5px;
  letter-spacing: 3px;
  font-size: 1.5em;
  font-family: 'Open';
  font-weight: bold;
}

.textsm {
  font-family: "Avenir";
  font-size: 15px;
  text-align: justify;
}

.textlg {
  font-family: "Avenir";
  font-size: 20px;
  text-align: justify;
}

.promos {
  min-height: 210px;
  border: solid;
  border-color: #D4AC0D;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.caja {
  border: solid;
  border-color: #1D8F8F;
  border-radius: 5px;
  margin-right: 3px;
  margin-left: 0px;
  min-height: 250px;
}

.btn-outline-verde.disabled,
.btn-outline-verde:disabled {
  color: #ffc107;
  background-color: transparent;
}

.btn-outline-verde:not(:disabled):not(.disabled):active,
.btn-outline-verde:not(:disabled):not(.disabled).active,
.show>.btn-outline-verde.dropdown-toggle {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-outline-verde:not(:disabled):not(.disabled):active:focus,
.btn-outline-verde:not(:disabled):not(.disabled).active:focus,
.show>.btn-outline-verde.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}


.barramenu {
  /* background-color: #102657 !important; */
  background-color: #091930 !important;
}

.divisionazul {
  background-color: #102657;
  width: 100%;
  font-size: 2.8em;
  padding: 10px;
  color: white;
  font-family: 'Open';
}

.barra_amarilla {
  background-color: #FCBF50;
  width: 100%;
  font-size: 2.8em;
  font-family: 'Open';
  color: white;
}

.text_spa_menu {
  margin-top: -5px;
  color: #EEC721 !important;
  font-size: 1.5em;
  font-family: "Open" !important;
  font-weight: bold;
  letter-spacing: 1px;
  text-shadow: 1px 2px 2px rgba(150, 150, 150, 1);
}

.text_spa_menu:hover {
  color: #FFF !important;
}

.textmenu {
  color: white !important;
  font-size: 1.4em;
  font-family: "Avenir" !important;
  font-weight: bold;
  letter-spacing: 1px;
}

.textmenu:hover {
  color: #F9E79F !important;
  letter-spacing: 1px;
}

.modal-header {
  background-color: #102657;
  color: white;
  font-size: 18px;
  font-weight: bold;
  border: solid;
  border-color: #102657;
}

.sub_tit_ep {
  color: #102657;
  font-size: 16px;
  font-weight: bold;
}

.tit_ep {
  color: #102657;
  font-size: 30px;
  font-weight: bold;
}

.contenido_ep {
  font-size: 14px;
  text-align: justify;
  font-weight: bold;
}

.ancho100 {
  width: 100% !important;
}

.listStyle {
  color: #102657;
  font-size: 20px;
}

.listStyle p {
  margin-top: -10px;
  color: black;
  font-size: 16px;
}

.titulocoti {
  background-color: #F9E79F;
  padding: 5px;
  border-radius: 5px;
  margin-top: 10px;
  font-size: 2em;
  color: white;
  text-align: center;
}

.linea {
  border-bottom: solid;
  border-bottom-width: 0.1em;
  border-bottom-color: #F8E38A;
  width: 80%;
  left: 50%;
  right: 0px;
}

.margin-10 {
  margin-top: -10px;
}

 .max500 {
    max-height: 500;
    overflow-y: auto;
  }

.fondo_azul_degradado {
  background: linear-gradient(90deg, #4267B2 0%, #1DA1F2 100%);
}

.margintop20 {
  margin-top: 20px;
}

.margintop5 {
  margin-top: 5px;
}

.margintop10 {
  margin-top: 10px;
}

.text-amarillo {
  color: #D4AC0D;
}

.text-cotizaciones {
  /* color: #FDC000; */
  color: #FFFFFF;
  font-size: 15px;
}

.text-cotizaciones:hover {
  color: #FFFFFF;
  text-decoration: none;
}

.text-blanco {
  color: white;
}

.text-xs {
  font-size: 10px;
}

.text-sm {
  font-family: "Avenir";
  font-size: 12px;
}

.text-md {
  font-size: 15px;
}

.text_16 {
  font-size: 16px;
}

.text-lg {
  font-size: 18px;
}

.text-xl {
  font-size: 21px;
}

.text_25 {
  font-size: 25px;
}


.text-xxxl {
  font-size: 80px;
}

.icon_grande {
  font-size: 30px;
}


.header-cel {
  background-color: #102657;
  padding: 5px;
}

@media only screen and (min-width: 1000px)
/*escritorio*/
  {

  /* 7, 158, 239 */
  .btn-empresa-head {
    background: rgb(9, 25, 48);
    background: linear-gradient(90deg, rgba(9, 25, 87, 48) 0%, rgba(9, 25, 48, 1) 67%);
    width: 100%;
    height: 100px;
    margin-right: -20px;
  }

  .img_serv_spa {
    width: 30%;
  }

  .text_det {
    font-size: 16px;
  }

  .titcuadro {
    font-size: 21px;
    margin-top: 5px;
    color: #102657;
  }

  .margintop_1 {
    margin-top: 10px;
  }

  .margintop_2 {
    margin-top: 20px;
  }

  .modal-title {
    font-size: 25px;
  }

  .opc_menu_1 {
    font-family: "Avenir";
    border-bottom: solid;
    border-width: 1px;
    border-color: #ffc107;
    color: #fff;
    cursor: pointer;
    padding: 7px;
  }

  .text_enlace {
    font-weight: bold;
    color: #fff;
    font-size: 1px;
  }

  .icon_menu {
    font-size: 25px;
  }

  .altura {
    margin-top: 310px !important;
  }

  .separacion1 {
    margin-top: 70px !important;
  }

  .fixed-top2 {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1031;
    
    background-color: #253F8E;
    color: white;
    border-bottom: solid;
    border-bottom-width: 3px;
    border-bottom-color: #253F8E;
    border-bottom-color: #FFFFFF;
  }

  .interio_fixed {
    padding: 8px;
    margin-top: 0px;
  }

  .logo_menu {
    margin: 50px 0px 0px 0px;
  }

  .contenedor_slider {
    padding: 10px 10px 0px 10px;
  }

  .contenedor_body {
    padding: 60px;
  }

  .minmaxslider {
    min-height: 500px;
  }

  .bloque_poza {
    padding: 10px;
    min-height: 150px;
    background-color: #F39C12;
    color: #fff;
    border-radius: 10px;
    font-size: 25px;
    margin-top: 5px;
  }

  .bloque_etica {
    padding: 10px;
    min-height: 150px;
    background-color: #2B7BB9;
    color: #fff;
    border-radius: 10px;
    font-size: 25px;
    margin-top: 15px;
  }

  .bloque_promos {
    padding: 10px;
    min-height: 90px;
    background-color: #F7DA60;
    color: #fff;
    border-radius: 10px;
    font-size: 18px;
    margin-top: 15px;
  }

  .bloque_cv {
    padding: 10px;
    min-height: 150px;
    background-color: #4AC355;
    color: #fff;
    border-radius: 10px;
    font-size: 25px;
    margin-top: 15px;
  }

  .img_seccion {
    margin-top: 25px;
    width: 100px;
  }

  .bloque_seccion {
    padding: 10px;
    min-height: 235px;
    color: black;
    border: solid;
    border-color: #2B7BB9;
    border-radius: 10px;
    font-size: 20px;
    margin-top: 10px;
  }

  .min200max500 {
    min-height: 230px;
    max-height: 280px;
  }

  .textsubmenu {
    color: #34495E !important;
    font-size: 14px;
    font-family: "Avenir" !important;
    font-weight: bold;
  }

  .textsubmenu2 {
    color: #34495E !important;
    font-size: 14px;
    font-family: "Avenir" !important;
  }
}

@media only screen and (max-width: 999px)
/*tablets*/
  {

  .btn-empresa-head {
    background: rgb(16, 38, 87);
    background: linear-gradient(90deg, rgba(16, 38, 87, 1) 0%, rgba(157, 195, 230, 1) 67%);
    width: 50%;
    height: 100px;
    margin-right: -20px;
  }

  .text_det {
    font-size: 12px;
  }

  .titcuadro {
    font-size: 18px;
    margin-top: 0px;
    color: #102657;
  }

  .bloque_seccion {
    padding: 10px;
    min-height: 235px;
    color: black;
    font-size: 15px;
    margin-top: 0px;
  }

  .margintop_1 {
    margin-top: 0px;
  }

  .margintop_2 {
    margin-top: 0px;
  }

  .modal-title {
    font-size: 25px;
  }

  .opc_menu_1 {
    border-bottom: solid;
    border-width: 1px;
    border-color: #ffc107;
    color: #fff;
    cursor: pointer;
    padding: 20px;
    font-size: 20px;
    font-weight: bold;
  }

  .text_enlace {
    font-weight: bold;
    color: #fff;
    font-size: 18px;
  }

  .icon_menu {
    font-size: 30px;
  }

  .altura {
    margin-top: 190px !important;
  }

  .separacion1 {
    margin-top: 0px !important;
  }

  .fixed-top2 {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1031;
    background-color: #253F8E;
    color: white;
    border-bottom: solid;
    border-bottom-width: 3px;
    border-bottom-color: #253F8E;
  }

  .interio_fixed {
    padding: 8px;
    margin-top: 0px;
  }

  .logo_menu {
    margin-top: 10px;
  }

  .contenedor_slider {
    padding: 10px 10px 0px 10px;
  }

  .minmaxslider {
    min-height: 220px;
    max-height: 550px;
  }

  .bloque_poza {
    padding: 10px;
    min-height: 80px;
    background-color: #F39C12;
    color: #fff;
    border-radius: 10px;
    font-size: 18px;
    margin-top: 30px;
  }

  .bloque_etica {
    padding: 10px;
    min-height: 80px;
    background-color: #2B7BB9;
    color: #fff;
    border-radius: 10px;
    font-size: 18px;
    margin-top: 30px;
  }

  .bloque_promos {
    padding: 10px;
    min-height: 80px;
    background-color: #F7DA60;
    color: #fff;
    border-radius: 10px;
    font-size: 18px;
    margin-top: 30px;
  }

  .bloque_cv {
    padding: 10px;
    min-height: 100px;
    background-color: #4AC355;
    color: #fff;
    border-radius: 10px;
    font-size: 18px;
    margin-top: 30px;
  }

  .img_seccion {
    margin-top: 0px;
    width: 50px;
  }

  .min200max500 {
    min-height: 230px;
    max-height: 300px;
  }

  .textsubmenu {
    color: #34495E !important;
    font-size: 14px;
    font-family: "Avenir" !important;
    font-weight: bold;
  }

  .textsubmenu2 {
    color: #34495E !important;
    font-size: 14px;
    font-family: "Avenir" !important;
  }
}

@media only screen and (max-width: 768px)
/*celulares*/
{
  .btn-empresa-head {
    /*background: rgb(16, 38, 87);
    background: linear-gradient(90deg, rgba(16, 38, 87, 1) 0%, rgba(157, 195, 230, 1) 67%); */
    background: transparent;
    width: 100%;
    height: 50px;
    margin-right: -20px;
  }

  .bloque_seccion {
    padding: 10px;
    min-height: 100px;
    color: black;
    font-size: 15px;
    margin-top: 0px;
  }

  .margintop_1 {
    margin-top: 0px;
  }

  .margintop_2 {
    margin-top: 20px;
  }

  .modal-title {
    font-size: 20px;
  }

  .opc_menu_1 {
    border-bottom: solid;
    border-width: 1px;
    border-color: #ffc107;
    color: #fff;
    cursor: pointer;
    padding: 10px;
    font-size: 15px
  }

  .text_enlace {
    font-weight: bold;
    color: #fff;
    font-size: 12px;
  }

  .icon_menu {
    font-size: 21px;
  }

  .altura {
    margin-top: 170px !important;
  }

  .separacion1 {
    margin-top: -50px !important;
  }

  .fixed-top2 {
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
    width: 100%;
    z-index: 1031;
    background-color: #253F8E;
    color: white;
    border-bottom: solid;
    border-bottom-width: 3px;
    border-bottom-color: #253F8E;
    min-height: 50px;
  }

  .interio_fixed {
    padding: 5px;
    margin-top: 0px;
  }

  .logo_menu {
    margin-top: 20px;
  }

  .contenedor_slider {
    padding: 10px 10px 0px 10px;
  }

  .minmaxslider {
    min-height: 140px;
    max-height: 370px;
  }

  .bloque_poza {
    padding: 10px;
    min-height: 90px;
    background-color: #F39C12;
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
  }

  .bloque_etica {
    padding: 10px;
    min-height: 90px;
    background-color: #2B7BB9;
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
  }

  .bloque_promos {
    padding: 10px;
    min-height: 90px;
    background-color: #F7DA60;
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
  }

  .bloque_cv {
    padding: 10px;
    min-height: 90px;
    background-color: #4AC355;
    color: #fff;
    border-radius: 10px;
    font-size: 13px;
  }

  .img_seccion {
    margin-top: 25px;
    width: 100px;
  }

  .min200max500 {
    min-height: 170px;
    max-height: 300px;
  }

  .textsubmenu {
    color: #34495E !important;
    font-size: 17px;
    font-family: "Avenir" !important;
    font-weight: bold;
  }

  .textsubmenu2 {
    color: #34495E !important;
    font-size: 15px;
    font-family: "Avenir" !important;
  }
}

.text_enlace:hover {
  color: #F8E38A;
  text-decoration: none;
}

.m-opcmenu {
  margin: 0px 10px 0px 10px;
}

.bloque_promos2:hover {
  background-color: #1F76BA;
  box-shadow: 1px 2px 6px 0px #1F76BA;
}

.flechas {
  color: #2B7BB9;
  font-size: 2rem;
}

.bloque_poza:hover {
  background-color: #D48E1F;
  box-shadow: 1px 2px 6px 0px #D48E1F;
}

.bloque_promos:hover {
  background-color: #E2CA64;
  box-shadow: 1px 2px 6px 0px #E2CA64;
}

.bloque_etica:hover {
  background-color: #1F76BA;
  box-shadow: 1px 2px 6px 0px #1F76BA;
}

.bloque_cv:hover {
  background-color: #35B140;
  box-shadow: 1px 2px 6px 0px #35B140;
}

.analisisclinicos {
  width: 100%;
  height: 600px;
}

.navbar-nav li:hover>ul.dropdown-menu {
  display: block;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
}

/* rotate caret on hover */
.dropdown-menu>li>a:hover:after {
  text-decoration: underline;
  transform: rotate(-90deg);
}

.menu {
  font-family: "Avenir";
  color: white !important;
  font-size: 14px;
}

.menu:hover {
  font-family: "Avenir";
  color: #fcf3cf !important;
  font-size: 14px;
}

.menu2 {
  font-family: "Avenir";
  color: black !important;
  font-size: 14px;
}

.submenu {
  font-family: "Avenir";
  font-size: 12px;
}

.banner-altura-400 {
  height: 400px;
  width: 100%;
}


#button li a {
  font-family: Arial;
  font-size: 11px;
  text-decoration: none;
  float: left;
  padding: 10px;
  background-color: #2175bc;
  color: #fff;
}



.no-display {
  display: none;
}


.menu_cel {
  background-color: #102657;
  padding: 5px;
  border: none;
}

.opc_menu_2 {
  padding: 5px;
  color: white !important;
  background-color: #102657 !important;
}

.opc_menu_3 {
  padding: 10px;
  color: white !important;
  border-bottom: solid;
  border-width: 1px;
  border-color: #fff;
  font-size: 13px;
}

.mos_oc_sm {
  background-color: #296DAB !important;
}

/* Menú Lateral */
.contmenu {
  background-color: white;
  opacity: 0.8;
}

.menulateral-divider {
  border-top: 1px solid #e9ecef;
}

.headermenulateral {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 0.6rem;
  font-size: 0.9em;
  color: #49453C;
  font-weight: 800;
  margin-left: 10px;
  text-decoration: none;
}

.headermenulateral:hover {
  cursor: pointer;
  text-decoration: none;
}

.border-radius-0 {
  border-radius: 0px !important;
}

.bodymenulateral {
  font-family: 'Avenir';
  font-weight: 800;
  font-size: 0.9em;
  background-color: #3F585C !important;
  opacity: 0.8;
  color: white;
  line-height: 20px;
  padding: 10px;
}


.overlay-menu {
  display: block;
  width: 100%;
  height: 0;
  position: absolute;
  z-index: 999995;
  top: 20px;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity 1s ease-out 0s;
  opacity: 0;
  padding: 10px;
}

.resp-menu-botton {
  display: inline-block;
  font-size: 27px;
  vertical-align: middle;
  color: #aa983f;
  padding: 4px 9px;
  line-height: 32px;
  margin-left: 14px;
  cursor: pointer;
}

.resp-menu-botton:hover {
  border-radius: 4px;
  background-color: #dddad0;
}

.side-menu {
  padding: 10px;
  display: block;
  position: fixed;
  top: 0;
  height: 100%;
  width: 95%;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: "Avenir";
  font-size: 15px;
  background: rgba(16, 38, 87, 0.9);
  color: #fff;
  color: #102657;
  transition: left 0.2s ease 0s;
  left: -800px;
  border: solid;
  border-width: 1px;
  border-color: #ffc107;
}

.side-menu ul,
.side-menu ul li {
  padding: 0;
  margin: 0;
}

.borde_azul {
  border: solid 2px #102657;
  border-radius: 2px;
}

.text_azul {
  color: #102657;
}

.side-menu ul #liDate {
  list-style: none;
  text-align: center;
  background: #e2e2e2;
  padding: 3.5px;
  font-family: "Ubuntu";
  font-weight: bold;
  font-size: 13px;
  color: #666666;
}

.side-menu ul li .controls {
  padding: 1.2em 0;
  height: auto;
  overflow: hidden;
}

.side-menu ul li .controls div {
  display: inline-block;
  border-radius: 9px;
  text-align: center;
  padding: 2px 4px 2px;
  font-size: 24px;
  width: 40px;
  height: 40px;
  line-height: 39px;
  background-color: #e2e2e2;
  color: #aa983f;
  cursor: pointer;
  line-height: 2;
  margin-right: .7em;
}

.side-menu ul li .controls div:hover {
  background-color: #4a4a4a;
  ;
  color: #fff;
}

.side-menu ul li .controls div i:before {
  font-style: normal;
  /* font-weight: normal; */
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  margin-left: 0.2em;
}

.side-menu ul li .ulOptions {
  width: 90%;
  margin: 0 auto;
  background: #DDDAD0;
  color: #49453C;
  font-size: 15px;
}

.side-menu ul li .ulOptions li {
  list-style: none;
  display: block;
  font-size: 1.068em;
  text-transform: uppercase;
  font-family: "Ubuntu";
  font-weight: bold;
  padding: 7px 35px 7px;
  color: #49453C;
}