@charset "utf-8";

/* ########## CONFIGURAÇÕES ########## */

div, span, object, input, h1, h2, h3, h4, h5, h6, ol, ul, li, form, label, table, tr, th, td, fieldset{margin:0;padding:0;border:0;outline:0;}
html, body {margin:0;padding:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
* html li {height:1%;}
img{ border:0;}
ol, ul {list-style:none;}

a {color:#000; text-decoration:none;}
a:hover {color:#666; text-decoration:inherit;}

h1{font-size: 16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; }
h2{font-size: 13px; font-weight:bold; font-family:Tahoma, Geneva, sans-serif; text-transform:uppercase; letter-spacing:1px; }
h3{font-size: 11px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:1px; font-weight:lighter; }

h4{font-size: 16px; font-weight:bold;}

/* ########## CONFIGURAÇÕES ########## */

.bg{ background:#fff repeat-x top url(imagem/bg.jpg);}

#geral {color:#000; overflow:hidden;}

#topo{height:118px; width:951px; padding:12px 26px 20px 26px; margin:0 auto; clear:both;  background:no-repeat 95px 10px url(imagem/bg-geral.jpg); overflow:auto;}

#topo .logo{float:left; width:225px; height:60px;margin-right:20px; padding:29px 0;}

#topo .topo-1 {float:left; overflow:hidden; height:73px; width:705px; text-align:right; padding-top:10px;}

#topo .menu{float:left; width:705px; height:35px; overflow:hidden;}
#topo .menu ul{overflow:hidden; color:#fff; line-height:35px; height:35px;}
#topo .menu ul li{font-family:Arial, Helvetica, sans-serif; font-size:11px; height:35px; float:left; overflow:hidden; background:url(imagem/bg-menu.jpg) repeat-x top; text-transform:uppercase; font-weight:bold; border-right:1px solid #666; }
#topo .menu ul li a{padding:0 16px; display:block; color:#fff;} 
#topo .menu ul li a:hover{background:url(imagem/bg-menu-h.jpg) repeat-x top; color:#fff;} 
#topo .menu ul li.le{ background:url(imagem/menu-le.gif) no-repeat left top !important; width:9px; overflow:hidden;  border:none !important;}
#topo .menu ul li.ld{ background:url(imagem/menu-ld.gif) no-repeat right top !important; width:8px; overflow:hidden;  border:none !important;}
#topo .menu ul li.ultimo{ border:none !important;}

#content {overflow:hidden; width:963px; margin:0 auto 20px auto; }

#le{width:190px; margin-right:20px; float:left; overflow:auto; }
#le #cliente{ margin-bottom:20px; overflow:auto;}
#le #fornecedores{ margin-bottom:20px; overflow:hidden;}
#le #empresa{ margin-bottom:20px; overflow:auto;}

#main{float:left; width:753px; overflow:auto; }

#main #ani{width:753px; overflow:auto; clear:both; margin-bottom:30px;}
#main #noticias{width:340px; padding-right:20px; float:left;}
#main #orcamento{width:186px; padding-right:20px; float:left;}
#main #fale-conosco{width:186px; float:left; }

#main-auxiliar{float:left; width:753px; overflow:auto; }
#main-auxiliar #imagem{width:753px; overflow:hidden; height:180px; clear:both; padding-bottom:20px; }
#main-auxiliar a{ color:#000;}
#main-auxiliar a:hover{ color:#900;}


/* ########## BOXES ########## */
ul.box {overflow:auto;}
ul.box li.top span{padding-right:7px; background:url(imagem/box-2.gif) no-repeat right top; display:block; overflow:hidden;}
ul.box li.top span h1{ padding:0 0 0 7px; background:url(imagem/box-1.gif) no-repeat left top; overflow:hidden; }
ul.box li.top span a{background:#ccc url(imagem/box-bg.gif) bottom repeat-x; display:block; color:#fff !important; height:35px; overflow:hidden; line-height:30px;}
ul.box li.top span a:hover{color:#fff !important;}
ul.box li.main ul{background:#fff; overflow:auto; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
ul.box li.main ul li {padding:5px 10px; overflow:hidden; }
ul.box li.main ul li ul{margin:10px 30px; border:none; clear:both; }
ul.box li.main ul li ul li{background:url(imagem/arrows.gif) 0 9px no-repeat; padding:5px 0 5px 9px;  }
ul.box li.footer span{padding-right:7px; background:url(imagem/box-4.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.box li.footer span h3{ padding:0 0 0 7px; background:url(imagem/box-3.gif) no-repeat left bottom; overflow:hidden;}
ul.box li.footer span a{background:#fff; color:#000; display:block; padding:5px 0; border-bottom:#CCC solid 1px; border-top:#CCC dotted 1px; text-align:right; }
ul.box li.footer span a:hover{color:#666;}

	/* BOX 2  */
ul.box2 {overflow:auto;}
ul.box2 li.top span{padding-right:7px; background:url(imagem/box2-2.gif) no-repeat right top; display:block; overflow:hidden;}
ul.box2 li.top span h2{ padding:0 0 0 7px; background:url(imagem/box2-1.gif) no-repeat left top; overflow:hidden; color:#000; }
ul.box2 li.top span a{background:#ccc url(imagem/box2-bg.gif) bottom repeat-x; display:block; color:#666; height:35px; overflow:hidden; line-height:30px;}
ul.box2 li.top span a:hover{color:#222;}
ul.box2 li.main ul{background:#fff; overflow:auto; border-left:#CCC solid 1px; border-right:#CCC solid 1px;}
ul.box2 li.main ul li{padding:5px 10px 10px 10px; height:100%;}
ul.box2 li.footer span{padding-right:7px; background:url(imagem/box2-4.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.box2 li.footer span h3{ padding:0 0 0 7px; background:url(imagem/box2-3.gif) no-repeat left bottom; overflow:hidden;}
ul.box2 li.footer span a{background:#fff; color:#000; display:block; padding:5px 0; border-bottom:#CCC solid 1px; border-top:#CCC dotted 1px; text-align:right; }
ul.box2 li.footer span a:hover{color:#666;}
ul.box2 li.footer2 span{padding-right:7px; background:url(imagem/box2-4-2.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.box2 li.footer2 span h3{padding:0 0 0 7px; background:url(imagem/box2-3-2.gif) no-repeat left bottom; overflow:hidden;}
ul.box2 li.footer2 span a{background:#CC0000 url(imagem/box2-bg-2.gif) repeat-x top; color:#fff; display:block; border-bottom:#990000 solid 1px; text-align:right;  height:29px; overflow:hidden; line-height:35px;  }
ul.box2 li.footer2 span a:hover{color:#fff; text-decoration:underline;}

	/* CATEGORIAS 2  */
ul.categorias {overflow:auto;}
ul.categorias li{width:753px; overflow:hidden;}
ul.categorias li.t1{ width:92px; float:left; margin-right:1px;}
ul.categorias li.t1 span{padding-right:7px; background:url(imagem/cat-t1-2.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.categorias li.t1 span h2{ padding:0 0 0 7px; background:url(imagem/cat-t1-1.gif) no-repeat left bottom; overflow:hidden; }
ul.categorias li.t1 span a{background:#CC0000; display:block; color:#fff; height:29px; text-align:center; overflow:hidden; line-height:30px; border-bottom:#990000 solid 1px; }
ul.categorias li.t1 span a:hover{color:#fff;}
ul.categorias li.t2 {width:660px; float:left;}
ul.categorias li.t2 h2{ padding:5px; background:#757575; border-left:#000 solid 1px; border-right:#000 solid 1px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px;}
ul.categorias li.t2 ul{background:#fff; overflow:auto; height:100%;  border-left:#000 solid 1px; border-right:#000 solid 1px; background:#333333 url(imagem/bg-categorias.jpg) repeat-x top;}
ul.categorias li.t2 ul li{padding:3px 5px; height:100%; width:208px; float:left; color:#FFF; border-right:dotted 1px #999;}
ul.categorias li.t2 span{padding-right:7px; background:url(imagem/cat-t2-2.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.categorias li.t2 span h3{padding:0 0 0 7px; background:url(imagem/cat-t2-1.gif) no-repeat left bottom; overflow:hidden;}
ul.categorias li.t2 span a{background:#333; color:#ccc; display:block; padding-bottom:5px; border-bottom:#000 solid 1px; text-align:right; }
ul.categorias li a{color:#ccc;}
ul.categorias li a:hover{color:#fff;}


ul.box3 {margin:0 !important; clear:none !important; border:none !important;}
ul.box3 a{ color:#900 !important;}
ul.box3 a:hover{ color:#F00 !important;}
ul.box3 li{background:none !important; padding:0 !important;}
ul.box3 li.top {padding:0 7px 0 0 !important; background:url(imagem/box3-2.gif) no-repeat right top !important; display:block; overflow:hidden;}
ul.box3 li.top span {padding:0 0 0 7px !important; background:url(imagem/box3-1.gif) no-repeat left top !important; overflow:hidden; }
ul.box3 li.top span h2{display:block; color:#666; overflow:hidden; border-top:1px solid #CCC; padding:10px 5px !important; color:#000; }
ul.box3 li.main{border-left:#CCC solid 1px; border-right:#CCC solid 1px; }
ul.box3 li.main ul{background:#fff; overflow:hidden;margin:0 !important; clear:none !important; border:none !important; }
ul.box3 li.main ul li{background:none !important; padding:3px 5px !important; border-top:#CCC dotted 1px; }
ul.box3 li.main ul li h2{ padding:8px 7px !important;}
ul.box3 li.footer {padding:0 7px 0 0 !important; background:url(imagem/box-4.gif) no-repeat right bottom !important; display:block; overflow:hidden;}
ul.box3 li.footer span {padding:0 0 0 7px !important; background:url(imagem/box-3.gif) no-repeat left bottom !important; overflow:hidden;}
ul.box3 li.footer span h3{background:#fff; color:#000; display:block; padding:5px 0; border-bottom:#CCC solid 1px; }


#produtos{ padding:0 0 0 10px; overflow:auto; width:571px; float:left;  }	
ul.produtos {overflow:auto; padding:0; margin:10px 0 0 0 !important; border:none !important;}
ul.produtos li{float:left; padding:5px !important; margin:0 0 10px 0; width:180px; height:180px !important; overflow:hidden!important; background:url(imagem/bg-produto.jpg) center top no-repeat !important;}
ul.produtos li .titulo{ height:45px; padding:0 15px; font-size:13px;}
ul.produtos li .cat{ display:block; text-align:center; font-size:11px; font-family:Tahoma, Geneva, sans-serif;}
ul.produtos li .cat a {color:#900 !important;}
ul.produtos li .cat a:hover {color:#F00 !important;}

.produtos-default{}

.produtos-default ul{overflow:auto; padding:0; margin:10px 0 0 0 !important; border:none !important;}
.produtos-default ul li{float:left; padding:5px 0 0 8px !important; margin:0 0 10px 0; width:235px; height:30px !important; overflow:hidden!important;}

ul.lista-marcas{width:600px; margin:30px auto !important; overflow:auto; }
ul.lista-marcas li{ width:200px; float:left; height:80px; line-height:80px; text-align:center; overflow:hidden; background:none !important; padding:0 !important; margin-bottom:20px;  }
ul.lista-marcas li h3{ display:none;}

/* ########## LINHAS ########## */
ul.linha {overflow:hidden; padding-left:0; margin:0; padding:0; float:none; width:auto;  border:none !important;}
ul.linha li{padding-bottom:20px; overflow:hidden; list-style-type:none !important; list-style-position:outside !important; }
ul.linha a {color:#000 !important;}
ul.linha a:hover {color:#666 !important;}

ul.linha li span{padding-right:16px; background:url(imagem/linha-2.gif) no-repeat right top; display:block; overflow:hidden;  height:40px; }
ul.linha li span fieldset{padding-left:16px; background:url(imagem/linha-1.gif) no-repeat left top;  display:block; }
ul.linha li span fieldset h3{background:#ccc; height:40px; overflow:hidden; display:block; line-height:40px}
ul.linha li span fieldset h3 input.img{padding:10px 0 10px 5px;}


/* ########## RODAPE ########## */

#rodape{clear:both; background:#fff url(imagem/bg-rodape.jpg) repeat-x center top; overflow:auto; }

#rodape ul {overflow:auto; padding:0; width:100%; }
#rodape ul li {color:#000; text-align:center;}
#rodape ul a {color:#333;}
#rodape ul li a:hover{color:#000; }
#rodape ul li.tecnoig{position:absolute; height:20px; width:75px; margin:70px 0 0 20px;}
#rodape ul li.menu{text-align:center; overflow:hidden;}
#rodape ul li.menu ul{padding:0 !important; overflow:auto; color:#000; clear:both; width:1003px; margin:auto; }
#rodape ul li.menu li{border-right:1px #CCC solid; overflow:hidden; float:left; height:60px; line-height:65px;}
#rodape ul li.menu li.tel{float:left; background:url(imagem/bg-rodape-tel.jpg) no-repeat right top; padding-right:80px; border:none !important;}
#rodape ul li.menu li a{padding:0 15px; color:#000; text-transform:uppercase;} 
#rodape ul li.menu li a:hover{color:#900;} 
#rodape ul li.menu li.ultimo{ border:0;}
#rodape ul li.endereco{ clear:both; border-top:1px #CCC solid; padding:20px;}