/*//////////////////////////////////////////////////////////////////////////////////*/
/*////////////////////////////// PRINCIPAL ///////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////*/

body, html {
			
	padding:0;margin:0;	
	height:100%;width:100%;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-color:#b5b5b5;
}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

#wrapper {
	width: 960px;
	margin: 0px auto;
	padding:0px;
	color: #333;
	height: auto !important;
    min-height: 100%;
    height: 100%;
	top:10px;
    position: relative;
	z-index:99;
	
}


#cabecalho {
	margin: 0;
	padding: 0px;
	display: block;
	background-image:url(../images/fundo.jpg);
	background-repeat:repeat-x;
	text-align: center;
	height:130px;
	width:100%;
	position:absolute;
	z-index:1;
}


#logo{
	float:left;
	width:223px;
	height:115px;
	text-align:left;
	margin-top:5px;
}



#nav{
	margin-top:35px;
	margin-left:175px;
	float:right;
	width:525px;
	height:40px;
	text-align:center;
  	font-family:Arial, Helvetica, sans-serif;
  	font-weight:bold;

}
	

#nav li{
	list-style: none;
	float:right;
	width:130px;
	height:auto;
	float:left;
	margin-right:1px;
	position:relative;
  	opacity:0.8;
  	filter:alpha(opacity=80);
	background-color:#308D71;
	
	-moz-box-shadow: 3px 10px 10px #000;
	-webkit-box-shadow: 3px 10px 10px #000;
	box-shadow: 3px 10px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
}

#nav a{
	text-decoration:none;
	display:block;
	padding:1px;
	color:#000;
	background:#FFF;
}

#nav a:hover{
	color:#000;
	
  	opacity:0.8;
  	filter:alpha(opacity=80);
	
	-moz-box-shadow: 3px 10px 10px #000;
	-webkit-box-shadow: 3px 10px 10px #000;
	box-shadow: 3px 10px 10px #000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#000000');
}


#nav ul{
	background:#fff; /* Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */
	background:rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	padding-top:1px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:none;
}
#nav ul a{
	white-space:nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left:0; /* Bring back on-screen when needed */
}
#nav li:hover a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background-color:#ffffff;
	text-decoration:none;
}
#nav li:hover ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:none;
}
#nav li:hover ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background-color:#B8C3BF;
}



#container {
	width: 960px;
	height: auto;
	margin: auto;
	text-align:center;
}

#espacamento{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:960px;
	height:10px;

}

/*//////////////////////////////////////////////////////////////////////////////////
 
	BANNER FLASH
	
//////////////////////////////////////////////////////////////////////////////////*/

#banner{
	float:left;
	margin-top:10px;
	margin-bottom:10px;
	width:960px;
	height:410px;
	background-image:url(../images/bg2.jpg);
	background-repeat:no-repeat;

}

/*//////////////////////////////////////////////////////////////////////////////////
 
	BOTÕES DE BAIXO
	
//////////////////////////////////////////////////////////////////////////////////*/

#linha{
	float:left;
	margin-top:10px;
	margin-bottom:30px;
	width:960px;
	height:170px;
}

#linha #pano{
	float:left;
	width:807px;
	height:158px;
	background-image:url(../images/pano.png);
	background-repeat:no-repeat;
	margin-left:80px;
	
}
#pano2{
	float:left;
	width:900px;
	height:158px;
	margin-left:30px;
	margin-right:auto;
	margin-bottom: 30px;
}

#linha #pano .titulo{
	margin-top:15px;
	margin-left:10px;
	margin-right:8px;
	float:left;
	width:250px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#528871;
	text-align:left;
}

#linha #pano .foto{
	margin-top:10px;
	margin-left:10px;
	margin-right:8px;
	float:left;
	width:250px;
	height:auto;
}

#linha #pano .veja{
	margin-top:10px;
	margin-left:10px;
	margin-right:5px;
	float:left;
	width:233px;
	height:auto;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:10px;
	color:#343d3d;
}

#linha #pano .icon{
	margin-right:8px;
	margin-top:15px;
	width:12px;
	height:auto;
	float:left;
}


#linha .divisor{
	float:left;
	width:960px;
	height:auto;
}

#linha .endereco{
	float:left;
	width:960px;
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#343d3d;
	text-align:center;
	margin-top:30px;
	margin-bottom:35px;
}

#linha .assinatura{
	float:left;
	width:70px;
	height:auto;
	margin-top:30px;
	margin-left:420px;
}

/*//////////////////////////////////////////////////////////////////////////////////
 
	CONTEÚDO INTERNO
	
//////////////////////////////////////////////////////////////////////////////////*/

#bloco_conteudo_interna{
	float:left;
	margin-top:10px;
	margin-bottom:30px;
	width:960px;
	height:auto;
}

.titulo_principal{
	float:left;
	margin-bottom:10px;
	margin-top:10px;
	width:960px;
}

.icon_brasil{
	float:left;
	margin-left:5px;
	width:33px;
	height:31px;
}

.titulo_brasil{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#343d3d;
	float:left;
	width:915px;
	height:auto;
	text-align:left;
	margin-left:7px;
	margin-top:5px;
}

.categoria_brasil{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#376958;
	float:left;
	width:915px;
	height:auto;
	text-align:left;
	margin-left:7px;
}

.texto_principal{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#343d3d;
	float:left;
	margin-bottom:10px;
	margin-left:7px;
	margin-top:10px;
	width:945px;
	text-align:justify;
}

/*////////////////////////////// MÁQUINAS E FORNOS ///////////////////////////////////*/


.texto_forno{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#343d3d;
	float:left;
	margin-bottom:10px;
	margin-left:7px;
	margin-top:10px;
	width:950px;
	text-align:justify;
}

.foto_forno{
	float:left;
	margin-bottom:10px;
	margin-left:40px;
	margin-top:10px;
	width:500px;
	text-align:justify;
}


.bloco_produto {
	float:left;
	width:450px;
	padding:10px 10px 10px 10px;
	height:280px;
	background-color:#bdbdbd;
	margin-left:10px;
	margin-bottom:10px;
}

.divisor_produto {
	float:left;
	width:470px;
	height:15px;
	background-color:#52a992;
	margin-left:10px;
	margin-bottom:7px;
}


#tabela{
	float:left;
	width:960px;
	height:auto;
}


.linha_tabela {
	margin-left:10px;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
	width:140px;
	height:auto;
	float:left;
	text-align:center;
	background-color:#C5C5C7;
	color:#67696A;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
}


.linha_tabela_comum {
	margin-left:10px;
	padding:5px 5px 5px 5px;
	margin-bottom:2px;
	width:140px;
	height:auto;
	float:left;
	text-align:center;
	background-color:#C5C5C7;
	color:#67696A;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}

.linha_tabela_cor {
	margin-left:10px;
	padding:5px 5px 5px 5px;
	margin-bottom:2px;
	width:140px;
	height:auto;
	float:left;
	text-align:center;
	background-color:#CFCFCF;
	color:#67696A;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}


.linha_tabela_meia {
	width:70px;
	height:auto;
	float:left;
	text-align:center;
	color:#67696A;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
}


.nome_tabela {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
	width:940px;
	height:auto;
	background-color:#52a992;
	margin-left:10px;
	margin-bottom:7px;
	margin-top:7px;
	color:#FFF;
	padding:5px 5px 5px 5px;
}

.nome_tabela_dividida{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
	width:460px;
	height:auto;
	background-color:#52a992;
	margin-left:10px;
	margin-bottom:7px;
	margin-top:7px;
	color:#FFF;
	padding:5px 5px 5px 5px;
}


.tabela_maquina {
	float:left;
	width:470px;
	height:auto;
	margin-left:10px;
}

.linha_maquina_tit {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	background-color:#C5C5C7;
	text-align:center;
	float:left;
	width:126px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}

.linha_maquina_tit_2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	background-color:#C5C5C7;
	text-align:center;
	float:left;
	width:240px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}

.linha_maquina_dado {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	background-color:#C5C5C7;
	text-align:center;
	float:left;
	width:55px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}

.linha_maquina_dado_2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	background-color:#C5C5C7;
	text-align:center;
	float:left;
	width:112px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}

.linha_maquina_tit_cor {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	background-color:#CFCFCF;
	text-align:center;
	float:left;
	width:126px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}

.linha_maquina_tit_cor_2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	background-color:#CFCFCF;
	text-align:center;
	float:left;
	width:240px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}

.linha_maquina_dado_cor {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	background-color:#CFCFCF;
	text-align:center;
	float:left;
	width:55px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}

.linha_maquina_dado_cor_2 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	background-color:#CFCFCF;
	text-align:center;
	float:left;
	width:112px;
	height:auto;
	margin: 2px 2px 2px 0;
	color:#67696A;
}


.titulo_produto{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#376958;
	float:left;
	text-align:left;
	margin-left:7px;
	margin-top:30px;
	width:230px;
}

.subtitulo_produto{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#4c4c4c;
	float:left;
	text-align:left;
	margin-left:7px;
	width:230px;
}


.texto_produto{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#343d3d;
	float:left;
	margin-bottom:10px;
	margin-left:7px;
	margin-top:10px;
	width:230px;
	text-align:justify;
}

.foto_produto{
	float:left;
	margin-bottom:10px;
	margin-left:7px;
	margin-top:10px;
	width:200px;
	text-align:justify;
}


/*////////////////////////////// NORMAS  ///////////////////////////////////*/


.link_norma {
	color:#343d3d;	
}


.imagem_normas {
	width:300px;
	height:191px;
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
}

/*////////////////////////////// CONTATO ///////////////////////////////////*/


#nome_campos{ margin-top:7px; padding-left:5px;  margin-bottom:7px; text-align:left;  font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height:20px; color:#666; }

input{
padding:2px 2px 2px 2px; border-color:#e8e8e8; height:30px; border-width:1px; border-radius:5px 5px 5px 5px;
}

textarea{
padding:2px 2px 2px 2px; border-style:solid; border-color:#e8e8e8; border-width:1px; border-radius:5px 5px 5px 5px;
}

.div_contato{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#343d3d;
	float:left;
	margin-bottom:10px;
	margin-left:7px;
	margin-top:10px;
	width:350px;
	text-align:justify;
}


.end_mapa{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#343d3d;
	margin-bottom:37px;
	width:585px;
	text-align:right;
}


.div_mapa{
	float:left;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:10px;
	width:585px;
	text-align:right;
}

/*////////////////////////////// DICAS ///////////////////////////////////*/

.imagem_dicas_1 {
	width:250px;
	height:280px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border-style:dotted;
	border-width:2px;
	border-color:#FFF;
}

.imagem_dicas_2 {
	width:250px;
	height:280px;
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	margin-top:40px;
		border-style:dotted;
	border-width:2px;
	border-color:#FFF;
}


.dicas{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#376958;
	float:left;
	width:auto;
	height:auto;
	text-align:left;
}

/* PRODUTOS ///////////////////////////////////////////////  */
/* //////////////////////////////////////////////////////////  */


.botoes{
float:left; width:300px; padding:15px 10px 10px 10px; border-color:#333333; height:70px; border-width:3px; border-radius:5px 5px 5px 5px; text-align:center; background-color:#c4c4c4; margin-left:100px;
}

.botoes:hover{
float:left; width:300px; padding:15px 10px 10px 10px; border-color:#105744; height:70px; border-width:3px; border-radius:5px 5px 5px 5px; text-align:center; background-color:#d7e6e0; margin-left:100px; color:#105744;
}

.botoes_nome{
width:290px;
margin-left:3px;
float:left;
margin-bottom:5px;
margin-top:5px;
}


.titulo_bt{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#343d3d;
	float:left;
	width:245px;
	height:auto;
	text-align:left;
	margin-left:7px;
	margin-top:5px;
}


.titulo_forno{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#376958;
	width:950px;
	height:auto;
	text-align:left;
	margin-top:5px;
}


.download {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
	width:300px;
	height:auto;
	background-color:#cfcfcf;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:7px;
	margin-top:7px;
	color:#2b7c67;
	padding:5px 5px 5px 5px;
}

.download:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
	width:300px;
	height:auto;
	background-color:#52a992;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:7px;
	margin-top:7px;
	color:#FFF;
	padding:5px 5px 5px 5px;
}


.bloco_representante {
	float:left;
	width:940px;
	padding:5px 5px 5px 5px;
	height:auto;
	background-color:#c1c1c1;
	margin-left:10px;
	margin-bottom:10px;
}


.titulo_representante {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#376958;
	float:left;
	text-align:left;
	margin-left:7px;
	margin-top:5px;
	width:900px;
}

.subtitulo_representante {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#4c4c4c;
	float:left;
	text-align:left;
	margin-left:7px;
	margin-top:6px;
	margin-bottom:6px;
	width:900px;
}

.divisor_produto_repre {
	float:left;
	width:950px;
	height:7px;
	background-color:#52a992;
	margin-left:10px;
	margin-bottom:7px;
}

.seja {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
	width:940px;
	height:auto;
	background-color:#cfcfcf;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:12px;
	margin-top:12px;
	color:#2b7c67;
	padding:5px 5px 5px 5px;
}

.seja:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	text-align:center;
	float:left;
	width:940px;
	height:auto;
	background-color:#52a992;
	margin-left:10px;
	margin-right:5px;
	margin-bottom:12px;
	margin-top:12px;
	color:#FFF;
	padding:5px 5px 5px 5px;
}