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

/**
* Pantallas inferiores a 3 pulgadas  
*/

#tablaCitasFuturas .cita .enlaceVer,
#tablaCitasFuturas .cita .enlaceEliminar {
  border: medium none;
  border-radius: 3px;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: inline-grid;
  float: none;
  font-family: open_sansbold;
  height: 40px;
  line-height: 38px;
  text-align: center;
  width: 132px;
}

@media only screen and (max-width: 900px) {
	.cnt-mapa {
	    width: 100%;
	    position: absolute;
	    left: 0px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa {
		width: 100%;
	    margin-left: 1px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda {
	    width: 39%;
	    margin: 0px -4px 0px 0px;
	}
}

@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;
    width: 100%;
  }
  #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,
  #cntConfirmarCitaPreviaTR li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label,
  #cntConfirmarCitaPreviaTR 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 {
    margin-top: 0;
  }

  .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 {
    width: 132px;
  }

  #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;
    width: 100%;
  }
  #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,
  #cntConfirmarCitaPreviaTR li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label,
  #cntConfirmarCitaPreviaTR 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 {
    margin-top: 0;
  }

  .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 {
    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;
    width: 100%;
  }
  #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,
  #cntConfirmarCitaPreviaTR li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label,
  #cntConfirmarCitaPreviaTR 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 {
    margin-top: 0;
  }

  .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 {
    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 ol {
    display: block;
    font-family: Arial;
    padding: 10px;
  }

  #pasos {
    display: none;
  }
  #textos-pasos div {
    display: none;
    width: 100%;
  }
  #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,
  #cntConfirmarCitaPreviaTR li {
    margin-bottom: 15px;
  }
  #cntConfirmarCitaPrevia label,
  #cntConfirmarCitaPreviaTR 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 {
    margin-top: 0;
  }

  .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 {
    width: 105px;
  }
  #tablaCitasFuturas .cita .cntBotonesMovil {
  	text-align: right;
  }
  #tablaCitasFuturas .cita .cntBotonesMovil .enlaceVer,
  #tablaCitasFuturas .cita .cntBotonesMovil .enlaceEliminar {
    width: auto;
    padding: 0px 3%;
    font-size: 14px;
    height: 36px;
    line-height: 36px;
  }
  #tablaCitasFuturas .cita .enlaceEliminar {
    margin-left: 10px;
  }
  
  #cntElegirCentro label {
  	width: 25%;
  }
  
  input[type="text"], textarea {
  	width: 70%;	
  }
    
  ul.cntFicha li select, 
  ul.camposFicha li select,
  .content .select2-container {
  	width: 72%;	
  	padding-left: 0px;
  }

  #templateDatos .row input[type="text"], 
  #templateDatos .row textarea, 
  #templateDatos .row select.combo,
  #templateDatosTR .row input[type="text"], 
  #templateDatosTR .row textarea, 
  #templateDatosTR .row select.combo {
  	    width: 99% !important;
		max-width: none;
		float: none;
  }
  
  .calendarioDia {
  	width: 100%;
  	text-align: center;
  }

  .column.calendario,
  .tabla-ancha {
  	width: 99%;
  }
    
  #datepicker {
  	width: 230px;
	margin: 0px auto;
  }

}

@media only screen and (min-width: 480px) and (max-width: 770px) {
	.tablaCitasPrevias .contenedor-principal-mapa {
		width: 100%;
    	margin-left: 0%;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa #cntElegirCentro.cntFicha-pestana-2 label {
		width: 58px;
		font-size: 12px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul.cntFicha li select {
		width: 148px;
    	height: 28px;
    	font-size: 13px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .btn-search {
		width: 22px;
    	height: 22px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda span,
	.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion {
		font-size: 12px;
	}
	
	.contenedor-principal-mapa .mensajeInfo {
	    width: 45%;
	}
}

@media only screen and (min-width: 580px) and (max-width: 680px) {
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda {
		width: 40%;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha {
		width: 58%;
	}
	
}

@media only screen and (min-width: 641px) and (max-width: 960px) {
	
	.miga-pan {
		width: 100%;
	}
	
	#pasos {
    	width: 580px;
	}

	#pasos div.camino.camino-largo {
	    width: 92px;
	}
	
	#textos-pasos {
 	   	margin: 0px auto 10px auto;
		width: 640px;
		font-size: 12px;
	}
	
	#textos-pasos div{
		margin: 0px 0px 0px 12px;
		width: 92px;
	}
}

@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: 100%;
    background-image: url("../img/logo_cabecera_movil.png") !important;
    background-size: 100%;
    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;
  }
}

@media only screen and (max-width: 660px) {
	input[type="text"], textarea{
		max-width: 314px;
	}
	
	.select2-codigos-postales {
	    max-width: 320px;
	    width: 72%;
	}
	
	ul.cntFicha li select, 
	ul.camposFicha li select {
		max-width: 320px;
		padding-left: 0px;
	}
}

@media only screen and (max-width: 420px) {
	
	.logo img {
		width: 0;
		padding: 100%;
		background-image: url("../img/logo_cabecera_movil.png") !important;
		background-size: 100%;
		background-repeat: no-repeat;
	}

	.cntFicha {
		padding-left: 0px;
    	width: 100%;
	}
	
	.titulo-cabeceraPastilla {
		font-size: 16px;	
	}

	.textoConsultar {
	    font-size: 11px;
	}
	
	a.link-consultar {
		font-size: 13px;
	}
	
	.label-info {
	    font-size: 12px;
	}
	
	#cntElegirCentro label {
	    line-height: 16px;
    	height: 28px;
    	font-size: 12px;
    	width: 30%;
    	display: flex;
    	align-items: center;
	}
	
	input[type="text"], textarea {
	    width: 65%;
	    height: 24px;
	    font-size: 13px;	
	}
	
	.select2-codigos-postales {
	    width: 67%;
	}
	
	ul.cntFicha li select, 
	ul.camposFicha li select,
	.content .select2-container {
	    width: 67%;	
	    padding-left: 0px;
	}
	
	#cntElegirCentro.cntFicha-pestana-2 label {
		width: 30%;
	}
	
	#cntElegirCentro .info-pestana > label {
		width: 100%;
	}
	
	input[type="text"].datos-correo-verificacion,
	input[type="text"]#datosConfirmacionSMS {
    	width: 98%;
    	max-width: 98%;
    	margin: 0px;
	}
	
	.cntFicha.cntFicha-pestana-2 {
		padding: 0px;
	}
	
	.boton, .botonEliminar,
	.botonEditar,
	.botonDeshabilitado,
	#btnSMS,
	#tablaCitasFuturas .cita .enlaceVer,
	#tablaCitasFuturas .cita .enlaceEliminar {
		font-size: 13px;
		height: 38px;
		margin: 0 0 5px 2px;
    	width: 88px;
	}
	
	.boton-accion.boton-accion-largo {
	   	width: 122px;	
	}
	
	.boton-accion:hover, 
	.boton-accion:focus {
		font-size: 14px;
	}
	
	.boton-accion:hover:enabled, 
	.boton-accion:focus:enabled {
		font-size: 14px;
	}
	
	.cntAcciones {
    	margin-top: 8px;
	}
	
	.calendarioDia span {
		line-height: 28px;
		font-size: 12px;
		margin: 5px 2px;
		width: 68px;
	}
	
	#cntConfirmarCitaPrevia li,
	#cntConfirmarCitaPreviaTR li {
    	margin-bottom: 8px;
    	text-align: left;
	}
	
	#templateDatos .row input[type="text"], 
	#templateDatos .row textarea, 
	#templateDatos .row select.combo,
	#templateDatosTR .row input[type="text"], 
	#templateDatosTR .row textarea, 
	#templateDatosTR .row select.combo {
    	width: 98% !important;
    	margin: 0px;
	}
	
	.lbl-titulo {
		margin-left: 0%;
	    width: 98%;
	    padding-bottom: 2px;
	    border-bottom: 2px solid #e5e5e5;
	    text-transform: uppercase;
	}
	
}

@media only screen and (max-width: 580px) {
	/* DISPONIBILIDAD (MAPA) */
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul.cntFicha li select {
		width: 200px;
    margin-left: 50px;
    padding-left: 10px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa #cntElegirCentro.cntFicha-pestana-2 label {
		width: 55px;
	}

  .divComboCanales {
    display: flex;
    flex-direction: row;
    padding-right: 9px;
  }

  #comboCanalesTR {
    margin-top: 10px;
  }

  #labelTR {
    margin-top: 10px;
  }
	
	.contenedor-principal-mapa .cnt-vista {
		display: block !important;
	}

	.tablaCitasPrevias .contenedor-principal-mapa {
		width: 106%;
    	margin-left: -3%;
    }
    
    .tablaCitasPrevias .contenedor-principal-mapa .contenedor-oficinas {
        height: 100% !important;
    	width: 100%;
    	margin-left: 0%;
    }
    
    .tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda {
		width: 100%;	
	    border: none;
	    -webkit-box-shadow: none;
    	-moz-box-shadow: none;
    	box-shadow: none;
    	height: auto;
	}

    .tablaCitasPrevias .contenedor-principal-mapa .columna-derecha {
		width: 100%;
		min-height: 58px;
		padding: 0px;
	}
	
	.contenedor-principal-mapa .cnt-ordenacion {
		max-width: 228px;
	}
	
	.contenedor-principal-mapa .cnt-vista {
		display: initial;
		float: right;
    	padding: 6px 0px;
	}
	
	.contenedor-principal-mapa .cnt-vista .btn-vista.btn-vista-mapa {
		padding: 3px;
	}

	.contenedor-principal-mapa .cnt-vista .btn-vista.btn-vista-mapa i {
		float: left;
	    width: 19px;
	    height: 17px;
		background-image: url(../img/icons/i-mapa.png);
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map {
	    overflow: hidden;
	    top: 0px;
	    left: 3%;
	    width: 94%;
    	-webkit-box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
    	-moz-box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
    	box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
	    height: 0px;
	    border: none;
	    margin: -1px -1px 68px -1px;
	    /*position: fixed;
	    top: 9999px;*/	
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map.show {
	    height: 384px;
		border: 1px solid #7d7d7d;
		/*position: relative;
	    top: initial;*/
	}

	.contenedor-principal-mapa .cnt-elegir-accion {
		position: absolute;
		bottom: -8px;
		right: 3%;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li {
		float: left;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li.cnt-oficinas-principal {
		height: 366px;
		border: 1px solid #7d7d7d;
    	-webkit-box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
    	-moz-box-shadow: 1px 2px 12px -4px rgba(0, 0, 0, 0.20);
    	box-shadow: 1px 2px 12px -4px rgb(0 0 0 / 20%);
    	margin: 0px 0.5%;
    	margin: 0px 3% 11px 3%;
    	float: left;
    	padding: 8px 0.5%;
    	width: 92%;
    	display: none;
	}
	
	.map .contenido-mapa-info h3 {
		font-size: 13px;
    	line-height: 16px;
	}
	
	.map .contenido-mapa-info .info-oficina p {
	    font-size: 11px;
	    margin: 3px 0px;
		padding-left: 16px;
    }
    
    .map .contenido-mapa-info .info-oficina i {
    	width: 15px;
    	height: 15px;
    }
    
    .contenido-mapa-info .info-oficina .cnt-primer-hueco {
    	padding: 4px 3%;
    }
    
    .map .contenido-mapa-info .boton-accion {
    	margin-top: 5px;
    	height: 32px;
    	font-size: 12px;
    }
    
    .contenedor-principal-mapa .mensajeInfo {
        width: 94%;
    	margin-left: 2%;
    	bottom: 1%;
    	position: fixed;
    }
	
	/* FIN DISPONIBILIDAD (MAPA) */	
}

@media only screen and (max-width: 320px) {
	.contenedor-principal-mapa .cnt-ordenacion {
		max-width: 192px;
	}
	
	.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion {
		font-size: 11px;
	}
	
	.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion i {
	    width: 16px;
    	height: 16px;
    	margin: 5px 3px 5px 6px;
	}
	
	.contenedor-principal-mapa .cnt-ordenacion .btn-ordenacion.btn-ordenacion-cercania i {
		width: 13px;
	}
	
	.contenedor-principal-mapa .cnt-vista .btn-vista.btn-vista-mapa i {
		width: 16px;
    	height: 14px;
	    background-size: contain;
	}
	
	a.link-consultar {
		font-size: 11px;
	}
}

/* AJUSTE MAPA SEGUN ALTURA */

@media only screen and (max-height: 730px) {
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li.cnt-oficinas-principal {
		height: 291px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map.show {
		height: 318px;
	}
}

@media only screen and (max-height: 660px) {
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li.cnt-oficinas-principal {
		height: 261px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map.show {
		height: 288px;
	}
}

@media only screen and (max-height: 630px) {
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li.cnt-oficinas-principal {
		height: 231px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map.show {
		height: 258px;
	}
}

@media only screen and (max-height: 600px) {
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li.cnt-oficinas-principal {
		height: 201px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map.show {
		height: 228px;
	}
}

@media only screen and (max-height: 570px) {
	.tablaCitasPrevias .contenedor-principal-mapa .columna-izquierda ul li.cnt-oficinas-principal {
		height: 171px;
	}
	
	.tablaCitasPrevias .contenedor-principal-mapa .columna-derecha .map.show {
		height: 198px;
	}
}

@media only screen and (max-width: 540px) {
  .columna1Especial {
    display: flex;
    justify-content: space-between;
    width: 100%;
    float: left;
    margin: 0 0 10px;
  }
}

/* FIN AJUSTE MAPA SEGUN ALTURA */

/* MIGAS DE PAN PARA IPHONE */
@supports (-webkit-touch-callout: none) {
	
	@media only screen and (max-width: 640px) {	
		body {
			-webkit-text-size-adjust: none;
		}

		input[type=submit],
		.boton-accion {
	    	font-size: 12px;
		}
	}
	
	input[type=submit],
	.boton-accion {
		-webkit-appearance:none;
    	-webkit-border-radius: 5px;
    	padding: 0px;
	}
}
/* FIN MIGAS DE PAN PARA IPHONE */