/*! pop-up.css | Oscar Orlando Luna Sosa - CoolDiseños */

.popup-tel  {   color: #fff;    
                text-decoration: none;  }

        /* -------------------------------- 

        popup Telefonos

        -------------------------------- */

        .popup-telefonos {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 30px;
          height: 100%;
          width: 100%;
          background-color: rgba(94, 110, 141, 0.9);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          transition: opacity 0.3s 0s, visibility 0s 0.3s;
        }
        .popup-telefonos.is-visible {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
          transition: opacity 0.3s 0s, visibility 0s 0s;
        }

        .popup-contenedor {
          position: relative;
          width: 90%;
          max-width: 400px;
          margin: 4em auto;
          background: #FFF;
          border-radius: .25em .25em .4em .4em;
          text-align: center;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          -webkit-transform: translateY(-40px);
          -moz-transform: translateY(-40px);
          -ms-transform: translateY(-40px);
          -o-transform: translateY(-40px);
          transform: translateY(-40px);
          /* Force Hardware Acceleration in WebKit */
          -webkit-backface-visibility: hidden;
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          transition-duration: 0.3s;
            margin-bottom: 20px;    
        }
        
        .popup-contenedor h2 {
          padding-top: 15px;
        }
        
        .popup-contenedor table {
          margin: 0 auto;
        }

        .popup-contenedor table #titulos {
          text-align: left;
        }
        
        .popup-contenedor p {
          white-space: pre;
        }
        .popup-contenedor .popup-cerrar {
          position: absolute;
          top: 8px;
          right: 8px;
          width: 30px;
          height: 30px;
        }
        .popup-contenedor .popup-cerrar::before, .popup-contenedor .popup-cerrar::after {
          content: '';
          position: absolute;
          top: 12px;
          width: 14px;
          height: 3px;
          background-color: #8f9cb5;
        }
        .popup-contenedor .popup-cerrar::before {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 8px;
        }
        .popup-contenedor .popup-cerrar::after {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 8px;
        }
        .is-visible .popup-contenedor {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
        }


        /* -------------------------------- 

        FIN - popup Telefonos

        -------------------------------- */
        /* -------------------------------- 

        popup AGREGAR CURRICULUM

        -------------------------------- */

        .agregar-cv {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 30px;
          height: 100%;
          width: 100%;
          background-color: rgba(94, 110, 141, 0.9);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          transition: opacity 0.3s 0s, visibility 0s 0.3s;
        }
        .agregar-cv.is-visible {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
          transition: opacity 0.3s 0s, visibility 0s 0s;
        }

        .agregar-laboral {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 30px;
          height: 100%;
          width: 100%;
          background-color: rgba(94, 110, 141, 0.9);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          transition: opacity 0.3s 0s, visibility 0s 0.3s;
        }
        .agregar-laboral.is-visible {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
          transition: opacity 0.3s 0s, visibility 0s 0s;
        }
        /* -------------------------------- 

        FIN - popup AGREGAR CURRICULUM

        -------------------------------- */
        
        /* -------------------------------- 

        popup BUSQUEDA AFILIADO

        -------------------------------- */

        .busqueda-afiliado1 {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 10px;
          height: 100%;
          width: 100%;
          background-color: rgba(94, 110, 141, 0.9);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          transition: opacity 0.3s 0s, visibility 0s 0.3s;
        }
        .busqueda-afiliado1.is-visible {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
          transition: opacity 0.3s 0s, visibility 0s 0s;
        }
        
        .busqueda-afiliado1 .popup-contenedor {
          position: relative;
          width: 90%;
          max-width: 650px;
          margin: 4em auto;
          background: #FFF;
          border-radius: .25em .25em .4em .4em;
          text-align: center;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          -webkit-transform: translateY(-40px);
          -moz-transform: translateY(-40px);
          -ms-transform: translateY(-40px);
          -o-transform: translateY(-40px);
          transform: translateY(-40px);
          /* Force Hardware Acceleration in WebKit */
          -webkit-backface-visibility: hidden;
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          transition-duration: 0.3s;
          margin-bottom: 10px;    
        }
        /* -------------------------------- 

        FIN - popup BUSQUEDA AFILIADO

        -------------------------------- */

        /* -------------------------------- 

        popup ANULAR RECETARIOS

        -------------------------------- */

        .anular-receta {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 30px;
          height: 100%;
          width: 100%;
          background-color: rgba(94, 110, 141, 0.9);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          transition: opacity 0.3s 0s, visibility 0s 0.3s;
        }
        .anular-receta.is-visible {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
          transition: opacity 0.3s 0s, visibility 0s 0s;
        }
        /* -------------------------------- 

        FIN - popup ANULAR RECETARIOS

        -------------------------------- */        
        
        /* -------------------------------- 

        popup STREET VIEW

        -------------------------------- */
        .popup-cabrera {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 30px;
          height: 100%;
          width: 100%;
          background-color: rgba(94, 110, 141, 0.9);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          transition: opacity 0.3s 0s, visibility 0s 0.3s;
        }
        .popup-cabrera.is-visible {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
          transition: opacity 0.3s 0s, visibility 0s 0s;
        }

        .popup-cabrera .popup-contenedor {
          position: relative;
          width: 90%;
          padding: 10px;
          max-width: 550px;
          margin: 4em auto;
          background: #FFF;
          border-radius: .25em .25em .4em .4em;
          text-align: center;
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
          -webkit-transform: translateY(-40px);
          -moz-transform: translateY(-40px);
          -ms-transform: translateY(-40px);
          -o-transform: translateY(-40px);
          transform: translateY(-40px);
          /* Force Hardware Acceleration in WebKit */
          -webkit-backface-visibility: hidden;
          -webkit-transition-property: -webkit-transform;
          -moz-transition-property: -moz-transform;
          transition-property: transform;
          -webkit-transition-duration: 0.3s;
          -moz-transition-duration: 0.3s;
          transition-duration: 0.3s;
        }
        
        .popup-cabrera .popup-contenedor table {
          margin: 0 auto;
        }

        .popup-cabrera .popup-contenedor table #icono-font {
          padding-left: 90px;   padding-top: 40px;
        }

        .popup-cabrera .popup-contenedor table #icono-font h2   {
            font-size: 22px;
            font-weight: 800;
            margin-top: -10px;
            margin-left: -10px;
        }

        .popup-cabrera .popup-contenedor table #icono-font h3   {
            font-size: 15px;
        font-weight: normal;
        margin-top: -15px;
            margin-top: -15px;
            margin-left: -8px;
        }

        .popup-cabrera .popup-contenedor table #map-google {
          padding-top: 40px;
        }

        .popup-cabrera  .popup-contenedor h2 {  font-size: 22px;
        font-weight: 800;   }

        .popup-cabrera  .popup-contenedor h3 {  font-size: 15px;
        font-weight: normal;
        margin-top: -15px;  }

        .popup-cabrera .popup-contenedor table td {
          text-align: left;
          padding-left: 30px;
          padding-top: 25px;
        }

        .popup-cabrera .popup-contenedor table td p {
          text-align: left;
          padding-left: 47px;
          white-space: pre;
          margin-top: -12px;
        }

        .popup-cabrera .popup-contenedor table td #consultas {
          text-align: left;
          padding-left: 47px;
          white-space: pre;
          margin-top: -5px;
        }

        .popup-contenedor .popup-cerrar {
          position: absolute;
          top: 8px;
          right: 8px;
          width: 30px;
          height: 30px;
        }
        .popup-contenedor .popup-cerrar::before, .popup-contenedor .popup-cerrar::after {
          content: '';
          position: absolute;
          top: 12px;
          width: 14px;
          height: 3px;
          background-color: #8f9cb5;
        }
        .popup-contenedor .popup-cerrar::before {
          -webkit-transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -ms-transform: rotate(45deg);
          -o-transform: rotate(45deg);
          transform: rotate(45deg);
          left: 8px;
        }
        .popup-contenedor .popup-cerrar::after {
          -webkit-transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg);
          -o-transform: rotate(-45deg);
          transform: rotate(-45deg);
          right: 8px;
        }
        .is-visible .popup-contenedor {
          -webkit-transform: translateY(0);
          -moz-transform: translateY(0);
          -ms-transform: translateY(0);
          -o-transform: translateY(0);
          transform: translateY(0);
        }


        /* -------------------------------- 

        FIN - popup STREET VIEW

        -------------------------------- */

        .popup-farm  {   color: #fff;    
                text-decoration: none;  }

        /* -------------------------------- 

        popup Cambio Contraseña

        -------------------------------- */

          .popup-pass {
          position: fixed;
          left: 0;
          top: 0;
          bottom: 30px;
          height: 100%;
          width: 100%;
          background-color: rgba(94, 110, 141, 0.9);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
          transition: opacity 0.3s 0s, visibility 0s 0.3s;
        }
        .popup-pass.is-visible {
          opacity: 1;
          visibility: visible;
          -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
          -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
          transition: opacity 0.3s 0s, visibility 0s 0s;
        }