html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; 
}

div{ color:#58595b; }

body { margin:0;  background: #FFFFFF  url(../images/bg_site.jpg) repeat-x; font-family: Arial, Helvetica, sans-serif;  margin:0; padding:0; height:100%; }

#main { margin:0 auto; width:980px; position:relative; }

#topo {  float:left; width:100%; background: url(../images/topo_site.jpg); height:122px  }

#topo .logo{ float:left; position:relative; display:block; margin:20px 0px 0px 40px; width:370px; height:67px; }
#topo .logo .yellow{ position:absolute; top:56px; left:67px; display:none; }

#menu { float:left; width:100%; background: url(../images/menu.jpg); height:77px; }
#menu ul{ margin: 0; padding: 0; list-style-type: none; height:63px;  }
#menu li{ display:inline; float:left; border:0px; height:63px; z-index:3; } 
#menu li a{ display:block; height:63px; text-decoration:none; }
* html #menu li a{ /*IE6 hack to get sub menu links to behave correctly*/  
display: inline-block;
height:63px;
}
#menu ul .empresa    { width:140px; background:url('/images/menu/empresa.jpg') no-repeat left bottom;     margin:1px 0px 0px 13px; } 
#menu ul .produtos   { width:130px; background:url('/images/menu/produtos.jpg') no-repeat left bottom;    margin:1px 0px 0px 10px; } 
#menu ul .software   { width:210px; background:url('/images/menu/software.jpg') no-repeat left bottom;    margin:1px 0px 0px 10px; }
#menu ul .duvidas    { width:200px; background:url('/images/menu/duvidas.jpg') no-repeat left bottom;     margin:1px 0px 0px 10px; }
#menu ul .depoimentos{ width:120px; background:url('/images/menu/orcamento.jpg') no-repeat left bottom;   margin:1px 0px 0px 10px; }
#menu ul .contatos   { width:105px; background:url('/images/menu/contato.jpg') no-repeat left bottom;     margin:1px 0px 0px 10px; }    
#menu ul .empresa     a{ width:140px; } 
#menu ul .produtos    a{ width:130px; }
#menu ul .software    a{ width:210px; }
#menu ul .duvidas     a{ width:200px; }
#menu ul .depoimentos a{ width:120px; }
#menu ul .contatos    a{ width:105px; }

#menu ul .action{ background-position:left top; } 

#conteudo { width:980px; height:auto; position:absolute; top: 199px; left:50%; margin-left:-490px; z-index:2; padding-bottom: 196px; }
#conteudo .meio { float:left; width:100%; background: url('../images/bg_conteudo.png') repeat-y; }
#conteudo .rodape { float:left; width:100%; height:24px; background: url(../images/rodape_conteudo.png) repeat-y; }

#rodape { position:absolute; width:100%; height:253px; background: #245F81; left:0; bottom:0; z-index:1; visibility:hidden; text-align:center;  }
#rodape .rodape_limit{ width:960px; margin:60px 0px 0px 0px; } 
#rodape .rodape_limit div{ float:left; }
#rodape .rodape_limit .col01{ text-align:center; width:362px; color:#fff; }
#rodape .rodape_limit .col02{ text-align:left; width:290px; margin:0px 0px 0px 0px; }
#rodape .rodape_limit .col03{ text-align:left; width:280px; margin:0px 0px 0px 20px; } 
#rodape .rodape_limit .linha_make{ color:#ffffff; font-size:11px; width:960px; margin:15px 0px 0px 0px; padding:10px 0px 10px 0px; border-top:1px solid #ffffff; } 
#rodape .rodape_limit .linha_make a{ color:#ffffff; font-size:11px; text-decoration:none; }  

#city_fones{ position:absolute; top:0px; left:50%; width:5px; z-index:4; }   

#cities{ z-index:5; position:relative; display:block; margin:0px 0px 0px 200px; width:203px; height:110px; background:url('/images/televendas.png') no-repeat top left; }
#cities a{ position:relative; } 
#cities .city_left{ float:left; position:relative; margin:35px 0px 0px -5px; width:20px; height:20px; cursor:pointer; } 
#cities .city_right{ float:right; position:relative; margin:35px -5px 0px 0px; width:20px; height:20px; cursor:pointer; }   
#cities .mais_cities{ position:absolute; bottom:2px; right:0px; width:94px; height:13px; text-align:center; font-size:10px; color:#ffffff; cursor:pointer; }
 
#cities .city_muda{ position:absolute; width:135px; height:40px; left:32px; top:25px; } 
#cities .city_muda .item{ color:#ffffff; font-size:20px; font-weight:bold; text-align:right; } 
#cities .city_muda .item p{ color:#ffffff; font-size:11px; font-weight:bold; text-align:right; margin:0; padding:0; } 
 
#city_fones .list_cities{ z-index:6; position:relative; margin:-2px 0px 0px 240px; width:167px; }
#city_fones .list_cities .top_list{ position:absolute; top:0px; left:0px; margin:0; padding:0; }
#city_fones .list_cities .bot_list{ position:absolute; top:177px; left:0px; margin:0; padding:0; } 
#city_fones .list_meio{ position:absolute; top:9px; left:0px; width:167px; margin:0; padding:0; background:url('/images/meio_list_cities.png') repeat-y; text-align:left; font-size:9px; color:#552500; }