@charset "utf-8";
/* CSS Document */

body{
	background-image: url(imagens/fundo.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	background-color:#005e34;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bdedfd;
	margin-top:0px;
}

a
{
	color:#bdedfd;
}

.oculto{
	position:absolute;
	width:1px;
	height:1px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	left: 1px;
	top: 1px;
}

#tudo{
	position:relative;
	width:774px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}
	
#tudolocalizacao{
	position:relative;
	width:774px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}
	
#tudopousada{
	position:relative;
	width:774px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}


#tudocontato{
	position:relative;
	width:774px;
	height:821px;;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}

#tudocontato2{
	position:relative;
	width:774px;
	height:500px;
	;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}

#topo{
	position:relative;
	width:774px;
	height:166px;
	}
#menu{
	position:relative;
	width:774px;
	height:73px;
	}
	
#flash{
	position:relative;
	height:260px;
	width:774px;
	text-align:center;
	}
	
#menuinferior{
	position:relative;
	height:440px;
	}
	
#menuinferior1{
	position:relative;
	width:470px;
	height:250px;
	float:left;
	padding-top:55px;
	}

#menuinferior1{
	font-weight:bold;
	line-height:18px;
	}

#menuinferior2{
	position:relative;
	width:240px;
	height:150px;
	text-align:center;
	padding:0px;
	padding-left:53px;
	padding-right:10px;
	margin:0px;
	margin-top:190px;
	float:left;
	}

#menuinferior2 p{
	margin:20px;
	}
	
#rodape{
	position:relative;
	width:774px;
	height:auto;
	text-align:center;
	clear:left;
	}

#linharodape{
	position:relative;
	width:774px;
	height:32px;
	}
	
#endereco{
	position:relative;
	width:774px;
	height:20px;
	font-size: 10px;
	text-align:center;
	}
	
#mapadosite{
	position:relative;
	width:774px;
	height:20px;
	font-size: 9px;
	}
	
#mapadosite a:link {
	color:#bdedfd;
	text-decoration: none;
	}
	
#mapadosite a:visited {
	color:#bdedfd;
	text-decoration: none;
	}
	
#selos{
	position:relative;
	height:30px;
	}
		
#btnhome{
	position:relative;
	width:144px;
	height:60px;
	text-align:left;
	margin-top:10px;
	float:left;
	}
			
#btnpousada{
	position:relative;
	width:110px;
	height:68px;
	text-align:left;
	margin-top:2px;
	float:left;
	display:block;
	}

#menu p{
	text-indent:-999999px;
}

#btnpousada a{
	height:68px;
}

#btnlocalizacao{
	position:relative;
	width:146px;
	height:68px;
	text-align:left;
	margin-top:1px;
	float:left;
	}

#btneventos{
	position:relative;
	width:124px;
	height:68px;
	text-align:left;
	float:left;
	}
	
#btnfotos{
	position:relative;
	width:108px;
	height:68px;
	text-align:left;
	padding-top:1px;
	float:left;
	}
	
#btncontato{
	position:relative;
	width:122px;
	height:68px;
	text-align:left;
	float:left;
	}
	
	
	
/*SO INTERNAS*/

body.internas{
	background-image: url(imagens/fundointernas.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	background-color:#005e34;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bdedfd;
	margin-top:0px;
	}
	
body.pousada{
	background-image: url(imagens/fundopousada.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	background-color:#005e34;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bdedfd;
	margin-top:0px;
	}
	
#titpousada{
	position:relative;
	height:36px;
	line-height:9px;
	width:600px;
	text-align:center;
}

#tittrilhas{
	position:relative;
	height:36px;
	line-height:9px;
	width:600px;
	text-align:center;
}

#espacamento{
	position:relative;
	height:20px;
	width: 774px;
	}
	
#titpousada p{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:white;
	line-height:6px;
	}
	
#meiopousada{
	position:relative;
	height:auto;
	width:774px;
	text-align:center;
	}

#meioregiao{
	position:relative;
	height:564px;
	width:774px;
	text-align:center;
	}

#meiorepresa{
	position:relative;
	height:586px;
	width:774px;
	text-align:center;
	}
	
#meiolazer{
	position:relative;
	height:530px;
	width:774px;
	text-align:center;
	}

#meiocontato{
	position:relative;
	height:500px;
	width:774px;
	background: url('imagens/backcontact.png');
	background-repeat: no-repeat;
	font-size: 12px;
	}

#meiocontato2{
	position:relative;
	height:100px;
	width:774px;
	background: url('imagens/backcontact.png');
	background-repeat: no-repeat;
	font-size: 12px;
	}

#contatocima{
	position:relative;
	width:774px;
	height:50px;
}

#nadacontato{
	position:relative;
	width:140px;
	height:50px;
	float:left;
}

#textocontato{
	position:relative;
	width:375px;
	height:50px;
	float:left;
	text-align:left;
	font-weight:bold;
}

#telcontato{
	position:relative;
	width:259px;
	height:50px;
	float:left;
	text-align:left;
}

#titlocalizacao{
	position:relative;
	width:774px;
	height:20px;
	}
	
#meiolocalizacao{
	position:relative;
	height:auto;
	width:774px;
	text-align:center;
	}

#textolocalizacao{
	position:relative;
	height:auto;
	width:654px;
	text-align:center;
	padding:15px;
	padding-left:60px;
	padding-right:60px;
	text-align:justify;
	}
	
#meiopousadaesquerda{
	position:relative;
	height:546px;
	width:173px;
	text-align:justify;
	float:left;
	line-height:14px;
	}

#meiorepresaesquerda{
	position:relative;
	height:510px;
	width:173px;
	text-align:justify;
	float:left;
	line-height:14px;
	}

#menupousada{
	position:relative;
	width:173px;
	height:52px;
}
#menuchales{
	position:relative;
	width:173px;
	height:26px;;
}
#menuregiao{
	position:relative;
	width:173px;
	height:26px;
}
#menurepresa{
	position:relative;
	width:173px;
	height:27px;
}
#menulazer{
	position:relative;
	width:173px;
	height:27px;
}
#menumeditacao{
	position:relative;
	width:173px;
	height:27px;
}
#menutrilha{
	position:relative;
	width:173px;
	height:29px;
}
#menuevento{
	position:relative;
	width:173px;
	height:30px;
}
#menuredario{
	position:relative;
	width:173px;
	height:55px;
}

#meiopousadadireita{
	position:relative;
	width:600px;
	height:auto;
	float:left;
}

#meiolazerdireita{
	position:relative;
	width:600px;
	height:auto;
	float:left;
}

#textopousada{
	position:relative;
	width:600px;
	height:50px;
	padding-top:5px;
	padding-bottom:5px;
	text-align:justify;
}

#fotospousada{
	position:relative;
	width:600px;
	height:123px;
}

#foto1pousada{
	position:relative;
	width:200px;
	height:123px;
	text-align:center;
	float:left;
}

#foto2pousada{
	position:relative;
	width:200px;
	height:123px;
	text-align:center;
	float:left;
}

#foto3pousada{
	position:relative;
	width:200px;
	height:123px;
	text-align:center;
	float:left;
}

#texto2pousada{
	position:relative;
	width:600px;
	height:50px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:justify;
}

#inferiorpousada{
	position:relative;
	width:600px;
	height:160px;
}

#inferiorfoto{
	position:relative;
	width:250px;
	height:160px;
	float:left;
	text-align:left;
}

#inferiordireito{
	position:relative;
	width:350px;
	height:160px;
	float:left;
	text-align:justify;
}

#texto3pousada{
	position:relative;
	width:350px;
	height:107px;
	text-align:left;
	padding-top:25px;
}

#vejamaisfotos{
	position:relative;
	width:350px;
	height:28px;
	clear:left;
}

#vejamaisfotosnada{
	position:relative;
	width:80px;
	height:28px;
	float:left;
}

#vejamaisfotos2{
	position:relative;
	width:270px;
	height:28px;
	float:left;
	text-align:left;
}

#tudoregiao{
	position:relative;
	width:774px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}

#tudorepresa{
	position:relative;
	width:774px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}

#tudolazer{
	position:relative;
	width:774px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
	}

#meiopousada{
	position:relative;
	height:auto;
	width:774px;
	text-align:center;
}

#tithistorico{
	position:relative;
	height:30px;
	width:600px;
}

#textohistorico{
	position:relative;
	height:130px;
	width:600px;
	text-align:justify;
}

#clima{
	position:relative;
	height:98px;
	width:600px;
}

#tittextoclima{
	position:relative;
	height:98px;
	width:320px;
	float:left;
}

#titclima{
	position:relative;
	height:28px;
	width:320px;
	text-align:left;
}

#textoclima{
	position:relative;
	text-align:left;
	height:60px;
	width:320px;
	padding-top:10px;
}

#fotoclima{
	position:relative;
	height:98px;
	width:280px;
	float:left;
}

#flashfestaspontos{
	position:relative;
	height:250px;
	width:600px;
}

#flashpiracaia{
	position:relative;
	width:307px;
	height:250px;
	float:left;
}

#pontosefestas{
	position:relative;
	width:293px;
	height:250px;
	float:left;
	text-align:right;
}

#festaspiracaia{
	position:relative;
	width:293px;
	height:250px;
}

#titfestas{
	position:relative;
	width:293px;
	height:19px;
	padding-top:30px;
}

#textofestas{
	position:relative;
	width:293px;
	height:85px;
}

#pontospiracaia{
	position:relative;
	width:293px;
	height:116px;
}

#titpontos{
	position:relative;
	width:293px;
	height:18px;
	padding-top:10px;
	padding-bottom:5px;
}

#textopontos{
	position:relative;
	width:293px;
	height:auto;
	line-height:15px;
}

#foto1represa{
	position:relative;
	width: 600px;
	height:	180px;
}

#texto1represa{
	position:relative;
	width:600px;
	height:80px;
	padding-top:10px;
	padding-bottom:10px;
}

#textorepresaesquerdo{
	position:relative;
	width:40px;
	height:80px;
	float:left;
}

#textorepresameio{
	position:relative;
	width:520px;
	height:80px;
	float:left;
	text-align:justify;
}

#textorepresadireito{
	position:relative;
	width:40px;
	height:80px;
	float:left;
}

#inferiorrepresa{
	position:relative;
	width:600px;
	height:250px;
}

#flashrepresa{
	position:relative;
	width:307px;
	height:250px;
	float:left;
}

#esquerdaflashrepresa{
	position:relative;
	width:40px;
	height:250px;
	float:left;
}

#inferiordireitarepresa{
	position:relative;
	width:213px;
	height:250px;
	float:left;
}

#imgsabesp{
	position:relative;
	width:213px;
	height:112px;
	padding-top:10px;
}

#textosabesp{
	position:relative;
	width:203px;
	height:90px;
	padding-left:10px;
	text-align:center;
	padding-top:10px;
}

#vejamaisfotosrepresa{
	position:relative;
	width:203px;
	height:28px;
	text-align:center;
	padding-left:10px;
}
	
#inferiordireitarepresavazio{
	position:relative;
	width:40px;
	height:250px;
	float:left;
}

#mapaspousada{
	position:relative;
	width:774px;
	height:auto;
	}
	
#mapa1{
	position:relative;
	width:420px;
	height:auto;
	float:left;
	text-align:right;
	padding-right:5px;
	padding-top:10px;
}

#mapaespaco{
	position:relative;
	width:10px;
	height:auto;
	float:left;
}

#mapa2{
	position:relative;
	width:344px;
	height:auto;
	float:left;
	text-align:left;
	padding-left:5px;
	padding-top:10px;
}

#texto1chales{
	position:relative;
	width:600px;
	height:40px;
	padding-top:15px;
	padding-bottom:15px;
}

#fotoschales{
	position:relative;
	width:600px;
	height:auto;
}

#fotoschales1{
	position:relative;
	width:600px;
	height:auto;
}

#fotoschales2{
	position:relative;
	width:600px;
	height:auto;
}

#foto1chale{
	position:relative;
	width:300px;
	height:auto;
	float:left;
	text-align:right;
}

#foto2chale{
	position:relative;
	width:300px;
	height:auto;
	float:left;
	text-align:left;
}

#foto3chale{
	position:relative;
	width:300px;
	height:auto;
	float:left;
	text-align:right;
}

#foto4chale{
	position:relative;
	width:300px;
	height:auto;
	float:left;
	text-align:left;
}

#vejamaisfotoschales{
	position:relative;
	width:600px;
	height:auto;
	text-align:center;
}

#titlazer{
	position:relative;
	width:600px;
	height:36px;
}

#textolazer{
	position:relative;
	width:600px;
	height:70px;
	padding-top:15px;
	padding-bottom:15px;
	text-align:left;
}

#fotoslazer{
	position:relative;
	width:600px;
	height:179px;
	text-align:center;
}

#foto1lazer{
	position:relative;
	width:200px;
	height:179px;
	float:left;
}

#foto2lazer{
	position:relative;
	width:200px;
	height:179px;
	float:left;
}

#foto3lazer{
	position:relative;
	width:200px;
	height:179px;
	float:left;
}

#vejamaisfotoslazer{
	position:relative;
	width:600px;
	height:41px;
	text-align:right;
	clear:left;
}

#textotrilhas{
	position:relative;
	width:600px;
	height:50px;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}
	
#trilhas{
	position:relative;
	width:600px;
	height:36px;
	text-align:center;
}

#trilhadafigueira{
	position:relative;
	width:300px;
	height:36px;
	text-align:center;
	float:left;
}

#trilhadofigueira{
	position:relative;
	width:300px;
	height:36px;
	text-align:center;
	float:left;
}

#fototrilhas{
	position:relative;
	width:600px;
	height:155px;
	text-align:center;
}

#fototrilhadafigueira{
	position:relative;
	width:300px;
	height:155px;
	text-align:center;
	float:left;
}

#fototrilhadofigueira{
	position:relative;
	width:300px;
	height:155px;
	text-align:center;
	float:left;
}

#maisfotostrilhas{
	position:relative;
	width:600px;
	height:28px;
	padding-top:10px;
	text-align:right;
}

#maisfotostrilhas1{
	position:relative;
	width:260px;
	height:28px;
	float:left;
}

#maisfotostrilhas2{
	position:relative;
	width:300px;
	height:28px;
	float:left;
	text-align: center;
}

#maisfotostrilhas3{
	position:relative;
	width:40px;
	height:28px;
	float:left;
}


#tudo-direita
{
	position:relative;
	width:774px;
	height:985px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
}

#galeria
{
	position:relative;
	width:600px;
	height:auto;
	text-align:center;
}

#titfestastradicionais{
	position:relative;
	width:280px;
	height:28px;
	text-align:right;
}

#textofestastradicionais{
	position:relative;
	width:280px;
	height:60px;
	text-align:right;
	padding-top:10px;
}

#espaco1{
	position:relative;
	width:293px;
	height:62px;
}

#menuinferior a:link
{
	color:#bdedfd;
}

#menuinferior a:link
{
	color:#bdedfd;
	text-decoration: none;
}

#menuinferior a:active
{
	color:#bdedfd;
	text-decoration: none;
}

#menuinferior a:visited
{
	color:#bdedfd;
	text-decoration: none;
}

h1
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bdedfd;
	margin: 0px;
	line-height:0;
}

h2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bdedfd;
	margin: 0px;
	line-height:0;
}

#menuinferior1 h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#bdedfd;
	margin: 0px;
	line-height:0;
}

#fechar a:link {
	color: #000	
}

#fechar a:hover {
	color: #000	
}

#fechar a:active {
	color: #000	
}

#fechar a:visited {
	color: #000	
}

#popup{
	position:absolute;
	width:600px;
	height:202px;
	top:10px;
	left:100px;
}


#textoyoga p {

	text-align:justify;

}


/*  GALERIA  */

	#menugaleria {
	
		width:100%;
	
	}
	
	#menugaleria li {
	
		float:left;
	
	}
	

		#galeria .img-aqui { 
			background: #003300 url(imagens/galeria/figueiragrande.jpg) center no-repeat; 
			width:540px; 
			height:262px; 
			position:relative; 
			top:8px;
			float:right; 
			border:1px solid #fff;
	}
	

		#galeria ul.fotos {
	
			width:600px;
			position:relative;
			list-style:none;  
			margin:55px; 
			padding:0; 
	
	}
	
	
		#galeria li.fotos {
	
			width:130px;
			float:left;
	
	}
	
	
		#galeria .fotos:after {
			display: block;
			content: ".";
			height: 0;
			font-size:0; 
			visibility: hidden;
			clear: both;
	}
	
		#galeria ul.fotos li {
			width:130px;
			height:63px;
			float:left; 
			border:2px solid #444;
			margin:15px 4px 0 0; 
}
		#galeria ul.fotos li img {
			border:none; 
			width:130px;
			height:63px;
}	

		#galeria ul.fotos li span img {
			border:none;
			width:540px;
			height:262px;
			height:auto;
}

		#galeria ul.fotos a {
			display: block;
		} 

		#galeria ul.fotos a span {
			display: none;
}


		#galeria ul.fotos a:hover span {
			display: block;
    		position: absolute; 
			top: -48px; 
			left: 3px; 
	
			border:2px solid #666;
   }
	
	
/*Menu da Galeria*/	

	#galeria ul.navgal { 
		width:700px;
		margin:0; 
		padding:0;
		height:20px;
		margin-left:60px;
	}
	ul.navgal li {
		 width:auto;
		 float:left;
		 list-style:none;
	} 
	ul.navgal li a{
		float:left;
		width:auto;
		height:15px;
		text-align:center;
		padding:0 8px;
		border-width:1px;
		border-style:solid; 
		text-decoration:none;
		display:block;

	}
	ul.navgal li a:hover{
		
		border-color:#000 #fafafa #fafafa #000;
	}
	
	ul.navgal a{
		background:#e8f6e8;
		color:#036;
		border-color:#fff #2eac2e #2eac2e #fff;
	
	}
	ul.navgal a:hover{
		background:#090;
	}
	
	
	
/*Fim do menu da galeria*/

/* FIM DA GALERIA */