* {margin:0;padding:0;}
html,body {height:100%; width:530px;}
body {
	background:#fff;
	color:#333;
	font:11px/14px Verdana, Arial, Helvetica, sans-serif;
}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.booker_header {
	background:#eee;
	/*border-bottom:2px solid #ddd;
	padding:5px 0 0 5px;*/
}
.booker_header h1 {
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	margin:5px 0 10px 0;
	font-weight:normal;
}
ul.products {
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:auto;
}
.products li,
.products a {
	float:left;
	display:block;
}
.products li li a {font-size:90%;}
.products a {
	/*padding:3px 10px;*/
	margin-right:2px;
	background:#fff;
	text-decoration:none;
	border-radius:3px 3px 0 0;
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
}
.products li:last-child a {margin-right:0;}
.products .current a {
	background:#ddd;
	cursor:text;
}
.booker_content {
	padding:5px;
	height:185px;
	overflow:auto;
	overflow-x:hidden; 
}
.field {
	margin-bottom:4px;
}
.field label {
	display:block;
	margin-bottom:0;
}
.note {
	font-size:10px;
	color:#666;
}
.field input {
	width:188px;
	padding:1px;
	font-size:11px;
}
.field .radio_field label,
.field .check_field label {
	display:inline;
}

.field .check_field input,
.field .radio_field input,
.field input[type="checkbox"],
.field input[type="radio"] {
	width:auto;
	padding:0;
}
* html .field input#Flight_FlightType_SINGLETRIP,
* html .field input#Flight_FlightType_ROUNDTRIP {
	width:13px;
}
.checkin label,
.checkout label {letter-spacing:-0.5px;}
.group {
	width:100%;
	overflow:hidden;
}
.group div {
	float:left;
	display:inline;
}
.checkin, .RoundTrip_radio {margin-right:10px;}
.rooms {margin-right:0;}
select.secInput {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	padding:1px 0;
	margin-top:4px;
	width:94px;
	display:block;
}
.minorsfield {margin-right:5px;}
.group input {width:65px;font-size:11px;}
.group p {margin-top:7px;}
button.calendar {
	background:url(../../../../affiliates.com/vacacionesonline/css/images/calendar.gif);
	width:16px;
	height:16px;
	margin-left:3px;
	border:none;
	vertical-align:text-bottom;
	cursor:pointer;
}
.passengers td,
.passengers th {
	padding:0 3px 3px 0;
}
.passengers th {
	font-weight:normal;
	text-align:left;
}
.passengers td {color:#555;}
.minors_age label {color:#666;}
.field .rooms label,
.passengers .pax td,
.passengers th {font-size:10px; letter-spacing:-.5px;}
.preferences {padding:5px 0 10px 0;}
.preferences p {margin:4px 0;}
.preferences_fields {
	background:#EFFCFF;
	margin:0;
	padding:5px;
	border:1px solid #def;
}
.preferences .field label {color:#555;}
.preferences .field select {color:#555; font-size:11px; padding:2px 0;}
input.error {
	border:1px solid #a00;
	background:#fff;
}
.field .errormsg {
	color:#a00;
	font-size:10px;
	display:block;
	margin-top:2px;
	line-height:110%;
}
.group .errormsg {width:95px;}
.message {
	padding:3px 5px;
	margin:0 0 8px 0;
	background:#ffd;
	text-shadow:1px 0 0 #fff;
}
div.error {
	color:#a00;
	border:1px solid #eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}

.buttons {padding:5px; background:#f2f2f2;}
.submitButton {
	background:#0C75A4;
	border:1px solid #039;
	border-color:#47A3CC #039 #039 #47A3CC;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:16px;
	padding:0 4px; 
	cursor:pointer; 
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	outline:none;
}
.submitButton:hover {background:#28c;}

/* Calendario ---- */
.yui-skin-sam .yui-ac-input {position: static; width: 188px;}
.yui-skin-sam .yui-ac-content {height: 100px; overflow-y: auto;}
.yui-skin-sam .yui-ac-container {width: 188px;}
.yui-skin-sam .yui-ac {font-family: Verdana,Arial,Helvetica,sans-serif; position:static;}
.cal-overlay {border:none;padding-top:10px;}
.cal-overlay .bd {width:180px;margin:0 auto;}
.cal-overlay .bd .yui-calcontainer {border:none;}
.cal-overlay .hd {width:164px; overflow:hidden;padding:5px;margin:auto; background:#fff;}
.cal-overlay .hd strong {float:left;}
.cal-overlay .hd a {float:right; font-size:10px;padding:1px 4px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.yui-calcontainer .yui-cal-nav-mask { width: 100%; height: 100%; }

/* COLORES ---- */
body {background:#fff;}
a {color:#06c;}
.booker_header {background:#0C75A4;border-bottom:none;}
.products a {color:#fff;background:#47A3CC; /*padding:2px 4px;*/}
.products a:hover {color:#fff;background:#38c;}
.products .current a, .products .current a:hover {color:#333; background:#f2f2f2;}
.cal-overlay {background:none; height:1px;}
.cal-overlay .bd .yui-calcontainer {background:#EFF5F5; border:3px solid #333;border-top:none;border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;}
.cal-overlay .hd {background:#07a;border:3px solid #333; border-bottom:none;border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0; color:#fff;}
.booker_content {background:#f2f2f2;}
.buttons {}
.cal-overlay .hd a {background:#4AA4CD; color:#fff;}

/* LARGE VERSION ------- */
body.long .products a {
	padding:4px 8px;
	letter-spacing:0;
	margin-left:4px;
	margin-right:0;
	font-size:14px;
	font-weight:bold;
}
body.long .booker_content {
	font-size:12px;
	height:230px;
}
body.long .field {
	margin-bottom:7px;
	margin-top:3px;
}
body.long .transfer-searchbox .field {margin-bottom:4px;}
body.long select.transferType,
body.long select#Transfer_AirportId {padding:3px; font-size:12px;}
body.long .field input {
	width:205px !important;
	padding:3px;
	font-size:12px;
}
body.long select#Transfer_AirportId {width:211px !important;}
body.long .field .check_field input,
body.long .field .radio_field input,
body.long .field input[type="checkbox"],
body.long .field input[type="radio"] {
	width:auto !important;
}
body.long .field input.date-text {
	width:75px !important;
}
body.long .field .rooms label,
body.long .passengers th {
	font-size:12px;
	letter-spacing:0;
	padding-right:10px;
}
body.long .minors_age {font-size:11px;}
body.long .submitButton {
	font-size:13px;
	padding:3px 6px;
}

/* Carrusel -------------------- */
.jcarousel-skin-tango .jcarousel-container {position: relative;}
.jcarousel-skin-tango .jcarousel-container-horizontal {
    width:180px;
    padding:0 20px;
}
.jcarousel-skin-tango .jcarousel-clip-horizontal {width:95%;}
.jcarousel-skin-tango .jcarousel-item {
	width:100px;
	height:auto;
}
.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

.jcarousel-skin-tango .jcarousel-next-horizontal,
.jcarousel-skin-tango .jcarousel-prev-horizontal {
	position: absolute;
	cursor:pointer;
	width:14px;
	height:14px;
    cursor: pointer;
}

.jcarousel-skin-tango .jcarousel-next-horizontal {
    top:0;
    right:10px;
    background: transparent url("https://s3.amazonaws.com/affiliates.com/vacacionesonline/images/arrowsprite.gif") no-repeat 0 0;
	background-position: -56px 0;
}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: -70px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: -84px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {background-position: -98px 0; cursor:default;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    top:0;
    left:0;
    background: transparent url("https://s3.amazonaws.com/affiliates.com/vacacionesonline/images/arrowsprite.gif") no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -14px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background-position: -28px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {background-position: -42px 0; cursor:default;}

/* Destinations menu ---- */
.nav {
	width:530px;
	overflow:hidden;
	border-bottom:3px solid #ddd;
	margin:5px 0;
}
.nav li,
.nav a {
	float:left;
	display:block;
}
.nav a {
	padding:5px;
	margin-right:2px;
	text-decoration:none;
	border-bottom:3px solid #fff;
}
.nav .current a,
.nav .current a:hover {font-weight:bold; cursor:text;}

/* Destinations list ----- */
#content h1 {margin:5px 0 0 0;}
.topDestinations ul,
.topDestinations li {list-style:none;}
.featuredDestinations {margin-top:5px;}
.featuredDestinations li {float:left; margin:0 5px 5px 0; padding:0 0 9px 0; width:125px; z-index:-1; background: url(https://s3.amazonaws.com/affiliates.com/vacacionesonline/images/dshadow.png) bottom right no-repeat;} 
.featuredDestinations a {display:block; border:1px solid #ddd; padding:6px; height:103px; text-decoration:none; line-height:110%;}
.featuredDestinations img {border:0;}
.featuredDestinations strong {display:block; margin:5px 0 2px 0;}
.featuredDestinations span {font-size:11px;}
.featuredDestinations a:hover {background-color:#f6f6f6;}

/* Destinations sprite ----- */
.dSprite {background:url(../../../../affiliates.com/vacacionesonline/images/dsprite2.jpg) no-repeat;width:110px;height:60px;} 

.huatulco {background-position:0 0;}
.veracruz {background-position:-110px 0;}
.pCarmen {background-position:-330px 0;}
.gto {background-position:-220px 0;}
.manzanillo {background-position:0 -70px;}
.chiapas {background-position:-110px -70px;}
.orl {background-position:0 -140px;}
.mia {background-position:-220px -140px;}
.las {background-position:-330px -140px;}
.sfo {background-position:-110px -140px;}
.bas {background-position:-110px -280px;}
.mza {background-position:-330px -350px;}
.igu  {background-position:-220px -420px;}

.cba {background-position:0 -350px;}
.caba {background-position:-330px -420px;}
.cbac  {background-position:-220px -280px;}
.scb {background-position:-220px -350px;}

.pilar {background-position:-330px -280px;}
.pcana {background-position:0 -420px;}
.pplata {background-position:-110px -420px;}
.cun {background-position:-330px -70px;}
.aca {background-position:-330px -560px;}
.pvr {background-position:0 -560px;}
.zlo {background-position:-220px -70px;}
.mex {background-position:-110px -560px;}
.sjd {background-position:-220px -560px;}
.jam {background-position:-110px -490px;}
.esm {background-position:0 -630px;}
.lvg {background-position:-220px -210px;}
.nyc {background-position:-330px -210px;}
.bla {background-position:-110px -630px;}
.hav {background-position:0 -700px;}
.var {background-position:-110px -700px;}
.cal {background-position:-220px -700px;}
.ros {background-position:-330px -700px;}

/* Offers ------- */
.row {
	width:100%;
	overflow:hidden;
}
.col {
	float:left;
	display:inline;
	overflow:hidden;
	width:49%;
}
#beachHotels {margin-right:2%;}
table.list {width:100%; margin:5px 0;}
table.list th {
	text-align:left;
	padding:3px 6px;
	border-bottom:2px solid #8FBE00;
}
table.list td {font-weight:bold;}
table.list td.alt {font-weight:normal;}
table.list td a {
	display:block;
	padding:3px 6px;
	border-bottom:1px dotted #ddd;
}
table.list td a:hover,
table.list tr:hover td,
table.list tr:hover td a {background:#8FBE00; color:#fff; text-decoration:none;}
p.note {font-size:11px; color:#888;}


/* Colors ----- */
h1 {color:#07c;}
a {color:#06c;}
a:hover {color:#06c;}
.nav {border-bottom-color:#8FBE00;}
.nav .current a,
.nav .current a:hover {border-bottom-color:#8FBE00; color:#333;}
.nav a:hover {border-bottom-color:#07c;}
.featuredDestinations a strong {color:#07c;}
.featuredDestinations a span {color:#888;}