
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}



html {width: 100%; height: 100%; overflow: hidden auto; font-family:Tahoma, "Trebuchet MS", sans-serif; margin:0;}
body{width:100%;height:100%;margin:0;padding:0;background:#FFF}


.container {
  min-width: 18.75em;
  max-width: 960px;
  margin: 0 auto;
}

@media screen and (min-width: 480px) and (max-width: 1024px) {
	.container {
		width: 94%;
		box-sizing: border-box;
		overflow:hidden; 
	}
}

@media screen and (max-width: 479px) {
	.container {
		width: 94%;
		box-sizing: border-box;
		overflow:hidden; 
	}
}

p {margin:0;}
body {line-height:12px;}

* {margin:0; padding:0;}

a:link {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: none;}

/* TRAVEL ALERT STYLES */
#travelAlerts {margin:0 auto; padding:0; width:890px; height:30px; text-align:center; vertical-align:middle; font-size:18px; color:#3970a2; font-family:Geneva, Arial, Helvetica, sans-serif;}
#travelAlerts select {width:300px; font-size:11px; height:20px; vertical-align:text-bottom;}
#travelAlerts .padfix {padding-bottom:0px; *padding-bottom:0px;}


/* ***************** */
/* RESPONSIVE DESIGN */
/* ***************** */

/* BUCKET STYLES */
#buckets{padding:0;width:960px;height:1140px;font-size:12px;margin-top: 13px;}

@media screen and (min-width: 480px) and (max-width: 1024px) {
	#buckets {
		height:auto;
				float:none;
		/*width:60.9880952%;*/
		width:auto;
		text-align: center;
		display: inline-block;
		margin-top: -10px;
	}
}

@media screen and (max-width: 479px) {
	#buckets {
		height:auto;
				float:none;
		/*width:60.9880952%;*/
		width:auto;
		text-align: center;
		display: inline-block;
		margin-top: -15px;
	}
}


#buckets .promo{display:inline-block;height:224px}
#buckets .promo a img{margin-left:33.5px}
#buckets .promo a img,#buckets .promo div{}

#buckets .conjPromos{width:960px;height:235px;margin-top:-3px}

@media screen and (min-width: 480px) and (max-width: 1024px) {
	#buckets .conjPromos{
		/*width:63.9880952%;*/
		width:80%;
		text-align:center;
		height:auto;
		/*padding-top: 25px;*/
		/*padding-bottom: 35px;*/
		display: inline-block;
		background:none;
		margin-top:-5px;
		margin-right: 15px;
	}
}

@media screen and (max-width: 479px) {
	#buckets .conjPromos {
		width:70%;
		float:none;
		text-align:center;
		height:auto;
		/*padding-top: 25px;*/
		/*padding-bottom: 35px;*/
		display: inline-block;
		background:none;
		margin-top:-5px;
		margin-right: 15px;
	}
}


/* *** SEO Total STYLES *** */
.imagenBarco{width:960px;margin-left:-29px;margin-top:2px;margin-bottom:16px}
@media screen and (min-width: 480px) and (max-width: 1024px) {
    .imagenBarco {
        width: 100%;
        max-width:960px;
        margin-left:auto;
        margin-right:auto;
    }
}

@media screen and (max-width: 479px) {
    .imagenBarco {
        width: 100%;
        /*max-width:360px;*/
        margin-left:auto;
        margin-right:auto;
    }
}



#buckets .promoSmall {float:left; width:207px;}

#buckets .promoSmall .cvp {float:left; width:200px; height:105px; padding:1px 0 0 6px; background:url(../img/buckets_small.png) no-repeat;}
#buckets .promoSmall .cvp .col1 {float:left; width:125px;}
#buckets .promoSmall .cvp .col2 {float:left; width:66px; padding-top:3px;}

#buckets .promoSmall .ta {float:left; width:205px; height:129px; background:url(../img/bucket_taFinder.png) no-repeat; padding-top:13px; *padding-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#6f6f6f; }
#buckets .promoSmall .ta .zip_msg {font-size:11px; height:10px; height:9px; font-weight: bold; color:#9A281D; padding-left:11px;}
#buckets .promoSmall .ta .zipcode {width:85px; font-size:9px; color:#276da5; height:14px; *height:13px;}
#buckets .promoSmall .ta .zipcodeCopy {padding:3px 0 11px 11px;}
#buckets .promoSmall .ta  P {padding-left:11px; padding-bottom:0;}

#buckets a:link {text-decoration:none; color:#276da5;}
#buckets a:visited {text-decoration:none; color:#276da5;}

#buckets #findCruise {float:left; height:235px; width:205px; background:url(../img/findCruise.png) no-repeat; font-size:11px; color:#383838; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding-top:7px;}
#buckets #findCruise .errorcopy {float:left; width:170px; padding-left:15px; height:12px; font-size:11px; font-weight: bold; color:#9A281D;}
#buckets #findCruise .errorcopy, x:-moz-any-link {height:7px; *padding-bottom:5px;}

#buckets #findCruise .switchLink1 {float:left; width:80px; padding-left:15px;}
#buckets #findCruise .switchLink2 {float:left; width:98px; padding-left:9px;}
#buckets #findCruise .dropdownContainer {float:left; width:170px; padding:3px 0 3px 15px; *padding:2px 0 4px 15px;}
#buckets #findCruise .dropdownContainer select {float:left; width:170px; font-size:11px; color:#000000; height:20px;}
#buckets #findCruise .checkbox {float:left; width:160px; padding:2px 0 0 17px; *padding:0 0 0 17px;}
#buckets #findCruise .checkbox .inputbox {float:left; width:20px;}
#buckets #findCruise .checkbox .inputText {float:left; width:133px; padding:0 0 2px 4px; padding:1px 0 2px 4px; color:#000000;}
#buckets #findCruise .button {float:left; text-align:right; width:187px; padding-top:6px; padding-top:0px;}

#buckets #alreadyBooked {float:left; height:236px; width:205px; background:url(../img/alreadyBooked.png) no-repeat; font-size:11px; color:#383838; font-family:Arial, Helvetica, sans-serif; padding-top:7px;}
#buckets #alreadyBooked .switchLink1 {float:left; width:80px; padding-left:15px; height:22px; font-weight:bold;}
#buckets #alreadyBooked .switchLink2 {float:left; width:98px; padding-left:9px; font-weight:bold}
#buckets #alreadyBooked .content {float:left; width:170px; font-size:11px; color:#000000; padding:8px 0 5px 15px; height:193px;}
#buckets #alreadyBooked .content P {line-height:22px; color:#276da5;}
#buckets #alreadyBooked .content a:link {text-decoration: none; color:#276da5;}
#buckets #alreadyBooked .content a:visited {text-decoration: none; color:#276da5;}
#buckets #alreadyBooked .content a:hover {text-decoration: underline;}
#divSEO p {padding:5px;line-height:18px; font-family:Tahoma, "Trebuchet MS", sans-serif; font-size:11px; color:#5B5B5B;}
#divSEO  h1{padding:5px;color:rgb(39, 109, 165);font-size:16px;}

/* FLASH AND NON FLASH CONTENT HOLDER */
#content {
	width:100%; 
	height:410px; 
	margin-top:5px; 
	padding-bottom:10px;
}



/* MISC STYLES */
.aviso { z-index:9999; position:absolute; left:50%; top:120px; margin-left:-350px; width:700px; height:auto; display:none; /* -moz-border-radius-topright: 20px; -khtml-border-radius-topright: 20px; -webkit-border-top-right-radius: 20px; -moz-border-radius-bottomleft: 20px; -khtml-border-radius-bottomleft: 20px; -webkit-border-bottom-left-radius: 20px; */ text-align:left; }
.aviso_cont{ padding:0 30px 0 12px; text-align:left; font-family:Arial, Helvetica, sans-serif; }
.aviso_top{ background:url(../img/aviso_top.png) top center no-repeat; width:700px; height:12px; line-height:1px; z-index:999; behavior: url("css/iepngfix.htc"); }
.aviso_mid{ background:url(../img/aviso_mid.png) top center repeat-y; width:700px; height:auto; z-index:999; line-height:1px; behavior: url("css/iepngfix.htc"); }
.aviso_bot{ background:url(../img/aviso_bot.png) top center no-repeat; width:700px; height:12px; line-height:1px; z-index:999; behavior: url("css/iepngfix.htc"); }
.close_add{ background:url(../img/aviso_close.png) top center no-repeat; width:30px; height:30px; line-height:30px; cursor:pointer; behavior: url("css/iepngfix.htc"); }
.aviso h2 { font-size:16px; line-height:16px; color:#F30; text-shadow:0 1px 0 #FFF; margin-bottom:10px; }
.aviso h3 { font-size:14px; line-height:14px; color:#333; text-shadow:0 1px 0 #FFF; margin-bottom:5px; }
.aviso p { color:#333; font-size:12px; line-height:16px; }
#aviso_select_container{ margin:20px auto; padding:0; width:800px; height:20px; text-align:center; line-height:1px; }
#aviso_select_container select{ color:#666; font-size:11px; border:1px solid #666; width:390px; line-height:1px; }

#oscurecerFondoBlock{
	background: #000000;
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position: center; 
	height:100%;
	left:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	position:fixed;
	top:0;
	width:100%;
	z-index: 999;
}