/*
###############################################################################
Cliente: Joaquina Beach Hotel
Projeto: Site e Sistema de Hotel web - 2009 -
código: danilo@3w3.com.br / vinicius@3w3.com.br
###############################################################################
*/

@charset "utf-8";

/*
###############################################################################
DOCUMENTO CSS
###############################################################################


###############################################################################
GERAL
###############################################################################
*/

  * { margin: 0; padding: 0; } /* reseta todas as margens e paddings do site */
 
  body 	{ font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333; }
  html, body {  font: 100% Arial, Helvetica, sans-serif; }
  html { padding-top: 1px; }
  body { margin: 0 auto;}
  
 .limites { position: relative; width: 988px; margin: 0 auto; font-size: .68em; color: #6b6b6b; }
  
/*
###############################################################################
CLASSES
###############################################################################
*/
    .direita { float: right; }
    .esquerda { float: left; }
    p.direita, p.esquerda { float: none; }
    p.direita { text-align: right; }
    p.esquerda { text-align: left; }
    .centro { text-align: center; }
    
    a img { border: 0; }
	input { border:1px solid #CCC; padding:3px; height:22px;}
	
	a:link, a:visited, a:active {color:#000; font-size:11px; font-weight:bold;}
	
	a:hover {color:#000; font-size:11px; font-weight:bold;}
	
	
/*
###############################################################################
OBJETOS
###############################################################################
*/
#filiaistopo {
	float:right;
	left:20px;
	margin-top:0px;
	top:6px;
	width:720px;
	height:76px;
	background:url(../images/bg_filiais_listra.jpg) repeat-x;
}

#faleconosco{
	position: relative;
	top:270px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#137979;
	float:left;
	left:-300px;

}

#faleconosco table th{
	text-align:left;
}
#localizacao2{
	position:relative;
	float:right;
	height:400px;
	
	top:-180px;

}

#menutopo {
	float:none;
	position:absolute;
	left:-1px;
	top:251px;
	width:988px;
	height:200px;
	background-color:#eeeeee;
}


#busca {
	float:none;
	position:absolute;
	left:320px;
	top:158px;
	width:703px;
	height:48px;
	border-width:1px;
	
}


#busca a{
	font-family:Verdana, Geneva, sans-serif;
	font-size:20px;
	font-weight:normal;
	color:#244F71;
	text-decoration:none;
}


.campo-top{
width:160px;
border:2px solid #CCC;
background:#fff;
padding:5px;
color: #666;
}

#busca ul li{
	float:left;
	list-style-type: none;
	width:169px;
	height:30px;
	padding:3px;	
}

.buscarbtn {
margin-top:3px;
	height:29px;
	width:100px;
	background:url(../images/buscar.jpg) no-repeat;
	border:none;
	cursor:pointer;
}

#conteudoesquerda {
	float:none;
	position:absolute;
	left:0px;
	top:210px;
	width:746px;
	height:110px;

}

#topo {
	height:212px;
	top:30px;
	
}
#conteudo-paginas{
	padding-top:212px;
	
}

#menu-top{
	float:right;
	padding:10px;
	z-index:-1;
}

#menu-top-ul{
	list-style:none;
}

#menu-top-ul li{
	float:left;
	padding:0 10px 0 0;
}

#menu-top-ul li a{
	
	font-size:12px;
	color:#333;
	text-decoration:none;
	
}

#menu-top-ul li a:hover{

	font-size:12px;
	color:#000;
	text-decoration:underline;
	
}

/*
###############################################################################
parte de vendas
###############################################################################
*/

#menu_imoveisvenda_sombra{
	float:none;
	position:absolute;
	left:0px;
	top:309px;
	width:737px;
	height:24px;
	background-image:url(../images/bg_embaixomenus.jpg); background-repeat:repeat-x;
	margin-top:13px;

}
#tit_imoveisvenda{
	float:none;
	position:absolute;
	left:0px;
	top:244px;
	width:300px;
	height:49px;
	background-color:#fff;
	margin-top:13px;
	border-bottom-width:1px;
	border-bottom:solid;
	border-bottom-color:#E8E8E8;
}
#menu_imoveisvenda{
	float:none;
	position:absolute;
	left:0px;
	top:293px;
	width:736px;
	height:30px;
}

.imoveisvenda_um{
	float:none;
	position:absolute;
	left:0px;
	top:347px;
	width:230px;
	height:330px;
	background-color:#fff;
	
}

.imoveisvenda_dois{
	float:none;
	position:absolute;
	left:248px;
	top:347px;
	width:230px;
	height:330px;
	background-color:#fff;
	
}

.imoveisvenda_tres{
	float:none;
	position:absolute;
	left:496px;
	top:347px;
	width:230px;
	height:330px;
	background-color:#fff;
	
}

#menu_imoveisalug_sombra2{
	float:none;
	position:absolute;
	left:0px;
	top:688px;
	width:737px;
	height:24px;
	background-image:url(../images/bg_embaixomenus.jpg); background-repeat:repeat-x;
	margin-top:13px;

}

#vejamais-btn {
	float: left;
	width: 148px;
	background: url(../images/btn-vejamais.jpg) no-repeat scroll left top;
	height: 24px;
	text-indent: -9999px;
	
}
#vejamais-btn a {
	width: 148px;
	background: url(../images/btn-vejamais.jpg) no-repeat scroll left top;
	height: 24px;
	display:block;
}
#vejamais-btn a:hover {
	background: url(../images/btn-vejamais.jpg) no-repeat scroll left bottom;
}



.link-texto1:link, .link-texto1:active, .link-texto1:visited{
	text-decoration:none;
	font-size:12px;
	color:#666;
	
}
.link-texto1:hover{
	text-decoration:underline;
	font-size:12px;
	color:#666;
	
}


.link-titulo1:link, .link-titulo1:active, .link-titulo1:visited{
	text-decoration:none;
	font-size:16px;
	color:#333;
	font-weight:bold;
	
}
.link-titulo1:hover{
	text-decoration:underline;
	font-size:16px;
	color:#333;
	font-weight:bold;
	
}


.link-titulo3:link, .link-titulo3:active, .link-titulo3:visited{
	text-decoration:none;
	font-size:20px;
	color:#4175C1 ;
	font-weight:bold;
	
}
.link-titulo3:hover{
	text-decoration:underline;
	font-size:20px;
	color:#333;
	font-weight:bold;
	
}

/*
###############################################################################
parte de alugueis
###############################################################################
*/

#menu_imoveisalug_sombra{
	float:none;
	position:absolute;
	left:0px;
	top:788px;
	width:737px;
	height:24px;
	background-image:url(../images/bg_embaixomenus.jpg); background-repeat:repeat-x;
	margin-top:13px;

}

#tit_imoveisalug{
	float:none;
	position:absolute;
	left:14px;
	top:399px;
	width:400px;
	height:49px;
	/*margin-top:13px;*/
}


#menu_imoveisalug{
	float:none;
	position:absolute;
	left:0px;
	top:773px;
	width:736px;
	height:30px;
}

.imoveisalug_um{
	float:none;
	position:absolute;
	left:1px;
	top:815px;
	width:158px;
	height:294px;
	background-color:#fff;
}

.imoveisalug_dois{
	float:none;
	position:absolute;
	left:190px;
	top:818px;
	width:158px;
	height:330px;
	background-color:#fff;
}

.imoveisalug_tres{
	float:none;
	position:absolute;
	left:380px;
	top:818px;
	width:158px;
	height:330px;
	background-color:#fff;
}

.imoveisalug_quatro{
	float:none;
	position:absolute;
	left:500px;
	top:290px;
	width:158px;
	height:270px;
	background-color:#fff;
}

.link-texto:link, .link-texto:active, .link-texto:visited{
	text-decoration:none;
	font-size:12px;
	color:#666;
	
}
.link-texto:hover{
	text-decoration:underline;
	font-size:12px;
	color:#666;
	
}

.link-titulo:link, .link-titulo:active, .link-titulo:visited{
	text-decoration:none;
	font-size:14px;
	color:#333;
	font-weight:bold;
	
}
.link-titulo:hover{
	text-decoration:underline;
	font-size:14px;
	color:#333;
	font-weight:bold;
	
}

/*final aluguel*/



.quero:link, .quero:active, .quero:visited{
	text-decoration:none;
	font-size:20px;
	color: #4175C1;
	font-weight:bold;
	
}
.quero:hover{
	text-decoration:underline;
	font-size:20px;
	color:#333;
	font-weight:bold;
	
}


#tiker {
	float:none;
	position:absolute;
	left:0px;
	top:0px;
	width:746px;
	height:244px;
}


#conteudodireita {
	float:none;
	position:absolute;
	left:755px;
	top:500px;
	width:242px;
	height:90px;
	background-color:#FAFAFA;
	clear:both;
}


.font-f:link, .font-f:active, .font-f:visited{
	font-size:16px;
	color:#333;
	text-decoration:none;
	
}
.font-f:hover{
	font-size:16px;
	color: #000;
	text-decoration:underline;
	
}

#classificados {
	padding:10px;
	list-style:none;
	
}


#classificados li a  {
	background-color:#eee;
	display:block;
	height:46px;
	padding:5px;
	margin:5px;
	list-style-type: none;
	margin-top:0px;
	text-align:left;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;	
}

#classificados li a:hover  {
	text-decoration:underline;
	color:#000;
	background-color:#e4e4e4;
	display:block;
	height:46px;
	
		
}

#youtube{
	position:absolute;
	width:300px;
	height:250px;
	top: 393px;
	float:none;
	left:410px;
	border:hidden;
	list-style:none;
}

#youtube ul li{
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#15797B;
}


#noticiaindex{
	position:absolute;
	width:300px;
	height:121px;
	top:700px;
	float:none;
	border:hidden;
	left:400px;
	text-align:left;
	z-index:1;
	}
	
	#noticiaindex a{
		color:#81BFFF;
		text-decoration:none;
	}

	#noticiaindex ul{
		list-style:none;
	}

.hr{
	color:#FFF;
	
	
	}


#noticia ul li{
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#15797B;
	text-align:left;
}

#noticia a{
font:'Trebuchet MS', Arial, Helvetica, sans-serif; 
color:#3F9297; 
font-size:14px;

}

#thumbs{

	}

#album{
	position:absolute;
	padding:0px 0px 0px 20px;
	height:400px;
	width:208px;
	background-image:url(../images/frase3_fotos_bg.png);
	background-repeat:no-repeat;
	top: 397px;
	left:786px;


}
#album ul li{
	list-style:none;
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#15797B;
	text-align:right;
}

#contatos{
	width:374px;
	height:111px;
	border:dashed;
	background:url(../images/contatos.gif);
	position:absolute;

}

#clear{
	clear:both;
}

#rodape {
	width:100%;
	padding:20px 0 0 0;
	height:167px;
	background-repeat:repeat-x;
	clear:both;
}

#footer {
	position:relative;
	top:500px;
	width:100% ;
	height:480px;
	clear:both;
	
	/*tracejado*/

}

#foot{
height:480px;
background: url(../design/barra.png) repeat-x bottom;
position:relative;
width:100%;
top:0px;
/*border:groove;*/


}

#canto{
	
	position:relative;
	width:633px;
	height:480px;
	float:left;
	top: 1px;
	right:48px;
	overflow:visible;
	background: url(../design/bg_rodape3.png) no-repeat bottom;
	
	/*border:dotted;*/

	
}

#menurodape{
	position:relative;
	list-style:none;
	float:right;
	right: 310px;
	/*margin-top:10px;*/
	top: 325px;
	z-index:1;
	/*border:solid;*/
}

#menurodapelista{
	position:relative;
	list-style:none;
	float:right;	
}

#menurodape li{
	float:left;
	list-style:none;
}

#menurodape li a{ 
	font-weight:normal;
	color: #003;
	font-size:15px;
}
#menurodape li a:hover{
	font-weight:normal;
		
}

#telefone-rodape{
	position:relative;
	/*float:right;
	clear:both;
	right: 195px;*/
	background:url(../design/telefone-rodape.png) no-repeat bottom;
	width:384px;
	height:120px;
	float:left;
	left: -70px;
	top: 340px;
	
	/*border:groove;*/
}

#twicut{
	position:relative;
	width:120px;
	height:71px;
	/*left: -131px;
	top:20px;
	clear:both;*/
	top: 310px;
	right:140px;
	
}


#twicut ul li{
list-style:none;
float:left;
}






#conteudo-rodape{
	/*width:990px;*/
	width:100%;
	margin: 0px 0px 0px 0px;
	position:relative;
	top:500px;
	height:167px;
	border:solid;
	
}

#links-rodape{
	list-style:none;
	display:inline;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size:14px;
	border:solid;
}

#links-rodape li{
	float:left;
	padding:0 20px 0 0;
	border:solid;
}
#links-rodape li a{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	border:solid;
	
	font-size:14px;
}

#links-rodape li a:hover{
	font-family:Arial, Helvetica, sans-serif;
	color: #C4E7FF;
	font-size:14px;
	text-decoration:underline;
	border:solid;
}

#enderecos-rodape{
	padding:30px 0 0 10px;
	font-size:12px;
	line-height:25px;
	color:#FFF;
	list-style:none;
}

#copyright{

	font-size:16px;
	/*line-height:25px;*/
	color: #87B1D2;
	list-style:none;
	float:left;
	margin-left:550px;
	margin-top:9px;
	
}
#copyright li{
list-style-type:none;
float:left;
width:100px;
height:10px;
/*padding:3px;*/
position:relative;
azimuth:left;
}

#reserva{

	width:971px;
	height:300px;
	position:absolute;
	top: 250px;
	left: 12px;
	border: hidden;
	
}

#reserva ul li{
	list-style:none;
}

#noticia{
	background:url(../images/fundonoticia.gif);
	width:971px;
	height:601px;
	position:absolute;
	top: 300px;
	left: 12px;

	
	
}



#formulario{
	/*text-align:right;
	font-size:12px;
	color: #137979;
	*/
	top:0px;
	position:relative;
	width: 400px;
	height: 460px;
	padding-top:10px;
	right: 250px;
	padding-left:62px;
	
	

}

#formu{
	position:relative;
	height: 286px;
	width: 150px;
	right:135px;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#137979;
	line-height:27px;
	padding-top:20px;
	
	
	
	}
	
#lario{
	position:relative;
	width:150px;
	height: 286px;
	top: -305px;
	padding-top:10px;
	text-align:left;
	left: 22px;
	line-height:28px;
	
	
}
#termos{
	position:relative;
list-style:circle;
	float:right;
	width:464px;
	height:330px;
	right:0px;
	top:-479px;
	padding-top:20px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#137979;
	/*border:dashed;*/
}

/*#concluircancelar{
	width:150px;
	height:35px;
	background: url(../design/botao_concluir.png) no-repeat;
	position:relative;
	top: -300px;
	left:-130px;
}*/

.concluir{
	width:150px;
	height:35px;
	border:none;
	background: url(../design/botao_concluir.png) no-repeat center;
	position:relative;
	top: -270px;
	left:-130px;
	border:hidden;
}




.calcular{
	width:150px;
	height:35px;
	border:none;
	position:relative;
	top: -305px;
	left:30px;
	background:url(../design/botao_calcular.png) no-repeat center;
	outline-style:hidden; border:hidden;
	}
#fotohotel{
	position:relative;
	float:right;
	width:422px;
	height:280px;
	right:0px;
	top:-290px;
	padding-right:24px;

	/*padding-top:47px;
	padding-left:10px;
	padding-right:14px;*/
}

#ferias{

	top:50px;
	position:relative;
	width: 478px;
	height: 361px;
	/*padding-top:7px;*/
	right: 237px;
	text-align:left;
	
	padding-left:14px;
}

#lugares{
	background:url(images/fundoinfraestrutura.png);
	width:205px;
	height:329px;
	position:absolute;
	top: 670px;
	left: 420px;
	z-index:-1;
	

}

#lugares2{
	width:205px;
	height:154px;
	position: relative;
	

}

#lugares3{
	width:205px;
	height:154px;
	position: relative;
	top:10px;
}

#descricao{
	width:296px;
	height:329px;
	position:absolute;
	top: 625px;
	
	left: 700px;
}


#joaquinalagoa{
	height:147pxx;
	width:300px;
	position:relative;
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#137979;
	text-align:left;
}



#cart{
	width:180px;
	height:34px;
	/*border:dotted;*/
	position:relative;
	top:14px;
	float:right;

}

#rodapedareserva{
	width:564px;
	height:59px;
	/*border:double;*/
	position:relative;
	top:-200px;
	right:200px;
	
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#137979;
	
}

#facareserva{
	height: 42px;
	width:223px;
	position:relative;
	top: -250px;
	left:-130px;
}

#infra{
	width:363px;
	height:33px;
	color:#CBB350;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align:left;
	position: absolute;
	top: 712px;
	left:31px;

}

#infra a{
	
	color:#CBB350;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
	text-align:left;
	text-decoration:none;
}

#infraestrutura{
	background:url(../../../images/fundoinfraestrutura.png);
	width:560px;
	height:399px;
	position:absolute;
	top: 700px;
	left: 420px;
	
	}
	
	#infraestrutura a{
		text-decoration:none;
	}

#foto1{
	width:260px;
	height:164px;
	position: relative;
	float:left;
	padding-right:8px;

}
#foto2{
	width:260px;
	height:164px;
	position: relative;
	float:left;
	
	
}
#foto3{
	width:260px;
	height:164px;
	position: relative;
	float:left;
	margin-top:20px;
	padding-right:8px;
	
}
#foto4{
	width:260px;
	height:164px;
	position: relative;
	float:left;
	margin-top:20px;
}

#baixatemporada{
	height:230px;
	width:195px;
	position:relative;
	
	right:364px;
	top:20px;
	/*border:dotted;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#137979;
	text-align:left;
}
#altatemporada{
	height:230px;
	width:195px;
	position:relative;
	/*border:dotted;*/
	
	top:-218px;
	right:120px;
	
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#137979;
	text-align:left;
}
#promo1{
	height:255px;
	width:199px;
	position:relative;
	/*border:dotted;*/
	
	top:-447px;
	right:-123px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#137979;
	text-align:left;
	
}
#promo2{
	height:350px;
	width:195px;
	position:absolute;
	/*border:dotted;*/
	position:relative;
	
	top:-706px;
	right:-363px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#137979;
	text-align:left;
	
}

#galeriasfotos{
	width:370px;
	height:337px;
	position:relative;
	
	right:257px;
	top: 64px;
	/*border:dotted;*/
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#137979;
	text-align:left;
}
#fotorolagem{
	
}

#fotosfloripa{
	width:115px;
	height:306px;
	position:relative;
	
	right:0px;
	top: 0px;
	/*border:dotted;*/
}

#reveillon{
	width:115px;
	height:306px;
	position:relative;
	
	right:-130px;
	top: -306px;
	/*border:dotted;*/
}
#campeonato{

	width:115px;
	height:306px;
	position:relative;
	
	right:-258px;
	top: -612px;
	/*border:dotted;*/
}

#verao2009{
	width:481px;
	height:324px;
	position:relative;
	
	right:-220px;
	top: -265px;
	border:hidden;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#137979;
	text-align:right;
}

#videoverao{
	width:479px;
	height:287px;
	position:relative;
	border:hidden;
	top:8px;
}

#titulogaleriavideo{
	width:363px;
	height:33px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	position: absolute;
	top: 624px;
	left:30px;

}




#ass-3w3{
	float:left;
	margin-bottom:1px;
}


#ass-3w3-ul{
	list-style:none;
}

#ass-3w3-ul li{
	float:left;
}


#telefone{
	float:left;
	margin-top:27px;
	margin-left:430px;
	font-weight:bold;
	font-size:11px;
	color:#433912;
	text-align:justify;
}

#telefonelocalizacao{
	background-image:url(../images/contatos.gif);
	width:374px;
	height:111px;
	position:relative;
	top:800px;
}


/*
	Content Slider
	CODE BY: vinicius@3w3

	Estrutura ticker
	Slider
*/

#featured{ 

	width:988px; 
	padding-right:1px;
	position:relative; 
	height:371px; 
	background:#FFFFF; /*fundo do ticker inteiro*/

}

#featured ul.ui-tabs-nav{
	position:absolute;
	top:319px;
	left:-2px;
	list-style:none;
	padding:0;
	margin:0;
	width:988px;
	height:52px;
	/*background-image:url(../images/bg_tiker.jpg);*/
	background-image:url(../images/barrinha.jpg);
	
	background-repeat:no-repeat;
	border:hidden;

}

#featured ul.ui-tabs-nav li{

text-align:center;
width:170px;
height:52px; 
padding: 0px 0px 0px 0px; 
float:left;  
font-size:18px;
font:Arial, Helvetica, sans-serif;
color:#81BFFF;
list-style:none;


}
#featured ul.ui-tabs-nav li span{ 
	font-size:22px; 
	font-family:Verdana; 
	line-height:18px;
	margin-top:20px;
	font-weight:normal;
	list-style:none;
}

#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:50px;
	text-decoration:none; 
	color:#816f25;  
	/*background:#fff;*/ 
	line-height:20px;
	padding-top:17px;
	background-image:url(../images/bg_tiker.jpg);
	/*background:url(../images/buttom.png);*/
	background-repeat:no-repeat;
	list-style:none;
	
}
#featured li.ui-tabs-nav-item a:hover{ 
/*background-image:url(../images/bg_tiker_sele.jpg);*/
background-image:url(../images/botao2.jpg);
list-style:none;
background-repeat:no-repeat; 
}
#featured li.ui-tabs-selected{ 
/*background-image:url(../images/bg_tiker_sele.jpg);*/
background:url(../images/botao2.jpg);
background-repeat:no-repeat;
list-style:none;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background-image:url(../images/bg_tiker_sele.jpg);
background-repeat:no-repeat;
list-style:none;
}

#featured .ui-tabs-panel{ 
	width:988px; height:319px; 
	background: position:relative;
}

#featured .ui-tabs-hide{ 
	display:none; 
}