/* Hoja de estilos de e-booking7 FrontEnd - B�SICO */
@import url(https://fonts.googleapis.com/css?family=Oxygen:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);


body {
	background-attachment: fixed;
}
pre {
	overflow: visible;
	clear: both;
	font-size: 0.8em;
}

#ebooking7-frontend {
	max-width: 770px;
	color: #606060;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	font-size: 13px;
}		
#ebooking7-frontend p,
#ebooking7-frontend button,
#ebooking7-frontend input,
#ebooking7-frontend select,
#ebooking7-frontend textarea {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; 
	font-size: 13px;
}

.form-hotel-submit {
	float: right;
	margin-bottom: 10px;
}
#ebooking7-frontend .habitacion-boton .btn {
	padding: 4px 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#ebooking7-frontend ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Pasos de la reserva */
#franja-pasos {
	font-size: 13px;
	color: #3071a9;
	margin: 15px 0 15px 0px;
	background-color: #eeeeee;
}
#franja-pasos ul {
}
#franja-pasos ul li {
	display: inline-block;
	padding: 7px 20px 7px 20px;
	margin: 0;
}
#franja-pasos ul li.selected {
	font-weight: bold;
	background-color: #428bca;
	color: #ffffff;
}
#franja-pasos ul li span {
	display: none;
}
#franja-pasos ul li.selected span {
	display: inline;
}
/* FORMULARIO DE RESERVA */

#booking-form-container {
	background-color:#efefef;
	padding: 8px 25px 12px 25px;
	margin-bottom: 15px;
}

#booking-form {}
#llegada {}
#llegada-container {}
#noches-container {}
#noches{}
#salida-container {}
#salida {}
#habitaciones-container {}
#habitaciones {}
.adultos-container {}
.adultos {}
.habitacion-pax-container {}
.ninos-container {}
.ninos {}
.edades-ninos-container {}
.edad-nino-container {}
.edad-nino {}
#consultar-container {}
#codigo-promocion-container {}
#codigo-promocion {}
#consultar-disponibilidad {}

.combinacion { display: none;}
.combinacion.sel { display: inherit;}

/* RESUMEN DE CONSULTA */
#consulta {
	background: #f9f9f9;
	margin: 0 0 15px 0;
	padding: 5px 15px 5px 15px;
	front-size: 0.9em;
}
#consulta-hotel {
	display: inline-block;
	margin-right: 10px;
}
#consulta-fechas {
	display: inline-block;
	margin-right: 10px;
}
#consulta-pax {
	display: inline-block;
	margin-right: 10px;
}
#modificar-consulta {
	font-size: 12px;
}
#forma-pago .well,
#condiciones .well { font-size: 0.95em; }


/* DISPONIBILIDAD */

.hotel-header { margin-top: 10px; }
.hotel-foto-container {  }
.hotel-foto-box { overflow: hidden; max-height: 90px; border: 2px solid #efefef; }
.hotel-foto { border: 0 !important; max-width: 100%; }

.hotel-nombre { margin: 0; font-size: 26px; }
.hotel-direccion { color: #707070; }

#disponibilidad-container { /*margin-top: 15px;*/ }
#hotel-container { clear: both;	}

.hotel { 
	margin: 0px 0px 15px 0px; 
	display: inline-block;
	width: 100%;
}
.hotel-container-multi .hotel { margin: 0px 0px 15px 0px; padding: 0 10px 0 10px; border: 1px solid #cccccc; }

#ebooking7-frontend .thabitacion-container { margin: 15px 0 0 0; }

.thabitacion { margin: 20px 0 20px 0; }
.hotel-container-multi .thabitacion { margin: 0px 0 20px 0; padding-top: 3px; border-top: 5px solid #cccccc; }


.thabitacion-foto-container {}
.thabitacion-foto-container img { max-width: 100%; }
.thabitacion-descripcion {}

h3.thabitacion-nombre { padding: 0 0 0 0; margin: 0 0 0.3em 0; font-size: 22px; font-weight: normal; line-height: 1em; }
h4.thabitacion-nombre { padding: 0 0 0 0; margin: 0 0 0 0; font-size:16px; font-weight: bold; }

.thabitacion-txt { color: #707070; margin: 0 0 0.3em 0; }



.thabitacion-disponibilidad-info.alert {
	text-align: right;
	padding: 2px 15px 2px 15px;
	border-top: 0;
	border-radius: 0 0 3px 3px;
	font-size:0.95em;
}
.hotel-container-multi .thabitacion-disponibilidad-info.alert {
	text-align: right;
	padding: 0;
	border: 0;
	border-radius: 0;
	font-size: 0.95em;
}
.hotel-container-multi .alert-info {
	background-color: transparent;
	color: #999999;
}

.habitacion-foto-container {
	
}
.thabitacion-foto {
	width: 100% !important;
	max-width: 470px !important;
	margin-bottom: 10px;
}
.thab-enlace { text-align: left; }
.thab-enlace .thab-info-enlace { }
.thab-enlace .calendar-enlace { }
.hotel-container-multi .thab-enlace { text-align: right; }
.hotel-container-multi .thab-enlace a { text-transform: uppercase; font-size: 0.8em; }
.hotel-container-multi .thab-enlace .thab-info-enlace { margin: 0 10px 0 0px; }
.hotel-container-multi .thab-enlace .calendar-enlace { margin: 0 0 0 10px; }


.habitacion-titulo .glyphicon {
	color: #bbbbbb;
    font-size: 0.9em;
}
.habitacion-titulo {
	border-bottom: 1px dotted #cccccc;
	margin-bottom: 3px;
}

.habitacion-numero {
	font-weight: bold;
}

.habitacion-descripcion {
}

.habitacion-container {
	border: 0px solid #cccccc;
	margin: 4px 0 2px 0;
}
.habitacion-tarifas {
	font-size: 14px;
	line-height: 20px;
}
.habitacion-tarifa {
	/*border-top: 1px solid #cccccc;*/
	min-height: 30px;
	line-height: 30px;
}
.habitacion-tarifa > div {
	/*padding: 1px 0 1px 0;*/
    border-top: 1px solid #cccccc;
    padding: 1px 0;
}
.habitacion-tarifa > div.habitacion-info {
    border-top: 0px solid #cccccc;
    padding: 0px;
    color: #999999;
    font-size: 13px;
    text-align: right;
    line-height:  1.2em;
    magin-bottom: 5px;
}
.habitacion-tarifa-al {
	
}
.habitacion-tarifa-de {
	
}
.habitacion-tarifa-mp {
	
}
.habitacion-tarifa-pc {
	
}
.habitacion-tarifa-ti {
	
}
.habitacion-regimen {
	text-align: left;
}
.habitacion-info {

}
.habitacion-tarifas-titulos {
	text-transform: uppercase;
	font-size: 0.9em;
}
.habitacion-tarifas-titulos {
	font-weight: normal;
	text-align: right;
	color: #bbbbbb;
	font-size: 0.9em;
}
.habitacion-pm {
	text-align: right;
}
.habitacion-tarifas .habitacion-precio {
	font-weight: bold;
	text-align: right;
	font-size: 1.15em;
	white-space: nowrap;
}
.habitacion-precio s {
	font-size:0.9em;
	line-height:0.9em;
	ine-height:0.7em;
	font-weight:normal;
	color: #999999;
	margin-right:5px;
	display: block;
}
.habitacion-precio .galas {
	font-weight: normal;
	margin-right: 5px;
}
.tooltip-container {
	cursor: pointer;
}
.tooltip-inner {
	background: rgba(0,0,0,0.8);
}
.tooltip.top .tooltip-arrow {
	border-top-color: rgba(0,0,0,0.8);
}
.reserva-boton,
.habitacion-boton {
	text-align: right;
}
.reserva-boton {
	margin-bottom: 5px;

}
#ebooking7-frontend .reserva-boton input.btn {
	font-size: 15px;	
}

.collapse {
	position: relative;
}
.collapse .cerrar-panel {
	position: absolute;
	top:0;
	right:0;
	background-color: #999999;
	color: #ffffff;
	text-transform: uppercase;
	font-size: 0.8em;
	padding: 2px 9px 2px 9px;
	border-radius: 0 0 0 3px;
}



/* RESUMEN */
#resumen-booking{}
#resumen-hotel{} 
#resumen-estancia{}
#resumen-habitaciones{}
#resumen-habitaciones table tr.hab td { border-top: 2px solid #dddddd; }
#resumen-habitaciones table td { vertical-align: middle; }
.col-estado{}
.col-thabitacion{}
.col-regimen{}
.col-ocupantes{}
.info-ofertas{}
.importe { font-weight: bold; font-size:1.2em; text-align: right; }
.importe-total-habitaciones {}
.resumen-peticion-msg {}

.text-right {  text-align: right !important;  }


#ebooking7-frontend .table-condensed thead > tr > th, 
#ebooking7-frontend .table-condensed tbody > tr > th, 
#ebooking7-frontend .table-condensed tfoot > tr > th, 
#ebooking7-frontend .table-condensed thead > tr > td, 
#ebooking7-frontend .table-condensed tbody > tr > td, 
#ebooking7-frontend .table-condensed tfoot > tr > td {
    padding: 2px 5px;
    border-left: 0px;
    border-right: 0px;
}

/* PERSONAL - DATOS PERSONALES */
.titular-back input {
	padding-left: 30px;
	padding-right: 30px; 
}

/* RESERVA - CONFIRMACI�N */



/* OTRAS */

/* Clases del panel de informaci�n del tipo de habitaci�n - AJAX */
#habitacion-info-container {}
#habitacion-info-container .habitacion-info-subtitulo { text-transform: uppercase; }

#habitacion-info-content {}
#habitacion-info-descripcion {}
.habitacion-info-subtitulo { text-transform: uppercase; }

/* Clases del planning-calendarios del tipo de habitaci�n AJAX */

/* CORECCIONES BOOTSTRAP */
#llegada,#salida,#booking-form select { padding-right: 0; }
.input-group-addon {
    padding: 2px 10px;
}






/* cambiar padding bootstrap */
#booking-form #llegada,#salida,
#booking-form #booking-form select { padding-right: 0; }
.form-group-sm input[type=text] ,.input-sm  {
    padding: 5px 0px 5px 6px;
    height: 30px;
}
#booking-form .form-group-sm select {
    padding: 2px 2px 2px 6px;
    height: 30px;
}
#booking-form label {
	margin-bottom:0;
	font-weight: normal;
}
#booking-form .col-7,
#booking-form .col-6,
#booking-form .col-5,
#booking-form .col-4,
#booking-form .col-3 {
	padding-left: 10px !important;
    padding-right: 10px !important;
}


/** PLANNING CALENDAR **/

#planning-seleccion {
	margin-top: 5px;
	clear: both;	
}
#planning-seleccion input { border: 0; }
#planning-seleccion label {
    display: inline-block;
    font-weight: normal;
    margin-bottom: 5px;
    max-width: 100%;
}

.planning_mes {
	max-width:340px;
}
.planning_mes .mes-siguiente {
	border-left: 1px solid #ffffff;
	padding-left: 5px;
	margin-left: 5px;
	font-size: 0.8em;
    text-transform: uppercase;
}
.planning_mes .mes-anterior {
	border-right: 1px solid #ffffff;
	padding-right: 5px;
	margin-right: 5px;
	font-size: 0.8em;
    text-transform: uppercase;
}

ul.planning_mes_cabecera li span.dia_titulo,
ul.planning_mes_dias li span {
	width: 40px;
	background-color: #fff;
    display: block;
    float: left;
    text-align: center;
    margin:1px;
}
ul.planning_mes_cabecera li span.dia_titulo {
}
ul.planning_mes_cabecera li span.nombre_mes {
}
ul.planning_mes_cabecera li span.planning-nav-mes {
}
ul.planning_mes_dias li span.dia_no_disponible { color: #cccccc; background-color: rgba(255,255,255,0.5); }
ul.planning_mes_dias li span.dia_disponible { color: #337ab7; cursor:pointer;}
ul.planning_mes_dias li span.dia_disponible_sel { color: #ffffff; background-color: #337ab7; }
ul.planning_mes_dias li span.dia_disponible_sel2 { background-color: #cccccc; }

.ajax-loader  {  margin-top: 40px; margin-bottom: 40px; }
.ajax-loader img  { border: 0 !important; margin-left: 20px; }

.servicios-tipo-precio {
	font-size: 0.85em;
}
.servicios-precio-ninos {
	font-size: 0.85em;
}