@charset "utf-8";
/*/////////////////////////////////////////////////////////////////////////
// @Sistema: Cancun Tours + Hotels 										 //
// @Version: 1.0														 //
// @Autor: Juan J. Lopez Lira											 //
// @Fecha: 30 Diciembre 2009										 	 //
// Descripcio: Archivo de Estilos CSS Booking Box						 //
/////////////////////////////////////////////////////////////////////////*/

/* Booking Box */
.booking-box {
	width:210px;
	height:auto;
	padding:10px;
	background:#01477a url(../images/darkblue-deg.png) repeat-x top;
}
.booking-box #title {
	width:150px;
	height:auto;
	background:url(../images/suitcase.png) no-repeat right top;
	padding:5px 60px 5px 0;
	text-align:right;
	margin:0;
}
.booking-box #title h2 {
	font-size:19px;
	color:#FFF;
	font-weight:lighter;
	margin:0;
}
.booking-box #title h3 {
	color:#fbb217;
	font-weight:lighter;
	margin:0;
	font-size:14px;
}

.booking-box h3{
	font-size:14px;
	color: #069;
	font-weight:lighter;
}

.booking-box a {
	text-decoration: none;
}

/* Field Set */
.fieldset {
	width:220px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.fieldset li {
	float: left;
	width: 70px;
	height: auto;
	padding: 5px;
}

.fieldset .fullfield{
	width: 100%;
}

.label{
	width: 60px;
	padding: 10px;
}

.data{
	width: 120px;
}

#schedule{
	text-align: center;
	color: #006699;
	width: 100%;
}

#schedule select{
	margin: 0 0 0 63px;
}

/* Tabs */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: auto;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: auto;
	border-left: none;
	margin-bottom: -1px;
	overflow: hidden;
	position: relative;
	background:#dbe9ee url(../images/lightblue-deg.png) repeat-x top;
}
ul.tabs li a {
	text-decoration: none;
	color: #666666;
	display: block;
	padding: 5px 7.1px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	color: #01477a;
	background: #fff;
}
html ul.tabs li.active, html ul.tabs li.active a:hover {
	background: #fff;
	border-bottom: 1px solid #fff;
	color:#01477a;
}
.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left;
	width: 100%;
	background: #fff;
}
.tab_content {
	padding: 10px;
}
/* Transfers */

#oneway, #roundtrip {
	width:100px;
	height:auto;
	float:left;
}
#oneway {
	background:url(../images/oneway.png) left no-repeat;
}
#roundtrip {
	background:url(../images/roundtrip.png) left no-repeat;
}
#oneway input, #roundtrip input {
	margin: 0 20px 0 0;
}
.dates {
	width:120px;
	height:auto;
	padding:3px 5px;
	background:#fff url(../images/calendar.png) right no-repeat;
	border:1px solid #ccc;
}
.pasajeros {
	float:left;
	width:20px;
	height:auto;
	padding:3px;
	border:1px solid #ccc;
	text-align:center;
	margin: 0 5px 0 0;
}
.booking-box #promocode {
	float:left;
	width:40px;
	height:auto;
	padding:3px;
	border:1px solid #ccc;
	text-align:center;
	margin: 0 5px 0 0;
}
.menos a {
	float: left;
	display:block;
	width: 10px;
	height: 20px;
	background: url(../images/less.png) top;
	margin: 0 5px 0 0;
}
.mas a {
	float: left;
	display:block;
	width: 10px;
	height: 20px;
	background: url(../images/more.png) top;
}
.booking-box #hotel, .booking-box #HotelName , .booking-box #TourName {
	width:100px;
	height:auto;
	padding:3px 5px;
	border:1px solid #ccc;
}
.hotellist {
	position: absolute;
	z-index:1000;
	margin:-12px 0 0 10px;
}
.hotellist li {
	list-style:none;
}
.hotellist li a {
	display:block;
	padding:10px;
	border-bottom:1px solid #333;
	background:#000;
	color:#FFF;
}
.hotellist li a:hover {
	background: #0871a2;
}
.hotellist li span {
	font-style:italic;
}
/* Hover */
.menos a:hover, .mas a:hover {
	background-position:bottom;
}
/* Hiddens */
.menos span, .mas span {
	display: none;
}
.goreserve {
	float:right;
	width:210px;
	height:auto;
	margin:0 0 0 10px;
	padding:10px;
	border:1px solid #CCC;
	background:#FFF;
}
	
.goreserve select, .booking-box select{
	width:130px;
	background:#FFF;
	padding:3px 5px;
	border:1px solid #ccc;
	}
	
.goreserve option, .booking-box option{
	background:#FFF;
	padding:0 5px;
	border-bottom:1px solid #ccc;
	}