/* Gerais */
* { padding: 0; margin: 0; outline: none; border: none; }
img, fieldset { border: none; }
frame { border: none; }
a { text-decoration: none; /*color: #;*/ }
body { font: normal 100% Verdana, Geneva, sans-serif; color: #fff; background-color: #d8d8d8; }
.clear, .clr { clear: both; }
.left { float: left; }
.right{ float: right; }
.not_set { border-color: red; }
ul { list-style: none; }
ul li.ult { background-image: none; border: none; }
/* Fontes */
h1#logotipo { text-align: center; margin-bottom: 5px; }
.call h2 a, .call p, .call a, #cases h2 a, #cases button, a.veja-mais, #twittadas .topo h2, #twittadas .rodape a, #brief .corpo h2 a, #saiu-forno .corpo h2 a, #clientes .corpo h2, #navegacao ul li h3 a, a.full, a.site-link, a.teaser-link, .infs a.detalhes, a#bt_voltar, #veja-tambem h2, #servicos .area div a, input#enviar, input#limpar { text-indent: -9000px; overflow: hidden; }
#cases p { font-size: 0.75em; color: #666; }
#brief .corpo p, #saiu-forno .corpo div.info a, #web-job #dados h5 { font-size: 0.6875em; color: #156782; font-weight: bold; }
#brief .corpo p a { color: #156782; }
#brief .corpo p a:hover { text-decoration: underline; }
#rodape .corpo ul#menu-rodape li.parent { font-size: 0.75em; color: #fff; font-weight: bold; }
#rodape .corpo ul#menu-rodape li.parent ul li a { font-size: 0.916em; color: #fff; font-weight: normal; }
#menu ul#parents li.parent ul li a { font-size: 0.8125em; color: #7e7e7e; font-weight: bold; }
#menu ul#parents li.parent ul li a:hover { color: #555; }
#web-thumbs .thumb .borda .corpo .infs h4 { font-size: 0.8125em; color: #fd9800; font-weight: bold; }
#web-thumbs .thumb .borda .corpo .infs p { font-size: 0.6875em; color: #666; font-weight: normal; }
#veja-tambem a { font-size: 0.6875em; color: #156782; }
#web-job h4 { font-size: 0.8125em; color: #177291; }
#web-thumbs .thumb .borda .corpo .infs a.edit { text-indent: 0; color: #fff; margin-left: 20px; }
#web-job #dados p { font-size: 0.8125em; color: #666; }
#design-thumbs h4, #design-thumbs ul li h5 { font-size: 0.8125em; color: #177291; font-weight: bold; }
#design-thumbs a { color: #177291; }
#design-thumbs ul li ul li h6 { color: #666; font-size: 0.8125em; font-weight: normal; }
#servicos .area h3 { font-size: 0.8125em; }
#servicos .area h3 a { color: #177291; }
#servicos p, #servicos .area div ul li, #contato, #trabalhe-conosco, #orcamento, #sobre p, #noticias ul li a { font-size: 0.8125em; color: #707070; }
#servicos .area div ul li span { font-size: 0.8462em; color: #909090; }
#noticias ul li a { text-decoration: underline; }
#orcamento label span { font-size: 0.8462em; color: #909090; }
/*		*/
body#home #content { background: url("../img/bg_content_home.jpg") no-repeat center top; }
body#home #content #header { background-image: none; }
#content { width: 930px; /* height: 2000px; */ margin: 0 auto; padding: 0 0 35px 0; background: url("../img/bg_content.jpg") no-repeat center top; }

/* Menu */
#menu { position: relative; /* width: 896px; */ height: 68px;/* margin-left: -463px; */z-index: 9000; background: url("../img/bg_menu_bottom.gif") no-repeat center 35px; /* padding-bottom: 7px; */ }
#menu ul#parents { width: 812px; margin: 0 auto; }
#menu ul li.parent { float: left; position: relative; padding-bottom: 6px; }
#menu ul li.parent a { display: block; padding-top: 14px; text-align: center; }
#menu ul li#menu-sobre a { width: 102px; background: url("../img/bg_menu.gif") no-repeat 0 -8px; }
#menu ul li#menu-servicos a { width: 112px; background: url("../img/bg_menu.gif") no-repeat -103px -8px; }
#menu ul li#menu-portfolio a { width: 111px; background: url("../img/bg_menu.gif") no-repeat -215px -8px; }
#menu ul li#menu-trabalhe a { width: 162px; background: url("../img/bg_menu.gif") no-repeat -326px -8px; }
#menu ul li#menu-noticias a { width: 96px; background: url("../img/bg_menu.gif") no-repeat -488px -8px; }
#menu ul li#menu-orcamento a { width: 117px; background: url("../img/bg_menu.gif") no-repeat -584px -8px; }
#menu ul li#menu-contato a { width: 111px; background: url("../img/bg_menu.gif") no-repeat -701px -8px; }
#menu ul#parents li.parent ul { width: 109px; position: absolute; left: 50%; margin-left: -54px; top: 100%; display: none; background: url("../img/bg_sub_menu.gif") no-repeat center bottom; }
#menu ul#parents li.parent ul li { border-bottom: 1px solid #c0c0c0; padding: 4px 0; }
#menu ul#parents li.parent ul li.ult { border: none }
#menu ul#parents li.parent ul li a { background-image: none; padding: 0; display: block; width: auto; }
#menu img#sombra { position: absolute; top: 35px; left: 18px; }

/* Header */
#header { position: relative; /* width: 800px; */ /* height: 667px; */ margin: 0 auto; /* border: 1px solid green; */padding-top: 10px; background: url("../img/bg_header.png") no-repeat 175px 0; }
/* h1#logotipo {  } */
/* Boombax na Copa */
img#boombax-copa { position: absolute; top: 0; right: 20px; }
img#boombax-copa-home { position: absolute; top: 0; left: 20px; }
object { position: relative; /*top: -80px; */z-index: 100; }
a.veja-mais { display: block; float: right; position: relative; }
a.veja-mais:hover { background-position: left bottom; }

hr { clear: both; width: 100%; height: 0; line-height: 0; border: none; border-top: 1px solid #eee; border-bottom: 1px solid #b6b6b6; margin-bottom: 20px; }
hr.hr-shadow { height: 38px; line-height: 0; border: none; margin-bottom: 0; background: url("../img/bg_hr_shadow.gif") no-repeat center top; }

#rodape { width: 100%; height: 310px; background: url("../img/bg_rodape_repeat.jpg") repeat-x left bottom; }
#rodape .corpo { width: 930px; margin: 0 auto; padding-top: 110px;/*110*/ position: relative; /* background: url("../img/bg_rodape.gif") no-repeat center 47px; */ }
#rodape .corpo img { position: absolute; top: 2px; left: 0; }
#rodape .corpo object { position: absolute; top: -3px; left: 30px; }
#rodape .corpo ul#menu-rodape { position: relative; z-index: 100; padding-left: 95px; }
#rodape .corpo ul#menu-rodape li.parent { float: left; padding: 0 15px; line-height: 20px; }
#rodape .corpo ul#menu-rodape li.parent ul { background: url("../img/bg_sub_menu_rodape.jpg") no-repeat 7px bottom; padding-top: 5px; }
#rodape .corpo ul#menu-rodape li.parent ul li { background: url("../img/bg_sub_menu_rodape_item.jpg") no-repeat 10px center; padding-left: 30px; line-height: 22px; }

body.frame { background-color: #e6e6e6; color: #156782; padding: 5px; }
body.frame h1 { font-size: 0.875em; margin-bottom: 15px; text-indent: 5px; }
body.frame p { font-size: 0.8125em; margin-bottom: 7px; padding: 0 10px 0 5px; }
body.frame p.data { font-size: 0.625em; color: #777; }
body.frame p.toggle { margin-bottom: 0; }
body.frame p a { color: #156782; }
body.frame p a:hover { text-decoration: underline; }
body.frame p.hide { display: none; padding: 5px 0 0 25px; }
body.frame hr { margin-bottom: 7px; border-top: none; }

#navegacao { background-color: #d8d8d8; }
#navegacao h2 { width: 92px; height: 50px; background: url("../img/ln_v.gif") no-repeat center bottom; }
#navegacao ul { width: 303px; height: 70px; padding-top: 2px; background: url("../img/ln_h.gif") no-repeat right top; margin-left: 49px; }
#navegacao ul li { position: relative; float: left; left: 50px; padding: 20px 20px 0 20px; background: url("../img/ln_v.gif") no-repeat 50% top; }
#navegacao ul li h3 a { display: block; }
#navegacao ul li h3#ttl_web a { width: 54px; height: 23px; background-image: url("../img/ttl_web.gif"); }
#navegacao ul li.curr h3#ttl_web { height: 33px; background: url("../img/seta_curr.gif") no-repeat center bottom; }
#navegacao ul li h3#ttl_design_grafico a { width: 123px; height: 20px; background-image: url("../img/ttl_design_grafico.gif"); }
#navegacao ul li h3 a:hover, #navegacao ul li.curr h3 a { background-position: left bottom; }

#web-thumbs { /**/ background-color: #d8d8d8; /**/ width: 955px; }
#web-thumbs .thumb { width: 288px; height: 194px; position: relative; float: left; border: 1px solid #616161; margin: 0 25px 30px 0; }
#web-thumbs .thumb img.rgb { display: none; }
#web-thumbs .thumb img.print { /* width: 288px; height: 194px; */ position: absolute; top: 0; left: 0; }
#web-thumbs .thumb img.novo { position: absolute; top: 0; right: 0; }
#web-thumbs .thumb .borda { height: 192px; position: relative; border: 1px solid #f90; display: none; }
#web-thumbs .thumb .borda .corpo { height: 190px; border: 1px solid #616161; position: relative; }
#web-thumbs .thumb .borda .corpo a.full { width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; }
#web-thumbs .thumb .borda .corpo .infs { width: 100%; position: absolute; left: 0; bottom: 0; padding-bottom: 4px; }
#web-thumbs .thumb .borda .corpo .infs .bg-infs { width: 100%; height: 100%; background-color: #000; position: absolute; left: 0; bottom: 0; opacity: 0.7; }
#web-thumbs .thumb .borda .corpo .infs h4, #web-thumbs .thumb .borda .corpo .infs p { position: relative; padding-left: 4px; }
#web-thumbs .thumb .borda .corpo .infs h4 { margin-bottom: 4px; }
#web-thumbs .thumb .borda .corpo .infs p { float: left; }
#web-thumbs .thumb .borda .corpo .infs a, #web-thumbs .thumb .borda .corpo .infs img { position: relative; float: right; right: 3px; display: block; }
#web-thumbs .thumb .borda .corpo .infs a.detalhes { width: 74px; height: 17px; background: url("../img/bt_detalhes.png") no-repeat; margin-bottom: 2px; }
#web-thumbs .thumb .borda .corpo .infs a.site-link, #web-thumbs .thumb .borda .corpo .infs a.teaser-link { clear: right; }
#web-thumbs .thumb .borda .corpo .infs img { clear: right; }
#web-thumbs .thumb .borda .corpo .infs a.detalhes:hover { background-position: left bottom; }
#web-thumbs .thumb:hover { border-color: #f90; }

a.site-link, a.teaser-link { height: 22px; display: block; }
a.site-link:hover, a.teaser-link:hover { background-position: left bottom; }
a.site-link { width: 133px; background: url("../img/bt_site_link.png") no-repeat; }
a.teaser-link { width: 124px;  background: url("../img/bt_teaser_link.png") no-repeat; }

#web-job {  }
#web-job h4 { margin-bottom: 10px; text-indent: 2px; }
#web-job #imagem { border: 2px solid #f90; float: left; margin-right: 8px; }
#web-job #imagem a { display: block; }
#web-job #imagem a img { border: 1px solid #616161; display: block; }
#web-job #dados { float: left; height: 323px; position: relative; }
#web-job #dados h5 { margin-bottom: 5px; padding-top: 15px; }
#web-job #dados p { width: 320px; }
#web-job #dados a.site-link, #web-job #dados a.teaser-link, #web-job #dados img { position: absolute; bottom: 0; left: -4px; }
#web-job hr { clear: both; width: 530px; height: 7px; line-height: 0; border: none; margin-bottom: 20px; background: url("../img/div_web_view2.gif") repeat-x -1px top; }
#web-job .thumb { padding-left: 20px; }
#web-job .thumb a { margin-right: 30px; }
#web-job .thumb a img { border: 1px solid #616161; width: 144px; height: 86px; }

#design-thumbs h4 { /* margin-bottom: 20px; */ }
#design-thumbs h5 { /* margin-bottom: 30px; */ }
#design-thumbs h6 { /* margin-bottom: 15px; */ }
#design-thumbs h5, #design-thumbs h6 { padding: 0 0 0 35px; background: url("../img/ln_h_design.gif") no-repeat left center; }
#design-thumbs ul#segmentos { padding: 20px 0 0 18px; background: url("../img/bg_segmentos.gif") no-repeat 13px bottom; }
#design-thumbs ul.thumbs { padding: 15px 0 0 35px; }
#design-thumbs ul.thumbs li a img { border: 1px solid #f2a023; width: 120px; height: 80px; }
#design-thumbs ul li ul.projetos { padding: 30px 0 0 40px; background: url("../img/bg_segmentos.gif") no-repeat 37px bottom; }
#design-thumbs ul li.segmento, #design-thumbs ul li ul li.projeto { clear: left; }
#design-thumbs ul li.segmento { margin-bottom: 20px; }
#design-thumbs ul li.thumb { float: left; margin: 0 20px 35px 0; }
#design-thumbs li#ilustracoes { margin-bottom: 0; padding-bottom: 20px; }
/*#design-thumbs li#ilustracoes ul li.thumb { padding-top: 15px; } */

#servicos { background-color: #d8d8d8; padding: 20px 0 0 33px; }
#servicos p { text-indent: 7px; margin-bottom: 20px; }
#servicos hr { margin-bottom: 7px; }
#servicos .area { margin-bottom: 7px; padding-left: 7px; }
#servicos .area h3 { background: url("../img/blt_twittadas.gif") no-repeat left center; padding-left: 24px; }
#servicos .area h3 a { background: url("../img/blt_plus.gif") no-repeat left 4px; padding-left: 16px; }
#servicos .area h3 a.curr { background-position: left -8px; }
#servicos .area div { padding: 15px 0 0 50px; display: none; }
#servicos .area div ul { list-style: disc; list-style-position: inside; margin-bottom: 10px; padding-left: 3px; }
#servicos .area div a { background: url("../img/bt_ver_portfolio.gif") no-repeat; display: block; width: 104px; height: 23px; }
#servicos .area div a:hover { background-position: left bottom; }

#sobre { background-color: #d8d8d8; padding: 20px 0 30px 45px; position: relative; }
#sobre p { background: url("../img/blt_twittadas.gif") no-repeat left 6px; padding-left: 22px; margin-bottom: 22px; position: relative; }
#sobre img { position: relative; right: 60px; top: -60px; }
#sobre #wrap_flash_sobre { position: absolute; right: -50px; top: -40px; }

#noticias { padding: 20px 0 0 45px; }
#noticias ul li { background: url("../img/blt_twittadas.gif") no-repeat left 6px; padding-left: 22px; margin-bottom: 10px; }
#noticias hr { width: 845px; border: none; margin-bottom: 15px; border-top: 1px solid #c3c3c3; }
#noticias div.wrapper-noticia { width: 812px; height: 150px; background: url("../img/blt_twittadas.gif") no-repeat left 6px; padding: 0 10px 10px 23px; }
#noticias div.wrapper-noticia h3 { color: #707070; font-size: 0.875em; }
#noticias div.wrapper-noticia p.time { color: #999; font-size: 0.625em; margin: 3px 0 8px; }
#noticias div.wrapper-noticia a.link-img { float: left; margin-right: 15px; }
#noticias div.wrapper-noticia a.link-img a { height: 94px; }
#noticias div.wrapper-noticia a.link-img img { border: 1px solid #f2a023; }
#noticias div.wrapper-noticia a.link-txt { position: relative; top: -4px; color: #999; font-size: 0.625em; }
#noticias div.wrapper-noticia div.info { width: 600px; float: left; }
#noticias div.wrapper-noticia div.info p { color: #707070; font-size: 0.8125em; }
#noticias div#paginacao { width: 830px; height: 22px; margin: 0 auto 10px; }
#noticias div#paginacao a { width: 87px; height: 22px; display: block; text-indent: -9000px; }
#noticias div#paginacao a.fade { background-position: left top !important; }
#noticias div#paginacao a.mais-recentes { float: left; background: url("../img/bt_recentes.jpg") no-repeat left center; }
#noticias div#paginacao a.mais-antigas { float: right; background: url("../img/bt_antigas.jpg") no-repeat left center; }
#noticias div#paginacao a:hover { background-position: left bottom; }
#noticia p { text-align: justify; }
#noticia img { height: 300px; float: right; margin: 0 0 5px 15px; }

#contato, #trabalhe-conosco, #orcamento { background-color: #d8d8d8; position: relative; }
#contato p, #trabalhe-conosco p, #orcamento p { padding: 20px 0 0 5px; /* margin-bottom: 20px; */ }
#contato form { margin-right: 45px; }
#contato form, #contato #infs-contato { float: left; }
#contato #infs-contato div { width: 302px; height: 59px; padding: 10px 0 0 15px; background: url("../img/bg_infs_contato.gif") no-repeat; margin-bottom: 15px; }
#contato #infs-contato div img, #contato #infs-contato div h3, #contato #infs-contato div p { float: left; }
#contato #infs-contato div img { margin-right: 10px; }
#contato #infs-contato div h3 { width: 200px; margin-bottom: 10px; }
#contato #infs-contato div p { padding: 0; }
#contato form fieldset input#enviar, #contato form fieldset input#limpar { background-image: url("../img/bg_submits_contato.gif"); }

#trabalhe-conosco form fieldset input#enviar, #trabalhe-conosco form fieldset input#limpar { background-image: url("../img/bg_submits_conosco.gif"); }

#orcamento form fieldset input#enviar, #orcamento form fieldset input#limpar { background-image: url("../img/bg_submits_orcamento.gif"); }
#orcamento form fieldset legend { padding-left: 0; background-image: none; font-weight: bold; }

form { background: #e0e0e0 url("../img/bg_form.gif") no-repeat; width: 452px; padding-top: 17px; }
form fieldset { padding: 0 35px 0 20px; margin-bottom: 5px; }
form fieldset.last { background: url("../img/bg_fieldset.gif") left bottom no-repeat; margin-bottom: 0; }
form label, form legend { background: url("../img/blt_twittadas.gif") left 6px no-repeat; padding-left: 24px; }
form legend { margin-bottom: 5px; }
form fieldset input, form fieldset textarea { border: 1px solid #ccc; margin: 0 0 7px 24px; }
form fieldset .grande { width: 370px; }
form fieldset label.radio { background-image: none; }
form fieldset input#ddd { width: 40px; }
form fieldset input#fone { width: 315px; }
form fieldset label#for-fone { background-image: none; padding-left: 12px; }
form fieldset label#for-end { display: none; }
form fieldset label input { margin-left: 0; }
form fieldset input#enviar, form fieldset input#limpar { border: none; float: right; margin-left: 2px; }
form fieldset input#enviar { width: 67px; height: 22px; background-position: right top; }
form fieldset input#limpar { width: 58px; height: 18px; background-position: left top; }
form fieldset input#enviar:hover { width: 67px; height: 22px; background-position: right bottom; }
form fieldset input#limpar:hover { width: 58px; height: 18px; background-position: left -18px; }

a#bt_voltar { width: 71px; height: 22px; display: block; position: relative; float: right; top: -15px; background: url("../img/bt_voltar.gif") no-repeat; }
a#bt_voltar:hover { background-position: left bottom; }

#veja-tambem { float: left; padding: 35px 0 30px 35px; }
#veja-tambem h2 { width: 102px; height: 21px; margin-bottom: 13px; background: url("../img/ttl_veja_tambem.gif") no-repeat; }
#veja-tambem a { padding: 5px; border: 1px solid #cacaca; background-color: #e1e1e1; margin: 0 0 10px 3px; display: block; }

/* Alert */
div#alert { display: none; position: absolute; top: 160px; left: 200px; width: 250px; height: 100px; text-align: center; font-weight: bold; /* font-size: 0.75em; */ background-color: #fff; border: 1px solid #7a9095; }
div#alert * { position: relative; top: 50%; margin: -16px 0 0 0; }
div#alert p { margin: -16px 0 0 0; padding: 0; }
div#alert p#click_to_close { position: absolute; top: 86px; left: 0; margin: 0; padding: 0; width: 100%; font-size: 10px; }