/************************************************/
/*   Layout	   : Patrícia Belo					*/
/*   Front-end : Luiz Tiago						*/
/*   Empresa   : agitZ Web						*/
/************************************************/

@charset "utf-8";
@import url(reset.css);

/* TAG's */

p,h1,h2,h3,h4,h5,h6,h7,input,ul,li,select,textarea,label,form,address { color: #000; }
* { font-family: tahoma, "trebuchet ms", arial, verdana;  }

p,li,.textoFck *,.textoFck {
font-size: 14px !important;
color: white !important;
}

body {
background: #3F7FBF url(../imagens/bg.png) repeat-x;
margin-bottom: 10px;
}

input {
}

label {
color: white;
display: block;
clear: both;
}
/* ID's */

#header {
background: url(../imagens/bg-header.gif) no-repeat top center;
height: 333px;
padding-top: 50px;
}

		#header #marca {
		display: block;
		width: 310px;
		height: 261px;
		background: url(../imagens/marca-maracabeach.gif);
		text-indent: -4000px;
		overflow: hidden;
		margin: 0 auto;
		}
		
		#header #marca a {
		display: block;
		width: 310px;
		height: 261px;
		}
		
		#header #idiomas {
			position: absolute;
			top: 0;
			left: 50%;
			margin-left: 175px;
			width: 205px;
			background: #F99F61;
			border: 1px solid #F9DA78;
			border-top: none;
		}
		
		#header #idiomas li { 
			display: inline;
		}
		
		#header #idiomas li a { 
			display: block;
			float: left;
			padding: 5px 10px 10px 10px;
			color: white;
			font-size: 11px;
			text-decoration: none;
			font-weight: bold;
		}
		
		#header #idiomas li a:hover {
			text-decoration: underline;
		}
		
#middle {
width: 760px;
margin: 0 auto;
position: relative;
}

		#middle #pousada{
		float: left;
		}
		
		#middle #apraia {
		float: right;
		}
		
		#middle #reservas {
		clear: both;
		margin: 0 auto;
		width: 235px;
		padding: 30px 0;
		}
		
#bt-reservas a {
width: 100px;
height: 47px;
background: url(../imagens/bt-reservas.gif);
position: absolute;
left: 50%;
margin-left: -315px;
text-indent: -4000px;
margin-top: 3px;
overflow: hidden;
display: block;
}

#navigation {
background: url(../imagens/bg-nav.gif) no-repeat 0 5px;
padding-left: 20px;
height: 20px;
}

		#navigation #nav {
		border-bottom: 1px solid #7FDCFF;
		height: 18px;
		margin: 0 auto;
		position: relative;
		}
		
				#navigation #nav li {
				display: inline;
				}
				
				#navigation #nav li a {
				display: block;
				color: white;
				float: left;
				text-decoration: none;
				padding: 0 11px;
				font-size: 12px;
				font-weight: bold;
				text-transform: lowercase;
				}
				
				#navigation #nav li a:hover {
				color: #00A2B9;
				}
	
#content {
padding-top: 10px;
}
				
		#content p, #content li {
		padding: 7px 0;
		line-height: 18px;
		}
		
		#content h3 {
		color: white;
		padding: 7px 0;
		}
		
		#content #sc {
		float: right;
		}
		
		#content #sc li {
		display: inline;
		float: left;
		}
		
		#content #tx-interna {
		width: 305px;
		float: left;
		}
		
		#content #tx-interna,
		#content #txt-interna {
		min-height: 450px;
		_height: 450px;
		}
		
		#content #img-lateral {
		float: right;
		width: 375px;
		}

#gastronomia {
width: 470px;
padding-right: 10px;
float: left;
}

		#gastronomia .ft-servico {
		float: left;
		padding-right: 25px;
		padding-bottom: 20px;
		}

#colFts {
width: 235px;
float: left;
}
		
#sugestao-gastronomia {
background: url(../imagens/bg-sugestao.jpg) no-repeat;
height: 303px;
width:220px;
float: left;
margin-top: -20px;
padding: 24px;
}

#shortcuts {
float: right;
clear: both;
}

form#contato p,
form#frm p {
margin-top: 5px;
}
form#contato span,
form#frm span {
padding-left: 3px;
font-weight: bold;
}


#footer {
position: absolute;
margin-top: -150px;
left: 50%;
margin-left: -540px;
background: url(../imagens/bg-footer.gif);
width: 124px;
height: 136px;
}

/* CLASS's */

.tit-interna { display: none; }
.tt-interna { width: 300px; height: 64px; background-position: 0 10px; background-repeat: no-repeat; text-indent: -4000px; overflow: hidden; }
.tt-servicos { background-image: url(../imagens/tit-servicos.gif); }
.tt-hospedagem { background-image: url(../imagens/tit-hospedagem.gif); }
.tt-tarifas { background-image: url(../imagens/tit-tarifas.gif); }
.tt-atividades { background-image: url(../imagens/tit-atividades.gif); }
.tt-gastronomia { background-image: url(../imagens/tit-gastronomia.gif); }
.tt-reservas { background-image: url(../imagens/tit-reservas.gif); }

#tit-sugestao { font-size: 26px; font-weight: normal; text-transform: lowercase; height: 25px; }

.ft-servico { width: 200px; height: 150px; padding: 10px 11px 20px 11px; background: url(../imagens/bg-servico.gif) no-repeat; }

.servico { width: 222px; float: left; padding-bottom: 10px; }
.p10r { padding-right: 40px; } 

.int-pousada .mn-pousada a span { border-top: 1px solid #00A2B9; }
.int-galeria .mn-galeria a span { border-top: 1px solid #00A2B9; }
.int-servicos .mn-servicos a span { border-top: 1px solid #00A2B9; }
.int-localizacao .mn-localizacao a span { border-top: 1px solid #00A2B9; }
.int-tarifas .mn-tarifas a span { border-top: 1px solid #00A2B9; }
.int-gastronomia .mn-gastronomia a span { border-top: 1px solid #00A2B9; }
.int-hospedagem .mn-hospedagem a span { border-top: 1px solid #00A2B9; }
.int-atividades .mn-atividades a span { border-top: 1px solid #00A2B9; }
.int-contato .mn-contato a span { border-top: 1px solid #00A2B9; }

.int-reservas .mn-reservas a span { border-top: 1px solid #00A2B9; }
.int-reservas-politica_de_reservas .mn-reservas-politica_de_reservas a span { border-top: 1px solid #00A2B9; }

.center { text-align:center; }
.assinatura { padding-top:20px; }

.campo { border: 1px solid white; background: #98D6E0; color: #006666; height: 16px; padding: 3px 5px; width: 250px; }
.textarea { height: 70px; }

.botao { background: #fff; border: none; padding: 5px 20px; color: #006666; font-size: 12px; }

.select { height: 25px; font-size: 12px; width: 260px; }

.fdsBorda { border: 1px solid white; }

div#content ul.lista-interna li { background: url(../imagens/ico-li.gif) no-repeat 0 11px; padding-left: 15px; }

div#tx-interna ul {
	padding-left: 15px;
}

div#tx-interna ul li {
	background: url(../imagens/ico-li.gif) no-repeat 0 11px; padding-left: 15px;
}

li.estrela { background: url(../imagens/ico-li.gif) no-repeat 0 11px; padding-left: 15px; }