@charset "utf-8";
html, body {height: 100%;}

html,body,div,p,ul,ol,li,h1,h2,h3,h4,pre,form,p,button,img {
  	margin: 0;
  	padding: 0;
  	border: 0;
}

body {
	background-color:#e9e1cb;
  	font: normal 11px Arial, Verdana, sans-serif;
  	color: #5f5f5f;
}
/* reseta listas e links(ancoras) */
ul,li {list-style-type: none; margin:0}
a {outline: none; text-decoration: none;}
a:hover {text-decoration: none; cursor: pointer;}
/* não mostra o conteudo de <span> dentro dos seguintes elementos */
a span, button span, ul#navigation span, h1 span, h2 span, h3 span {display: none;}

a {color: #5a5a5a; text-decoration: underline;}
a:hover {color: #5a5a5a; text-decoration: none;}

button {
  	display: block;
  	cursor: pointer;}

div.clear {
  	font-size: 1px;
  	line-height: 1px;
  	height: 1px;
	position: relative;
	clear: both;
}

td#know {
	background: transparent url('i/03.jpg') -1px 0px no-repeat;
	font-family: Verdana, Arial, sans-serif; 
	padding: 20px 40px;
}
td#know table tr td {
	vertical-align: top; 
}
td#know div.title {
	width:560px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-align: justify;
}

td#know h2 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 10px;
}
td#know p {
	color: #FFFFFF;
	font-size: 11px;
	margin: 0;
	text-align: justify;
	line-height: 18px;
}
td#know td.bar img {
	padding: 0 40px;
}
td#know table {
	margin-top: 20px;
	width: 850px;
}
td#know div.button {
	text-align: right;
	padding: 20px 0 30px 0;
}
td#know div.acesse {
	text-align: right;
	padding: 50px 0 0px 40px;

}

#tit_container h1{width:257px;height:90px;}
#tit_container h1#tit_mrppro{background:url(i/tit_mrp_pro.gif) 0 30px no-repeat;}
#tit_container h1#qla{background: url(i/tit_qla.gif) 0 30px no-repeat;}
#tit_container h1#download{background: url(i/tit_downloads.gif) 0 30px no-repeat;}
#tit_container h1#contato{background: url(i/tit_contato.gif) 0 30px no-repeat;}

#subtit_container h2{ 
	width:557px;
	font-family: arial,sans-serif;
	font-size: 16px;
	color: #777;
	padding: 0;
	margin: 0;
}

#page_container {
	float:auto;
	text-align: left;
	width: 930px;
	height:auto;
	margin: 0 auto auto auto;/* 'auto' deixa o conteudo centralizado na horizontal */
 	padding: 0;
}

.bot {
	width:71px;
	height:21px;
	font: normal 10px Verdana, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #666666;
	border: none;
	margin-left:255px;
}

#top{
	background-color:#ffffff;
	width: 930px;
	height:87px;
	float:left;
}
	#logo a{
		width: 257px;
		height:87px;
		float:left;
		background: url(i/logo_06.gif) 42px 20px no-repeat;	
	}
	
	#logo a:hover{
		background: url(i/logo_hover_03.gif) 42px 20px no-repeat;
	}
	
	#language {
		position:relative;
		width:100px;
		height:13px;
		float:right;
		margin-top:-70px;
		
		}
	ul#idioma li {
			width: 20px;
			height: 13px;
			float: left;
			padding: 0 6px;}
			
			ul#idioma li#pt_ativo {background:  url(i/ico_pt.gif) 11px -13px no-repeat;}
			ul#idioma li#es_ativo {background:   url(i/ico_es.gif) 11px -13px no-repeat;}
			ul#idioma li#en_ativo {background:   url(i/ico_en.gif) 11px -13px no-repeat;}
			
			ul#idioma li a {
				width: 26px;
				height: 13px;
				display:block;}
			
				ul#idioma li a#pt {background: url(i/ico_pt.gif) 6px 0 no-repeat;}
				ul#idioma li a#es {background:  url(i/ico_es.gif) 6px 0 no-repeat;}
				ul#idioma li a#en {background: url(i/ico_en.gif) 6px 0 no-repeat;}
		
				ul#idioma li a#pt:hover,
				ul#idioma li a#es:hover,
				ul#idioma li a#en:hover {background-position: 6px -13px;}
	
	#menu{
		text-align:right;
		display:block;
		float:left;
		height:34px;
		width:577px;
		background-color:#000000;
		padding:53px 0 0 96px;
	}
		#menu li {
			height: 12px;
			float: left;
			padding: 0;}
			
			#menu li#space{
			width:63px;
			}
					
			#menu li a {
				height: 12px;
				display: block;
				padding: 0;}
						
				#menu li a#home {width:36px;background:url(i/menu_06.gif) 0 0 no-repeat;}
				#menu li a#mrppro {width:51px;background:url(i/menu_08.gif) 0 0 no-repeat;}
				#menu li a#qla {width:22px;background:url(i/menu_10.gif) 0 0 no-repeat;}
				#menu li a#download {width:62px;background:url(i/menu_12.gif) 0 0 no-repeat;}
				#menu li a#contato {width:49px;background:url(i/menu_14.gif) 0 0 no-repeat;}
							
				#menu li a#home_active {width:36px;background:url(i/menu_06.gif) 0 -12px no-repeat;}
				#menu li a#mrppro_active {width:51px;background:url(i/menu_08.gif) 0 -12px no-repeat;}
				#menu li a#qla_active {width:22px;background:url(i/menu_10.gif) 0 -12px no-repeat;}
				#menu li a#download_active {width:62px;background:url(i/menu_12.gif) 0 -12px no-repeat;}
				#menu li a#contato_active {width:49px;background:url(i/menu_14.gif) 0 -12px no-repeat;}
							
							
				#menu li a#home:hover,
				#menu li a#mrppro:hover,
				#menu li a#qla:hover,
				#menu li a#download:hover,
				#menu li a#contato:hover {background-position: 0 -12px;}

#cont{
	background-color:#ffffff;
	width: 930px;
	height:auto;
	float:left;
}

	#lateral_esq{
		width: 930px;
		height:auto;
		float:left;
		background: url(i/fundo_lateral_27.gif);
	}
	
	#degrade_lateral{
		width: 930px;
		height:auto;
		float:left;
		background: url(i/fundo_lateral_22.gif) repeat-x;	
	}
	
		#sub_container{
			width: 257px;
			height:auto;
			float:left;
		}
			#tit_container{
				width: 257px;
				height:110px;
				float:left;		
			}
			
			#sub_menu li{float:left; width:250px; padding: 0 0 5px 45px;font: normal 12px Arial, Verdana, sans-serif;}
			#sub_menu li a{color: #ffffff; text-decoration: underline;}
			#sub_menu li a:hover{color: #9cd375; text-decoration: none;}
			#sub_menu li a#active{color: #9cd375; text-decoration: none;}
		
		#cont_container{
			width:503px;
			height:auto;
			background-color:#FFFFFF;
			float:left;
			padding:0;
		}
		#text_container{
			width:503px;
			height:auto;
			background-color:#FFFFFF;
			float:left;
			padding:35px 85px;
		}
		
		
		#migalha li{
			float:left;
		}
		#migalha li a{color: #5f5f5f;text-decoration: underline;}
		#migalha li a#active{color: #5f5f5f;text-decoration: none;}
		#migalha li a:hover{color: #5f5f5f;text-decoration: none;}
		
		
#rodape{
	width:230px;
	height:80px;
	float:left;
	background:url(i/shadow_rodape_03.gif) 0 0 repeat-x;
	padding:40px 0 0 700px;
}
		
.campos {
	font: normal 11px  Arial,Verdana, sans-serif;
	height:17px;		
	color: #5f5f5f;
	border: 1px solid #cccccc;
	background: #fff;
}