/**
 * Hoja de estilos para el skin Bookohotel.
 */

body {

	background-image: url(../images/bg-body.png);
	background-repeat:repeat-x;
	background-color: #fff;
	color: #545456;
}

h2 {
	background-image: none;
	border: none;
}

a, a:visited {
	color: #545456;
}

a:hover {
	color: #545456;
}

#main-container {
	background-image: url(../images/bg-main-container.png);
	background-repeat: repeat-y;
	background-color: #fff;

	width: 1005px;
	padding: 0px;
	background-position: center;
}

#sub-main-container {
	background-image: url(../images/bg-sub-main-container.png);
	background-position: center -128px;
	background-repeat: no-repeat;
	min-height: 1000px;

	width: 966px;
	padding-left: 13px;
	padding-right: 26px;
}

#header {
	margin: auto;
	width: 992px;
	height: 188px;
	padding-left: 13px;

	background-image: url(../images/bg-header.png);
	background-repeat: no-repeat;
}

	#agency-logo-container {
		position: absolute;
		right: 30px;
		top: 35px;
	}

input.generic-submit {
	background-image: url(../images/bg-submit-button.png);
	height: 31px;
	background-color: #FADB7C;
	color: #333;
	border: 1px solid #FBDA76;

	font-size: 12px;
	text-transform: uppercase;
	font-weight: normal;
	border: none;
}

input.generic-submit:hover {
	background-color: #FADB7C;
	color: #333;
}

input.small-submit {
	/*font-size: 11px;
	height: 22px;
	padding-top: 1px; */
	margin-top: 3px;
}


	/* TOOLBAR
	   -------------------------------------------------------------- */
		#toolbar-container {
			width: 992px;
			height: 60px;
			position: absolute;
			top: 128px;
			background-image: url(../images/bg-toolbar.png);
			background-repeat: repeat-x;
		}

		#toolbar-body {
			float: right;
		}

		#toolbar-tail {
			float: right;
		}

		#toolbar {
			height: 60px;
			margin: 0px;
			padding: 0px;
			width: auto;
			display: inline;

			overflow: hidden;
			zoom: 1;
		}

			#toolbar li {
				background-image: url(../images/bg-toolbar-item.png);
				background-repeat: no-repeat;
				margin: 0px;
			}

				.btn-toolbar a,
				.btn-toolbar a:visited,
				.btn-logout a,
				.btn-logout a:visited {
					width: auto;
					float: left;
					background-image: none;
					line-height: 27px;

					font-size: 15px;
					color: #333;

					display: block;
					height: 32px;
					padding-top: 5px;
					padding-left: 13px;
					padding-right: 10px;

					text-decoration: none;
				}

				.btn-toolbar a:hover,
				.btn-logout a:hover {
					color: #545456;
					background-image: url(../images/bg-toolbar-item-hover.png);
					background-position: top center;
				}

	#footer {
		width: auto;
		padding: 0px;
		margin: 0px;
		background-image: none;
		background-image: url(../images/bg-footer.png);
		background-repeat: repeat-x;
		background-color: #fff;

		padding-top: 40px;
	}

		#footer-container {
			width: 962px;
			margin: auto;
		}

			#footer-poweredby-container {
				padding-left: 80px;
			}


/* LOGIN
   ------------------------------------------------------------------ */
	#login-form {
		background-color: #fff;
	}

/* HOME
   ------------------------------------------------------------------ */
	#home-container {}

		#home-left {
			width: 492px;
			margin: 0px;
			padding: 0px;

			margin-left: 17px;
		}

			#search-container-header {
				background-image: url(../images/bg-search-box-header.png);
				background-repeat: no-repeat;

				padding-top: 9px;
				height: 37px;
			}

		#buscador {
			width: 492px;
		}

			/* Cabeceras del buscador de Bookohotel */
			.boh-sb-header {
				height: 36px;
				width: 432px;
				padding-left: 60px;
				padding-top: 1px;

				font-size: 14px;
				color: #333;
				text-transform: uppercase;
				background-color: transparent;
				border: none;
			}

		#buscador {
			background-image: url(../images/bg-search-box.png);
			background-repeat: repeat-y;
			background-color: #fff;
		}

			#destino,
			div.habi_1,
			.dias,
			#room-add-container,
			#disponibilidad,
			#campo_buscar,
			.disp_1,
			#habitaciones  {
				background-color: transparent;
				background-image: none;
				border: none;
			}

			#dd-home-container, .campos_nombre {
				padding-right: 5px;
			}

			#search-box-rooms-header {
				background-image: url(../images/bg-search-box-rooms-header.png);
				background-repeat: no-repeat;
			}

			#search-box-avail-header {
				background-image: url(../images/bg-search-box-avail-header.png);
				background-repeat: no-repeat;
			}


			a.add-room-type {
				background-image: url(../images/bg-add-room-link.png);
				background-repeat: no-repeat;
			}

			#disponibilidad {
				padding-right: 9px;
			}

				#availability-container {
					background-image: url(../images/bg-search-box-avail.png);
					background-repeat: repeat-x;

					margin-left: 10px;
					width: 465px;
				}

					#campo_buscar {
						padding-right: 10px;
					}

		#search-container-shadow-bottom {
			background-image: url(../images/bg-search-box-footer.png);
			background-repeat: no-repeat;
			width: 492px;
			height: 6px;
		}


		/* DEFAULT DESTINATIONS
		   ------------------------------------ */
		#default-destinations-container {
			padding-top: 10px;
		}

			.destination-container {
				float: left;
				width: 150px;
				overflow: hidden;
				padding: 5px 0;
			}

	#home-right {
		padding-left: 33px;
		width: 410px;
	}

	#home-right .banner-home-top {
		background-image: url("http://www.bookohotel.com/banner/banner.jpg");
		width: 386px;
		height: 154px;
		margin-bottom: 21px;
	}
	
	#home-right .banner-home-swf {
		
	}
	
		#home-right h1 {
			color: #FFC71F;
			font-size: 24px;
			margin-bottom: 21px;
		}

		#home-right p {
			color: #999;
			font-size: 14px;
			margin-bottom: 26px;
		}


/* RESULTADOS DE LA BUSQUEDA
   ------------------------------------------------------------------------------- */
#container-search {
	margin: 0px;
}

	#left-search {
		margin-left: 4px;
	}

		#container-box-left {

		}

			#header-box-left {
				background-image: url(../images/bg-left-box-header.png);
				background-repeat: no-repeat;
				width: 202px;
				height: 27px;
				padding-top: 5px;
			}

				#header-box-left h3,
				.right-box-header h3,
				#filter-header h3 {
					background: none;
					color: #fff;
					text-transform: uppercase;
					border: none;
					font-weight: bold;
					margin-left: 3px;
				}

			#body-box-left {
				background-image: url(../images/bg-left-box-body.png);
				background-repeat: repeat-y;
				width: 188px;
				padding: 0px 7px;
			}

			#footer-box-left {
				background-image: url(../images/bg-left-box-footer.png);
				background-repeat: no-repeat;
				width: 202px;
				height: 7px;
			}

			#comparator {}

				#comparator .item-even {
					background-image: url(../images/delete_E8E3CB.gif);
					background-repeat: no-repeat;
				}

				#comparator .item-odd {
					background-image: url(../images/delete_E8E7E3.gif);
					background-repeat: no-repeat;
				}

				#comparator-items-container {
					width: 188px;
				}

					.list-no-items {
						border: none;
					}



	#center-search {
		margin-left: 0px;
	}

		#filter-header {
			background-image: url(../images/bg-filter-box-header.png);
			background-repeat: no-repeat;
			width: 510px;
			height: 27px;
			padding-top: 5px;
		}

		#filter-body {
			background-image: url(../images/bg-filter-box-body.png);
			background-repeat: repeat-y;
			width: 495px;
			padding: 0px 8px 0px 7px;
		}

			.f-cell-actions {
				background: none;
			}

		#filter-footer {
			background-image: url(../images/bg-filter-box-footer.png);
			background-repeat: repeat-y;
			width: 510px;
			height: 7px;
		}

		.hotel-rate-footer {
			background-color: #fff;
		}

			a.btn-open-hotel-info,
			.google-maps-off,
			a.btn-details-pdf,
			a.btn-open-google-maps {
				background-image: url(../images/sp-step02-icons-fff.gif);
			}


			a.btn-add-to-comparator {
				background-image: url(../images/sp-step02-comparator-fff.gif);
				height: 23px !important;
				padding-top: 6px;
				margin: 0px;
				margin-top: 2px !important;
				margin-left: 5px;
				padding-left: 35px;
				width: 200px !important;
				text-align: left;
			}


	#right-search {
		width: 240px;
	}

		.right-box-header {
			background-image: url(../images/bg-right-box-header.png);
			background-repeat: no-repeat;
			width: 240px;
			height: 27px;
			padding-top: 5px;
		}

		.right-box-body {
			background-image: url(../images/bg-right-box-body.png);
			background-repeat: repeat-y;
			padding: 0px 7px;
			width: 226px;
		}

			#cart-items-container {
				width: 226px;
			}

		.right-box-footer {
			background-image: url(../images/bg-right-box-footer.png);
			background-repeat: no-repeat;
			width: 240px;
			height: 7px;
		}

		#cart-confirm-container {
			background: none;
		}


/* POPUP DESTINATIONS
   ------------------------------------------------------------------ */
#main-destination-container {
	margin: 10px;
	background-color: #f2f2f3;
	border: 1px solid #fff;
	min-height: 400px;
	padding: 10px;
}

	.destination-list-column {
		width: 50%;
		float: left;
	}

		.destination-list-column ul {
			list-style: none;
		}

		.destination-list-column ul li {
			font-size: 12px;
			padding: 6px;
		}

		.destination-spacer {
			width: 20px;
			float: left;
		}

		.destination-name {
			float: left;
			width: 260px;
			overflow: hidden;
		}

		#destination-list-container {
			min-height: 310px;
			border: 1px solid #ccc;
			background-color: #fff;
			padding: 5px;
			margin: 10px;
		}

			#destination-input-container label {
				padding-bottom: 4px;
				padding-right: 5px;
			}
			#destination-input-container .small-submit {
				margin: 0px;
			}

			#destination-input-message-container {
				height: 30px;
				text-align: center;
				margin-top: 10px;
			}

			#destination-input-message-container .message {
				display: none;
			}