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

/******************************************************/
/*************** CONFIGURAÇÕES INICIAIS ***************/
/******************************************************/

* {margin: 0; padding: 0;}
html, body {width: 100%; height: 99%;}

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-align: justify;
	background-color: #FFFFFF;
	
}

a {
	color: #ff8d0a;
	text-decoration: none;
}

a:hover {
	color: #FFCC00;
}

img { border:none; }

/******************************************************/
/****************** ESTRUTURA DO SITE *****************/
/******************************************************/

#site {
	width: 978px;
	height: 594px;
	margin: 2px auto 0 auto;
}

#ladoE {
	width: 216px;
	height: 594px;
	background-image: url(pics/lado_e.jpg);
	float: left;
}

#meio {
	width: 532px;
	height: 594px;
	background: url(pics/meio_interna.jpg);
	float: left;
}

#ladoD {
	width: 230px;
	height: 594px;
	background-image: url(pics/lado_d.jpg);
	float: left;
}

/******************************************************/
/********************* LADO ESQUERDO ******************/
/******************************************************/

#logomarca {
	width: 216px;
	height: 180px;
}

#menu {
	width: 196px;
	height: 216px;
	margin:17px 0 0 20px;
	display:inline;
	float:left;
}

#endereco {
	width: 191px;
	height: 80px;
	color: #FFFFFF;
	margin-left: 25px;
	display:inline;
	float:left;
}


#interativa {
	width: 91px;
	height: 15px;
	margin: 16px 0 0 60px;
}

/******************************************************/
/********************* LADO DIREITO *******************/
/******************************************************/

#newsletter {
	width: 150px;
	height: 160px;
	margin: 25px 0 0 45px;
	font-size: 12px;
	font-weight: bold;
	color: #CECECE;
}

#tt_news {
	width: 71px;
	height: 15px;
	background-image: url(pics/newsletter.jpg);
}

#texto_news {
	width: 150px;
	height: 50px;
	margin-top: 3px;
	clear: both;
}

#campos_news {
	width: 150px;
	height: 65px;
	margin-top: 2px;
	clear: both;
}

#peixe {
	width: 209px;
	height: 390px;
	background-image: url(pics/peixe_lado.jpg);
	margin: 0 0 0 14px;
}

/******************************************************/
/************************* MEIO ***********************/
/******************************************************/

#bgAzul {
	width: 532px;
	height: 570px;
	margin: 10px 0 0 0;
	background: #092646;
}

#fotos {
	width: 528px;
	height: 236px;
	/*margin: 10px 0 0 0;*/
	background-color: #FFFFFF;
}

#meioBaixo {
	width: 528px;
	height: 320px;
	clear: both;
	margin: 8px 0 0 0;
	color: #8f99a1;
}

#baixoE {
	width: 207px;
	height: 320px;
	float: left;
}

#ttServicos {
	width: 207px;
	height: 28px;
	background-image: url(pics/apartamentos.jpg);
}

#ftServicos {
	width: 207px;
	height: 85px;
	margin-top: 12px;
	background: url(pics/ft_apartamentos.jpg) no-repeat center;
}

#txtServicos {
	width: 193px;
	height: 90px;
	padding: 0 7px 5px 7px;
	margin-top: 13px;
}

.vermais {text-align: right;}

#ftNatal {
	width: 207px;
	height: 80px;
	background: url(pics/ft_natal.jpg) no-repeat;
	margin-top: 4px;
	cursor: pointer;
}

#baixoD {
	width: 316px;
	height: 320px;
	float: right;
}

#bemvindo {
	width: 316px;
	height: 130px;
}

#ttLazer {
	width: 316px;
	height: 28px;
	clear: both;
	margin-top: 5px;
	background: url(pics/lazer.jpg) no-repeat; 
}

#lazerBaixo {
	width: 316px;
	height: 148px;
	clear: both;
	margin-top: 5px;
}


#lazerE {
	width: 196px;
	height: 148px;
	float: left;
}

#ftLazer01 {
	width: 196px;
	height: 55px;
	background: url(pics/ft_lazer.jpg) no-repeat; 
}

#txtLazer {
	width: 182px;
	height: 83px;
	clear: both;
	padding: 0 7px 5px 7px;
	margin-top: 5px;
}

#ftLazer02 {
	width: 118px;
	height: 148px;
	float: right;
	background: url(pics/ft_lazer02.jpg) no-repeat; 
}

/***********************************************************/
/****************** ESTRUTURA DAS INTERNAS *****************/
/***********************************************************/

#titulo {
	width: 350px;
	height: 25px;
	margin: 20px 0 0 10px;;
}

#conteudo {
	width: 494px;
	height: 494px;
	overflow: auto;
	margin-top: 4px;
	padding: 4px 12px 15px 18px;
}

.titulo {
	font-weight: bold;
	font-size: 14px;
	color: #ff8d0a;
	clear: both;
}

.tituloSeta {
	background: url(pics/seta.jpg) no-repeat;
	padding-left: 12px;
	font-weight: bold;
	font-size: 11px;
	clear: both;
}

.ft {float: left; margin-right: 5px;}

.ft2 {float: right; margin-left: 5px;}

ul {
	margin-left: 5px;
	float: left;
}

li {
	margin-left: 26px;
}

/**** TABELAS ****/
.celula {
	padding: 2px;
}

.linha1 {
	padding: 2px;
	height: 16px;
	color: #000000;
	background-color: #DFDFDF;
}

.linha2 {
	padding: 2px;
	height: 16px;
	color: #000000;
	background-color: #F4F4F4;
}

.coluna1 {
	color: #FFFFFF;
	background-color: #1B3C65;
}

.coluna2 {
	color: #FFFFFF;
	background-color: #214E7E;
}

.subColuna {
	color: #FFFFFF;
	background-color: #ff8d0a;
	font-size: 10px;
}

/******************************************************/
/********************** FORMULÁRIOS *******************/
/******************************************************/

/* Newsletter */

#opcaoAp {

	width: 200px;
	height: 126px;
	background-color: #FFFFFF;
	border: 1px solid #666666;
	display: none;
	
	position: absolute;
	margin: 80px 0 0 260px;
	padding: 6px;
	
}

#fecharOpcaoAp {

	width: 10px;
	height: 9px;
	background-color: #DFDFDF;
	
	position: absolute;
	margin: -4px 0 0 190px;
	padding: 2px;
	cursor: pointer;
	
	font-weight: bold;
	color: #FF0000;
	
}

.campoNews {
	width: 135px;
	height: 15px;
	padding: 2px;
	color: #CECECE;
	margin-top: 3px;
	background-color: #193a60;
	border: none;
}

.campo {

	width: 230px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;

}

html > body .campo {margin-bottom: 9px;}

#ddd {

	width: 30px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;

}

#tel {

	width: 192px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;

}

#periodo {

	width: 110px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin-bottom: 6px;
	float: left;

}

html > body #periodo {width: 111px;}

#periodo2 {

	width: 111px;
	height: 15px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 3px;
	margin: 0 0 6px 4px;
	float: left;

}

#txtArea {

	width: 230px;
	height: 78px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 2px;

}

#txtArea2 {

	width: 470px;
	height: 130px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:  #666666;
	text-align: left;
	padding-top: 2px;

}

/********************** FIELDSET ***************************/

.fieldset {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding: 4px 8px 4px 8px;
	text-align: justify;

}

.fieldsetTitulo {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 4px;
	padding-left: 4px;
	color: #193a60;
	font-weight: bold;


}

/********************** BANDEIRAS ***************************/

ul.bandeiras { margin-left:15px; }

html >  body ul.bandeiras { margin-left:40px; }

ul.bandeiras li {
float:left;
margin:0 0 0 10px;
list-style:none;
}