/* Declaracoes Gerais */
body { background: url(../img/bg.gif) top repeat-x }
img { border: 0 }
a { text-decoration: none; color: #44413f }
a:hover { text-decoration: underline; color: #44413f }
* { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #44413f }
hr { display: none }

/* Bug de float do Firefox */
div#conteudo:after, ul#w3c-validacao:after { content: "."; clear: both; display: block; visibility: hidden; height: 0 }

/* Envolve o site inteiro */
#principal { margin: 0 auto; width: 970px }

/* Menu Acima do Topo */
ul#menu-acima-topo { width: 970px; height: 23px; text-align: right; padding-top: 10px }
ul#menu-acima-topo li { display: inline; margin-right: 25px }
ul#menu-acima-topo li a { font-weight: bold; font-size: 13px }

/* Topo */
div#topo { height: 114px }
img#logo { margin-top: 22px; float: left }

	/* Menu do topo */
	ul#menu-topo { width: 514px; float: right; margin-right: 2px; height: 114px }
	ul#menu-topo li { display: inline }
	ul#menu-topo li a { width: 102px; float: left; text-align: center; color: #605a58; font-size: 18px; padding: 75px 0 17px 0; height: 22px }
	ul#menu-topo li a:hover { color: #FFF; background-position: right; text-decoration: none }
	ul#menu-topo li#btn-empresa a { background-image: url(../img/menu-empresa.gif); width: 103px }
	ul#menu-topo li#btn-servicos a { background-image: url(../img/menu-servicos.gif) }
	ul#menu-topo li#btn-produtos a { background-image: url(../img/menu-produtos.gif) }
	ul#menu-topo li#btn-portfolio a { background-image: url(../img/menu-portfolio.gif) }
	ul#menu-topo li#btn-blog a { background-image: url(../img/menu-novidades.gif) }
	
	/* Chamadas do topo */
	div#chamadas-topo, div#chamadas-topo-esquerda, div#chamadas-topo-direita { height: 393px }

	/* Chamadas do topo lado esquerdo */
	div#chamadas-topo-esquerda { width: 448px; float: left }
	div#chamadas-topo-esquerda h1 { margin: 51px 0 0 0; padding: 0; background-image: url(../img/banner-conheca-nossa-empresa.gif); width: 297px; height: 29px; text-indent: -9999px }
	div#chamadas-topo-esquerda p a { color: #FFF; font-size: 15px; line-height: 17px }
	div#chamadas-topo-esquerda p { margin: 16px 0 6px 0px; text-align: justify }
	a#banner-otimizacao-sites { width: 435px; height: 223px; display: block; overflow: hidden; background: url(../img/banner-otimizacao-de-sites.jpg); text-indent: -9999px }
	.display-none { display: none }

	/* Chamadas do topo lado direito */
	div#chamadas-topo-direita { width: 503px }
	a#portfolio-cases { margin: 38px 2px 0 0; width: 304px; height: 41px; text-indent: -9999px; display: block; background: url(../img/banner-potfolio-criacao-sites.gif); float: right; overflow: hidden }
	div#bg-banner-flash { width: 502px; height: 282px; background: url(../img/bg-banner-flash.gif) no-repeat }
	div#lista-clientes-alternativo { float: right; margin: 10px 10px 0 0; text-align: right }
	div#lista-clientes-alternativo ul { margin-bottom: 15px }
	div#lista-clientes-alternativo ul li { margin-bottom: 5px; font-size: 14px }
	div#lista-clientes-alternativo a { font-size: 14px; font-weight: bold }
	div#chamadas-topo-direita, img#portfolio-cases, div#bg-banner-flash { float: right }
	div#bg-banner-flash object { margin: 4px 0 0 4px }

/* Conteudo */
div#conteudo { margin-top: 10px; height: 100% }
div#conteudo p { line-height: 19px }
div.conteudo-esquerda-servicos h2 a, div#marketing-online h2 a { font-size: 1.1em }
div.conteudo-esquerda-servicos p strong, div#marketing-online p strong { color: #225773; font-style: italic; font-size: 13px }

/* Conteudo lado esquerdo */
h2#heading-tag-conheca-servicos { margin: 0 0 20px 0; padding: 0; background-image: url(../img/head-nossos-servicos.gif); width: 274px; height: 26px; text-indent: -9999px }
div#conteudo-esquerda { float: left; width: 448px }
div.conteudo-esquerda-servicos { width: 412px; margin: 0 0 40px 5px }
div.conteudo-esquerda-servicos h3 { font-size: 1.3em; margin-bottom: 6px; border-bottom: 1px solid #e0e0e0; padding-bottom: 6px }
div.conteudo-esquerda-servicos h3 a { font-size: 1.1em }
div.btn-saiba-mais { width: 85px; height: 17px; background-image: url(../img/bg-btn-saiba-mais.gif); float: right; padding-top: 1px; position: absolute; margin: -95px 0 0 329px }
div.btn-saiba-mais a { font-size: 11px; font-weight: bold; margin-left: 21px }
div.conteudo-esquerda-servicos p { margin-top: 5px }

/* Conteudo lado direito */
div#conteudo-direita { float: right; width: 503px }
div#novidades { width: 504px; margin-top: 15px; background: url(../img/bg-noticias.gif) repeat-y }
div#novidades-topo { background-image: url(../img/noticias-bg-topo.gif); height: 35px; width: 504px }
div#novidades-topo h2 { padding: 6px 0 0 15px }
div#novidades-topo h2 a { font-size: 1.3em; float: none; margin: 0; background: none; padding: 0 }
div#novidades-topo h2 a img { position: absolute; margin-left: 5px }
div#novidades-topo h2 a:hover { text-decoration: none }
div#novidades a#novidades-ver-todos { position: absolute; margin: -17px 0px 0 416px; background: url(../img/noticias-btn-saiba-mais.gif) left no-repeat; padding: 1px 0 0 19px; font-weight: bold; font-size: 11px }
div#novidades-rodape { background: url(../img/noticias-bg-rodape.gif) no-repeat; height: 10px; width: 504px; margin-bottom: 17px }

	/* Tweets */
	ul#tweets li { background: url(../img/twitter-balao.png) no-repeat left; height: 55px; padding: 10px 25px 10px 66px; background-position: 14px 12px; line-height: 19px }
	ul#tweets li#twitter-sobrecarregado { background: url(../img/twitter-balao-sobrecarregado.png) no-repeat left; height: 41px; padding: 10px 25px 10px 66px; background-position: 14px 12px; line-height: 19px } 
	ul#tweets li a { font-weight: bold }
	ul#tweets li#segundo-tweet { border-top: 1px dotted #D6D6D6; border-bottom: 1px dotted #D6D6D6 }

	/* E-mail Marketing */
	div#marketing-online { width: 503px; height: 230px; background-image: url(../img/bg-marketing-online.gif); margin-bottom: 17px }
	div#marketing-online ul { margin-top: 13px }
	div#marketing-online ul li { float: left; margin-left: 62px; display: inline }
	div#marketing-online h2 { font-size: 1.3em; padding: 10px 0 0 10px; margin-bottom: 6px }
	div#marketing-online p { margin: 5px 10px 0 10px; text-align: justify }
	a#selo-otimizao-sites { display: block; text-indent: -9999px; width: 79px; height: 68px; background: url(../img/seo-marketing.gif); overflow: hidden }
	a#selo-links-patrocinados { display: block; text-indent: -9999px; width: 79px; height: 68px; background: url(../img/adwords-google.gif); overflow: hidden }
	a#selo-email-marketing { display: block; text-indent: -9999px; width: 81px; height: 68px; background: url(../img/email-marketing.gif); overflow: hidden }

	/* Clientes */
	h2#titulo-clientes { font-size: 1.3em; margin-left: 295px }
	object#nossos-clientes { float: right; margin-bottom: 5px }
	ul#nossos-clientes { float: left; margin: 5px 0 0 89px }

	/* Produtos */
	div#produtos, object#produtos { float: left }
	div#produtos h2 { font-size: 1.3em; margin-bottom: 5px }

/* Rodape */
div#bg-rodape { height: 154px; clear: both; background: url(../img/rodape-bg.gif) repeat-x }
div#rodape { height: 154px; margin: 0 auto; width: 970px }
div#assinatura-site { display: block; width: 448px }
div#assinatura-site p { color: #FFF }

	/* Rodape lado esquerdo */
	div#rodape-esquerda { float: left; width: 448px }
	div#rodape-esquerda p { color: #FFF }
	ul#atendimento-online { position: absolute; margin: 5px 0 0 230px }
	ul#atendimento-online li a { text-indent: -9999px; display: block; overflow: hidden; width: 116px; height: 44px; background: url(../img/rodape-atendimento-online.gif) }
	div#rodape-esquerda address { font-weight: bold; font-style: normal; margin-top: 1px }
	div#rodape-esquerda address span { color: #FFF }
	span#rodape-telefone { font-size: 24px; margin-top: 6px }
	span#rodape-email { font-size: 17px; padding-top: 2px }
	
		/* Validacao W3C */
		ul#w3c-validacao { margin: 25px 0; height: 100% }
		ul#w3c-validacao li { float: left; margin-right: 10px }

	/* Rodape lado direito */
	div#rodape-direita { float: right; width: 450px; height: 154px }
	div#rodape-direita * { color: #FFF }
	div.titulo-servicos, div.titulo-servicos-outros { float: left }
	div#rodape-direita h2 { font-size: 14px }
	div.titulo-servicos { margin: 10px 10px 20px 0 }
	div.titulo-servicos-outros { margin: 0 11px 0 16px }
	ul#rodape-servicos, ul#rodape-outros { float: left }
	ul#rodape-servicos { margin: 10px 30px 0 0; height: 130px }
	ul#rodape-produtos { margin: 10px 0 12px 0 }