@charset "iso-8859-1";
/* CSS Document */

body{
	margin:0px;
	padding:0px;
	text-align:center; /** necessrio para fazer o layout centralizar no Internet Explorer **/
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(../images/bg.gif);
	font-size: 12px;
	}


/**------------ lay out-------------- **/
#geral {
	width: 100%;
	margin:0px;
	text-align:center; /** para fazer o texto alinhar a esquerda**/
	display: table;
	
	}
/**------------ head -------------- **/
#topo {
	width: 800px;
	height: 75px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
.logo a{
	padding: 0px;
	clear: left;
	float: left;
	height: 70px;
	width: 350px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	font-size: 18px;
	color: #003300;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: center 0px;
	margin-top: 2px;
}
/*--------MENU-----------------*/
#menu{
	height: 70px;
	margin-bottom: 5px;
	padding: 0px;
	clear: right;
	float: right;
	margin-right: 10px;	
}
.submenu{
        position:absolute;        
		visibility: hidden;
		}
/* ----------botao-1---------------   */		
.itemmenu1 p{
	display:block; /* Faz o link virar um bloco */
	width:55px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_home.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 0px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;
	margin: 0px;
}
.itemmenu1 a{
    display:block; /* Faz o link virar um bloco */
	width:55px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_home.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 -20px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;	
}
.itemmenu1 a:hover{
	background-position:0 0px;/* posiciona o fundo no passar do mouse */
}
/* ----------botao-2---------------   */
.itemmenu2 p{
 display:block; /* Faz o link virar um bloco */
	width:120px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_quemsomos.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 0px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;
	margin: 0px;
}
.itemmenu2 a{
    display:block; /* Faz o link virar um bloco */
	width:120px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_quemsomos.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 -20px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;		
}
.itemmenu2 a:hover{
	background-position:0 0px;/* posiciona o fundo no passar do mouse */
}
/* ----------botao-3---------------   */
.itemmenu3 p{
 display:block; /* Faz o link virar um bloco */
	width:84px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_produtos.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 0px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;
	margin: 0px;
}	
.itemmenu3 a{
    display:block; /* Faz o link virar um bloco */
	width:84px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_produtos.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 -20px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;		
}
.itemmenu3 a:hover{
	background-position:0 0px;/* posiciona o fundo no passar do mouse */
}
/* ----------botao-4---------------   */
.itemmenu4 p{
 display:block; /* Faz o link virar um bloco */
	width:90px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_novidade.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 0px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;
	margin: 0px;
}	
.itemmenu4 a{
    display:block; /* Faz o link virar um bloco */
	width:90px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_novidade.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 -20px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;		
}
.itemmenu4 a:hover{
	background-position:0 0px;/* posiciona o fundo no passar do mouse */
}
/* ----------botao-5---------------   */
.itemmenu5 p{
 display:block; /* Faz o link virar um bloco */
	width:75px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_contato.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 0px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;
	margin: 0px;
}
.itemmenu5 a{
    display:block; /* Faz o link virar um bloco */
	width:75px; /* define uma largura */
	height:20px; /* define a altura */
	background-image: url(../images/menu_contato.gif); /* define a imagem de fundo */
	background-repeat:no-repeat; /* faz a imagem no se repeatir */
	background-position:0 -20px; /* posiciona a imagem de fundo */
	text-indent:-5000px; /* tira o texto para fora do bloco do link */
	overflow:hidden; /* some com tudo que est para fora do bloco de link */
	padding: 0px;		
}
.itemmenu5 a:hover{
	background-position:0 0px;/* posiciona o fundo no passar do mouse */
}
.submenu a{
    display: block;
	padding: 5px 4px 5px 4px ;
	width: 120px;
	border-bottom: #C6EA9E 1px solid;
	background-color:#60B40E;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	font-size: 12px;
}
.submenu a:hover{
    background-color:#7DC636;
	text-decoration: none;
	color: #FFF3C1;
	font-size: 12px;
}
.itemmenu{
	float:left;
	margin-left: 0px;
	margin-top: 35px;
	margin-right: 0px;
}
/**-------------------------- **/

/**------------ main -------------- **/
#main {
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FCF0C1;
	border-right-color: #FCF0C1;
	border-left-color: #FCF0C1;
}
#topLeft {
	width: 334px;
	float: left;
	padding: 0px;
	clear: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
	background-color: #F4F8ED;
}

#topRight {
	text-align: left;
	float: right;
	padding: 0px;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 0px;
	display: block;
	clear: right;
	width: 410px;
}
#topRight h1{
	background-image: url(../images/top_greenfloreal.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	height: 40px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
	margin: 0px;
	padding: 0px;
}
#topRight p{
	padding: 0px;
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 15px;
	font-size: 14px;
	line-height: 150%;
	color: #669966;
}
.hrTop {
	background-color: #F4F8ED;
	background-image: url(../images/hrTop.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: 0px;
	padding: 0px;
	height: 45px;
	width: 334px;
	text-align: left;
}
.hrTop img{
	margin-top: 8px;
	margin-left: 10px;
	
}
.hrMid {
	background-color: #F4F8ED;
	width: 334px;
	text-align: left;
	color: #666666;
	font-size: 11px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
.hrMid h1{
	font-size: 14px;
	font-weight: bold;
	color: #669966;
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.hrMid p{
	font-size: 12px;
	color: #669966;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.hrMid h5{
	font-size: 12px;
	font-weight: bold;
	color: #669966;
	text-align: right;
	clear: right;
	padding: 0px;
	margin: 0px;
}
.hrMid h5 a{
	font-size: 12px;
	font-weight: bold;
	color: #669966;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.hrMid img{
	border: 1px solid #A2D7A5;
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.hrMid2 {
	padding: 0px;
	display: block;
	margin-top: 8px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 8px;
	clear: both;
}

#home{
	margin-top: 5px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 25px;
	clear: both;
	text-align: left;
	color: #3F9144;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#home a img{
	text-decoration: none;
	border: 1px solid #3F9144;
}
#home a img{
	text-decoration: none;
	border: 1px solid #3F9144;
}
#home a:hover img{
	text-decoration: none;
	border: 2px solid #3F9144;
}
#home td{
	color: #3F9144;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#flash{
	width: 800px;
	height: 250px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	padding: 0px;
	}

/**---------------------------------- **/
	



/**------------NOVIDADES-------------- **/
#novidades{
	width: 240px;
	display: table;
	float: left;
	margin: 120px 0px 20px 10px;
	
}

#area_novidade{
	width: 450px;
	display: table;
	float: left;
	padding: 10px 10px 20px;
	margin: 10px 0px;
	border-bottom:#CCCCCC dashed 2px;
	clear: both;
}

#area_novidade p{
	font-size: 12px;
	color: #333333;
}

#area_novidade a{
	color: #FF6800;
	text-decoration: none; 
}

#area_novidade img{
	margin: 10px;
	border: #999999 1px solid;
	float: left;
}

#area_novidade a:hover{
	color: #869525;
	text-decoration: underline;  
}

#novidades h1{
	color: #FF8300;
	display: block;
	font-size: 16px;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
	padding: 17px 0px 0px 35px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/novidades.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

/**------------------------- **/



/* ------------------  TAGS  ------------------------ */

cite {
	color: #FF8300;
	font-size: 14px;
	margin: 5px 0px 5px 0px;
	font-family:Arial, Helvetica, sans-serif;
}


h6{
	color: #CCCCCC;
	font-size: 10px;
	float: left;
	margin: 0px;
	padding: 0px;
	display:block;
	
	
}

h5{
	color: #888786;
	margin: 0px 0px 5px 0px;
	font-size: 14px;
	font-weight:bold;
	
	
}

h4{
	color: #869525;
	margin: 0px 0px 5px 0px;
	font-size: 12px;
	font-weight:normal;
}

h3{
	padding: 0px;
	font-size: 14px;
	color: #3F9144;
	text-decoration: underline;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	
}

h2{
	font-size: 16px;
	color: #869525;
	clear: both;
}

h1{
	color: #FF8300;
	display: block;
	font-size: 16px;
	font-weight:bold;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 15px 2px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/bg_h1.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

a{
	font-size: 12px;
	color:#FF6800;
	text-decoration:none;
}

a:hover{
	font-size: 12px;
	color:#869525;
	text-decoration: underline;
}

ul {
	font-size: 12px;
	color: #336600;
}

/* ---------------------------------------------------------- */


/*-----------FORMULARIO-------------------*/

#asterisk_txt {
	font-size: 11px;
	color: #FF0000;
	text-align: right;
}
.cadastro_tr {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ECECEC;
}

.tit_interna {
	background-image: url(../images/menulist.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
	clear: both;
	margin-top: 10px;
	text-align: left;
	background-position: left 5px;
}

.tex_interna {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3D3395;
	
}

legend {
	font-size: 12px;
	font-weight: bold;
	color: #869525;
	background-color: #FFFFFF;
	margin: 0px 5px 5px;
	padding: 7px;
	text-indent: 0px;
}
form {
	margin: 0px;
	padding: 0px;
	
}
fieldset {
	border: 1px dotted #869525;
	margin-bottom: 20px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}



#cadastro tr{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3D3395;
}
.pageTitle {
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #669966;
}

.mainImg {
}
.mainImg img{

}
.miniImg {
	font-size: 11px;
	color: #666666;
}




/*-------------------------------------------------*/



.bandeiraBr a{
	background-image: url(../images/bandeiraBr.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 35px;
	width: 45px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	text-indent: -5000px;
	display: block;
	behavior:url(iepngfix.htc);
}
.bandeiraBr a:hover{
	background-position: 0px -35px;
}
.bandeiraJp a{
	background-image: url(../images/bandeiraJp.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 35px;
	width: 45px;
	float: left;
	margin-right: 5px;
	margin-left: 5px;
	text-indent: -5000px;
	display: block;
	behavior:url(iepngfix.htc);
}
.bandeiraJp a:hover{
	background-position: 0px -35px;
}
.jp {
	font-family: "MSPGOTHIC", Osaka;
	font-size: 12px;
	line-height: 150%;
}
#navega {
	clear: both;
}



/**------------ lay out-------------- **/
#miolo{
	
	float: left;
	width: 695px;	
	background-image: url(../images/bg_miolo001.jpg);
	background-repeat: no-repeat;
	background-position:left top;
	min-height: 500px;
	_height: 500px;
	}
/**-----------PAGINAS DE CONTEUDO GENERICO-------------- **/
#conteudo{
	width: 520px;
	_width: 530px;
	padding: 10px 20px 20px 0px;
	_margin: 3px;
	display: table;
	float: right;	
}
#conteudo p{
	font-size: 12px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
}
#conteudo2 {
	font-size: 12px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	width: 470px;
	_width: 500px;
	text-align: left;
	padding: 15px;
	margin: 120px 0px 10px 160px;
	_margin: 120px 0px 10px 80px;
	display: table;
	float: left;
	background-color:#FFFFFF;
	border: #CCCCCC 1px solid;
	
}

#conteudo2 p{
	font-size: 12px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
}


.fabrica {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
/**------------ rodape------------- **/

#rodape{
	background-color: #ffffff;
	margin-right: 0px;
	margin-left: 0px;
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin-bottom: 0px;
	margin-top: 30px;
	padding-bottom: 0px;
	clear: both;
	background-image: url(../images/bottom_flower.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 800px;
	padding-top: 68px;
	padding-right: 0px;
	padding-left: 0px;
}
#rodape a{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 10px;
}
#rodape a:hover{
	text-decoration: underline;
	color: #FF99FF;
}

.rodape{
	text-align: center;
	font-size: 10px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}

.atr{
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 9px;
	color: #FFFFFF;
}
.atr a{
	font-size: 10px;

}
/**-------------------- **/