/*************** classes genéricas **************/
/**************************************************/

body{
	margin:0;
	/*background:url(images/bg_corpo.jpg) repeat-x;*/
}

#cima{
	width:100%;
	background:#083160;
	height:60px;	
}
#meio{
	width:100%;
	background:url(images/background.jpg) repeat-x #007ac5;
	padding-bottom:45px;	
}
#baixo{
	padding-top:10px;	
	width:100%;
	background:#083160;
	height:50px;
	clear:both;	
}
a{
	text-decoration:none;
}
/* classes da div principal */
#corpo{
	width:100%;
	margin:auto;
	/*background:url(images/background.jpg) no-repeat #007ac5;*/	
}

/* ---------------- classes da página INCLUDE_TOPO.PHP ------------------*/
/**************************************************************************/
#cabecalho{
	width:940px;
	height:60px;
	/*background:#083160;*/
	margin:auto;
}
/* menu */
#navegacao{
	margin-top:20px;
	margin-left:60px;
	position:absolute;
	width:793px;
	height:18px;
	background:url(images/bg_menu.gif) no-repeat 0 0;
}
#navegacao ul{
	list-style:none;
}
#navegacao li{
	position:absolute;
	top:0;
	height:18px;
	list-style:none;
}
#navegacao li a:hover{
	z-index:1000;
}
#navegacao li a{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	cursor:pointer;
}
#hotel{
	width:72px;
	left:0px;
}
#apto{
	width:130px;
	left:72px;
}
#reserva{
	width:120px;
	left:202px;
}
#blumenau{
	width:102px;
	left:322px;
}
#eventos{
	width:84px;
	left:424px;
}
#rotas{
	width:145px;
	left:508px;
}
#links{
	width:68px;
	left:653px;
}
#contato{
	width:72px;
	left:721px;
}
#hotel a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 0 -18px;
	cursor:pointer;
}
#apto a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 72px -18px;
	cursor:pointer;
}
#reserva a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 202px -18px;
	cursor:pointer;
}
#blumenau a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 322px -18px;
	cursor:pointer;
}
#eventos a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 424px -18px;
	cursor:pointer;
}
#rotas a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 508px -18px;
	cursor:pointer;
}
#links a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 563px -18px;
	cursor:pointer;
}
#contato a:hover{
	background:url(images/bg_menu_over.gif) no-repeat 721px -18px;
	cursor:pointer;
}
/* divisor do topo */
#divisor{
	width:100%; /*(alterado depois)*/
	height:10px;
	background:url(images/divisor.jpg) repeat-x;
}
/* classes do corpo das páginas em geral */
#principal{
	width:940px;
	margin:auto; /*(alterado depois)*/
}

/* ------------- classes específicas da página CAPA.PHP -------------------------- */
/****************************************************************************/

#flash{
	width:940px;
	height:410px;
	padding-top:20px;
	padding-bottom:30px;
	/*margin-top:20px;*/
}
#box_capa{
	height:185px;
	padding-left:130px;
	padding-right:134px;
}
#box_azul{
	width:320px;
	height:150px;
	background:#083160;	
}
#noticias{
	height:178px;
	width:320px;
	float:left;	
}
#cadastro{
	height:178px;
	width:320px;
	float:right;
}


/* -------------- classes específicas da página HOTEL.PHP --------- */
/****************************************************************************/
.foto_hotel{
	border:6px solid #ffffff;
	float:right;
	margin-left:10px;
}

/* -------------- classes específicas da página APARTAMENTOS.PHP --------- */
/****************************************************************************/
#box_logo{
	/*margin-top:40px;	*/
	padding-top:40px;
	width:940px;
	height:68px;
	margin-bottom:32px;	
}
.logo{
	margin-left:98px;
}
#menu_aptos{
	width:100%;
	height:43px;
}
#aptos{
	float:left;
	margin-left:98px;
}
#pre_reserva{
	width:130px;
	height:24px;
	float:right;
	margin-right:97px;
}
#box_aptos{
	padding-left:130px;
	padding-right:134px;
	height:210px;
}
#foto_apto{
	width:267px;
	height:200px;
	float:left;
}
#descricao_apto{
	width:365px;
	height:209px;
	float:right;	
	background:#083160;	
}
#fotos_miniaturas{	
	width:940px;
	height:75px;	
	clear:both;	
}
#box_miniaturas{
	margin-top:28px;
	margin-left:427px;
	float:left;
}
.miniatura{
	width:100px;
	height:75px;
	margin-left:15px;
	border:5px solid #ffffff;	
}
.foto{
	border:5px solid #ffffff;
}
ul.itens_aptos li{
	padding-bottom:8px;
}

/**************************** classes específicas da página NOTICIA.PHP **********************/
/*********************************************************************************************/
#box_noticias{
	margin:auto;
	width:700px;
	background:#083160;
}

/**************************** classes específicas da página PRE_RESERVA.PHP ******************/
/**********************************************************************************************/
fieldset{
	clear:both;
	margin:1.5em 0 0 0;
	padding:0;
	border:1px solid #CDA900;	
	background:#164984;
}
legend{
	margin-left:1em;
	color:#CDA900;
	font-weight:bold;
}
fieldset ol{
	padding: 1em 1em 0 1em;
	list-style:none;
}
fieldset li{
	padding-bottom:1em;
}
fieldset.submit{
	border-style:none;
	background:#083160;
}

/********************* classes específicas da páginas EVENTOS.PHP *************************/
/********************************************************************************************/
th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #bb9702;
	border: 1px solid #aec1ce;	
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #33b0f8 url(images/bg_cabecalho.jpg) no-repeat;
}
th.produto_a {	
	border-left: 1px solid #aec1ce;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
}
th.produto_b {
	border-left: 1px solid #aec1ce;
	border-top: 0;
	background: #e2e4e0 url(images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;
	color: #7f98a9;
}
td.borda {
	border-right: 1px solid #aec1ce;
	border-bottom: 1px solid #aec1ce;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #003333;
	font:9pt;
}
td.alt {
	border-right: 1px solid #aec1ce;
	border-bottom: 1px solid #aec1ce;
	background: #dbe3e9;
	color: #7f98a9;
	padding: 6px 6px 6px 12px;
	font:9pt;
}

/********************* classes específicas da página ROTAS.PHP **************************/
/****************************************************************************************/
.foto_right{
	border:5px solid #ffffff;
	float:right;
	margin-left:10px;	
}
.foto_left{
	border:5px solid #ffffff;
	float:left;
	margin-right:10px;
}

/****************************classes específicas da página CONTATO.PHP*****************/
/****************************************************************************************/
#box_contato{
	margin:auto;
	width:400px;
	background:#083160;
}

/****************************classes específicas da página LINKS.PHP*****************/
/****************************************************************************************/
ul#link{
	list-style:disc; 
}

ul#link li a:active, 
ul#link li a:link, 
ul#link li a:visited{
	text-decoration:none;
	color:#FFFFFF;
}
ul#link li a:hover{
	text-decoration:underline;
	color:#CDA900;
}
/************************* formularios **************************************/
/*****************************************************************************/
.form{
	height:22px;
	font:9pt Arial, Helvetica, sans-serif;
	color:#083160;
	border:1px solid #cccccc;
	padding-top:8px;
	padding-left:4px;
}		
.bt_form{
	float:right;
	padding-top:8px;
}
textarea{
	font:9pt Arial, Helvetica, sans-serif;
	color:#083160;
	padding-top:8px;
	padding-left:4px;
}
select{
	font:9pt Arial, Helvetica, sans-serif;
	color:#083160;
	padding-top:4px;
	padding-left:4px;
	padding-bottom:4px;
}
/**************** TEXTOS EM GERAL *****************************/
/*****************************************************************/
.titulo_aptos{
	font:bold 22pt "Trebuchet MS", Arial, sans-serif;
	color:#ffffff;
	background:#083160;
}
.link_apto{
	font:bold 9pt Arial, Helvetica, sans-serif;
	color:#ffffff;	
}
a.link_apto:active,
a.link_apto:hover,
a.link_apto:link,
a.link_apto:visited{
	text-decoration:underline;
}
.link_apto_ativo{
	font:bold 12pt Arial, Helvetica, sans-serif;
	color:#ffffff;	
}
a.link_apto_ativo:active, 
a.link_apto_ativo:hover, 
a.link_apto_ativo:link, 
a.link_apto_ativo:visited{
	text-decoration:underline;
}
.titulo_noticia_capa{
	font:bold 9pt "Arial", Helvetica, sans-serif;
	color:#ffffff;
}
a.titulo_noticia_capa:active,
a.titulo_noticia_capa:link,
a.titulo_noticia_capa:visited{
	text-decoration:none;
}
a.titulo_noticia_capa:hover{
	color:#CDA900;	
}
.titulo_noticia_interna{
	font:bold 10pt "Arial", Helvetica, sans-serif;
	color:#ffffff;
}
.data_noticia{
	font:8pt "Arial", Helvetica, sans-serif;
	color:#ffffff;
}
/***************** titulos com sombra *************************************************/
/***************************************************************************************/
div.titulo_sombra{
	position:relative;	 
	height:28px;
}
div.titulo, div.sombra{ 
	font: 17pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-left:12px;
	margin-top:-5px; 
}
div.titulo{  
	position:absolute; 
	top:0; 
	left:0;
	color:#CDA900; 
}
div.sombra{ 
	position:absolute; 
	left:2px;
	top:1px;
	color:#083160; 
}

/******************* classe para os textos das caixas azuis de todas as páginas *************/
/*********************************************************************************************/
.texto_box{
	padding:16px;
	font:9pt "Arial", Helvetica, sans-serif;
	color:#ffffff;	
}
/* ------------------ classes da página INCLUDE_RODAPE.PHP ---------------------- */
/**********************************************************************************/
#rodape{
	/*padding-top:10px;
	margin-top:48px;*/
	margin:auto;
	width:940px;
	height:30px;
	background:#083160;
	font:8pt Arial, Helvetica, sans-serif;
	color:#ffffff;
	clear:both;
}
a.rodape:active,
a.rodape_apto:hover,
a.rodape:link,
a.rodape:visited{
	text-decoration:underline;
	font:8pt Arial, Helvetica, sans-serif;
	color:#ffffff;
}