/* RESET */

* { padding: 0em; margin: 0em; }

html, body {
	height: 100%;
	margin: 0px;
	background-image: url(imagens/tile_top.jpg);
	background-position:top;
	background-repeat: repeat-x;
	background-color: #f0f0f0;
	font-family: "Lucida Grande", Tahoma, arial, helvetica, sans-serif;
	line-height: 1;
	}
	

h1, h2, h3	{
			color: #3C4156;
			}
			
h4	{		
		position: relative;	
		top: 10px;	
		color: #3C4156;
	}

p	{
	line-height: 20px;
	color: #004438;
	text-align: left;
	font-size: 14px;
	font-family: "Lucida Grande", Arial, helvetica, verdana, sans-serif;
	padding-top: 10px;
	}
	
a	{
	color: #272727;
	}

/* div styles */

#main_wrapper	{
					border-left-style: none;
					border-bottom-style: none;
					border-right-style: none;
					border-top-style: none;
					border-width: 0px;
					width: 900px;
					margin: 0px auto auto auto;
					min-height: 100%;
					height: auto !important;
					height: 100%;
					margin: 0 auto -82px; /* the bottom margin is the negative value of the footer's height */
				}
				
#languages	{
			margin-top: 15px;
			width: 80px;
			float: right;
			}
			
#languages img	{
					border:none;
				}
				
					
#header {
			/*margin: 0px 0px 0px 0px;*/
			width: 900px;
			height: 347px;
			overflow: hidden;
			background-image: url(imagens/top_center.jpg);
			background-repeat: no-repeat;
			background-position: bottom;
			border: none;
			position:relative;
		}
		
#header_outro {
			margin: 0 px;
			width: 900px;
			height: 347px;
			overflow: hidden;
			background-repeat: no-repeat;
			background-position: bottom;
			border: none;
			position:relative;
		}
		
		
#logo 	{	
			margin: 0 px;
			width: 431px;
			height: 117 px;
			margin: 70px auto auto auto;
			border: none;
		}


/* ----------------------------- start #nav ----------------------------- */

#menu img { border: none; }
#menu li { display: inline; list-style:none; }
#menu li a { float: left; display:block; width: 180px; height: 70px; margin-top: 60px; }
#menu li a img {  border:none; vertical-align:bottom; /* for IE6 */}
#menu li a:hover { visibility:visible; }
#menu li a:hover img { visibility:visible; }
#menu li a:hover img/**/ { visibility:hidden; /* hide from IE5.0/win */}
/* ----------------------------- end #nav ----------------------------- */


/* ----------------------------- start #nav ids ----------------------------- */
#one { background:url(imagens/menu/menu_1_over.jpg) no-repeat left bottom; }
#two { background:url(imagens/menu/menu_2_over.jpg) no-repeat left bottom; }
#three { background:url(imagens/menu/menu_3_over.jpg) no-repeat left bottom; }
#four { background:url(imagens/menu/menu_4_over.jpg) no-repeat left bottom; }
#five { background:url(imagens/menu/menu_5_over.jpg) no-repeat left bottom; }
/* ----------------------------- end #nav ids ----------------------------- */



#left_side	{
			float: left;
			width: 520px;
			padding-bottom: 15px;
			}
				
				
.imagem_esquerda	{
					padding-top: 15px;
					padding-bottom: 15px;
					padding-right: 15px;
					float: left;
					}

.imagem_direita		{
					padding-top: 15px;
					padding-bottom: 15px;
					padding-left: 15px;
					float: right;
					}
					
#full_width	{
			float: right;
			width: 900px;
			height: 100%;
			padding-bottom: 10px;
			}

			
#right_side {
			float: right;
			width: 360px;
			height: 100%;
			padding-bottom: 10px;
			background-image: url(imagens/tile_galeria.jpg);
			background-repeat: repeat-y;
			border-bottom: 1px solid white;
			}
			
#right_side h3	{
				font-size: 22px;
				padding-top: 20px;
				overflow:visible;
				}
				
#destaque a 	{
				padding-left: 15px;
				font-size: 12px;
				margin-bottom: 15px;
				}

.texto_destaque	{
				clear: left;
				overflow: hidden;
				padding-left: 15px;
				padding-right: 10px;
				padding-bottom: 15px;
				}
				
			
#galeria_wrapper	{
					width: 330px;
					margin-top: 30px;
					margin-bottom: 20px;
					margin-left: 15px;
					}
					

			
.icons_right	{
				float: left;
				margin-left: 15px;
				margin-right: 15px;
				padding-bottom: 15px;
				}

.icons_left	{
				float: left;
				margin-top: 30px;
				margin-right: 15px;
				padding-bottom: 15px;
				}
				
				
#left_side h1, h2, h3	{overflow:visible;}
				
#left_side h3	{
				padding-top: 15px;
				}
				
.text_icon_side	{
				float: left;
				margin-top: 40px;
				margin-right: 15px;
				padding-bottom: 15px;
				}
				
.regiao	{
		clear: both;
		overflow: visible;
		}

#footer {
			clear: both;
			height: 81px;
			overflow: hidden;
			background-image: url(imagens/tile_bottom.jpg);
			background-repeat: repeat-x;
			border: solid 1px hidden;
		}
		
.push 	{
		height: 82px;
		}
		
#footer ul	{
			text-align: center;
			}

#footer li	{			
			list-style-type: none;
			display: inline;
			text-decoration: none;
			}
			
#footer_content	{
				width: 900px;
				height: 50px;
				margin: 30px auto auto auto;	
				}
				
#map 	{
		margin-top: 20px;
		border: solid 1px gray;
		width: 500px;
		height: 400px;
		}
			


/*----------- acordion --------------*/


#basic-accordian{
	padding:5px;
	width:520px;
	position:relative;
	z-index:2;
}

.accordion_headings{
	padding:5px;
	height: 35px;
	background:url(imagens/about_normal_p.jpg) repeat-x;
	cursor:pointer;
	font-weight:bold;
}

.accordion_headings:hover{
	background:url(imagens/about_hover_p.jpg) repeat-x;
}

.accordion_child{
	padding:15px;
}

.header_highlight{
	background:url(imagens/about_sel_p.jpg) repeat-x;
}

.tab_container *{
	float:left;
	width:162px;
}


/* Booking Container*/
.bookingContainer {
width:100%;
color:#515767;
height:51px;
position:absolute;
top:95px;
left:0;
text-align:right;
}