/* CSS Document */

/* General items */
body, font, td {
	font-family: Verdana, Arial, Tahoma, Courier, Courier New;
	font-size: 12px;
	line-height: 16px;
}

body {
	background:url(/images/nubes.png) no-repeat bottom left;
	color: #000000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-attachment: fixed;
	background-color:#7bb0d7; /* fondo azul para el cielo */
}

table {
	padding: 0px;
	border: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

a {
	color: #03375d;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

tr, td {
	padding: 0px;
	border: 0px;
	margin: 0px;
	text-align: justify;
	vertical-align: top;
}
		
table.base {
	width: 1000px;
	background-color: #ffffff;
	border-top: 1px solid #896f70;
	border-left: 1px solid #896f70;
	border-right: 1px solid #896f70;
	border-bottom: 0px solid #896f70;
}

table.bottom {
	width: 1000px;
	background-color: #64000c;
	border-top: 2px solid #896f70;
	border-left: 1px solid #896f70;
	border-right: 1px solid #896f70;
	border-bottom: 1px solid #896f70;
}

td.bottoml, td.bottomr {
	color:#fff;
	font-size:10px;
}
	
td.bottoml {
	font-weight:bold;
	padding:12px 0 0 10px;
	text-align:left;
	border-left: 1px solid #fff;
}
	
td.bottomr {
	padding:6px 10px 0 0;
	text-align:right;
	border-right: 1px solid #896f70;
}

a.url-dasi {
	color:#fff;
	font-size:10px;
	text-decoration:none;
	}
	
a.url-dasi:hover {
	text-decoration:underline;
}

div.header_up{
	background-image: url(/images/header.jpg);
	height: 240px;
}

div.header_upUSA{                      /* header USA */
	background-image: url(/images/header_usa.jpg);
	height: 240px;
}

td.separator {
	width: 10px;
}
/* Menu */
#menu {
	position: relative;
	display: block;
	height: 35px;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;
	background: transparent url(/images/menun.jpg) repeat-x top right;
      font-family: Verdana, Arial, Tahoma, Helvetica,sans-serif;	
}

#menu ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: auto;
}

#menu ul li{
	float: left;
	margin: 0px;
	padding: 0px;
}

#menu ul li a{
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	height: 35px;
	line-height: 15px;
	padding: 8px 20px 0px 20px;
}

#menu ul li a:hover{
	background: transparent url(/images/menuovr.jpg) repeat-x top right;
	padding: 8px 20px 0px 20px;
	margin: 0px;
}

#menu ul li img {
	width: 1px;
	height: 35px;
}

/* SideBox */
.sidebox{
	position: relative;
	border: 0px;
	font-family: Verdana,Tahoma,Arial,Helvitica,sans-serif;
	margin-top: 10px;
	padding: 0px;
	background: url(/images/sbbody-r.jpg) no-repeat bottom right;
}

.boxhead {
	background: url(/images/subheadb-r.png) no-repeat top right;
	height:32px;
	margin: 0px;
	padding: 0px;
	border: 0px;
}
	
.boxhead h2 {
	background: url(/images/subheadb-l.jpg) no-repeat top left;
	margin:0px;
	text-align:left;
	padding: 8px 0px 5px 30px;
	color: #8e0111; 
	font-weight: bold; 
	border-bottom: 1px solid #ccc2ca;
	font-size: 15px;
	line-height: 15px;
	/*text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari, mozilla, but cool */
}
	
.boxdata {
	text-align: justify;
	color: #000000;
	font-size: 11px;
	padding: 0px 13px 0px 6px;
	margin-left: -1px;
	background: url(/images/sbbody-l.jpg) no-repeat bottom left;
	overflow-x: hidden;
	overflow-y: auto;	 
}
/*end container gray*/

div.imgmain {
	margin-top: 10px;
	border: 0px;
}

div.promos{
	margin-top: 10px;
	border: 0px;
	display: none;
}

div.back_itinerario{
	width: 190px;
	background: #c7c6cc;
	border: 1px solid #bdbaba;
	margin: 5px 0px 0px 5px;
	padding: 15px 0px 0px 5px;
}

div.back_itinerario span{
	margin-left: 60px;
}

div.back_itinerario span .itineraributton {
	color: #fff;
	background-color: #385a76;
	border-bottom: thin solid #a3949b;
	border-right: thin solid #a3949b;
	border-top: thin solid #a3949b;
	border-left: thin solid #a3949b;
	font-size: 12px;
	font-weight: 600;
	line-height: 16px;
	font-family: Verdana, Arial, Helvetica, Geneva;
}

div.red_base{
	background: url(/images/redBottom.jpg) no-repeat top left;
	height: 66px;
	margin: -20px 0px 0px 0px;
	position: realtive;
	padding: 0px;
}

/*form validation */
input,textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	border: solid 2px #CCC;
	padding: 4px 4px;
	margin-right: 6px;
}

/* Vanadium Styles */ 
div.vanadium-invalid {
  border-color: red !important;
  border-style: solid !important;
}
div.vanadium-valid {
  border-color: green !important;
  border-style: solid !important;
}
.vanadium-message-value {
  font-style: italic;
  text-decoration: underline;
}
.vanadium-advice.vanadium-invalid, .vanadium-advice.vanadium-invalid * {
  color: red;
}
input.vanadium-valid, textarea.vanadium-valid, select.vanadium-valid {
  border-color: greenyellow;
}
input.vanadium-invalid, textarea.vanadium-invalid, select.vanadium-invalid {
  border-color: pink;
}
#messages {
  height: 70px;
  padding: 0;
  border-color: yellow;
}
input.vanadium-valid ~ .vanadium-valid-advice {
  display: inline !important;
  color: green;
}

/* submenu left */
#menuLeft{
	background: transparent;
	width:160px;
}
#menuLeft ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#menuLeft li{
	list-style:none;
	margin:0px;
}
#menuLeft li a{
	list-style:none;
	background: transparent;/*#FFF url(/images/bgli.gif) no-repeat;*/
	border-bottom: 1px dotted #b6b4b4;
	border-right: 1px dotted #b6b4b4;
	color:#897171;
	font-size:9px;
	font-family: Verdana, Arial, Helvetica, Geneva;
	text-decoration:none;
	display:block;
	height:20px;
	line-height:15px;
	padding-left: 10px;
}
#menuLeft li a:hover{
	background: url(/images/arrowd.jpg) no-repeat left top;
	color:#bf9d5e;
	text-decoration:none;
}

/* submenu */

/* section empresa - agregado jorgeknd*/
.empresa {
  margin:10px 0px 10px 0px;
  padding:0px;
}

.lineSeparator {
  border-top:1px dotted #919193;
  margin:0px;
  padding:0px;
}

a.title {
  font-size:13px;
}

#iconList {
  list-style-image:url(/images/arrow_list.png);
}


/* end section empresa */

/* simple transition - hcamargo */
.pictures { /* cambio de nombre para que los demas destinos lo tomen*/
	position: relative;
	width:250px;
	height:150px;
	overflow:hidden;
	margin-top: 5px;
	padding: 0px;
	left: 13px;
}

.title_text{
	float: left;
	width: 270px;
}

/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.paginationstyle{ /*Style for demo pagination divs*/
  width: 250px;
  text-align: center;
  padding: 0px;
  margin: 0px;   
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
  border: 1px solid navy;
  margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
  padding: 0 5px;
  text-decoration: none;
  border-top:1px dashed #919193;
  border-left:1px dashed #919193;
  border-right:1px dashed #919193;
  color: #897171;
  background-color: #bfbfbf;
}

.paginationstyle a:hover, .paginationstyle a.selected{
  color: #000;
  background-color: #FEE496;
}

.paginationstyle a.disabled, .paginationstyle a.disabled:hover{ /*Style for "disabled" previous or next link*/
  background-color: white;
  cursor: default;
  color: #929292;
  border-color: transparent;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
  border: 0;
  padding: 0;
}

.paginationstyle a.imglinks img{
  vertical-align: bottom;
  border: 0;
}

.paginationstyle a.imglinks a:hover{
  background: none;
}

.paginationstyle .flatview a{ /* tipo de letra cuando hay mas secciones en destinos - by jorgeknd */
  font-size:10px;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
  color: #fff;
  background-color: #7bb0d7;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected:hover{ /*Pagination div "flatview" links style*/
  color: #fff;
  background-color: #7bb0d7;
}

.paginationstyle .flatview a:hover{ /*ver otro color cuando se este encima*/
  color: #fff;
  background-color: #bd9f5f;
}

.virtualpageInfo {
  margin:0px;
  padding:3px 7px 7px 7px;
}

#moreInfo {
  margin:12px 0px 0px 0px;
  padding:0px;      
}

#moreinfo #link {
  cursor:pointer;
}

/* flotillas */
#flota1 {
  background:url(/flotilla/images/208b/208b.jpg) no-repeat top left;
  position:relative;
  margin:50px 0px 0px 6px;
  padding:0px;
  width:520px;
  height:233px;
}

.ventana1_1 {
  margin:79px 0px 0px 180px;
  padding:0px;
  position:absolute;
}

.ventana2_1 {
  margin:75px 0px 0px 220px;
  padding:0px;
  position:absolute;
}

.ventana3_1 {
  margin:55px 0px 0px 350px;
  padding:0px;
  position:absolute;
}

#flota2 {
  background:url(/flotilla/images/402b/402b.jpg) no-repeat top left;
  position:relative;
  margin:50px 0px 0px 7px;
  padding:0px;
  width:520px;
  height:233px;
}

.ventana1_2 {
  margin:27px 0px 0px 147px;
  padding:0px;
  position:absolute;
}

.ventana2_2 {
  margin:41px 0px 0px 258px;
  padding:0px;
  position:absolute;
}

.ventana3_2 {
  margin:47px 0px 0px 304px;
  padding:0px;
  position:absolute;
}

#flota3 {
  background:url(/flotilla/images/402c/402c.jpg) no-repeat top left;
  position:relative;
  margin:50px 0px 0px 7px;
  padding:0px;
  width:520px;
  height:204px;
}

.ventana1_3 {
  margin:29px 0px 0px 133px;
  padding:0px;
  position:absolute;
}

.ventana2_3 {
  margin:47px 0px 0px 256px;
  padding:0px;
  position:absolute;
}

/* end flotillas */
#map{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:380px;
	width:480px;
	background:#fff;
	border:4px solid #a47b7f;
	z-index:2;
	padding:0px;
	font-size:13px;
}
#map_close{
	display:none;
	_position:absolute; /* hack for internet explorer 6*/
	height:20px;
	width:60px;
	background:#f3f3fb;
	border:1px solid #a47b7f;
	z-index:3;
	padding:0px;
	font-size:11px;
	color: #786869;
	cursor: pointer;
	text-align:center;
}
#map p.hdr{
	font-weight: bold;
	font-size: 12px;
	border-bottom: 1px solid #CCC2CA
	}
#map p.notes {
	font-style: italic;
	font-size: 9px;
	
	}
/*info Maps */
.tPlace{
	border: 2px solid #dedddd;
	background-color: #f0eced;
	color: #867778;
	font-weight: bold;
	font-size: 12px;
}
.tAdress{
	border: 1px solid #dedddd;
	background-color: #f9f7c0;
	font-size: 11px;
}
/*#popupContactClose{
	font-size:14px;
	line-height:18px;
	right:6px;
	top:4px;
	position:absolute;
	color:#6fa5fd;
	font-weight:700;
	display:block;
	cursor: pointer;
}*/
div.styledate {
	position: absolute;
	left: 750px;
	height: 24px;
	width: 220px;
	font-size: 10px;
	color:#FFFFFF;
	text-decoration:none;
      margin-top: 10px;
      text-align: right;
      top:0px;
	}
	
/* LIGHTS */
#the_lights {background-color:#000;height:100%;width:100%;position:absolute;top:0;left:0;display:none;}