@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; font-size:12px; font-family:Verdana, Arial, sans-serif; color:#4d4d4d; list-style:none; }
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; }
a:focus, img:focus { outline:none; }
body{ overflow-x:hidden; }
img { border:none; }

@font-face {
	font-family: 'Conv_Bebas';
	src: url('fonts/Bebas.eot');
	src: local('Conv_Bebas'), url('fonts/Bebas.woff') format('woff'), url('fonts/Bebas.ttf') format('truetype'), url('fonts/Bebas.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.corpo{ max-width:990px; margin:0 auto; overflow:hidden; }
#topoPg{ width:100%; height:107px; background:#F1F1F1; border-top:8px solid #6e6f72; margin-top:10px; }

#logo{ float:left; margin:10px 170px 4px 20px; }
#topo{ width:100%; background:url(img/bgTopo.png); min-height:79px; }
.nav{ overflow:hidden; float:left; }
	.menu{ float:left; height:79px; line-height:420%; padding:0px 8px; font-family:'Conv_Bebas'; font-size:20px; color:#526347; text-transform:uppercase; background:url(img/separador.png) no-repeat center left; }
	.menu:hover, #menu1:hover{ background:url(img/bgMenu.png); text-decoration:none; }
	#menu1{ background:none; }
	
/*Home*/
#botoes{ width:98px; height:30px; top:-8px; background:url(img/bgNav.png) no-repeat bottom left; position:relative; margin-bottom:-43px; z-index:99; left:70%; padding-left:40px; }
	#botoes a{ width:19px; height:17px; float:left; background:url(img/bt.png) no-repeat; margin:7px 4px 0px 0px; text-indent:-100px; overflow:hidden; position:relative; z-index:100; }
	#botoes a:hover, #botoes .activeSlide{ background-position:0px -19px; }
#banner{ width:100%; border-top:10px solid #76c04e; border-bottom:5px solid #76c04e; text-align:center; position:relative; z-index:1; padding-bottom:23.5%; margin-top:5px; }
	#banner img{ width:100%; overflow:hidden; }
.box{ width:300px; height:207px; float:left; border:2px dotted #afafb0; overflow:hidden; margin:0px 39px 20px 0px; }
	.box a span{ font-family:'Conv_Bebas'; font-size:18px; color:#6e6f72; font-weight:normal; margin-left:-80px; position:relative; top:-130px; }
	.titulo{ background:#dcdcdc; border-bottom:3px solid #6e6f72; height:28px; line-height:33px; text-align:center; font-family:'Conv_Bebas'; font-size:21px; color:#6e6f72; font-weight:normal; }
	.box img{ width:160px; }
#mycarousel li a{ font-family:'Conv_Bebas'; font-size:19px; color:#565656; }
#mycarousel li a:hover{ text-decoration:none; opacity:0.7; filter:alpha(opacity=70); }
	
/*Empresa*/
#direita{ max-width:330px; min-width:280px; background:url(img/bgDir.png) repeat-y; padding:45px 20px 30px 25px; overflow:hidden; }
	#direita h2{ font-family:'Conv_Bebas'; color:#72bf44; text-transform:uppercase; font-size:22px; font-weight:normal; }
	.emp{ margin:0px 3px 4px 0px; border:1px solid #72bf44; border:1px solid #000; }
#empresa{ max-width:565px; margin:30px 25px 0px 0px; overflow:hidden; float:left; padding-left:25px; }
	#empresa h2{ font-family:'Conv_Bebas'; color:#72bf44; text-transform:uppercase; font-size:22px; font-weight:normal; }
	#empresa img{ margin:15px 0px; width:100%; }
	
/*Produtos*/
#fundoProd{ background:#72bf44 url(img/bgProd.png) no-repeat 1800px 250px; width:2000px; min-height:1240px; position:absolute; top:0px; left:50%; margin-left:-2480px; z-index:-1; top:100px; }
#menuProd{ min-width:165px; max-width:270px; overflow:hidden; background:#72bf44 url(img/bgProd.png) no-repeat -184px 145px; min-height:1135px; }
	#buscaProd #termo{ width:130px; height:23px; border:none; margin:50px 0px 0px 25px; color:#5c9c36; font-family:Verdana; padding-left:5px; float:left; }
	#buscaProd #okbusca{ float:right; margin:48px 5px 0px 0px; }
	#menuProd a{ font-family:'Conv_Bebas'; text-transform:uppercase; color:#FFF; font-size:22px; float:right; line-height:35px; margin-right:15px; }
	#menuProd a:hover{ text-decoration:none; color:#060; }
#produtos{ width:73%; min-width:300px; float:right; }
	.prod{ float:left; position:relative; width:160px; height:285px; background:url(img/bgProd.gif) repeat-x 0px 160px; margin-left:15px; line-height:18px; overflow:hidden; }
	.prod:hover{ text-decoration:none; }
	
/*Noticias*/
#noticia{ max-width:565px; margin:30px 25px 0px 0px; overflow:hidden; float:left; padding-left:25px; text-align:justify; }
	#noticia .titnot{ font-family:'Conv_Bebas'; color:#72bf44; text-transform:uppercase; font-size:30px; font-weight:normal; }
	#noticia img{ float:left; margin:0px 20px 15px 0px; max-width:300px; }
	
/*Representantes*/
#representante{ float:left; min-width:350px; min-height:500px; margin:30px 20px -130px 5px; background:#FFF; }
	#representante span{ font-family:'Conv_Bebas'; color:#72bf44; text-transform:uppercase; font-size:30px; font-weight:normal; }
#container{ min-width:300px; margin:130px 0px 0px 20px; overflow:hidden; }
	
/*Contato*/
#contato{ float:left; max-width:480px; margin:30px 20px 0px 0px; padding:0px 20px; }
	#contato span{ font-family:'Conv_Bebas'; color:#72bf44; text-transform:uppercase; font-size:30px; font-weight:normal; }
	#nome, #email, #assunto{ width:100%; height:24px; border:1px solid #CCC; padding-left:5px; margin-top:10px; }
	#mensagem{ width:100%; height:90px; border:1px solid #CCC; padding:5px 0px 0px 5px; margin-top:10px; overflow:auto; }
	#enviar{ float:right; margin:10px -7px 0px 10px; }
	#limpar{ cursor:pointer; float:right; margin-top:10px; }

/*Rodape*/
#bottom{ width:100%; min-height:230px; background:#efefef; margin-top:20px; padding-top:20px; }
	#news{ width:299px; height:205px; float:left; background:url(img/bgNews.gif) no-repeat 0px 30px; text-align:center; overflow:hidden; margin:0px 0px 15px 20px; }
	#nomeNews, #emailNews{ width:190px; height:15px; margin:15px 0px 8px 0px; border:none; }
	#ok{ width:35px; height:35px; margin:8px 5px 0px 0px; }
	#catalogo{ max-width:330px; min-width:298px; float:left; margin:0px 0px 15px 20px; overflow:hidden; }
		#catalogo h1{ border:none; }
	#rep{ min-width:298px; float:left; margin:0px 0px 15px 20px; }
#rodape{ width:auto; height:46px; background:#72bf44; padding-top:8px; clear:both; }

@media screen and (max-width : 1023px) {
	/*Home*/
	#box1, #box2{ width:45%; margin:0px 0px 20px 3%; text-align:center; }
		.box a span{ font-family:'Conv_Bebas'; font-size:18px; color:#6e6f72; font-weight:normal; margin-left:0px; position:relative; top:-130px; }
	#box3, #titcar{ width:90%; margin:0px 5% 20px 5%; }
}
@media screen and (max-width : 700px) {
	#box1, #box2{ width:90%; margin:0px 5% 20px 5%; text-align:center; }
	.nav{ margin-left:40px; }
}