/*-------------------------------------      ATENÇÃO !!!   ------------------------------------*/
/*------------- A formatação das barras de rolagem está no arquivo scroolbars.css -------------*/



/*------------- ELEMENTOS PRINCIPAIS -------------*/
body, h1, h2, h3, h4, h5, h6, form, dl, ul, li, ol, dt, dd, p, address, img{
	margin:0px;
	padding:0px;
	border:none;
}
html{
	height: 100%;
	background:url(pattern.gif); /* fundo pattern */
}
body{
	height:100%;
	background-image:url(sombra_principal.gif); /* fundo com a sombra da caixa principal */
	background-repeat:no-repeat;
	background-position:50% 50%;
	font:normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}
ul, ol{
	list-style:none;
}
a{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

p{
	margin:15px 0 20px;
	clear:both;
}
#flash{
	margin:-10px 0 0 45px;
}

/*
.galeria_estacao{
	font:normal normal 11px Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	list-style: none;
	background: transparent;
}*/


/*--------- header ----------*/
h1{
	background:#A40000 url(header.jpg) no-repeat top right;
	border-bottom:1px solid #FFFFFF;
}
h1 a{
	width:178px;
	height:96px;
	background:url(logo.gif) no-repeat top center;
	display:block;
	border-right:1px solid #FFFFFF;
	text-indent:-5000px;
	overflow:hidden;
}
/*------------- CONTEUDO -------------*/
#conteudo{
	width:776px;
	height:433px;
	background:#0B0B0B url(arabescos.gif) no-repeat 25px 95px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-222px 0 0 -389px; /* essas medidas devem ter a metade do tamanho do conteudo. OBS:o tamanho do elemento rodapé(address), pode interferir na medida final */
}
#conteudo h2{
	width:25px;
	height:300px;
	border-right:1px solid #FFFFFF;
	background:url(lateral.gif) no-repeat top left;
	float:left;
}
/*--------- centro: o conteudo de texto à direita ----------*/
#centro{
	height:300px;
	overflow:auto;
}
#centro h3{
	font-size:13px;
	font-weight:bold;
	margin:0 0 15px;
}
#centro ul{
	width:48%;
	float:left;
}
#centro ul li{
	background:url(bullet_seta.gif) no-repeat 2px 7px;
	padding:3px 0 3px 10px;
}
#centro dl{
	margin:0;
}
#centro dl dt{
	font-weight:bold;
	margin:0 0 10px;
	padding:0;
	border-bottom:1px dashed #FFFFFF;
}
#centro h4{
	font-size:11px;
	font-weight:bold;
	margin:0 0 10px;
	padding:0;
	border-bottom:1px dashed #FFFFFF;
}
#centro dl dd{
	background:url(bullet_seta.gif) no-repeat 2px 7px;
	padding:3px 0 3px 10px;
}
.coluna_esq{
	width:270px;
	margin:0 20px 0 0;
	float:left;
}
.coluna_esq_b{
	width:330px;
	float:left;
}
.coluna_dir{
	width:210px;
	float:right;
}
/*--------- menu de galerias ----------*/
#coluna_dir_b{
	width:160px;
	float:right;
}
#coluna_dir_b dl{
	margin:0 0 10px 0;
}
#coluna_dir_b dl dt{
	font-size:12px;
	width:155px;
	float:none;
	margin:0 0 10px 0;
	padding:0;
	border:none;
}
#coluna_dir_b dl dt a{
	font-weight:normal;
	padding:0 0 0 12px;
}
#coluna_dir_b dl dd{
	background:none;
	margin:2px 0;
	padding:0;
}
/*--------- padding para o item "Prazeres da Mesa ao Vivo" ----------*/
#coluna_dir_b dl dd span{
	margin:0 9px;
	border:1px solid #0B0B0B;
}
/*--------- galerias com fotos e ícone de cãmera ----------*/
#coluna_dir_b dl dd a{
	background:url(camera.gif) no-repeat 2px 6px;
	padding:3px 0 3px 18px;
	font-weight:normal;
}
/*--------- itens se galerias de fotos ----------*/
#coluna_dir_b dl .sem_galeria{
	padding:0 0 0 18px;
}
/*--------- seta para a direita ----------*/
.galeria_off dt a{
	background:url(off.gif) no-repeat 2px 4px;
}
/*--------- esconder itens ----------*/
.galeria_off dd{
	display:none;
}
/*--------- mostrar itens ----------*/
.galeria_on dd{
	display:block;
}
/*--------- seta para baixo ----------*/
.galeria_on dt a{
	background:url(on.gif) no-repeat 2px 6px;
}
.galeria_on dd a:hover{
	text-decoration:underline;
}
/*--------- localização ----------*/
#centro #local{
	width:145px;
	font-size:9px;
	margin:0;
	float:right;
}
#centro #local li{
	padding:5px 0;
	background:transparent;
	border-bottom:1px dotted #FFFFFF;
}
#centro #local li span{
	padding:0 4px 2px;
	background:#FF0000;
	border:1px solid #730000;
}
/*------------- MENU PRINCIPAL-------------*/
ol{
	width:155px;
	margin:70px 0 0 10px;
	float:left;
}
ol li{
	width:150px;
}
ol li a{
	width:90%;
	display:block;
	background:url(bullet_cruz.gif) no-repeat 2px 11px;
	padding:6px 0 6px 12px;
}
ol li .ativado{
	color:#C3C3C3;
}
ol li a:hover{
	text-decoration:underline;
}
/*--------- texto ----------*/
#texto{
	width:555px;
	padding:20px 0 0 0;
	float:left;
}
.email{
	font-weight:bold;
}


/*------------- RODAPÉ -------------*/
address{
	height:25px;
	padding:10px 0 0 0;
	font-style:normal;
	text-align:center;
	border-top:1px solid #FFFFFF;
	background:#0B0B0B;
}