* {padding:0;margin:0; font-family:Arial, Helvetica, sans-serif; font-size:1em;}

body { background:url(../imagens/template/fundo_tijolos.jpg);color:#FFF; }

/* #principal, #principalBkgApartamentos, #principalInternas{position:absolute;width:733px;left:50%;margin:15px 0 0 -366.5px;background:url(../imagens/template/box_principal_top.gif) no-repeat 0 61px;} */

#principal, #principalBkgApartamentos, #principalInternas{position:absolute;width:733px;left:50%;margin:15px 0 0 -380px;background:url(../imagens/template/box_principal_top.gif) no-repeat 0 61px;}

/*#principal { margin:15px 0 0 -366.5px; }*/
/* teste centraliza��o */ /*

#principal, #principalBkgApartamentos, #principalInternas{position:relative;width:733px; display: table; margin: 15px auto 0 auto; /*left:50%;margin:15px 0 0 -366.5px;*//* background:url(../imagens/template/box_principal_top.gif) no-repeat 0 61px;}

#principal { border: 1px #FFFF00 solid;}

#principalInternas { border: 1px #00FF00 solid; }
*/

#principalInternas{width:760px;background:url(../imagens/template/box_principal_top_internas.gif) no-repeat 0 61px;}

#conteudo{float:left;background:#170C00;width:733px;}
#principalInternas #conteudo{width:760px;margin:0;}

#borderBottom{float:left;width:733px;height:19px;background:url(../imagens/template/box_principal_bottom.gif) no-repeat;}
	#principalInternas #borderBottom{width:760px;background:url(../imagens/template/box_principal_bottom_internas.gif) no-repeat;}
#header{float:left;height:79px;width:733px}
#principalInternas #header{width:760px}

#logo{float:left;height:61px;display:block;}

.secaoConteudo, .secaoConteudoInternas {
	float:left;
	display: inline;
	/* width:341px; */
	width:365px;
	margin: 0 18px 0 18px;
	padding:19px 0 4px 0;
	font-size:75%;
}

.secaoConteudo{background:url('../imagens/template/pontilhado_horizontal.gif') repeat-x top}
	.secaoConteudo .borderBottom{background:url('../imagens/template/pontilhado_horizontal.gif') repeat-x top;height:1px;margin:9px 0 0 0px;width:100%;}
	.secaoConteudo p{margin:0 0 10px 0;}

/*--Secao Internas ( DORMITORIOS / CAFE DA MANHA / APARTAMENTOS / CONTATE / COMO CHEGAR )--*/
#principalBkgApartamentos{background:url(../imagens/apartamentos/box_apartamentos_top.gif) no-repeat -1px 61px;}
	#principalBkgApartamentos #conteudo{background:url(../imagens/apartamentos/bkg_apartamentos.jpg) no-repeat 0px 0px;padding-right:15px;height:325px;}

	#principalBkgApartamentos .secaoConteudoInternas{margin-right:0;}
	#principalBkgApartamentos p{font-size:12px;text-align:right;margin-bottom:20px;}
	#principalBkgApartamentos .boxImgInternas{background-image:none;height:70px;margin:0 0 21px 0;}
	#principalBkgApartamentos .boxImgInternas a{border: none;}
	#principalBkgApartamentos .boxImgInternas img{margin:0; border: none;}
	#principalBkgApartamentos .boxImgInternas h1{ display:none;  }

.secaoConteudoInternas{width:380px;padding:19px 0 18px 0;border:none;}

/* .secaoConteudoInternas img{border: 1px #FFFF00 solid; margin: 0 0 0 3px;} */

* html .secaoConteudoInternas img { margin: 0 0 0 7px;}

#apartamentosImg{position:relative; float:left;width:130px;margin:0 20px 0 0; padding:0; top:-10px}
#txtApartamentos { float:right; width:150px; margin:0 18px 0 0;}

.boxImgInternas{float:left;width:140px;height:105px;margin:0 25px 26px 5px;background:url(../imagens/template/box_dormitorios.jpg) no-repeat;}
.boxImgInternas h1{float:left;margin:15px 0 0 3px; font-style:italic; }
.boxImgInternas a{ border:none;}
.boxImgInternas a:link{color:#332620;}
.boxImgInternas a:visited{color:#332620;}
.boxImgInternas a:hover{color:#332620;}
.boxImgInternas a:active{color:#332620;}
.boxImgInternas img{ margin:13px 0 0 5px; border: none;}

/* BACKUP #mascaraBig{left:16px;top:98px;width:396px;height:260px;z-index:20;position:absolute;background:url(../imagens/template/mascara_big.gif);} */

#mascaraBig{
	left:16px;
	top:98px;
	width:396px;
	height:260px;
	z-index:20;
	position:absolute;
	background:url(../imagens/template/mascara_big.gif);
}

/*-- FLASH de aumentar a imagem com a LUPA -- */
#headerSwf{float:left;margin:0 0 5px 18px;}

/*-- FLASH da pagina Principal-- */
#headerSwfPrincipal {width:339px;height:253px;float:left;}

	/* BOXES de CONTATE e COMO CHEGAR FLEXIVEIS*/
	.flexivel {float:left;	font: 0.9em Arial, Helvetica, sans-serif;color:#333; margin: 0 0 10px 10px }
		.flexivel img{ vertical-align:middle;margin:0 4px 3px 0;}
	.titulo {
		background: url(../imagens/template/canto-sup-dir.jpg) no-repeat 100% 0;
		margin:0;
		padding:0;
		text-align: left;
	}
	.titulo h2 {
		padding:0 0 5px 10px;
		background: url(../imagens/template/canto-sup-esq.jpg) no-repeat 0 0;
		margin: 0;
		font-weight: bold;
		font-size: 15px;
		height:7px;
		color:#FFF;
		width:435px;
	}

	.preenchido h2{padding:10px 0 0 10px;width:auto;}

	.conteudo {
		position:relative;
		height:auto;
		background: url(../imagens/template/canto-inf-esq.jpg) no-repeat 0 100%;
		color:#fff;
		margin:0;
		padding: 0 0 5px 10px;
	}
	.flexivel .conteudo p{
		line-height:1.3em;
		font-size:12px;
		margin:15px 0 9px 0;
		}
	.conteudo #ddd_form{ width:28px;}
	.divForm, .divContato, .divComoChegar {

		background: url(../imagens/template/canto-inf-dir.jpg) no-repeat 100% 100%;
		font-size:13px;
	}
	.divForm{width:440px;}
	.divContato{width:280px;}
		.divContato .conteudo{padding-bottom:12px}
	.divContato .titulo h2{width:auto;}
	.divComoChegar{width:173px; padding:0;}
		.divComoChegar .conteudo p{margin-bottom:0px;  font-size:11px; line-height:0.98;margin:11.5px 0 0px 0}
		html:first-child>body .divComoChegar .conteudo p{line-height:1;}
		.divComoChegar h2{ width:auto;font-size:11px; color:#FFF; padding:3px 0 0 8px; margin:0; font-weight:bold;}


/*--Titulos com as imagens de cada se��o--*/
.h1Dormitorios, .h1Cafe, .h1Apartamento, .h1Cadastre, .h1Contate, .h1ComoChegar, .h1Pousada{width:250px;height:29px;float:right;margin:0 27px 0 0;display:block;}

.h1Cafe{background:url(../imagens/cafe/h1_cafe.jpg) no-repeat top right;}
.h1CafeImg{width:20px;background:url(../imagens/cafe/cafe.gif) no-repeat}
.h1PousadaImg{width:20px;background:url(../imagens/pousada/pc.gif) no-repeat;}
	/*--� diferente da classe .h1Apartamentos!!!!! .h1Apartamento � um h1 somente da p�gina de Apartamentos enquanto o .h1Apartamentos � da Template--*/
	.h1Apartamento{background:url(../imagens/apartamentos/h1_apartamentos.jpg) no-repeat top right;margin:0 14px 0 0;}
.h1Dormitorios { background:url(../imagens/dormitorios/h1_dormitorios.jpg) no-repeat top right;}
.h1Pousada{background:url(../imagens/pousada/h1_pousada.jpg) no-repeat top right; float:right;}
.h1Cadastre{background:url(../imagens/cadastre/cadastre.jpg) no-repeat top right}
.h1Contate{background:url(../imagens/contato/contato.jpg) no-repeat top right;height:22px;}
.h1ComoChegar{background:url(../imagens/como_chegar/h1_como_chegar.jpg) no-repeat top right;margin:0 16px 0 0;}

/*--Div com as propagandas--*/
.propaganda{float:left; /* width:121px; */ width:130px; margin:8px 32px 0 43px; }
	.propaganda img{margin:10px 0 0 0; border:none;}

/*--Box onde ficam as chamadas para as se��es (A pousada / Caf� da Manha / Apartamentos /Campos de Joradao)--*/
.box{float:left;width:528px; margin:20px 0 0 0;background:url(../imagens/template/bkg_box.gif) repeat-y center 0;font-size:11px;}
.borderBottom{float:left;background:url(../imagens/template/box_bottom.gif) no-repeat 0 bottom;height:15px;width:500px;margin-left:14px;}

	.box div{float:left;}
	.box img{float:left;}
	.box h1{width:215px;height:32px;margin:0 0 16px 0;display:block; text-indent:-2000px}
		.chamadaLeft{width:255px; height:170px; margin:0 0 0 2px; padding:0}
			.chamadaLeft h1.h1PousadaBox{background:url(../imagens/template/btn_pousada.gif)}
			.chamadaLeft h1.h1Dormit{background:url(../imagens/template/btn_dormitorios.gif)}
		.chamadaLeft img{margin:0px 5px 0px 20px;}
		.chamadaLeft p{padding:0px 7px 0px 0px; height:100px; background:url(../imagens/template/pontilhado_vertical.gif) repeat-y right top}

		.chamadaRight{width:270px;}
		.chamadaRight h1{margin-left:52px;}
			.chamadaRight h1.h1Cafe{background:url(../imagens/template/btn_cafe.gif)}
		.chamadaRight img{margin:0px 5px 0px 20px;}
		.chamadaRight p{padding:0px 12px 0px 0px; height:100px;}
			.h1CdJordao{background:url(../imagens/template/btn_cdjordao.gif)}
			/*--� diferente da classe .h1Apartamento!!!!! .h1Apartamento � um h1 somente da p�gina de Apartamentos enquanto o .h1Apartamentos � da Template--*/
			.h1Apartamentos{background:url(../imagens/template/btn_apartamentos.gif)}


/*--H1 exclusivo da p�gina principal que fica logo abaixo do logo--*/
.h1BoxPousada{width:93px;height:26px;background:url(../imagens/template/h1_pousada.gif) no-repeat;text-indent:-2000px;}

/*--Produzido pelo estudio eureca--*/
p.rodape{float:right;font-size:75%;padding:0 0 60px 0;}

/*--Contato / Endere�o / Telefone --*/
.infoContato{ float:right;width:510px;margin:5px 36px 0 0;font-size:10px;text-align:center;color:#DED6D1;}
.infoContato span { font-size:10px }
.infoContato span a {
	text-decoration:none;
	color:#DED6D1;
	}


/*---BOTOES---*/
#secoes, #secoesDormitorios{float:right;padding:2px 0 0 0;margin:30px 0 0 0;}
#secoes a, #secoesDormitorios a{height:20px;margin:0 0 0 15px;display:block;text-decoration:none;float:left;font-size:10%}
	.secaoHome{width:35px;background:url(../imagens/template/secao_home.gif) repeat-y; border:none;}
	.secaoPousada{width:65px;background:url(../imagens/template/secao_pousada.gif); border:none;}
	.secaoChegar{width:79px;background:url(../imagens/template/secao_comochegar.gif); border:none;}

	.secaoContato{width:54px;background:url(../imagens/template/secao_contato.gif); border:none;}
	.secaoCadastre{width:75px;background:url(../imagens/template/secao_cadastre.gif) repeat-y; border:none;}
	#secoesDormitorios .secaoCafe{width:88px;height:22px;margin-top:-2px;background:url(../imagens/template/secao_cafe.gif) repeat-y; border:none;}
	#secoesDormitorios .secaoDormitorios{width:73px;height:22px;margin-top:-2px;background:url(../imagens/template/secao_dormitorios.gif) repeat-y; border:none;}

	#secoes a:hover, #secoesDormitorios a:hover{background-position:0 20px;}
	#secoes a span, #secoesDormitorios a span{visibility:hidden;}
	#secoesDormitorios a.secaoDormitorios:hover, #secoesDormitorios a.secaoCafe:hover{background-position: 0 22px;}

#secoesDormitorios{height:20px;width:475px;}
#secoesDormitorios a{margin-left:1px;}

	#secoesDormitorios .secaoHome{width:30px;}

	/*--Setinhas para avancar e recuar as fotos--*/
	a.aSobe, a.aDesce{ position:absolute;width:9px;height:7px;text-decoration:none;}
	a.aSobe { background-image:url(../imagens/template/seta_up.gif); top:90px; left:422px }
	a.aDesce { background-image:url(../imagens/template/seta_down.gif); top:357px; left:720px }
	#setaSobe span, #setaDesce span{visibility:hidden; font-size:0}
		a.aSobe:hover, a.aDesce:hover, a.aSobe:active, a.aDesce:active{background-position:0px 7px}

/*---Outros---*/
.floatLeft{float:left}
.floatRight{float:right}
.marginTop{margin-top:22px;}
.paddingTop{margin-top:10px;}
.visibility{color:#000000;visibility:hidden;}
.noBorder { border:none }

/*---LINKS---*/
a:link.link { color:#FFF; text-decoration:underline }
a:hover.link { color:#FFFF00 }
a:visited.link{ color:#FFF }

a:link.link2 { color:#FFF; text-decoration:none }
a:hover.link2 { color:#FFFF00 }
a:visited.link2 { color:#FFF;text-decoration:none }


/*---FOTOS ANIMADAS---*/
/*
div>#fotos {top:0;}
#fotos-conteudo {display:none;}
#fotos h2 { right:32px;top:87px;font-size:0.8em;padding:0 1em;margin:0;position:absolute;background:#FFF;border-right:3px solid #E57E3F;border-left:3px solid #E57E3F}
#fotos h2 a {color:#000;text-decoration:none;}
#fotos h2 a:visited {color:#000;}
#fotos #imgslide {width:20.8em;height:14.6em;margin:0 0 0.6em 0;}
#fotos #proximo, #fotos #anterior, #fotos #pause {cursor:pointer;position:absolute;}
#fotos #prox-ant {float:right;top:20.2em;width:13.8em;height:10px;}
#fotos #anterior {float:left;}
#fotos #proximo {float:left;margin:0 0px 0 142px}
#txt1{color:#000;}
#fotos #pause {float:left;margin:0 0px 0 95px}
/*--#fotos #to-blend {opacity:0.99;zoom:1;}--*/

#boxFotos {
	position:relative;
	padding-top:2px;
	float:left;
	width:342px;
	height:237px;
	overflow:hidden;
}
