@charset "utf-8";
/* 
<! ----------------------------------------------------------------
<! -------------      WWW.JFIGUEIREDO.COM.BR         --------------
<! ------------- JFIGUEIREDO STUDIO WEB DESIGN       --------------
<! ------------- E-MAIL: CONTATO@JFIGUEIREDO.COM.BR  --------------
<! -------------      TEL (11) 9823-1944             --------------
<! ----------------------------------------------------------------
<
CSS Document */

	/* FORMATAÇÃO DO BODY */
	
	body { background-image: url(../images/bg.png);
	background-repeat:repeat;

	}
	
	body,td,th {
		font-family: Arial, Verdana, Helvetica, sans-serif;
	}
	
	*{margin:0px; 
	  padding:0px;}
  
			/* FORMATAÇÃO DO CONTEUDO DO SITE */  
			  
				/* criação da estrutura da moldura principal */
				#principal{
	width:800px;
	height:900px;
	margin:auto;
	position:relative;
	top:5px;
	background-color: #FFFFFF;
					
				}
								
				/* criação da estrutura do banner */			
				#top_left{
	width:319px;
	height:151px;
	/*background-color: #CCCCCC; */
				background-color: none;
	position:absolute;
	top:1px;
	left:471px;
	z-index: 1;
				}
					
				/* criação da estrutura do banner2 */			
				#top_right{
	width:800px;
	height:170px;
	background-color: none;
	position:absolute;
	top:0px;
	left:0px;
	z-index: 0;
				}	
											
											
					/* criação da estrutura line top */			
					#top_line{
	width:800px;
	height:20px;
	background-image: url(../images/bar_2.gif);
	position:absolute;
	top:151px;
	left:0px;
	z-index: 0;
					}	
					
	/* criação da estrutura line top */			
	#top_line_curva{
	width:800px;
	height:35px;
	position:absolute;
	top:175px;
	left:0px;
	z-index: 1;
	background-color: #055528;
					}	
						
									
				/* criação da estrutura do menu */
	#menu_topo{
	width:800px;
	height:27px;
	position:absolute;
	top:180px;
	left:0px;
	z-index: 2;
	background-color: #055528;
				}
				
				/* criação da estrutura do menu lateral */	 
				#menu_lateral{
	width:95px;
	height:75px;
	background-image: none;
	position:absolute;
	top:243px;
	left:303px;
	z-index: 1;
	}
								
								
								
	/* criação da estrutura do menu lateral */	 
	#figura1{
	width:45px;
	height:80px;
	background-image: none;
	position:absolute;
	top:413px;
	left:0px;
	z-index: 2;
	background-color: #00913e;
	
	}
	
		/* criação da estrutura do menu lateral */	 
	#figura2{
	width:417px;
	height:206px;
	background-image: none;
	position:absolute;
	top:210px;
	left:0px;
	z-index: 1;
	}
		#figura3{
	width:800px;
	height:167px;
	background-image: url(../images/nova_curva.png);
	position:absolute;
	top:306px;
	left:0px;
	z-index: 100;
	}
	#figura4{
	width:800px;
	height:41px;
	position:absolute;
	top:851px;
	left:0px;
	z-index: 101;
	}
	
	#figura5{
	width:200px;
	height:155px;
	position:absolute;
	top:213px;
	left:420px;
	z-index: 0;
	}

	#figura6{
	width:800px;
	height:41px;
	position:absolute;
	top:837px;
	left:0px;
	z-index: 101;
	}
	#figura7{
	width:156px;
	height:148px;
	position:absolute;
	top:216px;
	left:638px;
	z-index: 0;
	}
				
	#contador{
	width:250px;
	height:54px;
	background-color: #FFFFFF;
	position:absolute;
	top:716px;
	left:10px;
	z-index: -1;
	}
				
				
				/* criação da estrutura do conteudo */	 
	#main_fundo_conteudo{
	width:800px;
	height:478px;
	background-color: #055528;
	position:absolute;
	top:422px;
	left:0px;
	z-index: 100;
				}
				
					
	#conteudo_titulo{
	width:125px;
	height:250px;
	background-color: none;
	position:absolute;
	top:513px;
	left:18px;
	z-index: 103;
				}			

	#moldura_conteudo{
	width:791px;
	height:406px;
	position:absolute;
	top:418px;
	left:5px;
	z-index: 102;
				}
				
	#moldura_icones{
	width:105px;
	height:30px;
	position:absolute;
	top:19px;
	left:20px;
	z-index: 103;
				}
				
	#moldura_setas{
	width:210px;
	height:27px;
	position:absolute;
	top:337px;
	left:409px;
	z-index: 103;
				}
				
	#moldura_texto_pequeno{
	width:550px;
	height:391px;
	background-image: url(../images/quadro.png);
	position:absolute;
	top:10px;
	left:230px;
	z-index: 102;
	}
	#conteudo_texto_pequeno{
	width:620px;
	height:372px;
	background-color: none;
	position:absolute;
	top:12px;
	left:139px;
	z-index: 103;
	}
	
	#moldura_texto_grande{
	width:771px;
	height:391px;
	background-image: url(../images/quadro2.png);
	position:absolute;
	top:10px;
	left:10px;
	z-index: 102;
	}
	
	#conteudo_texto_grande{
	width:748px;
	height:372px;
	background-color: none;
	position:absolute;
	top:8px;
	left:9px;
	z-index: 102;
	}
				
				
	
				
	#conteudo_texto_top{
	width:800px;
	height:258px;
	position:absolute;
	top:520px;
	left:-0px;
	z-index: 100;
	visibility: visible;
				}
				
	#conteudo_texto_botton{
	width:173px;
	height:118px;
	background-color: none;
	position:absolute;
	top:571px;
	left:34px;
	z-index: 102;
				}
				
	#produto_mussarela{
	width:120px;
	height:90px;
	position:absolute;
	top:44px;
	left:2px;
	z-index: 103;
				}
		#produto_tranca{
	width:120px;
	height:90px;
	background-color: none;
	position:absolute;
	top:44px;
	left:126px;
	z-index: 102;
				}			
			#produto_burrata{
	width:120px;
	height:90px;
	background-color: none;
	position:absolute;
	top:44px;
	left:250px;
	z-index: 102;
				}
							
		#produto_ricotta{
	width:120px;
	height:90px;
	background-color: none;
	position:absolute;
	top:44px;
	left:375px;
	z-index: 102;
				}
				
		#produto_manteiga{
	width:120px;
	height:90px;
	background-color: none;
	position:absolute;
	top:44px;
	left:498px;
	z-index: 102;
				}
				
								
	/* criação da estrutura do titulo do conteudo */	 
	#titulo_conteudo{
	width:509px;
	height:20px;
	position:absolute;
	top:200px;
	left:275px;
	}

				
	/*criação da estrutura do rodape esquerdo*/
	#rodape_left{
	width:300px;
	height:130px;
	background-color:#FFFFFF;
	background-image: url(../images/rodape_left.jpg);
	position:absolute;
	top:900px;
	left:0px;
								}
				
	/*criação da estrutura do rodape direito */
	#rodape_right{
	width:500px;
	height:130px;
	background-color:#FFFFFF;
	background-image: url(../images/rodape_right.png);
	position:absolute;
	top:900px;
	left:300px;
	}
			
	#rodape_jfs{
	width:239px;
	height:26px;
	position:absolute;
	top:1004px;
	left:15px;
	}









/* tag de paragrafo para criar formatacao de texto personalizada */	
p.menu{font:bold 15px Verdana, Arial, Helvetica, sans-serif; color:#666666;
		padding:9px 0px 0px 10px;}

		
/* criacao de links para uso MENU TOPO */		
a:link#botao{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color: #009900;
		text-decoration:none;}
a:visited#botao{font:bold 10px Verdana, Arial, Helvetica, sans-serif; color: #009900;
		text-decoration:none;}
a:hover#botao{font:bold 12px Verdana, Arial, Helvetica, sans-serif; color: #FF0000;
		text-decoration:none;}

/* criacao de links genericos MENU LATERAL */		
a:link#botao2{font:13px Verdana, Arial, Helvetica, sans-serif; color: #999999;
		text-decoration:none;}
a:visited#botao2{font:13px Verdana, Arial, Helvetica, sans-serif; color: #999999;
		text-decoration:none;}
a:hover#botao2{font:13px Verdana, Arial, Helvetica, sans-serif; color:#FF0000;
		text-decoration:none;}
		
/* FORMATAÇÃO TEXTO JFIGUEIREDO STUDIO */		
a:link#botao_jfs{font:9px Verdana, Arial, Helvetica, sans-serif; color: #999999;
		text-decoration:none;}
a:visited#botao_jfs{font:9px Verdana, Arial, Helvetica, sans-serif; color: #999999;
		text-decoration:none;}
a:hover#botao_jfs{font:9px Verdana, Arial, Helvetica, sans-serif; color: #666666;
		text-decoration:none;}
		
		
/* ESTILO DO DOS TEXTOS INTERNOS */
.style1 {font:14px Arial, Verdana, Helvetica, sans-serif; color: #666666;
		text-decoration:none;
}

/* ESTILO DO DOS TITULOS DAS PÁGINAS */
.titulo {font:15px Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF;
		text-decoration: none;
		font-style: normal;
}