@charset "utf-8";

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

div, span, object, input, h1, h2, h3, h4, h5, h6, img, 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%;}

ol, ul {list-style:none;}

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

h1{font-size: 22px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
h2{font-size: 19px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; letter-spacing:-1px; }
h3{font-size: 14px; font-weight:lighter; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }

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

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

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

#geral {color:#000; overflow:auto; background:no-repeat left top url(imagem/bg-geral.jpg);}

#topo{height:90px; padding:10px 0 40px 0; overflow:auto; width:963px; margin:auto; clear:both;}
#topo .topo-1 {clear:both; margin-bottom:23px; overflow:hidden; height:17px; width:963px;}
#topo .topo-1 .horario{float:left; width:500px; overflow:hidden;}
#topo .topo-1 .menus{float:left; width:463px; overflow:hidden; text-align:right;}
#topo .topo-2 {clear:both; overflow:hidden; height:50px; width:963px; }
#topo .topo-2 .logo{float:left; width:320px; height:50px; overflow:hidden;}
#topo .topo-2 .menu{float:left; width:643px; height:50px; overflow:hidden;}
#topo .topo-2 .menu ul{overflow:auto; color:#fff; line-height:50px; float:right;}
#topo .topo-2 .menu ul li{font-family:Tahoma, Geneva, sans-serif; font-size:16px; font-weight:lighter; height:50px; float:left; border-right:1px #B5B5A8 solid; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:0.7; overflow:hidden;}
#topo .topo-2 .menu ul li a{padding:0 10px; display:block; color:#fff;} 
#topo .topo-2 .menu ul li a:hover{background:#717162; color:#FC0; text-transform:uppercase;} 
#topo .topo-2 .menu ul li.ultimo{ border:0;}

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

#le{width:180px; padding-right:20px; float:left; overflow:auto; }
#le #produtos{ margin-bottom:20px; overflow:auto;}

#main{float:left; width:543px; overflow:auto; }
#main-auxiliar{float:left; width:763px; overflow:auto; }
#main-auxiliar a{ color:#900;}
#main-auxiliar a:hover{ color:#000;}

#ld{width:200px; float:left; overflow:auto; padding-left:20px;}
#ld #noticias-dicas{ margin-bottom:20px; overflow:auto;}

/* ########## LINHAS ########## */
ul.linha {overflow:hidden; padding-left:0; margin:0; padding:0; float:none; width:auto;}
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;}

/* LINHA 1  - COR DE FUNDO #FFFFFF */
ul.linha li.linha1 span{padding-right:6px; background:url(imagem/linha-2.gif) no-repeat right top; display:block; overflow:hidden;  height:17px;}
ul.linha li.linha1 span fieldset{padding-left:6px; background:url(imagem/linha-1.gif) no-repeat left top; display:block; overflow:hidden;  }
ul.linha li.linha1 span fieldset h3{background:#FFF; height:17px; display:block; color:#FFC; overflow:auto; color:#999; line-height:17px; overflow:hidden;  }
ul.linha li.linha1 span fieldset h3 span.hora{color:#999; font-weight:bold; background:url(imagem/i-relogio.gif) left top no-repeat; padding:0 10px 0 16px; border-right:#ccc solid 1px !important; text-align:left; overflow:auto; float:left; line-height:17px;overflow:hidden;  }

/* LINHA 2  - COR DE FUNDO #FFCC33 */
ul.linha li.linha2 {margin-left:20px; display:inline;}
ul.linha li.linha2 span{padding-right:6px; background:url(imagem/linha2-2.gif) no-repeat right top; display:inline-block; overflow:hidden;  height:17px;}
ul.linha li.linha2 span h3{padding-left:6px; background:url(imagem/linha2-1.gif) no-repeat left top; overflow:hidden;  }
ul.linha li.linha2 span h3 a{background:#FFCC33; height:17px; color:#000; overflow:hidden; line-height:17px; padding:0 5px;}
ul.linha li.linha2 span h3 a:hover{color:#960;}
/* LINHA 3  - COR DE FUNDO #D6D6C6 */
ul.linha li.linha3 span{padding-right:16px; background:url(imagem/linha3-2.gif) no-repeat right top; overflow:hidden;  height:40px; display:block;}
ul.linha li.linha3 span h2{padding-left:16px; background:url(imagem/linha3-1.gif) no-repeat left top; overflow:hidden;  }
ul.linha li.linha3 span h2 a{background:#D6D6C6; height:40px; color:#666; overflow:hidden; line-height:40px; padding:0 5px; display:block;}
ul.linha li.linha3 span h2 a:hover{color:#FFC;}
/* LINHA 4  - COR DE FUNDO #FFFFFF */
ul.linha li.linha4 span{padding-right:16px; background:url(imagem/linha4-2.gif) no-repeat right top; overflow:hidden;  height:40px; display:block;}
ul.linha li.linha4 span h2{padding-left:16px; background:url(imagem/linha4-1.gif) no-repeat left top; overflow:hidden;  }
ul.linha li.linha4 span h2 a{background:#fff; height:40px; color:#666; overflow:hidden; line-height:40px; padding:0 5px; display:block;}
ul.linha li.linha4 span h2 a:hover{color:#222;}
/* BUSCA  - COR DE FUNDO #D6D6C6 */
ul.linha li.busca span{padding-right:16px; background:url(imagem/linha3-2.gif) no-repeat right top; display:block; overflow:hidden;  height:40px; }
ul.linha li.busca span fieldset{padding-left:16px; background:url(imagem/linha3-1-pesquisa.gif) no-repeat left top;  display:block; }
ul.linha li.busca span.np fieldset{padding-left:16px; background:url(imagem/linha3-1.gif) no-repeat left top;  display:block; }
ul.linha li.busca span fieldset h3{background:#D6D6C6; height:40px; overflow:hidden; display:block; line-height:40px}
ul.linha li.busca span fieldset h3 input.img{padding:10px 0 10px 5px;}

/* ########## CONTEÚDO ########## */

#ani{height:290px; width:543px; overflow:auto; clear:both; margin-bottom:30px;}

#servicos{width:262px; padding-right:19px; float:left; overflow:auto;}
#portfolio{width:262px; float:left; overflow:auto;}

/* ########## BOXES ########## */

/* BOX 2  - COR DE FUNDO #FFFFFF */
ul.box {overflow:auto;}
ul.box li.top span{padding-right:16px; background:url(imagem/box-2.gif) no-repeat right top; display:block; overflow:hidden;}
ul.box li.top span h1{ padding:0 0 0 16px; background:url(imagem/box-1.gif) no-repeat left top; overflow:hidden; }
ul.box li.top span h1 span{background:#fff; display:block; color:#666; padding:10px 0; height:1%;}

ul.box li.main ul{background:#fff; overflow:auto;}
ul.box li.main ul li{padding:0 10px 10px 10px; height:100%;}
ul.box li.main ul li.conteudo{padding:0 20px; overflow:auto; }
ul.box li.main ul li.conteudo ul{}
ul.box li.main ul li.conteudo ul li{list-style-type:disc; list-style-position:inside; }
ul.box li.footer span{padding-right:16px; background:url(imagem/box-4.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.box li.footer span h3{ padding:0 0 0 16px; background:url(imagem/box-3.gif) no-repeat left bottom; overflow:hidden; letter-spacing:-1px; text-align:right;}
ul.box li.footer span a{background:#fff; color:#000; display:block; padding-bottom:10px; }
ul.box li.footer span a:hover{color:#666;}
/* BOX 2  - COR DE FUNDO #C8C8B8 */
ul.box2 {overflow:auto;}
ul.box2 li.top span{padding-right:16px; background:url(imagem/box2-2.gif) no-repeat right top; display:block; overflow:hidden;}
ul.box2 li.top span h2{ padding:0 0 0 16px; background:url(imagem/box2-1.gif) no-repeat left top; overflow:hidden; }
ul.box2 li.top span a{background:#C8C8B8; display:block; color:#666; padding:10px 0; height:1%;}
ul.box2 li.top span a:hover{color:#222;}
ul.box2 li.main ul{background:#C8C8B8; overflow:auto;}
ul.box2 li.main ul li{padding:0 10px 10px 10px; height:100%;}
ul.box2 li.main ul li.titulo {padding:5px 10px 5px 10px;}
ul.box2 li.main ul li.titulo a h2{font-size:14px; font-weight:bold;}
ul.box2 li.main ul li.titulo a{ color:#333}
ul.box2 li.main ul li.titulo a:hover{color:#999}
ul.box2 li.main ul li.imagem {text-align:center; border-bottom:dotted 1px #999; }
ul.box2 li.footer span{padding-right:16px; background:url(imagem/box2-4.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.box2 li.footer span h3{ padding:0 0 0 16px; background:url(imagem/box2-3.gif) no-repeat left bottom; overflow:hidden; letter-spacing:-1px;}
ul.box2 li.footer span a{background:#C8C8B8; color:#000; display:block; padding-bottom:10px; }
ul.box2 li.footer span a:hover{color:#666;}
/* BOX 3  - COR DE FUNDO #505040 */
ul.box3 {overflow:auto;}
ul.box3 li.top span{padding-right:16px; background:url(imagem/box3-2.gif) no-repeat right top; display:block; overflow:hidden;}
ul.box3 li.top span h2{ padding:0 0 0 16px; background:url(imagem/box3-1.gif) no-repeat left top; overflow:hidden; }
ul.box3 li.top span a{background:#505040; display:block; color:#FFCC33; padding:10px 0; height:1%;}
ul.box3 li.top span a:hover{color:#fff;}
ul.box3 li.main ul{background:#505040; overflow:auto;}
ul.box3 li.main ul li{padding:5px 10px 10px 10px; height:100%; border-bottom:1px dotted #C8C8B8; font-size:14px; line-height:20px;}
ul.box3 li.main ul li a{color:#fff;}
ul.box3 li.main ul li a:hover{color:#C8C8B8;}
ul.box3 li.footer span{padding-right:16px; background:url(imagem/box3-4.gif) no-repeat right bottom; display:block; overflow:hidden;}
ul.box3 li.footer span h3{ padding:0 0 0 16px; background:url(imagem/box3-3.gif) no-repeat left bottom; overflow:hidden; letter-spacing:-1px;}
ul.box3 li.footer span a{background:#505040; color:#FFCC33; display:block; padding-bottom:10px; }
ul.box3 li.footer span a:hover{color:#fff;}

/* BOX 2  - COR DE FUNDO #FFFFFF */
#produtos{ padding:0; overflow:auto; }
ul.produtos {overflow:auto; padding:0; margin:0;}
ul.produtos li{list-style-type:none !important; list-style-position:outside !important; float:left; padding:10px !important; margin:0; width:220px; height:190px !important; border-bottom:1px solid #ccc; overflow:hidden;}
ul.produtos li h3 { font-size:14px; font-weight:bold;}
ul.produtos li a{ color:#333}
ul.produtos li a:hover{ color:#000; }

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

#rodape{clear:both; background:#484839 url(imagem/bg-rodape.jpg) repeat-x center top; overflow:auto; }
#rodape ul {overflow:auto; padding:20px 0; }
#rodape ul li {color:#FFF; text-align:center;}
#rodape ul a{ color:#CCC;}
#rodape ul li a:hover{color:#FFF; }
#rodape ul li.tecnoig{position:absolute; height:20px; width:75px; margin:50px 0 0 20px;}
#rodape ul li.menu{text-align:center; padding-bottom:20px; overflow:hidden;}
#rodape ul li.menu ul{padding:0 !important; overflow:auto; color:#C7C7C3; line-height:30px; clear:both; }
#rodape ul li.menu li{font-family:Tahoma, Geneva, sans-serif; font-size:12px; height:30px; border-right:1px #79796C solid; overflow:hidden; display:inline;}
#rodape ul li.menu li a{padding:0 10px; display:inline-block; color:#C7C7C3; text-transform:uppercase;} 
#rodape ul li.menu li a:hover{background:#3A3A30; color:#FC0;} 
#rodape ul li.menu li.ultimo{ border:0;}