/*personas vulnerables*/

#menu-vulnerables { width: 100%;
   height: auto;
   margin: 0px;
   margin-bottom: 30px;
   padding: 0px;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: flex-start;

   max-width: 500px; }

   #menu-vulnerables .menu-vulnerable { width: 150px;
   height: 150px;
   margin: 10px;
   padding: 15px 0px 10px 0px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-around;
   border-radius: 5px;
   transition: all 0.3s;

   transform: scale(0.8); }

   #menu-vulnerables .menu-vulnerable .txt-vulnerable { width: 90%;
   height: auto;
   margin: 0px;
   padding: 0px; }

    #menu-vulnerables .menu-vulnerable.diabetes { background-color: #5163a7; }
    #menu-vulnerables .menu-vulnerable.mayores { background-color: #3b4da8; }
    #menu-vulnerables .menu-vulnerable.cancer { background-color: #8794c2; }
    #menu-vulnerables .menu-vulnerable.respiratorias { background-color: #9da6c3; }
    #menu-vulnerables .menu-vulnerable.cardiovasculares { background-color: #c8cee3; }
    #menu-vulnerables .menu-vulnerable.lactancia { background-color: #e8eaf3; }

      #menu-vulnerables .menu-vulnerable p { margin: 0px;
      padding: 0px;
      text-align: center; }

      #menu-vulnerables .menu-vulnerable p.img-vulnerable, #menu-vulnerables .menu-vulnerable p.img-vulnerable a { width: 100%;
      height: auto; }

    #menu-vulnerables .menu-vulnerable p a { color: white;
    font-weight: 400;
    letter-spacing: 0.5px;
    font-size: 17px;
    display: flex;
    line-height: 100%;
    text-align: center;
    text-decoration: none;
    height: 50px;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

    #menu-vulnerables .menu-vulnerable .txt-vulnerable a { width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px; }

    #menu-vulnerables .menu-vulnerable.cardiovasculares p a { color: #414042; }

    #menu-vulnerables .menu-vulnerable.lactancia p a { color: #505e70; }

    #menu-vulnerables .menu-vulnerable p img.btn-txtvulnerable { width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px; }

    #menu-vulnerables .menu-vulnerable p img { width: auto;
    height: 70px;
    margin: 0px;
    padding: 0px;
    object-fit: contain; } 

    .lasanclas { position: relative;
    top: -40px;
    width: 1px;
    height: 1px;
    background-color: transparent;
    margin: 0px;
    padding: 0px;
    box-sizing: border-box; }

    .fuentes-txt { width: 350px; }

    .fuentes-txt p a { word-break: break-all; }

    @media screen and (min-width: 700px) {

      #menu-vulnerables .menu-vulnerable:hover { transform: scale(1.03);
      box-shadow: 0px 10px 34px -17px rgba(0,0,0,0.35);  }

      #menu-vulnerables { max-width: initial;
      justify-content: center; }

      #menu-vulnerables .menu-vulnerable p a { font-size: 12px;
      justify-content: flex-start; }


      #menu-vulnerables .menu-vulnerable p img { height: 50px; }

      #menu-vulnerables .menu-vulnerable { padding: 16px 0px 12px 0px;
      justify-content: space-around;
      width: 120px;
      height: 120px;
      margin: 10px 10px 10px 0px;
      transform: initial;  }

      #menu-vulnerables .menu-vulnerable p a { height: 40px; }

      #menu-vulnerables .menu-vulnerable p a img.btn-txtvulnerable { top: 0px; }

      #menu-vulnerables .menu-vulnerable.mayores p img, #menu-vulnerables .menu-vulnerable.cancer p img {
      top: -5px; }

      .fuentes-txt { width: 450px; }

      }

      @media screen and (min-width: 1200px) { 

        #menu-vulnerables .menu-vulnerable { 
        width: 100px;
        height: 100px;
        margin: 0px; }

        #menu-vulnerables { justify-content: space-around; }


      }

/*el menu movil*/
 #menumovil { width: 100%;
    height: auto;
    margin: 0px; 
    padding: 0px 0px 0px 20px;

    display: block; }

    #menumovil .ctamenu { width: 100%;
    height: auto;
    text-align: center;
    font-weight: bolder;
    letter-spacing: 1.5px;
    position: relative;
    left: -15px;  }

    .contenido #menumovil .ctamenu .textmenu { text-transform: uppercase;
    display: block;
    color: #666666;
    text-align: center;
    font-size: 18px; }

    .contenido #menumovil .ctamenu .textcomp { font-weight: 400;
    color: #666666;
    letter-spacing: 0px;
    font-weight: lighter;
    display: block;
    font-style: italic;
    text-align: center; }

  #menumovil a { display: block;
  text-decoration: none;
  margin-bottom: 10px; }

  #menumovil a.unasectmovil { font-weight: bolder;
  text-align: left; }

  #menumovil a.unasectmovil.laport { margin-top: 20px;
  color: #afafaf;
  font-style: italic; }

  #menumovil .unasubsectm a { color: #666666;
  padding-left: 8px; }



/*  estilos lateral  */

.citas-internationalpatient { border-top: none !important;
    padding-top: 0px !important; }

.sel.hermano .hijoA { margin-bottom: 15px; }


/*  // estilos lateral  */
.col-xs-12.col-sm-8.col-sm-push-4.col-md-9.col-md-push-3.col-lg-push-3.col-lg-9.contenido h4 { padding-top: 0px;
 margin-top: 0px; }

/*h4 { padding-top: 40px; }*/

  .embed-responsive.embed-responsive-16by9 { max-width: 750px; border-radius: 4px; overflow: hidden; }

  .contenido img.img-info { width: 100%; max-width: 500px; border-radius: 4px; height: auto; transition: all 0.3s; margin: 60px auto 0px auto;  }

  .img-info:hover { transform: scale(1.05); 
    box-shadow: 0px 9px 72px -34px rgba(17,31,41,1); }
.iframe-container{
  position: relative;
  width: 100%;
  padding-bottom: 56.25%; 
  height: 0;
}
.iframe-container iframe{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.btn-videoshare.movil { display: flex; }
    .btn-videoshare.deskW { display: none; }

    .btn-videoshare { 
      width: 100%;
    background-color: white;
  height: auto;
  padding: 8px 4px 8px 4px;
  background-color: #fbfbfb;
  border-radius: 0px 0px 5px 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s; } 

  .contenido .btn-videoshare a {
  display: block;
    margin-bottom: 0px;
    margin-left: 0px;
    text-align: left;
    line-height: 120%;
    position: relative; 

    color: #7d7d7d;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 1px;
    text-decoration: underline; }

    .btn-videoshare a:first-child { left: -10px; }

  .btn-videoshare a img { width: 30px;
  height: 30px;
  margin: 0px;
  padding: 0px;
  object-fit: contain; }

  .btn-videoshare:hover { transform: scale(1.03);
    box-shadow: 0px 5px 44px -21px rgba(45,56,30,1);
    background-image: linear-gradient(to right, #C4E2D2 , #ddece4, #ddece4, #C4E2D2);
    border-radius: 5px; }

  .btn-videoshare:hover a { color: #444444;
  font-size: 13px; }


.azul { width: 95%;
  height: auto; 
  margin: 30px auto 40px auto;
  padding: 30px 30px 20px 35px;
  background-color: #3B8ECC;
  border-radius: 4px;
  color: white; }

  .azul p { color: inherit; }

  .azul i { color: inherit; }

  .azul i a { color: inherit; }

  .azul p strong { color: inherit; }

  .azul ul { margin: 0px 0px 0px 10px; }

  .azul ul li { color: white; }

  .contenido .azul li:before { color: white; }

  img.unimg { width: 100%;
    max-width: 500px;
    border-radius: 4px;
    height: auto;
    transition: all 0.3s;
    margin: 60px auto 0px auto; }

    img.unimg:hover { transform: scale(1.05);
    box-shadow: 0px 9px 72px -34px rgba(17,31,41,1); }

    /*#llamadoaccion { 
   width: 80%;
   height: auto;
   font-size: 20px;
   padding: 40px 0px 30px 0px;
   margin: 65px auto 65px auto;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   border-radius: 5px;
   border: 1px solid #3B8ECC;
   box-shadow: 0px 20px 53px -30px rgba(42,61,77,0.4); }

  #llamadoaccion h3 { text-align: center;
     color: #3B8ECC;
     margin-bottom: 0px;
     padding-bottom: 5px;
     font-size: 28px; }

    #llamadoaccion .subcontent { 
    width: 80%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    font-size: 20px;
    position: relative;
    height: 300px;
    margin-top: 15px; }

    #llamadoaccion .subcontent img {     width: 30px;
    height: 30px;
    object-fit: contain;
    opacity: 0.4;
    margin-bottom: 15px; }

    #llamadoaccion .subcontent .numprincipal { color: #666;
        font-size: 20px;
        text-decoration: none;
        text-align: center; }

    #llamadoaccion .subcontent .numprincipal span { 
      color: #3B8ECC;
      font-size: 20px;
      text-decoration: none; }

    #llamadoaccion .subcontent .numprincipal span.urgencia { 
      color: #ee4445;
      font-weight: bolder; }

    #llamadoaccion .subcontent .extnum { 
      margin-left: 10px;
      font-size: 20px;
      text-decoration: none;  }

    #llamadoaccion .subcontent p { 
      margin-left: 10px;
      margin-bottom: 0px; }*/
    /* l l a m  a d o   a   l a  a c c i o n  */
/* l l a m  a d o   a   l a  a c c i o n  */
  #CallToAct { width: 100%;
  height: auto;
  background-image: linear-gradient(to right, #2B388F , #1C54EC);
  margin: 30px 0px 40px 0px;
  padding: 25px 27px 22px 27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  transition: all 0.3s; }

  #CallToAct:hover { transform: scale(1.03);
  box-shadow: 0px 14px 34px -19px rgba(26,44,61,1); }

  #CallToAct:before { content: "";
    background-image: url(/work/models/ms/Resource/9659/1/images/fond.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center;
    width: 70%;
    height: 300%;
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    right: -10%;
    opacity: 0.3;
    z-index: 1; }

    #CallToAct .tit-cta { font-size: 25px;
    font-weight: lighter;
    font-family: "Source Sans Pro";
    color: white;
    margin-bottom: 7px;
    z-index: 99;
    text-align: left;
    line-height: 120%; }

    #CallToAct .tit-cta span { font-weight: bolder;
    font-size: 27px;
    color: inherit; } 

    #CallToAct .unTel { font-size: 16px;
    font-weight: 400;
    font-family: "Source Sans Pro";
    color: #98E0F9;
    margin-bottom: 15px;
    z-index: 99;
    text-align: left; }

    #CallToAct .unTel a { font-size: inherit;
    font-weight: bold;
    font-family: inherit;
    color: white;
    text-decoration: none;
    display: block;
    transition: all 0.3s; }

    #CallToAct .unTel a:hover { letter-spacing: 0.4px;
    text-shadow: 1px 1px 5px #23384c; }

    #CallToAct .unTel a.numurg { color: #F9543E; }

/* // l l a m  a d o  a   l a  a c c i o n  */
/* // l l a m  a d o  a   l a  a c c i o n  */

    .contenido h3 { margin-top: 40px; }

    .respuesta { display: block;
    padding-left: 10px;
    font-style: italic; }

    .contenido #llamadoaccion a.btn-call-act { width: 180px;
    background-color: #3B8ECC;
    border-radius: 5px;
    color: white;
    margin-top: 10px;
    padding: 10px 0px 10px 0px;
    text-decoration: none;
    font-weight: bolder;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 20px; }

/*nuevo bloque azul*/
  #azulclarito { background-color: #DBEAF5;
  width: 100%;
  height: auto;
  margin: 0px;
  margin-bottom: 40px;
  padding: 20px;
  padding-top: 25px;  }

  #azulclarito .tit-clarito { font-size: 25px;
  font-weight: 400;
  color: #E6352C; }

  #azulclarito ul { color: #717070;
  margin-bottom: 0px; }

  .contenido #azulclarito ul li { position: relative;
  text-align: left; }

  .contenido #azulclarito ul li:before { 
    color: #717070;
    font-size: 17px;
    left: -12px;
    line-height: initial;
    top: -2px;
    position: absolute; }


/* //nuevo bloque azul*/

    @media (min-width: 700px) { 

      #menumovil { display: none; }

      #CallToAct .unTel { margin-bottom: 5px; }

      #CallToAct .unTel a { display: inline; }

        #llamadoaccion .subcontent img { transform: scale(1.3); }
         .btn-videoshare.deskW { display: flex; }
        .btn-videoshare.movil { display: none; }
     }