/***********************************************/ 
/*               CSS TRB 2009              		 */
/* CSS2 style sheet  ++++  XHTML tag styles    */
/*          Edited with HTML Kit               */
/*    Hugo Enrique Flores González             */
/*           lenox21@gmail.com                 */
/***********************************************/ 
/* HTML tag styles                             */
/***********************************************/

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

body {
	font-size: 1em;
	text-align: center;
	padding:0px;
	margin:0px;
	background:#E4F6F8 url(../images/fondo.jpg) repeat-x center top ;
}
/* GLOBAL  #########################################*/
* {	padding: 0;	margin: 0;}
	
html {
    font: 12px/1.2em Helvetica, Verdana, Arial, sans-serif;
		color:#C2C2C2;
		text-align:justify; 
		overflow-x:hidden;       
}
a:link {color: #C2C2C2;	text-decoration: none;}
a:visited {	text-decoration: none;color: #C2C2C2; }
a:hover {	text-decoration: none; }
a:active {text-decoration: none; }
a img {border:none;}
p {	padding: 5px 0px;	font-weight:normal;}

/*ul {list-style: none;}*/

td,tr {	vertical-align: top;}
table {	border: 0px;}
strong {color: #4D4D4D;}
#segment1 strong {color: #898989;}

h1, h2, h3, h4, h5, h6 {
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 13pt Arial;
	color:#FCB13C;
}
/*  INTERFACE ELEMENTOS DESPLEGABLES ##############*/
 .left {
	float: left;
	width:261px;
	}
 .right {
	float: right;
	}
/*##################################################*/	
#pagecontainer {
width:960px;
text-align:left;
margin:0px auto 0px auto;
padding:0px;
display:block;
}
/*##################################################*/
#segment1 {
	width:290px;
	min-height:830px;
	height:expression(document.body.clientHeight < 830px? "830px": "auto" );
  color: #808080;
	padding:0px 0px 125px 0px;
	margin:0px 0px 0px 0px;
	float:left;
  background: url(../images/pagecontainer.jpg) repeat-y left top;
	position:relative;
}
.bloque{
  width:263px;
	margin:0px auto 0px auto;
	padding:0px 10px 0px 10px;
	height:auto;
	float:left;
	clear:both;
	display:block;
	text-align:justify;
}
.bloque1{
  width:370px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 2px;
	height:auto;
	float:left;
	clear:both;
	display:block;
	text-align:justify;
}
.bloque2{
  width:624px;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height:auto;
	float:left;
	clear:both;
	display:block;
	text-align:justify;
}
.bloque3{
  width:244px;
	margin:7px 0px 0px 6px;
	padding:5px 5px 5px 5px;
	height:156px;
	float:left;
	clear:both;
	display:block;
	text-align:justify;
	background: url(../images/f2.jpg) no-repeat left top;
	position:relative;
}
.bloque4{
  width:244px;
	margin:7px 0px 0px 6px;
	padding:5px 5px 5px 5px;
	height:195px;
	float:left;
	clear:both;
	display:block;
	text-align:justify;
	background: url(../images/f.jpg) no-repeat left top;
	position:relative;
}
.bloque5{
  width:244px;
	margin:7px 0px 0px 6px;
	padding:5px 5px 5px 5px;
	height:222px;
	float:left;
	clear:both;
	display:block;
	text-align:justify;
	background: url(../images/f3.jpg) no-repeat left top;
	position:relative;
}
.sep{
	background: url(../images/sep.jpg) repeat-x left bottom;
	float:left;
	clear:both;
	display:block;
	height:3px;
	width:278px;
	margin:10px auto 10px auto;
	padding:0px 0px 0px 5px;
}
.sep2{
	background: url(../images/sep.jpg) repeat-x left bottom;
	float:left;
	clear:both;
	display:block;
	height:3px;
	width:620px;
	margin:10px auto 10px auto;
	padding:0px 0px 0px 5px;
}
#logo {
	width:290px;
	height:284px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;
	overflow:hidden;
  background: url(../images/page1.jpg) no-repeat left top;
	text-align:center;
}
#logo img{
	margin:0px auto 0px auto;
}
#general_menu{
  width:280px;
	height:auto;
	margin:-107px 0px 30px 5px;
	padding:0px 0px 0px 0px;
	float:left;
	position:relative;
	z-index:1;
	
}
	#general_menu ul {
			margin:0;
			padding:0px;
			list-style:none;
			width: 285px;
			height:auto;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
		}
			#general_menu ul li {
				float:left;
				margin: 0px 0px 0px 0px;
				padding:0px 1px 1px 0px;
				list-style-type: none;
				width:285px;
				height:30px;
				overflow:hidden;
				background:#FFF url(../images/line.jpg) no-repeat 25px bottom;
			}
				#general_menu ul li a:link, #general_menu ul li a:visited,#general_menu ul li a:hover {
				  text-decoration: none;
					width:240px;
					display:block;
					height:22px;
					margin: 0px 0px 0px 0px;
					padding:8px 0px 0px 45px;
					overflow:hidden;
					background:#FFF url(../images/dot.jpg) no-repeat 29px 12px;
					color:#808080;
					text-transform:uppercase;
					font-weight:bold;
				}
				#general_menu ul li a:hover {
					color:#468DA3;
					background:#ECF6F7 url(../images/dot.jpg) no-repeat 29px 12px;					
				}				
/*################## SEGMENT2 #######################*/
#segment2 {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	z-index:10;
	position:relative;
  color: #C2C2C2;
	width:650px;
	_width:640px;
	float:left;
  height:auto;
	font: 12px/1.2em Helvetica, Verdana, Arial, sans-serif;
	background: url(../images/top.jpg) no-repeat left 471px;
	overflow:hidden;
}

#body_home #segment2,#body_Home #segment2  {
	background: url(../images/top2.jpg) no-repeat left 471px;
}

#utils{
  width:595px;
	height:auto;
	margin:5px 0px 0px 20px;
	padding:0px 0px 0px 0px;
	float:left;
}
	#utils ul {
			margin:0;
			padding:0px;
			list-style:none;
			width: 615px;
			height:auto;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 0px;
			position:relative;
			overflow:hidden;
		}
			#utils ul li {
				float:left;
				margin: 0px 0px 0px 0px;
				padding:0px 1px 0px 0px;
				list-style-type: none;
				width:160px;
				height:25px;
				overflow:hidden;
			}
				#utils ul li a:link, #utils ul li a:visited,#utils ul li a:hover {
				  text-decoration: none;
					width:140px;
					display:block;
					height:23px;
					margin: 0px 0px 0px 0px;
					padding:2px 0px 0px 20px;
					overflow:hidden;
					background: url(../images/dot.jpg) no-repeat left 5px;
					color:#808080;
					text-transform:uppercase;
					font-weight:bold;
				}
				#utils ul li a:hover {
					color:#468DA3;
					background:#ECF6F7 url(../images/dot.jpg) no-repeat left 5px;						
				}				
#flash{
  width:634px;
	margin:0px 10px 0px 0px;
	padding:0px 0px 0px 0px;
	height:427px;
	float:left;
	text-align:left;
	color: #C2C2C2;
}
#content{
  width:640px;
	margin:20px 0px 0px 0px;
	padding:0px 0px 40px 10px;
	min-height:300px;
	height:expression(document.body.clientHeight < 300px? "300px": "auto" );
	float:left;
	text-align:left;
	color: #999999;
	background: url(../images/content.jpg) repeat-y left 0px;
}
#body_home #content,#body_Home #content,#body_  #content{
	background: url(../images/content2.jpg) repeat-y left 0px;
}
.contenedor_bote{
  width:620px;
	*height:1200px;
	float:left;
	clear:both;
}
.contenedor_bote2{
  width:620px;
	height:810px;
	*height:950px;
	float:left;
	clear:both;
}
.contenedor_bote3{
  width:620px;
	height:760px;
	*height:820px;
	float:left;
	clear:both;
}
.contenedor_bote3 h2,.contenedor_bote5 h2,.contenedor_bote7 h2{
  font-weight:bold;
}
.contenedor_bote4{
  width:620px;
	height:690px;
	*height:740px;
	float:left;
	clear:both;
}
.contenedor_bote4_{
  width:620px;
	height:750px;
	*height:800px;
	float:left;
	clear:both;
}
.contenedor_bote5{
  width:620px;
	height:840px;
	*height:900px;
	float:left;
	clear:both;
}
.contenedor_bote6{
  width:620px;
	height:850px;
	*height:950px;
	float:left;
	clear:both;
}
.contenedor_bote7{
  width:620px;
	height:970px;
	*height:1050px;
	float:left;
	clear:both;
}
.contenedor_bote7_{
  width:620px;
	height:1010px;
	*height:1050px;
	float:left;
	clear:both;
}
.contenedor_bote8{
  width:620px;
	height:1090px;
	*height:1150px;
	float:left;
	clear:both;
}
.contenedor_party{
	height:700px;
	*height:730px;
}
.titulo_bote{
  width:620px;
	height:40px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_1.jpg) no-repeat left top;
	clear:both;
}
.titulo_bote_rojo{
  width:620px;
	height:40px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_2.jpg) no-repeat left top;
	clear:both;
}
.titulo_bote_rojo2{
  width:620px;
	height:40px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_2_2.jpg) no-repeat left top;
}
.titulo_bote_rojo3{
  width:620px;
	height:40px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_2_3.jpg) no-repeat left top;
}
.titulo_bote_azul{
  width:620px;
	height:40px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_3.jpg) no-repeat left top;
}
.titulo_bote3{
  width:620px;
	height:40px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_1_3.jpg) no-repeat left top;
}
.titulo_lagoon{
  width:620px;
	height:54px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_4.jpg) no-repeat left top;
}
.titulo_azimut{
  width:620px;
	height:62px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_5.jpg) no-repeat left top;
}
.titulo_azimut55{
  width:620px;
	height:62px;
	padding:0px 0px 0px 5px;
	float:left;
	font-stretch:narrower;
	font-style: normal;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
  font:normal 25pt Arial;
	color:#17365D;
  background: url(../images/fondo_titulo_6.jpg) no-repeat left top;
}
.titulo_bote span{
  padding:0px 0px 0px 5px;
	float:left;
}
.titulo_bote h1{
  color:#FFF;
  font:bold 11pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote h2{
  color:#FFF;
  font:bold 10pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote3 span{
  padding:0px 0px 0px 5px;
	float:left;
}
.titulo_bote3 h1{
  color:#FFF;
  font:bold 11pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote3 h2{
  color:#FFF;
  font:bold 10pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_rojo span{
  color:#C00000;
  padding:0px 0px 0px 5px;
	float:left;
}
.titulo_bote_rojo h1{
  color:#FFF;
  font:bold 11pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_rojo h2{
  color:#FFF;
  font:bold 10pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_rojo2 span{
  color:#C00000;
  padding:0px 0px 0px 5px;
	float:left;
}
.titulo_bote_rojo2 h1{
  color:#FFF;
  font:bold 11pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_rojo2 h2{
  color:#FFF;
  font:bold 10pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_rojo3 span{
  color:#C00000;
  padding:0px 0px 0px 5px;
	float:left;
}
.titulo_bote_rojo3 h1{
  color:#FFF;
  font:bold 11pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_rojo3 h2{
  color:#FFF;
  font:bold 10pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_azul span{
  color:#366092;
  padding:0px 0px 0px 5px;
	float:left;
}
.titulo_bote_azul h1{
  color:#FFF;
  font:bold 11pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_bote_azul h2{
  color:#FFF;
  font:bold 10pt arial;
  padding:10px 5px 0px 0px;
	float:right;
}
.titulo_lagoon span{
  color:#92D050;
  padding:0px 0px 0px 25px;
	float:left;
}
.titulo_azimut span{
  color:#00B0F0;
  padding:5px 0px 0px 35px;
	float:left;
}
.titulo_azimut55 span{
  color:#FFFF00;
  padding:5px 0px 0px 35px;
	float:left;
}
.imagenes_bote{
  width:620px;
	height:auto;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;	
	clear:both;
}
.imagenes_bote2{
  width:620px;
	height:auto;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;	
	clear:both;
}
.imagenes_bote3{
  width:620px;
	height:auto;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	float:left;	
	clear:both;
}
.desc_boat{
   width:620px;
	 padding:0px 0px 10px 0px;
	 float:left;
	 clear:both;
	 color:#000;
}

.intro_bote{
   width:620px;
	 float:left;
}
.caracs_bote{
   width:400px;
	 height:300px;
	 padding:0px 0px 0px 0px;	 
	 float:left;
}
.caracs_bote2{
   width:400px;
	 height:370px;
	 padding:0px 0px 0px 0px;	 
	 float:left;
}
.caracs_bote3{
   width:400px;
	 height:340px;
	 padding:0px 0px 0px 0px;	 
	 float:left;
}
.caracs_bote4{
   width:400px;
	 height:440px;
	 padding:0px 0px 0px 0px;	 
	 float:left;

}
.caracs_1{
   width:200px;
	 padding:0px 0px 10px 0px;
	 float:left;
}
.esp_bote{
   color:#FFF;
	 background:#548DD4;	 
	 text-align:center;
	 font:bold 11pt arial;
   text-transform:uppercase; 
}
.listado{
   padding:10px 0px 0px 15px;
	 list-style-type:circle;
	 *list-style-type:circle;
}
.linea{
   width:180px;
   height:30px;
	 color:#000;
	 float:left;
	 font:normal 10pt arial;
	 text-align:left;
   text-transform:uppercase;
}
.linea2{
   width:180px;
   height:45px;
	 color:#000;
	 float:left;
	 font:normal 11pt arial;
	 text-align:left;

}
.caracs_2{
   width:200px;
	 padding:0px 0px 10px 0px;
	 float:left;

}
.included{
   color:#FFF;
   background:#E36C0A;
	 text-align:center;
	 font:bold 11pt arial;
   text-transform:uppercase; 
}
.caracs_3{
   padding:10px 5px 10px 5px;
   background:#DDD8C2;
   clear:both;
	 font:bold 10pt arial;
	 color:#000;
	 text-align:left;
}
.caracs_3_1{
   width:190px;
	 float:left;
   padding:10px 5px 10px 5px;
   background:#DDD8C2;
	 font:bold 10pt arial;
	 color:#000;
	 text-align:left;
}

.precios_bote{
   width:200px;
	 padding:0px 0px 0px 10px;
	 height:300px;
	 float:left;
}
.precios_bote2{
   width:200px;
	 padding:0px 0px 0px 10px;
	 height:340px;
	 float:left;
}
.precios_bote3{
   width:200px;
	 padding:0px 0px 0px 10px;
	 height:370px;
	 float:left;
}
.price_title{
   background:green;
   color:#FFF;
	 text-align:center;
	 font:bold 11pt arial;
	 
}
.cont_precios{
   background:#D6E3BC;
}
.tarifa{
   text-align:center;
	 font:bold 10pt arial;
	 color:#000;
}
.booking{
  padding:10px 0px 0px 0px;
}
.precios_choose{
   color:#948A54;
}
.precios_date{
   color:#948A54;
}
.book_now{
   padding:5px 0px 0px 0px;
}
/*##################################################*/
#siteinfo {
  clear:both;
	display: block;
	margin: 0px -150px 0px -150px;
	padding: 0px 150px 0px 150px;
	z-index:10;
	position:relative;
  color: #C2C2C2;
	width:1200px;
	height:121px;
  background: url(../images/site.jpg) repeat-x left top;
	text-align:center;
}		
				#address {
				 width:960px;
				 height:121px;
				 color: #FFF;
				 padding:0px 0px 0px 0px;
				 margin:0px 0px 0px 140px;
				 overflow:hidden;
				 float:left;
				 text-align:center;	
        }		

#aqua{
    width: 398px;
    height: 139px;
		padding:0px;
/*		margin:-139px 0px 0px 0px;*/
		margin:-139px 0px 0px -140px;
		z-index:10000;
		position:relative;
		float:left;		
		display:block;
		clear:both;
	}