@import url("materia.css");
@import url("estilo-interno.css");
@import url("booking.css");

/************************************
TUDO
************************************/

* { margin:0px; padding:0px; list-style:none; text-decoration:none; outline:none}
.alinhar-centro { text-align:center}
.alinhar-direita { text-align: right}
.alinhar-esquerda { text-align: left}
.alinhar-justificar { text-align:justify}
.bold { font:bold}
.lowercase{ text-transform:lowercase}
.uppercase{ text-transform: uppercase}
.font10Tahoma { font: 10px Tahoma, Geneva, sans-serif}
.font12Tahoma { font: 12px Tahoma, Geneva, sans-serif}
.font14Tahoma { font: 14px Tahoma, Geneva, sans-serif}
.font16Tahoma { font: 16px Tahoma, Geneva, sans-serif}
.sublinhado { text-decoration:underline}
.link { text-decoration:none; color:#333}
.link:hover { text-decoration:underline}
.hover:hover {background: #EFEFEF !important}
.bg-branco { background: #FFF}
.bg-alerta { background: #F8D19E}
.bg-cinza { background: #EFEFEF}
.borda-top { border-top: solid 1px #CCC}
.borda { border:solid 1px #CCC}
.borda-none { border:none}
.borda-no-top { border-left: solid 1px #CCC; border-right:solid 1px #CCC; border-bottom:solid 1px #CCC}
.borda-right { border-right: solid 1px #ededed}
.borda-botton { border-bottom: solid 1px #CCC}
.borda-botton-ededed { border-bottom: solid 1px #ededed}
.borda-botton-pontilhada { border-bottom: dotted 1px #e7e7e7}
.azullogomarca { color:#2897ce}
.laranja { color:#f9a13a}
.cinza666 { color:#666}
.cinzaccc { color:#CCC}
.cinzabbb { color:#BBB}
.cinza6f685f { color:#6f685f}
.vermelho { color:#F00}
.margem0 { margin: 0}
.margem40 { margin: 4px 0}
.margem700 { margin: 7px 0}
.margem100 { margin: 10px 0}
.margem01000 { margin:0 10px 0 0}
.margem010100 { margin:0 10px 10px 0}
.margem02000 { margin:0 20px 0 0}
.margem020200 { margin:0 20px 20px 0}
.margem1300 { margin: 13px 0 0}
.margem0010 { margin: 0 0 10px}
.margem0015 { margin: 0 0 15px}
.margem0020 { margin: 0 0 20px}
.margem00015 { margin: 0 0 0 15px}
.padding4 { padding: 4px}
.padding50 { padding: 5px 0}
.padding4000 { padding: 4px 0 0}
.padding0005 { padding: 0 0 0 5px}
.padding3000 { padding: 3px 0 0}
.padding02000 { padding: 0 20px 0 0}
.padding00012 { padding: 0 0 0 22px}
.padding89 {	padding: 8px 9px}
.display-block { display:block}
.float-left { float:left}
.float-right {float:right}
.widht150 { width:150px}
.widht155 { width:155px}
.widht200 { width:200px}
.widht220 { width:220px}
.width250 { width:250px}
.width280 { width:280px}
.widht300 { width:300px}
.widht310 { width:310px}
.widht600 { width:600px}
.widht640 { width:640px}
.widht982 { width:982px}
.height60{ height:60px}
.height75{ height:75px}
.height250{ height:250px}
.height450{ height:450px}
.list-style-none {list-style: none}
.centralizar * { vertical-align: middle}
.overflow-auto{ overflow:auto}
.overflow-hidden{ overflow: hidden}
.iconecomentario { background:url(../images/images-map.jpg) -244px -17px; width:16px; height:14px; display:block; float:left; margin: 0 5px 0 0}
.imgRsociais { background:url(../images/img-RedeSociais.jpg) no-repeat; text-indent:-5000px; overflow:hidden; width:227px; height:20px }
.separacao-pontilhado{ background:  url(../images/bg-pagina.jpg) repeat-x 0 -115px; height:12px; display:block; float:left}
.setalaranja { background:url(../images/images-map.jpg) no-repeat -245px -42px; width:14px; height: 14px; display:block; float:left}
.box-alerta{ background:#FF9}
.bt-enviar{ background:url(../images/images-map.jpg) -409px -5px; width:98px; height:36px}
.estrelap1{ background:url(../images/images-map.jpg) -476px -203px; width:10px; height:8px; text-indent:5000px; overflow:hidden}
.estrelap2{ background:url(../images/images-map.jpg) -476px -203px; width:19px; height:8px; text-indent:5000px; overflow:hidden}
.estrelap3{ background:url(../images/images-map.jpg) -476px -203px; width:28px; height:8px; text-indent:5000px; overflow:hidden}
.estrelap4{ background:url(../images/images-map.jpg) -476px -203px; width:37px; height:8px; text-indent:5000px; overflow:hidden}
.estrelap5{ background:url(../images/images-map.jpg) -476px -203px; width:54px; height:8px; text-indent:5000px; overflow:hidden}

.estrelag1{ background:url(../images/images-map.jpg) -476px -186px; width:14px; height:13px; text-indent:5000px; overflow:hidden}
.estrelag2{ background:url(../images/images-map.jpg) -476px -186px; width:27px; height:13px; text-indent:5000px; overflow:hidden}
.estrelag3{ background:url(../images/images-map.jpg) -476px -186px; width:41px; height:13px; text-indent:5000px; overflow:hidden}
.estrelag4{ background:url(../images/images-map.jpg) -476px -186px; width:54px; height:13px; text-indent:5000px; overflow:hidden}
.estrelag5{ background:url(../images/images-map.jpg) -476px -186px; width:68px; height:13px; text-indent:5000px; overflow:hidden}
/************************************
GERAL, body, topo
************************************/

body { background:  url(../images/bg-pagina.jpg) repeat-x 0 -165px}

/*Principal e Geral*/

#principal {background: url(../images/bg-rodape.gif) repeat-x bottom; padding: 0 0 67px}

#geral { width:982px;margin:0 auto}

/*topo*/

#topo {
	display:block;
	float:left;
	height: 168px;
	width: 982px;
	padding: 22px 0 0;
	margin: 0 0 22px;
}


#topo h1 {float: left}

#topo h1 a {
	display:block;
	text-indent:-5000px;
	overflow: hidden;
	width:230px;
	height:98px;
	background: url(../images/images-map.jpg) 0 0;
	margin: 0
}

#bntopo{
	border:none;
	display:block;
	float: left;
	width:728px;
	height:90px;
	margin: 0 0 8px 24px
}

/*******************************
	menu - principal - topo
*******************************/

#menu-principal-topo {
	float: left;
	display: block;
	width: 404px;
	height: 42px;
	margin: 20px 0 0
}

#menu-principal-topo li {
	list-style: none;
	display: inline
}

#menu-principal-topo li a {
	font: 20px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	float:left;
	padding: 12px 30px 10px 0
}

#menu-principal-topo li a:hover {color:#ffde16}

#menu-principal-topo li.item-contato a {padding: 8px 0px 5px 0}

/*******************************
	busca
*******************************/
#busca-topo {
	display:block;
	float: left;
	width: 578px;
	margin: 17px 0 0
}

.form-topo-busca {
	background: url(../images/images-map.jpg) -11px -102px; 
	width: 578px;
	height: 54px;
	display:block;
	float: left
}

#busca-topo  .txtbusca {
	font: 16px;
	border: none;
	display:block;
	float:left;
	width: 454px;
	height:32px;
	margin: 10px 0 0;
	padding: 0 10px
}

#busca-topo input.botao-ok {
	float: left;
	display: block;
	width:102px;
	height:54px
}
/**********************************
	Conteudo - COLUNA 1
**********************************/
#conteudo{
	width: 982px;
	display: block;
	float: left
}

#conteudo div.box-conteudo {
	background: #FFF;
	width: 640px;
	float:left;
	display:block;
	margin: 0 0 20px
}

#conteudo h2.titulo-destaque{
	font: 27px/26px Georgia, "Times New Roman", Times, serif;
	color: #333;
	margin: 0 0 10px;
	display:block;
	padding:0 0 12px
}

#conteudo h2.titulo-destaque a {
	color: #000;
	display:block;
	padding:0 0 12px;
	border-bottom: solid 1px #ddd
}

#conteudo img.foto-destaque {
	width:640px;
	height:288px;
	float:left;
	margin: 0 0 5px
}

#conteudo .desc-destaque { font: 12px Arial, Helvetica, sans-serif;color: #999}


#conteudo h2.titulo-destaque a:hover {color: #f9a13a}

#conteudo .resumo-destaque {
	font:14px/1.5em Trebuchet MS;
	color:#636363;
	display:block;
	float:left;
	width:640px;
}

#conteudo .headingBox{ 
	font: normal 28px/32px  "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration:underline;
	display:block;
	float:left;
	border-bottom: solid 2px #ddd
}

#conteudo div.item-outros-destinos {
	border-left:solid 1px #ddd;
	margin: 0 0 15px;
	float:left;
	display:block;
	width:140px;
	padding: 0 12px 0 13px
}

#conteudo div.item-outros-destinos-l {/*Sem a margem da esquerda*/
	margin: 0 0 15px 1px;
	float:left;
	display:block;
	width:140px;
	padding: 0 12px 0 0
}

#conteudo div.item-outros-destinos-r {/*Sem a margem da esquerda*/
	border-left:solid 1px #ddd;
	margin: 0 1px 15px 0;
	float:left;
	display:block;
	width:140px;
	padding: 0 0 0 13px
}

#conteudo img.outros-destinos a{
	width:140px;
	height:105px;
	margin: 0 0 15px 0;
	display:block;
	float:left
}

#conteudo p.desc-outros-destaque {
	width:140px;
	font: 14px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 5px 0 0
}

#conteudo p a{ color: #666; float:left}

#conteudo p a:hover{ color: #f9a13a}

#conteudo a img{border:none}

/**********************************
	Sidebar - Coluna da Direita
**********************************/
#sidebar{
	width: 302px;
	display: block;
	height: auto;
	float: left;
	margin: 0 0 0 19px
}

#sidebar div.box-sidebar {
	width: 302px;
	float:left
}

#sidebar .boletim {
	background:url(../images/images-map.jpg) -2px -302px;
	width: 300px;
	height:42px;
	float:left
}

#sidebar  .boletim-email {
	font: 12px Tahoma, Geneva, sans-serif;
	background: transparent;
	border: none;
	display:block;
	float:left;
	width: 182px;
	height:32px;
	padding: 5px 5px 0 36px
}

#sidebar .boletim-btenviar {
	float: left;
	display: block;
	width:77px;
	height:40px
}


#sidebar ul.itens-estados-destinos { padding: 0}

#sidebar ul.itens-estados-destinos  li {display: block; float:left}

#sidebar ul.itens-estados-destinos  li a {
	font: 14px Tahoma, Geneva, sans-serif;
	color:#333;
	display: block;
	float:left;
	width: 143px;
	padding: 8px 0 8px 2px
}

#sidebar ul.itens-estados-destinos  li a:hover { color:#ffde16}


#sidebar ul.fotos-destinos {
	width: 302px;
	display:block;
	float:left;
}

#sidebar ul.fotos-destinos li.fotos-destinosa1 {
	background: url(../images/images-map.jpg) no-repeat -1px -187px;
	width:130px;
	height:104px;
	padding: 6px 10px 6px 8px;
	list-style: none;
	float:left;
	border-right:solid 1px #ededed;
	border-bottom:solid 1px #ededed
}

#sidebar ul.fotos-destinos li.fotos-destinosa2 { 
	background: url(../images/images-map.jpg) no-repeat -1px -177px;
	width:130px;
	height:104px;
	padding: 16px 10px 6px 8px;
	list-style: none;
	float:left;
	border-right:solid 1px #ededed
}

#sidebar ul.fotos-destinos li.fotos-destinosb1 {
	background: url(../images/images-map.jpg) no-repeat 11px -187px;
	width:130px;
	height:104px;
	padding: 6px 0 6px 20px;
	list-style: none;
	float:left;
	border-bottom:solid 1px #ededed
}

#sidebar ul.fotos-destinos li.fotos-destinosb2 {
	background: url(../images/images-map.jpg) no-repeat 12px -177px;
	width:130px;
	height:104px;
	padding: 16px 0 6px 21px;
	list-style: none;
	float:left
}

#sidebar a.mais-fotos {
	background:#ededed;
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#f9a13a;
	display:block;
	float:left;
	width: 150px;
	padding: 8px 0;
	text-align:center;
	margin: 10px 0 0
}

#sidebar a.mais-fotos:hover { text-decoration:underline; color:#333}

#sidebar div img.bn-300-250 { width: 300px; height: 250px}

/***************************
menu rodape
***********************/
#menu-rodape {
	background: #333;
	float: left;
	display: block;
	width: 942px;
	height: 42px;
	padding: 0 20px
}

#menu-rodape li { list-style: none; display: block}

#menu-rodape li a {
	font: bold 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	float:left;
	display: block;
	padding: 10px 0 5px 0;
	width:188px;
	text-align:center
}

#menu-rodape li a:hover { color:#ffde16}

/**********************************
	Rodapé
**********************************/
#rodape {
	clear:both;
	font:12px/23px Tahoma, Arial, Verdana;
	padding: 0;
	width: 922px;
}

#rodape p {
	border-top: solid 4px #555;
	font: 13px normal "Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#333;
	color:#fff;
	width: 982px;
	display:block;
	float:left;
	padding: 20px 0;
	text-align:center
}