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


/**
* Pantallas inferiores a 3 pulgadas  
*/

@media only screen 
  and (min-device-width: 220px)
  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: 0px;
	}
	.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: 100px;
	}
	#tablaCitasFuturas .cita .enlaceEliminar{
		margin-left: 10px;
	}
	
    #contenidoDatosResguardo #resguardoFecha {
	    margin-bottom: 0;
	}
	
   
   
   }


/**
* 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: 0px;
	}
	.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: 100px;
	}
	#tablaCitasFuturas .cita .enlaceEliminar{
		margin-left: 10px;
	}
	
    #contenidoDatosResguardo #resguardoFecha {
	    margin-bottom: 0;
	}
	
   
   
   }

/**
* 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: 100px;
	}
	#tablaCitasFuturas .cita .enlaceEliminar{
		margin-left: 10px;
	}
	
    #contenidoDatosResguardo #resguardoFecha {
	    margin-bottom: 0;
	}
	

	
}

/**
* PANTALLAS 4+ pulgadas
*/

@media only screen
and (min-device-width: 330px) 
and (max-width: 640px) {
	
	
 
	
	   .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%;
    }
/*     #calendarioDia{ */
/*     	text-align: left; */
/*     } */
/*     #calendarioDia span { */
/* 	    border-radius: 4px; */
/* 	    color: #fff; */
/* 	    display: inline-block; */
/* 	    line-height: 30px; */
/* 	    margin: 5px; */
/* 	    text-align: center; */
/* 	    width: 80px; */
/* 	} */
	.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: 100px;
	}
	#tablaCitasFuturas .cita .enlaceEliminar{
		margin-left: 10px;
	}
	
    #contenidoDatosResguardo #resguardoFecha {
	    margin-bottom: 0;
	}
	
}



@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 : 550px) { 
   	.fondo-cabeceraPastilla{
		display:none;
	}
}


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

	.boton {
		background = red;
	}
}


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

	.boton {
		background = red;
	}
	
	.logo img{
		width: 100%;
	}
	
	
	.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;
	}
}

/* Al tener una altura Menor a la indicada, ocultareoms la cabecera para que se ajuste en la App Movil*/
@media only screen
and (max-device-height : 650px) { 
   	.fondo-cabeceraPastilla{
		display: none;
	}
	
	#cabecera{
		display: none;
	}
	
	.logo{
		display: none;
	}
	
	.miga-pan {
		margin-top: 1em;
	}
	
}