/* CSS de configuração do boxs do site nao para o cliente*/
/*congiguraçoes do boby*/
body {
	margin:0px;
	font: 12px Arial, Helvetica, sans-serif;
	background-color: #D2C1A3;
}

a{
	color: #663300;
	font-weight: bold;
	text-decoration: none;
}
a:hover{
	color: #FF9900;
}

.titulo{color:#000; font-weight:bold; margin:10px 0px; background-color:#EEE; height:20px; line-height:20px; padding-left:5px;}

#submenu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}


.button {
color:#000000;
cursor: pointer;
cursor: hand;
height:20px;
font-weight:bold;

border:1px solid #663300;
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#e5e5e5');
}

/*Box de centralização*/
#box_100 {
	width:100%;
	position: relative;
}
#box_779 {
	width:779px;
}

/*congiguraçoes do box principal*/
#box_principal {
	float:left;
	width:779px;
	border: #663300 1px solid;
}

/*Cabeçalho*/
#box_top{
	float:left;
	width:140px;
	height:176px;
	background:url(../img/img_top.jpg) no-repeat;
}
#box_top2{
	float: left;
	width: 639px;
	overflow:hidden;
	height: 100px;
	background-color:#000000;
}
#box_banner{
	vertical-align:top;
	float: left;
	width: 639px;
	height: 150px;
	background: url(../img/img_banner.jpg) no-repeat;
}
#box_interno_top{
	margin-right: 10px;
	position: absolute;
	left: 480px;
	top: 142px;
	width: 280px;
	height: 34px;
/*	font-weight: bolder; */
	color: #541D0A;
}
#texto_link_box_interno_top a{
	font-weight:bolder;
	color:#541D0A;
	text-decoration:none;
}


/*box_conteudo, contem todos os boxs referentes aos conteudos do site (box_galeria_fotos, box_reserva, box_servico)*/
#box_centro_conteudo{
	float:left;
	width:779px;
	margin-bottom:5px;
}
#box_conteudo{
	float:left;
	width:639px;
}
#box_conteudo #conteudo{
	float: left;
	width: 615px;

	padding: 10px;
	background: url(../img/img_fundo_conteudo.jpg) repeat-y;
	
	font-size:10px;
	font-family:Arial, Helvetica, Verdana;
}
#box_conteudo #conteudo div{
	
}

#box_conteudo #rodape{
	float:right;
	width:639px;
	height:14px;
	background: url(../img/rodape_conteudo.jpg) no-repeat;
	/* Correção do bug dos comentários para o IE 6.X*/
	_margin-top:-8px;
}


/**/
#box_rodape{
	float: left;
	position: relative;
	width: 779px;
	height: 100px;
}

#titulo{
	font: bolder 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 6px;
	
}
#texto_branco_bolder{
	font: bolder 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 6px;
	color: #FFFFFF;
}


/**/
#box_menu_lateral{
	float: left;
	width: 140px;
	min-height: 40px;
}
#box_menu_lateral #top{
	float: left;
	width: 140px;
	background: url(../img/cab_menu_principal.jpg) no-repeat;
	height: 41px;
}
#box_menu_lateral #conteudo{
	float: left;
	width: 140px;
	background: url(../img/fundo_box_principal.jpg) repeat-y;
}
#box_menu_lateral #rodape{
	float: left;
	width: 140px;
	background: url(../img/rodape_box_principal.jpg) no-repeat;
	height: 14px;
}
/**/


#box_generico{
	float: left;
	width: 140px;
	min-height: 40px;
	color: #541D0A;
}
#box_generico #top{
	float: left;
	width: 140px;
	background: url(../img/barrasup_boxlista.jpg) no-repeat;
	height: 15px;
}
#box_generico #conteudo{
	float: left;
	width: 140px;
	background: url(../img/fundo_box_principal.jpg) repeat-y;
	padding-top: 10px;
	padding-bottom: 10px;
}
#box_generico #rodape{
	float: left;
	width: 140px;
	background: url(../img/rodape_box_principal.jpg) no-repeat;
	height: 14px;
}

#box_generico a{
font-weight:bolder;
	color:#541D0A;
	text-decoration:none;
}

#box_generico a:hover{
text-decoration:underline
}

/**/
#box_coluna1{
	float: left;
	width: 140px;
}

/*Caixa dos Afiliados*/
#box_afiliados{
	float: left;
	width: 138px;
	overflow-x:hidden;
	
}

#box_afiliados #top2{
	float: left;
	width: 138px;
	background: url(../img/topo_filiadas.jpg) no-repeat;
	height: 41px;
}
#box_afiliados #conteudo2{
	float: left;
	width: 138px;
	height: 70px;
	background: url(../img/fundo_box_news.jpg) repeat-y;
}
#box_afiliados #rodape2{
	float: left;
	width: 138px;
	background: url(../img/rodape_box_news.jpg) no-repeat;
	height: 14px;
}


/*Caixa dos Enquete*/
#box_enquete{
	float: left;
	width: 138px;
}

#box_enquete #top3{
	float: left;
	width: 138px;
	background: url(../img/topo_enquete.jpg) no-repeat;
	height: 41px;
}
#box_enquete #conteudo3{
	float: left;
	width: 138px;

	background: url(../img/fundo_box_news.jpg) repeat-y;
}

#box_enquete #conteudo3 a{
    color:white;
	font: bolder 11px Verdana, Arial, Helvetica, sans-serif;
}

#box_enquete #conteudo3 a:hover{
	text-decoration:underline;
}

#box_enquete #rodape3{
	float: left;
	width: 138px;
	background: url(../img/rodape_box_news.jpg) no-repeat;
	height: 14px;
}

/*Caixa da Newsletter*/
#box_newsletter{
	float: left;
	width: 100px;
	min-height: 40px;
}
#box_newsletter #top{
	float: left;
	width: 140px;
	background: url(../img/cab_box_news.jpg) no-repeat;
	height: 41px;
}
#box_newsletter #conteudo{
	float: left;
	width: 140px;
	background: url(../img/fundo_box_news.jpg) repeat-y;
}
#box_newsletter #rodape{
	float: left;
	width: 140px;
	background: url(../img/rodape_box_news.jpg) no-repeat;
	height: 14px;
}
#box_newsletter #texto{
	padding: 4px;
}
#box_newsletter #form_newsletter{
	padding: 6px;
	padding-left: 15px;
}

/* Pesquisa de fundações */
#alfabeto
{
	float:left;
	width:100%;
	height:25px;
	background-color:#ECE5D3;
	padding-top:10px;
	_margin-top:20px;
	margin-bottom:10px;
	display:none;
}
#letras{
	margin-left:5px;
}

#letras li{
	display:inline;
	margin-left:11px;
}

#letras a{
	font-size:12px;
	font-weight:bold;
	color:#541D0A;
}

#div_apresentacao{
	_margin-top:20px;
}

#div_link,
#div_listagem{
	float:left; 
	clear:both; 
	width:600px;
	margin-top:20px;
	font-size:12px;
	font-weight:bold;
}

#div_pesquisa{
	width:600px;
}

/* Formulário associe-se */
#div_fora
{
	width: 600px;
	height: 500px;
	background-color:#ECE5D3;
}
#div_dentro
{
	width:auto;
	height:490px;
	border-style:groove;
	border-color:white;
}
#div_linha
{
	width:575px;
	height:20px;
	margin: 3px 3px 3px 3px;
	padding: 1px 3px 3px 3px;
}
#esquerda
{
	float:left;
}
#direita
{
	float:right;
}

/* Enquete */
#janela_enquete {
	position:absolute;
	top:200px;
	left:300px;
	z-index:2000;
	float:left;
	width: 245px;
	padding: 8px;
	background-color:#CAB892;
	display:none;
	border:2px #996600 solid;
}
#janela_enquete div{
	float:left;
}

#janela_enquete #titulo{
	width:100%;
	height:25px;
	margin-bottom:10px;
	text-align:left;
	color:#000;
	font-weight:bold;
	border-bottom:2px #996600 solid;
}

#janela_enquete #dados_enquete{
	width:100%;
}

#janela_enquete #pergunta{
	width:98%;
	text-align:justify;
	font-size:13px;
	color: #000;
	font-weight:bold;
}

#janela_enquete .resposta{
	clear:left;
	width:98%;
	padding-top:10px;
	text-align:left;
	font-size:12px;
	color: #000;
	font-weight:normal;
}
#janela_enquete .resposta input{
	margin-right:5px;
}

#janela_enquete #votar{
   width:100%;
	padding-top:10px;
}

#enq_resultado #barra_resultado{
	clear:both;
	height:20px;
	background-color:#000000;
	background:url(../img/enquete/barra_enquete.jpg) left center no-repeat;
}

#janela_enquete #enq_resultado{
	display:none;
}

#enq_resultado #percentual_resultado{

}

/* Formulário contato */ 
#formulario
{
width:400px;
height:500px;
background-color:#DDCFA6;
border-style:outset;
border-width:2px;
border-color:#F8F8F8;
padding: 10px 10px 10px 10px;
margin: 10px 10px 10px 10px;
}
#form_campo
{
width:350px;
height:20px;
border-style:outset;
border-width:2px;
border-color:#DDCFA6;
padding: 0px 3px 2px 3px;
margin: 5px 5px 5px 5px;
}
#form_campo2
{
width:350px;
height:20px;
border-style:outset;
border-width:2px;
border-color:#DDCFA6;
padding: 0px 3px 3px 3px;
margin: 5px 5px 5px 5px;
}
#campo_descricao
{
float:left;
}
#campo_caixa
{
float:right;
}
#texto_area
{
padding: 3px 3px 3px 3px;
margin: 5px 5px 5px 5px;
}

/* Formulários */
.campos_formulario{
	
}

.campos_formulario input{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #F1EBDA;
	border: 1px solid #4B1F02;
}

.campos_formulario select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #F1EBDA;
	border: 1px solid #4B1F02;
}

.campos_formulario div{
	margin-bottom:5px;
}

.campos_formulario div input{
	width:auto;
	margin-right:10px;
	_margin-right:5px;
}

.campos_formulario div select{
	width:auto;
	margin-right:10px;
	_margin-right:5px;
}

#observacao{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight:bold;
	color:#4B1F02;
	text-align:center;
	
	float:left;
	width:98%;
	
	margin-bottom:5px;
}

#separador{
	width:99%;
	height:3px;
	clear:both;
	padding-top:10px;
	_padding-top:0px;
}

/* CSS de configuração dos menu do site */
/*menu superior*/
#menu_horizontal{
	float: left;
	width: 639px;
	height: 30px;
	background: url(../img/fundo_menu_hor.jpg) no-repeat;
}

/* Primeiro item do menu*/
#menu_horizontal #primeiro{
	padding-left:0px;
	background:none;
}

/*Itens do menu superior*/
#menu_horizontal ul{
	margin: 0px;
	padding: 0px;
	padding-left:65px;
}
#menu_horizontal li{	
	position: relative;
	padding-left: 18px;
	font: bolder 11px Verdana, Arial, Helvetica, sans-serif;
	color: #ECE5D3;
	list-style: none;
	line-height: 31px;
	padding-top: 9px;
	padding-bottom:10px;
	display:inline;
	background: url(../img/separador_menu_hor.jpg) 0px 2px no-repeat;
}
#menu_horizontal li a{
	color: #ECE5D3;
	text-decoration: none;
}
#menu_horizontal li a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

/* MENU ESQUERDO */
.menu {
	width:115px; 
	position:relative;
	font-family: arial, sans-serif; 
	font-size:11px;
	z-index:100;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:115px; w\idth:115px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

.menu img {vertical-align:top; border:none;}

.menu ul {
	padding:0; 
	margin:0; 
	list-style-type:none;
}

.menu li {position:relative;}

.menu a, 
.menu a:visited {
	display:block;
	text-decoration:none; 
}
/* style the top level hover */
.menu a:hover, 
.menu ul ul a:hover{color:#541D0A; background:#F6C87D;}

.menu :hover > a, 
.menu ul ul :hover > a {color:#541D0A; background:#F6C87D;}

.menu ul li {
	width: 111px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:14px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #541D0A;
	text-align:left;
	/*background: url(../img/separador_menu_principal.jpg) no-repeat 0px 11px;*/
	border-bottom: 1px #F6C87D solid;
}

.menu ul li.ultimo {
	border:none;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	top:2px;
	left:111px; 
	background-color:#FFF;
	border:1px #BD7B0D solid;
	border-left: 15px #F6C87D solid;
	margin-top:-5px;
}

/* position the third level flyout menu */
.menu ul ul ul{
	left:169px; 
	_left:161px; 
	top:4px; 
	width:149px;
	z-index:101;
}

.menu ul ul li{
	width: 150px;
	margin-left:10px;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFF;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #541D0A;
	text-align:left;
	border-bottom: 1px #F6C87D solid;
}
.menu ul ul li.ultimo{
	border:none;
}
/* style the second level links */
.menu ul ul a, 
.menu ul ul a:visited {
	width: 150px;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* FIM MENU SUPERIOR */



/*Caixa dos Enquete*/
#enquete_popup{
	float: left;
	width: 250px;
}

#enquete_popup #topo{
	float: left;
	width: 250px;
	background: url(../img/enquete_topo.jpg) no-repeat;
	height: 41px;
}
#enquete_popup #conteudo{
	float: left;
	width: 250px;
	position:relative;
	min-height: 170px;
	_height: 170px;
    padding-left:10px;
	color:white;
	clear:both;
	background: url(../img/funda_enquete.jpg) repeat-y;
}

#enquete_popup #botoes{
	float: left;
	width: 250px;
	height:20px;
    padding-left:10px;
	color:white;
	background: url(../img/funda_enquete.jpg) repeat-y;
}

#enquete_popup #botoes a{
	color:white;
	font-weight:bold;
	text-decoration:underline;
}

#enquete_popup #rodape{
	float: left;
	width: 250px;
	background: url(../img/rodape_enquete.jpg) no-repeat;
	height: 14px;
}