/* CSS Document */
* {padding:0; margin:0;}
body { padding:0; margin:0;  background:url(imagens/fundo_corpo.gif) #E0DFD8 repeat-x ; font-family: Arial; font-size:12px; color:#666; }
a {	text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#000;}
img {border:0;}
hr {border:1px dotted #CCCCCC; margin:20px 0 10px 0;}
form {margin:0}
select, input {	font-family:Arial;	font-size:11px;	margin-top:3px; border:1px solid #CCC; color:#333; }
input:hover, select:hover   { background-color:#FFFFD9; color:#333;  }
input:focus, select:focus { background-color:#FFFFD9; color:#333; font-weight:bold;}

label { padding-right:10px; padding-top:3px; display: block; font-size:11px; text-align:right;	float: left; height:20px; }

H2, H3, H4 {margin:20px 0 10px 0; color:#666; font-family:'Century Gothic' Arial; }
H2 a, H3 a, H4 a {color:#666;}
H2 { line-height:24px; }
H3 { line-height:20px; }
H4 { line-height:18px; }

ul {margin:20px 0 20px 30px;  }

.tarifa{ padding:5px; background-color:#4885bb; color:#FFF; font-weight:bold; line-height:30px; }

/* ------------------ elementos de form ------------------*/

#topo {	margin:0 auto; width:1000px; height:165px;	margin-left:auto; margin-right:auto; }
#topo-logo{	width:578px; height:162px; text-align:right; float:left; }
#topo-imagens{	width:172px; height:162px; float:right;}
#hotel-topo{ width:190px; height:74px;	margin-top:57px; float:right; }

#investidores-topo{	width:172px; height:34px; float:right;}

#menu {	margin:0 auto;	height:34px; width:1000px;	background:url(imagens/fundo_menu.gif) bottom repeat-x;  }
#menu ul{padding:0px; margin:0 0 0 110px; }
#menu li{display:block;	float: left; padding-left: 25px; height:30px; }
#meio {	margin:0 auto; height:250px; width:775px;}

/*  CONTEÚDO PRNCIPAL */

#conteudo { margin:0 auto; width:1000px;  padding:20px 0px 30px 0px; background:url(imagens/listras.gif) #f0efec right repeat-y;  }
#conteudo:after{ content:"."; display:block; clear:both; visibility:hidden; height:0; overflow:hidden; }

#bemvindo{ width:270px; height:235px; margin:0px 0px 0px 30px; float:left; line-height:18px; text-align: justify; border-bottom:1px solid #CCC; background:#FFF; display:inline;  }
#bemvindo #idCidade { margin-left:10px; width:250px; }
#banner{ width:640px; height:236px; margin:0px 0px 0px 30px;  float:left; background-color:#CCCCCC; }

#coluna_esquerda, #coluna_centro{ margin-left:30px; display:inline;   }

#reservas, #noticias, #nohotel, #estrutura, #areadocliente, #news { padding-bottom:5px; line-height:18px; border-bottom:1px solid #CCC; background: #FFF;  margin-top:30px;   }

#coluna_esquerda{ width:270px; float:left; }
#coluna_esquerda #reservas{	 height:210px;  }
#coluna_esquerda #nohotel{ background-color:#FFF;  }
#coluna_esquerda #nohotel #topicos { margin:10px 0px 10px 0px; }
#coluna_esquerda #nohotel #topicos #item { margin:0px 10px 0px 10px;  background-color:#f1eee7; border-bottom:1px solid #FFF;  }
#coluna_esquerda #nohotel #topicos img{ vertical-align:middle; padding:0px 10px 0px 15px; }

#coluna_centro{	width:410px; float:left; }
#coluna_centro #estrutura{  padding:0px; height:280px; }
#coluna_centro #estrutura img{ width:180px; height:120px;   padding:2px; border:1px solid #CCC; margin:0px 0px 0px 10px; float:left; line-height:0px;   }
#coluna_centro #estrutura #descritivo {  margin:10px;  float:left; width:180px; margin-bottom:20px; }
#coluna_centro #noticias{  padding-bottom:0; margin-bottom:0px; }
#coluna_centro #noticias hr { border-bottom:1px #CCC; height:0px; margin:10px 0px 10px 0px;  }
#coluna_centro #noticias #legenda { border:1px solid #ccc; background:#999; padding:0 4px 0 4px; }
#coluna_centro #noticias #legenda a{ color:#FFF; }

#coluna_direita{ float:left; width:200px; margin-left:30px;}
#coluna_direita #areadocliente{	height:165px;  }
#coluna_direita #news{  height:165px; background-color:#FFF; }
#coluna_direita #banners{ margin-top:12px; }
#coluna_direita #banners img{ margin-top:16px; height:94px; width:198px; border:1px solid #CCC; }

#descritivo{ margin:10px; }

#reservas_confirma,#reservas_consulta{ padding:10px 0px 10px 0px; margin-top:10px; 	padding:0px 10px 0px 10px; background:#FFF; width:225px; display:table; }
#reservas_texto {float:right;  margin:10px 0px 30px 0px; display:inline;   }
#reservas_texto #conteudo_texto {width:605px; }

#contato_texto { float:left; width:250px; margin:10px 0 0 30px; display:inline; }
#contato_form {float:left; width:345px; margin:10px 0 0 30px; display:inline; clear:both;}
#contato_trabalhe {float:left; width:285px; margin:10px 0 0 30px; display:inline; clear:both;}
#contato_texto #conteudo_texto, #contato_form #conteudo_texto, #contato_trabalhe #conteudo_texto{ margin:0;}

#noticias_texto { float:left; width:630px;  margin:10px 0 0 0;}
#noticias_texto #conteudo_texto { width:550px;}
#noticias_texto  #legenda{ border:1px solid #ccc; background:#999; padding:8px; margin:0 -10px 0 0; color:#FFF; }
#noticias_texto  #legenda a{ color:#FFF; }

#noticias_imagem { float:right; width:300px; margin:10px 30px 0 0; display:inline;}

/* CONTEÚDO INTERNAS */

/* conteudo - texto.php /  estrutura */
#conteudo-esquerda {  margin:0px 0px 30px 30px; float:left; width:200px; display:inline; }
#conteudo-direita { float:right; width:768px; display:inline;  }
#conteudo-direita #legenda{ border:1px solid #ccc; background:#999; padding:8px; margin:10px 30px 0 0; color:#FFF; }
#conteudo-direita #legenda a{ color:#FFF; }
#conteudo-direita #texto_conteudo_emer { margin-left:30px;  background-color:#FFF; padding: 15px 15px 15px 15px; width:678px;}
#conteudo-direita #texto_conteudo_emer_not { margin-left:30px;  background-color:#FFF; padding: 15px 15px 15px 15px; width:578px;}
#conteudo-direita #texto_conteudo_emer_cont { margin-left:30px;  background-color:#FFF; padding: 15px 15px 15px 15px; width:578px;}
#conteudo-esquerda #descritivo { margin:10px 10px 10px 10px; }

/* conteudo - demais páginas */
#conteudo_texto{ padding:10px 30px 30px 30px ; margin:0 30px 0 30px;  background:#FFF; line-height:18px; height:100%; display:table; width:882px; }
#conteudo_texto #googleearth { padding:20px; border:1px solid #ccc; }
#conteudo_texto #esquerda{ width:300px; margin-top:10px; float:left; clear:left;  display:inline;}
#conteudo_texto #direita{ margin:10px 0 0 30px; float:right; width:548px; display:inline; }

#conteudo .reserva {background:#FFF;}

#socioambiental { border:#CCC 1px solid; height:170px; padding: 10px; display: block; }
#socioambiental H3 { margin:5px 0 10px 0 ; padding:0; }

#areadocliente_menu { border:none; padding:0; margin:10px 0 0 0;}
#areadocliente_menu li { list-style-type:none; }
#areadocliente_menu a {background-color:#666;  padding:10px; width:225px; text-align:left; display:block;  font-size:10px; color:#CCC; line-height:18px; }
#areadocliente_menu a:hover{background-color:#C00; color:#FFFFFF; text-decoration:none; padding:10px; width:225px; text-align:left; display:block; font-size:10px;  line-height:18px;  }


/* Títulos da Principal */
#titulo-bege, #titulo-vermelho, #titulo-azul, #titulo-laranja {
	display:block; color:#333333; font-size:18px; font-weight:bolder;	padding:10px 0px 10px 10px;	margin-bottom:10px;	border-bottom:1px dotted; font-family:'Century Gothic'; }
	
/* Títulos das Secundárias */
#titulo-sec-bege, #titulo-sec-azul, #titulo-sec-vermelho, #titulo-sec-laranja {
  margin:0px 30px 0px 30px; padding:10px 0px 5px 30px; line-height:40px; font-size:22px; font-weight:bolder; border-bottom:1px dotted; background:#FFF; font-family:'Century Gothic';  }

#titulo-bege, #titulo-sec-bege,#titulo-bege a, #titulo-sec-bege a,#titulo-bege a:hover, #titulo-sec-bege a:hover { border-color:#929083; color:#929083; }
#titulo-azul, 		#titulo-sec-azul { border-color:#4885bb; color:#4885bb; }
#titulo-vermelho, 	#titulo-sec-vermelho  { border-color:#d63232; color:#d63232; }
#titulo-laranja, 	#titulo-sec-laranja { border-color:#f09300; color:#f09300; }

#pontinhado {margin: 5px; border-bottom:1px dotted #CCC; }
#legenda{ text-align:right; float:right; color:#999; font-size:10px; margin-right:15px; }	
#legenda  a { color:#999; }

.texto-cinza { color:#3e3d3a; font-weight:normal; text-align:justify; }
.texto-cinza a { color:#3e3d3a; }
.texto-cinza-pequeno { font-size:9px; color:#FFF; }
.texto-cinza-pequeno-fundo {font-size:9px; background-color:#999; color:#FFF; padding:2px 4px 2px 4px ; margin:0px 5px 0px 0px; }

.texto-vermelho { color:#78150a; text-align:justify; }
.texto-vermelho a { color:#78150a; }

.texto-azul { color:#4885bb; text-align:justify; }
.texto-azul a { color:#4885bb; }

.texto_pequeno { font-size:11px; }

.botao-cliente a{ width:80px; }
.botao a, .botao-cliente a { float:right;  margin:10px 10px 10px 5px; padding:3px 0px 3px 0; background-color:#666; font-size:10px; color:#CCC; text-align:center; display:inline-block; line-height:18px;}
.botao a:hover, .botao-cliente a:hover {color:#FFFFFF;  background-color:#C00; text-decoration:none; padding:3px 0px 3px 0; display:inline-block; }


.borda_img{	border:#CCC 1px solid;	padding:2px; margin:0px 8px 10px 8px;}

.tablePedidos {	background:#F7F7F7;	font-family:Arial;	font-size:11px; }
.tablePedidos th { text-align:left; font-size:12px; padding:5px;  }
.tablePedidos td { background:#EBEBEB; padding:5px;}

#rodape {clear:both; width:1000px; margin:0 auto; height:110px; background:url(imagens/fundo_rodape.gif) top repeat-x; color:#FFF; font-size:9px;}
#rodape a{ font-size:10px; color:#FFF; text-decoration:none;   }
#rodape a:hover{ text-decoration:underline; }
#rodape #nav { padding:20px 0px 0px 20px; float:left; }
#rodape #nav ul { float:left; margin:0px 0px 10px 40px; line-height:20px; list-style-type:circle; }

#rodape-grupo{  float:right; padding:35px 30px 0px 0; }
#rodape-final { width:1000px; margin:0px auto;  }
#rodape-final #direitos{ clear:both; float:left; font-size:9px; padding:15px;  }
#rodape-final #assinatura{ clear:right; float:right; padding:15px;  }