@charset "utf-8";
/* CSS CASADOBROWNIE.COM.BR  */

/* zerando css */
html, body, div, span, object, iframe, h4, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, img {
	margin: 0px;
	padding: 0px;
	border: 0px;
	list-style: none;
	text-decoration: none;
	font-style: normal;
}
p, h4, h3, h2, h1 {
	margin: 0;
	padding: 0;
	border: 0;
}
/* links */
a {	
	color: #2f0000;
}
a:hover { text-decoration: underline; }
a img {	border: none; }
a#block {
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}
a#block2 {
	width: 100%;
	height: 100%;
	display: block;
}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #2f0000;
	background: url(img/bg.jpg) repeat;
	padding: 10px 0;
}

div#principal {
	width: 900px;
	margin: 0 auto;
	border: 2px solid #b9901c;
	display: table;
	background: url(img/bg-princ.jpg) repeat;
}

/* PAG BARRA */
div#pag-barra {
	width: 100%;
	height: 14px;
	float: left;
	background: url(img/bg-barra.jpg); /*IE6*/
}

/*---HEADER---*/
div#header {
	width: 100%;
	display: table;
	float: left;
}
	/* HEADER MENU */
	div#header-menu {
		width: 100%;
		height: 44px;
		display: table;
		float: left;
		background: url(img/header-menu-bg.jpg) repeat-x #1B1515;
	}
	
		/*MENU UL*/
		ul#menu-header {
			height: 44px;
			padding: 0 2px;
			float: left;
		}
		ul#menu-header li {
			display: inline;
			height: 44px;
			float: left;
			padding: 0 46px;
		}

	/* HEADER FLASH */
	div#header-flash {
		width: 100%;
		height: 288px;
		float: left;
		_background: url(img/header-flash-bg.jpg); /*IE6*/
	}
	/*IE6*/
	div#header-flash object {
		_display: none;
	}

/*---CORPO---*/
div#corpo {
	width: 100%;
	display: table;
	float: left;
}
	
		
/*---FOOTER---*/
div#box-footer {
	width: 100%;
	display: table;
	float: left;
}
/*------------------FOOTER------------------*/
div#footer { width: 876px; display: table; float: left; font-size: 10px; padding: 12px; }
div#footer p { padding: 1px 0;}
div#footer-dest { width: 550px; float: left;}

	/*DESENVOLVEDOR*/
	div#footer div#desenvolvedor { width: 64px; float: right; margin: 16px 0 0; }
	div#footer div#desenvolvedor a { text-decoration: none; }
	.web { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #1E3C88; }
	.maker { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #FABF0E; }

/*CLASS*/
.style-text {
	line-height: 170%;
	text-align: justify;
}
.style-text2 {
	line-height: 190%;
	text-align: justify;
	font-size: 12px;
}
.style-emails {
	font-size: 10px;
	line-height: 150%;
	text-align: justify;
}
.saiba-mais {
	font-weight: bold;
	text-align: right;
	padding-top: 10px;
}


/*-------- HOME --------*/

	/* BOX CARDAPIO */
	div#home-box-cardapio {
		width: 100%;
		float: left;
		display: table;
	}
		div#home-tit {
			width: 100%;
			float: left;
			text-align: center;
			padding: 10px 0;
		}
		div#home-banners-cardapio {
			float: left;
			text-align: center;
			padding: 10px 7px 20px;
		}
			div#home-banners-cardapio-ind {
				width: 195px;
				height: 146px;
				float: left;
				padding: 0 50px;
			}

	/* BOX EMPRESA */
	div#home-box-empresa {
		width: 100%;
		float: left;
		display: table;
		height: 203px;
		background: url(img/home-empresa.jpg) no-repeat;
	}
		/*TEXT*/
		div#home-empresa-text {
			width: 240px;
			float: right;
			padding: 63px 37px 0 0;
		}

	/* BOX CONTATO */
	div#home-box-contato {
		width: 100%;
		float: left;
		display: table;
		height: 240px;
		background: #F8F9FD url(img/home-contato.jpg) no-repeat bottom right;
	}
		/* CONTATO CONTAINER */
		div#home-contato-container {
			width: 220px;
			float: left;
			padding: 25px 0 0 30px;
		}
		
		div#home-contato-text {
			float: left;
			padding: 10px 0;
		}

/*-------- PAG EMPRESA --------*/
	div#pag-empresa {
		width: 100%;
		height: 440px;
		float: left;
		background: url(img/bg-empresa.jpg) left no-repeat;
	}

		div#container-empresa {
			width: 435px;
			float: right;
			padding: 20px 20px 0 0;
		}
			div#empresa-tit {
				width: 100%;
				float: left;
				text-align: left;
				padding-bottom: 10px;
			}

/*-------- CONTATO --------*/
div#container-contato {
	width: 780px;
	float: left;
	padding: 30px 60px
}
	div#mapa-contato {
		width: 351px;
		height: 298px;
		float: left;
	}
	
	
	div#contato-inf {
		width: 390px;
		float: right;
		padding-top: 20px;
	}
	
		div#contato-text {
			width: 100%;
			float: left;
			padding-top: 30px; 
		}
		
		div#contato-logo {
			width: 100%;
			height: 134px;
			float: left;
			background: url(img/logo-contato.jpg) no-repeat center top;
		}

/*-------- CARDAPIO --------*/
div#corpo-cardapio {
	width: 862px;
	float: left;
	padding: 10px 19px;
}
	/*ABAS*/
	ul#cardapio-abas {
		width: 869px;
		height: 44px;
		float: left;
		padding-left: 13px;
	}
	ul#cardapio-abas li {
		display: inline;
		width: 124px;
		height: 44px;
		float: left;
	}
	ul#cardapio-abas li#bt-doces {
		background: url(img/bt-doces.jpg) no-repeat bottom;
	}
		ul#cardapio-abas li#bt-doces:hover {
			background: url(img/bt-doces.jpg) no-repeat top;
		}
	
	ul#cardapio-abas li#bt-salgados {
		background: url(img/bt-salgados.jpg) no-repeat bottom;
	}
		ul#cardapio-abas li#bt-salgados:hover {
			background: url(img/bt-salgados.jpg) no-repeat top;
		}
	
	/*CONTAINER*/
	div#cardapio-container {
		width: 100%;
		float: left;
		background: #fef3e0;
		display: table;
	}
		/*TOP*/
		div#cardapio-top {
			width: 100%;
			height: 27px;
			float: left;
			background: url(img/cardapio-top-bg.jpg);
		}
		div#cardapio-top-left {
			width: 24px;
			height: 27px;
			float: left;
			background: url(img/cardapio-top-left.jpg);
		}
		div#cardapio-top-right {
			width: 24px;
			height: 27px;
			float: right;
			background: url(img/cardapio-top-right.jpg);
		}
		
		/*CENTER*/
		div#cardapio-center {
			width: 100%;
			height: 516px;
			float: left;
			display: table;
		}
		div#cardapio-center-left {
			width: 24px;
			float: left;
			height: 100%;
			display: table;
			background: url(img/cardapio-center-left.jpg) repeat-y;
		}
		div#cardapio-center-container {
			width: 814px;
			float: left;
			display: table;
		}
		div#cardapio-center-right {
			width: 24px;
			float: right;
			height: 100%;
			display: table;
			background: url(img/cardapio-center-right.jpg) repeat-y;
		}
		
		/*BOTTOM*/
		div#cardapio-bottom {
			width: 100%;
			height: 27px;
			float: left;
			background: url(img/cardapio-bottom-bg.jpg);
		}
		div#cardapio-bottom-left {
			width: 24px;
			height: 27px;
			float: left;
			background: url(img/cardapio-bottom-left.jpg);
		}
		div#cardapio-bottom-right {
			width: 24px;
			height: 27px;
			float: right;
			background: url(img/cardapio-bottom-right.jpg);
		}
		
			/*CARDAPIO CONTEUDO*/
			div#cardapio-conteudo {
				width: 770px;
				margin: 0 auto;
				height: 498px;
				border: 1px solid #2f0000;
				padding: 8px;
				background: #fff;
			}
			
				/*DOCES*/
				.cardapio-doces {
					float: left;
					padding: 5px;
				}
				.style-doces {
					text-align: justify;
					line-height: 150%;
				}
					/*colunas*/
					.style-doces1 {
						width: 135px;
					}

					.style-doces2 {
						width: 125px;
					}
					
					.style-doces3 {
						width: 212px;
						padding: 5px 10px 5px 5px;
					}
					
					.style-doces4 {
						width: 253px;
					}
					
					div#tit-doces {
						width: 237px;
						padding: 7px;
						background: #fef1d9;
						text-align: center;
					}
					div#img-doces {
						padding: 8px 0;
					}


				/*SALGADOS*/
				.cardapio-salgados {
					float: left;
					padding: 5px;
					line-height: 145%;
				}
					/*colunas*/
					.style-salgados1 {
						width: 172px;
					}

					.style-salgados2 {
						width: 150px;
					}
					
					.style-salgados3 {
						width: 152px;
					}
					
					.style-salgados4 {
						width: 256px;
						height: 490px;
						float: right;
						background: url(img/img-salgado.jpg) right no-repeat #fff;
					}





