/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset{ 
	margin: 0; 
	padding: 0; 
}
body{
	background: url(../images/layout/stripes.png) repeat;
}

/*================LAYOUT============================*/	
div#container{
	width: 784px;
	margin: 0 auto;
	padding: 0 17px 0 17px;
	color: #333;
	line-height: 130%;
	border: 0;
	background-image:url(../images/layout/bg_body_destaque.png);
	background-repeat:no-repeat;
}
#top	{
	padding:0;
	border-bottom: 1px solid gray;
	height:113px;
	margin: 0 34px 0 0;
}
#top h1{
	padding: 0;
	margin: 0;
}
#footer	{
	clear: both;
	margin: 0 34px 0 0px;
	height: 56px;
	padding: 1em;
	background-image:url(../images/footer.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
#destaques p { 
	margin: 0 0 1em 0; 
}
#content h2 { 
	margin: 0 0 .5em 0; 
}
#branding{
	width:565px;
	height:155px;
	display : block;
	margin-left:30px;
}
#branding a {
	display : block;
}
ul#home{
	list-style-type:none;
	text-indent : -9999px;
	width:560px;
	margin-left:20px;
}
ul#home a {
	display : block;
	text-indent : -9999px;
	text-decoration : none;
	overflow : hidden;
	list-style-type:none;
	height: 367px;
	width:179px;
}
li#ache{
	background-image:url(../images/ache_home.jpg);
	float:left;
	width: 179px;
	height: 367px;
	margin-left: 5px;
}
li#catalogo{
	background-image:url(../images/catalogo_home.jpg);
	float:left;
	width: 179px;
	height: 367px;
	margin-left: 8px;
}
li#representantes_home{
	background-image:url(../images/conheca_home.jpg);
	float:left;
	width: 179px;
	height: 367px;
	margin-left: 8px;
}
/*******************produtos********************/

#wrapper {
	text-align: left;
	margin: 10px 0 0 -19px;
	padding: 0px;
	border:0;
	width: 100%;
	clear:both;
}
#side-a {
	float: left;
	width: 160px;
	margin:5px 0 0 28px;
	_margin:3px 0 0 14px;
}
#side-a_home {
	float: left;
	width: 1px;
}
#side-b{
	float: right;
	width: 169px;
	margin:2px -1px auto auto;
	padding:2px 21px 0 0;
	_margin:2px 10px auto auto;
	_padding:2px 0 0 0;
}
#side-b_home {
	float: right;
	width: 169px;
	margin:2px 20px auto auto;
	padding:2px 0 0 0;
	_margin:2px 10px auto auto;
	_padding:2px 0 0 0;
}
#display_produtos { 
	float: left;
	width: 360px;
	margin: 5px 0 0 5px;
}

#display_produtos ul{
	list-style-type:none;
	width: 390px;
}
#display_produtos li{
	width:120px;
	float: left;
	display: block;
	overflow:hidden;
	margin:0 3px 10px 0;
	border:#ccc 1px solid;
}
#display_produtos li a{
	width:120px;
	float: left;
	display: block;
	text-decoration:none;
	margin-bottom:10px;
}
#display_produtos li a:hover{
	width:120px;
	float: left;
	display: block;
	margin-bottom:10px;
	text-decoration:underline;
}
#display_produtos img {
	border-botton:#ccc solid 1px;
	text-align:center;
	display:block;
}
#display_produtos strong { 
	display: block;
	width:120px; 
	font-size: 14px; 
	color: #237ac5;
	height: 18px; 
	white-space: nowrap; 
	margin:15px auto auto 5px;
	_margin:7px auto auto 3px
}
#display_produtos .codigo { 
	color:#FF6666; 
	height: 26px; 
	overflow: hidden; 
	line-height: 14px;
	margin:3px auto auto 1px;
	_margin:7px auto auto 3px;
}
#paginacao{
	margin-bottom:1px;
	width:382px;
	border-bottom:#33CCFF solid 2px;
	padding-bottom:10px;
	float:none; 
	_float:none !important; 
}
#paginacao ul{
	width:360px;
	height:20px;
}
#paginacao li{
	margin-left:3px;
	width:50px;
	height:20px;
	border:0;
	overflow: hidden;
}
#paginacao li a:hover{
	border-bottom:#33CCFF solid 2px;
	overflow: hidden;
	height:20px;
	text-decoration:none;
}

/* @group ul historia */

#historia_txt ul{
	list-style-type:none;
	width: 530px;
	margin-top: 20px;
	height: 50px;
	}
#historia_txt li{
	width:120px;
	float: left;
	display: block;
	overflow:hidden;
	margin:0 10px 10px 0;
}

/* @group ul representantes */

#representantes ul{
	list-style-type:none;
	width: 530px;
	margin-top: 40px;
	height: 50px;
}
#representantes li{
	float: left;
	width: 530px;
	display: block;
	overflow:hidden;
	margin:10px 10px 10px 0;
}
.flush{
	clear:both;
}
#paginacao p{
	color:#666;
	margin-left:3px;
	margin-top:6px;
}
	
/*================FIM DO LAYOUT============================*/	
#logo{
	width:317px;
	height:112px;
	float: left;
	margin:0;
	padding:0;
	background-image: url(../images/logo.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
}
/*inicio do menu principal*/
ul#nav_main {
	z-index : 200;/*avoid slider overlaping main menu*/
	position : relative;
	top : 0;
	width :340px;
	height : 37px;
	margin : 0px 0px 0px 314px;
	padding : 0;
	list-style-type:none;
}
ul#nav_main a {
	display : block;
	height : 112px;
	text-indent : -9999px;
	text-decoration : none;
	overflow : hidden;
	list-style-type:none;
}	
/*/////////////////MENU FX///////////////////////////////*/
li#nav_main  {
	list-style-type:none;
}
li#inicio {
	position : absolute;
	top : 0;
	left : 3px;
	width : 71px;
	height : 112px;
	background : url(../images/menu/eng/inicio.png) no-repeat 0 0;
}
li#produtos {
		position : absolute;
		top : 0;
		left : 71px;
		width : 94px;
		height : 112px;
		background : url(../images/menu/eng/produtos.png) no-repeat 0 0;
}
li#historia {
		position : absolute;
		top : 0;
		left : 165px;
		width : 87px;
		height : 112px;
		background : url(../images/menu/eng/historia.png) no-repeat 0 0;
}
li#contatos {
		position : absolute;
		top : 0;
		left : 250px;
		width : 87px;
		height : 112px;
		background : url(../images/menu/eng/contatos.png) no-repeat 0 0;
}
li#inicio a:hover {
		background : url(../images/menu/eng/inicio.png) no-repeat 0 -112px;
}
li#produtos a:hover {
		background : url(../images/menu/eng/produtos.png) no-repeat 0 -112px;
}
li#historia a:hover {
		background : url(../images/menu/eng/historia.png) no-repeat -0 -112px;
}
li#contatos a:hover {
		background : url(../images/menu/eng/contatos.png) no-repeat -0 -112px;
}
				
/*//////////FIM DO MENU FX//////////////////////////*/

ul,ol { 
	list-style: none; 
}
fieldset,img { 
	border: none; 
}
img { 
	behavior:url(../includes/iepngfix.htc); 
}
.right { 
	float: right; 
	margin: 2px 10px 16px 20px; 
}
img.across { 
	margin: 2px 0 16px 0; 
}
p.last, ul.last, ol.last, li.last {
	_width:auto !important;
	_float:none !important; 
}
/* TYPE */
body { 
	background-color:#fff; 
	color:#333;
	line-height:1.4em; 
	font-family:"Trebuchet MS";
	font-size:12px;
	margin:0px 0 0 20px;
}
.info{
	color:#666;
	font-style:italic;
	font-size:12px;
}
/* LAYOUT */
img.right { 
	float: right; 
	margin: 2px 0 16px 20px; 
}
/* TYPE */

a {
	color: #2971a7; 
}
strong, b { 
	font-weight:bold; 
}
em, i { 
	font-style:italic; 
}
/*fim da base*/

.grid3cola .column {
	width:169px; 
	margin-top:0;
}
#content { 
	padding:0; 
	color:#555; 
}

/*///////////SLIDER/////////////////////////*/

/***** main *****/
#main a { 
	color:#2970a6; 
	text-decoration:none; 
}
#main a:hover { 
	text-decoration:underline; 
}

/***** sidebar *****/
#main .sidebox { 
	padding:0; 
	margin:0; 
	font-size:11px; 
	color:#76797c;
	line-height:1.3em; 
	background:url(../images/slider_base.gif) no-repeat 0 100%; 
}

/*bg titulo*/
#main h2#titleessentials { 
	height:17px; 
	padding:4px 12px; 
	margin:-1px 0 0; 
	color:#333; 
	font-size:13px; 
	font-weight:normal; 
	text-indent:-99999px; 
	background:url(../images/highlights.png) no-repeat 0 0; 
}
#main .boxtop h2 {
	line-height: 1em;
}
#essentials.sidebox {
	height: 524px;
	padding: 0;
}
#essentials .drawers {
	margin: 0; 
	padding: 0; 
	position: relative; 
	overflow: hidden; 
	height: 100%;
}
#essentials .drawers li { 
	margin: 0; 
	padding: 0; 
	width: 168px; 
	display: block; 
	position: absolute; 
	top: 0; 
	z-index: 1; 
}
#essentials .drawers a.thumbnail { 
	display: block; 
	padding: 16px 0 0; 
	text-decoration:none; 
	text-align:center; 
	background: url(../images/base_slide.png) -168px 82% no-repeat; 
}
#essentials .drawers a.thumbnail img { 
	margin-bottom: -10px; 
}
#essentials .drawers .handle { 
	display: block; 
	padding: 12px 15px 9px; 
	height: 67px; 
	margin-bottom: -6px; 
	overflow: hidden; 
	background: url(../images/base-slide_handle.png) -168px 100% no-repeat;
}
#essentials .drawers .handle:hover { 
	text-decoration: none; 
}
#essentials .drawers .handle strong { 
	display: block; 
	font-size: 14px; 
	color: #237ac5;
	height: 18px; 
	white-space: nowrap; 
	overflow: hidden; 
}
#essentials .drawers .handle .description { 
	color: #333; 
	height: 26px; 
	overflow: hidden; 
	line-height: 14px; 
}
#essentials .drawers li.obscured .handle { 
	background-position: 0 100%; 
}
#essentials .drawers li.obscured a.thumbnail { 
	background-position: 0 82%; 
}
#essentials .drawers li.obscured .handle .description { 
	color: #666; text-shadow: none; 
}
#essentials .drawers li.last obscured .handle { 
	background-position: 0 100%; 
}
#essentials .drawers li.last obscured a.thumbnail { 
	background-position: 0 82%; 
}
#essentials .drawers li.last obscured .handle .description { 
	color: #666; text-shadow: none; 
}

/*//////////////////////FIM SLIDER///////////////////////*

/*busca*/
#busca	{
	background-image:url(../images/fundo_topo.jpg);
	background-repeat:repeat;
	height:35px;
	width:750px;
}
#form{
	background-image:url(../images/fundo_busca_topo.jpg);
	background-repeat:repeat;
	padding: 3px 3px 2px 10px;
	height:30px;
	width:250px;
	float:right;
}		
#form.inputBusca {
	padding-left:3px;
	border:#06C 1px solid;
	margin-top:4px;
}
.checkbox {
	border: 0;
}
#resultadoBusca{
	width:250px;
	background-color:#fff;
	z-index:9999;
	position:absolute;
	border:#247cc6 1px solid;
	filter:alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
	display:block;
}
#resultadoBusca ul{
	list-style: none;
	width:250px;
}
#resultadoBusca li{
	margin: 0 0 15px 30px;
	padding: 0 0 10px 10px;
	border-bottom:#0099CC solid 1px;
}
#resultadoBusca p{
	margin:5px 0 0 30px;
}		
#resultadoBusca a{
	text-decoration:none;
}
#resultadoBusca a:hover{
	text-decoration:underline;
}
#resultadoBusca img{
	float:left;
	border:#DDD 1px solid;
	margin: 0 5px 10px -10px;
}
#resultadoBusca h1{
font-family:"Trebuchet MS";
	font-size:2em;
	color:#207fc7;
	padding:10px 0 15px 25px;
}
.desc_prod{
	padding: 5px 3px 10px 3px;
}
.cod{
	padding: 5px 3px 10px 3px;
}
/*inicio stripes*/
.odd {
	background-color:#ECFCF9;
}
.even {
	background-color:#FFF;
}
/*fim stripes */
#historia_txt{
	margin:5px 40px auto 40px;
	line-height:1.5em;
	letter-spacing:0.05em;
	text-align:justify;
	padding: 0 40px 0 0;
	width:520px;
}
#representantes{
	margin:5px 40px auto 40px;
	line-height:1.5em;
	letter-spacing:0.05em;
	text-align:justify;
	padding: 0 40px 0 0;
	width:520px;
}
#contato_txt{
	margin:30px 40px auto 40px;
	line-height:1.5em;
	letter-spacing:0.05em;
	text-align:justify;
	padding: 0 40px 0 0;
	width:520px;
}
.titulo{
	font-family:"Trebuchet MS";
	font-size:2em;
	color:#207fc7;
	padding:10px 0;
}
#js{
	width:350px;
	background-color:#FFCC66;
	margin:30px;
	padding:15px;
}
.frase{
	width:706px;
	margin: auto;
	color:#3083B3;
	line-height:1.4em; 
	font-family:"Trebuchet MS";
	font-size:12px;
}
.selec_pessoal{
	width:130px;
	margin-top:10px;
}
form.cmxform fieldset { 
	margin: 20px 0 10px 0; 
	border: 1px solid #C9DCA6;
}
form.cmxform legend {
	padding: 0 2px;
	font-weight: bold;
	_margin: 0 -7px; /* IE Win */
}
form.cmxform label {
	display: inline-block;
	line-height: 1.5;
	vertical-align: top;
}
form.cmxform fieldset ol {
	margin: 0;
	padding: 0;
}
form.cmxform fieldset li {
	list-style: none;
	padding: 5px;
	margin: 0;
}	
form.cmxform fieldset fieldset {
	border: none;
	margin: 3px 0 0;
}	
form.cmxform fieldset fieldset legend {
	padding: 0 0 5px;
	font-weight: normal;
}	
form.cmxform fieldset fieldset label {
	display: block;
	width: auto;
}
form.cmxform em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}
form.cmxform label { 
	width: 90px; /* Width of labels */
} 
form.cmxform fieldset fieldset label { 
	margin-left: 90px;  /* Width plus 3 (html space) */
}
form.cmxform input { 
	width: 150px; 
} 
form.cmxform textarea { 
	width: 150px;
 	height: 50px;
} 

/*\*//*/ form.cmxform legend { display: inline-block; } /* IE Mac legend fix */

form.cmxform {
	width: 98%;
	font-size: 1.1em;
	color: #333;
}
form.cmxform legend { 
	padding-left: 0; 
}
form.cmxform legend {
	color:#287dc6;
}
form.cmxform label { 
	color: #333; 
}
form.cmxform fieldset {
	border: none;
	border-top: 1px solid #C9DCA6;
	background: url(../images/fieldset_contato.png) left bottom repeat-x;
}
form.cmxform fieldset fieldset { 
	background: none; 
}
form.cmxform fieldset li {
	padding: 5px 10px 7px;
	background: url(../images/divider.png) left bottom repeat-x;
}
#coluna_contato{
	width:225px;
	margin-right: 10px;
	float:left;
}
#coluna_negocios{
	width:280px;
	float:right;
}	
.msg{
	font-family:"Trebuchet MS";
	font-size:13px;
	margin: 0 0 0 37px;
	color:#333;
	font-weight:bold;
	width:300px;
	display:block;
}	
.msg_contatos{
	font-family:"Trebuchet MS";
	font-size:13px;
	margin: 0;
	color:#333;
	font-weight:bold;
	width:400px;
	display:block;
}
#carimbo{
	width:80px;
	height:80px;
	background-image:url(../images/carimbo.png);
	position:relative;
	top:-350px;
	left:300px;
}
#languages{
	width:80px;
	display: block;
	clear: both;
	float:left;
}
#languages ul{
	list-style-type:none;
	text-indent: -9999px;
	margin-top: 5px;
}
#languages li{
	list-style-type:none;
	display: block;
	text-indent: -9999px;
}
#languages li a{
	list-style-type:none;
	display: block;
	text-indent: -9999px;
}
.ingles{
	background: url(../images/menu/flag_ingles.png) no-repeat;
	display: block;
	width: 40px;
	margin-left: 5px;
}
.ingles{
	background: url(../images/menu/flag_ingles.png) no-repeat;
	display: block;
	width: 32px;
	height:25px;
	margin-left: 5px;
	float: right;
}
.espanhol{
	background: url(../images/menu/flag_espanhol.png) no-repeat;
	display: block;
	width: 32px;
	height:25px;
	margin-left: 5px;
	float:right;
}
.portugues{
	background: url(../images/menu/flag_portugues.png) no-repeat;
	display: block;
	width: 32px;
	height:25px;
	float:right;
	margin-left: 5px;
}
