@CHARSET "UTF-8";

/* IE-Firefox Hack básico */
* { margin: 0px; padding: 0px; }
img { border: 0px; }
/* Fim do hack básico */

/* CSS Basico */
body {
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 10pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #000;
	background: url(../imagens/bg.jpg) left top repeat-x #f9f4e0;
}

/* CSS da Estrutura Geral */
#body {
	width: 824px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#topo {
	width: 820px;
	height: 205px;
	margin: 14px 1px 0px 3px;
	text-align: center;
}

#corpo {
	width: 100%;
	/*text-align: left;*/
}

/* CSS do Conteudo */

	#esquerda {
		width: 180px;
		float: left;
	}

	/* CSS do menu */
	.menu {
		width: 180px;
		text-align: left;
		color: #000;
		font-family: Times, Courier_New;
		font-size: 13pt;
		font-style: italic;
		font-weight: bold;
	}
	
	.menu ul {
		list-style-type: none;
		/*margin-left: 20px;*/
	}
	
	.menu ul li {
		width: 180px;
		height: 50px;
		margin-bottom: 5px;
		background: url(../imagens/botao.jpg) center top no-repeat;
		text-align: center;
		display: block;
	}
	
	.menu ul li a {
		color: #000;
		text-decoration: none;
		display: block;
		padding-top: 15px;
		padding-bottom: 12px;
	}
	
	.menu ul li a:hover {
		color: #0093dd;
	}
	
/* CSS da newsletter */
	#menuNewsletter {
		width: 180px;
		list-style-type: none;
	}
	
	#menuNewsletter li {
		width: 180px;
		text-align: left;
	}
	
	#menuNewsletter .menuNewsSubscribe {
		text-align: right;
	}
	
	.inputMail {
		width: 180px;
	}
	
	/* CSS dos extras do menu */
	
	#ideia {
		width: 180px;
		margin: 30px auto 20px auto;
	}
	
	.banner {
		margin: 10px auto 10px auto;
		text-align: center;
	}

	/* CSS do conteudo central */
	#conteudo {
		width: 560px;
		margin-right: 16px;
		float: right;
		text-align: center;
		font-size: 9pt;
	}

	/* CSS do conteudo central */
	#conteudo {
		width: 560px;
		margin-right: 16px;
		float: right;
		text-align: center;
		font-size: 9pt;
	}
	
	.preTexto {
		width: 560px;
		margin-bottom: 10px;
		clear: both;
		text-align: justify;
	}
	
	.preTexto p {
		margin-top: 20px;
	}
	
	.preTexto a {
		/*text-decoration: none;*/
		color: #000;
	}
	
	.preTexto a:hover {
		/*text-decoration: underline;*/
		color: #0093dd;
	}
	
	.preTexto img {
		margin: 0px 10px 5px 0px;
		float: left;
	}
	
	.preTexto img.imagemPreTexto {
		height: 100px;
	}
	
	.preTexto img.imagemPreTexto2 {
		height: 150px;
	}
	
	.preTexto h1 {
		font-size: 12pt;
		color: #0093dd;
		font-weight: normal;
		padding-top: 10px;
		margin-bottom: 5px;
	}
	
	.preTexto h1.preH1 {
		border-bottom: 1px solid #0093dd;
	}
	
	.titulo {
		width: 100%;
		font-size: 14pt;
		font-weight: bold;
		font-family: Times, Courier_new;
		font-style: italic;
		margin-bottom: 10px;
		color: #000;
		border-bottom: 1px solid #000;
		text-align: left;
	}
	
	.subtitulo {
		width: 100%;
		font-size: 13pt;
		font-weight: bold;
		font-family: Times, Courier_new;
		font-style: italic;
		margin-bottom: 10px;
		color: #8e6b48;
		border-bottom: 1px solid #8e6b48;
		text-align: left;
		text-indent: 20px;
	}
	
	#rodapecorpo {
		width: 100%;
		clear: both;
	}
	
	/* CSS do cardapio */
	
	.tituloPrato {
		width: 100%;
		height: 37px;
		font-size: 12pt;
		font-weight: bold;
		font-family: Times, Courier_new;
		font-style: italic;
		margin-bottom: 10px;
		color: #000;
		text-align: left;
	}
	
	.pratoNome {
		height: 29px;
		padding-top: 8px;
		margin-right: 10px;
		float: left;
	}
	
	.pratos {
		list-style: url(../imagens/marcador.gif) none inside;
		margin-left: 30px;
		margin-bottom: 30px;
	}
	
	.pratos li {
		text-align: left;
	}
	
	.pratos li a {
		color: #000;
	}
	
	.pratos li a:hover {
		color: #0093dd;
	}
	
	.snip {
		margin-bottom: 30px;
	}
	
	.aviso {
		padding: 20px 0px 20px 0px;
		margin-bottom: 30px;
		border: 2px solid #000;
		text-align: center;
	}
	
	.rodapeTexto {
		width: 100%;
		height: 28px;
		margin-top: 20px;
		background: url(../imagens/bgRodapeTexto.jpg) center top no-repeat;
		border-bottom: 2px solid #000;
	}

	/* CSS da paginacao */
	#paginacao {
		width: 100%;
		text-align: center;
		margin: 0px auto 0px 0px;
		padding-top: 10px;
		padding-bottom: 15px;
		font-size: 10pt;
		font-weight: bold;
	}
	
	#paginacao a {
		text-decoration: none;
		color: #000;
	}
	
	#paginacao a:hover {
		color: #00f;
		text-decoration: none;
	}
	
	.ativo {
		color: #09F;
	}
	.desativado {
		color: #ccc;
	}

/* CSS do rodape */
#rodape {
	width: 100%;
	clear: both;
	height: 40px;
	margin: 0px auto 0px auto;
	padding: 0px;
	font-size: 8pt;
	color: #c6c6c6;
	font-weight: bolder;
}

#rodapeinterno {
	width: 820px;
	height: 40px;
	margin: 0px auto 0px auto;
	clear: both;
}

#rodapeesquerda, #rodapedireita {
	width: 300px;
	height: 40px;
	float: left;
	text-align: left;
}

#rodapedireita a, #rodapeesquerda a {
	color: #c6c6c6;
	text-decoration: none;
}

#rodapedireita a:hover {
	text-decoration: underline;
}

#rodapecentro {
	width: 220px;
	height: 12px;
	padding-top: 8px;
	float: left;
}