@charset "utf-8";
/* CSS Document */

#reservation-form { overflow:hidden; width:960px; font-size:12px; margin:10px 0; font-weight:bold }
#reservation-form input { border:1px solid #089dcb;} 
#reservation-form p{ margin:3px 0; font-size:12px; color:#000;}
	#reservation-form fieldset { height:122px; position:relative; z-index:20;}
	#reservation-form h3 { color:#FF6C11; font-size:20px;}
	
	#container { width:928px; border:1px solid #089DCB; padding:5px; margin-bottom:5px; }
	#guide-wrap { overflow:hidden; position:relative; min-height:55px;}
	
	#guide{ width:240px; height:120px; background-color:#C00; position:absolute; top:0px; left:0px; overflow:hidden; z-index:1; background:url(../images/form/guide-bak2.png) repeat-x;}
		#guide p { margin-top:62px; text-align:center; color:#FFF; font-size:11px; line-height:18px; }

	#hotel-input { width:242px; position:absolute; z-index:10;}
		#hotel-name { float:left; width:240px; margin-top:1px;}
		#hotel-name p{ text-align:center;}
		#other-hotel { float:right; width:240px; position:relative; right:2px; height:75px; background:#FFF; }
	
	#pax-div { width:240px; margin-left:85px; margin-top:4px; position:absolute; z-index:10; left:243px;  }
		#pax-div p{ text-align:center;}
		#pax-div selec { width:150px;}
		#pax-div label { text-align:center;}
	#reservation-date { width:240px; margin-left:80px; margin-top:6px; position:absolute; z-index:10; left:561px; }
	    #reservation-date p { text-align:center;}
	
	.fieldDiv { text-align:center; margin-top:5px; height:50px;}

	
table#allInclude { border:1px solid #089dcb; width:939px; margin-left:1px; margin-bottom: 13px; margin-top:8px; font-weight:bold; text-align:left;}
	table#allInclude th { border-bottom:1px solid #089dcb; text-align:center; padding:2px; font-size:14px; font-weight:bold;}
	table#allInclude td { font-size:11px; padding:2px; padding-left:15px;}
	table#allInclude p { font-size:14px; padding:2px; color:#F00;}

table#allInclude2 { border:1px solid #089dcb; width:939px; margin-left:1px; margin-bottom: 13px; margin-top:-14px; font-weight:bold; text-align:left;}
	table#allInclude2 th { border-bottom:1px solid #089dcb; text-align:center; padding:2px; font-size:12px;}	
	
#service-select { display:none;}
	
	div#reservation-form div.transDiv { width:308px; float:left; min-height:500px; margin-right:5px; margin-bottom:5px; border:1px solid #089dcb; font-weight:normal; }
	div#reservation-form div.transDiv2 { width:308px; float:left; min-height:520px; margin-right:5px; margin-bottom:5px; border:1px solid #089dcb; font-weight:normal; }
	.bCont { border:1px solid #089dcb; }
		.priceBox {font-size:10px; word-spacing:-1px; height:163px;}
		table.priceBox label { font-size:12px; font-weight:bold;}
		.servNotice { height:30px; border-top:1px solid #089dcb; }
		.includes {font-size:11px; font-weight:normal;}
		table.includes tr.even { background:#a8d9ec;}
		table.includes tr {  background:#e9fcff; vertical-align:top;}
		table.includes tr.one { height:20px;}
		table.includes tr.two { height:40px;}
		table.includes tr.three { height:40px;}
		table.includes tr.four { height:20px;}
		table.includes tr.five { height:20px;}
		table.includes tr.six{ height:40px;}
		table.includes tr.seven { height:72px;}
		table.includes tr.eight { height:60px;}
		table.includes tr.nine { height:60px;}
		table.includes tr.ten { height:40px;}
		table.includes tr.eleven { height:20px;}
		table.includes tr.twelve { height:20px;}
		table.includes tr.thirteen { height:60px;}
		
		table.bonus { font-size:11px; border-bottom:1px solid #089dcb; font-weight:normal;}
		table.bonus tr { vertical-align:top;}
		table.bonus tr.bOne { height:20px;}
		table.bonus tr.bTwo { height:60px;}
		table.bonus tr.bThree { height:40px;}
		
		.bottomSelect { border-top:1px solid #089dcb; margin-top:1px; padding:3px 0; text-align:center; height:20px; }
		.align { text-align:center;}
		
		
	
	#reservation-form h3.transHeader { background:url(../images/transHeader.png) no-repeat; color:#FFF; font-size:16px; font-weight:bold; margin:0; text-align:center; line-height:26px;}
	#reservation-form li { text-indent:2px;}
	#submit { text-indent:-9000%; width:80px; height:20px; margin-left:65px; background:url(../images/form/reserve.png) no-repeat; border:none; cursor:pointer;}
	#submit:hover { background:url(../images/form/reserve-hover.png) no-repeat;} 
	
	#busDiv { }
	#shuttleDiv { }
	#taxiDiv {  }
	#privateDiv { }
	#vipDiv { }
	#limoDiv { }
	
	.priceDiv { text-align:right; margin-right:10px; height:40px;}
	

#other-hotel { display:none;}

.pricePer { color:#F00; margin-left:24px;}
.uline { text-decoration:underline; text-align:center;}
.total { color:#f60;}

.priceCont { overflow:hidden; background:url(../images/form/small-dots.png) repeat-x; height:18px; margin:0 2px;}
.priceText { float:left; background:#FFF;}
.priceNum { float:right; background:#FFF;}
.priceHigh { font-weight:bold; color:#f60; font-size:11px; background:url(../images/form/small-dots-high.png) repeat-x;}

.pBoxSelect { padding:3px 0; text-align:center; margin-left:121px; margin-top: 5px;}
.bonusItems { color:#F00; margin-left:12px; text-decoration:underline;}


/* Warnings */
div#reservation-form div.warning { color:#F00; text-align:center; font-weight:bold; font-size:12px; }

#busBonus { height:120px;}
#shuttleBonus { height:120px;}
#taxiBonus { height:120px;}
#privateBonus { height:120px;}
#vipBonus { height:120px;}
#limoBonus { height:120px;}

#moreThanTen { display:none; width:100%; border:1px solid #CCC;}

/* Datepicker */
div#ui-datepicker-div { z-index:200; font-size:12px;}
.airport {}

/* New Styles*/
table.newPBox { width:146px; margin-left:2px; font-size:10px; height:163px; word-spacing:-1px; }
table.newPBox td {line-height:12px;}
.centerT { text-align:center;}
.online {}
.oHigh {font-size:12px; font-weight:bold;}
.hText { text-align:center; line-height:12px; text-decoration:underline;}
#reservation-form label { font-size:12px;}
#reservation-form select { border:1px solid #089dcb;}
.oWay { }
.saveHigh { color:#333;}
#destSpan { font-weight:bold; text-transform: uppercase; }
table.newPBox td.discNotice { line-height:12px; color:#333;}
#busPerson { width:48px; text-align:right;}
#busTotal { width:48px; text-align:right;}
#paxNo { width:48px; text-align:right;}
table.newPBox td.pSpace { line-height:5px;}
.highRed { color:#F00;}
.italize { color:red; font-style:italic;}
.headertitle { width:298px; margin-left:5px; margin-right:5px; float:left; height:45px;}
div#reservation-form h2.title {color:#089dcb ; font-family:Arial, Helvetica, sans-serif; font-size:20px; margin: 8px 0; line-height:18px; padding:0px; background-image:none; border-bottom:none;}
.stars { float:right; margin-top:4px;}
div.headertitle .line{width:298px; background-color:#089dcb; height:1px; border:0; color:#089dcb;}
.imgservice {float:left; margin-left:5px; width:125px; height:88px; margin-top:4px;}
#note-bus { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:20px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:304px;}
#note-bus2 { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:53px; font-size:12px; font-family:Arial, Helvetica, sans-serif; height:210px;}
#note-shuttle {with:298px; float:left; margin-left:12px; margin-right:5px; margin-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:309px;}
#note-shuttle2 {with:298px; float:left; margin-left:12px; margin-right:5px; margin-top:53px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:220px;}
#note-taxi { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:309px;}
#note-taxi img { float:right; margin-top:-12px; margin-right:55px;}
div.note-taxi2 { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:45px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:220px;}

#note-private { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:329px;}
#note-private img {float:right; margin-top:-12px; margin-right:55px;}
#note-private2 { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:220px;}

#note-vip { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:329px;}
#note-vip img {float:right; margin-top:-12px; margin-right:55px;}
.note-vip2 { width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:220px;}

#note-limo {width:298px; float:left; margin-left:12px; margin-right:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:334px;}
.note-limo2 {width:298px; float:left; margin-left:12px; margin-right:5px; margin-top:5px; font-size:11px; font-family:Arial, Helvetica, sans-serif; height:210px;}
p#note-limo3 { font-weight:bold; margin:8px 3px 3px;}
.line2 {width:65px; background-color:#089dcb; height:1px; border:0; color:#089dcb;}
#reservation-form p.oneway {font-family:Arial, Helvetica, sans-serif; font-size:11px;line-height:5px; text-align:center; padding:0px;}
#reservation-form p.guion{font-family:Arial, Helvetica, sans-serif; font-size:11px;line-height:5px; color:#089dcb;}
#pricebus {float:left; width:120px; height:78px; margin-left:25px; text-align:center; margin-top:10px;}
.prices-form {float:left; width:168px; height:88px; margin-left:5px; text-align:center; margin-right:5px; background:url(../images/form/linea.png); margin-top:14px;}
.prices {float:left; width:168px; height:88px; margin-left:5px; text-align:center; margin-right:5px; background:url(../images/form/linea.png); margin-top:14px;}
.priceone {float:left; width:80px; height:70px; text-align:center; margin-right:5px;}
.priceround {float: right; width:81px; height:70px; text-align:center;}
.pricenote { float: left; width:168px; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin-bottom:5px; line-height:10px;}
#reservation-form p.pricetotal { font-family:Arial, Helvetica, sans-serif; font-size:16px; margin-bottom:8px; font-weight:bold; text-align:center; padding:0px;}
#reservation-form p.persons {font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:10px; text-align:center; padding:0px;}
div#reservation-form h2.horas{color:#F00; font-size:14px; background-image:none; border-bottom:none;}
.horas{color:#F00; font-size:14px;}
div#reservation-form div.transDiv li{ background:url(../images/form/guion.png); background-repeat:no-repeat; margin-right:20px; padding-left:8px;}
div#reservation-form div.transDiv2 li{ background:url(../images/form/guion.png); background-repeat:no-repeat; margin-right:30px; padding-left:8px;}
div#reservation-form div.transDiv2 li#price{ background: url(../images/form/guion_red.png); background-repeat:no-repeat; margin-right:30px; padding-left:8px; font-style:italic;}
div#reservation-form div.transDiv li#price{ background: url(../images/form/guion_red.png); background-repeat:no-repeat; margin-right:30px; padding-left:8px; font-style:italic;}
div.transDiv ul, div.transDiv2 ul { line-height:18px;}
div.select {float:left; margin-top:12px; margin-left:12px; }
div.one-way {float:left; width:120px; height:23px; }
div.one-way2 {float:left; width:120px; height:23px; margin-left:85px; }
div.round-trip { float:left; width:120px; height:23px; margin-left:45px; }

#content-lower-price { position:relative;}
#lower-price { position:absolute; left:141px; top:41px;}

#imujeres-notice { display:none; color:red; }
#cozumel-notice { display:none; color:red; }