@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #0283e8;
	background-image: url(../images/fondomod_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	
}
#body2 {
	background-image: url(../images/fondomod_bottom.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
		font-family: Arial, Helvetica, sans-serif;

}




*{padding:0; margin:0;}
img   {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.clear {
	clear: both;
}
#head {
	width: 941px;
	margin-right: auto;
	margin-left: auto;
}
#head .linksTop {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	text-align: right;
	margin-top: 5px;
	display: block;
}
#head .linksTop a {
	color: #000000;
	text-decoration: none;
	padding-right: 3px;
	padding-left: 3px;
}
#head .linksTop a:hover {
	text-decoration: underline;
}

#head .logo {
	float: left;
	height: 137px;
	width: 210px;
	margin-top: 2px;
	margin-left: 2px;
}
#head .txt {
	float: left;
	height: 65px;
	width: 285px;
	margin-top: 75px;
	margin-left: 12px;
	display: block;
}
#head .derecha{
	float: right;
	width: 400px;

}
#head .iconos{
	float: right;
	display: block;
	
}
#head .social{
	float: right;
	display: block;
	height: 50px;
	width: 400px;
	padding-right: 6px;
}
ul#botonBook  li  {
	display: block;
	float: left;
	height: 81px;
	width: 150px;
	list-style-type: none;
	margin-left: 30px;
}
ul#botonBook  li  a {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: center top;
	_margin-left: 5px;
	background-image: url(../images/boton_book_your_trip_now.png);
	width: 150px;
	height: 81px;
}
ul#botonBook  li  a:hover {
	background-position: center bottom;
	background-image: url(../images/boton_book_your_trip_now.png);
}
ul#mail  li {
	float: left;
	height: 37px;
	width: 53px;
	list-style-type: none;
	margin-top: 10px;
}
ul#mail li a {
	float: left;
	height: 37px;
	width: 53px;
	list-style-type: none;
	background-image: url(../images/boton_mail.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 20px;
	display: block;
}
ul#mail li a:hover {
	float: left;
	height: 37px;
	width: 53px;
	list-style-type: none;
	background-image: url(../images/boton_mail.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: 20px;
	display: block;
}
#vtip/* TOOLTIP */

{
	display:none;
	position:absolute;
	left:5px;
	font-size:12px;
	background-color:#FFF;
	border:1px solid #F8C544;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	z-index:9999;
	padding:10px;
}
#vtip #vtipArrow {
	position:absolute;
	top:-10px;
	left:5px;
}
ul#tel li {
	float: left;
	height: 46px;
	width: 46px;
	list-style-type: none;
	margin-left: 16px;
	display: block;
}
ul#tel li a {
	float: left;
	height: 46px;
	width: 46px;
	list-style-type: none;
	background-image: url(../images/boton_tel.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 12px;
	display: block;
}
ul#tel li a:hover {
	float: left;
	height: 46px;
	width: 46px;
	background-image: url(../images/boton_tel.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	margin-left: 12px;
}
ul#home li {
	float: left;
	height: 39px;
	width: 48px;
	list-style-type: none;
	margin-left: 8px;
	display: block;
	margin-top: 9px;
}
ul#home li a {
	float: left;
	height: 39px;
	width: 48px;
	list-style-type: none;
	background-image: url(../images/bot_home.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-left: 12px;
	display: block;
}
ul#home li a:hover {
	float: left;
	height: 39px;
	width: 48px;
	background-image: url(../images/bot_home.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	margin-left: 12px;
}
ul#twitter li {
	float: right;
	height: 30px;
	width: 30px;
	list-style-type: none;
	margin-left: 8px;
	display: block;
	margin-top: 6px;
	margin-right: 32px;
}
ul#twitter li a {
	float: left;
	height: 30px;
	width: 30px;
	list-style-type: none;
	background-image: url(../images/Twitter-icon.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
	
}
ul#twitter li a:hover {
	float: left;
	height: 30px;
	width: 30px;
	background-image: url(../images/Twitter-icon.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
}
ul#facebook li {
	float: right;
	height: 30px;
	width: 30px;
	list-style-type: none;
	margin-left: 8px;
	display: block;
	margin-top: 6px;
}
ul#facebook li a {
	float: left;
	height: 30px;
	width: 30px;
	list-style-type: none;
	background-image: url(../images/FaceBook-icon.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	display: block;
}
ul#facebook li a:hover {
	float: left;
	height: 30px;
	width: 30px;
	background-image: url(../images/FaceBook-icon.png);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;

}

#fecha {
	font-size: 11px;
	color: #0569a5;
	text-align: right;
	padding-bottom: 5px;
	float: right;
	width: 200px;
	font-weight: bold;
}
#cabeceras {
	width: 938px;
	margin-right: auto;
	margin-left: auto;
}


#contenedorMenu {
	height: 37px;
	width: 941px;
	margin-bottom: 7px;
}



#menu li {
	display: inline;
	float: left;
}
#menu li a {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 37px;
	text-indent: -9999px;
}
#menu li a:hover {
	background-position: left top;
}
#about  a {
	width: 87px;
	background-image: url(../images/bot_about_us.gif);
}
#contact a {
	width: 96px;
	background-image: url(../images/bot_contact_us.gif);
}
#scuba a {
	width: 108px;
	background-image: url(../images/bot_scuba_diving.gif);
}
#snork a {
	width: 104px;
	background-image: url(../images/bot_snorkeling.gif);
}
#snuba a {
	width: 62px;
	background-image: url(../images/bot_snuba.gif);
}
#luxury a {
	width: 177px;
	background-image: url(../images/bot_luxury.gif);
}
#mountain a {
	width: 161px;
	background-image: url(../images/bot_mountain.gif);
}
#corporate a {
	width: 145px;
	background-image: url(../images/bot_corporate.gif);
}
#cuerpo {
	width: 941px;
	margin-right: auto;
	margin-left: auto;
}
#cuerpo .internas {
	background-color: #FFFFFF;
	background-image: url(../images/cuerpo_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 914px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 12px;
	font-size: 12px;
}
.internas img {
	border: 1px solid #037DE2;
	padding: 5px;
	background-color: #D5ECFF;
}

#cuerpo .internas h2 {
	color: #0283E9;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images/comillas_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 70px;
	padding-right: 50px;
	height: 120px;
	padding-top: 15px;
}
#cuerpo .internas h3 {
	color: #0283E9;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	background-image: url(../images/comillas_03.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 70px;
	padding-right: 50px;
	height: 80px;
	padding-top: 15px;
}
#cuerpo .internas p {
	font-size: 12px;
	color: #333333;
	line-height: 18px;
	padding-right: 12px;
	padding-left: 12px;
	padding-bottom: 10px;
}
#cuerpo .internas p img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding:0px;
}
#cuerpo .internas h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #0569A5;
	padding-left: 12px;
	line-height: 22px;
	padding-top: 15px;
}
#cuerpo  .internas   h1 a  {
	color: #0569A5;
	text-decoration: none;
}


#cuerpo  .internas  h1 a:hover  {
	color: #BF282D;
	text-decoration: underline;
}


#cuerpo .internas .separador {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #BBDEF3;
	height: 2px;
	margin-top: 5px;
	margin-bottom: 12px;
}
#cuerpo .internas .navegador {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #BBDEF3;
	border-bottom-color: #BBDEF3;
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 3px;
	padding-bottom: 3px;
}
#cuerpo .internas .navegador a {
	color: #666666;
	text-decoration: none;
}
#cuerpo .internas .navegador a:hover {
	color: #B02B30;
	text-decoration: underline;
}


#cuerpo .internas .td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBDEF3;
}

#cuerpo .internas .box {
	float: left;
	width: 430px;
	margin-right: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #BBDEF3;
}
#cuerpo  .internas   a  {
	color: #0280E6;
	text-decoration: underline;
}


#cuerpo  .internas  a:hover  {
	color: #BF282D;
	text-decoration: none;
}
.tableForm {
	width: 860px;
	margin-left: 12px;
}
.tableForm td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 260px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #0182E8;
}






#cuerpo .cuadroAzul {
	float: left;
	height: 232px;
	width: 607px;
	background-image: url(../images/bg_cuadroAzul.png);
	background-repeat: no-repeat;
	display: block;
	margin-top: 90px;
}
#cuerpo .cuadroAzul h2 {
	margin-top: 10px;
	margin-left: 10px;
}
#cuerpo .cuadroAzul h1 {
	margin-top: 10px;
	margin-left: 10px;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
}
#cuerpo .cuadroAzul p {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 16px;
	margin-left: 10px;
	margin-top: 15px;
	margin-right: 120px;
	font-weight: bold;
}
#cuerpo .gallery {
	height: 232px;
	margin-top: 90px;
	width: 132px;
	float: left;
	margin-left: 7px;
}
#carr {
	height: 232px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#cuerpo .trip {
	height: 232px;
	margin-top: 90px;
	width: 188px;
	float: left;
	margin-left: 7px;
}
#cuerpo .cuadroGris {
	height: 98px;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 10px;
}
#cuerpo .cuadroGris .izq {
	background-image: url(../images/esq_gris_izq.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 5px;
	float: left;
	height: 98px;
}
#cuerpo .cuadroGris .der {
	background-image: url(../images/esq_gris_der.png);
	background-repeat: no-repeat;
	background-position: right center;
	float: left;
	height: 98px;
	width: 4px;
}
#cuerpo .cuadroGris .centro {
	width: 931px;
	float: left;
	background-color: #8D959A;
	height: 98px;
}
#cuerpo .cuadroGris .centro .form {
	float: left;
	width: 205px;
	margin-top: 10px;
	margin-left: 0px;
}
.textfield {
	background-image: url(../images/form.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 7px;
}
#cuerpo .cuadroGris .centro .txt {
	float: left;
	width: 202px;
	height: 98px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
	padding-top:8px;
	padding-left:5px;
}

#cuerpo .cuadroGris .centro .txt p {
	font-size: 11px;
	color: #FFFFFF;
	line-height: 14px;
	margin-top: 7px;
	margin-left: 5px;
}
#cuerpo .cuadroGris .centro .txt a {
	color: #FFFFFF;
	text-decoration: underline;
}
#cuerpo .cuadroGris .centro .txt a:hover {
	color: #FFCC00;
	text-decoration: none;
}
cuerpo .cuadroGris .centro .imagenes {
    float:left;
	width:158px;
}
#cuerpo .cuadroGris .centro .txt h3 {
	font-size:16px;
	color:#fff;
}
#cuerpo .cuadroGris .centro .video {
	height: 98px;
	width: 158px;
	float: left;
}
#cuerpo .cuadroGris .centro .video img {
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#cuerpo .cuadroGris .centro .logos {
	height: 98px;
	width: 545px;
	float: left;
}
#cuerpo .cuadroGris .centro .logos img {
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#pie {
	color: #FFFFFF;
}
#pie .table {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #71b0da;
	padding-bottom: 20px;
	margin-top: 10px;
	padding-top: 20px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #71b0da;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
#pie .table .td {
	width: 188px;
}

#pie .final {
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	text-align: right;
	width: 938px;
	margin-right: auto;
	margin-left: auto;
}
#pie .final a {
	color: #FFFFFF;
	text-decoration: underline;
}
#pie .final a:hover {
	color: #FFCC00;
	text-decoration: none;
}


#pie ul {
	list-style-type: none;
}
#pie li {
	font-size: 11px;
	color: #FFFFFF;
}
#pie li a {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../images/bullet_rojo.png);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 10px;
}
#pie li a:hover {
	color: #FFFFFF;
	text-decoration: underline;
	padding-left: 10px;
}
#pie .titulos {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
#pie .table .td .titulos a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#pie  .table  .td  .titulos  a:hover {
	text-decoration: underline;
}


#menu2  li  {float:left;display: inline;}
#menu2  li  a {display: block;height: 37px;float: left;background-repeat: no-repeat;background-position: left bottom;	text-indent: -9999px;}
#menu2 li  a:hover {background-position: left top;}
#menu2  h1  {}
#menu2 #about a{background-image:url(../images/bot_about_us.gif);width:87px;}
#menu2 #contact a{background-image:url(../images/bot_contact_us.gif);width:96px;}
#menu2 #scuba a{background-image:url(../images/bot_scuba_diving.gif);width:108px;}
#menu2 #snork a{background-image:url(../images/bot_snorkeling.gif);width:104px;}
#menu2 #snuba a{background-image:url(../images/bot_snuba.gif);width:62px;}
#menu2 #luxury a{background-image:url(../images/bot_luxury.gif);width:177px;}
#menu2 #mountain a {width: 161px;background-image: url(../images/bot_mountain.gif);}
#menu2 #corporate a {width: 145px;background-image: url(../images/bot_corporate.gif);}

#menu2 #about ul li a {background-color: #0569A5;background-image: none;text-indent: 0px;width: 120px;}
#menu2 #contact ul li a {background-color: #0569A5;background-image: none;text-indent: 0px;width: 110px;}
#menu2 #scuba ul li a {background-color: #0569A5;background-image: none;text-indent: 0px;width: 158px;}
#menu2 #snork ul li a {background-color: #0569A5;background-image: none;text-indent: 0px;width: 158px;}
#menu2 #snuba ul li a {background-color: #0569A5;background-image: none;text-indent: 0px;width: 158px;}
#menu2 #luxury ul li a {background-color: #0569A5;background-image: none;text-indent: 0px;width: 157px;}
#menu2 #mountain ul li a {background-color: #0569A5;background-image: none;text-indent: 0px;width: 141px;}
#menu2 #corporate ul li a{background-color: #0569A5;background-image: none;text-indent: 0px;width: 125px;}

#menu2 #about ul li a:hover,
#menu2 #contact ul li a:hover,
#menu2 #scuba ul li a:hover,
#menu2 #snork ul li a:hover,
#menu2 #snuba ul li a:hover,
#menu2 #luxury ul li a:hover,
#menu2 #mountain ul li a:hover,
#menu2 #corporate ul li a:hover{background-color: #2D99D9;}

#menu2 #about  ul{left: 0px;}

/* -------------------------------- */
/* Basic code - don't modify */
 
 #menu2  {
	display: block;
	margin: 0;
	padding: 0;
	position: relative;
}
  #menu2  li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
  #menu2  a { display: block; }
  #menu2  ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
  * html #menu2  ul { line-height: 0; } /* IE6 "fix" */
  	#menu2  ul a { zoom: 1; } /* IE6/7 fix */
    #menu2  ul li { float: none; }
    #menu2  ul ul { top: -2; }
    
/* escenciales */

#menu2 ul{top:37px;}
#menu2 ul li a{color:#F9C845;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#FFFFFF;font-size:11px;line-height:13px;height:auto;margin:0;padding:5px 5px 5px 15px; font-weight:bold;}

#menu2  ul li a:hover {color: #FFFFFF;}
#menu2  ul ul { left: 100px; }
#menu2  ul a { opacity: 0.9; filter: alpha(opacity=90); }
   
/* #menu  ul a { border-bottom: none; } - I also needed this for IE6/7 */
.tableForm .txt {
	font-size: 14px;
	color: #2D99D9;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-image: url(../images/bullet_amarillo.png);
	background-repeat: no-repeat;
	background-position: left 10px;
}
.tableFormDos {
	width: 860px;
	margin-left: 12px;
}
.tableFormDos td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	width: 260px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #00BBBB;
}

.tableFormDos .textfield   {
	background-image: url(../images/textfield2.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 255px;
	background-position: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.tableFormDos .txt {
	font-size: 14px;
	color: #2D99D9;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: capitalize;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	line-height: 14px;
	width: 100%;
}
.tableFormDos .textfield2 {
	background-image: url(../images/form2.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.tableFormDos .textarea {
	border: 1px solid #0565a2;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 20px;
	color: #2d99d9;
	width: 250px;
}

.internas ul {
	list-style-type: none;
}
.internas li {
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-image: url(../images/bullet_rojo.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 12px;
	margin-left: 20px;
	font-weight: bold;
}
.internas ul#2 {
	list-style-type: none;
}
.internas li#2{
	font-size: 11px;
	line-height: 20px;
	color: #333333;
	background-image: url(../images/bullet_rojo.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 12px;
	margin-left: 20px;
	font-weight: 100;
}


.internas .tbl {
	font-size: 12px;
	color: #2D99D9;
	margin-left: 12px;
	margin-bottom: 10px;
}
.internas .tbl .td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7EC5FE;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.internas .tbl .td img{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding:0px;
}
.internas .tbl .tdnegro {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #7EC5FE;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#000000;
	font-size:9px;
}
.internas .tbl .tit {
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#cuerpo .cuadroAzul a {
	color: #FFCC00;
	text-decoration: underline;
}
#cuerpo .cuadroAzul a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.textfield2 {
	background-image: url(../images/form2.jpg);
	background-repeat: no-repeat;
	height: 23px;
	width: 188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 7px;
}
.select {
	height: 23px;
	width: 188px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 18px;
	margin-top: 7px;
	margin-bottom: 7px;
	background-color: #FFFFFF;
	border: 1px solid #0569A5;
}
.textarea2 {
	border: 1px solid #0362A2;
}

