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

div#top div{
	font-family: Arial, Helvetica, sans-serif;
	height: 300px;
	background: #e7c63a;
	color: #00263e;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;}
	div#hot_pics{
		width: 100%; 
		height: 300px;
		position: relative;}
		#hot_pics .new, #dest_image_cont .new{
			display: none; }
		span.hot_pic{
			display: block;
			height: 269px; }
		span.hot_topic{
			display:block;
			font-size: 17px;
			line-height: 31px;
			margin-left: 15px;}
		div#hot_pics img{
			width: 100%;
			height: 269px;
			position: absolute;}
	span#piclist ul {
		position: absolute;
		right: 0;
		bottom: 60px;
	}
	span#piclist li{
		list-style-type: none;
		width: 25px;
		height: 22px;
		background: #e7c63a;
		text-align: center;
		margin-top: 7px;
	}
	span#piclist li a {
		color:#555;
		text-decoration: none;
		display: block;
		line-height: 22px;
	}span#piclist li.active a{
		color: #fff;
	}span#piclist li.active{
		background:#68C3D7; }

div#youtube {
	height: 263px;
	width: 300px;
	margin: auto;
	background: url(../img/youtube_bg.jpg) no-repeat;
	}
	div#youtube span{
		display:block;}
		div#youtube span.youtube_title{
			line-height: 43px;
			font-size: 15px;
			color: #FFF;
			text-align: center;
			text-transform:uppercase;
			font-weight: bold;
			font-family: Arial, Helvetica, sans-serif;}
			div#youtube span.youtube_vid .obj{
				height: 187px;
				width: 288px;
				padding-top: 11px;
				margin: auto;}

div#newsletter{
	margin-top: 15px; }

div#destaque {
	border: solid #CCC;
	border-width: 0px 1px 0 0;
	padding: 0 10px;}
	div#destaque h2 {
		margin: 0 0 10px 0; 
		font-weight:normal;}
	div#dest_heads {
		padding: 8px 10px 0 10px;}

div#comunidades {
	margin-top: 25px;
}
div#main h3{
	margin-bottom:5px;}

div#body, div#cont{
	margin-bottom: 0;
	padding-bottom: 0; }

div#lower {
	padding: 25px 18px;
	background-color: #005A7F;
}div#lower a{
	color: #BFBFBF; }
div#banner_area{
	float: left; }
div#banners{
	float:left;
	width: 178px;}
div.banner {
	margin-top: 0; }
div#sugestoes {
	float: right;
}
div#empresas{
	float: right;
	width: 525px;
	color: #eee;
	
}
div.diferenca {
	width: 160px; 
	margin: -20px 0px 5px;
	float: left;
	height: 247px;
	_overflow: hidden;
	}
	div.diferenca p{
		margin: 10px 5px 0 7px;
		font-size:0.83em;		
		line-height: 1.2em;}
	div#empresas h3{
		color: #eee;
		font-size: 2em;
		margin: 13px 20px 50px 10px;
		font-weight: normal;}
div#empresas div.logo {
	height: 72px;
	position: relative;
	text-align: left;}
	div#empresas div.logo div {
		position: absolute;
		bottom:0;
		width: 100%;
		text-align: center;}

div#banner_area {
	width: 367px;
}