*{
	font-family:Georgia;
	margin:0;
	padding:0;
}

html, body {
  height: 100%;
}
body {
	background:url(../images/fundo.jpg);
	background-repeat:no-repeat;
	background-position:top;
	background-attachment:fixed;

	}
	
		div.selectBox
			{
				font-size:12px;
				font-family:Georgia;
				position:relative;
				display:inline-block;
				cursor:default;
				text-align:left;
				line-height:20px;
				clear:both;
				background-color:#2e2e2e;
				color:#eaebeb;
				 cursor: pointer;
				
				
			}
			span.selected
			{
				width:155px;
				text-indent:2px;
				height:20px;
				color:#9c9c9c;
				border:1px solid #808080;
				background:url(../images/arrow.png) no-repeat right;
				overflow:hidden;
			}
		
			
			span.selectArrow,span.selected
			{
				position:relative;
				float:left;
				height:20px;
				z-index:1;
				padding-left:5px;
			}
			
			div.selectOptions
			{
				position:absolute;
				top:21px;
				left:0;
				width:160px;
				
				
				border:1px solid #808080;
				border-top:none;
				
				overflow:hidden;
				background:#2e2e2e;
				
				display:none;
			}
				
			span.selectOption
			{
				display:block;
				height:20px;
				line-height:20px;
				padding:0px 2px;
				border-bottom:#808080 1px solid;
				padding-left:5px;
			}
			
			span.selectOption:hover
			{
				color:#9c9c9c;
				
			}	

h2{
	font-weight:normal;
	}
h2 a {
	padding: 10px;
	text-decoration: none;
	background: #000;
	color: #fff;
	box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	border-radius: 20px;
}

img {
	border:0;
}

h3 {
	margin-top: 10px;
}

ul{
	padding: 10px 10px 10px 30px;
}

ul ul {
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}

li{
	margin: 5px
}
		
.push {
    height: 160px; /* .push must be the same height as .footer */
}

.footer {
	/*overflow:hidden;*/
	
	background:url(../images/footer_bckg.png);
	background-repeat:no-repeat;
	background-position:center;
	width:100%; 
	height:160px;
	background-color:#000;
}

.footer-content
{
	position:relative; 
	height:160px; 
	/*background-color:#0FF;*/
	margin: 0 auto; 
	width: 900px; 
}

.column h2
{ background: none; 
color: #dadbdb; 
font-size: 12px; 
height: auto;  
padding: 15px 0 10px; }

.column h2.withHeight
{ 
padding: 15px 0 25px; 
}

.column
{
position:relative;
float: left;
margin: 20px 10px 10px 10px; 
width: 200px; 
height:120px; 
}

.column p
{color: #808080; font-size: 12px; line-height:18px;  }

.column a
{ color: #a39161; font-size: 12px; line-height:12px; text-decoration:none; }

.column .withLine, #links .column p, .column a
{float: left; margin: 0 0 3px; padding: 0 0 5px; width: 210px; }
		

.footer-map {
	overflow:hidden;
	position:absolute;
	width:100%;
	height:0px;
	background-color:#30F;	
}
.footer-map iframe {
	height:500px;
	width:100%;
	border:0;
	
}
.map {
	position:absolute;
	background-color:#0F6;
	width:100%;
	height:700px;
}

.header_dois{
	top:0px;
	background-color:#a29061;
	position:fixed; 
	width:100%;
	height:25px;
	margin: 30px auto;
	z-index:1000;
}

.title_dois{
	background-color:#a29061;
	position:relative; 
	width:905px; 
	height:25px; 
	margin: 0 auto;
	
}

.header-tudo{
z-index:500; 
position:fixed; 
margin:0 auto;	
}

.header{
	top:0px;
	position:fixed;
	width:100%;
	height:30px;
	background-color:#262626;
	z-index:1001;
}

.title{
	background-color:#262626;
	position:relative; 
	width:900px; 
	height:30px; 
	margin: 0 auto;
}

.title .logo { 
width:105px; 
}

.title .logo img {
	
	margin-top:5px;
	width:92px; 
	height:19px;
}
.logo:hover{
/*
	opacity: 0.7;
	filter: alpha(opacity=70);
*/
}
.bck{
	
	position:absolute;
	margin-left:610px;
	margin-top:-25px;
}


.bar{
	
	position:absolute;
	margin-left:280px;
	margin-top:-25px;
}

.bar2{
	position:absolute;
	
	margin-left:770px;
	margin-top:-25px;
}

.roteiros{
	
	font-size:11px;
	float:right;
	margin-right:142px;
	margin-top:-15px;
}

.roteiros:hover{
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.language{
	margin-top:-20px;
	margin-left:780px;
}
.title .language a{
	margin:8px;
	text-decoration:none; 
	font-size:10px;
	color:#FFF;
}

.language a:hover{
	color:#4b4b4b;
}

.title .comp {
	margin-left:110px;
	margin-top:-23px;
	width: 160px;
	height: 20px;

}

#content{
 	min-height: 100%;
    height: auto !important;
    height: 100%;
    margin:0 auto -160px; /* the bottom margin is the negative value of the footer's height */
	width: 900px;
}

/* GALERIA ANIMADA */
#makeMeScrollable
{
	width:100%;
	height: 58px;
	position: relative;
}

#makeMeScrollable a:hover
{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
		
#makeMeScrollable div.scrollableArea img
{
	position: relative;
	float: left;
	margin:0;
	margin-left:-1px;
	border-left:#000 1px solid;
	padding: 0; /* If you don't want the images in the scroller to be selectable, try the following block of code. It's just a nice feature that prevent the images from accidentally becoming selected/inverted when the user interacts with the scroller. */
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
		
/* GALERIA ANIMADA */				
		
#news-title{
	background-color:#2b2b2b;
	background-image:url(../images/triangles_map.png);
	background-position:right;
	background-repeat:no-repeat;
}

#news-title p{
	position:absolute;
	margin-top:12px;
	margin-left:10px;
	text-decoration:none;
	font-size:24px;
	font-style:normal;
	color:#cbbfa3;
}

#news-gallery{
	height:58px; 
	width:100%;
}


#news-hotel{
	vertical-align:bottom;
	height:100%;
	width:900px;
	background-color:#FFF;
	background-image:url(../images/triangles_max.png);
	background-repeat:no-repeat;
	background-position: bottom right;	
}
#destaques{
	height:100%;
	width:900px;
	background-color:#0C3;
	
}

#news-hotel-vertical{
	line-height:16px;
	margin:15px;
	width:200px;
}

#share_logos{
	margin:15px;
	text-align:center;
	width:150px;
	margin-top:50px;

}
#share{
	float:left;
	margin-top:5px;
}

#share_logos a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
}

#news-hotel-vertical p, a{
	position:relative;
	font-size:11px;
	color:#818181;
	width:200px;
	left: 1px;
	
}

#news-hotel-vertical h1{
	
	
	font-size:11px;
	color:#3f3f3d;
}

#news-hotel-text {

	line-height:1.5em;
	width:630px;
	margin:10px;
	text-decoration:none;
	font-size:13px;
	font-style:normal;
	color:#808080;
}


.title_dois td {
font-size:11px; 
margin-left:11px
}

.title_dois a{
	color:#FFFFFF;
	margin-left:10px;
	text-decoration:none;
}


.title_dois a:hover{
	color:#000;
}

.news-last{
	background-color:#f1eee5;
	position:relative;
	float: left;
	height: 275px;
	width: 300px;	
}

.news{
	background-color:#FFF;
	position:relative;
	float: left;
	height: 275px;
	width: 299px;
	margin-right:1px;
}

.news-last h3{
	margin:10px;
	margin-top:5px;	
	font-size:12px;
	color:#787878;
	font-style: normal;
}

.news-last h2{
	margin:10px;
	margin-top:-5px;
	font-size:23px;
	color:#484234;
	line-height:0.9em;
}


.news-last p{
	margin:10px;
	font-size:13px;
	color:#a39161;
	line-height:1.5em;	
}

.news p{
	margin:10px;
	font-size:13px;
	color:#787878;
	
line-height:1.5em;	
	

}

.news h2 {
	margin:10px;
	margin-top:-5px;
	font-size:23px;
	color:#0084a9;
	line-height:0.9em;	
	
}

.news h3 {
	
margin:10px;
	margin-top:5px;	
	font-size:12px;
	color:#787878;
	font-style: normal;
	
}
.dest-last{
	border-top:solid;
	background-color:#FFF;
	position:relative;
	float:right;
	height: 150px;
	width: 448px;	
}

.dest{
	border-top:solid;
	background-color:#FFF;
	position:relative;
	float: left;
	height: 150px;
	width: 448px;
	margin-right:1px;
}


#dest-news{
	height:150px;
	
	
	margin:0 auto;
	width: 900px;
}

.dest-last img, .dest img {
	width:150px;
	height:150px;
	float:left;	
}

.dest-last div, .dest div {
	
	position:relative;
	margin: 0 auto;
	float:left;
	width:296px;
}

.dest-last p, .dest p {
	
	margin:10px;
	margin-top:15px;
	
	font-size:13px;
	color:#787878;
	font-style: normal;
}

.dest-last h2, .dest h2 {
	margin:10px;
	margin-top:-5px;
	font-size:23px;
	color:#0084a9;
	line-height:0.8em;	
	

	
}
.dest-last h3, .dest h3 {
	
	margin:10px;
	font-size:12px;
	color:#787878;
	font-style: normal;

}

#content-header{
	
	margin:0 auto;
	margin-top:0px;
	/*background:url(../images/header_rest.png);*/
	width: 900px;
	height:237px;
}

#content-news{
	border-top:solid;
	background-color:#000000;

	margin:0 auto;
	
	width: 900px;
}


ul.accordion li {
	background-repeat: no-repeat;
	background-position:  top left;
}

.accordion {
	/*clear: both;*/
    list-style:none;
    font-size: 16px;
    font-style: italic;
    line-height: 1.5em;
    overflow: hidden;
    padding: 0;
    /*-moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;
    border-top:2px solid #fff;
    border-left:2px solid #fff;*/
}
.accordion li {
	top: 0;
	left: 0;
    float: left;
    width: 10%;
    height: 400px;
    display: block;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
	/*border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    -moz-box-shadow:1px 3px 15px #555;
    -webkit-box-shadow:1px 3px 15px #555;
    box-shadow:1px 3px 15px #555;*/
}
.accordion h2 {
    background-color: #fff;
    padding: 10px 0;
	/*padding-top:50%;*/
    opacity: 0.8;
	filter: alpha(opacity=80);
    top: 0px;
    width: 100%;
	height:100%;
    position: absolute;
    text-transform: uppercase;
    font-style: normal;
   /* font-weight: bold;
    letter-spacing: 1px;
    font-size: 14px;*/
    color: #444;
    text-align: center;
    /*text-shadow: -1px -1px 1px #ccc;
    -moz-text-shadow: -1px -1px 1px #ccc;
    -webkit-text-shadow: -1px -1px 1px #ccc;*/
}
.accordion div {
    position: absolute;
    bottom: 30%;
    left: 0;
    opacity: 0;
	filter: alpha(opacity=0);
	padding-top: 340px;
	/*padding-bottom: 340px;
	margin-bottom: -340px;*/
}
.accordion div h2 {
    background: none;
    padding: 0;
    position: static;
    opacity: 1;
	filter: alpha(opacity=100);
    text-transform: uppercase;
    font-style: normal;
   /* font-weight: bold;*/
    letter-spacing: 1px;
    font-size: 18px;
	color:#FFFFFF;
    text-align: left;
    margin: 0px 0px 15px 20px;
    /*text-shadow: -1px -1px 1px #ccc;
    -moz-text-shadow: -1px -1px 1px #ccc;
    -webkit-text-shadow: -1px -1px 1px #ccc;*/
}
.accordion div p {
    line-height: 14px;
    margin: 10px 22px;
    font-size: 12px;
	color:#FFFFFF;
    font-style:normal;
	width:200px;
    /*font-weight: normal;
    text-transform: none;*/
    letter-spacing: normal;
    line-height: 1.6em;
}
.accordion div a {
	display: block;
    margin: 5px 0 5px 20px;
	text-align:center;
    /*text-transform: uppercase;*/
    font-style: normal;
    font-size: 11px;
	background-color:#FFFFFF;
	width:70px;
    text-decoration: none;
    color: #333;
}
.accordion div a:hover {
    color:#666;
    /*text-decoration: underline;*/
}