/* 
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{
	background-color:#53BDCD;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;	
	color:#183884;	
}


/* Estrutura-base */
#geral{
	width:777px;
	margin:0 auto;
}

#topo{
	width:777px;
	height:210px;
	display:table;	
	margin-bottom:15px;
}

#conteudo{
	width:777px;
	display:table;	
}

#conteudo_pagina_interna{
	display:table;
	width:750px;
	margin:0 auto;
	text-align:justify;

}

#titulo_pagina_interna{
	width:750px;
	height:50px;
	margin-bottom:20px;
	background:url("../imagens/fundos/titulos.gif") no-repeat left top;
	background-color:#00AFC4;	
}

#rodape{
	display:table;
	width:777px;
	height:140px;
	margin-top:20px;
	background:url("../imagens/fundos/rodape.gif") no-repeat top left;	
}

#caixa-foto-titulo{
	width:185px;
	height:165px;
	margin:0 auto;
	float:left;
}

#caixa-foto{
	width:150px;
	height:113px;
	margin:0 auto;
	border:3px solid #FFFFFF;
}

#caixa-titulo{
	text-align:center;
}

#voltar{
	width:100%;
	margin-top:20px;
}

#voltar-botao{
	width:70px;
	height:10px;
	text-align:center;
	font-weight:bold;
	background-color:#F3C500;
}


/* Topo */
#logo_pousada{
	height:139px;
	background:url("../imagens/fundos/topo.gif") no-repeat top;
}

#logo_pousada h1 {
	float:left;
	margin-left:30px;
	margin-top:15px;
	background: url("../imagens/logo_pousada.gif") no-repeat;
}

#logo_pousada h1 a {
	width: 188px;
	height: 114px;
	text-indent: -99999px;
	overflow: hidden;
	display: block;

}


/* Menu */

.barra_menu{
	margin:0 auto;
}

.barra_menu #menu{
	position:relative;
	display:block;
	height:59px;
	font-weight:bold;
	background:transparent url("../imagens/f1.gif") repeat-x top left;
}

.barra_menu #menu ul{
	margin:0px;
	padding:0;
	list-style-type:none;
	width:auto;
}

.barra_menu #menu ul li{
	display:block;
	float:left;
	margin:0 1px 0 0;
}

.barra_menu #menu ul li a{
	display:block;
	float:left;
	color:#D5F1FF;
	text-decoration:none;
	padding:18px 26px 0 14px;
	height:59px;
}

.barra_menu #menu ul li a:hover,.barra_menu{
	color:#fff;
	background:transparent url("../imagens/f2.gif") no-repeat top center;
}



/* Principal */
#conteudo .animacao_principal{
	text-align:center;
	margin-top:3px;
}

#cadastro_newsletter{
	width:697px;
	height:57px;
	background-color:#F3C500;
	margin:0 auto;
	margin-top:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

#conteudo h2.newsletter_principal {
	width: 164px;
	height: 30px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	text-indent: -99999px;
	overflow: hidden;
	display: block;
	background: url("../imagens/titulos/newsletter_principal.gif") no-repeat;
}

#cadastro_newsletter p{
	margin-top:20px;
	margin-left:20px;
	height:30px;
	float:left;
}

#form_news{
	float:right;
	width:280px;
	padding-top:10px;
}

#cadastro_newsletter .campo_form_news{
	width:100px;
	height:20px;
	margin-right:8px;
	margin-top:5px;
	border:1px solid #C8CBD0;
}


/* Títulos das Páginas */
#titulo_pagina_interna .titulo{
	margin-top:8px;
	margin-right:10px;
	float:right;
	color:#ffffff;
}


/* A Pousada */
#conteudo_pagina_interna .fotos_apousada{
	float:left;
}


/* Turismo */
#foto-turismo-ver img{
	border:3px solid #FFFFFF;
	float:left;
	margin:5px;
	height:200px;
	width:250px;
}

/* Localização */
#texto-localizacao{
	width:370px;
	float:left;
	margin-top:20px;
}

#mapa-localizacao{
	width:330px;
}


/* Tarifas */
#tarifa-normal{
	width:360px;
	margin:5px;
	float:left;
}

#titulo-tarifa-normal{
	font-weight:bolder;
	color:#1A7F8D;
}

#texto-tarifa-normal{
	margin-left:10px;
}

#tarifa-pacote{
	width:400px;
	margin:0 auto;
	padding:8px;
	margin-bottom:10px;
	background-color:#1A7F8D;
}

#titulo-tarifa-pacote{
	font-weight:bolder;
	color:#F3C500;
}

#texto-tarifa-pacote{
	margin-left:10px;
}


/* Reservas */
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.gif");
	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: #0597DB;
	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: #0597DB;
	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;
}

/* Rodapé */
#rodape .vcard{
	width:390px;
	float:left;
	padding-left:243px;
	padding-top:85px;
	font-size:12px;
}

#rodape .tel{
	font-weight:bold;
}

#rodape .desenvolvido_por{
	margin-top:90px;
}