/* para contendor de línea horizontal */
.divHR {
	border-bottom: solid 4px #DADADA;
	padding-bottom: 5px;
	margin-bottom: 5px;
}


/*------------------------------------------------------------------------------*/
/* A partir de aqui se especifican los estilos para los elementos del proveedor */
/*------------------------------------------------------------------------------*/

/* Encabezado de los controles*/
h2.booking_title {
	color: #990100;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
	vertical-align: baseline;
	border-bottom: solid 4px #FDCD01;
	height: 30px;
	font-weight: normal;
}

/* Contenedor del panel de detalles*/
.providerContainer {
	width: 30%;
	float: left;
	position: relative;
	margin: 6px 0px;
}

/* Paneles contenedores de controles */
.providerDetailsPanel {
	border: solid 1px #ddd;
	height: 158px;
}

/* Al ul se le da un margen izquierdo */
.providerDetailsPanel ul {
	margin: 0px;
	margin-left: 10px;
}

/* El nombre del proveedor */
.providerHeader {
	font-weight: bold;
	color: #990100;
}

/* Los labels que están en negrita */
.providerLabels {
	font-weight: bold;
	color: #666;
}

/* Los valores del control */
.providerLabelsValue {
	color: #666;
	vertical-align: middle;
}

/* Iconos de la categoría */
.providerCategoryImages {
	vertical-align: middle;
}

/*----------------------------------------------------------------------------*/
/* A partir de aqui se especifican los estilos para los elementos del servicio*/
/*----------------------------------------------------------------------------*/

/* Contenedor de todo el control de servicios */
.servicesContainer {
	float: right;
	width: 655px;
	position: relative;
	margin: 6px 0px;
}

/* Es el control que contiene todo menos el titulo */
.serviceContentContainer {
	position: relative;
	min-height: 156px;
}

/* Los valores del control */
.serviceOptionLabelsValue {
	color: #666;
	font-weight: bold;
}



/* para el contenedor la tabla dinámica de tipos de servicios */
.servicesScrollTableContainer {
	width: 260px;
	float: left;
	position: relative;
}

/* para la tabla dinámica de tipos de servicios */
.servicesScrollTable {
	border: #ccc 1px solid;
	position: relative;
	min-height: 156px;
}

/* Contenedor de los elementos que muestran la imagen y la descripción   */
.servicesDetailsContainer {
	border: #990100 2px solid;
	float: right;
	width: 390px;
	position: relative;
	height: 156px;
}
/*Hack para IE6*/
*html .servicesDetailsContainer{
	width: 390px;
	width: 385px;
}

/* para la imagen de la chica en el agua */
.servicesImgContainer {
	float: left;
	width: 181px;
	position: relative;
	height: 152px;
}

.servicesImgContainer img {
	margin: 1px;
}

.servicesDetailsData {
	float: right;
	width: 205px;
	position: relative;
	overflow: auto;
	height: 152px;
	border: solid 1px #ccc;
	margin: 1px;
}

/*Hack para IE6*/
*html .servicesDetailsData{
	width: 205px;
	width: 195px;
}

/* Al ul se le da un margen izquierdo */
.servicesDetailsData ul {
	margin: 0px;
	margin-left: 10px;
}

/* El nombre del servicio */
.serviceHeader {
	font-weight: bold;
	color: #990100;
}

/* Los labels que están en negrita */
.serviceLabels {
	font-weight: bold;
	color: #666;
	padding-right: 5px;
}

/* Los valores del control */
.serviceLabelsValue {
	color: #666;
	vertical-align: middle;
}


.servicesCarousel a {
	font-weight: normal;
	color: #990100;
	text-decoration: none;
}

.servicesCarousel img {
	display: none;
}

.servicesCarouselSelected a {
	font-weight: bold;
	color: White;
	text-decoration: none;
}
/*-------------------------------------------------------------------------------*/
/* A partir de aqui se especifican los estilos para los elementos del formulario */
/*-------------------------------------------------------------------------------*/

/* El contenedor de todos los formularios */
.dataContainer {
	/* border			: solid 1px #ddd; */
	float: left;
	position: relative;
	width: 79%;
	margin: 6px 0px;
}

/* El contenedor de servicios cruzados */
.widgetContainer {
	float: right;
	position: relative;
	width: 20%;
	z-index: 999;
	margin: 6px 0px;
}

/* Contenedor de los elementos de DETALLES RESERVA */
.detalleReservaContainer {
	width: 250px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: solid 1px #ccc;
	border-collapse: collapse;
	vertical-align: top;
}

.detalleReservaContainerForCalendar {
	border: #990100 2px solid;
	width: 250px;
	padding: 0px;
	border-collapse: collapse;
	vertical-align: top;
}

.detalleReservaContainerResData {
	width: 251px;
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	border: #990100 2px solid;
	border-collapse: collapse;
	vertical-align: top;
}

.detalleReservaContainerResData input {
	margin: 0px 0px 0px 5px;
	border: solid 1px #ccc;
}

.detalleReservaContainerResData select {
	margin: 0px 0px 0px 5px;
	border: solid 1px #ccc;
}
/* Cabeceras de cada uno de los elementos de formularios */
.resDetailsHeaders {
	font-weight: bold;
	color: #990100;
	font-size: 1.2em;
	margin-left: 5px;
}

.resDetailsHeadersBox {
	width: 100%;
	padding-bottom: 2px;
	border-bottom: #fdcd01 4px solid;
}

/* Los labels que están en negrita */
.reservationDetailsLabels {
	font-weight: bold;
	color: #990100;
	margin-left: 5px;
	white-space: nowrap;
}

/* Los labels que están en negrita Variación 1*/
.reservationDetailsLabelsVar {
	font-weight: bold;
	color: #666;
	margin-left: 5px;
	white-space: nowrap;
}

/* Los valores del control */
.reservationDetailsLabelsValue {
	color: #666;
	vertical-align: middle;
}

/* para línea horizontal fina */
.hrDatosFinas {
	clear: both;
	border-top: #CCCCCC 1px solid;
	height: 1px;
	margin: 0px;
	width: 100%;
}

/* para línea horizontal gruesa */
.hrDatos {
	border-top: #CCCCCC 3px solid;
	margin: 0px;
	width: 100%;
}

/* para línea horizontal aun mas gruesa */
.hrDatosGruesa {
	border-top: #CCCCCC 4px solid;
	margin: 0px;
	width: 100%;
	height: 4px;
}

/* Todos los inputs dentro de los contenedores deben ir con margins y borde gris */
.detalleReservaContainer input {
	margin: 0px 0px 0px 5px;
	border: solid 1px #ccc;
}

.detalleReservaContainer select {
	margin: 0px 0px 0px 5px;
	border: solid 1px #ccc;
}

/* para los divs que forman las columnas de DETALLES RESERVA porque tendrán su propio ancho */
.divFechasReserva {
	float: left;
	width: auto;
	position: relative;
	height: 40px;
	margin: 6px 0px;
}

/* para poner dentro la imagen del calendario */
.divCalendario {
	float: left;
	width: 16px;
	position: relative;
	height: 40px;
	margin: 6px 10px 6px 0px;
}

.divCalendario INPUT {
	width: auto;
	height: auto;
	position: absolute;
	bottom: 5px;
}

/* Los inputs de tipo DateTime */
.resDateTime {
	width: 62px;
}

/* Los inputs de datos personales */
.resPersonalInputs {
	width: 90%;
}

/* Los inputs de doble ancho */
.resLargeInputs {
	width: 95%;
}

/* estilo para el textbox de comentarios de reservas*/
.resLargeInputsBookComments
{
	width:240px;
}

/* es para cuando tenga que mostrar un dato en el ancho de varias columnas */
.resDivUnion {
	float: left;
	width: 100%;
	clear: both;
	position: relative;
	margin: 6px 0px;
}

.resDivUnionFirst {
	width: 100%;
	clear: both;
	position: relative;
	margin: 6px 0px;
}

.resDivOption {
	width: 100%;
	clear: both;
	position: relative;
}

.resDivOption input {
	margin: 0px 0px 0px 5px;
	vertical-align: bottom;
	border: 0px none;
}


/* para los divs más pequeños de DETALLES RESERVA porque tendrán su propio ancho */
.divDetallesPeqReserva {
	float: left;
	width: 50%;
	position: relative;
	margin: 6px 0px;
}

/* div de los imput de los servicios enumerados */
.divServiceEnumImput {
	float: left;
	width: 50%;
	position: relative;
	padding-bottom: 2px;
	margin: 6px 0px;
}

/* los imput de servicio enumerado*/
.resServiceEnumImput {
	width: 90%;
}


/* para los divs que forman las columnas de la parte de DATOS PERSONALES porque tendrán su propio ancho */
.divDatosReserva {
	float: left;
	width: 50%;
	position: relative;
	height: 40px;
}

/* Representa los elementos de la derecha donde aparecen precios */
.resRightValue {
	float: right;
}

/* Representa los elementos de la izquierda donde aparecen precios */
.resLeftValue {
	float: left;
}

/* Representa los elementos de la izquierda donde aparecen precios */
.resCleared {
	clear: both;
}

.divHorizontalRuler {
	clear: both;
	height: 1px;
	background-color: #ccc;
}

.resDropDowns {
	width: 50px;
}

/* Imagenes de información */
.resImgInfo {
	vertical-align: top;
}

.extButtonContainer {
	margin: 3px auto 0 auto;
	text-align: center;
	width: 140px;
	padding-left: 12px;
}







/*------------------------------------------------------ PUBLI */

.divsImagenesAbajoIzq /* para la imagen que aparece a la izquierda en la parte de abajo de la página */ {
	float: left;
	width: 35px;
	height: 107px;
	position: relative;
}

.divsImagenesAbajoDer /* para la imagen que aparece a la izquierda en la parte de abajo de la página */ {
	float: left;
	width: 35px;
	height: 107px;
	position: relative;
	margin-left: 5px;
}

.divsImagenesAbajo /* para las imagenes que aparecen en la parte de abajo de la página */ {
	float: left;
	width: 101px;
	height: 101px;
	position: relative;
	margin-right: 7px;
}

.divsTextosAbajo /* para los textos que aparecen en la parte de abajo de la página */ {
	height: 101px;
	position: relative;
	margin-left: 10px;
	display : inline ; 
}

/* Encabezado amarillo de la publicidad*/
.publi_title {
	color: #990100;
	font-weight: bold;
}

/* Encabezado amarillo de la publicidad*/
.publi_subtitle {
	color: #000;
	font-weight: bold;
}

.publi_enlaces {
	color: #990100;
	font-weight: bold;
	text-decoration: none;
}

.publiContainer {
	clear: both;
	margin-bottom: 10px;
}


/* El calendario de reservas */

/* Contenedor del calendario   */
.bookingCalendarContainer {
	width: 243px;
	padding: 2px;
}

.bookingCalendar {
	color: #015d91 !important;
	width: 220px;
	height: 100px;
	margin: 0px auto;
	border-collapse: separate;
}

.bookingCalendarCell {
	border: solid 1px #990100;
	color: #015d91 !important;
	background-color: #fff;
	height: 15px;
	padding: 1px;
}

.bookingCalendarCell a {
	color: #015d91 !important;
	font-weight: normal;
	text-decoration: none;
}


.bookingCalendarCellOut {
	border: solid 1px #990100;
	background-color: #fff;
	height: 15px;
	padding: 1px;
	color: #015d91 !important;
	text-decoration: line-through;
}


.bookingCalendarPastCell {
	background-color: #F6F6F6;
	border: solid 1px #990100;
	height: 15px;
	padding: 1px;
	text-decoration: line-through;
	color: #015d91 !important;
}

.bookingCalendarUnAvailableCell {
	border: solid 1px #990100;
	background-color: #990100;
	height: 15px;
	padding: 1px;
	text-decoration: none;
	color: #FFFFFF !important;
}

.bookingCalendarUnAvailableCell a{
	color: #FFFFFF !important;
	font-weight: normal;
	text-decoration: none;
}

.bookingCalendarSelectedCell {
	background-color: #ffcc00;
	border: solid 1px #990100;
	height: 15px;
	padding: 1px;
	color: #015d91 !important;
}

.bookingCalendarSelectedCell a {
	color: #015d91 !important;
	text-decoration: none;
}

.bookingCalendarHeaders {
	color: #990100;
	font-weight: normal;
	text-align: center;
}

.bookingCalendarHeadersMonths {
	color: #990100;
	font-weight: bold;
	text-align: center;
}

.bookingCalendarHeaderContainer {
	width: 220px;
	margin: 0px auto;
}

.bookingCalendarHeaderDateContainer input {
	border: solid 1px #CCCCCC;
	color: #990100;
}

.bookingCalendarHeaderDateContainer label {
	font-weight: bold;
	color: #666;
}

.bookingCalendarHeaderDateContainer {
	width: 220px;
	margin: 0px auto;
	padding: 0px; /*border-bottom	: solid 1px #015d91;	*/
}

.bookingCalendarHeaderDateContainer td {
	margin: 0px;
	padding: 0px;
}

.bookingCalendarHeaderLinkBt {
	width: 6px;
}

.bookingCalendarHeaderLinkBt INPUT {
	height: auto;
}

.bookingCalendarLegend {
	width: 220px;
	margin: 0px auto;
	vertical-align: middle;
}

.bookingCalendarLegendColorsContainer {
	vertical-align: middle;
}

.bookingCalendarLegendAvailable {
	width: 20px;
	height: 10px;
	border: solid 1px #990100;
	background-color: White;
}

.bookingCalendarLegendUnAvailable {
	width: 20px;
	height: 10px;
	border: solid 1px #990100;
	background-color: #990100;
}

.bookingCalendarLegendSelected {
	width: 20px;
	height: 10px;
	border: solid 1px #990100;
	background-color: #ffcc00;
}

.bookingCalendarLegendPast {
	width: 20px;
	height: 10px;
	border: solid 1px #990100;
	background-color: #F6F6F6;
}

.bookingCalendarHelp {
	color: Red;
	font-weight: bold;
	vertical-align: middle;
}

.booking_closeButtons {
	position: absolute;
	right: 0px;
}

.booking_closeButtons a {
	float: right;
	color: #666666;
	text-decoration: none;
	cursor: pointer;
}

.booking_closeButtons a * {
	vertical-align: middle;
}

.booking_closeButtons a span {
	margin-right: 3px;
}

/*  AVAIL_TYPE_DISPONIBLE = 1;
    AVAIL_TYPE_BAJOPETICION = 2;
    AVAIL_TYPE_LISTAESPERA = 3;
    AVAIL_TYPE_CERRADO= 4; */
.availtype_1 {
	background-color: White;
}
.availtype_2 {
	background-color: Orange;
}
.availtype_3 {
	background-color: yellow;
}
.availtype_4 {
	background-color: Red;
}

.bookingSelectRate input {
	margin: 0px 0px 0px 5px;
	border: solid 1px #ccc;
}

.bookingSelectRateDatesContainer {
	margin: 0px 0px 0px 5px;
	border: solid 1px #ccc;
	overflow: scroll;
	width: 735px;
	height: 400px;
}

.bookingSelectRateDates {
	width: 715px;
}

.bookingSelectRateDates ul li input{
	border : 0px none;
	vertical-align : bottom ;
}

.bookingSelectRateLegend {
	width: 420px;
	margin: 0px auto;
	vertical-align: middle;
}

.bookingSelectRateLegendColorsContainer {
	vertical-align: middle;
}

.bookingSelectRateLegendBox {
	width: 20px;
	height: 10px;
	border: solid 1px #990100;
}


.bookingSelectRateBox {
	float: left;
	width: 15px;
	height: 10px;
	border: solid 1px #990100;
	margin-left: -20px;
	margin-top: -15px;
}

.bookingSelectRateInfo {
	cursor: pointer;
	color: #990100;
}


.bookingLocalizer .localizer {
	border: 1px solid #FDCD01;
	padding: 5px;
	margin: 5px 0px;
	overflow: hidden;
	width: 938px;
	float: left;
}

.bookingLocalizer .localizer .label {
	font-weight: bold;
	font-size: 1em;
	color: #990100;
	vertical-align: middle;
}

.bookingLocalizer .localizer .value {
	margin-left: 5px;
	font-weight: lighter;
	font-size: 1.3em;
	color: #666666;
	vertical-align: middle;
}

/* Advice label */

.DiscountAdvice
{
	color:Red;
	width:100%;
	float:right;
}

/* Quitamos la posiblidad de que se pueda indicar una búsqueda por número de personas en un servicio */

#ctl00_PrimaryContentPlaceHolder_serviceSearchView_lblSerivceTypePax
{
	display: none;
}
#ctl00_PrimaryContentPlaceHolder_serviceSearchView_rbtonServiceTypePax
{
	display: none;
}
#ctl00_PrimaryContentPlaceHolder_serviceSearchView_txtServicePax
{
	display: none;
}
#ctl00_PrimaryContentPlaceHolder_serviceSearchView_rbtonServiceType
{
	display: none;
}