@charset "utf-8";
/* CSS Document */

/* Responsive */


@media only screen and (max-width: 959px) {

	#modal {
     display: none;
     position: absolute;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
     width: 100%;
     height: 100%;
     opacity: 0.5;
	}
	
	.spinner {
	  position: fixed;
	  top: 50%;
	  left: 50%;
	}
	
	body {
		padding: 0 10px 10px;
		-webkit-text-size-adjust: 100%
	}
	
	input[type="text"], input[type="password"]{
		-webkit-appearance: none;	
	}
	.contenedor {
		width: auto;	
	}
	
	.tabla_movil{
		max-width: 100% !important;
		table-layout: fixed;
	}
	
	.columna_movil {
		width: 33% !important;
	}
	
	.cabecera_tabla_movil{
		width: 33% !important;
	}
	
	.botoneraLODP{
		padding-bottom: 30% !important;
	}

	/* CABECERA */
	
	.cabecera {
		height: 74px;	
		background: #008fd3;
	}
	
	.cabecera a.logo {
		background-size: contain;
		right: 50%;
		width: auto;	
	}
	
	.cabecera ul.enlaces_cabecera {
		width: 50%;	
		height: 74px;
		padding: 0;
	}
	.cabecera ul.enlaces_cabecera li {
		height: 74px;
	}
	
	.cabecera ul.enlaces_cabecera li:first-child {
		padding-left: 10px;
	}
	
	.cabecera ul.enlaces_cabecera li a {
		height: 26px;
		padding: 22px 14px;	
	}
	
	.cabecera ul.enlaces_cabecera li a:focus {
		background-color: #00B1F4;
		background-position: left bottom;
		-webkit-box-shadow: 0 0 4px #00B1F4;
		-moz-box-shadow: 0 0 4px #00B1F4;
		box-shadow: 0 0 4px #00B1F4;
	}
	
	.cabecera ul.enlaces_cabecera li a.contacto, .cabecera ul.enlaces_cabecera li a.contratante {
		font-size: .85em;	
		line-height: 120%;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		
		-webkit-transition: all .2s linear;
		-moz-transition: all .2s linear;
		-ms-transition: all .2s linear;
		-o-transition: all .2s linear;
		transition: all .2s linear;
	}
	
	.cabecera ul.enlaces_cabecera li a.contacto {
		padding: 4px 4px 4px 35px;
		top: 106%;
		right: 49%;
		z-index: 100;
		white-space: nowrap;
	}
	
	.cabecera ul.enlaces_cabecera li a.contacto, .cabecera ul.enlaces_cabecera li a.contacto:hover {
		background-position: 5% center;
	}
	
	.cabecera ul.enlaces_cabecera li a.contratante {
		border-top: 0px;
		top: 106%;
		left: 60%;
		right: auto;
		z-index: 100;
	}
	
	.cabecera ul.enlaces_cabecera li a.contacto:hover, .cabecera ul.enlaces_cabecera li a.contratante:hover,
	.cabecera ul.enlaces_cabecera li a.contacto:focus, .cabecera ul.enlaces_cabecera li a.contratante:focus {
		background-color: rgba(255,255,255,0.4);
		
		-webkit-box-shadow: 0 0 4px rgba(255,255,255,0.4);
		-moz-box-shadow: 0 0 4px rgba(255,255,255,0.4);
		box-shadow: 0 0 4px rgba(255,255,255,0.4);
	}
	
	.superior {
		padding: 0 50% 0 0;
		position: relative;
	}
	
	.portada .superior, .superior.portada {
		background-size: contain;
	}
	
	.superior:before {
		content: '';
		display: block;
		height: 34px;
		background: rgba(0,0,0,0.4);	
		display: block;
		top: 0;
		left: 0;
		right: 0;
		position: absolute;
		z-index: 1;
	}
	
	.superior p {
		display: block;
		background: #FFFFFF;
		padding-left: 56px;
		padding-right: 15px;	
	}
	.superior p:last-child {
		padding-bottom: 1em;
	}
	
	.top_cuerpo.txt_lateral {
		padding-left: 20px;
	}
	
	.top_cuerpo .columnas .columna {
		float: none;
		width: auto;
		padding-right: 0;
		padding-bottom: .4em;
		font-size: .8em;	
	}
	
	h1 {
		font-size: 1.7em;
		display: block;
		padding: 14px 0 14px 46px;
		min-height: 52px;	
		background: #FFFFFF;
		position: relative;
		z-index: 2;
	}
	
	.portada h1 {
		margin: 0;
		min-height:0;
		padding-left: 20px;	
	}
	
	h2 {
		font-size: 1.43em;	
	}
	
	.top_cuerpo.txt_lateral h2 {
		position: static;
		margin-bottom: .5em;
	}
	
	h3 {
		font-size: .9em;	
	}
	
	label {
		width: auto;	
	}

	input[type="text"], input[type="password"] {
		width: auto;	
	}

	/** MENU **/
	
	.pasos {
		height: 40px;	
	}
	
	ul.menu, ul.menu.ui-tabs-nav {
		height: 40px;
		padding: 0!important;
	}
	
	ul.menu li, ul.menu.ui-tabs-nav li {
		height: 40px;
		float: none;
		display: inline-block;
		background-image: url(../imagenes/separador_menu2.png);	
		background-repeat: no-repeat;
	}
	ul.menu li.ultimo, ul.menu.ui-tabs-nav li.ultimo {
		background: none;	
	}
	
	ul.menu li a, ul.menu.ui-tabs-nav li a {
		height: 40px;	
	}
	
	ul.menu li a span, ul.menu.ui-tabs-nav li a span {
		height: 18px;
		padding: 13px 0 9px 0;	
	}
	
	ul.menu li a.solicitar span, ul.menu.ui-tabs-nav li a.solicitar span {
		background-position: 1px 2px;
	}
	
	ul.menu li a.anular span, ul.menu.ui-tabs-nav li a.anular span {
		background-position: -156px 2px;
	}
	
	ul.menu li a.consultar span, ul.menu.ui-tabs-nav li a.consultar span {
		background-position: -315px 2px;
	}
	
	ul.menu li a.activo.solicitar span, ul.menu.ui-tabs-nav li a.activo.solicitar span, 
	ul.menu li a.activo.solicitar:hover span, ul.menu.ui-tabs-nav li a.activo.solicitar:hover span,
	ul.menu li a.activo.solicitar:focus span, ul.menu.ui-tabs-nav li a.activo.solicitar:focus span,
	ul.menu li.ui-tabs-active a.solicitar span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar span, 
	ul.menu li.ui-tabs-active a.solicitar:hover span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar:hover span,
	ul.menu li.ui-tabs-active a.solicitar:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar:focus span {
		background-position: 1px -30px;
	}
	ul.menu li a.activo.anular span, ul.menu.ui-tabs-nav li a.activo.anular span, 
	ul.menu li a.activo.anular:hover span, ul.menu.ui-tabs-nav li a.activo.anular:hover span,
	ul.menu li a.activo.anular:focus span, ul.menu.ui-tabs-nav li a.activo.anular:focus span,
	ul.menu li.ui-tabs-active a.anular span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular span, 
	ul.menu li.ui-tabs-active a.anular:hover span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular:hover span,
	ul.menu li.ui-tabs-active a.anular:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular:focus span {
		background-position: -156px -30px;
	}
	ul.menu li a.activo.consultar span, ul.menu.ui-tabs-nav li a.activo.consultar span, 
	ul.menu li a.activo.consultar:hover span, ul.menu.ui-tabs-nav li a.activo.consultar:hover span,
	ul.menu li a.activo.consultar:focus span, ul.menu.ui-tabs-nav li a.activo.consultar:focus span,
	ul.menu li.ui-tabs-active a.consultar span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar span, 
	ul.menu li.ui-tabs-active a.consultar:hover span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar:hover span,
	ul.menu li.ui-tabs-active a.consultar:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar:focus span {
		background-position: -315px -30px;
	}
	
	
	
	.top_cuerpo {
		padding: 20px 20px 14px 20px;	
	}
	.top_cuerpo p {
		padding-top: .8em;	
		background-position: 2px 16px;
	}
	
	.top_cuerpo.txt_lateral p.separado{
		padding: .6em 0 0 1em;
		background-position: 2px 14px;
	}
	
	.contenido {
		padding: 24px;	
	}
	
	
	
	.columnas.completas {
		padding-bottom: 1em;	
	}
	
	.columnas.propuesta .columna, .columnas.propuesta .columna.ultima,
	.formulario .columnas.propuesta .columna, .formulario .columnas.propuesta .columna.ultima {
		float: none;	
		width: auto;
		padding: 0 0 1.5em 0;
	}
	
	.columnas .columna:after {
		content: '';
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;	
	}
	
	
	/*********** PORTADA ************/
	
	.portada .formulario {
		padding-top: 3em;	
	}	
	
	
	.portada .formulario .columnas .columna, .portada .formulario .columnas .columna.ultima {
		float: left;
		width: 46%;
		padding: 0 4% 0 0;	
	}
	
	.portada .formulario .columnas .columna.ultima {
		padding-right: 0;
		width: 48%;
	}
	
	.formulario .columnas.peq {
		width: 90%;	
	}
	
	.portada .formulario .columnas.peq {
		width: auto;
	}
	
	.formulario p a {
		font-size: .8em;	
	}
	.ui-datepicker-trigger {
		width: 0;
		height: 0;
		padding: 28px 28px 0 0;
		background: url(../imagenes/icono_calendario_resp01.png) no-repeat left top;
		cursor: pointer;
		vertical-align: bottom;	
		margin: 0 2px;
	}
	.ui-datepicker-trigger:hover {
		background-position: left bottom;
	}
	
	/************ CITA PROPUESTA ************/	
	
	.propuesta .cont_tabla {
		padding-right: 300px;	
	}
	
	.propuesta td {
		height: 18px;	
	}
	
	.enlaces_propuesta {
		width: 300px;
		right: 0;	
	}
	
	.enlaces_propuesta a {
		
	}
	
	.enlaces_propuesta a.enlace_flecha {
		background: url(../imagenes/botones_prop_resp01.png);
		background-repeat: no-repeat;
		height: 27px;
		padding: 13px 0 0;
		font-size: 1em;
		text-shadow: 0 0 4px #006697;
		text-align: center;
	}
	.enlaces_propuesta a.enlace_flecha.disabled {
		text-shadow: 0 0 4px #666666;
	}
	
	.enlaces_propuesta a.enlace_flecha.estacion {
		background-position: 0 0;
		width: 179px;
	}
	.enlaces_propuesta a.enlace_flecha.estacion:hover, .enlaces_propuesta a.enlace_flecha.estacion:focus {
		background-position: 0 -40px;
	}
	.enlaces_propuesta a.enlace_flecha.estacion.disabled, .enlaces_propuesta a.enlace_flecha.estacion.disabled:hover {
		background-position: 0 -80px;
	}
	
	.enlaces_propuesta a.enlace_flecha.fecha {
		background-position: -179px 0;
		width: 207px;	
	}
	.enlaces_propuesta a.enlace_flecha.fecha:hover, .enlaces_propuesta a.enlace_flecha.fecha:focus {
		background-position: -179px -40px;
	}
	.enlaces_propuesta a.enlace_flecha.fecha.disabled, .enlaces_propuesta a.enlace_flecha.fecha.disabled:hover {
		background-position: -179px -40px;
	}
	
	.enlaces_propuesta a.enlace_flecha.tipo {
		background-position: -386px 0;
		width: 248px;
	}
	.enlaces_propuesta a.enlace_flecha.tipo:hover, .enlaces_propuesta a.enlace_flecha.tipo:focus {
		background-position: -386px -40px;
	}
	.enlaces_propuesta a.enlace_flecha.tipo.disabled, .enlaces_propuesta a.enlace_flecha.tipo.disabled:hover {
		background-position: -386px -80px;
	}
	
	.enlaces_propuesta p {
		margin-bottom: .4em;	
	}
	.enlaces_propuesta p:first-child {
		margin-top: -.2em;
		margin-bottom: .4em;	
	}
	
	a.enlace_flecha.disabled + span {
		background: none;
		height: auto;
		width: auto;
	}
	a.enlace_flecha.disabled + span em {
		position: static;
		width: 100px;
		display: inline-block;
		background: transparent;
		margin-left: 0;
		color: #999999;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.35);
		-moz-box-shadow: 0 0 4px rgba(0,0,0,0.35);
		box-shadow: 0 0 4px rgba(0,0,0,0.35);
	}
	
	.enlaces_propuesta a.enlace_boton, .contenido .enlaces_propuesta a.enlace_boton {
		height: 19px;
		font-size: 1em;
		text-shadow: 0 0 4px #006697;
		text-align: center;
		padding: 8px 15px 3px;
		margin-left: 10px;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.5) inset;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.5) inset;
		box-shadow: 0 0 5px rgba(0,0,0,0.3), 0 3px 5px rgba(0,0,0,0.5) inset;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}
	
	.enlaces_propuesta a.enlace_boton:hover, .enlaces_propuesta a.enlace_boton:focus {
		background: #17BFFF;
	}
	
	.propuesta .columna.ultima h3 {
		margin-bottom: 1em;	
	}
	.propuesta .columna.ultima p {
		width: 49%;
		display: inline-block;
		margin-bottom: 1.5em;
	}
	
	/** CAPTCHA **/
	
	.captcha {
		padding: 0;	
	}
	.captcha p {
		float: none;
		min-height: 0;	
	}
	.captcha p.mensaje_captcha {
		width: auto;
		background: none;
		margin-bottom: 3em;
	}
	.captcha p.img_captcha, .captcha p.input_captcha {
		padding: 0;
		display: inline-block;
		width: 47%;
		vertical-align: top;
		padding-bottom: 1em;
	}
	.captcha p.img_captcha {
		text-align: right;
		padding-right: 2%;
	}
	.captcha p.img_captcha img {
		vertical-align: middle;	
	}
	.captcha p.img_captcha a {
		background: url(../imagenes/icono_captcha01.png) no-repeat center 2px;
		padding-top: 26px;
		width: 50px;
		text-align: center;
		color: #666666;
		vertical-align: middle;
		white-space: normal;
		margin: 0;
		
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.captcha p.img_captcha a:hover {
		background-color: #F9F9F9;
	}
	.captcha p.input_captcha {
		text-align: left;
		padding-left: 2%;
		background: none;
	}
	.captcha p.input_captcha label {
		width: 140px;
		padding-bottom: 5px;
		display: block;
		position: relative;
		text-align: center;
	}
	
	.captcha p.input_captcha label a {
		display: inline-block;
		background: #F4F4F2;
		font-size: 1.55em;
		position: absolute;
		top: 27px;
		left: 155px;
		white-space: nowrap;
		padding: 4px 10px 5px 10px;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.35);
		-moz-box-shadow: 0 0 6px rgba(0,0,0,0.35);
		box-shadow: 0 0 6px rgba(0,0,0,0.35);
		
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
	
	.captcha p.input_captcha label a:hover {
		background: #FCFCFC;
		color: #666666;
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
		box-shadow: 0 0 6px rgba(0,0,0,0.5);
	}
	
	.botonera, .captcha .botonera {
		float: none;
		width: auto;
		clear: left;
		text-align: left;
		padding-top: 1.4em;	
	}
	
	.botonera input, .captcha .botonera input {
		margin-bottom: 0;	
	}
	
	
	/*** CITA CONCERTADA ***/
	.formulario .columnas.completas.concertada {
		padding-bottom: 0;
	}
	
	.formulario .columnas.concertada .columna, .formulario .columnas.concertada .columna.ultima {
		width: auto;
		padding-right: 0;
		padding-bottom: 1.8em;	
		float: none;	
	}
	.formulario .columnas.concertada .columna.ultima {
		padding-bottom: 0;	
	}
	
	.formulario .columnas .columna_centro {
		width: 80%;	
	}

	.concertada .cont_tabla {
		padding-right: 200px;
	}
	.concertada .enlaces_propuesta {
		width: 180px;
		right: 24px;
		top: 48px;
	}
	.concertada .botonera {
		padding-top: 3em;		
	}
	.enlaces_propuesta a.enlace_flecha.localizacion {
		background-position: 0 0;
		width: 179px;
	}
	.enlaces_propuesta a.enlace_flecha.localizacion:hover, .enlaces_propuesta a.enlace_flecha.localizacion:focus {
		background-position: 0 -40px;
	}
	.enlaces_propuesta a.enlace_flecha.localizacion.disabled, .enlaces_propuesta a.enlace_flecha.localizacion.disabled:hover {
		background-position: 0 -80px;
	}
	
	label.localizador {
		width: 170px;	
	}
	
	.concertada .columna.ultima table.propuesta {
		width: 60%;	
	}
	
	
	/*** ANULACION ***/
	
	.formulario .anulacion p {
		width: 70%;	
	}
	
	.anulacion.inicial label {
		width: 140px;	
	}
	
	.anulacion #localizador {
		width: 200px;	
	}
	
	.contenido p.nota.nota_anulacion {
		left: 0;
		font-size: 0.85em;	
	}
	
	
	a.info {
		display: inline-block;
		background-color: #F4F4F2;
		font-size: 1em;
		white-space: nowrap;
		padding: 5px 10px;
		
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.35);
		-moz-box-shadow: 0 0 6px rgba(0,0,0,0.35);
		box-shadow: 0 0 6px rgba(0,0,0,0.35);
		
		-webkit-transition: all .1s ease-in-out;
		-moz-transition: all .1s ease-in-out;
		-ms-transition: all .1s ease-in-out;
		-o-transition: all .1s ease-in-out;
		transition: all .1s ease-in-out;
	}
		
	a.info:hover {
		background-color: #FCFCFC;
		color: #666666;
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
		box-shadow: 0 0 6px rgba(0,0,0,0.5);
	}
	
	.formulario p a.info {
		font-size: 1em;	
		vertical-align: middle;
		margin-left: 10px;
	}
	
	.formulario p label a.info {
		font-size: 1.2em;
		padding-bottom: 6px;
		padding-top: 4px;
	}
	
	
	/** BOTONES **/
	.botonera {
		height: 38px;
		padding: 0;
	}
	
	input[type="submit"], input[type="button"], a.boton, .formulario a.boton {
		background: url(../imagenes/botones_resp01_a.png) no-repeat;
		font-size: 1em!important;
		height: 38px;
		width: 133px;
		text-align: center;
		text-shadow: 0 0 4px #006697;
		padding-bottom: 3px;
	}
	
	a.boton, .formulario a.boton {
		padding-top: 12px;
		height: 19px;
		width: 110px;	
	}
	a.boton.izq, .formulario a.boton.izq {
		padding: 12px 10px 3px 13px; 	
	}
	
	input.izq[type="submit"], input.izq[type="button"], a.boton.izq, .formulario a.boton.izq {
		background-position: 0 0;
		background: url(../imagenes/botones_resp01_a.png) no-repeat;
	}
	
	input.derecha[type="submit"], input.derecha[type="button"], a.boton.derecha, .formulario a.boton.derecha {
		background-position: -133px 0;
		float: right!important;
	}
	
	input.izq[type="submit"]:hover, input.izq[type="button"]:hover, a.boton.izq:hover, .formulario a.boton.izq:hover,
	input.izq[type="submit"]:focus, input.izq[type="button"]:focus, a.boton.izq:focus, .formulario a.boton.izq:focus {
		background-position: 0 -38px;
	}
	
	input.izq.disabled[type="submit"], input.izq.disabled[type="button"], a.boton.izq.disabled, .formulario a.boton.izq.disabled,
	input.izq.disabled[type="submit"]:hover, input.izq.disabled[type="button"]:hover, a.boton.izq.disabled:hover, .formulario a.boton.izq.disabled:hover,
	input.izq.disabled[type="submit"]:focus, input.izq.disabled[type="button"]:focus, a.boton.izq.disabled:focus, .formulario a.boton.izq.disabled:focus {
		background-position: 0 -76px;
		cursor: default;
		text-shadow: 0 0 4px #666666;
	}
	input.derecha[type="submit"]:hover, input.derecha[type="button"]:hover, a.boton.derecha:hover, .formulario a.boton.derecha:hover,
	input.derecha[type="submit"]:focus, input.derecha[type="button"]:focus, a.boton.derecha:focus, .formulario a.boton.derecha:focus {
		background-position: -133px -38px;
	}
	
	input.derecha.disabled[type="submit"], input.derecha.disabled[type="button"], a.boton.derecha.disabled, .formulario a.boton.derecha.disabled,
	input.derecha.disabled[type="submit"]:hover, input.derecha.disabled[type="button"]:hover, a.boton.derecha.disabled:hover, .formulario a.boton.derecha.disabled:hover,
	input.derecha.disabled[type="submit"]:focus, input.derecha.disabled[type="button"]:focus, a.boton.derecha.disabled:focus, .formulario a.boton.derecha.disabled:focus {
		background-position: -133px -76px;
		cursor: default;
		text-shadow: 0 0 4px #666666;
	}
	
	input.largo[type="submit"], input.largo[type="button"], a.boton.largo, .formulario a.boton.largo {
		width: 200px;
		background-image: url(../imagenes/botones_resp01_b.png);
	}
	input.largo.derecha[type="submit"], input.largo.derecha[type="button"], a.boton.largo.derecha, .formulario a.boton.largo.derecha {
		background-position: -200px 0;
	}
	input.largo.derecha[type="submit"]:hover, input.largo.derecha[type="button"]:hover, a.boton.largo.derecha:hover, .formulario a.boton.largo.derecha:hover,
	input.largo.derecha[type="submit"]:focus, input.largo.derecha[type="button"]:focus, a.boton.largo.derecha:focus, .formulario a.boton.largo.derecha:focus {
		background-position: -200px -38px;
	}
	input.largo.derecha.disabled[type="submit"], input.largo.derecha.disabled[type="button"], a.boton.largo.derecha.disabled, .formulario a.boton.largo.derecha.disabled,
	input.largo.derecha.disabled[type="submit"]:hover, input.largo.derecha.disabled[type="button"]:hover, a.boton.largo.derecha.disabled:hover, .formulario a.boton.largo.derecha.disabled:hover,
	input.largo.derecha.disabled[type="submit"]:focus, input.largo.derecha.disabled[type="button"]:focus, a.boton.largo.derecha.disabled:focus, .formulario a.boton.largo.derecha.disabled:focus {
		background-position: -133px -76px;
		cursor: default;
		text-shadow: 0 0 4px #666666;
	}

	
	input.sinflecha[type="submit"], input.sinflecha[type="button"], a.boton.sinflecha {
		background: #00A9EB;
		height: 30px;
		margin-top: 4px;
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.5) inset;	
		-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.5) inset;	
		box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.5) inset;	
	}
	a.boton.sinflecha, .formulario a.boton.sinflecha {
		padding-top: 6px;
		height: 21px;
		margin-top: 4px;
	}
	input.sinflecha[type="submit"]:hover, input.sinflecha[type="button"]:hover, a.boton.sinflecha:hover,
	input.sinflecha[type="submit"]:focus, input.sinflecha[type="button"]:focus, a.boton.sinflecha:focus {
		background: #17BFFF;
	}
	
	a.boton.sinflecha:hover, .formulario a.boton.sinflecha:hover,
	a.boton.sinflecha:focus, .formulario a.boton.sinflecha:focus {
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.5) inset;	
		-moz-box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.5) inset;	
		box-shadow: 0 0 4px rgba(0,0,0,0.3), 0 2px 4px rgba(0,0,0,0.5) inset;	
	}
	
	/*** SELECCION DE ESTACION ***/
	
	.top_cuerpo.txt_lateral.seleccion {
		padding-left: 20px;	
	}
	
	.seccion {
		padding: 0 24px 18px 24px;
		width: 100%;
		left: -24px;
		top: -5px;	
	}
	
	.busqueda {
		padding-left: 0;
		text-align: center;
	}
	
	.busqueda h3 {
		position: static;
		margin-bottom: 1em;
		text-align: left;
	}
	
	.listado {
		padding-left: 0;	
	}
	
	.listado table caption {
		position: static;
		padding-bottom: 1em;	
	}
	
	.listado table td {
		vertical-align: top;	
	}
	
	.listado tbody a.acceder {
		font-size: 1em;	
		padding: 7px 14px;
		
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3), 0 2px 5px rgba(0,0,0,0.5) inset;
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3), 0 2px 5px rgba(0,0,0,0.5) inset;
		box-shadow: 0 0 5px rgba(0,0,0,0.3), 0 2px 5px rgba(0,0,0,0.5) inset;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	
	.listado table th.sortable a {
		background: url(../imagenes/orden.png) no-repeat right top;
		min-height: 18px;
		height: auto;
		line-height: 18px;
		padding-right: 26px;
	}
	.listado table th.sortable.order1 a {
		background: url(../imagenes/orden.png) no-repeat 100% -110px;
	}
	.listado table th.sortable.order2 a {
		background: url(../imagenes/orden.png) no-repeat 100% -180px;
	}
	
	.busqueda input.derecha[type="submit"], .busqueda input.derecha[type="button"], .busqueda a.boton.derecha {
		float: none!important;
	}
	
	.listado .botonera {
		position: static;	
	}
	
	.nav_listado, .botonera_listado {
		padding: .7em 0 1em;	
	}
	
	.nav_listado a, .botonera_listado a {
		background-image: url(../imagenes/nav_resp01.png);
		height: 34px;
	}
	.nav_listado a span, .botonera_listado a span, .nav_listado a:hover span, .botonera_listado a:hover span{
		display: none;
	}
	.nav_listado a.primera, .botonera_listado a.primera {
		width: 36px;
		margin-right: 15px;
		background-position: 0 0;
	}
	.nav_listado a.primera:hover, .botonera_listado a.primera:hover, .nav_listado a.primera:focus, .botonera_listado a.primera:focus {
		background-position: 0 -41px;
	}
	.nav_listado a.anterior, .botonera_listado a.anterior {
		width: 34px;
		margin-right: 15px;
		background-position: -44px 0;
	}
	.nav_listado a.anterior:hover, .botonera_listado a.anterior:hover, .nav_listado a.anterior:focus, .botonera_listado a.anterior:focus {
		background-position: -44px -41px;
	}
	.nav_listado a.siguiente, .botonera_listado a.siguiente {
		width: 34px;
		margin-left: 15px;
		background-position: -89px 0;
	}
	.nav_listado a.siguiente:hover, .botonera_listado a.siguiente:hover, .nav_listado a.siguiente:focus, .botonera_listado a.siguiente:focus {
		background-position: -89px -41px;
	}
	.nav_listado a.ultima, .botonera_listado a.ultima {
		width: 36px;
		margin-left: 15px;
		background-position: -131px 0;
	}
	.nav_listado a.ultima:hover, .botonera_listado a.ultima:hover, .nav_listado a.ultima:focus, .botonera_listado a.ultima:focus {
		background-position: -131px -41px;
	}
	
	
	
	/*** SELECCION DE FECHA Y HORA ***/
	
	.top_cuerpo.txt_lateral.fecha {
		padding-left: 20px;	
	}
	
	.contenido.fecha {
		background: #EBEBE8 url(../imagenes/separacion.gif) repeat-y center top;
	}
	.seleccion_fecha, .seleccion_hora {
		width: 50%;	
		background-color: transparent;
	}
	.seleccion_hora {
		border: 0;
	}
	.seleccion_fecha .interior, .seleccion_hora .interior {
		height: auto;
		min-height: 234px;
		padding: 24px 24px 62px 24px;	
		position: static;
	}
	.seleccion_fecha .nota_calendario {
		float: none;
		margin: 0 0 1em 0;
		width: auto;	
	}
	.nota_calendario p {
		display: inline-block;
		vertical-align: top;
		width: 32%;
		padding-top: 0;
		padding-right: 5px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.nota_calendario p span {
		top: 0;	
	}
	
	.seleccion_fecha .calendar {
		float: none;
		padding: 0 0 1em 0;	
	}
	.seleccion_fecha .calendar table{
		margin: 0 auto;
	}
	.seleccion_fecha .botonera, .seleccion_hora .botonera {
		left: 24px;	
	}
	
	
	/*** CALENDARIO ***/
	
	.calendar thead .title, #ui-datepicker-div .ui-datepicker-title {
		font-size: 14px;	
	}
	
	.calendar, .calendar table, #ui-datepicker-div, #ui-datepicker-div table {
		font-size: 13px;	
	}
	
	/*** PIE ***/
	.pie {
		padding: 8px 15px 15px 15px;	
	}
	.pie .columnas, .pie .direccion, .pie .enlaces_pie, .pie .enlaces_pie_movil {
		font-size: .75em;
	}
	
	.pie .direccion {
		line-height: 120%;
	}
	
	.pie .direccion, .pie .enlaces_pie, .pie .enlaces_pie_movil {
		position: static;
	}
	
	.pie .columnas .columna {
		float: none;
		padding: 0;
		width: auto;
		display: inline;
		text-align: justify;	
	}
	
	.pie p {
		margin-bottom: 1em;	
	}
	

	.pie .enlaces_pie_movil {
		display: block;
		margin-bottom: 0;
		text-align: right;	
	}	
	
	.pie .enlaces_pie, .pie .enlaces_pie_movil {
		margin-bottom: 0;
		text-align: right;	
	}
	
	.enlaces_pie a.aviso_legal, .enlaces_pie_movil a.aviso_legal{
		font-size: 1.05em;	
	}
	
	.enlaces_pie a.aviso_legal:focus, .enlaces_pie_movil a.aviso_legal:focus  {
		background-color: #E0E0E0;
		color: #333333;
	}
	
	

/*** NORMALIZACION WIDGET JQUERY-UI ***/

.cuerpo ul.menu, .cuerpo ul.menu.ui-tabs-nav {
}

.ui-widget {
	font-size: 1em;
}

.ui-tabs .ui-tabs-nav li {
	top: 0;	
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: 0;	
}


}



@media only screen and (max-width: 830px) {
	.portada .formulario .columnas .columna {
		width: 41%;	
	}
	.portada .formulario .columnas .columna.ultima {
		width: 53%;
		text-align: right;
	}

}

@media only screen and (max-width: 790px) {
	.portada .formulario .columnas .columna {
		width: 36%;	
	}
	.portada .formulario .columnas .columna.ultima {
		width: 58%;
	}
	ul.menu li, ul.menu.ui-tabs-nav li {
		padding: 0 10px;
	}
}


/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/
/*************************************************************************************************************/


@media only screen and (max-width: 769px) {

/*** CABECERA ***/

.cabecera {
	height: 50px;
	padding-top: 84px;	
}

.cabecera a.logo {
	background-size: auto;
	right: auto;
	width: 370px;
	height: 72px;	
}

.cabecera ul.enlaces_cabecera {
	height: 50px;
	position: relative;
	right: auto;
	top: auto;
	width: auto;	
}

.cabecera ul.enlaces_cabecera li {
	height: 50px;	
}
.cabecera ul.enlaces_cabecera li:first-child {
	padding: 0;	
}

.cabecera ul.enlaces_cabecera li a {
	padding: 12px 24px;
	font-size: 1.1em;
}

ul.menu li a span, ul.menu.ui-tabs-nav li a span {
		padding: 20px 0 9px 0;	
}

.cabecera ul.enlaces_cabecera li a.contacto, .cabecera ul.enlaces_cabecera li a.contratante {
	height: 35px;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	bottom: 0;
	white-space: normal;	
	max-width: 77px;
	font-size: .8em;
	padding-top: 11px;
	margin: 0 10px;
}

.cabecera ul.enlaces_cabecera li a.contacto {
	padding-left: 30px;	
}

.cabecera ul.enlaces_cabecera li a.contacto:before, .cabecera ul.enlaces_cabecera li a.contratante:before {
	content: '';
	display: block;
	height: 40px;
	border-left: 1px solid #66D5FF;
	position: absolute;
	left: -10px;
	top: 50%;
	margin-top: -20px;
}


.superior {
	height: 60px;
	background-position: right -45px;
	background-color: #000000;
}

.superior:before {
	display: none;	
}

.superior p {
	background: rgba(0,0,0,0.6);
	color: #FFFFFF;	
}

h1 {
	color: #FFFFFF;
	font-size: 1.425em;
	background-color: rgba(0,0,0,0.6);	
	padding-left: 20px;
}

h2 {
	font-size: 1.7em;	
}

label {
	width: 180px;	
}

input[type="text"], input[type="password"] {
	padding: 7px;	
}
input.largo[type="text"] {
	max-width: 95%;	
}
/*** MENU ***/

.pasos {
	height: 60px;	
}

ul.menu, ul.menu.ui-tabs-nav {
	width: auto;
	height: 60px;
}

ul.menu li, ul.menu.ui-tabs-nav li {
	height: 60px;	
	background-image: url(../imagenes/separador_menu3.png);
}

ul.menu li a, ul.menu.ui-tabs-nav li a {
	height: 60px;
	padding: 0 10px;
}

ul.menu li a span, ul.menu.ui-tabs-nav li a span {
	height: 38px;	
	padding: 20 0 9px;	
    font-size: 1.1em;	
}

ul.menu li a.solicitar span, ul.menu.ui-tabs-nav li a.solicitar span {
	background-position: 7px 24px;
	width: 123px;	
}
ul.menu li a.anular span, ul.menu.ui-tabs-nav li a.anular span {
	width: 108px;
	background-position: -134px 24px;	
}
ul.menu li a.consultar span, ul.menu.ui-tabs-nav li a.consultar span {
	width: 135px;
	background-position: -258px 24px;	
}

ul.menu li a.activo.solicitar span, ul.menu.ui-tabs-nav li a.activo.solicitar span, 
ul.menu li a.activo.solicitar:hover span, ul.menu.ui-tabs-nav li a.activo.solicitar:hover span, 
ul.menu li a.activo.solicitar:focus span, ul.menu.ui-tabs-nav li a.activo.solicitar:focus span,
ul.menu li.ui-tabs-active a.solicitar span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar span, 
ul.menu li.ui-tabs-active a.solicitar:hover span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar:hover span, 
ul.menu li.ui-tabs-active a.solicitar:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar:focus span {
	background-position: 7px -40px;
}

ul.menu li a.activo.anular span, ul.menu.ui-tabs-nav li a.activo.anular span, 
ul.menu li a.activo.anular:hover span, ul.menu.ui-tabs-nav li a.activo.anular:hover span, 
ul.menu li a.activo.anular:focus span, ul.menu.ui-tabs-nav li a.activo.anular:focus span,
ul.menu li.ui-tabs-active a.anular span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular span, 
ul.menu li.ui-tabs-active a.anular:hover span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular:hover span, 
ul.menu li.ui-tabs-active a.anular:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular:focus span {
	background-position: -134px -40px;	
}
ul.menu li a.activo.consultar span, ul.menu.ui-tabs-nav li a.activo.consultar span, 
ul.menu li a.activo.consultar:hover span, ul.menu.ui-tabs-nav li a.activo.consultar:hover span, 
ul.menu li a.activo.consultar:focus span, ul.menu.ui-tabs-nav li a.activo.consultar:focus span,
ul.menu li.ui-tabs-active a.consultar span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar span, 
ul.menu li.ui-tabs-active a.consultar:hover span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar:hover span, 
ul.menu li.ui-tabs-active a.consultar:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar:focus span {
	background-position: -258px -40px;	
}

.top_cuerpo p {
	font-size: .8em;	
}

.top_cuerpo.txt_lateral p.separado {
	background-position: 2px 13px;	
}

.top_cuerpo2.txt_lateral p.separado2 {
	background-position: 2px 13px;	
}

/*** CUERPO ***/

a.enlace_flecha.disabled + span {
	display: none;	
}
.propuesta .cont_tabla {
	padding-right: 235px;	
}
.propuesta td.limpia.espaciado {
	display: none;	
}
.enlaces_propuesta {
	width: 235px;	
}


.propuesta .columna.ultima p label {
	width: 30%;	
}

.propuesta .columna.ultima p input {
	width: 60%;
}


.captcha p.input_captcha, .captcha p.img_captcha {
	padding: 0;
	text-align: left;
}

.captcha p.img_captcha {
	text-align: center;	
}

.captcha p.img_captcha img {
	max-width: 63%;
	height: auto;	
}

.captcha .botonera {
	padding-top: 2.5em;	
}

.captcha p.img_captcha a {
	font-size: .8em;	
}


a.info {
	display: inline-block;
	background-color: #F4F4F2;
	font-size: 1em;
	white-space: nowrap;
	padding: 5px 10px;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.35);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.35);
	box-shadow: 0 0 6px rgba(0,0,0,0.35);
	
	-webkit-transition: all .1s ease-in-out;
	-moz-transition: all .1s ease-in-out;
	-ms-transition: all .1s ease-in-out;
	-o-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}
	
a.info:hover {
	background-color: #FCFCFC;
	color: #666666;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.5);
	box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

.formulario p a.info {
	font-size: 1em;	
	vertical-align: middle;
	margin-left: 10px;
}

.formulario p label a.info {
	font-size: 1.2em;
	padding-bottom: 6px;
	padding-top: 4px;
}


.formulario .columnas .columna {
	float: none;
	width: auto;
	padding: 0;	
}

/*** PORTADA ***/

.portada .superior, .superior.portada {
	height: auto;	
}

.imita_enlace {
	color: #66D4FF;	
}

.portada .formulario .columnas .columna, .portada .formulario .columnas .columna.ultima {
	float: left;
	width: auto;	
}

.ui-datepicker-trigger {
	margin-left: 10px;	
}


/*** SELECCION CITA ***/

label.block {
	position: relative;	
}

.seleccion a.info {
	position: absolute;
	left: 250px;
	top: 100%;	
}

.seleccion label[for="conjunto"] + a.info {
	position: relative;
	left: auto;
	top: auto;
	float: none;
	margin-top: 5px;
}

/*** CITA CONCERTADA ***/

.top_cuerpo.txt_lateral h2 {
	margin-bottom: .3em;	
}
.concertada .cont_tabla {
	padding-right: 140px;	
}
.concertada .enlaces_propuesta {
	width: 115px;	
}

.concertada .enlaces_propuesta a, .concertada .enlaces_propuesta a.enlace_flecha.localizacion{
	background-image: url(../imagenes/botones_resp01_a.png);
	width: 133px;
	height: 26px;
	padding-top: 12px;
}
.concertada .enlaces_propuesta a.enlace_flecha.localizacion {
	background-position: 0 0;
}
.concertada .enlaces_propuesta a.enlace_flecha.localizacion:hover, .concertada .enlaces_propuesta a.enlace_flecha.localizacion:focus {
	background-position: 0 -38px;
}

.formulario .columnas .columna_centro {
	width: 90%;	
}

/*** ANULACION DE CITA ***/

.formulario .anulacion p {
	width: 80%;
}


/*** SELECCION DE ESTACION ***/

.listado table td {
	font-size: .95em;	
}
.listado tbody a.acceder {
	font-size: 1.1em;	
}
.listado tbody a {
	display: block;
	padding: 5px;	
	color: #009AD0;
}

.nav_listado, .botonera_listado {
	font-size: 1em;	
}
.nav_listado a, .botonera_listado a{
	font-size: .85em;
}


/*** SELECCION DE FECHA ***/

/*** CALENDARIO ***/

.calendar, .calendar table, #ui-datepicker-div, #ui-datepicker-div table {
	font-size: 14px;	
}

.calendar thead .title, #ui-datepicker-div .ui-datepicker-title {
	font-size: 16px;
}

#ui-datepicker-div .ui-datepicker-title {
	padding-bottom: 6px;	
}

a.ui-datepicker-prev, a.ui-datepicker-next {
	margin-top: 3px;
}


.ui-datepicker-title select {
	font-size: 1em;
}

.calendar tbody .day, #ui-datepicker-div tbody td {
	padding: 6px;	
}
.calendar tbody td.hilite,  .calendar tbody td:hover, #ui-datepicker-div tbody td:hover {
	padding: 5px; 
}
/*** PIE ***/

.pie .enlaces_pie,  .pie .enlaces_pie_movil {
	padding-top: 1.5em;	
}

.enlaces_pie a, .enlaces_pie_movil a {
	margin-left: 12px;	
}

.enlaces_pie_movil a.aviso_legal {
	background: #EBEBE8;
	font-size: 1.35em;
	padding: 8px;
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.45);
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.45);
	box-shadow: 0 0 4px rgba(0,0,0,0.45);
	
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
	-ms-transition: all .2s linear;
	-o-transition: all .2s linear;
	transition: all .2s linear;
}

.enlaces_pie_movil a.aviso_legal:hover, .enlaces_pie_movil a.aviso_legal:focus {
	background: #E0E0E0;
	color: #333333;
	-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.65);
	-moz-box-shadow: 0 0 6px rgba(0,0,0,0.65);
	box-shadow: 0 0 6px rgba(0,0,0,0.65);
}

.enlaces_pie_movil a img {
	height: 0;
	width: 0;
	padding: 30px 85px 0 0;
	background: url(../imagenes/wai.jpg) no-repeat left top;
}

.mensaje {
	font-size: 1.1em;
	text-align: center;	
}

}

@media only screen and (max-width: 680px) { 
	.portada .superior {
		background-size: cover;	
	}
	ul.menu li a, ul.menu.ui-tabs-nav li a {
		padding: 0 10px;	
	}
	.busqueda {
		text-align: right;	
	}
	.busqueda label {
		margin-bottom: 1em;	
	}
	.contenido.fecha {
		background-image: none;	
	}
	.seleccion_fecha, .seleccion_hora {
		float: none;
		width: auto;
		border: 0;
	}
	.seleccion_fecha .interior, .seleccion_hora .interior {
		padding: 1em;	
	}
	.seleccion_fecha h3, .seleccion_hora h3 {
		margin-bottom: 1.5em;
	}
	.seleccion_hora #eleccion {
		width: 90%;	
	}
}

@media only screen and (max-width: 640px) {
	.cabecera ul.enlaces_cabecera li a {
		padding: 12px;	
	}
	.cabecera ul.enlaces_cabecera li a.contacto:before, .cabecera ul.enlaces_cabecera li a.contratante:before {
		left: auto;
		right: 100%;	
	}
	.cabecera ul.enlaces_cabecera li a.contacto, .cabecera ul.enlaces_cabecera li a.contratante {
		margin: 0;	
	}

	ul.menu li a, ul.menu.ui-tabs-nav li a {
	}
	
	label {
		width: 160px;	
	}
	
	.formulario .anulacion p {
		width: auto;
	}
	
	
}

@media only screen and (max-width: 565px) {
	ul.menu li a, ul.menu.ui-tabs-nav li a {
		padding: 0 5px;
	}
	
	.anulacion #localizador {
		width: 165px;	
	}
	
	.busqueda {
		text-align: left;	
	}
}


/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/



@media only screen and (max-width: 620px) {

	.pasos {
		height: 240px;
	}
	
	.cuerpo ul.menu.ui-tabs-nav {
	    padding: 0 !important;
	}	
	
	ul.menu, ul.menu.ui-tabs-nav {
		height: auto;
		padding: 0 4%;
	}
	
	ul.menu li, ul.menu.ui-tabs-nav li {
		display: block;
		text-align: center;
		border-top: 1px solid #66D5FF;
		background: none;
		padding: 0;
		height: 70px;	
	}
	
	ul.menu li:first-child, ul.menu.ui-tabs-nav li:first-child {
		border-top: 0;
	}
	
	ul.menu li a, ul.menu.ui-tabs-nav li a {
		height: 58px;
		background-image: none;	
	}
	
	ul.menu li a.activo, ul.menu li a.activo:hover,
	ul.menu li.ui-tabs-active a, ul.menu li.ui-tabs-active a:hover {
		background-image: none;	
	}
	
	
	ul.menu li a span, ul.menu.ui-tabs-nav li a span {
    	font-size: 1.5em;
		height: 58px;
		margin: 0 auto;
	}
	
	ul.menu li a.solicitar span, ul.menu.ui-tabs-nav li a.solicitar span {
		width: 137px;
		background-position: 0 19px;	
	}
	
	ul.menu li a.anular span, ul.menu.ui-tabs-nav li a.anular span {
		width: 120px;
		background-position: -167px 19px;
	}
	
	ul.menu li a.consultar span, ul.menu.ui-tabs-nav li a.consultar span {
		width: 153px;
		background-position: -318px 19px;
	}
	
	ul.menu li a.activo.solicitar span, ul.menu.ui-tabs-nav li a.activo.solicitar span, ul.menu li a.activo.solicitar:hover span, 
	ul.menu.ui-tabs-nav li a.activo.solicitar:hover span, ul.menu li a.activo.solicitar:focus span, ul.menu.ui-tabs-nav li a.activo.solicitar:focus span,
	ul.menu li.ui-tabs-active a.solicitar span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar span, ul.menu li.ui-tabs-active a.solicitar:hover span, 
	ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar:hover span, ul.menu li.ui-tabs-active a.solicitar:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.solicitar:focus span {
		background-position: 0 -122px;
	}
	
	ul.menu li a.activo.anular span, ul.menu.ui-tabs-nav li a.activo.anular span, ul.menu li a.activo.anular:hover span, 
	ul.menu.ui-tabs-nav li a.activo.anular:hover span, ul.menu li a.activo.anular:focus span, ul.menu.ui-tabs-nav li a.activo.anular:focus span,
	ul.menu li.ui-tabs-active a.anular span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular span, ul.menu li.ui-tabs-active a.anular:hover span, 
	ul.menu.ui-tabs-nav li.ui-tabs-active a.anular:hover span, ul.menu li.ui-tabs-active a.anular:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.anular:focus span {
		background-position: -167px -122px;
	}
	
	ul.menu li a.activo.consultar span, ul.menu.ui-tabs-nav li a.activo.consultar span, ul.menu li a.activo.consultar:hover span, 
	ul.menu.ui-tabs-nav li a.activo.consultar:hover span, ul.menu li a.activo.consultar:focus span, ul.menu.ui-tabs-nav li a.activo.consultar:focus span,
	ul.menu li.ui-tabs-active a.consultar span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar span, ul.menu li.ui-tabs-active a.consultar:hover span, 
	ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar:hover span, ul.menu li.ui-tabs-active a.consultar:focus span, ul.menu.ui-tabs-nav li.ui-tabs-active a.consultar:focus span {
		background-position: -318px -122px;
	}
	
}	
	
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/
/******************************************************************************************************************/



@media only screen and (max-width: 519px) {

	body {
		padding: 0 5px;	
	}
	
	.contenedor {
		-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);	
		-moz-box-shadow: 0 0 4px rgba(0,0,0,0.5);	
		box-shadow: 0 0 4px rgba(0,0,0,0.5);	
	}
	
	/*** MENU SUPERIOR ***/
	
	.cabecera {
		height: 70px;
		padding: 0;	
	}
	
	.cabecera ul.enlaces_cabecera {
		display: none;	
	}
	
	.superior {
		height: auto;
		padding: 0;
		background: none;
		display: none;
	}
	.portada .superior, .superior.portada {
		display: block;	
		min-height: 0;
	}
	
	.superior p {
		background: #FFFFFF;
		color: #666666;	
		padding: 0px 20px;
		font-size: 1.075em;
		line-height: 130%;
	}
	
	.portada .superior p, .superior.portada p {
		display: none;	
	}
	
	.imita_enlace {
		color: #009DD2;
	}
	
	h1 {
		width: auto;
		background: #FFFFFF;	
		/*color: #009DD2;
		font-size: 1.6em;*/
		min-height: 25px;
		background: #FFFFFF url(../imagenes/titulo.png) no-repeat 20px 17px;
		text-indent: -999em;
		overflow: hidden;
	}
	
	h2 {
		font-size: 1.9em;	
	}
	
	h3 {
		font-size: 1.3em;	
	}
	
	input[type="text"], input[type="password"] {
		padding: 6px;	
		font-size: 1.15em!important;	
		height: 25px;
	}
	input[type="checkbox"] {
		height: 30px;
		width: 30px;
		border: 1px solid red;
		vertical-align: baseline;
	}
	
	/*** MENU PRINCIPAL ***/
	
	.pasos {
		height: auto;
		display: none;
	}
	.portada .pasos {
		display: block;	
	}
	
	
	.portada .top_cuerpo {
		display: none;	
	}
	.portada .contenido {
		border-top: 5px solid #FFFFFF;	
	}
	
	.top_cuerpo {
		padding: 12px 12px 20px 12px;	
	}
	
	.top_cuerpo p, .top_cuerpo .columnas .columna {
		/*font-size: 1.075em;	*/
		font-size: 15px!important;
		background: url(../imagenes/flecha_resp.png) no-repeat 2px 20px;
	}
	
	.top_cuerpo p {
		display: none;
	}
	.top_cuerpo p.visible {
		display: block;	
	}
	.top_cuerpo p.visible span {
		display: none;	
	}
	
	.top_cuerpo.txt_lateral p.separado {
		background-position: 2px 16px;	
	}
	
	.top_cuerpo.txt_lateral p.separado2 {
		background-position: 2px 16px;	
	}	

	.top_cuerpo .columnas .columna {
		padding: .8em 0 0 1em;
	}
	
	.contenido {
		padding: 18px;	
		padding-bottom: 60px;
	}
	
	.formulario .columnas .columna, .formulario .columnas .columna.ultima, .formulario .columnas.propuesta .columna, .formulario .columnas.propuesta .columna.ultima {
		padding-bottom: 1.2em;
		width: auto;
		float: none;
		padding-right: 0;
	}
	
	.formulario .columnas.propuesta .columna, .formulario .columnas.propuesta .columna.ultima {
		padding-bottom: 0;	
	}
	
	.formulario .columnas.seleccion .columna, .formulario .columnas.seleccion .columna.ultima {
		padding-bottom: 0;
	}
	
	/*** CUERPO ***/
	
	.contenido a, .texto_top a {
		font-size: 1.15em;
		padding: 10px 17px;
	}
	
	a.info {
		float: right;	
	}
	label.block {
		position: static;	
	}
	.formulario p {
		position: relative;
	}
	.formulario p label a.info {
		padding: 10px 17px;
		font-size: 1em;	
		left: auto;
		top: auto;
		right: 0;
		bottom: 0;
	}
	
	.formulario select, .seleccion_hora select {
		width: 70%;	
		font-size: 1.3em;
		padding: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.formulario input.corto[type="text"], .formulario input.corto[type="password"] {
		width: 130px;	
	}
	
	/*** PORTADA ***/
	
	.formulario .columnas.peq {
		width: auto;
	}
	
	.portada .formulario .columnas .columna, .portada .formulario .columnas .columna.ultima {
		float: none;
		width: auto;
		padding-right: 0;	
	}
	
	.formulario p a.info {
		font-size: 1.15em;	
	}
	
	.propuesta .cont_tabla {
		padding-right: 0;	
	}
	
	.formulario .columnas.propuesta .columna {
		min-height: 0;	
	}
	/*** SELECCION CITA ***/
	
	.seleccion a.info {
		margin-top: 24px;	
	}
	
	.formulario .seleccion p {
		margin-bottom: 2.5em;	
	}
	
	/*** CITA PROPUESTA ***/
	
	.propuesta h3 {
		display: none;	
	}
	
	.enlaces_propuesta {
		position: relative;
		top: 0;
		padding: 1em .3em 0 .3em;	
		width: auto;
	}
	
	.enlaces_propuesta:before {
		content: 'Modificar cita:';
		display: block;
		font-weight: bold;
		font-size: 1.1em;
		color: #009DD3;
		padding-bottom: 10px;
	}
	.enlaces_propuesta.sintitulo:before {
		display: none;	
	}
	
	.enlaces_propuesta p, .enlaces_propuesta p:first-child, .enlaces_propuesta p.ultimo {
		margin: 0 0 4em 0;
		display: inline-block;
		width: 32%;
		text-indent: -999em;
	}
	
	.enlaces_propuesta p.ultimo {
		display: block;
		width: auto;
		text-indent: 0;
		margin: 1em 0;
	}
	.enlaces_propuesta .despliega_aceptar ~ p.ultimo {
		margin-top: 5px;	
	}
	.enlaces_propuesta a, .enlaces_propuesta a.enlace_flecha, .enlaces_propuesta a.enlace_boton, .contenido .enlaces_propuesta a.enlace_boton {
		display: block;
		width: auto;
		min-height: 20px;
		height: auto;
		background: #00A9EB;
		font-size: 1.5em;
		padding: 20px 0;
		text-align: left;
		position: relative;
		margin: 0;
		overflow: visible;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.20) inset;
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.20) inset;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.20) inset;
		
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	.enlaces_propuesta a.enlace_boton, .contenido .enlaces_propuesta a.enlace_boton {
		text-transform: uppercase;
		padding: 20px 12px 20px 70px;
	}
	
	.despliega, .despliega_per, .despliega_aceptar {
		display: block;
		min-height: 20px;
		background: #00A9EB;
		color: #FFFFFF;
		font-size: 1.5em;
		padding: 20px 0;
		text-align: center;
		cursor: pointer;
		text-shadow: 0 0 4px #006697;
		margin: 0 0 10px 0;
		position: relative;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.20) inset;
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.20) inset;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.20) inset;
		
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}

	.despliega:hover, .despliega:focus, .despliega_per:hover, .despliega_per:focus, .despliega_aceptar:hover, .despliega_aceptar:focus {
		background-color: #17BFFF;
	}
	.despliega_per {
		position: relative;
		margin: 10px 4px 0;	
	}
	.despliega_per + .personal {
		padding-top: 10px;	
	}
	
	.despliega.medio, .despliega_aceptar {
		display: inline-block;
		width: 48%;
		margin: 0 2% 10px 0;	
		vertical-align: top;
	}
	.despliega_aceptar {
		margin: 0 0 10px 2%;	
	}
	
	.enlaces_propuesta a:hover, .enlaces_propuesta a.enlace_flecha:hover, .enlaces_propuesta a.enlace_boton:hover,
	.enlaces_propuesta a:focus, .enlaces_propuesta a.enlace_flecha:focus, .enlaces_propuesta a.enlace_boton:focus {
		background-color: #17BFFF;
	}
	
	.enlaces_propuesta a.disabled, .enlaces_propuesta a.enlace_flecha.disabled, .enlaces_propuesta a.enlace_boton.disabled, 
	.enlaces_propuesta a.disabled:hover, .enlaces_propuesta a.enlace_flecha.disabled:hover, .enlaces_propuesta a.enlace_boton.disabled:hover,
	.enlaces_propuesta a.disabled:focus, .enlaces_propuesta a.enlace_flecha.disabled:focus, .enlaces_propuesta a.enlace_boton.disabled:focus {
		background: #CCCCCC;
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.5) inset;
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.5) inset;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 3px 5px rgba(0, 0, 0, 0.5) inset;
	}
	
	.enlaces_propuesta a.enlace_flecha.estacion, .enlaces_propuesta a.enlace_flecha.tipo, .enlaces_propuesta a.enlace_flecha.fecha {
		width: auto;
	}
	
	.enlaces_propuesta a:before {
		content: '';
		display: block;
		width: 52px;
		height: 52px;
		background: url(../imagenes/iconos_resp.png) no-repeat left top;
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -26px 0 0 -26px;
	}
	
	.enlaces_propuesta a.enlace_boton:before {
		margin: -26px 0 0 0;
		left: 4px;
	}
	
	.enlaces_propuesta a.estacion:before {
		background-position: 0 3px;
	}
	.enlaces_propuesta a.tipo:before {
		background-position: 0 -144px;
	}
	.enlaces_propuesta a.fecha:before {
		background-position: 0 -70px;
	}
	.enlaces_propuesta a.enlace_boton:before {
		background-position: 0 -216px;
	}
	
	.enlaces_propuesta a.estacion.disabled:before {
		background-position: -72px 3px;
	}
	.enlaces_propuesta a.tipo.disabled:before {
		background-position: -72px -144px;
	}
	.enlaces_propuesta a.fecha.disabled:before {
		background-position: -72px -70px;
	}
	.enlaces_propuesta a.enlace_boton.disabled:before {
		background-position: -72px -216px;
	}
	
	.enlaces_propuesta a:after {
		display: block;
		content: '';
		position: absolute;
		top: 65px;
		left: 0;
		z-index: 400;
		text-indent: 0;
		color: #666666;
		font-size: .8em;
		text-shadow: none;
		width: 100%;
		text-align: center;
		white-space: normal;
	}
	
	.enlaces_propuesta a.estacion:after {
		content: 'Estación';
	}
	.enlaces_propuesta a.fecha:after {
		content: 'Fecha y Hora';
	}
	.enlaces_propuesta a.tipo:after {
		content: 'Tipo de Inspección';
	}
	.enlaces_propuesta a.enlace_boton:after {
		display: none;	
	}
	
	.ocultable {
		text-align: center;	
	}
	.ocultable p {
		margin-right: 4px!important;	
	}
	.ocultable p:last-child {
		margin-right: 0!important;	
	}

	/** FORMULARIO **/
	
	.propuesta .columna.ultima h3 {
		padding-bottom: .5em;	
	}
	
	.portada .formulario .columnas .columna.ultima {
		text-align: left;	
	}
	.propuesta .columna.ultima p {
		display: block;
		width: auto;	
	}
	
	.formulario label, .seleccion_hora label {
		display: block;
		width: auto;
		text-align: left;
		font-size: 1.3em;
		padding-bottom: 5px;
	}
	
	.propuesta .columna.ultima p input {
		width: 95%;	
	}
	
	#matricula, #fechaMatriculacion, #fechaMatriculacionNL, #bastidor, #localizador, #matriculaConsulta, #matriculaAnulacion {
		width: 60%;
	}
	
	#fechaMatriculacion,  #fechaMatriculacionNL {
		width: 50%;	
	}
	
	.ui-datepicker-trigger {
		padding: 39px 40px 0 0;
		background-image: url(../imagenes/icono_calendario_resp02.png)	
	}
	
	.ui-datepicker-trigger-nl {
		padding: 39px 40px 0 0;
		background-image: url(../../imagenes/icono_calendario_resp02.png)	
	}
	
	.botonera + .enlaces_propuesta p, .botonera + .enlaces_propuesta p:first-child {
		width: auto;
		margin-bottom: 0;	
	}
	
	/*** CAPTCHA ***/
	
	.captcha p.mensaje_captcha {
		font-size: 1em;	
		margin-bottom: 1em;
	}
	
	.captcha p.img_captcha, .captcha p.input_captcha {
		display: block;
		width: auto;
		padding-bottom: 1em;	
	}
	.captcha p.img_captcha {
		background: url(../imagenes/flecha_captcha_resp.png) no-repeat center bottom;	
		padding-bottom: 25px;
		margin-bottom: 1em;
	}
	.captcha p.img_captcha img {
		width: 65%;
		height: auto;
	}
	
	.captcha p.img_captcha a {
		background: url(../imagenes/icono_captcha02.png) no-repeat 4px 4px;
		font-size: 1em;
		text-align: left;	
		min-height: 38px;
		width: 64px;
		line-height: 120%;
		margin-left: 5px;
		padding: 8px 8px 8px 54px;
		
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
	}
	.captcha p.img_captcha a:hover, .contenido .captcha p.img_captcha a:hover {
		background-color: #F9F9F9;
	}
	.captcha p.input_captcha label {
		width: auto;
		text-align: left;
		font-size: 1em;	
		padding-bottom: 1em;
	}
	
	.captcha p.input_captcha input {
		width: 60%;
		font-size: 1.14em;
		height: 25px;
	}
	
	.captcha p.input_captcha label a {
		top: auto;
		right: 0;
		left: auto;
		bottom: -36px;
		padding: 10px 15px;
		font-size: 1.15em;
	}
	
	.propuesta td, .propuesta th {
		font-size: 1.075em;
		padding: .7em;	
	}
	
	/*** CITA CONCERTADA ***/
	
	.concertada .columna:first-child h3 {
		display: none;	
	}
	
	.formulario .columnas .columna_centro {
		width: 100%;	
	}

	.concertada .cont_tabla {
		padding: 0;	
	}
	
	.concertada .enlaces_propuesta:before {
		display: none;	
	}
	.concertada .enlaces_propuesta {
		top: auto;
		right: auto;
		width: auto;	
	}
	.concertada .enlaces_propuesta a:after, .concertada .enlaces_propuesta a:before {
		display: none;	
	}
	
	label.localizador {
		width: auto;
		margin-bottom: 1em;	
	}
	
	.concertada .enlaces_propuesta p {
		margin: 0 0 2em 0;
		width: auto;	
		float: none;
		display: block;
	}
	.concertada .enlaces_propuesta a, .concertada .enlaces_propuesta a.enlace_flecha.localizacion {
		background-image: none;
		width: auto;
		text-indent: 0;
		text-align: center;
		padding: 19px 12px;
		height: 21px;
		text-transform: uppercase;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
		-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3), 0 2px 6px rgba(0,0,0,0.5) inset;
		-moz-box-shadow: 0 0 6px rgba(0,0,0,0.3), 0 2px 6px rgba(0,0,0,0.5) inset;
		box-shadow: 0 0 6px rgba(0,0,0,0.3), 0 2px 6px rgba(0,0,0,0.5) inset;
	}
	
	.formulario label.localizador {
		font-size: 1.1em;
		background: url(../imagenes/flecha_localizador_resp.png) no-repeat 140px 2px;	
		padding-left: 165px;
		margin-bottom: 2em;
	}
	
	label.localizador input[type="text"] {
		text-align: center;
		-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5) inset;	
		-moz-box-shadow: 0 0 2px rgba(0,0,0,0.5) inset;	
		box-shadow: 0 0 2px rgba(0,0,0,0.5) inset;	
	}
	label.localizador input[type="text"]:focus {
		background: #FFFFFF;	
	}
	
	.concertada .columna.ultima table.propuesta {
		width: 100%;	
	}
	/*** BOTONES ***/
	
	.botonera {
		height: 54px;	
	}
	
	.cont_boton {
		display: block;
		position: relative;
		width: 50%;
		padding-right: 12px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.cont_boton.cont_izq{
		float: left;
	}
	.cont_boton.cont_der{
		float: right;
		padding-right: 0;
		padding-left: 12px;
	}
	
	.contenido input[type="submit"], .contenido input[type="button"], .contenido a.boton, .contenido .formulario a.boton {
		background: url(../imagenes/botones_resp02.png) no-repeat;
		height: 54px;
		display: block;
		width: 100%;
		padding: 0 0 0 12px;
		margin: 0;
		font-size: 1.425em!important;
		position: relative;
		text-align: center;
		float: none!important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	
	.contenido input.largo[type="submit"], .contenido input.largo[type="button"], .contenido a.boton.largo, .contenido .formulario a.boton.largo {
		white-space: normal;
		overflow: visible;
		line-height: 100%;
		font-size: 1.2em!important;
	}
	
	
	.contenido input.derecha[type="submit"], .contenido input.derecha[type="button"], .contenido a.boton.derecha, .contenido .formulario a.boton.derecha {
		background-position: right 0;
		padding: 0 12px 0 0;
	}
	
	.contenido a.boton, .contenido .formulario a.boton, .contenido a.boton.derecha, .contenido .formulario a.boton.derecha {
		padding-top: 14px;	
	}
	
	.contenido input[type="submit"], .contenido input[type="button"], .contenido input.derecha[type="submit"], .contenido input.derecha[type="button"] {
		padding-bottom: 4px;	
	}
	
	.contenido input.izq[type="submit"]:hover, .contenido input.izq[type="button"]:hover, .contenido a.boton.izq:hover, .contenido .formulario a.boton.izq:hover,
	.contenido input.izq[type="submit"]:focus, .contenido input.izq[type="button"]:focus, .contenido a.boton.izq:focus, .contenido .formulario a.boton.izq:focus {
		background-position: 0px -54px;
	}
	.contenido input.derecha[type="submit"]:hover, .contenido input.derecha[type="button"]:hover, .contenido a.boton.derecha:hover, .contenido .formulario a.boton.derecha:hover,
	.contenido input.derecha[type="submit"]:focus, .contenido input.derecha[type="button"]:focus, .contenido a.boton.derecha:focus, .contenido .formulario a.boton.derecha:focus {
		background-position: right -54px;
	}
	
	
	
	.cont_boton .btn_resp {
		display: block;
		width: 12px;
		height: 54px;
		background: url(../imagenes/botones_resp02.png) no-repeat;
		position: absolute;
		right: 0;
		top: 0;
	}
	.cont_boton.cont_izq .btn_resp {
		background-position: -280px 0;
	}
	.cont_boton.cont_der .btn_resp {
		background-position: -292px 0;
		right: auto;
		left: 0;
	}
	
	.cont_boton.cont_izq a:hover + .btn_resp, .cont_boton.cont_izq a:focus + .btn_resp, .cont_boton.cont_izq input:hover + .btn_resp, .cont_boton.cont_izq input:focus + .btn_resp {
		background-position: -280px -54px;
	}
	.cont_boton.cont_der a:hover + .btn_resp, .cont_boton.cont_der a:focus + .btn_resp, .cont_boton.cont_der input:hover + .btn_resp, .cont_boton.cont_der input:focus + .btn_resp {
		background-position: -292px -54px;
	}
	
	input.sinflecha[type="submit"], input.sinflecha[type="button"], a.boton.sinflecha {
		background-image: none;	
	}
	
	.cont_boton .sinflecha + .btn_resp {
		display: none;
	}
	
	.contenido input.sinflecha[type="submit"], .contenido input.sinflecha[type="button"], .contenido a.boton.sinflecha, .contenido .formulario a.boton.sinflecha, .contenido .formulario a.boton.derecha.sinflecha {
		background: #00A9EB;
		height: 42px;
		margin-top: 6px;
		padding-right: 0;
		padding-left: 0;
		padding-top: 0;
	}
	.contenido a.boton.sinflecha, .contenido .formulario a.boton.sinflecha, .contenido .formulario a.boton.derecha.sinflecha {
		padding-top: 8px;
	}
	.contenido input.sinflecha[type="submit"]:hover, .contenido input.sinflecha[type="button"]:hover, .contenido a.boton.sinflecha:hover, .contenido .formulario a.boton.sinflecha:hover,
	.contenido input.sinflecha[type="submit"]:focus, .contenido input.sinflecha[type="button"]:focus, .contenido a.boton.sinflecha:focus, .contenido .formulario a.boton.sinflecha:focus {
		background: #17BFFF;
	}
	
	/*** ANULACION DE CITA ***/
	
	.anulacion .columnas .columna:first-child {
		display: none;	
	}
	.anulacion.inicial {
		padding-top: 20px;	
	}
	.anulacion.inicial label {
		width: auto;	
	}
	
	.anulacion #localizador, .anulacion #matricula {
		width: 60%;
	}

	
	/*** SELECCION DE ESTACION ***/
	.seccion {
		left: -18px;
		padding: 0 18px 18px;
	}
	.top_cuerpo.txt_lateral.seleccion {
		min-height: 30px;	
	}
	.seleccion h2 {
		display: none;
	}
	.seleccion h2.titulo_sust {
		display: block;	
	}
	
	.seleccion + .contenido .busqueda h3 {
		display: block;	
		position: absolute;
		top: -58px;
		font-size: 1.8em;
	}
	
	.busqueda label {
		padding-right: 0;	
	}
	.busqueda label input, .busqueda label select {
		font-size: 1em!important;	
	}
	.busqueda label input {
		width: 95%;
	}
	.busqueda label select {
		width: 98%;	
	}
	.busqueda input.derecha[type="submit"], .busqueda input.derecha[type="button"], .busqueda a.boton.derecha {
		background: none repeat scroll 0 0 #00A9EB;
		border-radius: 3px 3px 3px 3px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.3), 0 2px 5px rgba(0, 0, 0, 0.2) inset;
		display: block;
		height: auto;
		min-height: 20px;
		padding: 20px 0;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
	}
	.busqueda input.derecha[type="submit"], .busqueda input.derecha[type="button"], .busqueda a.boton.derecha {
		background-color: #17BFFF;
	}
	
	.listado table th.sortable a {
		background-position: right 9px;
		padding: 10px 30px 10px 10px;
	}
	.listado table th.sortable.order1 a {
		background-position: 100% -101px;	
	}
	.listado table th.sortable.order2 a {
		background-position: 100% -209px;
	}
	.nav_listado, .botonera_listado {
		font-size: 1.3em;	
	}
	.nav_listado a, .botonera_listado a {
		padding: 0;
	}

	
	.listado table caption {
		font-size: 1.3em;
		text-align: left;	
	}
	
	.listado table td.limpia {
		display: none;	
	}
	
	/*.listado tbody a.acceder {
		height: 54px;
		width: 57px;	
		padding: 0;
		overflow: hidden;
		text-indent: -999em;
		background: url(../imagenes/flecha_seleccion.png) no-repeat left top;
		
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
		
	}
	.listado tbody a.acceder:hover, .listado tbody a.acceder:focus {
		background-color: transparent;
		background-position: left bottom;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}*/
	
	/*** SELECCION DE FECHA ***/
	.seleccion_fecha .calendar {
		margin: 0 auto;		
	}
	

	.seleccion_fecha .nota_calendario {
		margin-bottom: 2em;	
	}
	.nota_calendario h4 {
		font-size: 1.2em;	
	}
	.nota_calendario .recuadro {
		font-size: 1em;	
	}
	.ui-datepicker-title {
		padding-bottom: 8px;
	}
	a.ui-datepicker-prev, a.ui-datepicker-next {
		margin-top: 5px;
	}
	.ui-datepicker-title select {
		font-size: 1.2em;
	}
	.calendar thead .title, #ui-datepicker-div tbody td {
		font-size: 18px;	
	}
	.calendar, .calendar table, #ui-datepicker-div, #ui-datepicker-div table {
		font-size: 16px;	
	}
	.calendar tbody .day, #ui-datepicker-div tbody td {
		padding: 12px 8px;	
	}
	.calendar tbody td.hilite, .calendar tbody td:hover, #ui-datepicker-div tbody td:hover {
		padding: 7px; 
	}
	.seleccion_hora .interior {
		padding-bottom: 74px;
	}
	
	.seleccion_fecha .botonera {
		right: 50%;
		left: 14px;	
	}
	.seleccion_hora .botonera {
		left: 50%;
		right: 14px;
	}
	
	.seleccion_fecha .botonera .cont_boton, .seleccion_hora .botonera .cont_boton {
		width: 100%;	
	}
	
	
	#ui-datepicker-div {
		border: 1px solid #000000;
		left: 10px!important;
		right: 10px!important;
		-webkit-box-shadow: 0 0 12px 3px #000000;
		-moz-box-shadow: 0 0 12px 3px #000000;
		box-shadow: 0 0 12px 3px #000000;
	}
	
	#ui-datepicker-div table {
		width: 100%;
	}
	
	.seleccion_hora select {
		width: 100%;
	}
	
	/*** ANULACION ***/
	
	.anulacion .columna.ultima h3, .anulacion .columna.ultima table.propuesta {
		display: none;
	}
	.anulacion .columna.ultima .botonera {
		padding-top: 1em;	
	}
	
	
	/*** PIE ***/
	
	.pie {
		padding: 20px 22px;	
	}
	
	.pie .direccion, .pie .enlaces_pie {
		font-size: .925em;
		line-height: 140%;	
	}
	.pie .columnas {
		display: none;	
	}
	
	.enlaces_pie a, .enlaces_pie_movil a {
		margin-left: 5px;
		display: none;
	}
	.enlaces_pie a.aviso_legal, .enlaces_pie_movil a.aviso_legal {
		display: inline-block;	
	}
	.enlaces_pie a img, .enlaces_pie_movil a img {
		margin-top: 15px;	
	}
	
	.ui-dialog {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
		
		max-width: 100%;
		font-size: 1.2em;
	}
	.ui-dialog .ui-dialog-title {
		margin: .1em 26px .1em 0;
	}
	.ui-dialog .ui-dialog-titlebar-close {
		width: 26px;
		height: 26px;
		top: -3px;
		right: -3px;
		background-image: url(../imagenes/cierre_resp.png);
	}
	.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
		background-position: 0 -63px;
	}


.mensaje {
	font-size: 1.3em;
	text-align: center;	
}

.consulta.inicial {
	padding-top: 5px;	
}

.list_oculto {
	display: none;
}
.list_oculto + .nav_listado {
	display: none;
}

}


@media only screen and (max-width: 494px) {

	.enlaces_propuesta a.enlace_boton, .contenido .enlaces_propuesta a.enlace_boton {
		text-transform: none;
	}
	
}
@media only screen and (max-width: 450px) {
	.captcha p.img_captcha img {
		width: 90%;
		max-width: none;
		display: block;
		margin: 0 auto;	
	}
	.captcha p.img_captcha a, .contenido .captcha p.img_captcha a {
		margin: 10px auto;
		display: block;	
	}
}
@media only screen and (max-width: 440px) {

	.enlaces_propuesta a, .enlaces_propuesta a.enlace_flecha, .enlaces_propuesta a.enlace_boton {
		font-size: 1.3em;
	}

	
	#fechaMatriculacion, #fechaMatriculacionNL {
		width: 	40%
	}
	.formulario select {
		width: 65%;	
	}

	.formulario input.corto[type="text"], .formulario input.corto[type="password"] {
		width: 140px;	
	}
	
	
	.nav_listado, .botonera_listado {
		font-size: 0;	
		padding: 12px 0 18px 0;
	}
	.seleccion_fecha .calendar, .seleccion_fecha .calendar table {
		font-size: 14px;
	}

	.listado table td.tipo, .listado table th.tipo {
		display: none;	
	}
}


@media only screen and (max-width: 400px) {
	
	.cabecera a.logo {
		width: auto;
		right: 3px;
		background-size: contain;		
	}
	
	.contenido h3 + a.info {
		float: none;	
	}
	
	.enlaces_propuesta a, .enlaces_propuesta a.enlace_flecha, .enlaces_propuesta a.enlace_boton {
		white-space: normal;
	}
	
	.captcha p.input_captcha input {
		width: 55%;	
	}
	
	#matricula, #bastidor, #localizador, #matriculaConsulta, #matriculaAnulacion {
		width: 50%;	
	}
	
	.formulario select {
		width: 60%;	
	}

	.anulacion #localizador, .anulacion #matricula {
		width: 52%;
	}

	.nota_calendario p {
		width: 49%;	
	}

}

@media only screen and (max-width: 365px){
	.despliega_aceptar {
		line-height: 200%;	
	}	
}

@media only screen and (max-width: 360px) {
	.enlaces_pie a.aviso_legal{	
		font-size: 1em;
	}
	.formulario select {
		width: 55%;	
	}
	.calendar tbody .day, .calendar tbody .daynames td.hilite, .calendar tbody .daynames td:hover, #ui-datepicker-div tbody td {
		padding: 6px;	
	}
	.calendar tbody td.hilite, .calendar tbody td:hover, #ui-datepicker-div tbody td:hover {
		padding: 5px; 
	}
	.calendar, .calendar table, #ui-datepicker-div, #ui-datepicker-div table {
		font-size: 13px;	
	}

}

@media only screen and (max-width: 350px) {
	.contenido input[type="submit"], .contenido input[type="button"], .contenido a.boton, .contenido .formulario a.boton {
		font-size: 1.15em!important;	
	}
	.contenido a.boton, .contenido .formulario a.boton, .contenido a.boton.derecha, .contenido .formulario a.boton.derecha{
		padding-top: 17px;	
	}
	.enlaces_propuesta a:after {
		top: 62px;	
	}
	.enlaces_propuesta p, .enlaces_propuesta p:first-child {
		width: 32%;
		margin-right: 1.3%;
		float: left;
		margin-bottom: 3.5em;	
	}
	.enlaces_propuesta p.ultimo {
		float: none;	
		clear: left;
		margin-right: 0;
	}
	#fechaMatriculacion, #fechaMatriculacionNL {
		width: 	32%
	}
	
	.concertada .enlaces_propuesta p, .concertada .enlaces_propuesta p:first-child {
		width: auto;
		float: none;
		margin-right: 0;
		margin-bottom: 2em;
	}

	.listado table td.limpia {
		display: none;	
	}
}

@media only screen and (max-width: 340px) {
	.seleccion_fecha .calendar {
		position: relative;
		left: -10px;	
	}
	
	/* Modificaciones en captcha para que quepa todo en pantalla */
	
	.captcha p.img_captcha {
		margin-bottom: 5px;	
	}
	.captcha p.img_captcha a, .contenido .captcha p.img_captcha a {
		margin-bottom: 0;	
	}
	.captcha .botonera {
		padding-top: .5em;
	}
	.captcha p.input_captcha {
		padding-bottom: 0;
	}

	.nota_calendario p {
		display: block;
		width: auto;
		margin-bottom: 10px;
	}

}
