@charset "utf-8";

body{margin: 0; padding: 0; background: url(/images/bg.png) top center repeat-x;}

a { color: #0F9D51; }

h1 { font: normal 300 50px/54px "myriad-pro-n3","myriad-pro", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -2px; margin: 50px 0 0; padding: 0; color: #fafafa; }
h2 { font: normal 300 26px/30px "myriad-pro-n3","myriad-pro", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; margin: 5px 0 0; padding: 0 0 10px; color: #494949; }
h2 strong { font: normal 600 26px/30px "myriad-pro-n3","myriad-pro", Helvetica, Arial, sans-serif; }
h3 { font: normal 300 26px/30px "myriad-pro-n3","myriad-pro", Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: -1px; margin: 5px 0 0; padding: 0 0 10px; color: #0fa153; }
.italic { font-style: ; }
.verde { color: #0fa153 !important; } 
p{font: 12px/30px Verdana, Geneva, sans-serif; color:#494949;margin:0px 0 18px 0px;padding:0}

h1 a{ color: #fafafa; text-decoration: none; }
h1 a:hover{ text-decoration: underline; }
p a{color:#444; font-weight:bold;text-decoration:none}
p a:hover{text-decoration:underline}
#pHome{font: 11px/22px Tahoma, Geneva, sans-serif; color:#494949;margin: 0px 2px 0; padding:0}
span {font: 11px/22px Tahoma, Geneva, sans-serif; color:#494949;margin:0px;padding:0}
.controle{width:100%; clear:both; margin:0; padding: 0; font-size: 0; line-height: 0; height:0; }
#warp{width:980px;margin: 0 auto;}
#warp #topo {height:260px; margin:0; padding: 27px 0 0;/* background:darkblue*/ position:relative}
#warp #topo #titu{width:326px;height:340px;position:absolute;top:159px;right:0px}
#warp #topo #logo{float:left; width:219px; height:123px; margin: 0 0 0 9px}
#warp #topo #menu{float:right; width:640px; height:40px;  margin: 65px 0 0 0}
#warp #topo #menu ul{float:left; margin: 0; padding:0; list-style:none; width: 640px; }
#warp #topo #menu ul li{float:left; margin: 0; padding:0; height: 40px; }
#warp #topo #menu ul li a { display: block;  padding: 0 32px; text-align: center; font: normal 400 16px/40px "myriad-pro-n3","myriad-pro", Helvetica, Arial, sans-serif; color: white; text-decoration:none; letter-spacing: -1px; }
#warp #topo #menu ul li a:hover, a.lAtivo { box-shadow: #080808 0 0 15px; color: #0fa153 !important;  background: #151515; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#warp #slide {width:980px; height: 250px; background: none; margin:0; padding:0; position:relative; }
#warp #slide a { display: block; position: absolute; width: 275px; height: 280px; text-decoration: none; top: 0; left: 0; z-index: 3333; }
#warp #slide a:hover { z-index: 8888 !important; }

.btn-linhas { background: url(/images/btnTop.png) left top no-repeat; cursor: pointer; height:56px; width:274px; position: absolute; top: 190px; left: 50%; margin-left: -485px; z-index: 9999; }
.wrap-linhas { display: none; background: url(/images/bt.png) top left repeat; border-radius: 3px; padding: 5px; width: 980px; position: absolute; top: 220px; left: 50%; margin-left: -493px; z-index: 9998; }
.wrap-linhas .bg { background: #f8f8f8; }

.wrap-linhas ul.ul-cat { float: left; background: #f3f2f2; border-bottom: 1px solid #e5e5e5; list-style: none; margin: 0; padding: 30px 0 0; width: 200px; }
.wrap-linhas ul.ul-cat li { border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; cursor: pointer; font: bold 11px Tahoma, Geneva, sans-serif; color:#535353; margin: 0; padding: 10px; }
.wrap-linhas ul.ul-cat li:hover, .wrap-linhas ul.ul-cat li.on { background-color: #f8f8f8; color: #0fa153; border-right: 0; }
.wrap-linhas ul.ul-cat li a { text-decoration: none; }

.wrap-linhas .categorias-produtos { float: right; width: 730px; padding: 30px 25px; }
.wrap-linhas .categorias-produtos .cat-show { display: none; }
.wrap-linhas .categorias-produtos .cat-show:first-child { display: block; }

.categorias-produtos a { text-decoration: none; transition: ease 0.3s all; }
.categorias-produtos a:hover { color: #0f9d51; }
.categorias-produtos ul { margin: 0; padding: 0; list-style: none; }
.categorias-produtos ul li { margin: 0; padding: 0; }

.categorias-produtos ul > li > a { display: block; border-bottom: 1px solid #eee; color: #0f9d51; font: bold 11px/14px Tahoma, Arial, sans-serif; margin: 0; padding: 10px 15px; }
.categorias-produtos ul > ul > li > a { display: block; color: #585858; font: bold 11px/14px Tahoma, Arial, sans-serif; padding: 2px 15px; }
.categorias-produtos ul > ul > li > a:before { content: "› "; }
.categorias-produtos ul > ul > ul > li > a { display: block; color: #888; font: 11px/14px Tahoma, Arial, sans-serif; padding: 2px 23px; }


#bgDrop { background: #f8f8f8; height:410px}
#drop #listaDrop ul{list-style:none;margin:0 0  0 5px;padding:0; background:#f3f2f2; width:187px; padding: 27px 10px 10px 0;}
#drop #listaDrop ul li {padding:9px 10px 9px; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5; background: #f3f2f2; width:177px;font: bold 12px Tahoma, Geneva, sans-serif; color:#535353; text-decoration:none}
#drop #listaDrop ul li:hover {background: #ffffff; cursor:pointer; border-right:0;color:#0fa153}
#drop #listaDrop .listaa{background: #ffffff; border-right:0;color:#0fa153}
#drop #listaDrop{float:left;}

#drop #listaDropConteudo{float:left; width:543px; height:280px; margin:5px 5px 0 -1px;}
#drop #listaDropConteudo ul{height:280px;list-style:none;margin:10px 5px 0px 0;padding:0; width:530px; padding: 27px 10px 10px 0;}
#drop #listaDropConteudo ul li{padding:7px 10px 7px; width:530px;font: bold 11px Tahoma, Geneva, sans-serif; color:#535353; text-decoration:none}
#drop #listaDropConteudo ul li:hover{cursor:pointer; border-right:0;color:#0fa153}
#drop #listaDropConteudo .listaa{background: #ffffff; border-right:0;color:#0fa153}

#drop #imgProduto{ float:right}
#drop #imgProduto .div{width:214px;border:1px solid #ccc;height:290px;margin:25px 25px 25px 0px; float:right;display:none;box-shadow:0 0 10px #f2f2f2}
.warpImgTxt{background:#ccc !important; height:40px !important;}

a img{border:0 !important}

#conteudo{ width:980px; margin:50px 0; display:block}
#conteudo ul { font: 12px/22px Verdana, Geneva, sans-serif; color: #484848; margin: 0 0 20px; padding: 0 20px; }
#conteudo #imgEmpresa2{float:right;width:310px;height:225px; margin:190px 0 0;}
#conteudo #texto {width:610px; text-align:;padding-top:25px; float:left}
#conteudo #chamada1{padding:0 0 0 10px;float:left;display:block; width:294px; height:134px; background: url(/images/chamada1.png) center top no-repeat;margin:0 1px}
#conteudo #chamada1:hover h2, #conteudo #chamada2:hover h2, #conteudo #chamada3:hover h2 { color: #0f9f53; cursor: pointer; }
#conteudo #chamada2{padding:0 0 0 28px;float:left;display:block; width:300px; height:134px; background: url(/images/chamadaHome2.png) right 0px no-repeat;margin:0 1px 0 0;}
#conteudo #chamada3{padding:0 0 0 23px;float:left;display:block; width:318px; height:134px; background: url(/images/chamada3.png) center top no-repeat;}
#rodape{height:91px; border-top: 1px solid #e0e0e0; margin:30px 0 0 0; }
#rodape #centralRodape{width:980px;height:71px;margin:0 auto; padding:20px 0 0 }
#rodape #logo2 { float:left; width:93px; height:49px;}
#rodape #centralRodape .txtBase{width:218px;margin:5px 0 0 ;float:left}
#rodape #xneo{float:right; margin:20px}
#conteudo #warpMapa{position:relative; width:473px; height:303px;float:right;margin:0 20px 0 0 }
#conteudo #warpMapa #overMapa{background:url(/images/bgMapa.png) center top no-repeat;z-index:8888 !important;position:absolute;top:0px;left:0px;width:475px;height:303px;}
#conteudo #warpMapa #overMapa #mapa{width:425px;height:196px;margin:52px 0 0 17px;overflow:hidden;position:relative}
#conteudo #endereco{float:left; width:350px;height:250px;margin:50px 0 0 0}
#conteudo #warpForm{width:980px;height:350px;}
#conteudo #warpForm table{float:left}
#conteudo #warpForm .input{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:8px; border:1px solid #ccc; width:350px; font:15px "myriad-pro-n3","myriad-pro", Helvetica, Arial, sans-serif; color:#494949}
#conteudo #warpForm .input:hover{border:1px solid #888}
#conteudo #warpForm .input:focus{border:1px solid #0fa153}
#conteudo #warpForm textarea{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;padding:8px;height:156px;resize:none;padding:5px; border:1px solid #ccc; width:350px; font:15px "myriad-pro-n3","myriad-pro", Helvetica, Arial, sans-serif; color:#494949}
#conteudo #warpForm textarea:hover{border:1px solid #888}
#conteudo #warpForm textarea:focus{border:1px solid #0fa153}

#btn{width:120px;height:50px;border:0;padding:0;margin:0;float:right;background:url(../images/btnEnviar.png) left top no-repeat;}
#btn:hover{background:url(../images/btnEnviarHover.png);cursor:pointer}

#conteudo #listaDrop ul{list-style:none;margin:0 0  0 5px;padding:0; width: 210px; }
#conteudo #listaDrop ul li { margin: 5px 0; padding: 0; }
#conteudo #listaDrop ul li a{ display: block; background: #f2f2f2; border-bottom: 1px solid #e0e0e0; font: bold 12px Tahoma, Geneva, sans-serif; color:#535353; text-decoration:none;display:block;padding:12px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
#conteudo #listaDrop ul li:hover a{color:#0fa153;}

#conteudo #listaDrop ul ul { margin: 0 !important; padding: 0 0 20px !important; }
#conteudo #listaDrop ul ul li { margin: 0 !important; padding: 2px 0 !important; background: none !important; border: 0 !important; border-bottom: 1px dotted #ddd !important; box-shadow: none !important; }
#conteudo #listaDrop ul ul li a { margin: 0 !important; padding: 6px 18px !important; background: none !important; border: 0 !important; box-shadow: none !important; font: bold 11px Tahoma, Geneva, sans-serif !important; color: #777 !important; }
#conteudo #listaDrop ul ul li a:hover { color: #0fa153 !important; }

#conteudo #listaDrop .listaa{background: #fff; border-right:0;color:#0fa153}
#conteudo #listaDrop{float:left;}

#conteudo .wrapProdutos table  { font: 12px/20px Verdana, Geneva, sans-serif; color: #484848; }
.wrapProdutos table, .wrapProdutos tr, .wrapProdutos td { border: 1px solid #ddd; border-collapse: collapse; }
.wrapProdutos table td { padding: 5px; }

.warpServicos{width:980px;height:250px; border-bottom:1px solid #ccc}
.warpServicos .warpImgServicos{border-radius:5px;float:left;margin:25px;box-shadow:0 0 10px #ccc;-webkit-box-shadow:0 0 10px #ccc;-moz-box-shadow:0 0 5px #ccc;width:200px;height:200px;border:1px solid #ddd}
.warpServicos .warpTxtServ{float:left;margin:25px 0;width:700px;height:200px;}
.warpServicos .warpTxtServ2{float:left;margin:25px 0;width:700px;height:200px;text-align:right}

#conteudo #lista { list-style: square; margin: 0; padding: 0 20px; }
#conteudo #lista li {font: 12px/24px Verdana, Geneva, sans-serif; color: #0fa153; margin: 0 0 5px; padding:0; }
#conteudo #lista li span { color: #494949 !important; font: 11px/28px Verdana, Geneva, sans-serif; }


/* Mensagens */
.sucesso { background: #d9edd7 url(/images/sucesso.png) 10px center no-repeat; border: 1px solid #a1d29a; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #575f56; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.alerta { background: #ffefcc url(/images/alerta.png) 10px center no-repeat; border: 1px solid #ffd67f; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #de8912; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.informacao { background: #ccdcff url(/images/informacao.png) 10px center no-repeat; border: 1px solid #7fa6ff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #3d4a66; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }
.erro { background: #ffcccc url(/images/erro.png) 10px center no-repeat; border: 1px solid #ff7f7f; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; color: #ba4747; font: bold 11px/25px Tahoma, Geneva, sans-serif; margin: 0 0 20px; padding: 10px 10px 10px 50px; }

.wrapProdutos { float: right; width:730px;  }
.produto{ position:relative; float: left; margin: 20px 15px; height: 290px; width: 202px; border-radius: 3px; border: 1px solid #ddd; text-decoration: none; }
.produto:hover{box-shadow:0 0 10px #ddd}
.produto .nome { background:url(/images/bgNomeProd.png) top center no-repeat; width: 192px; height: 43px; padding: 5px 10px; display: block; color: #fff; font: bold 11px/16px Tahoma, Geneva, sans-serif; position: absolute; top: 5px; left: -5px; }
.produto .btnProd{display:block;position:absolute;bottom:-20px;right:10px;width:95px;height:41px;}
.produto .btnProd .VejaMais{display:block;width:96px;height:41px; background:url(/images/vejaMais.png) top center no-repeat;text-decoration:none}
.produto .btnProd .VejaMais:hover{background:url(/images/vejaMaisHover.png) top center no-repeat;}
.produto .codigo { display: block; font: 11px Tahoma, Geneva, sans-serif; color: #484848; text-align: center; width: 202px; height: 15px; bottom: 30px; left: 0; position: absolute; }
.produto .codigo2 { display: block; font: 11px Tahoma, Geneva, sans-serif; color: #484848; text-align: center; width: 202px; height: 15px; bottom: 10px; left: 0; position: absolute; }

/* Slides */
.jcarousel-skin-tango .jcarousel-item {
    width: 219px !important;
	background:url(/images/slid1.png) 0 0px no-repeat;
    height: 274px !important;
	z-index:7777 !important;
 	text-align: center !important;
  	font: 20px/220px Verdana, Geneva, sans-serif !important;
}
.jcarousel-skin-tango .jcarousel-item:hover {
    width: 219px !important;
	background:url(/images/slide1BtnHover.png) -1px 0 no-repeat;
	cursor:pointer !important;
    height: 274px !important;
	z-index:9999 !important;
 	position: relative !important;
}
.jcarousel-skin-tango .jcarousel-item a {
 font-size: 0; line-height: 0; display: block; width: 219px; height: 274px;
}

/*
.agrale4100 { background: url(/images/categorias/agrale4100.png) 0 0 no-repeat !important; }
.agrale4100:hover { background: url(/images/categorias/agrale4100Over.png) 0 0 no-repeat !important; }
.agrale4200 { background: url(/images/categorias/agrale4200.png) 0 0 no-repeat !important; }
.agrale4200:hover { background: url(/images/categorias/agrale4200Over.png) 0 0 no-repeat !important; }
.agrale4300 { background: url(/images/categorias/agrale4300.png) 0 0 no-repeat !important; }
.agrale4300:hover { background: url(/images/categorias/agrale4300Over.png) 0 0 no-repeat !important; }
.cbt { background: url(/images/categorias/cbt.png) 0 0 no-repeat !important; }
.cbt:hover { background: url(/images/categorias/cbtOver.png) 0 0 no-repeat !important; }
.clayson { background: url(/images/categorias/clayson.png) 0 0 no-repeat !important; }
.clayson:hover { background: url(/images/categorias/claysonOver.png) 0 0 no-repeat !important; }
.graneleiras { background: url(/images/categorias/graneleiras.png) 0 0 no-repeat !important; }
.graneleiras:hover { background: url(/images/categorias/graneleirasOver.png) 0 0 no-repeat !important; }
.santamatilde { background: url(/images/categorias/santamatilde.png) 0 0 no-repeat !important; }
.santamatilde:hover { background: url(/images/categorias/santamatildeOver.png) 0 0 no-repeat !important; }
.valmet { background: url(/images/categorias/valmet.png) 0 0 no-repeat !important; }
.valmet:hover { background: url(/images/categorias/valmetOver.png) 0 0 no-repeat !important; }
.outros { background: url(/images/categorias/outros.png) 0 0 no-repeat !important; }
.outros:hover { background: url(/images/categorias/outrosOver.png) 0 0 no-repeat !important; }
*/
.agricola { background: url(/images/categorias/agricolas.png) 0 0 no-repeat !important; left: -40px !important; }
.agricola:hover { background: url(/images/categorias/agricolasOver.png) 0 0 no-repeat !important; }
.usinagem { background: url(/images/categorias/usinagem.png) 0 0 no-repeat !important; left: 156px !important; }
.usinagem:hover { background: url(/images/categorias/acessoriosOver.png) 0 0 no-repeat !important; }
.equalizer { background: url(/images/categorias/equalizer.png) 0 0 no-repeat !important; left: 352px !important; }
.equalizer:hover { background: url(/images/categorias/equalizerOver.png) 0 0 no-repeat !important; }
.maquinas { background: url(/images/categorias/maquinas.png) 0 0 no-repeat !important; left: 548px !important; }
.maquinas:hover { background: url(/images/categorias/maquinasOver.png) 0 0 no-repeat !important; }
.manutencao { background: url(/images/categorias/manutencao.png) 0 0 no-repeat !important; left: 744px !important; }
.manutencao:hover { background: url(/images/categorias/manutencaoOver.png) 0 0 no-repeat !important; }

.categoriasList { padding: 20px 0 0; margin: 0; list-style: none; float: left; }
.categoriasList li { margin: 0; padding: 0; font: bold 11px/20px Verdana, Geneva, sans-serif; color: #535353; background: #f3f2f2; border-top: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; width: 180px; padding: 10px; }
.categoriasList li:hover, li.liactive { color: #0fa153; background: #f8f8f8; border-right: 1px solid #f8f8f8; cursor: pointer; }

.prodList { margin: 0; padding: 0 0 0 30px; list-style: none; height: 385px; }
.prodList li { height: 24px; padding: 3px 0; font: bold 11px/24px Verdana, Geneva, sans-serif; color: #484848; border-bottom: 1px dotted #f8f8f8; width: 450px; } 
.prodList li:hover { border-bottom: 1px dotted #ccc; }
.prodList li a { color: #484848; display: block; }
.prodList li a:hover { color: #0fa153; text-decoration: none; }

/* Geral */
.box-hd { height: 1px; overflow: hidden; }

/* Produtos */
.menu-lateral { float: left; width: 250px; }
.menu-lateral a { text-decoration: none; transition: ease 0.3s all; }
.menu-lateral a:hover { color: #0f9d51; }
.menu-lateral ul { margin: 0; padding: 0; list-style: none; }
.menu-lateral ul li { margin: 0; padding: 0; }

.menu-lateral > ul > li > a { display: block; background: #f2f2f2; border-bottom: 1px solid #eee; border-radius: 3px; color: #535353; font: bold 12px/14px Tahoma, Arial, sans-serif; margin: 0 0 2px; padding: 15px; }
.menu-lateral > ul > ul li:last-child { margin: 0 0 15px; }
.menu-lateral > ul > ul > li > a { display: block; border-bottom: 1px solid #eee; color: #0f9d51; font: bold 11px/16px Tahoma, Arial, sans-serif; margin: 0 0 5px; padding:  10px 15px; }
.menu-lateral > ul > ul > ul > li > a { display: block; color: #585858; font: bold 11px/16px Tahoma, Arial, sans-serif; padding: 5px 15px; }
.menu-lateral > ul > ul > ul > li > a:before { content: "› "; }
.menu-lateral > ul > ul > ul > ul > li > a { display: block; color: #888; font: 11px/16px Tahoma, Arial, sans-serif; padding: 5px 23px; }

.wrap-produtos { float: right; width: 680px; }

.i-prod { border: 1px solid #eee; border-radius: 2px; float: left; margin: 10px; width: 204px; height: 270px; position: relative; text-decoration: none; }
.i-prod .descricao { position: absolute; top: 3px; left: -4px; width: 192px; height: 30px; padding: 10px; background: #0F9D51 url(/images/grad.png) left bottom repeat-x; border-bottom: 1px solid #0b8845; border-radius: 2px; box-shadow: 0 3px 3px rgba(0,0,0,0.15); color: #fff; font: bold 11px/15px Tahoma, Arial, sans-serif; text-align: center; overflow: hidden; }
.i-prod img { display: block; width: 194px; height: 194px; margin: 31px 5px 5px; border-radius: 2px; }
.i-prod .codigos { color: #888; font: 10px/12px Tahoma, Arial, sans-serif; text-align: center; display: block; margin: 5px; padding: 5px; }

.img-cat { padding: 20px 0; text-align: center; }
.img-cat img { display: inline-block; max-width: 100%; box-shadow: 0 0 10px rgba(0,0,0,0.15); }

.produtos-imagens { float: left; width: 250px; }
.produtos-imagens a { display: block; border: 1px solid #eee; border-radius: 2px; height: 220px; margin: 10px 0; padding: 4px; }
.produtos-imagens p { color: #aaa; font-size: 9px; line-height: 15px; margin: 0; padding: 0; text-align: center; }

.produtos-info { float: right; width: 400px; }
.produtos-info .texto { border-top: 1px dotted #eee; margin: 0; padding: 15px 0; }

.produtos-docs { }
.produtos-docs a { display: block; background: #fbfbfb; border: 1px solid #eee; border-radius: 3px; color: #484848; font: bold 12px/24px Tahoma, Arial, sans-serif; margin: 10px 0; padding: 15px 20px; text-decoration: none; }
.produtos-docs a i { color: #888; display: inline-block; font-size: 2em; margin-right: 15px; vertical-align: middle; }
.produtos-docs a:hover { color: #0f9d51; }

p.voltar { border-top: 1px solid #eee; margin: 25px 0; padding: 20px 5px; text-align: center; }
p.voltar a { border: 1px solid #eee; border-radius: 35px; display: inline-block; color: #484848; font: bold 11px/20px Tahoma, Arial, sans-serif; padding: 10px 20px; text-decoration: none; }