* { margin: 0px; padding: 0px; border: 0px; }
body { background: url(/images/site/body_bg.png) top center repeat-x; color: #004F47; font-family: "Trebuchet MS"; font-size: 12px; }
a { color: #004F47; text-decoration: none; }
label { display: block; }
ul { list-style: none; }

/* TOPO - INICIO */
#tp { background: url(/images/site/topo_bg.jpg) top center no-repeat; width: 100%; height: 489px; }
#topo { width: 650px; height: 200px; margin: 0px auto; }
#topo ul { width: 402px; padding-top: 3px; float: left; margin: -51px 0px 0px 248px; }
#topo li { display: inline; line-height: 20px; }
#topo li a { display: block; height: 20px; float: left; margin: 0px 20px; }
#topo .agencia a { width: 71px; background: url(/images/site/menu_agencia.png) top no-repeat; }
#topo .servicos a { width: 61px; background: url(/images/site/menu_servicos.png) top no-repeat; }
#topo .portfolio a { width: 63px; background: url(/images/site/menu_portfolio.png) top no-repeat; }
#topo .contato a { width: 54px; background: url(/images/site/menu_contato.png) top no-repeat; margin-right: 0px; }
#topo a:hover { background-position: bottom; }
/* TOPO - FIM */

/* MEIO - INICIO */
#meio { width: 896px; margin: -289px auto 0px; }
.cnt { clear: both; height: 1px; display: block; }

/* HOME - INICIO */
#destaques { background: url(/images/site/destaques_bg.png) no-repeat; width: 873px; height: 283px; margin: 90px 0px 20px; padding: 5px 0px 0px 23px; }
#destaques form { display: none; }
#destaques a.left, #destaques a.right { display: block; width: 26px; height: 77px; float: left; margin-top: -155px; position: relative; }
#destaques a.left { background: url(/images/site/destaque_nav_left.png) top no-repeat; margin-left: 8px; }
#destaques a.right { background: url(/images/site/destaque_nav_right.png) top no-repeat; float: right; margin-right: 31px; }
#fazendo { background: url(/images/site/home01_bg.png) no-repeat; width: 285px; height: 214px; float: left; margin: 0px 0px 0px 12px; }
#fazendo a:hover { text-decoration: underline; }
#fazendo ul { margin-left: 40px; }
#fazendo li { width: 200px;	padding: 3px 10px; border-bottom: 1px dashed #004F47; }
#pordentro { background: url(/images/site/home02_bg.png) no-repeat; width: 281px; height: 202px; float: left; margin: 5px 0px 0px 34px; }
#pordentro form { padding: 7px 0 0 40px; }
#pordentro label { width: 178px; margin: 14px 0px 0px; }
#pordentro input { width: 173px; height: 20px; padding: 5px 0px 0px 5px; background: url(/images/site/pordentro_input_bg.png) no-repeat; }
#pordentro form img { float: left; margin: -25px 0px 0px 186px; cursor: pointer; }
#cliente { background: url(/images/site/home03_bg.png) no-repeat; width: 270px; height: 207px; float: left; margin: -11px 0px 0px 14px; }
#listafotos { width: 190px; height: 86px; overflow: hidden; margin: 0px 35px; text-align: center; position: relative; }
#listafotos ul { width: 190px; height: 75px; overflow: hidden; margin: 7px 0px; padding-top: 5px; }
#listafotos li { width:178px; float: left; overflow:hidden; height:76px; padding-right:5px; list-style:none; }
#cliente .imagem { width: 190px; height: 86px; text-align: center; margin: 0px 35px; }
#cliente a.left, #cliente a.right { display: block; width: 10px; height: 18px; margin: -43px 0px 0px; }
#cliente a.left { background: url(/images/site/cliente_nav_left.png) top no-repeat; float: left; margin-left: 25px; }
#cliente a.right { background: url(/images/site/cliente_nav_right.png) top no-repeat; float: right; margin-right: 35px; }
#cliente a:hover, #destaques a.left:hover, #destaques a.right:hover { background-position: bottom; }
#fazendo .last { border: 0px; }
/* HOME - FIM */

/* A AGENCIA - INICIO */
#sobre { padding-top: 88px; }
#sobre p { padding-left: 45px; width: 500px; margin-bottom: 15px; }
#sobre h5 { margin-bottom: 25px; }
#sobre #lateral { width: 212px; float: right; height: 350px; margin: -90px 20px 85px 0; }
#lateral .box { background: url(../../images/site/sobre_lateral_box_bg.png) no-repeat; width: 212px; height: 170px; margin-bottom: 10px; }
#lateral .box img { margin: 22px 0px 0px 20px; }
#lateral .box p { padding: 20px 15px 0px 20px; width: 175px; margin: 0px; }
#sobre #lateral ul { padding: 20px 0px 0px 23px; }
#sobre #lateral li { background: url(../../images/site/sobre_list_bg.png) left center no-repeat; padding-left: 13px; line-height: 15px; margin-bottom: 5px; }
/* A AGENCIA - FIM */

/* CLIENTES - INICIO */
#clientes { padding-top: 88px; }
#clientes p { padding: 25px 25px 0px; line-height: 30px; }
#clientes ul { width: 775px; height: 300px; margin: 0 auto; }
#clientes li { width: 145px; height: 100px; float: left; margin: 0 5px 15px; }
#clientes li a { display: block; width: 145px; height: 75px; text-align: center; padding-bottom: 4px; border-bottom: 3px solid #FFF; overflow: hidden; }
#clientes li a img { margin: 0; }
#clientes li a:hover { border-bottom: 3px solid #E2E20B; }
#clientes li a:hover img { margin-top: -75px; }
/* CLIENTES - FIM */

/* SERVICOS - INICIO */
#servicos { padding-top: 88px; }
#servicos p { padding: 25px 25px 0px; line-height: 30px; }
#servicos ul { padding: 10px 25px 0; }
#servicos li { width: 300px; float: left; margin: 10px 0; height: 120px; }
#servicos .sistemas, #servicos .hospedagem { float: right; }
#servicos .titulo { border-bottom: 2px solid #E2E20B; margin-bottom: 8px; }
#servicos ul ul { padding: 0; }
#servicos li li { float: none; margin: 0; height: auto; }
/* SERVICOS - FIM  */

/* PORTFOLIO - INICIO */
#portfolio { padding-top: 89px; }
#abas { height: 28px; border-bottom: 2px solid #004F47; margin-bottom: 15px; }
#abas li { display: inline; }
#abas li a { width: 84px; height: 28px; display: block; float: right; margin-left: 1px; }
#abas .impressos a { background: url(/images/site/abas_impressos_bg.png) no-repeat; }
#abas .idvisual a { background: url(/images/site/abas_idvisual_bg.png) no-repeat; }
#abas .websites a { background: url(/images/site/abas_websites_bg.png) no-repeat; }
#abas .recentes a { width: 126px; background: url(/images/site/abas_recentes_bg.png) no-repeat; }
#abas .rss a { position: absolute; width: 14px; margin-left: 515px; }
#abas .rss a img { padding: 8px 5px 0px; }
#abas .voltar a { width: 48px; height: 12px; background: url(/images/site/abas_voltar_bg.png) no-repeat; margin-top: 10px; }
#abas li a:hover, #abas .ativo a { background-position: bottom; }
#trabalhos { width: 920px; height: 400px; margin-left: -1px; }
#trabalhos li { width: 200px; height: 160px; float: left; margin: 0px 30px 25px 0px; }
#trabalhos li a { display: block; width: 200px; height: 160px; border: 4px solid #FFFFFF; float: left; }
#trabalhos li a:hover { border: 4px solid #E2E20B; }
#trabalhos li div { background: url(/images/site/trabalhos_over_bg.png) no-repeat; color: #CCC; width: 180px; height: 80px; float: left; margin: -84px 4px 0px; padding: 0px 10px; position: relative; display: none; }
#trabalhos li div span { display: block; height: 12px; color: #E2E20B; font-size: 16px; font-weight: bold; margin-bottom: 9px; }
#trabalhos li div .desc { line-height: 19px; height: 38px; }
#trabalhos li div li { margin: 0px; width: 60px; float: left; }
#trabalhos li div li a { height: 13px; line-height: 13px; color: #CCC; width: 70px; border: none; float: left; margin: 2px 0px 0px; padding-left: 21px; }
#trabalhos li div .visualizar { width: 93px; height: 14px; margin-right: 10px; }
#trabalhos li div .link { border-right: 1px dashed #CCC; }
#trabalhos li div .visualizar a { background: url(/images/site/trabalhos_over_link_bg.gif) no-repeat; float: left; }
#trabalhos li div .site { width: 20px; margin-left: 20px; }
#trabalhos li div .site a { width: 20px; background: url(/images/site/trabalhos_over_site_bg.gif) no-repeat; }
#trabalhos li div li a:hover { border: none; color: #E2E20B; }
#navegacao { width: 120px; margin: 0px auto 20px; text-align: center; padding-right: 30px; }
#navegacao a { width: 10px; height: 20px; display: block; }
#navegacao .left { background: url(/images/site/navegacao_left_bg.png) no-repeat; float: left; margin-bottom: -20px; }
#navegacao .right { background: url(/images/site/navegacao_right_bg.png) no-repeat; float: right; margin-top: -20px; }
#navegacao a:hover { background-position: bottom; }
#portfolio #lateral { width: 261px; float: left; }
#portfolio #lateral .desc { background: url(/images/site/portolio_desc_bg.png) no-repeat; width: 211px; height: 165px; padding: 25px 25px 0px; }
#portfolio #lateral p { margin-left: 3px; }
#portfolio #lateral .url { background: url(/images/site/endereco_bg.png) no-repeat; padding-top: 11px; margin-bottom: 12px; }
#portfolio #lateral .url a:hover { text-decoration: underline; }
#portfolio #lateral .sol { background: url(/images/site/solucoes_bg.png) no-repeat; padding-top: 11px; }
#portfolio #screens { background: url(/images/site/screens_bg.png) no-repeat; width: 242px; margin: 10px auto 0px; padding-top: 20px; }
#screens ul { width: 262px; }
#screens li { float: left; width: 110px; margin: 0px 20px 8px 0px; }
#screens li a img { width: 110px; border: 4px solid #FFF; }
#screens li a:hover img, #screens li .ativo img { border: 4px solid #E2E20B; }
#imagem { width: 620px; float: right; }
#imagem img { width: 600px; border: 10px solid #FFF; }
/* PORTFOLIO - FIM */

/* CONTATO - INICIO */
#contato { padding-top: 88px; }
#contato #form { width: 480px; padding: 25px 0 0 25px; }
#contato #form p { margin-bottom: 30px; }
#contato label { width: 228px; text-align: right; margin-bottom: 18px; display: block; }
#contato .textarea { float: right; margin-top: -192px; margin-right: 6px; }
#contato .submit { width: 61px; float: right; margin-right: 6px; margin-top: -45px; }
#contato input, #contato textarea { font-family: "Trebuchet MS"; font-size: 12px; color: #004F47; width: 218px; height: 24px; padding-top: 6px; padding-left: 10px; background: url(../../images/site/form_input_bg.png) no-repeat; }
#contato textarea { overflow: hidden; height: 123px; background: url(../../images/site/form_textarea_bg.png) no-repeat; }
#contato .submit input { width: 61px; height: 25px; padding: 0px; background: url(../../images/site/bt_enviar.png) no-repeat; cursor: pointer; }
#contato #lateral { width: 212px; float: right; height: 350px; margin: 0px 20px 0px 0; }
#contato #lateral p { font-size: 11px; padding-top: 15px; }
#contato #lateral a { display: block; line-height: 15px; margin: 4px 0; }
#contato #lateral a:hover { text-decoration: underline; }
/* CONTATO - FIM */
/* MEIO - FIM */

/* RODAPE - INICIO */
#rodape { background: url(/images/site/rodape_bg.png); color: #999; clear: both; width: 100%; height: 40px; border-top: 3px solid #E2E20B; margin-top: 20px; }
#rodape .conteudo { width: 850px; margin: 0px auto; }
#rodape li { background: url(/images/site/rodape_sep.png) 100% 60% no-repeat; font-weight: bold; display: inline; padding: 0px 5px 0px 1px; line-height: 40px; }
#rodape .nav { background: none; }
#rodape a { color: #999; font-weight: normal; }
#rodape a:hover { color: #E2E20B; }
#copyright p { text-align: right; margin-top: -40px; line-height: 40px; padding-right: 80px; }
#copyright img { float: right; margin: -36px -100px 0px 0px; }
#controle { display: none; }
/* RODAPE - FIM */