/*########################################################################################################################################################
	PADRONIZANDO NAVEGADORES
/*#######################################################################################################################################################*/
html, body, div, span, applet, object, iframe, table, caption,
tbody, tfoot, thead, tr, th, td, del, dfn, em, font, ins,
kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { 
    font-family					: inherit;
    font-weight					: inherit;
    font-style					: inherit;
    font-size					: 100%;
    outline						: 0;
    padding						: 0;
    margin						: 0;
    border						: 0;
	word-wrap: break-word; 
}
:focus { 
    outline						: 0;
}
body, html { 
	height						: 100%;
    line-height					: 1.3;
    color						: #747F83;
}
ol, ul { 
	overflow					: auto;
}
li { 
    list-style					: none;
}
caption, th, td { 
    font-weight					: normal;
}
blockquote:before, blockquote:after, q:before, q:after { 
    content						: "";
}
blockquote, q { 
    quotes						: "" "";
}
p { 
	margin						: 10px 0px;
}
b, strong { 
	font-weight					: bold;
}
a img { 
	border						: 0;
}
/*########################################################################################################################################################
#########################################################################################################################################################*/
body { 
	background					: #FFF url('images/bg_body.gif') repeat-x 0 25px;
	font-family					: "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size					: 13px;
	color						: #747F83;
} 
th { 
	background-color			: #F7F7F7;
	font-weight					: lighter;
	font-style					: normal;
} 
a:visited	{ text-decoration: none; color: #666; }
a:link 		{ text-decoration: none; color: #666; }
a:hover		{ text-decoration: none; color: #333; }
hr { 
	height						: 5px;
	margin						: 10px 0;
	padding						: 0;
	border						: 0;
	visibility					: hidden;
	clear						: both;
}
h1, h2, h3, h4, h5 { 
	margin-bottom				: 2px;
	font-weight					: bold;
}
h1	{ 	font-size: 160%; font-weight: bold;}
h2	{ 	font-size: 150%; color: #FA8C00; text-transform : uppercase;}
h3	{ 
	clear					: left;
	margin					: 10px 0 5px 0;
	padding-left			: 10px;
	background				: url('images/det_laranja.gif') no-repeat 0 4px;
	text-transform			: uppercase;
	font-size				: 120%;
	color					: #FA8C00;
	text-align				: left;
}
	h3 a, h3 a:visited, h3 a:link { 
		color				: #FA8C00;
	}
h4, h5	{ 	font-size: 100%; }
.MINIWIDT { 
	width					: 960px;
	margin					: 0 auto;
}
/*########################################################################################################################################################
		TOPO
########################################################################################################################################################*/
	div#TOPO h1 { 
		line-height			: 1px;
		float				: left;
		padding				: 8px 10px;
	}
	form#FM_TOPO_BUSCA { 
		padding				: 5px 0 0 0;
		float				: left;
		text-align			: center;
		width				: 40%;
	}
	form#FM_TOPO_BUSCA input { 
		width					: 50%;
		padding					: 10px;
		margin					: 0 5px;
		border					: 2px solid #C0CFE1;
		background				: #FFF url('images/topo_busca_bg.gif') repeat-x left bottom;
	}
		form#FM_TOPO_BUSCA input#BT_BUSCAR_TOPO { 
			width				: 101px;
			padding				: 11px;
			border				: 0;
			background			: #97AFC5;
			color				: #FFF;
			cursor				: pointer;
			font-weight:bold;
		}

	div#ABAS { 
		clear					: both;
		background				: url('images/topo_abas_bg.gif') repeat-x bottom left;
	}
	div#ABAS div.MINIWIDT {
		position:relative;
	
	}
		div#ABAS div ul { 
			float				: left;
			margin				: 0 0 0 10px;
			padding				: 2px 2px 0 2px;
			border				: 1px solid #C9D6E0;
			border-bottom		: none;
			background			: #FFF;
		}
		div#ABAS ul#MENU_PAINEL { 
			float				: right;
			margin				: 0 10px;
		}
		ul#MENU_SUP li, ul#MENU_PAINEL li { 
			float				: left;
			margin				: 1px 1px 0 1px;
			border-top			: 6px solid #C9D6E0;
		}
			ul#MENU_SUP li a, ul#MENU_PAINEL li a { 
				padding			: 10px;
				display			: block;
				border-top		: 1px solid #FFF;
				background		: url('images/bg_body.gif') repeat-x 0 -10px;
				font-size		: 11px;
				font-weight		: bold;
				color			: #467098;
			}

		ul#MENU_SUP li.LINK_HOME a.ATUAL, ul#MENU_SUP li a:hover							{ background		: #C9D6E0;  color: #FFF; }
		
		ul#MENU_SUP li.LINK_LITORAL															{ border-top-color	: #6D8FB8; }
			ul#MENU_SUP li.LINK_LITORAL a.ATUAL, ul#MENU_SUP li.LINK_LITORAL a:hover		{ background		: #6D8FB8; color: #FFF; }

		ul#MENU_SUP li.LINK_DICAS															{ border-top-color	: #E07126; }
			ul#MENU_SUP li.LINK_DICAS a.ATUAL, ul#MENU_SUP li.LINK_DICAS a:hover			{ background		: #E07126; color: #FFF; }

		ul#MENU_SUP li.LINK_CLIMA															{ border-top-color	: #C22E2E; }
			ul#MENU_SUP li.LINK_CLIMA a.ATUAL, ul#MENU_SUP li.LINK_CLIMA a:hover			{ background		: #C22E2E; color: #FFF; }

		ul#MENU_SUP li.LINK_HOSPEDAGEM														{ border-top-color	: #68518C; }
			ul#MENU_SUP li.LINK_HOSPEDAGEM a.ATUAL, ul#MENU_SUP li.LINK_HOSPEDAGEM a:hover	{ background		: #68518C; color: #FFF; }

		ul#MENU_SUP li.LINK_MAPAS															{ border-top-color	: #CCA72B; }
			ul#MENU_SUP li.LINK_MAPAS a.ATUAL, ul#MENU_SUP li.LINK_MAPAS a:hover			{ background		: #CCA72B; color: #FFF; }

		ul#MENU_SUP li.LINK_WALLPAPER														{ border-top-color	: #B1CE5D; }
			ul#MENU_SUP li.LINK_WALLPAPER a.ATUAL, ul#MENU_SUP li.LINK_WALLPAPER a:hover	{ background		: #B1CE5D; color: #FFF; }

		ul#MENU_SUP li.LINK_ESPECIAIS														{ border-top-color	: #72A9AA; }
			ul#MENU_SUP li.LINK_ESPECIAIS a.ATUAL, ul#MENU_SUP li.LINK_ESPECIAIS a:hover	{ background		: #72A9AA; color: #FFF; }

		ul#MENU_SUP li.LINK_VIDEOS															{ border-top-color	: #70947F; }
			ul#MENU_SUP li.LINK_VIDEOS a.ATUAL,ul#MENU_SUP li.LINK_VIDEOS a:hover			{ background		: #70947F; color: #FFF; }

		ul#MENU_PAINEL li.LINK_CONTA														{ border-top-color	: #ABBED0; }
			ul#MENU_PAINEL li.LINK_CONTA a.ATUAL,ul#MENU_PAINEL li.LINK_CONTA a:hover		{ background		: #ABBED0; color: #FFF; }

		ul#MENU_PAINEL li.LINK_ACESSO														{ border-top-color	: #467098; }
			ul#MENU_PAINEL li.LINK_ACESSO a.ATUAL,ul#MENU_PAINEL li.LINK_ACESSO a:hover		{ background		: #467098; color: #FFF; }

		ul#MENU_PAINEL li.LINK_CADASTRO														{ border-top-color	: #72A9AA; }
			ul#MENU_PAINEL li.LINK_CADASTRO a.ATUAL,ul#MENU_PAINEL li.LINK_CADASTRO a:hover	{ background		: #72A9AA; color: #FFF; }
			
		li.LINK_CONTA a:hover		{ background	: #ABBED0; }
		li.LINK_ENTRAR a:hover		{ background	: #467098; }
		li.LINK_CADASTRO a:hover	{ background	: #72A9AA; }

		div#SUBMENU { 
			height				: 43px;
			background			: #B2C6D4 url('images/topo_submenu_home_bg.gif') repeat-x left bottom;
/*			border-bottom		: 2px solid #B2C6D4;*/
			overflow			: visible;
		}
		div#SUBMENU ul, div#SUBMENU ul li a { color : #FFF !important;}
		div#SUBMENU ul li { 
			width				: 100%;
			display				: none;
			background			: #B2C6D4 url('images/topo_menu_sombra.png') repeat-x left bottom;
			border-bottom		: 2px solid #B2C6D4;
			overflow			: auto;
			position			: relative;
			min-height			: 43px;
			
		}
		div#SUBMENU ul li.SHOW { display : block;}
			div#SUBMENU ul li a { 
				line-height		: 43px;
				float			: left;
				margin-left		: 10px;
				padding-left	: 15px;
				background		: url('images/topo_menu_separador.png') no-repeat 0 0;
			}

ul#MENU_SUP li div.FLOATMENU {
	position 	: absolute;
	width		: 100%;
	left		: 0;
	z-index		: 99999;
	display		: none;
	background	: url('images/topo_menu_sombra.png') repeat-x left bottom;
}
		div#SUBMENU li.LINK_CONTA { background-color		: #6D8FB8;border-color : #6D8FB8;}
		div#SUBMENU li.LINK_LITORAL, div#ABAS li.LINK_LITORAL div.FLOATMENU { background-color	: #6D8FB8;border-color : #6D8FB8;}
		div#SUBMENU li.LINK_DICAS { background-color		: #E07126;border-color : #E07126;}
		div#SUBMENU li.LINK_CLIMA { background-color		: #C22E2E;border-color : #C22E2E;}
		div#SUBMENU li.LINK_HOSPEDAGEM { background-color: #68518C;border-color : #68518C;}
		div#SUBMENU li.LINK_MAPAS { background-color		: #CCA72B;border-color : #CCA72B;}
		div#SUBMENU li.LINK_WALLPAPER { background-color	: #B1CE5D;border-color : #B1CE5D;}
		div#SUBMENU li.LINK_ESPECIAIS { background-color	: #72A9AA;border-color : #72A9AA;}
		div#SUBMENU li.LINK_VIDEOS { background-color	: #70947F;border-color : #70947F;}
		div#SUBMENU li.LINK_PAINEL { background-color	: #ABBED0;border-color : #ABBED0;}
		div#SUBMENU li.LINK_ACESSO { background-color	: #467098;border-color : #467098;}
		div#SUBMENU li.LINK_CADASTRO { background-color	: #72A9AA;border-color : #72A9AA;}

			ul#MENU_SUP li div.FLOATMENU div { 
				width			: 220px;
				margin			: 10px 0 10px 16px;
				float			: left;
			}
			ul#MENU_SUP li div.FLOATMENU div a, ul#MENU_SUP li div.FLOATMENU div strong { 
				padding			: 4px 0 4px 10px;
				background		: none;
				display			: block;
				line-height		: 20px;
				color			: #FFF;
				border			: none;
			}
			ul#MENU_SUP li div.FLOATMENU div a:hover {
				color:#9cb5cd;
			}
			ul#MENU_SUP li div.FLOATMENU div strong { 
				padding-left	: 10px;
				margin-top		: 5px;
				border-left		: 4px solid #FFF;
				background		: #9cb5cd;
			}

/*####################################################################################################################################################
		SITE
########################################################################################################################################################*/
div#SITE { 
	width						: 960px;
	margin						: 5px auto;
}
	/*####################################################################################################################################################
			BANNERS
	########################################################################################################################################################*/
	div#SITE div#SUPERBANNER { 
		height						: 90px;
		padding						: 5px;
		text-align					: center;
		background					: #CFD9E3 url('images/publicidade.gif') no-repeat 90% center;
		position					: relative;
		z-index						: 9996;
		overflow					: hidden;
	}
	div#SITE div#SUPERBANNER * {
		border-radius: 0;
	}

	td#LEITOR div#BANNER_RET_TOPO { 
		padding						: 0;
		background					: none;
	}
		td#LEITOR div#BANNER_RET_TOPO span { 
			display					: block;
			padding					: 0 0 5px 0;
		}
		div#BANNER_RET_TOPO img { 
			margin-bottom			: 10px;
		}
	/*######################################################################################################################################################*/
	div#SITE div#TOTAL { 
		clear						: left;
		margin						: 10px 0;
		padding						: 10px;
		background					: #D4DEEA;
		border-bottom				: 2px solid #7293B9;
		border-top					: 2px solid #7293B9;
		color						: #7293B9;
		text-align					: center;
		font-weight					: bold;
	}

div#SITE div#WIDE { 
	margin							: 5px 0;
	overflow						: hidden;
	position						: relative;
}
	div#SITE div#WIDE div#CREDITO, div#SITE div#WIDE div#WIDE-FOTO div#CREDITO { 
		width						: 250px;
		border-right				: 5px solid #41678B;
		padding						: 10px;
		position					: absolute;
		bottom						: 20px;
		background					: #FFF;
		text-align					: right;
		font-weight					: bold;
	}
	div#SITE div#WIDE div#CREDITO a, div#SITE div#WIDE div#WIDE-FOTO div#CREDITO a { 
		font-weight					: bold;
		color						: #41678B;
	}
		div#SITE div#WIDE div#WIDE-FOTO div#CREDITO a#FOTOGRAFO { 
			font-size				: 100%;
		}

div#SITE div#SCORE { 
	float						: right;
	margin						: 2px;
	padding						: 0 10px 0 0;
	color						: #FFF;
	font-weight					: bold;
	background					: #fcc57f;
	-moz-border-radius 			: 0.5em;
	-webkit-border-radius		: 0.5em;
	-opera-border-radius		: 0.5em;
	border-radius 				: 0.5em;
}
div#SITE div#COLUNA div#SCORE { 
	float:none;
}
	div#SITE div#SCORE .BOTAO { 
		margin-right:5px;
	}
div#SCORE input#BT_LIKE.BOTAO { 
	padding-right	: 30px;
	color			: #FFF;
	background		: #fa8c00 url('images/bt_icon_like.png') no-repeat right center;
}
	div#SCORE input#BT_LIKE.BOTAO:hover { 
		background-color	: #fee8cc;
		color				: #fa8c00;
	}
	div#SCORE input#BT_LIKE.BOTAO:focus { 
		border:none;
	}



div#SITE div#FOTO { 
/*	max-width						: 640px;*/
	min-width						: 440px;
	margin							: 5px 0;
	overflow						: hidden;
	text-align						: center;
}
div#SITE div#FOTO img { 
	width							: auto;
	width							: 100%;
	max-width						: 640px;
}
div#SITE div#FOTOVERTICAL { 
	text-align						: center !important;
}
div#SITE div#FOTOVERTICAL img { 
	width							: auto;
	max-width						: 640px;
}

a#MAISFOTOS { 
	clear							: both;
	display							: block;
	padding							: 1px 5px;
	float							: none !important;
	background						: #FA8C00;
	text-align						: right;
	font-weight						: bold;
	color							: #FFF;
}

/*	my_fotos	*/
div#FOTOS div { 
	float							: left;
	margin							: 5px;
}

	a#NEXT img, a#PREV img { 
		margin-top					: 2px;
	}

/*########################################################################################################################################################*/
div#SITE div#CORPO { 
	width		: 645px;
}
div#SITE div#CORPO.BOX { 
	width		: 635px;
}
div#SITE div#CORPO.FULL { 
	width		: auto;
}
div.BOX { 
	margin						: 5px 0 20px 0;
	padding						: 10px 10px 10px 10px;
	background					: url('images/home_boxfull_bg.gif') no-repeat 0 0;
	overflow					: auto;
}
	div#TEXTO h2 { 
		height					: auto;
		border					: 0;
		line-height				: normal;
		padding-right			: 0;
		background				: none;
		text-align				: left;
		font-size				: 26px;
		color					: #FA8C00 !important;
		text-transform			: uppercase;
	}
	div#TEXTO blockquote { 
		width					: 25%;
		float					: right;
		margin					: 10px;
		color					: #FB9A1F;
		font-style				: italic;			
		font-weight				: bolder;
		font-size				: 130%;
		text-align				: center;
	}

div#SITE div.BOX.LISTA div {
	clear						: left;
	padding						: 5px;
	margin						: 0 5px;
	border-top					: 1px dotted #CCC;
	overflow:auto;
}
	div#SITE div.BOX.LISTA div img {
		float						: left;
		margin						: 0 10px 0 0;
	}
	div#SITE div.BOX.LISTA div h3 {
		display						: inlune;
		clear:none;
	}
div#SITE div.BOX.LISTA div.DST { 
	width	: 200px;
	padding	: 0;
	margin	: 10px 2px 10px 8px;
	float	: left;
	clear	: none;
}


div#LIKES h4 {
	margin: 10px 0 5px 0;
}
div#CORPO div#FOTOS a img {
	margin: 5px;
	border: 1px solid #efefef;
}
/*########################################################################################################################################################
		COLUNA DIREITA
########################################################################################################################################################*/
div#COLUNA { 
	width						: 300px;
	float						: right;
	margin						: 0 0 5px 0;
	border-left					: 5px solid #FFF;
	background					: url("images/home_boxfull_bg.gif") no-repeat scroll 0 0 #FFFFFF;
}
div#COLUNA div#SHARE { 
	padding					: 10px 0;
	margin					: 10px 0;
	text-align				: center;
	border-top				: 1px dotted #CCC;
	border-bottom			: 1px dotted #CCC;
	font-size				: 9px;
}

div#COLUNA li { 
	padding					: 5px 0 5px 5px;
	border-bottom			: 1px dotted #CCC;
}
div#COLUNA div.MARGIN { 
	margin					: 0 0 0 15px;
}

/*	GOOGLE MAPS	*/
div#GMAPA { 
	height					: 200px;
	margin					: 5px 10px;
	background				: #F7F7F7 url('images/loading.gif') no-repeat center center;
 }

div#COLUNA div#CATS a {
	display				: block;
	background			: #72A9AA;
	border-radius 		: 0.5em;
	color				: #FFF;
	padding				: 10px 20px;
}
div#COLUNA div#CATS a.IMPAR {
	background			: #9BC2C3;
}
div#COLUNA div#CATS a:hover {
	background			: #EFEFEF;
	color				: #72A9AA;
}
/*########################################################################################################################################################*/
div#COLUNA div#NOTICIAS div {
	margin						: 10px;
	padding						: 5px 0;
	border-bottom				: 1px dotted #CCC;
	font-size					: 90%;
}
	div#COLUNA div#NOTICIAS div strong a {
		display					: block;
		font-size				: 110%;
		color					: #FF9900;
	}
/*########################################################################################################################################################
	PUBLICIDADE	
########################################################################################################################################################*/
div#PUBLICIDADE { 
	width						: 130px;
	float						: left;
	margin-left					: 5px;
	margin-top					: 10px;
	text-align					: center;
}
	div#PUBLICIDADE img.BANNER { 
		margin-bottom			: 10px;
	}

div#FULLBANNER { 
	clear						: left;
	margin						: 10px 0;
	padding						: 10px;
	background					: #E4EDF3;
	text-align					: center !important;
	overflow					: auto;
}
/*########################################################################################################################################################
	FEATURES - BOX VOTAÇÃO - DENUNCIA E COMENTS	
########################################################################################################################################################*/
div#COMENTS { 
	overflow					: auto;
}
	div#COMENTS div#COMMS { 
		width					: 60%;
	}
	div#COMENTS div#COMMS div { 
		margin					: 5px 10px;
		background				: url('images/riscs.gif') repeat-x bottom left;
		color					: #666;
	}
		div#COMENTS div#COMMS div { 
			margin				: 5px 15px;
			background			: url('images/riscs.gif') repeat-x bottom left;
			color				: #666;
			padding				: 5px;
		}
		div#COMENTS div#COMMS div.NEW { 
			background-color	: #F7F7F7;
		}
div#BOX_COMENT { 
	width						: 39%;
	float						: right;
	margin						: 0;
	padding						: 0 0 0 1%;
}
	div#BOX_COMENT textarea { 
		width					: 95%;
		margin-bottom			: 5px;
	}
/*########################################################################################################################################################
		PAGINAÇÃO
########################################################################################################################################################*/
div#PAGINACAO { 
	clear						: both;
	margin						: 10px 0 !important;
	padding						: 10px 0 !important;
	border-top					: 1px dotted #CCC;
	text-align					: center;
	font-size					: 120%;
	font-weight					: bold;
}
	div#PAGINACAO a { 
		margin					: 0 3px;
		padding					: 1px 5px;
		border					: 1px solid #EFEFEF;
	}
	div#PAGINACAO a:hover { 
		border					: 1px solid #CCC;
		color					: #FFF;
		background-color		: #CCC;
	}
	div#PAGINACAO .active { 
		padding					: 2px 6px;
		border					: 1px solid #EFEFEF;
		color					: #CCC;
		background-color		: #EFEFEF;
	}
div#VOLTAR { 
	clear						: both;
	text-align					: center;
	color						: #FFF;
	line-height					: 1px;
	margin-top					: 20px;
}
	div#VOLTAR a { 
		display:block;
	}
/*########################################################################################################################################################
		RODAPÉ
########################################################################################################################################################*/
div#RODAPE { 
	clear						: both;
	background					: #ececec url('images/rdp_bg.gif') repeat-x 0 0;
	margin						: 10px 0 0 0;
}
	div#RODAPE ul#RDP_REDES { 
		padding		: 19px 0 10px 0;
	}
	div#RODAPE ul#RDP_REDES li { 
		float		: left;
		width		: 192px;
		text-align	: center;
	}
	div#RODAPE div#RDP_MENU { 
		padding		: 14px 0;
		margin-bottom:10px;
		text-align	: center;
	}
	div#RODAPE div#RDP_MENU img { 
		margin		: 0 5px 0 10px;
	}
	div#RODAPE div#RDP_HOTEIS li { 
		width		: 210px;
		margin		: 0 0 0 20px;
		float		: left;
		font-size	: 80%;
	}
div#RODAPE2 { 
	background		: #f2f2e8 url('images/rdp_bg2.gif') repeat-x 0 0;
	padding			: 20px 0 0 0;
}
/*########################################################################################################################################################
		EXTRAS
########################################################################################################################################################*/
div#SITE div#LOGIN, div#SITE div#ESQUECI {
	width		: 460px;
	margin		: 10px 0;
	float		: left;
}
#TERMO {
	height						: 100px;
	margin						: 20px 0;
	padding						: 10px;
	border						: 4px solid #F7F7F7;
	overflow					: auto;
	text-align					: left;
}


.LEFT		{ 	float			: left;	}
.RIGHT		{ 	float			: right;}

div#COVER { 
	position					: fixed;
	display						: none;
	width						: 100%;
	height						: 100%;
	left						: 0;
	top							: 0;
	background					: transparent url('images/alpha.gif') center repeat;
	z-index						: 99998;
}
#ERRO, #ALERTA { 
	display						: block;
	z-index						: 99999;
	margin						: 20px 0;
	padding						: 40px;
	border						: 2px dashed #456F97;
	background					: #FCFCFC;
	text-align					: center;
	color						: #456F97;
	font-weight					: bolder;
	font-size					: 150%;

	-moz-border-radius 			: 5px;
	-webkit-border-radius		: 5px;
	-opera-border-radius		: 5px;
	border-radius 				: 5px;
}
#ERRO { 
	border						: 1px dashed #F00 !important;
	background					: #FFCFCF !important;
	color						: #F00 !important;
}

ul.METADE li { 
	width						: 49%;
	float						: left;
}
/*########################################################################################################################################################
		ARRUMAR PROBLEMAS DE FLOAT
########################################################################################################################################################*/
.CLEAR 			{ clear		: both;}
.AFTER:after 	{ content	: "."; display: block; height: 0; clear: both; visibility: hidden; }
*.AFTER			{ display	: inline-block; }
*html .AFTER 	{ height	: 1px; }
.AFTER 			{ display	: block; }



/*
	ARREDONDA TODOS OS ELEMENTOS DENTRO DA DIV DE CONTEUDO
*/
div#SITE * {
	border-radius : 0.5em;
}
/*
	ITENS QUE NÃO FICA BOM O ARREDONDAMENTO COMPLETO
*/
div#CREDITO {
	border-radius : 0 0.5em 0.5em 0;
}
div#SITE iframe, div#COLUNA li {
	border-radius : 0;
}