/* ###########################################

Formatação geral, aplicado a todas as páginas

########################################### */

* {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
}

body {
	margin: 0;
	background-color: #b40001;
}

img {border: none;}

a {
	color: #613f17;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}
a:hover {color: #c60;}

h2 {
	font-size: 16px;
	color: #613f17;
	text-align: center;
	position: absolute;
}

hr {display: none;}




/* ###########################################

Estrutura (todas as páginas)

########################################### */

/* ============================== */
/* Div Principal
/* ============================== */

div#principal {
	position: relative;
	width: 900px;
	height: 602px;
	margin: 0 auto;
	background: url(imagens/borda_meio.gif) 0 0 repeat-y;
}



/* ============================== */
/* Logotipo
/* ============================== */

div#logotipo {
	width: 346px;
	height: 140px;
	padding: 0 277px;
	background-color: #b40001;
}
div#logotipo a img {
	width: 346px;
	height: 140px;
}



/* ============================== */
/* Borda Superior
/* ============================== */

div#borda_superior {
	width: 900px;
	height: 15px;
	background: url(imagens/borda_superior.gif) 0 0 no-repeat;
	overflow: hidden;
}



/* ============================== */
/* Borda Inferior
/* ============================== */

div#borda_inferior {
	width: 900px;
	height: 15px;
	background: url(imagens/borda_inferior.gif) 0 0 no-repeat;
	overflow: hidden;
}



/* ============================== */
/* Conteúdo
/* ============================== */

div#conteudo {
	position: relative;
	width: 840px;
	height: 402px;
	margin: 0 15px;
	padding: 15px;
	overflow: hidden;
}




/* ###########################################

Página Inicial (index.htm)

########################################### */

/* ============================== */
/* Imagem de fundo: Menu
/* ============================== */

div.pag_index {background: url(imagens/img_index.gif) 0 0 no-repeat;}



/* ============================== */
/* Link - Entrar
/* ============================== */

div#principal div#link_entrar {
	position: absolute;
	top: 0;
	left: 0;
	width: 900px;
	height: 602px;
	z-index: 10000;
}
div#principal div#link_entrar a {
	display: block;
	width: 900px;
	height: 602px;
	text-indent: -9999px;
}



/* ============================== */
/* Texto index (oculto)
/* ============================== */

div.pag_index p {display: none;}



/* ============================== */
/* Informações (rodapé)
/* ============================== */

div#principal div#info {
	position: absolute;
	bottom: -20px;
	width: 900px;
}
div#principal div#info p,
div#principal div#info p a {
	text-align: center;
	font-size: 11px;
	color: #fff;
}
div#principal div#info p a {font-weight: normal;}
div#principal div#info p a:hover {text-decoration: underline;}




/* ###########################################

Página: menu.htm

########################################### */

/* ============================== */
/* Imagem de fundo: Menu
/* ============================== */

div.pag_menu {background: url(imagens/img_menu.jpg) 0 0 no-repeat;}



/* ============================== */
/* Menu
/* ============================== */

div#conteudo ul#menu li {text-align: center;}
div#conteudo ul#menu li a {font-size: 16px;}
div#conteudo ul#menu li#menu_empresa {padding: 20px 0 40px;}
div#conteudo ul#menu li#menu_produtos {padding-bottom: 40px;}




/* ###########################################

Página: armazem.htm

########################################### */

/* ============================== */
/* Imagem de fundo: O Armazém
/* ============================== */

div.pag_armazem {background: url(imagens/img_armazem.jpg) 0 0 no-repeat;}



/* ============================== */
/* Texto: Armazém. Palavra que...
/* ============================== */

div#conteudo p#texto_armazem {
	position: absolute;
	top: 105px;
	left: 24px;
	width: 200px;
	height: 110px;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
}



/* ============================== */
/* Texto: Brazileiro com "Z"
/* ============================== */

div#conteudo p#texto_brazileiro_com_z {
	position: absolute;
	top: 302px;
	left: 24px;
	width: 200px;
	height: 75px;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
}



/* ============================== */
/* Texto: Apresentação
/* ============================== */

div#conteudo p#texto_apresentacao_1,
div#conteudo p#texto_apresentacao_2,
div#conteudo p#texto_apresentacao_3,
div#conteudo p#texto_apresentacao_4 {
	position: absolute;
	left: 265px;
	width: 575px;
	font-size: 12px;
	text-align: justify;
	line-height: 16px;
	text-indent: 30px;
}
div#conteudo p#texto_apresentacao_1 {
	top: 40px;
	height: 115px;
}
div#conteudo p#texto_apresentacao_2 {
	top: 152px;
	height: 100px;
}
div#conteudo p#texto_apresentacao_3 {
	top: 168px;
	height: 15px;
}
div#conteudo p#texto_apresentacao_4 {
	top: 184px;
	height: 100px;
}




/* ###########################################

Página: produtos.htm

########################################### */

/* ============================== */
/* Imagem de fundo: Produtos
/* ============================== */

div.pag_produtos {background: url(imagens/img_produtos.jpg) 0 0 no-repeat;}



/* ============================== */
/* Links dos Produtos
/* ============================== */

div#conteudo p.links {
	position: absolute;
	width: 150px;
	height: 18px;
	text-align: right;
	line-height: 18px;
}
div#conteudo p.links a {
	color: #b40001;
	font-size: 14px;
}
div#conteudo p.links a:hover {color: #c60;}

/* ---------------------- */
/* Link: Cracker
/* ---------------------- */

div#conteudo p#cracker {
	top: 87px;
	left: 497px;
	text-align: left;
}

/* ---------------------- */
/* Link: Pão de Minuto
/* ---------------------- */

div#conteudo p#pao_de_minuto {
	top: 240px;
	left: 0;
}

/* ---------------------- */
/* Link: Pão de Queijo
/* ---------------------- */

div#conteudo p#pao_de_queijo {
	top: 307px;
	left: 89px;
}

/* ---------------------- */
/* Link: Biscoito de Queijo
/* ---------------------- */

div#conteudo p#biscoito_de_queijo {
	top: 390px;
	left: 200px;
}

/* ---------------------- */
/* Link: Minibolos
/* ---------------------- */

div#conteudo p#minibolos {
	top: 250px;
	left: 723px;
	text-align: left;
}




/* ###########################################

Páginas:

 - cracker.htm
 - pao_de_minuto.htm
 - pao_de_queijo.htm
 - biscoito_de_queijo.htm

########################################### */

/* ============================== */
/* Título dos produtos
/* ============================== */

div#conteudo h2#produtos_titulo {
	top: 30px;
	left: 196px;
	width: 210px;
	height: 25px;
}



/* ============================== */
/* Texto (Descrição) dos produtos
/* ============================== */

/* ---------------------- */
/* Não contém glúten...
/* ---------------------- */

div#conteudo p#not_contain {
	position: absolute;
	top: 122px;
	left: 10px;
	width: 174px;
	height: 48px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
	color: #f00;
}

/* ---------------------- */
/* cracker.htm
/* ---------------------- */

div.pag_cracker p#texto_1 {
	position: absolute;
	top: 90px;
	left: 196px;
	width: 210px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div.pag_cracker p#texto_2 {
	position: absolute;
	top: 320px;
	left: 196px;
	width: 210px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}

/* ---------------------- */
/* pao_de_minuto.htm
/* ---------------------- */

div.pag_pao_de_minuto p#texto_1 {
	position: absolute;
	top: 90px;
	left: 201px;
	width: 200px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div.pag_pao_de_minuto p#texto_2 {
	position: absolute;
	top: 250px;
	left: 201px;
	width: 200px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}

/* ---------------------- */
/* pao_de_queijo.htm
/* ---------------------- */

div.pag_pao_de_queijo p#texto_1 {
	position: absolute;
	top: 90px;
	left: 196px;
	width: 210px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div.pag_pao_de_queijo p#texto_2 {
	position: absolute;
	top: 270px;
	left: 196px;
	width: 210px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div.pag_pao_de_queijo p#texto_3 {
	position: absolute;
	top: 300px;
	left: 196px;
	width: 210px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}

/* ---------------------- */
/* biscoito_de_queijo.htm
/* ---------------------- */

div.pag_biscoito_de_queijo p#texto_1 {
	position: absolute;
	top: 60px;
	left: 193px;
	width: 216px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div.pag_biscoito_de_queijo p#texto_2 {
	position: absolute;
	top: 255px;
	left: 193px;
	width: 216px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div.pag_biscoito_de_queijo p#texto_3 {
	position: absolute;
	top: 310px;
	left: 193px;
	width: 216px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div.pag_biscoito_de_queijo p#texto_4 {
	position: absolute;
	top: 350px;
	left: 193px;
	width: 216px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}



/* ============================== */
/* Foto dos produtos
/* ============================== */

div#conteudo div#foto {
	position: absolute;
	top: 0;
	right: 0;
	width: 432px;
	height: 432px;
}
div#conteudo div#foto img {display: none;}

/* ---------------------- */
/* cracker.htm
/* ---------------------- */

div.pag_cracker div#foto {background-image: url(imagens/cracker.jpg);}

/* ---------------------- */
/* pao_de_minuto.htm
/* ---------------------- */

div.pag_pao_de_minuto div#foto {background-image: url(imagens/pao_de_minuto.jpg);}

/* ---------------------- */
/* pao_de_queijo.htm
/* ---------------------- */

div.pag_pao_de_queijo div#foto {background-image: url(imagens/pao_de_queijo.jpg);}

/* ---------------------- */
/* biscoito_de_queijo.htm
/* ---------------------- */

div.pag_biscoito_de_queijo div#foto {background-image: url(imagens/biscoito_de_queijo.jpg);}



/* ============================== */
/* Minifoto dos produtos
/* ============================== */

div#conteudo div#minifoto {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: 134px;
	height: 181px;
	z-index: 999;
}




/* ###########################################

Página: minibolos.htm

########################################### */

/* ============================== */
/* Imagem de fundo: Minibolos
/* ============================== */

div.pag_minibolos {background: url(imagens/img_minibolos.jpg) 0 0 no-repeat;}



/* ============================== */
/* Título: Minibolos
/* ============================== */

div#conteudo h2#minibolos_titulo {
	top: 25px;
	left: 77px;
	width: 220px;
	height: 25px;
}



/* ============================== */
/* Texto: Minibolos
/* ============================== */

div#conteudo p#texto_minibolos {
	position: absolute;
	top: 50px;
	left: 77px;
	width: 220px;
	height: 140px;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}



/* ============================== */
/* Lista dos Minibolos
/* ============================== */

div#conteudo ul#lista_minibolos {
	position: absolute;
	top: 105px;
	left: 80px;
}
div#conteudo ul#lista_minibolos li {
	font-size: 12px;
	line-height: 19px;
	height: 19px;
	padding-left: 15px;
	background: url(imagens/menu_symbol.gif) 0 0 no-repeat;
}



/* ============================== */
/* Imagens dos Minibolos (oculto)
/* ============================== */

div.pag_minibolos img {display: none;}




/* ###########################################

Página: contato.htm

########################################### */

/* ============================== */
/* Título: Contato
/* ============================== */

div#conteudo h2#contato_titulo {
	top: 110px;
	left: 115px;
	width: 600px;
	height: 25px;
	text-align: left;
}



/* ============================== */
/* Texto do contato
/* ============================== */

div#conteudo p#texto_contato_1 {
	position: absolute;
	top: 145px;
	left: 115px;
	width: 600px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div#conteudo p#texto_contato_2 {
	position: absolute;
	top: 210px;
	left: 115px;
	width: 600px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div#conteudo p#texto_contato_3 {
	position: absolute;
	top: 240px;
	left: 115px;
	width: 600px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div#conteudo p#email {
	position: absolute;
	top: 270px;
	left: 115px;
	width: 600px;
	height: auto;
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
}
div#conteudo p#email a {font-size: 16px;}



/* ============================== */
/* Mapa de Localização
/* ============================== */

div#conteudo h2#mapa_titulo {
	top: 108px;
	right: 30px;
	width: 200px;
	height: 25px;
	text-align: center;
	font-size: 12px;
}
div#conteudo div#mapa {
	position: absolute;
	top: 138px;
	right: 30px;
	width: 200px;
	height: 156px;
}
div#conteudo div#clique {
	position: absolute;
	top: 298px;
	right: 30px;
	width: 200px;
	height: auto;
	text-align: center;
	font-size: 11px;
	color: #613f17;
}



/* ###########################################

Páginas: Todas (exceto index.htm e menu.htm)

########################################### */

/* ============================== */
/* Botão Voltar
/* ============================== */

div#conteudo div#voltar {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 55px;
	height: 59px;
	z-index: 1000;
}
div#conteudo div#voltar a {
	display: block;
	width: 55px;
	height: 59px;
	background-image: url(imagens/botao_voltar.gif);
	background-position: 0 0;
	text-indent: -9999px;
}
div#conteudo div#voltar a:hover {background-position: 0 -59px;}