/* @override 
	http://phoenix:8888/templates/phoenix/css/template.css
	http://celes.mine.nu:8888/phoenix/site%202/templates/phoenix/css/template.css
	http://localhost:8888/phoenix/site/templates/phoenix/css/template.css
	http://phoenixboats.com.br/templates/phoenix/css/template.css
*/


/* COMMON STYLE
--------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}

body {
	color: white;
	background: black;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 150%;
	font-size: 80%;
	
	font: 12px "Trajan Pro", "Times New Roman", Times, serif;

}


.title{
	display:none !important;
	
}


body.interna{
		background: black url(../images/cabecalho_bkg.jpg) repeat-x;
}

a{
	color: white;
	font: 12px;
}

a:hover{
	color: #78d9dc;
	font: 12px;
}



input, textarea{
	border:none;
	padding-top: 5px;
	padding-bottom: 5px;
}


#wrap{
	margin: 0 auto;	width: 955px;
	padding: 0;
	position: relative;
	background-color: black;

	
}

#contato{
	}

/* @group Cabeçalho */

#cabecalho{
	position:relative;
	height:97px;
	width: 100%;
	background:url(../images/cabecalho_bkg.jpg);
}



#cabecalho #logo{
	
	position: absolute;
	top: 22px; 	left: 22px;	width:202px; height: 51px;
	background:url(../images/logo.jpg) no-repeat;
	text-indent: -100em;
	overflow: hidden;
}



.internacional #cabecalho #logo{
position: absolute;
	top: 33px; 	left: 29px;	width:202px; height: 51px;


	background:url(../images/logoInternacional.png) no-repeat;
}


#cabecalho ul.menu{
	position: absolute;
	left: 261px;
	top:  30px;
	
}


#cabecalho ul.menu li{
	float:left;
	padding-right: 30px;
	padding-right: 45px\9;
	text-align: center;
	width: auto;
	
	list-style-type: none;
	

	
}

#cabecalho ul.menu li a{
	
	text-align: center;
	
	font: small-caps  20px Georgia, "Times New Roman", Times, serif;
	font-size: 17px\9;
	letter-spacing: 0px\9;
	font-weight: 600;
	
}


#cabecalho #menu ul.menu li:first-child{
	
	display: none;
}

#cabecalho ul.menu li a{
	color:white;
	text-decoration: none;
	text-shadow: #171716 2px 2px 5px;
	}


#cabecalho ul.menu li a:hover, ul.menu li.active a *{
	color: #77d9dc;
	
}


h1#logo{
	cursor: pointer;
}



/* @end */

















/* @group rodape */





#rodape{
	position:relative;
	margin-top: 20px;
	padding-top: 15px;
	background: url(../images/linha_rodape.jpg) no-repeat;
	font: 9px "Trajan Pro", "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 20px;
}

#rodape a{
	color: white;
	text-decoration: none;
}

#rodape #contato{
	position: relative;
	display: block;
	width: 60%;
	background-color: black;
	z-index:500;
}

#rodape #linha_rodape{
	position:absolute;
	height: 1px;
	background-color: white;
	width: 100%;
	top:20px;
	z-index: 2;
}

#rodape #jflanguageselection {
	
	position: absolute !important;
	top: 3px!important;
	margin: 0;
	right:10px;
	z-index: 200;
}


#jflanguageselection div.rawimages span  {
	margin-left: 7px;
}

#jflanguageselection div.rawimages span#active_language a img{

	width: 23px;
} 


/* @end */

/* @group contato */



.contato #emailForm label{
	display:block;
	float:left;
	text-align: right;
	padding-right: 10px;
	width:150px !important;
	line-height: 100%;
	
	

}


#emailForm .linha{
	margin-bottom: 10px;
}


#emailForm input, #emailForm textarea{
	
	width: 350px;
	
}

#qcontactscontato {
	margin-top: 35px;
	margin-bottom: 65px;
	margin-left: 40px;
	
	
	
	
}


#contact-telephone{
	display: block;
	margin-left: 85px;
	margin-bottom: 30px;
	height: 40px;
	width: 450px;
	font-size: 120%;
	background: url(../images/linha_rodape.jpg) no-repeat -300px 39px;
}


#emailForm input.contact-button {
	
	width: 350px;
	margin-left: 159px;
	background: url(../images/linha_rodape.jpg) -300px 0px;
}














.contato  .fabrikLabel,
.contato  label{
	display:block;
	float:left;
	text-align: right;
	padding-right: 20px;
	width:200px !important;
	line-height: 100%;
	
	

}


.contato   .linha{
	margin-bottom: 10px;
}


.contato  input, .contato textarea{
	
	width: 350px;
	
}

.contato #conteudo {
	margin-top: 35px;
	margin-bottom: 65px;
	margin-left: 40px;
	
	
	
	
}


#contact-telephone{
	display: block;
	margin-left: 85px;
	margin-bottom: 30px;
	height: 40px;
	width: 450px;
	font-size: 120%;
	background: url(../images/linha_rodape.jpg) no-repeat -300px 39px;
}


#emailForm input.contact-button {
	
	width: 350px;
	margin-left: 159px;
	background: url(../images/linha_rodape.jpg) -300px 0px;
}




.contato .introducao{

margin-left: 220px;
	font-weight: bold;
}


.contato  fieldset{
	border: none;
	
}


.contato  legend{
	display: none;
}


.contato .fabrikActions{
	margin-left: 230px;
}


#table_2{
	color: black;
}

#table_2 a{
	color: blue;
}


/* @end */


.article-content img{
	margin: 0; padding: 0;
}

.article-content p{
	line-height: 130%;
	font-size: 95%;
}


.colunaEsq{
		padding: 20px;
	width: 40%;
	float:left;
}


.colunaDir{
		padding: 20px;
	width:40%;
	float:left;
}

.itemBarco{
		padding: 20px;
	width:40%;
	float:left;
}



.clear{
	clear: both;
}

/* @group conteudo geral */

div.article-content li{

	margin-left: 0px;

	
}

div.article-content ul {

	margin-left: 0px;
	
}




/* @end */

/* @group marcas daguas */

.empresa #marcadagua{
	position:absolute;
	
	width: 267px;
	height:510px;
	right: 0px;
	top: 129px;
	background-image: url(../images/empresa.png);
	/*opacity: 0.32;*/
	/*filter: alpha(opacity=32);*/
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=62)";*/
}


.contato #marcadagua{
	position:absolute;
	
	width: 180px;
	height:380px;
	left:0px;
	top: 209px;
	background:  url(../images/contato_bkg.png) no-repeat -170px 60px;

}

._embarcacoes #marcadagua{
	position:absolute;
	
	width: 180px;
	height:390px;
	left:0px;
	bottom: 160px;
	background: url(../images/embarcacao_bkg.png) no-repeat -150px 00px;
display: none;
}




/* @end */






/* @group conteudo */


body.contentpane {
	width: auto;  Printable Page 
	margin: 1em 2em;
	line-height: 1.3em;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
	color: #333;
}


#conteudo{
	
	min-height: 500px;
}

#conteudo, #conteudo p{
	font: 13px/130% Helvetica, "Times New Roman", Times, serif;
	
}




/* @end */

/* @group barcos */

h2.contentheading_embarcacoes {
	position: relative;
	width: 199px;
	height: 56px;
	overflow: hidden;
	top: 10px;
	margin: 0 auto;
	
	text-align: center;
	background: url(../images/titulo_bkg.png) no-repeat;
	z-index: 3000;
	font: 16px/50px Georgia, "Times New Roman", Times, serif;
}

._embarcacoes #video a, ._embarcacoes #videoleft a{
margin: 0; padding: 0;text-decoration: none;
color: #77d9dc;
}

._embarcacoes #video {
	position: relative;
	width: 119px;
	height: 36px;
	overflow: hidden;
	top: 2px;
	margin: 0 auto;
	

	
	text-align: center;
	background: url(../images/video_bkg.png) no-repeat;
	z-index: 2999;
	font: 12px/32px Georgia, "Times New Roman", Times, serif;
		
}


.empresa #video {
	position: relative;
	width: 119px;
	height: 36px;
	overflow: hidden;
	top: 10px;
	margin: 0 auto;
	
	margin-top: -20px;
	margin-left: 356px;

	
	text-align: center;
	background: url(../images/video_bkg.png) no-repeat;
	z-index: 2999;
	font: 12px/32px Georgia, "Times New Roman", Times, serif;
		
	
}



._embarcacoes #videoleft {
	position: relative;
	width: 119px;
	height: 36px;
	overflow: hidden;
	top: 2px;
	margin: 0 auto;
	
	margin-left: 360px;
	
	text-align: center;
	background: url(../images/video_bkg.png) no-repeat;
	z-index: 2999;
	font: 12px/32px Georgia, "Times New Roman", Times, serif;
		
}


._embarcacoes #grau1, ._embarcacoes #faixaluxomenu {
	position: absolute;


	width: 119px;
	height: 66px;
	overflow: hidden;
	top: -3px;
	margin: 0 auto;
	
	text-align: center;
	background: url(../images/video_bkg.png) no-repeat;
	z-index: 2999;
	font: 12px/12px Georgia, "Times New Roman", Times, serif;


	top:155px;
	left: 480px;


}

._embarcacoes #grau1 .texto_ver{
	display: block;
	width: 60%;
	margin-top: 9px;
	margin-left: 2px;
	font: 11px/9px Georgia, "Times New Roman", Times, serif;
	float: left;
}

._embarcacoes #grau1 a{
float: left;
margin: 0; padding: 0;text-decoration: none;
font-size: 18px;
margin-top: 7px;
	color: #77d9dc;
	margin-right: 3px;

}

._embarcacoes #faixaluxomenu a{
font-size: 11px;
text-decoration: none;
line-height: 28px;
color: #77d9dc;
}



.item{
	font-size: 140%;
	
}



#imagem{
	
		float:left;
		width:450px;
		height: 450px;
		
}

._embarcacoes #imgborda{
position: relative;
width: 900px;
height: 450px;
margin:0 auto;
padding: 0;
margin-top: -60px;

}

._embarcacoes #imgborda #borda{
position: absolute;
width: 100%;
height: 100%;
background:url(../images/borda_barco.png) no-repeat;
margin: 0;
padding: 0;
z-index: 1000;
}

._embarcacoes #imgborda img{
position: absolute;
width: 100%;
height: 100%;

}

._embarcacoes #cores img{
cursor: pointer;

}

.informativo{
	display: none;
}


div#tabs{
position: relative;
font-size: 90%;
margin: 0 auto;
margin-top: -3px;
width: 824px;
height: 305px;
background: url(../images/texto_bkg.png) no-repeat;

}


div#tabs p{
	margin-bottom: 9px;
	font-size: 100%;
}
	
div#tabs li{

	
}

.ui-tabs .ui-tabs-panel li { 
margin-bottom: 3px;
margin-left: 30px;

}

.ui-tabs .ui-tabs-panel {
display: block; border-width: 0; background: none; margin-top: 0px; margin-bottom: 0px; height:270px; overflow: auto;

width: 767px;
padding-top: 10px;
padding-left:20px;
padding-right: 20px;
margin: 0 auto;

}


.ui-tabs .ui-tabs-nav { list-style: none; position: absolute; padding:0; text-align: center; bottom:-20px;

width: 100%;

}

.ui-tabs .ui-tabs-nav > li{
width: 25%;

}
.ui-tabs .ui-tabs-nav > li a{
		width: 168px;
	height: 36px;
	padding: 0;margin: 0;
	margin-left: 20px;
		background:url(../images/tab.png) no-repeat;
	letter-spacing: 0;
	font: small-caps bold 12px/30px Georgia, "Times New Roman", Times, serif;
}

.ui-tabs-panel.ui-widget-content.ui-corner-bottom li{

	float: left;
	margin-left: 20px;
	width: 300px;
	height: auto;
	padding-right: 10px;
	display: list-item;
	list-style-type: disc;
}

.ui-tabs-panel ul{
	float: left;
padding-bottom: 30px;
}

div#tabs-1.ui-tabs-panel.ui-widget-content.ui-corner-bottom {
	
	position:relative;

}

/* @group embarcacoeslista home (lista) */


.contentdescription_embarcacoes {
	float:left;
	width: 50%;
}

.contentpane_embarcacoes{
	float:left;
	width:45%;

	
	padding: 20px;
	padding-top: 0px;
}
.contentpane_embarcacoes td{
	padding-top: 20px;	
	text-align: center;
}


.contentpane_embarcacoes td a{
	padding: 10px;

	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 200%;
	font-size: 18px;
	text-decoration: none;
	color: #efefef;
}



.contentpane_embarcacoes td  a:hover{
	color: #78d9dc;

}

 
.imageSlider{
	/*width:2000px;*/
}

 #galeria{	
	position: absolute;
	top: 130px;
	right: -20px;
	height: 450px;
	width: 90px;
	overflow: hidden;
	/*z-index: 1;*/
	
	
z-index: 9000;


}


.imageSlider {

	
	top: 0;
	left:0;
		width: 90px;
		
	


}

.imageSlider ul{
	
	position: relative;
	top: 0;
	left:0;
	width: 90px;
	float: left;
	

}


 #galeria .imageSlider ul li{
position: relative;
float:left;
margin-bottom: 2px;
margin-left: 1px;
width: 90px;
height:88px;
background: url(../images/bordafoto.png);
z-index: 3000000;
}


 #galeria .imageSlider ul li a{
	margin: 0;
	padding: 0;

border-left: 0px;
border-bottom: 0px;

overflow: hidden;
position: absolute;
top: 2px;
left: 3px;
right: 9px;
bottom: 9px;

}

/* @end */


/* @end */


#cabecalho #menu li.parent ul{
position: absolute;

}

#mask{
	position: absolute;
	top: 0; left:0;
	width:100%;
	height:100%;
	background-color: black;
	z-index: 9999;
}






div#submenu{
	margin: 0;
	padding: 0;
	position:absolute;
	top: 66px;
	left: 375px;
	

	width:250px;
	z-index: 99999999999;
	background: #0066a9;
	padding:0px 15px 15px 0 ;
	
	
}




div#submenu > ul{
position: relative !important;
left:0px !important;;
top: 0px !important;;
float:left !important;;
margin: 0 !important;;
padding: 0 !important;;
width:100%;
}


div#submenu > ul li{
float: left;
width: 240px !important;
margin: 0 !important;
padding: 0 !important;

margin-left: 20px !important;
margin-bottom: 9px !important;
text-align: left !important;

}
#cabecalho #submenu a{
text-align: left !important;
font-size: 12px;
	color: #cedbdc;
	font-variant: normal;
		text-shadow: #171716 1px 1px 1px;
	
}



#cabecalho #submenu .active a, #cabecalho #submenu a:hover{
color: #00f7ff;



}




._passeio #conteudo{
padding: 30px;
text-align: center;
padding-left: 50px;
padding-right: 50px;
	
	
}

._passeio .clima{

	float: left;
	padding-top: 0px;
	margin-top: 40px;
	margin-left: 110px;
	
	
}
.clear{
	clear: both;
}



._passeio #menuinferior{
	position: relative;
	top: 40px;
	width: 100%;
	height: 150px;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 200%;
	font-size: 150%;

	
}
._passeio #navseguranca{
	position: absolute;
	top:20%;
	left: 20%;
	padding-right: 30px;
	
	border-right: 1px solid #ababab;
	height: 100px;
	line-height: 100px;
	color: #ababab;
}

._passeio #texto{
	text-align: left;
	line-height: 160%;
	padding-left: 100px;
	padding-right: 100px;
	
	}
	
._passeio #menuinferior ul li{
	list-style-type: none;
}

._passeio #menuinferior ul{
	position: absolute;
	top:30%;
	left: 50%;
	text-align: left;
	height: 100px;
	line-height: 140%;
}
._passeio #menuinferior ul li a{
	text-decoration: none;
	}

._passeio #conteudo h1, ._passeio  #conteudo h2, ._passeio  #conteudo h3{
	margin-top: 25px;
	margin-bottom: 10px;
	
	font-family: Georgia, "Times New Roman", Times, serif;
}

._passeio p{
	margin-bottom: 5px;
	margin-left: 20px;
}


#menu ul.menu li.parent ul{
	display: none !important;
}

._embarcacoes #cores{
	position: absolute;
	margin: 0; padding:0px;
	z-index: 3000;
	height: 350px;
	width: 85px;
	top: 150px;
	left: 0px;
	height:400px;
	background: url(../images/coresdisponiveis.png) no-repeat 100% 50%;

	

}


._embarcacoes #cores.faixaluxo{
	position: absolute;
	margin: 0; padding:0px;
	z-index: 3000;
	height: 350px;
	width: 85px;
	top: 150px;
	left: 0px;
	height:400px;
	background: url(../images/faixa_luxo_opcional.png) no-repeat 100% 50%;

	

}




._embarcacoes.en #cores{

	background: url(../images/coresdisponiveis_eng.png) no-repeat 100% 50%;

	

}


._embarcacoes #cores table{
margin-left: 10px;
height: 100%;
width: 40px;

*position:relative;
*float:left;
}

._embarcacoes #cores table img{
	float: left;
	}