/* border-collapse y border-spacing no funcionan en MSIE 6, por esto en el c�digo html hay un cellspacing="1" */
#asistente table {
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 1em;
}

#asistente ol, ul {
	list-style: none;
}

#imagenCategoria .tooltip,
#eleccionLeft #datosCategoria img {
    width: 134px;
}


#asistente p {
	margin: 1em 0;	
}
   
strong {
	font-weight: bold;
}

#asistente a {
	line-height: 1.2;
	text-decoration: none;
}




/* Hack: estilo necesario para que los elementos posicionados con float se coloquen correctamente */
.clear{
	clear: both;
	margin: 0;
}

.invisible {
	display: none;
}



--------------------------
   ******* FORMULARIOS *******
   --------------------------- */
#asistente form {
	text-align: right;
}

#asistente form ol li {
	display: block;
	clear: both;
	padding: 5px 0 5px 0;
}

#asistente label {
	display: block;
	vertical-align: middle;
	padding-right: .6em;
	line-height: 1.2;
    padding-top: 2px;	
}

#asistente .config {
	font-weight: bold;
	display: block;
	float: left;
	width: 20em;
	vertical-align: middle;
	padding-right: .6em;
	text-align: right;
	line-height: 1.2;
    padding-top: 2px;	
	
}

#asistente .enlinea {
	display: inline;
	float: none;
	clear: none;
    vertical-align: middle;

}


/* Label que va detr�s de un checkbox */
#asistente label.checkbox {
	font-weight: bold;
	display: inline;
	float: none;
	clear: none;
	width: 100%;
	margin: 0 1em 0 0.4em;
	vertical-align: bottom;
}

#asistente fieldset {        
	display: block;
	margin: 0 0 0.8em 0;
}

#asistente form fieldset p {
	text-align: left;	
}

#asistente input, #asistente select, #asistente textarea {
	font-family: Helvetica, Verdana, Arial;
	font-size: 1em;
	vertical-align: middle;
}

#asistente option {
	padding: 0 3px 0 1px;
	color: #333;
}

#asistente form p {
	text-align: center;
}



/* ---------------------------
   ******* OBLIGATORIO *******
   --------------------------- */
#asistente p.obligatorio {
	margin-bottom: .7em;
}

#asistente span.obligatorio {
	font-weight: bold;
	margin-left: .4em;
	font-size: 1.3em;
	vertical-align: middle;
}




div.errorDetalle {
	display: block;
	margin-top:2em;
	color: #333;
}

p.confirmacion {
	background: url(../img/ok.png) no-repeat 1em .75em #FFFFE8;
	border: 1px solid #F3F3D2;
	padding: 1.5em 1em 1.5em 4.5em;	
}

/* ----------------------
   ******* OTROS  *******
   -------------------- */

/* Clase para dar apariencia de deshabilitado a un elemento
(con disabled="disabled" se ve diferente dependiendo del navegador */
#asistente .deshabilitado {
	background: #c0c0c0;
}

#asistente .enlinea {
	display: inline;
}

/* Destacar campos con errores de validaci�n. */
#asistente input.errorCampo, #asistente select.errorCampo, #asistente textarea.errorCampo {
	border: 1px solid #a00 !important;
	background: #fee!important;
}

#asistente label.errorCampo {
	color: #c33 !important;
}

#asistente form ol ol {
    margin-top: 1em;
    margin-left: 4em;
    border-top: 1px solid #ccc;
    padding-top: 1em;
    width: 600px;
}

#asistente form ol ol label { 
    width: 120px;
}

#asistente .spanAdvertencia {
	color: #DD0000;
	font-weight: bold;
}

#asistente .centrar
	{
	position: inherit;
	padding-top:1%;	
    margin-right: auto;
    margin-left: auto;
    width: 100%;
	}

#asistente form ol ul label {
    width: 150px;
    text-align: left;
}

#asistente p#pasosAsistente {
    font-weight: bold;
    font-size: 1.25em;
    margin-top: 3px;
    color: #666;
}

/* Estilos pantalla resultado busqueda categorias */
#asistente div#resultadosBusqueda {
	padding: 1em;
}

#asistente .separadorCategoria {
	border-bottom: 2px solid #FAD64E;
	    display: inline-block;
    padding-bottom: 12px;
    width:580px;
}

#asistente div.separadorCategoria, #asistente div.noSeparadorCategoria {
	height: 100%;
    margin-top: 1em;
    width: 580px;
}

#asistente ol#caracteristicas li {
	display: inline;
	width: 24px;
}

#asistente #imagenCategoria {
	float: left;
}

#asistente #datosCategoria, #asistente #precioReserva {
	float: right;
	
}
#asistente #precioReserva{
	padding-top: 1em;
	text-align: center;
}
#asistente #precioReserva a{
	width: 72px;
	float: right;
	padding: 15px;
	margin-top: 10px;
}


#asistente .botonPrecio, #asistente .botonReservar, #asistente .botonReservarDesactivado, #asistente .botonPrecioDesactivado {
	font-family: Helvetica, Verdana, Arial;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #fff;
	display: inline-block;
}

#asistente span#desglose {
	font-size: .7em;
}

#asistente a.infoLugar {
	margin-left: 10px;
}

#asistente a.infoLugar img {
	width: 13px;
}

#asistente .botonReservar, #asistente .botonReservarDesactivado {
	background: #673A8C;
	padding: 1.5em .5em 1em;
	line-height: .6;
	font-size: 1.3em;
}

.botonReservarMas, .botonReservarMasDesactivado {
	display: none;
}

#asistente .botonPrecio, #asistente .botonPrecioDesactivado {
	color: #673A8C;
	background: #FAD64E;
	font-size: 1.3em;
	font-weight: bold;
	padding: 1em;
	line-height: .8;
}

#asistente .botonReservarDesactivado, #asistente .botonPrecioDesactivado {
	background: #C4C4C4;
	cursor: default;
}

#asistente .botonPrecioDesactivado {
	padding: 1.5em .9em 1em;	
}

/* Estilo popup */
div.window {
	background: #F8D447;	
}

div.window p {
	text-align: center;
}

div.window ol {
	font-size: 1.2em;
}

div.window ol li {
	line-height: 1.5;
}

#asistente input[type='submit'], input[type='button'], .buton {
	background: #66398B;
	padding: .5em;
	vertical-align: middle;
	color: #fff !important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	cursor: pointer;
	text-decoration: none;
	font-size: 1.3em;
	font-family:  Helvetica, Verdana, Arial;
	border: none;
}

#asistente span.precioDesglose {
	float: right;
	color: #66398B;
}

#asistente a.infoLugar {
	margin-left: 10px;
}

#asistente .oculto {
	display: none;
}

/* Estilos pantalla eleccion */
#asistente div#eleccionLeft {
	width: 450px;
	float: left;
}

#asistente div#eleccionRight {
	width: 450px;
	background: #FAD64E;
	float: left;
}

#asistente div#datosPrecio {
	float: right;
	width: 220px;
}

#asistente div#eleccionLeft ol#datosReserva {
	border-bottom: 2px solid #FAD64E;
}

#asistente ol#datosReserva li {
	/*height: 20px;*/
}

#asistente #datosPrecio ol li span.textoDesglose {
	margin-right: 50px;
	
}

#asistente #datosPrecio ol li#filaTotalPrecio {
	margin-top: 1em;
	padding: 1em 0;
	border-top: 2px solid  #FAD64E;
}

#asistente ol li {
	display: block;
	clear: both;
	padding: 2px 0 2px 0;
}

#asistente #datosPrecio .precioDesglose {
	font-weight: bold;
	
}

#asistente ol#datosReserva {
	margin-top: 1em;
	padding: 1em 0;
}

#asistente #datosCategoria, #asistente #datosPrecio {
	color: grey;
	font-size: 1.2em;
}

#asistente p.derecha {
	text-align: right;
}

#asistente p.izquierda {
	text-align: left;
}

#asistente p.centrado {
	text-align: center;
}
 
 
/* Estilos pantalla confirmacion */
#asistente #confirmacionLeft {
	width: 200px;	
}

#asistente #confirmacionRight {
	width: 500px
}

#asistente #confirmacionLeft, #asistente #confirmacionRight {
	float: left;
	background: #F8D447;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 1em;
	
}

#asistente .imprimirBono {
	background: url(../img/iconos/printer.png) no-repeat;
	padding: .2em 2em;
}

#asistente .guardarPdf {
	background: url(../img/iconos/pdf_icon.gif) no-repeat;
	padding: .2em 2em;
}

#asistente .enviarBono {
	background: url(../img/iconos/email.png) no-repeat;
	padding: .2em 2em;
}

/* Estilo del captcha */
#asistente #recaptcha_container {
	width: 260px;
}

#asistente #recaptcha_image {
	width: 260px;
}

#asistente #recaptcha_image img {
	margin: 1em 0;
	width: 260px;
}

/* Estilos pantalla eleccion */
#asistente div#eleccionLeft {
	width: 450px;
	float: left;
	background: #fff;
}

#asistente div#eleccionRight, #asistente div#addExtrasRight {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: 400px;
	background: #F8D447;
	float: left;
	margin-left: 10px;
	padding: 1em;
}

#asistente div#addExtrasRight {
	width: 560px;	
}

#asistente div#addExtrasRight p {
	color: #66398B;
	font-weight: bold;
	
}

#asistente div#datosPrecio {
	float: right;
	width: 250px;
}

#asistente div#eleccionLeft ol#datosReserva {
	border-bottom: 2px solid #FAD64E;
}

#asistente table#tablaExtrasOpcionales {
	color: grey;
	margin-top: 1em;
}

#asistente table#tablaExtrasOpcionales thead {
	color: #000;
}

#asistente #datosPrecio ol li span.textoDesglose {
	margin-right: 50px;
	
}

#asistente #datosCategoria p {
	text-align: center;
}

#datosPrecio ol li#filaTotalPrecio {
	margin-top: 1em;
	padding: 1em 0;
	border-top: 2px solid  #FAD64E;
}

#asistente ol li {
	display: block;
	clear: both;
	padding: 2px 0 2px 0;
}

#asistente #datosPrecio .precioDesglose {
	font-weight: bold;
	
}

#asistente ol#datosReserva {
	margin-top: 1em;
	padding: 1em 0;
}
.pl #asistente #datosCategoria{
	max-width: 200px;
}
#asistente #datosCategoria, #datosPrecio {
	color: grey;
    font-size: 1.2em;
    padding-top: 1em;
    padding-left: 19px;
    float: left;
}

#asistente #datosCategoria span{
	display: inline-block;
	padding-bottom: 15px;
}

#asistente p.derecha {
	text-align: right;
}

#asistente p.izquierda {
	text-align: left;
}

#asistente p.centrado {
	text-align: center;
}
 
 
/* Estilos pantalla confirmacion */
#asistente #confirmacionLeft {
	width: 250px;	
}

#asistente #confirmacionRight {
	width: 575px;
	margin-left: 10px
}

#asistente #confirmacionLeft, #asistente #confirmacionRight {
	float: left;
	background: #FAD64E;
}

#asistente .cajaContainerConfirmacion  {
	background: #fff;
	border-radius: 10px;
	padding: 1em;
	margin: 1em 0em;
}

#asistente .cajaContainerConfirmacion img {
	margin: 0 0.5em;
}

#asistente .imprimirBono {
	background: url(../img/iconos/printer.png) no-repeat;
	padding: .2em 2em;
}

#asistente .guardarPdf {
	background: url(../img/iconos/pdf_icon.gif) no-repeat;
	padding: .2em 2em;
}

#asistente .enviarBono {
	background: url(../img/iconos/email.png) no-repeat;
	padding: .2em 2em;
}

#asistente #leftContent {
	float: left;
	background: #F8D447;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radis: 10px;
	padding: 1em;
	width: 270px;
	}

#asistente #rightContent {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radis: 10px;
	padding-left: 1em;
	float: left;
	width: 580px;
	background: #fff;
}

#asistente #rightContent img {
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radis: 10px;
}

#asistente #leftContent p {
	color: #66398B;
	font-weight: bold;
	}

/* Estilo popup */
#asistente #window {
	background: #F8D447;	
}

#window {
	background: #F8D447;	
}

#asistente #window p {
	text-align: center;
}

#window p {
	text-align: center;
}

#asistente span.obligatorio {
	font-weight: bold;
	margin-left: .4em;
	font-size: 1.3em;
	vertical-align: middle;
}

#asistente #eleccionLeft h3 {
	font-size: 1.2em;
}

#asistente ol li span.precioDesglose {
	float: right;
}

#asistente div#rightContentForm {
	background: #F8D447;
	margin-left: 1em;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding: 1em;
	float: left;
	width: 550px;
	height: auto;
}

#asistente  #rightContentForm p.info {
	font-weight: bold;
	font-size: 1.25em;
	color: #5A497B;
}

#asistente form ol li.enlinea {
	display: inline-block;
	clear: both;
	padding: 5px 0 5px 0;
}

span.k-dropdown {
	width: 260px;
}

li#liHotelEntrega span.k-widget.k-combobox.k-header, li#liHotelDevolucion span.k-widget.k-combobox.k-header {
	width: 260px;
}

#imgReserva {
	height: 439px;
	width: 580px;
}

#imgMisReservas {
	height: 351px;
	width: 580px;
}

#imgCheckin {
	height: 450px;
	width: 580px;
}

#imgFactura {
    height: 450px;
    width: 580px;
    border-radius: 10px;
    margin-top: -5px
}

div.detalleExtraSeleccion {
	display: none;
}

div.detalleExtraSeleccionInfo {
	background: #fff;
	margin: .5em 0em;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border: 1px solid #aaa;
	padding: .5em .5em  .8em;
	overflow: auto;
}

div#detallePrecioPopupTpv {
	margin-top: 1em;
}

div#detallePrecioPopupTpv p {
	text-align: left;
	margin: 0px;
}

select#resHorasEntrega, select#resMinutosEntrega, select#resHorasDevolucion, select#resMinutosDevolucion {
	height: 26px;
}

/* Estilos campo cliente habitual en el proceso de reserva */
div#pedirFecha{
	display: none;
	text-align: center;
}

div#pedirFecha span, tr.paso3Desc{
	color:red;
}

div#pedirFecha label{
	display: none;
}

/*****************************************************************************************/
/* Estilos de la pantalla de modificación de reserva */
/* Color amarrillo utilizado en el sito #f8d447 */
/*****************************************************************************************/
.leftContentMenu {
    background: #f8d447 none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin-right: 5px;
    margin-top: 6px;
    min-height: 335px;
    width: 233px;
}

.rightContentForms {
    float: left;
    margin-top: 6px;
}

#contenedor_forms {
    width: 630px;
    min-height: 450px;
    padding-left: 6px;
    padding-right: 6px;
    border: 2px solid #f8d447;
    border-radius: 5px;
}

#menuList, #menuListVolver {
    margin: 0 auto;
    padding: 2px;
    line-height: 0px;
    width: 18em;
    /* Es necesario aportar anchura al menú para limitar el ancho de los botones */
}

#menuList li, #menuListVolver li {
    display: block;
    /* De este modo los elementos del menú se mostrán como bloques uno debajo de otro y hasta el ancho del menú */
    margin: 5px;
    padding: 1px;
    list-style: none;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
}

#menuList li a, #menuListVolver li a {
    display: block;
    background-color: #66398B;
    border: 2px solid #f8d447;
    border-radius: 5px;
    margin: 0;
    text-decoration: none;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding: 15px;
    /* Cuanto mayor sea el espaciado, mas grande será el area del botón. */
}

#menuList li a:hover {
    background-color: #C9A832;
    border-color: #f2f2f2;
    color: #000000;
}

#menuListVolver li a:hover {
    background-color: #C9A832;
    border-color: #f2f2f2;
    color: #000000;
}

#menuList li a.activa {
    background-color: #f8d447;
    border-color: #66398B;
    color: #000000;
}

#menuListVolver li a.activa {
    background-color: #f8d447;
    border-color: #66398B;
    color: #000000;
}

.fondoActivoReserva {
    background-color: #f8d447;
}

.clearFloatLeft {
    clear: left;
}

.content_link_info {
    display: block;
}

.content_link_info p {
    /* float: left; */
}

.content_link_info #infoEntrega, .content_link_info #infoDevolucion {
    margin: 1em 5px;
    max-width: 550px
}

.separador-linea {
    width: 98%;
    margin-left: 0px;
    color: rgb(242, 242, 242);
    border: 1px solid;
}

.content_caracteristicas_mod {
    display: flex;
}

.content_caracteristicas_mod #datosCategoria {
    width: 30% !important;
}

.content_caracteristicas_mod .espacio_relativo {
    width: 10%;
}

.content_caracteristicas_mod #datosPrecio {
    width: 60% !important;
}

#datosCategoriaVeiculo {
    background-color: #ffff;
    border-radius: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    text-align: center;
    width: 240px;
    -webkit-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 4px 5px 0px rgba(0,0,0,0.75);
    border: 2px solid #66398B;
    margin-bottom: 10px;
}

.font-width-blod {
    font-weight:  bold;
}

.hr_separador {
     border: 1px solid #66398b;
}

.encabezados_h3 {
    text-align: center;
    text-decoration: underline;
    margin-bottom: 15px;
}

.capaNoDisponible {
    background: black none repeat scroll 0 0;
    border-radius: 5px;
    height: 162px;
    margin-left: -10px;
    margin-right: auto;
    margin-top: -160px;
    opacity: 0.3;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 260px;
    z-index: 3;
}

.datosVihiculosDisponibles {
    background: #ffff;
    border: 2px solid #66398b;
    border-radius: 10px;
    box-shadow: 3px 4px 5px 0 rgba(0, 0, 0, 0.75);
    height: 159px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;    
    padding: 0 10px;
    text-align: center;
    width: 240px;
}

#inicioDatosReserva p {
    text-align: left;
}


#rightContentForms h4 {
    border-bottom: 1px solid #7329ad;
    color: #7329ad;
    font: bold 1.3em/1.3 hiperfont-regular,Helvetica,Arial,Verdana;
    margin: 1em 0 1.5em;
}


#rightContentForms .separador-linea {
    border: 1px solid;
    color: rgb(242, 242, 242);
    margin-left: 0;
    width: 98%;
}


#rightContentForms .bnt_sistema_pago {
    display: flex;
    margin: 0 auto;
    text-align: center;
    width: 600px;
}

#rightContentForms .bnt_sistema_pago .nube {
    background: rgba(0, 0, 0, 0) url("../img/nube.png") no-repeat scroll left 3px;
    color: white;
    font-weight: bold;
    height: 60px;
    margin-left: 5px;
    padding-top: 19px;
    text-align: center;
    width: 70px;
}

#rightContentForms .bnt_sistema_pago #botonPagarAhora input {
    margin-left: 5px !important;
}

#rightContentForms #botonPagarAhora input {
    margin-left: 8px;
}

#rightContentForms .encabezados_h3 {
    margin-bottom: 15px;
    text-align: center;
    text-decoration: underline;
}

#rightContentForms h3 {
    color: #7329ad;
    font: 1.75em/1.5 hiperfont-regular,Helvetica,Arial,Verdana;
}

.content_link_info p {
	text-align: left !important;
}

#datosCategoriaVeiculoDisponibilidad #caracteristicas_vehiculo {
	margin-left: auto;
    margin-right: auto;
    width: 100%;
}

#contenedor_forms #frmPagament {
	width: 440px;
	max-width: 450px;
}


/**
*###########################################################################################
*#################################### ESTILOS DE FACTURA ONLINE ############################
*###########################################################################################
*/
.confirmacionRight-factura{
    width: 620px !important;    
}

#contenedorFacturas {
    display: table;
    padding: 5px;
}

#contenedorFacturas #leftContentMenu {
    margin-top: 6px;
    background-color: #f8d447;
    border-radius: 5px;
    margin-right: 10px;
    padding: 5px;
}

#contenedorFacturas .contenedor_forms_right_faconl {
    min-height: 450px;
    width: 580px;
    padding: 5px;
    float: left;
    margin-top: 6px;
    border-radius: 5px;
    background-color: #FFFFFF;
}

#contenedorFacturas #contenedor_forms_right_faconl.mostrarBordeFactura {
    border: 2px solid #f8d447;
}

#elementos_forms_faconl {
    border: 2px solid #f8d447;
    border-radius: 10px;
    padding: 5px;
}

#elementos_forms_faconl input, #elementos_forms_faconl .k-datepicker {
    width: 70%;
}

.encabezado_conceptos h4 {
    border-bottom: 1px solid #7329ad;
    margin: 1em 0 1.5em;
    color: #000;
    font: bold 12px hiperfont-regular, Helvetica, Arial, Verdana;
}

#crearFactura .separador_td {
    border-top: 2px solid #f8d447;
    padding-bottom: 5px;
}

#crearFactura .datos_factura th {
    color: #000;
    font: bold 12px hiperfont-regular, Helvetica, Arial, Verdana;
}

#crearFactura .datos_empresa_show {
    color: #000;
    font: bold 11px hiperfont-regular, Helvetica, Arial, Verdana;
}

.ocultar_html {
    display: none;
}

.mostar_html {
    display: block;
}

#content_form_empresa .datos_empresa_show {
    float: left !important;
}

#crearFactura #datosClienteEmpresaResult {
    border: 2px solid #f2f2f2;
    padding: 5px;
}

#crearFactura #datosClienteEmpresaResult .info_border{
    border: 2px solid #938c8c;
    padding: 2px 5px;
    margin-left: 5px;
    text-transform: uppercase;
}

#crearFactura #datosClienteEmpresaResult .info_li_general {
    border-bottom: 2px solid #f2f2f2;
    margin-bottom: 8px;
    margin-left: 8px;
}



#datosClienteEmpresaResult .k-dropdown-wrap {
    border-radius: 0px !important;
}

#datosClienteEmpresaResult .k-combobox {
    border: 2px solid #938c8c;
    margin-left: 5px;
}

#crearFactura .datos_empresa_show_error {
    color: red;
    font: bold 11px hiperfont-regular,Helvetica,Arial,Verdana;
}

#datosClienteEmpresaResult .line-label-input{
    float: left;
}

.centrados {
    text-align: center;
    margin: 20px 0;
}

.encabezado-factura th {
    border-bottom: 3px solid #fad64e;
}

.footer-factura td {
    border-top: 3px solid #fad64e;
}

.footer-factura-tr td {
    font-weight: bold;
    text-align: right;
}

.centrado-der {
    text-align: right;
}

.footer-contenido {
    text-align: center;
    margin-top: 35px;
}

#texto-contenido-presentacion-factura {
	color: #66398b;
	font-weight: bold;
	text-align: justify;
}

.confirmacionLeftFacturaOnline {
	width: 210px !important;
}

#tbody-fractura-online td {
	padding-bottom: 5px !important;
	padding-top: 5px !important;
}



/* Estilos caracteristicadetalle*/

.bloque1{
	float:left;
	width:80%;
}
.bloque2{
	float:left;
	width: 20%;
}


.datosPrecioPaso2, .datosCategoriaPaso2{
	padding-left: 0px !important;	
}

div#datosCategoriaVeiculoDisponibilidad {
	    display: inline-block;
    margin-top: 15px;
}