body {
	background-color:#EFEFEF;
	color:#333;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;	/* for ie	*/
}

#container_geral {
	width:984px;
	margin:0 auto;    
	text-align:left;  
}

ul#top_menu {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	float: left;
	font-size: 0.9em;
	text-align:left;
}
ul#top_menu li{
	margin: 0;
	padding: 0;
	overflow: hidden;  /*--Important - Masking out the hover state by default--*/
	float: left;
	height:101px;
	background-color:#FFFFFF;
	border-left:1px solid #EFEFEF;
	width:163px;
}
ul#top_menu a, ul#top_menu span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
	padding: 0px 0px 0px 50px;
	float: left;
	text-decoration: none;
	color: #000;
	background: url(a_bg.gif) repeat-x;
	text-transform: uppercase;
	clear: both;
	width: 100%;
	height: 103px;
	line-height: 53px; /*--Vertical alignment of text--*/
}
ul#top_menu a{ /*--This is basically the hover state of navigation--*/
	color: #555;
	background-position: left bottom;
}
ul#top_menu span{ /*--Default state of navigation--*/
	background-position: left top;
}



#barra_abaixo_menu {
	background-color:#FFFFFF;
	float:left;
	padding:0px 0px;
	border-top:3px solid #EFEFEF;
	font-size:0.7em;
	width:984px;
	
}

#barra_abaixo_menu p {
	line-height:10px;
	padding-left:115px;
}


/* Tela Inicial */
#conteudo_index_1 {
	background-color:#FFFFFF;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:2px solid #EFEFEF;
	height:220px;
}


#conteudo_index_2 {
	color:#333;
	background-color:#DBE0CC;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:1px solid #EFEFEF;
	height:450px;
}
#conteudo_index_2 p {
	padding-left:20px;
	padding-top:5px;
	font-size:0.8em;
	line-height:20px;
}
#conteudo_index_2 p a{
	color:#333333;
}
#conteudo_index_2 p a:hover{
	color:#999999;
}


#conteudo_index_2_codigo {
	color:#333;
	background-color:#DBE0CC;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:1px solid #EFEFEF;

}
#conteudo_index_2_codigo p {
	padding-left:20px;
	padding-top:5px;
	font-size:0.8em;
	line-height:20px;
}
#conteudo_index_2_codigo p a{
	color:#333333;
}
#conteudo_index_2_codigo p a:hover{
	color:#999999;
}

/* Página produto */
#conteudo_produto {
	background-color:#FFFFFF;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:1px solid #EFEFEF;
	min-height:550px;
	padding-bottom:20px;
}

#tabela_detalhe_produto {
	padding-right:10px;
	font-size:0.8em;
	width:720px;
	float:left;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;

}

img.left {
	float: left;
	margin: 20px 20px;
} 


/* Pagina Empresa */
#conteudo_empresa {
	background-color:#FFFFFF;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:1px solid #EFEFEF;
	min-height:550px;
	padding-bottom:20px;
}

#conteudo_empresa p {
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	
	font-size:0.8em;
	line-height:1.6em;
}



/* Pagina de clientes */
#conteudo_cliente {
	background-color:#FFFFFF;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:1px solid #EFEFEF;
	min-height:500px;
	padding-bottom:20px;
}

#conteudo_cliente p {
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	
	font-size:0.8em;
	line-height:1.6em;
}


/* Pagina de contato */

#conteudo_contato {
	background-color:#FFFFFF;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:1px solid #EFEFEF;
	min-height:500px;
	padding-bottom:20px;
}

#conteudo_contato p { 
	padding-top:0px;
	padding-left:20px;
	padding-right:20px;
	
	font-size:0.8em;
	line-height:1.6em;
}

	#tabela_formulario {
		padding-left:20px;
	}

	#tabela_formulario input[type=text] {
		width:383px;
		padding:3px 0px 3px 0px;
		font-size:1.0em;
		color:#333;
	}
	
	#tabela_formulario textarea {
		font-size:1.3em;
		color:#333;
	}
	
	#formulario {
		font-size:0.8em;
	}

	#formulario p {
		font-weight:bold;
		font-size:1.0em;
	}


/* Rodape da pagina */
#rodape {
	background-color:#222;
	float:left;
	padding:0px 0px;
	width:984px;
	border-top:2px solid #EFEFEF;
	height:150px;
}

#rodape p {
	margin-top:17px;
	text-align:center;
	font-size:0.7em;
	color:#FFFFFF;
	line-height:1.2em;
}





/* Estilo do menu lateral de produto */
.container_apple_menu {
	padding-left:5px;
	margin-right:20px;
	float:left; 
}

.applemenu{
margin: 5px 0;
padding: 0;
width: 220px; /*width of menu*/
border: 1px solid #9A9A9A;
}

.applemenu div.silverheader a{
background: black url(../images/silvergradient.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #333;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 5px 0;
padding-left: 8px;
text-decoration: none;
}


.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{
color: white;

}


.applemenu div.selected a, .applemenu div.silverheader a:hover{
background-image: url(../images/silvergradientover.gif);
color: white;

}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 5px;

font-size:0.7em;
}

.applemenu div.submenu a { /*DIV that contains each sub menu*/
	text-decoration:none;
	color:#0066CC;
	
}

.applemenu div.submenu a:hover { /*DIV that contains each sub menu*/
	text-decoration:none;
	color:#000099;
}

.applemenu div.submenu spam{
	background-image: url(../images/silvergradientover.gif);
	color: white;
	padding-top:2px;
	padding-left:7px;
	padding-right:20px;
	padding-bottom:2px;
}
