/* CSS Document */
/* Ação Direta - CSS Por: Ação Direta Web Studio - Desenvolvimento e layout: Paulo Marcos Luft */

/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
*                                       { margin:0px; padding:0px;}
body                                    { background:#E9E9E4 url(../imagens/fundo-body.jpg) repeat-x; font-family:Tahoma, Arial; font-size:12px; }
div#container                           { width:980px; margin:0px auto; background: url(../imagens/fundo.jpg) no-repeat; }
div#content_left                        { width:225px; float:left }
div#wrapper                             { width:740px; float:left; margin-left:10px;  }
div#footer                              { width:980px; background:#F2F2F2; height:35px; position:relative; }
div#footer p                            { color:#012548; margin-left:5px; margin-top:10px; float:left; display:inline; }
div#footer img                          { color:#012548; position:absolute; top:7px; right:10px; }
div#footer .english               		{ float:right; margin-right:200px; }
form .campo_requer						{ border:solid 1px #333; }

/* ------>>> Títulos e textos <<<-----*/
p                                       { color:#012548; font-size:12px; }
li                                      { color:#012548; font-size:12px; }
h1                                      { color:#012548; font-size:18px; }
h2                                      { color:#012548; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; }
h3                                      { color:#012548; font-size:12px; width:140px; height:17px; background:url(../imagens/icone-lista.gif) 0px 3px no-repeat; padding-left:20px; margin:0px 0 0 20px; }
h4										{ color:#012548; font-size:22px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; background:url(../imagens/barra-titulo.gif) no-repeat; padding-left:30px; }
a                                       { color:#993333; text-decoration:none; }
a:hover                                 { color:#804040; }
img                                     { border:0px; }
hr                                      { display:none;}
fieldset                                { border:0px; }
.flotua_esquerda                        { float:left; padding-right:5px;  }
.flotua_direita                         { float:right;  }

/* -----------------------------------*/
/* -------->>> conteúdo <<<-----------*/
/* -----------------------------------*/

div#logo                                { width:225px; height:120px; background:#fff; }
div#logo img                            { float:left; margin:10px 0 0 10px; }
div#logo h1                             { float:left; width: 125px; margin:40px 0 0 10px; }
div#content_left ul#menu                { margin:20px 0 20px 20px;  }
div#content_left ul#menu li             { list-style:none; background: url(../imagens/barra-menu.gif) no-repeat; width:129px; height:18px; padding:3px 5px 5px 25px; margin:5px; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif;  }
div#content_left ul#menu li a           { color:#012548; }
div#content_left ul#menu li a:hover     { font-weight:bold; font-size:12px; }
div#content_left ul#menu li a.link_ativo{ font-weight:bold; font-size:12px; }

div#titulo                              { background: url(../imagens/fundo-titulo.png) no-repeat; width:740px; height:45px; }
div#titulo img                          { float:right; margin:0 10px 0 0; }
div#titulo object						{ float:left; margin:0 0px 0 5px; display:inline; }
div.slidershow                          { margin:10px 0 0 0; border:3px solid #B8C2C7; width:505px; height:290px;}
div.slidershow img                      { background:#B8C2C7; padding:3px; }
div#pacotes                             { background: url(../imagens/fundo-pacotes.png); width:510px; height:135px; padding-top:15px; margin-top:10px; }

div#pacotes ul.hover_block              {margin:10px 0 0 30px; width:475px;}
div#pacotes ul.hover_block li           {list-style:none; float:left; background: #fff; padding: 3px; _padding-right:0px; width:135px; height:90px; position:relative; margin-right:15px; font-family:Georgia, "Times New Roman", Times, serif; }

div#pacotes ul.hover_block li p			{ text-align:center; }

div#pacotes ul.hover_block li a         {display: block; position: relative; overflow:hidden; height: 60px; width: 105px; padding: 16px;}
div#pacotes ul.hover_block li img       {position: absolute;top: 0;left: 0;border: 0;}
div.aba                                 { background: url(../imagens/fundo-reserva.gif) no-repeat; width:215px; height:18px; margin-top:10px; padding-top:10px }

div.reservas                            { background:#E1DBB0; width:205px; height:260px; padding: 10px 5px 5px 5px; }
div.reservas-2                          { float:left; background-color:#EFEBD1; width:475px; padding: 10px 5px 5px 30px; }
div.reservas-2 label					{ width:220px; display:block; float:left; padding-left:10px; letter-spacing:1px; color:#012548; } 
div.reservas-2 input					{ width:220px; margin-bottom:3px; }
div.reservas-2 input.radio 				{ width:40px; margin-bottom:3px; margin-left:20px; }
div.reservas-2 input.checkbox 				{ width:40px; margin-bottom:3px; margin-left:20px; }
div.reservas-2 select					{ width:220px; margin-bottom:2px; }
div.reservas-2 textarea					{ width:220px; margin-bottom:2px; }
div.reservas-2 input#enviar				{ width:100px; margin-left:140px; _margin-left:143px; border:none; margin-right:10px; }

div.eventos	                            { background:#E1DBB0; width:205px; height:140px; padding: 10px 5px 5px 5px; }
div.restaurante	                        { background:#E1DBB0; width:205px; height:315px; padding: 10px 5px 5px 5px; }
div.eventos td                          { width:100px; height:20px; border-bottom:solid 1px #BFB677;}

div.reservas fieldset p                 { color:#012548; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin-top:10px; margin-bottom:5px; float:right; }
div.reservas label						{ width:95px; float:left; display:block; text-align:right; padding-right:10px; line-height:17px; font-size:11px; }
div.reservas input						{ width:95px; margin-bottom:2px; }
div.reservas select						{ width:97px; margin-bottom:2px; }
div.reservas input#enviar				{ margin-left:105px; _margin-left:107px; width:97px; border:none; color:#333333; font-weight:bold; }

div#endereco                            { width:195px; height:140px; background:url(../imagens/fundo-endereco.png) no-repeat; margin:25px 0 0 0; padding:10px 0 0 20px}
div#endereco h3                         { margin:0;}
div#endereco-2                          { width:195px; height:140px; background:url(../imagens/fundo-endereco.png) no-repeat; padding:10px 0 0 20px}

div.trans_conteudo                      { background:url(../imagens/fundo-conteudo.png); }
div.trans_conteudo ul                   { margin-left:50px; }
div.trans_conteudo ul li                { list-style:square; }



/* ----->>>>> formulario <<<<<-------- */
input, textarea, select                 { border: 1px solid #CCCCCC; }
input#enviar                            { width:130px; height:30px; background:#CFCAA8; border: 1px solid #ccc; color:#003366; }


div#first-step							{ background:url(../imagens/reservas-fundo.png) no-repeat right; }



/* ----->>>>> GALERIA ACOMODAÇÕES <<<<<-------- */

#galeria	{ width:500px; float:left; }


#preview_wrap {
	margin: 0 auto;
	padding: 22px;
	width: 463px; 
	height: 336px;
	background: url('../imagens/bg_preview.png') top left no-repeat;
}
 
#preview_outer {
	overflow: hidden;
	width: 463px;
	height: 336px;
	position: relative;
}
 
#preview_inner {
	text-align: left;
	height: 100%;
	position: relative;
}
 
#preview_inner div {
	float: left;
	width: 463px;
	height: 336px;
	position: relative;
}
 
#preview_inner div a {
	position: absolute;
	bottom: 0;
	left: 0;	
	display: block;
	width: 100%;
	text-indent: 20px;
	padding: 20px 0;
	color: #fff;
	background: url(../imagens/bg_trans.png);
	text-decoration: none;
	font-size: 18px;
}
 
#thumbs {
	margin:0 auto;
	padding-top: 30px;
	position: relative;
	text-align: center;	
		width:500px;
	
}
 
#thumbs span {
	padding: 12px;
	width: 64px;
	height: 64px;
	float:left;
	cursor: pointer;
	background: url('../imagens/bg_thumb.png') top left no-repeat;
	display: inline-block;
}
 
#arrow {
	position: absolute;
	top: -13px;

	_display:none;
	background: url('../imagens/bg_arrow.png') top center no-repeat;
	width: 104px;
	height: 39px;
	display: none;
}




/* =-=-=-=-=-=-=-[Menu Three]-=-=-=-=-=-=-=- */


	
a:link {
	color: #76B0D5;
	text-decoration: none;
	}
	
a:visited {
	color: #7B878F;
	text-decoration: none;
	}
	
a:hover, a:active {
	color: #2399E5;
	}
	
	
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

	
#menu3 {
		padding-top:30px;
		width:215px;
		}
	
#menu3 li a {
  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu3 li a:link, #menu3 li a:visited {
	color: #000033;
	display: block;
	background: url(../imagens/menu3.gif);
	padding: 8px 0 0 30px;
	}
	
#menu3 li a:hover, #menu3 li a:active {
	color: #283A50;
	background: url(../imagens/menu3.gif) 0 -32px;
	padding: 8px 0 0 30px;
	}

#menu3 li a.last_hover						{ background:url(../imagens/menu3-2.gif) no-repeat top left !important; font-weight:bold; }	
#menu3 li a.last_hover:hover				{ background:url(../imagens/menu3-2.gif) no-repeat bottom left !important; color:#00406F; font-weight:bold; }	
	

/* FORMS */
.campos										{ padding:3px; font-size:12px; font-weight:bold; color:#333; border-top:1px solid #404040; border-right:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; border-left:1px solid #404040; }

/* INTERNAS */
div.internas								{ border:1px solid #DDD; border-width:0 1px; overflow:auto; padding:20px; }
div.rounded									{ height:13px; background:url(../img/rounded-internas.png) no-repeat 0 bottom; }
	
	/* FORMULÁRIO TENHO INTERESSE */
	form#form-orcamento						{ display:none; padding:20px; width:276px; background:#FFF; border:3px solid #CCC; position:absolute; z-index:99; left:50%; margin-left:158px; top:60px; }
	form#form-orcamento .close				{ position:absolute; margin:-15px 0 0 270px; }	
	/* FORMULÁRIO ENCAMINHAR PR EMAIL */
	#form-orcamento	 label					{ width:120px; }
	#form-orcamento	 input					{ border:solid 1px #009999; }
	#form-orcamento	 textarea 				{ border:solid 1px #009999; }	
	#form-orcamento	 label.esquerda			{ width:100px; float:left; display:block; }
	#form-orcamento	 label.float			{ width:120px; float:left; display:block; }
	#form-orcamento	 input.bt-enviar		{ border:solid 1px #000033; }	
	
	
	
div#pag-pacotes ul              {margin:10px 0 0 30px; width:675px;}
div#pag-pacotes ul li           {list-style:none; float:left; _padding-right:0px; width:200px; height:83px; position:relative; margin-right:15px; }
div#pag-pacotes ul li p			{ text-align:center; }
div#pag-pacotes ul li a         {display: block; position: relative; overflow:hidden; height: 83px; width: 194px; border: solid 5px #f0edd8 !important;}
div#pag-pacotes ul li a:hover   {display: block; position: relative; overflow:hidden; height: 83px; width: 194px;  border: solid 5px #897712 !important;}
div#pag-pacotes ul li img       {position: absolute;top: 0;left: 0;}


fieldset#form_contato			{width:500px; float:left; }
form#fale_conosco label			{ width:120px; margin-top:5px; height:15px; padding-top:3px; float:left; }
form#fale_conosco input			{ width:370px; margin-top:5px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
form#fale_conosco textarea		{ width:375px; margin-top:5px; border: solid 1px #CCC; background:#E6E6E6; }
form#fale_conosco #enviar		{ width:70px; margin-left:120px; background:#E6E6E6; border: solid 1px #CCC; color:#666; letter-spacing:2px; height:25px; }
form#fale_conosco #limpar		{ width:70px; margin-left:120px; background:#E6E6E6; border: solid 1px #CCC; color:#666; letter-spacing:2px; height:25px; }
form#fale_conosco .campo_requer	{ border:solid 1px #900; }
form#fale_conosco select		{ width:155px; margin-top:5px; padding:2px; border: solid 1px #CCC; background:#E6E6E6; }
div#contatos					{ width:350px; height:150px; margin-left:30px; float:left; text-align:center; }

form#fale_conosco div.radio		{ width:370px; float:left; margin-top:5px; }
form#fale_conosco div.radio input{ width:10px; background:none; border:none; margin:0px; }
form#fale_conosco div.radio label{ vertical-align:middle; margin:0px }

/* Mensagem form */
p.ok						{ width:740px; height:35px; background:#94AD7A; color:#fff; text-align:center; }
p.unok						{ width:740px; height:35px; background: #990000; color:#fff; text-align:center; }

#second-step td  { border:solid 1px #EFECD1;}

a.next		{ margin-left:10px; font-size:14px; color:#000099;}
a.prev		{ font-size:14px; color:#000099; }