/* 
Desenvolvido por: WAD - Soluções para Internet


- Websites e Intranets
- Sistemas Desktop
- Apresentações Multimídia


www.wadnet.com.br  -  wad@wadnet.com.br
Atendimento: +55 82 3231.8857
*/
*{
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
	vertical-align:middle;
}
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#007987;
	background:#fdc443;
	/*color:#7C4C00;*/
}
#geral{
	width:900px;
	display:table;
	margin:0 auto;
}
#topo{
	width:900px;
	display:table;
	height:128px;
}
#topo h1{
	z-index:400;
	position:absolute;
	background:url(../imagens/logo/luar_das_aguas.png) no-repeat;
	width:421px;
	height:145px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin-left:20px;
	margin-top:0px;
}
#conteudo{
	width:900px;
	display:table;
	background:url(../imagens/fundos/conteudo.jpg) no-repeat;
	height:609px;
}
#fotos_pousada{
	width:661px;
	display:table;
	float:left;
	margin-top:40px;
	margin-left:5px;
}
#borda{
	width:661px;
	display:table;
	z-index:200;
	position:relative;
	background:url(../imagens/fundos/fotos_pousada.png) no-repeat;
	height:538px;
}
#img_destaque{
	width:480px;
	display:table;
	float:left;
	margin-left:125px;
	margin-top:-460px;
}
#menu{
	width:132px;
	display:table;
	z-index:800;
	position:relative;
	left:65px;
	margin-right:43px;
	text-align:right;
	margin-top:80px;
}
#menu ul li{ margin-bottom:12px; }
#menu .principal{
	background:url(../imagens/titulos/principal.gif) no-repeat;
	width:66px; 
	height:17px;
}
#menu .principal a{
	width:66px; 
	height:17px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}
#menu ul li.a_pousada{
	background:url(../imagens/titulos/a_pousada.gif) no-repeat;
	width:77px; 
	height:18px;
}
#menu ul li.a_pousada a{
	width:77px; 
	height:17px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}
#menu .acomodacoes{
	background:url(../imagens/titulos/acomodacoes.gif) no-repeat;
	width:97px; 
	height:20px;
}
#menu .acomodacoes a{
	width:97px; 
	height:20px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}
#menu .localizacao{
	background:url(../imagens/titulos/localizacao.gif) no-repeat;
	width:90px; 
	height:20px;
}
#menu .localizacao a{
	width:90px; 
	height:20px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}
#menu .tarifas_e_reservas{
	background:url(../imagens/titulos/tarifas_reservas.gif) no-repeat;
	width:125px; 
	height:19px;
}
#menu .tarifas_e_reservas a{
	width:125px; 
	height:19px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}
#menu .contato{
	background:url(../imagens/titulos/contato.gif) no-repeat;
	width:59px; 
	height:18px;
}
#menu .contato a{
	width:59px; 
	height:18px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}
#menu .lazer{
	background:url(../imagens/titulos/lazer.png) no-repeat;
	width:39px; 
	height:17px;
}
#menu .lazer a{
	width:39px; 
	height:17px;
	text-indent:-99999px;
	display:block;
	overflow:hidden;
}
#newsletter{
	width:200px;
	display:table;
	margin-right:43px;
	margin-top:40px;
	background:url(../imagens/fundos/newsletter.png) no-repeat;
	height:170px;
	position:absolute;
	z-index:800;
	top:370px;
	margin-left:680px;
}
#newsletter h2{
	background:url(../imagens/titulos/newsletter.gif) no-repeat;
	width:71px;
	height:18px;
	display:block;
	overflow:hidden;
	margin-left:50px;
	text-indent:-99999px;
	margin-bottom:2px;
}
#area_texto_news{
	width:140px;
	display:table;
	float:left;
	text-align:justify;
	margin-left:50px;
	margin-bottom:2px;
}
#area_form_news{
	width:140px;
	display:table;
	float:left;
	text-align:justify;
	margin-left:50px;
}
#area_form_news .form_nome{
	width:136px;
	height:20px;
	border:none;
	background:#FFF;
	margin-bottom:7px;
}
#area_form_news .form_email{
	width:136px;
	height:20px;
	border:none;
	background:#FFF;
}
#area_form_news .ok_news{
	float:right;
	margin-top:3px;
}
#rodape{
	width:900px;
	height:215px;
	display:table;
	background:url(../imagens/fundos/rodape.png) no-repeat;
	margin-top:-165px;
}
#texto_rodape{
	width:566px;
	display:table;
	margin:0 auto;
	margin-top:165px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
}

/* A POUSADA */
#conteudo_interna{
	width:900px;
	display:table;
	background:url(../imagens/fundos/conteudo.jpg) no-repeat;
	height:524px;
}
#fotos_a_pousada{
	width:412px;
	display:table;
	float:left;
	margin-left:10px;
}
#texto_pousada{
	width:271px;
	text-align:justify;
	display:table;
	float:left
}
#texto_pousada h3{
	background:url(../imagens/titulos/a_pousada_i.gif) no-repeat;
	width:91px;
	height:21px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin-top:10px;
	margin-bottom:-10px;
}
#texto_pousada p {
	margin: 0px 0px 10px 0px;
	text-indent: 20px;
}

/* ACOMODAÇÕES */
#texto_acomodacoes{
	width:700px;
	display:table;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}
#texto_acomodacoes h3{
	background:url(../imagens/titulos/acomodacoes_i.gif) no-repeat;
	width:111px;
	height:24px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin-bottom:10px;
}

/* LOCALIZAÇÃO */
#texto_localizacao{
	width:700px;
	display:table;
	float:left;
	margin-left:20px;
	margin-top:80px;
	text-align:justify;
}
#texto_localizacao h3{
	background:url(../imagens/titulos/localizacao.png) no-repeat;
	width:103px;
	height:23px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin-bottom:10px;
}
#img_mapa{
	width:185px;
	display:table;
	float:left;
}
#descricao_localizacao{
	width:480px;
	display:table;
	float:left;
	margin-left:10px;
	text-align:justify;
}

/* TARIFAS E RESERVAS */
#texto_tarifas_reservas{
	width:700px;
	display:table;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}
#texto_tarifas_reservas h3{
	background:url(../imagens/titulos/tarifas_reservas_i.gif) no-repeat;
	width:143px;
	height:21px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin-bottom:5px;
}
input.calendar,
select.calendar{
	width: 99px;
	float:left;
}

button.calendar{
	background: url("../imagens/botoes/calendario.gif");
	border: 0;
	cursor: pointer;
	float: left;
	height: 20px;
	margin-right: 6px;
	width: 20px;
}

button.calendar:hover,button.calendar.active{
	background-position: 0 20px;
}

div.calendar{
	background: url("../imagens/fundos/calendar.png");
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
}	

div.calendar div{
	background: none !important;
	cursor: move;
	height: 185px;
	overflow: hidden;
	padding-top: 10px;
	position: relative;
	width: 147px;
}	

div.calendar caption{
	color: #333;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	padding-top: 6px;
	text-align: center;
	width: 100%;
}

div.calendar caption a{
	cursor: pointer;
	display: block;
	height: 12px;
	overflow: hidden;
	position: absolute;
	text-indent: -100px;
	top: 17px;
	width: 11px;
}

div.calendar caption a.prev{
	background-image: url("../imagens/botoes/calendar-prev.gif");
	left: 0;
}

div.calendar caption a.next{
	background-image: url("../imagens/botoes/calendar-next.gif");
	right: 0;
}

div.calendar caption a:hover{
	background-position: 0 12px;
}

div.calendar caption span{
	height: 25px;
	position: relative;
	text-align: center;
}

div.calendar caption span.month{
	padding-right: 8px;
}

div.calendar caption span.month:after{
	content: ',';
}

div.calendar table{
	background: #FFF;
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
	cursor: default;
	margin: 0 auto;
	overflow: hidden;
	width: 147px;
}

div.calendar td,div.calendar th{
	border: 0;
	color: #7C4C00;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 21px;
	text-align: center;
	width: 21px;
}

div.calendar td{
	background: url("../imagens/fundos/calendar-td.gif");
	color: #FFF;
	font-size: 11px;
}

div.calendar td.invalid{
	color: #999;
}

div.calendar td.valid{
	background: url("../imagens/fundos/calendar-valid.gif");
	color: #7C4C00;
	cursor: pointer;
}

div.calendar td.hilite{
	background: url("../imagens/fundos/calendar-hilite.gif");
}

div.calendar td.inactive{
	background: url("../imagens/fundos/calendar-td.gif") 0 100%;
	color: #FFF;
}

div.calendar td.active,div.calendar td.hover{
	background: url("../imagens/fundos/calendar-valid.gif") 0 100%;
	color: #FFF;
	cursor: pointer;
}

/* CONTATO */
#texto_contato{
	width:700px;
	display:table;
	float:left;
	margin-left:10px;
	margin-top:80px;
	text-align:justify;
}
#texto_contato h3{
	background:url(../imagens/titulos/contato_i.gif) no-repeat;
	width:67px;
	height:21px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin-bottom:10px;
}

/* NEWSLETTER */
#texto_newsletter{
	width:700px;
	display:table;
	float:left;
	margin-left:10px;
	margin-top:10px;
	text-align:justify;
}
#texto_newsletter h3{
	background:url(../imagens/titulos/newsletter_i.gif) no-repeat;
	width:85px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:-99999px;
	margin-bottom:10px;
}









.pikachoose{width:396px;display:table; float:left;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:700px;height:317px;margin:0 auto;z-index:800; position:absolute;overflow:hidden; margin-top:0px; margin-left:110px;}
.pikachoose ul li{float: left;border:1px solid #555;padding:2px;background:none;margin:0 10px 7px 0;position:relative;overflow:hidden;}
.pikachoose ul li div img{position:relative;cursor:pointer;}
/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:396px;height:317px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:relative;}
.pika_subdiv{position:relative;border:1px solid #555;background:#777;padding:2px;}
.pika_animationDivs{top:2px;left:2px;} /*must match top/left padding for subdiv */
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:396px;height:16px;padding-top:4px;text-align:left;position:absolute;bottom:7px;left:3px;background:url('black.png') top left;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;background:url('play.png') top center no-repeat;}
.pika_play a.pika_stop_button{background:url('pause.png') top center no-repeat;}

.pika_navigation a{font-size: 12px; text-decoration: none;}
.pika_navigation a:hover{text-decoration: underline;}
.pika_navigation{padding-top:10px;clear:both;text-align:left;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{position:absolute;top:5px;left:5px;height:456px;width:100px;background:url('rewind.png') top left no-repeat;}
.pika_next_hover{position:absolute;top:5px;right:5px;height:456px;width:100px;background:url('fastf.png') top right no-repeat;}