/* @media only screen
and (max-device-width : 900px) { } */

/**
* Pantallas inferiores a 3 pulgadas  
*/

@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1) {
  .avisoLegal ol {
    display: block;
    font-family: Arial;
    padding: 10px;
  }

  #pasos {
    display: none;
  }
  #textos-pasos div {
    display: none;
  }
  #textos-pasos div.texto-actual {
    display: inherit;
  }
  .miga-pan {
    width: 100%;
  }
  #textos-pasos {
    text-align: left;
  }

  .titulo-cabecera {
    display: block;
    margin-left: 0;
    text-align: left;
    font-size: 50%;
    padding-right: 2%;
  }
  .titulo-cabecera h2 {
    font-size: 14px;
  }
  #cntTablaCalendario {
    display: block;
    width: 100%;
  }
  #datepicker {
    min-width: 230px;
  }
  .cntFicha {
    padding-left: 10px;
  }
  .calendario.column {
    margin-bottom: 15px;
  }
  .leyenda-calendario {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label {
    display: block;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
  }
  #privacidad {
    margin-top: 10px;
    text-align: left;
  }
  #texto-privacidad {
    margin: 10px 0 20px 2%;
  }
  #texto-privacidad-seguridad {
    margin-left: 2%;
    width: auto;
  }
  .captcha {
    margin-left: 2%;
  }
  #recaptcha_image,
  #recaptcha_image img,
  #captchaInsercion #recaptcha_response_field {
    width: 90% !important;
  }
  .recaptcha_input_area {
    margin-left: 4% !important;
  }
  .texto-captcha {
    width: 100%;
  }
  #cabeceraDatosResguardo {
    display: block;
  }
  #resguardoFechaOperacion {
    display: inline-block;
    float: none;
    margin-top: 0;
  }
  .titulo-resguardo {
    display: block;
    float: none;
    margin-bottom: 45px;
    padding-left: 5px;
    width: 100%;
  }

  .leyenda-calendario li span {
    margin-left: 4px;
  }
  .enlace-imprimir {
    display: none;
  }
  #resguardoFechaOperacion .label,
  #contenidoDatosResguardo p .label {
    color: #999999;
    display: block;
    margin: 1% 0;
  }

  #tablaCitasFuturas div {
    width: 100%;
  }
  #tablaCitasFuturas .cita {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
  }
  #tablaCitasFuturas .cita .label {
    color: #999999;
  }
  #tablaCitasFuturas .cita .label,
  #tablaCitasFuturas .cita .texto {
    padding: 1px 0;
  }
  #tablaCitasFuturas .cntBotones {
    display: inline-block;
    margin-top: 10px;
  }
  #tablaCitasFuturas .cita .enlaceVer,
  #tablaCitasFuturas .cita .enlaceEliminar {
    background: url("../img/flecha-boton_celeste.png") no-repeat scroll right
      center #003382;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: open_sansbold;
    height: 40px;
    line-height: 38px;
    padding-right: 32px;
    text-align: center;
    width: 80px;
  }
  #tablaCitasFuturas .cita .enlaceVer {
    width: 105px;
  }
  #tablaCitasFuturas .cita .enlaceEliminar {
    margin-left: 10px;
  }
}

/**
* Pantallas inferiores a 4 pulgadas  
*/
@media only screen and (min-device-width: 300px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 1.4) {
  .avisoLegal ol {
    display: block;
    font-family: Arial;
    padding: 10px;
  }

  #pasos {
    display: none;
  }
  #textos-pasos div {
    display: none;
  }
  #textos-pasos div.texto-actual {
    display: inherit;
  }
  .miga-pan {
    width: 100%;
  }
  #textos-pasos {
    text-align: left;
  }

  .titulo-cabecera {
    display: block;
    margin-left: 0;
    text-align: left;
    font-size: 50%;
    padding-right: 2%;
  }
  .titulo-cabecera h2 {
    font-size: 14px;
  }
  #cntTablaCalendario {
    display: block;
    width: 100%;
  }
  #datepicker {
    min-width: 230px;
  }
  .cntFicha {
    padding-left: 10px;
  }
  .calendario.column {
    margin-bottom: 15px;
  }
  .leyenda-calendario {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label {
    display: block;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
  }
  #privacidad {
    margin-top: 10px;
    text-align: left;
  }
  #texto-privacidad {
    margin: 10px 0 20px 2%;
  }
  #texto-privacidad-seguridad {
    margin-left: 2%;
    width: auto;
  }
  .captcha {
    margin-left: 2%;
  }
  #recaptcha_image,
  #recaptcha_image img,
  #captchaInsercion #recaptcha_response_field {
    width: 90% !important;
  }
  .recaptcha_input_area {
    margin-left: 4% !important;
  }
  .texto-captcha {
    width: 100%;
  }
  #cabeceraDatosResguardo {
    display: block;
  }
  #resguardoFechaOperacion {
    display: inline-block;
    float: none;
    margin-top: 0;
  }
  .titulo-resguardo {
    display: block;
    float: none;
    margin-bottom: 45px;
    padding-left: 5px;
    width: 100%;
  }

  .leyenda-calendario li span {
    margin-left: 4px;
  }
  .enlace-imprimir {
    display: none;
  }
  #resguardoFechaOperacion .label,
  #contenidoDatosResguardo p .label {
    color: #999999;
    display: block;
    margin: 1% 0;
  }

  #tablaCitasFuturas div {
    width: 100%;
  }
  #tablaCitasFuturas .cita {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
  }
  #tablaCitasFuturas .cita .label {
    color: #999999;
  }
  #tablaCitasFuturas .cita .label,
  #tablaCitasFuturas .cita .texto {
    padding: 1px 0;
  }
  #tablaCitasFuturas .cntBotones {
    display: inline-block;
    margin-top: 10px;
  }
  #tablaCitasFuturas .cita .enlaceVer,
  #tablaCitasFuturas .cita .enlaceEliminar {
    background: url("../img/flecha-boton_celeste.png") no-repeat scroll right
      center #003382;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: open_sansbold;
    height: 40px;
    line-height: 38px;
    padding-right: 32px;
    text-align: center;
    width: 80px;
  }
  #tablaCitasFuturas .cita .enlaceVer {
    width: 40px;
  }
  #tablaCitasFuturas .cita .enlaceEliminar {
    margin-left: 10px;
  }
}

/**
* IPHONE 4 y 5
*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  .avisoLegal ol {
    display: block;
    font-family: Arial;
    padding: 10px;
  }

  #pasos {
    display: none;
  }
  #textos-pasos div {
    display: none;
  }
  #textos-pasos div.texto-actual {
    display: inherit;
  }
  .miga-pan {
    width: 100%;
  }
  #textos-pasos {
    text-align: left;
  }

  .titulo-cabecera {
    display: block;
    margin-left: 0;
    text-align: left;
    font-size: 50%;
    float: right;
    padding-right: 2%;
  }
  .titulo-cabecera h2 {
    font-size: 14px;
  }
  #cntTablaCalendario {
    display: block;
    width: 100%;
  }
  #datepicker {
    min-width: 230px;
  }
  .cntFicha {
    padding-left: 10px;
  }
  .calendario.column {
    margin-bottom: 15px;
  }
  .leyenda-calendario {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label {
    display: block;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
  }
  #privacidad {
    margin-top: 10px;
    text-align: left;
  }
  #texto-privacidad {
    margin: 10px 0 20px 2%;
  }
  #texto-privacidad-seguridad {
    margin-left: 2%;
    width: auto;
  }
  .captcha {
    margin-left: 2%;
  }
  #recaptcha_image,
  #recaptcha_image img,
  #captchaInsercion #recaptcha_response_field {
    width: 90% !important;
  }
  .recaptcha_input_area {
    margin-left: 4% !important;
  }
  .texto-captcha {
    width: 100%;
  }
  #cabeceraDatosResguardo {
    display: block;
  }
  #resguardoFechaOperacion {
    display: inline-block;
    float: none;
    margin-top: 0;
  }
  .titulo-resguardo {
    display: block;
    float: none;
    margin-bottom: 45px;
    padding-left: 5px;
    width: 100%;
  }

  .leyenda-calendario li span {
    margin-left: 4px;
  }
  .enlace-imprimir {
    display: none;
  }
  #resguardoFechaOperacion .label,
  #contenidoDatosResguardo p .label {
    color: #999999;
    display: block;
    margin: 1% 0;
  }

  #tablaCitasFuturas div {
    width: 100%;
  }
  #tablaCitasFuturas .cita {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
  }
  #tablaCitasFuturas .cita .label {
    color: #999999;
  }
  #tablaCitasFuturas .cita .label,
  #tablaCitasFuturas .cita .texto {
    padding: 1px 0;
  }
  #tablaCitasFuturas .cntBotones {
    display: inline-block;
    margin-top: 10px;
  }
  #tablaCitasFuturas .cita .enlaceVer,
  #tablaCitasFuturas .cita .enlaceEliminar {
    background: url("../img/flecha-boton_celeste.png") no-repeat scroll right
      center #003382;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: open_sansbold;
    height: 40px;
    line-height: 38px;
    padding-right: 32px;
    text-align: center;
    width: 80px;
  }
  #tablaCitasFuturas .cita .enlaceVer {
    width: 40px;
  }
  #tablaCitasFuturas .cita .enlaceEliminar {
    margin-left: 10px;
  }
}

/**
* PANTALLAS 4+ pulgadas
*/

@media only screen and (min-device-width: 330px) and (max-width: 640px) {
  .pasosMovil {
    display: contents;
  }

  .avisoLegal {
    font-size: 16px;
  }

  .avisoLegal ol {
    display: block;
    font-family: Arial;
    padding: 10px;
  }

  #pasos {
    display: none;
  }
  #textos-pasos div {
    display: none;
  }
  #textos-pasos div.texto-actual {
    display: inherit;
  }
  .miga-pan {
    width: 100%;
  }
  #textos-pasos {
    text-align: left;
  }
  .titulo-cabecera {
    display: block;
    margin-left: 0;
    text-align: left;
    font-size: 50%;
    float: right;
  }
  .titulo-cabecera h2 {
    font-size: 14px;
  }
  #cntTablaCalendario {
    display: block;
    width: 100%;
  }
  #datepicker {
    min-width: 230px;
  }
  .cntFicha {
    padding-left: 10px;
  }
  .calendario.column {
    margin-bottom: 15px;
  }
  .leyenda-calendario {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label {
    display: block;
    margin: 0 0 5px;
    text-align: left;
    width: auto;
  }
  #privacidad {
    margin-top: 10px;
    text-align: left;
  }
  #texto-privacidad {
    margin: 10px 0 20px 2%;
  }
  #texto-privacidad-seguridad {
    margin-left: 2%;
    width: auto;
  }
  .captcha {
    margin-left: 2%;
  }
  #recaptcha_image,
  #recaptcha_image img,
  #captchaInsercion #recaptcha_response_field {
    width: 90% !important;
  }
  .recaptcha_input_area {
    margin-left: 4% !important;
  }
  .texto-captcha {
    width: 100%;
  }
  #cabeceraDatosResguardo {
    display: block;
  }
  #resguardoFechaOperacion {
    display: inline-block;
    float: none;
    margin-top: 0;
  }
  .titulo-resguardo {
    display: block;
    float: none;
    margin-bottom: 45px;
    padding-left: 5px;
    width: 100%;
  }
  .leyenda-calendario li span {
    margin-left: 4px;
  }
  .enlace-imprimir {
    display: none;
  }
  #resguardoFechaOperacion .label,
  #contenidoDatosResguardo p .label {
    color: #999999;
    display: block;
    margin: 1% 0;
  }

  #tablaCitasFuturas div {
    width: 100%;
  }
  #tablaCitasFuturas .cita {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 20px;
  }
  #tablaCitasFuturas .cita .label {
    color: #999999;
  }
  #tablaCitasFuturas .cita .label,
  #tablaCitasFuturas .cita .texto {
    padding: 1px 0;
  }
  #tablaCitasFuturas .cntBotones {
    display: inline-block;
    margin-top: 10px;
  }
  #tablaCitasFuturas .cita .enlaceVer,
  #tablaCitasFuturas .cita .enlaceEliminar {
    background: url("../img/flecha-boton_celeste.png") no-repeat scroll right
      center #003382;
    border: medium none;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    float: none;
    font-family: open_sansbold;
    height: 40px;
    line-height: 38px;
    padding-right: 32px;
    text-align: center;
    width: 80px;
  }
  #tablaCitasFuturas .cita .enlaceVer {
    width: 105px;
  }
  #tablaCitasFuturas .cita .enlaceEliminar {
    margin-left: 10px;
  }
}

@media only screen and (max-device-width: 640px) {
  .avisoLegal ol {
    display: block;
    font-family: Arial;
    padding: 10px;
  }

  .calendario.column {
    width: 98%;
  }
  #datepicker {
    /* 		min-width: 295px; */
  }
  .ui-datepicker-calendar tr td a,
  .ui-datepicker-calendar tr td span {
    height: 35px;
    line-height: 35px;
    text-align: center;
  }
}

@media only screen and (max-device-width: 480px) {
  .fondo-cabeceraPastilla {
    /*display: none;*/
  }
}

@media only screen and (max-device-width: 400px) {
  .fondo-cabeceraPastilla {
    /*display: none;*/
  }

  .logo img {
    width: 0;
    padding: 70%;
    background-image: url("../img/logo_cabecera_movil.png") !important;
    background-size: 70%;
    background-repeat: no-repeat;
  }

  .idiomaSeleccionado {
    padding: 0.25em 0.5em;
    border-radius: 3px;
    font-size: 16px;
  }

  .bloqueIdiomas {
    margin-right: 5px;
  }

  .idioma {
    padding: 0.25em 0.5em;
    font-size: 16px;
  }
}