/* RESET ******************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption,th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; font-family:AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; } q:before,q:after { content:''; } abbr,acronym { border:0; } /* FONTES ******************************/ @font-face { font-family: 'AauxProBold'; src: url('../fonts/aauxpro-bold-webfont.eot'); src: local('☺'), url('../fonts/aauxpro-bold-webfont.woff') format('woff'), url('../fonts/aauxpro-bold-webfont.ttf') format('truetype'), url('../fonts/aauxpro-bold-webfont.svg#webfontXkKb2koJ') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AauxProMedium'; src: url('../fonts/aauxpro-medium-webfont.eot'); src: local('☺'), url('../fonts/aauxpro-medium-webfont.woff') format('woff'), url('../fonts/aauxpro-medium-webfont.ttf') format('truetype'), url('../fonts/aauxpro-medium-webfont.svg#webfontM2Y6YKIg') format('svg'); font-weight: normal; font-style: normal; } /* GERAL ******************************/ input:focus, textarea:focus { outline:none; } a { color:#333; text-decoration:none; outline:none; } a:hover { color:#808080; } legend { display:none; } strong { font-weight:bold; } em { font-style:italic; } p { padding:0 0 1em; } p.apoio { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; color:#848484; padding:0; } p.msgOk, p.msgErro { font-size:12px; } p.msgOk { color:#7DBA00; } p.msgErro { color:#C63801; } blockquote { font-size:12px; font-style:italic; color:#999; padding:0 40px; } /* INTRODUCAO ***************************/ #intro { position:absolute; left:0; top:0; z-index:10000; width:100%; height:100%; background-color:#79B90F; overflow:hidden; } #intro img { display:none; position:absolute; left:50%; margin:0 0 0 -960px; } /* ESTRUTURA ****************************/ html, body { height:100%; } body { font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#333; background-color:#FFF; background-position:center top; background-repeat:no-repeat; } /* Bgs da home */ body.bg01 { background-image:url(../imagens/bg_home_1.jpg); } * html #conteiner { height:100%; /* hack para IE6 que trata height como min-height */ } #conteiner { position:relative; width:100%; height:100%; height:auto !important; min-height:100%; min-width:960px; overflow-x: hidden; } #conteudo { width:960px; padding:0 0 275px; margin:0 auto; } #cabecalho { overflow:hidden; padding:0 0 27px; } #cabecalho h1 { float:left; margin:22px 0 0 20px; } #cabecalho h1 a { display:block; width:116px; height:86px; background:url(../imagens/logo_dz_estudio_topo.png) left top no-repeat; text-indent:-999999px; } #cabecalho ul { float:right; height:18px; margin:79px 0 0; } #cabecalho ul li { float:left; font:normal 20px/24px Arial, Helvetica, sans-serif; margin:0 35px 0 0; } #cabecalho ul li a { display:block; height:18px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; } #cabecalho ul li a:hover { background-position:left bottom; } #cabecalho ul li a.agencia { width:60px; background-image:url(../imagens/txt_agencia.png); } #cabecalho ul li a.trabalhos { width:74px; background-image:url(../imagens/txt_trabalhos.png); } #cabecalho ul li a.blog { width:33px; background-image:url(../imagens/txt_blog.png); } #cabecalho ul li a.contato { width:58px; background-image:url(../imagens/txt_contato.png); } #cabecalho form { float:right; width:226px; height:24px; margin:74px 21px 0 0; } #cabecalho form input[type=text] { display:block; float:left; width:203px; height:24px; font:normal 13px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#848484; background-color:#E7E7E7; border:0; text-indent:5px; border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; box-shadow:-1px -1px 0 rgba(0,0,0,.3); -webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.3); -moz-box-shadow:-1px -1px 0 rgba(0,0,0,.3); } #cabecalho form input[type=submit] { display:block; float:right; width:25px; height:24px; background:#E7E7E7 url(../imagens/bt_busca_topo.gif) 4px top no-repeat; border:0; border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; box-shadow: 1px -1px 0 rgba(0,0,0,.3); -webkit-box-shadow: 1px -1px 0 rgba(0,0,0,.3); -moz-box-shadow: 1px -1px 0 rgba(0,0,0,.3); outline:none; cursor:pointer; margin:0 0 0 -2px; } #cabecalho form input[type=submit]:hover { background-position:4px bottom; } #destaques { position:relative; width:960px; height:315px; background:url(../imagens/bg_slides_home.jpg) left top no-repeat; overflow:hidden; } #destaques .carousel-wrap { width:960px; height:315px; border:0; margin:0; } #destaques ul { width:960px; height:315px; overflow:hidden; border:0; } #destaques ul li { position: relative; float:left; width:960px; height:315px; text-align:center; border:0; margin:0; } #destaques a.carousel-control { position:absolute; z-index:1; top:0; width:31px; height:315px; text-indent:-999999px; cursor:pointer; } #destaques a.carousel-control.previous { left:0; background:url(../imagens/seta_slides_home_esq.png) right 140px no-repeat; } #destaques a.carousel-control.previous:hover { background:url(../imagens/seta_slides_home_esq_hover.png) right 140px no-repeat; } #destaques a.carousel-control.next { right:0; background:url(../imagens/seta_slides_home_dir.png) left 140px no-repeat; } #destaques a.carousel-control.next:hover { background:url(../imagens/seta_slides_home_dir_hover.png) left 140px no-repeat; } /* Banner Mídias Sociais */ #destaques ul li.midias { background:url(../imagens/banners/banner_midias_sociais.jpg) left top no-repeat; } #destaques ul li.midias ul { width:718px; height:auto; padding:64px 0 0; margin:0 auto; } #destaques ul li.midias ul li { width:auto; height:auto; } #destaques ul li.midias ul li.twitter { padding-right:24px; } #destaques ul li.midias ul li.face { padding-right:24px; } #destaques ul li.midias ul li.rss { padding-right:66px; } #destaques ul li.midias ul li a { display:block; width:151px; height:0; background-image:url(../imagens/banners/sprite_midias_sociais.png); background-repeat:no-repeat; padding:144px 0 0; overflow:hidden; } #destaques ul li.midias ul li.twitter a { background-position:left top; } #destaques ul li.midias ul li.face a { background-position:-151px top; } #destaques ul li.midias ul li.rss a { background-position:-301px top; } #destaques ul li.midias ul li.news a { background-position:-453px top; } #destaques ul li.midias ul li.twitter a:hover { background-position:left -144px; } #destaques ul li.midias ul li.face a:hover { background-position:-151px -144px; } #destaques ul li.midias ul li.rss a:hover { background-position:-301px -144px; } #destaques ul li.midias ul li.news a:hover { background-position:-453px -144px; } /* Banner Encurtador de Links */ #destaques ul li.encurtador span { display:block; width:36px; height:7px; position:absolute; top:178px; left:471px; background:url(../imagens/banners/img_underline.jpg) left top no-repeat; } #corpo { /*overflow:hidden;*/ zoom: 1; } #corpo:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } /* COLUNA ESQUERDA ****************************/ #colEsq { float:left; width:640px; padding:50px 0 0; } /* Box do Slogan na Home */ #colEsq div.box.slogan { padding:0 0 16px; margin:0 0 40px; } #colEsq div.box.slogan h2 a { display:block; width:610px; height:63px; background:url(../imagens/txt_slogan_home.png) left top no-repeat; text-indent:-999999px; } #colEsq div.box.slogan h2 a:hover { background-position:left bottom; } #colEsq div.box.slogan p.apoio { font-size:21px; line-height:24px; letter-spacing:-1px; margin:-5px 0 0; } #colEsq img.maisLoading {margin-left: 300px;} /* Box modulares da Home */ #colEsq div.box { border-bottom:1px solid #C1C1C1; padding:0 0 10px; margin:0 0 60px; } #colEsq div.box div.cor { position:relative; min-height:35px; } #colEsq div.box div.cor span.cantoEsq, #colEsq div.box div.cor span.cantoDir { position:absolute; top:0; display:block; width:3px; height:3px; background-position:left top; background-repeat:no-repeat; } #colEsq div.box div.cor span.cantoEsq { left:0; background-image:url(../imagens/bg_canto_topo_esq.png); } #colEsq div.box div.cor span.cantoDir { right:0; background-image:url(../imagens/bg_canto_topo_dir.png); } #colEsq div.box div.cor img { display:block; } #colEsq div.box div.cor span.data { position:absolute; bottom:0; left:5px; display:block; height:30px; font:bold 14px/30px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; background-color:#FFF; color:#848484; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; padding:0 12px; } #colEsq div.box h2 { font-size:32px; line-height:32px; letter-spacing:-2px; margin:10px 0 5px; } #colEsq div.box p.apoio { font-size:17px; line-height:18px; margin:0 0 15px; } #colEsq div.box div.tagsCompartilhe { /*overflow:hidden;*/ margin-top:15px; } #colEsq div.box div.tagsCompartilhe a:hover { text-decoration:underline; } #colEsq div.box div.tagsCompartilhe dl { float:left; width:540px; } #colEsq div.box div.tagsCompartilhe dl dt, #colEsq div.box div.tagsCompartilhe dl dd { display:block; float:left; height:21px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:11px; line-height:21px; color:#848484; margin:0 8px 5px 0; } #colEsq div.box div.tagsCompartilhe dl dt { height:27px; margin-bottom:0; } #colEsq div.box div.tagsCompartilhe dl dd { font-weight:bold; background:url(../imagens/bg_tags.png) left top no-repeat; padding:0 0 0 11px; } #colEsq div.box div.tagsCompartilhe dl dd a { display:block; height:20px; color:#848484; background-color:#E4E4E4; border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; box-shadow:0 1px 0 #C6C6C6; -webkit-box-shadow: 0 1px 0 #C6C6C6; -moz-box-shadow: 0 1px 0 #C6C6C6; padding:0 10px 0 4px; } #colEsq div.box div.tagsCompartilhe ul { width:255px; margin-left: auto; clear: both; height: 20px; display: block; } #colEsq div.box div.tagsCompartilhe ul li { float:right; margin:0 0 0 5px; height: 20px; display: block; } #colEsq div.box div.tagsCompartilhe ul li a { display:block; } #colEsq div.box div.tagsCompartilhe ul li a.comentarios { width:30px; height:26px; font:bold 11px/21px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#848484; text-align:center; background:#E4E4E4 url(../imagens/bg_balao_comentario.jpg) left bottom no-repeat; border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; } #colEsq div.box div.tagsCompartilhe ul li.facebook { position:relative; width:81px; height:20px; background:url(../imagens/bg_li_facebook.png) right top no-repeat; } #colEsq div.box div.tagsCompartilhe ul li.facebook iframe { position:absolute; top:0; left:0; } #colEsq div.box div.tagsCompartilhe ul li a.facebook , #colEsq div.box div.tagsCompartilhe ul li a.twitter { width:21px; height:21px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; } #colEsq div.box div.tagsCompartilhe ul li a.facebook { background-image:url(../imagens/bt_fb.jpg); } #colEsq div.box div.tagsCompartilhe ul li a.twitter { background-image:url(../imagens/bt_tweet.jpg); } #colEsq div.box div.tagsCompartilhe ul li .fb_iframe_widget iframe{ vertical-align: top; } /* Mais Conteúdos */ #colEsq dl.mais { margin:-10px 0 0; overflow:hidden; } #colEsq dl.mais dt { float:left; width:141px; height:16px; background:url(../imagens/txt_continue_navegando.png) left top no-repeat; text-indent:-999999px; margin:14px 0 0; } #colEsq dl.mais dd { float:left; width:216px; padding:0 0 0 30px; } #colEsq dl.mais dd h4 { line-height:90%; font-size:32px; letter-spacing:-1px; margin:0 0 5px; } #colEsq dl.mais dd p.apoio { font-size:14px; } /* CORES DE BOX ****************************/ #colEsq div.box div.cor.um { background-color:#7DBA00; } #colEsq div.box div.cor.dois { background-color:#545B5E; } #colEsq div.box div.cor.tres { background-color:#F8C300; } #colEsq div.box div.cor.quatro { background-color:#3EB29F; } #colEsq div.box div.cor.cinco { background-color:#7E649F; } #colEsq div.box div.cor.seis { background-color:#E77817; } /* Referências ************** #7DBA00 - Verde #545B5E - Cinza Escuro #F8C300 - Amarelo #3EB29F - Verde água /azul #7E649F - Lilas / Roxo #E77817 - Laranja ****************************/ /* COLUNA DIREITA ****************************/ #colDir { float:right; width:280px; padding:50px 0 0; } #colDir div.box:last-child { border:0; } #colDir div.box { border-bottom:1px solid #C1C1C1; padding:0 0 25px; margin:0 0 20px; overflow:hidden; } #colDir div.box h3 { height:30px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; } #colDir div.box p.apoio { font-size:14px; margin:-3px 0 10px; } #colDir div.box p.apoio a { color:#6AAC09; } #colDir div.box p.apoio a:hover { color:#7DBA00; } #colDir div.box a.mais { display:block; float:left; clear:left; font:normal 13px AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#6AAC09; background:url(../imagens/bullet_links_mais.jpg) left 5px no-repeat; padding:0 0 0 10px; margin:0 0 3px; cursor:pointer; } #colDir div.box a.mais:hover { color:#7DBA00; } /* DZ Stats */ #colDir div.box.stats h3 { width:85px; background-image:url(../imagens/tit_dir_stats.png); } #colDir div.box.stats ul.contador { margin:0 0 10px; overflow:hidden; } #colDir div.box.stats ul.contador li { float:left; clear:left; width:280px; font-family:AauxProMedium, 'Trebuchet MS', Arial, Helvetica, sans-serif; padding:4px 0; } #colDir div.box.stats ul.contador li span { float:left; display:block; } #colDir div.box.stats ul.contador li span.numero { width:65px; height:27px; line-height:27px; font-family:AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:16px; text-align:center; background-color:#E4E4E4; border-radius:5px 5px 5px 5px; -webkit-border-radius:5px; -moz-border-radius:5px; box-shadow:0 1px 0 #C6C6C6; -webkit-box-shadow:0 1px 0 #C6C6C6; -moz-box-shadow:0 1px 0 #C6C6C6; padding:0 5px; margin:0 5px 0 0; } #colDir div.box.stats ul.contador li span.desc { width:200px; font-size:14px; line-height:100%; margin:-2px 0 0; } #colDir div.box.stats ul.contador li p { display:none; clear:both; font-size:11px; line-height:11px; font-style:italic; color:#999; padding:0 0 5px; margin:0; } #colDir div.box.stats ul.contador li.outros { display:none; } /* DZ Twitter */ #colDir div.box.twitter h3 { width:110px; background-image:url(../imagens/tit_dir_twitter.png); } #colDir div.box.twitter ul#twitter_update_list li span { display:block; font:normal 13px/120% 'Trebuchet MS', Arial, Helvetica, sans-serif; background-color:#E4E4E4; border-radius:5px 5px 5px 5xp; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow: 0 1px 0 #C6C6C6; -webkit-box-shadow: 0 1px 0 #C6C6C6; -moz-box-shadow: 0 1px 0 #C6C6C6; padding:5px 10px; } #colDir div.box.twitter ul#twitter_update_list li span a { display:inline; font-size:13px !important; color:#6AAC09; background:none; padding:0; } #colDir div.box.twitter ul#twitter_update_list li a { display:block; font-size:11px !important; color:#848484; background:url(../imagens/bg_balao_tweet.jpg) 10px top no-repeat; padding:8px 0 0 10px; margin:0 0 5px; } #colDir div.box.twitter ul#twitter_update_list li a:hover { color:#7DBA00; } /* DZ Flickr */ #colDir div.box.flickr h3 { width:90px; background-image:url(../imagens/tit_dir_flickr.png); } #colDir div.box #flickr_badge_uber_wrapper { margin:0 0 0 -10px; } #colDir div.box #flickr_badge_wrapper { overflow:hidden; } #colDir div.box .flickr_badge_image { float:left; width:87px; height:86px; padding:0 0 10px 9px; } #colDir div.box .flickr_badge_image img { display:block; width:87px !important; height:86px !important; } /* DZ Youtube */ #colDir div.box.youtube h3 { width:127px; background-image:url(../imagens/tit_dir_youtube.png); } #colDir div.box.youtube object { display:block; margin:0 0 5px; } /* DZ Expresso */ #colDir div.box.expresso h3 { width:141px; background-image:url(../imagens/tit_dir_expresso.png); } #colDir div.box.expresso form.newsletter label, #colDir div.box.expresso form.newsletter input[type=text] { margin:0 0 4px; } #colDir div.box.expresso form.newsletter label { width:55px; height:24px; } #colDir div.box.expresso form.newsletter input[type=text] { width:200px; } #colDir div.box.expresso form.newsletter input[type=submit] { clear:both; float:left; width:200px; height:21px; background:url(../imagens/bt_cadastrar.jpg) left top no-repeat; margin:0 0 0 55px; } #colDir div.box.expresso form.newsletter input[type=submit]:hover { background-position:left bottom; } /* DZ Facebook */ #colDir div.box.facebook h3 { width:141px; background-image:url(../imagens/tit_dir_facebook.png); } /* DZtome */ #colDir div.box.dztome h3 { width:96px; background-image:url(../imagens/tit_dir_dztome.png); } #colDir div.box.dztome form.encurtador label, #colDir div.box.dztome form.encurtador input[type=text] { margin:0 0 4px; } #colDir div.box.dztome form.encurtador label { width:55px; height:24px; } #colDir div.box.dztome form.encurtador input[type=text] { margin-left:10px; width:189px; } #colDir div.box.dztome form.encurtador input[type=submit] { clear:both; float:left; width:190px; height:21px; background:url(../imagens/bt_encurtar.jpg) left top no-repeat; margin:0 0 0 64px; } #colDir div.box.dztome form.encurtador input[type=submit]:hover { background-position:left bottom; } #colDir div.box.dztome form.encurtador span.desc { display:block; width:255px; text-align:right; font-size:11px; color:#C03; } #colDir div.box.dztome form.encurtador span#txtERRO_MSG { display:block; width:255px; text-align:right; font-size:11px; color:#C03; } #colDir div.box.dztome span#txtOK_MSG { clear: both; display:block; text-align:center; font-size:18px; color:#7DBA00; } #colDir div.box.dztome a#retornoURL { display:block; width: 190px; height: 0; background: url(../imagens/bt_copiar.png) left top no-repeat; padding: 21px 0 0; margin: 0 auto; overflow: hidden; } #colDir div.box.dztome a#retornoURL:hover { background-position: left -21px; } #colDir div.box.dztome .loader { display:none; clear:both; text-align:center; padding:10px 0; } #colDir div.box.dztome .loader span { display:block; font:normal 12px AauxProMedium, 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#7dba00; text-transform:uppercase; } /* DZ Wiki */ #colDir div.box.wiki h3 { width:75px; background-image:url(../imagens/tit_dir_wiki.png); } #colDir div.box.wiki h4 { font-size:18px; margin:0 0 5px; } #colDir div.box.wiki p { font-size:13px; color:#848484; } #colDir div.box.wiki fieldset { height:24px; padding:0 0 10px; } #colDir div.box.wiki fieldset label, #colDir div.box.wiki fieldset input { margin:0 5px 0 0; } #colDir div.box.wiki fieldset input { float:left; } #colDir div.box.wiki fieldset input.botao { width:60px; height:21px; background-image:url(../imagens/bt_buscar_wiki.jpg); } /* RODAPE ****************************/ #rodape { position:absolute; bottom:0; width:100%; height:217px; background-color:#7DBA00; } #rodape #conteudoRodape { width:960px; height:176px; background:url(../imagens/bg_rodape.jpg) right bottom no-repeat; padding:41px 0 0; margin:0 auto; } #rodape #conteudoRodape div.modulo { float:left; } #rodape #conteudoRodape div.modulo.atalhos { width:224px; } #rodape #conteudoRodape div.modulo.links { width:129px; } #rodape #conteudoRodape div.modulo.endereco address { font-size:13px; } #rodape #conteudoRodape div.modulo h4 { font-size:18px; margin:0 0 15px; } #rodape #conteudoRodape div.modulo ul li { font:normal 13px/13px AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; background:url(../imagens/bullet_listas.jpg) left 2px no-repeat; text-shadow:1px 1px 0 #639400; padding:0 0 0 10px; margin:0 0 10px; } #rodape #conteudoRodape div.modulo ul li a { color:#FFF; } #rodape #conteudoRodape div.modulo ul li a:hover { text-decoration:underline; } #rodape #conteudoRodape div.menu { float:right; width:280px; } #rodape #conteudoRodape div.menu h4 { margin:0 0 5px 14px; } #rodape #conteudoRodape div.menu h4 a { display:block; width:168px; height:46px; background:url(../imagens/logo_dz_rodape.jpg) left top no-repeat; text-indent:-999999px; } #rodape #conteudoRodape div.menu ul { overflow:hidden; margin:0 0 20px; } #rodape #conteudoRodape div.menu ul li { float:left; font:normal 18px AauxProMedium, 'Trebuchet MS', Arial, Helvetica, sans-serif; text-shadow:1px 1px 0 #639400; margin:0 0 0 14px; } #rodape #conteudoRodape div.menu ul li a { color:#FFF; } #rodape #conteudoRodape div.menu ul li a:hover { text-decoration:underline; } #rodape #conteudoRodape div.menu a.ingles { display:block; float:right; height:16px; font:normal 16px/17px AauxProMedium, 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFF; background:url(../imagens/bg_bandeira_uk.png) right top no-repeat; text-shadow:1px 1px 0 #639400; padding:0 30px 0 0; margin:0 11px 15px 0; } #rodape #conteudoRodape div.menu a.ingles:hover { background-position:right bottom; text-decoration:underline; } #rodape #conteudoRodape div.menu span { display:block; clear:both; height:11px; font-size:11px; line-height:11px; color:#547D00; background:url(../imagens/logo_abaradi_rs.jpg) right bottom no-repeat; padding:19px 0 0; margin:0 11px 0 0; } /* PAGINAS INTERNAS ****************************/ /* Geral */ body.agencia { background-image:url(../imagens/bg_agencia.jpg); } body.trabalhos { background-image:url(../imagens/bg_trabalhos.jpg); } body.blog { background-image:url(../imagens/bg_blog.jpg); } body.contato { background-image:url(../imagens/bg_contato.jpg); } body.cadastro { background-image:url(../imagens/bg_cadastro.jpg); } body.busca { background-image:url(../imagens/bg_busca.jpg); } a.mostrarMais { display:block; height:24px; font:normal 15px/24px AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#FFF; text-align:center; text-transform:uppercase; background-color:#4A4A4A; text-shadow:1px 1px 1px #000; background:linear-gradient(center top , #666, #4A4A4A) no-repeat; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#4A4A4A)); background:-moz-linear-gradient(center top , #666, #4A4A4A) no-repeat; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 1px 0 #333; -webkit-box-shadow:0 1px 0 #333; -moz-box-shadow:0 1px 0 #333; margin:0 0 1px; } a.mostrarMais:hover { background-color:#6E6E6E; background:linear-gradient(center top , #888, #6E6E6E) no-repeat; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#888), to(#6E6E6E)); background:-moz-linear-gradient(center top , #888, #6E6E6E) no-repeat; } #titulo { border-bottom:1px solid #C1C1C1; padding:35px 0 25px; overflow:hidden; margin:0 0 40px; } #titulo h2 { float:left; height:73px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; margin:0 22px 0 0; } #titulo p.apoio { float:left; width:513px; font-size:21px; line-height:120%; letter-spacing:-1px; padding:13px 0 0; } #colEsq.interna, #colDir.interna { padding:0; } #colEsq div.box.interna { margin-bottom:15px; } #colEsq div.box.interna h2 { margin-top:0; } #colEsq div.box.interna span.data { display:block; font:bold 14px 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#848484; margin:0 0 15px; } #colEsq div.box.interna span.autor { display:block; font-size:12px; color:#848484; padding:0 0 10px; } #colEsq div.texto { overflow:hidden; } #colEsq div.texto p { font-size:13px; } #colEsq div.texto div.imagem { float:left; margin:0 20px 0 0; } #colEsq div.texto div.imagem img { margin:0; } #colEsq div.texto img { display:block; margin:19px auto 0; } #colEsq div.texto a { color:#6AAC09; } #colEsq div.texto a:hover { color:#7DBA00; } #colEsq div.maisOpcoes { padding:0 0 15px; } #colEsq div.maisOpcoes dl { padding:0 0 5px; } #colEsq div.maisOpcoes dl dt { font:normal 18px AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#848484; margin:0 0 15px; } #colEsq div.maisOpcoes dl dd { font:normal 13px AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing:-1px; background:url(../imagens/bullet_mais_opcoes.jpg) left 4px no-repeat; padding:0 0 0 10px; margin:0 0 5px; } #colEsq div.maisOpcoes dl dd a { color:#6AAC09; } #colEsq div.maisOpcoes dl dd a:hover { color:#7DBA00; } #colEsq div.maisOpcoes a.voltar { display:inline-block; font:normal 13px AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#848484; text-transform:uppercase; letter-spacing:-1px; background:url(../imagens/bullet_voltar.jpg) left 4px no-repeat; padding:0 0 0 10px; } #colEsq div.maisOpcoes a.voltar:hover { text-decoration:underline; } #colDir.interna div.box.filtroTags h3 { width:169px; background-image:url(../imagens/tit_dir_filtrar_tag.png); } #colDir.interna div.box.filtroTags ul { padding:15px 0 0; } #colDir.interna div.box.filtroTags ul li { float:left; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-weight:bold; font-size:11px; line-height:21px; color:#848484; background:url(../imagens/bg_tags.png) left top no-repeat; padding:0 8px 10px 11px; } #colDir.interna div.box.filtroTags ul li a { float:left; white-space:nowrap; line-height:20px; color:#848484; background-color:#E4E4E4; border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; box-shadow:0 1px 0 #C6C6C6; -webkit-box-shadow: 0 1px 0 #C6C6C6; -moz-box-shadow:0 1px 0 #C6C6C6; padding:0 10px 0 4px; } #colDir.interna div.box.filtroTags ul li a:hover { text-decoration:underline; } #colDir.interna div.box.filtroTags ul li.ativo { background:url(../imagens/bg_tags_selecionada.png) left top no-repeat; } #colDir.interna div.box.filtroTags ul li.ativo a { color:#A9A8A8; background:#525252 url(../imagens/bg_tag_fechar.png) right top no-repeat; box-shadow:0 1px 0 #333; -webkit-box-shadow: 0 1px 0 #333; -moz-box-shadow:0 1px 0 #333; padding-right:28px; } #colDir.interna div.box.filtroTags ul li.ativo a:hover { background-position:right -21px; text-decoration:none; } #colDir.interna div.box.filtroTags ul.tags { overflow:hidden; } #colDir.interna div.box.filtroTags ul.outras { display:none; padding:0; overflow:hidden; } #colDir.interna div.box.filtroTags div.mostraEsconde { height:17px; background:url(../imagens/bg_bt_mais_menos_tags.jpg) center center no-repeat; } #colDir.interna div.box.filtroTags div.mostraEsconde a.mostra, #colDir.interna div.box.filtroTags div.mostraEsconde a.esconde { display:block; width:40px; height:17px; background-image:url(../imagens/bt_mais_menos_tags.jpg); background-repeat:no-repeat; text-indent:-999999px; margin:0 auto; } #colDir.interna div.box.filtroTags div.mostraEsconde a.mostra { background-position:left top; } #colDir.interna div.box.filtroTags div.mostraEsconde a.mostra:hover { background-position:left -34px; } #colDir.interna div.box.filtroTags div.mostraEsconde a.esconde { background-position:left -17px; } #colDir.interna div.box.filtroTags div.mostraEsconde a.esconde:hover { background-position:left bottom; } /* Agencia */ #titulo h2.agencia { width:255px; background-image:url(../imagens/tit_agencia.png); } #textoAgencia { border-bottom:1px solid #C1C1C1; overflow:hidden; padding:0 0 30px; margin:0 0 30px; } #textoAgencia p { font-size:15px; line-height:120%; } #textoAgencia p span { font:normal 22px/22px AauxProBold, 'Trebuchet MS', Arial, Helvetica, sans-serif; letter-spacing:-1px; } #textoAgencia div { width:463px; } #textoAgencia div.esq { float:left; } #textoAgencia div.dir { float:right; } #colEsq.interna div.box.agencia { padding:0 0 30px; margin:0 0 30px; } #colEsq.interna div.box.agencia:last-child { border:0; } #colEsq.interna div.box.agencia h2 { height:30px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; margin:0; } #colEsq.interna div.box.agencia h2.reel { width:125px; background-image:url(../imagens/tit_demo_reel.png); } #colEsq.interna div.box.agencia h2.premios { width:101px; background-image:url(../imagens/tit_premios.png); } #colEsq.interna div.box.agencia p.apoio { font-size:14px; margin:-3px 0 10px; } #colEsq.interna div.box.agencia ul.premios { overflow:hidden; } #colEsq.interna div.box.agencia ul.premios li { float:left; width:50%; padding:0 0 20px; } #colEsq.interna div.box.agencia ul.premios li div.imagem { float:left; margin:0 10px 0 0; } #colEsq.interna div.box.agencia ul.premios li div.imagem img { display:block; } #colEsq.interna div.box.agencia ul.premios li h5 { font-size:18px; line-height:18px; letter-spacing:-1px; margin:15px 0 0; } #colEsq.interna div.box.agencia ul.premios li span { display:block; font-weight:bold; font-size:11px; color:#848484; } #colDir.interna div.box h3.porDentro { width:213px; background-image:url(../imagens/tit_dir_por_dentro.png); } #colDir.interna div.box h3.diretores { width:112px; background-image:url(../imagens/tit_dir_diretores.png); } #colDir.interna div.box ul.diretores li { overflow:hidden; padding:0 0 10px; } #colDir.interna div.box ul.diretores li div.imagem { float:left; margin:0 10px 0 0; } #colDir.interna div.box ul.diretores li div.imagem img { display:block; } #colDir.interna div.box ul.diretores li h4 { font-size:18px; line-height:18px; letter-spacing:-1px; margin:15px 0 0; } #colDir.interna div.box ul.diretores li span { display:block; font-weight:bold; font-size:11px; color:#848484; } /* Agencia ( Versao ingles ) */ body.agencia.en { background-image:url(../imagens/bg_agencia_en.jpg); } a.versao { display:block; float:right; font:normal 20px/25px AauxProMedium, 'Trebuchet MS', Arial, Helvetica, sans-serif; background:url(../imagens/bg_bandeira_br.png) right top no-repeat; padding:0 45px 0 0; margin:83px 0 0; } a.versao:hover { background-position:right bottom; } #rodape #conteudoRodape div.menu a.versao { color:#FFF; text-shadow:1px 1px 0 #639400; margin:10px 11px 20px 0; } #rodape #conteudoRodape div.menu a.versao:hover { background-position:right bottom; text-decoration:underline; } #titulo p.apoio.en { width:407px; } #titulo h2.agencia.en { width:531px; background-image:url(../imagens/tit_agencia_en.png); } #colEsq.interna div.box.agencia h2.premios.en { width:75px; background-image:url(../imagens/tit_premios_en.png); } #colDir.interna div.box h3.porDentro.en { width:117px; background-image:url(../imagens/tit_dir_por_dentro_en.png); } #colDir.interna div.box h3.diretores.en { background-image:url(../imagens/tit_dir_diretores_en.png); } /* Trabalhos */ #titulo h2.trabalhos { width:308px; background-image:url(../imagens/tit_trabalhos.png); } #colDir.interna div.box.filtroClientes h3 { width:214px; background-image:url(../imagens/tit_dir_filtrar_cliente.png); } #colDir.interna div.box.filtroClientes ul.clientes { width:288px; padding:10px 0 0; margin:0 0 0 -8px; } #colDir.interna div.box.filtroClientes ul.clientes li { float:left; width:134px; height:81px; border:1px solid #C1C1C1; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 8px 8px; } #colDir.interna div.box.filtroClientes ul.clientes li a.logo { position:relative; display:block; width:126px; height:75px; overflow:hidden; margin:3px auto 0; cursor:pointer; } #colDir.interna div.box.filtroClientes ul.clientes li a.logo img { display:block; margin:0 auto; } #colDir.interna div.box.filtroClientes ul.clientes li ul { width:auto; padding:0; margin:0; } #colDir.interna div.box.filtroClientes ul.clientes li ul li { float:none; width:auto; height:auto; border:0; margin:0; } /* Trabalho Selecionado */ #titulo div.cliente { float:right; overflow:hidden; } #titulo div.cliente div.imagem { float:right; height:75px; /*border:1px solid #C1C1C1;*/ overflow:hidden; } #titulo div.cliente div.imagem img { display:block; margin:-75px 0 0; } #titulo div.cliente div.listaTrabalhos { float:right; width:480px; margin:10px 20px 0 0; } #titulo div.cliente div.listaTrabalhos dl { float:right; text-align:right; } #titulo div.cliente div.listaTrabalhos dl dt { font:italic 32px Georgia, "Times New Roman", Times, serif; color:#848484; letter-spacing:-1px; } #titulo div.cliente div.listaTrabalhos dl dd { float:right; font:normal 13px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#ADADAD; padding:0 2px; margin:-3px 0 0; } #titulo div.cliente div.listaTrabalhos dl dd a { color:#848484; } #titulo div.cliente div.listaTrabalhos dl dd a:hover { text-decoration:underline; } #colEsq.interna div.box.interna div.texto p.premio { font-family: Georgia,"Times New Roman",Times,serif; color:#848484; font-style:italic; overflow:hidden; padding:20px 0; } #colEsq.interna div.box.interna div.texto p.premio img { display:block; float:left; margin:-20px 20px 0 0; } /* Blog */ #titulo h2.blog { width:135px; background-image:url(../imagens/tit_blog.png); } /* Blog Selecionado */ #colEsq div.comentarios { border-top:1px solid #C1C1C1; padding:20px 0 0; } #colEsq div.comentarios h3, #colEsq div.comente h3 { font-size:32px; color:#848484; letter-spacing:-2px; margin:0 0 10px; } #colEsq div.comentarios ul li { overflow:hidden; padding:0 0 20px; } #colEsq div.comentarios ul li div.nome { float:right; width:171px; background:url(../imagens/bullet_comentario.jpg) left 11px no-repeat; padding:5px 0 0 14px; } #colEsq div.comentarios ul li div.nome h5 { font-size:18px; color:#6AAC09; } #colEsq div.comentarios ul li div.nome h5 a {color:#6AAC09; } #colEsq div.comentarios ul li div.nome span { display:block; font:italic 11px Georgia, "Times New Roman", Times, serif; color:#848484; } #colEsq div.comentarios ul li div.comentario { float:left; width:435px; background-color:#E4E4E4; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 1px 0 #C1C1C1; -webkit-box-shadow: 0 1px 0 #C1C1C1; -moz-box-shadow:0 1px 0 #C1C1C1; padding:10px 10px 0; } #colEsq div.comentarios ul li div.comentario p { font-size:13px; } #colEsq div.comente form ul li { overflow:hidden; padding:1px 0 0; } #colEsq div.comente form label { clear:left; width:90px; } #colEsq div.comente form input[type=text] { float:left; width:300px; margin:0 0 10px; } #colEsq div.comente form textarea { float:left; width:290px; margin:0 0 10px; } #colEsq div.comente form span.desc { display:block; float:left; width:195px; font-size:11px; line-height:120%; color:#848484; padding:0 0 0 10px; } #colEsq div.comente form input[type=submit] { float:right; width:59px; height:21px; background-image:url(../imagens/bt_enviar.jpg); margin:0 255px 0 0; } /* Contato */ #titulo h2.contato { width:236px; background-image:url(../imagens/tit_contato.png); } div.formBusca { overflow:hidden; } div.formBusca div.esq { float:left; width:286px; } div.formBusca div.esq ul { width:286px; } div.formBusca div.esq ul li { height:55px; font:italic 22px/55px Georgia, "Times New Roman", Times, serif; letter-spacing:-1px; text-align:right; padding:0 6px 0 0; margin:0 0 5px; } div.formBusca div.esq ul li a { display:block; width:262px; height:55px; background-color:#E4E4E4; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:0 18px 0 0; } div.formBusca div.esq ul li a span { font-size:11px; } div.formBusca div.esq ul li.ativo { background:url(../imagens/bullet_contato.jpg) right center no-repeat; } div.formBusca div.esq ul li.ativo a { background-color:#494949; color:#A9A8A8; cursor:default; } div.formBusca div.esq div.dados { width:280px; border-top:1px solid #C1C1C1; padding:30px 0 0; margin:30px 0 0; } div.formBusca div.esq div.dados h4 { font-size:18px; margin:0 0 5px; } div.formBusca div.esq div.dados address { font-size:13px; margin:0 0 30px; } div.formBusca div.esq div.dados span { display:block; font-size:13px; } div.formBusca div.esq div.dados { font-size:13px; } div.formBusca div.esq div.dados h4.telefone { margin:20px 0 0; } div.formBusca div.esq div.dados #map_canvas { margin:30px 0 0; width:284px; height:240px; border:1px solid #c1c1c1; } div.formBusca div.dir { float:right; width:640px; } div.formBusca div.dir h3 { height:30px; background-position:left top; background-repeat:no-repeat; text-indent:-999999px; margin:0 0 25px; } div.formBusca div.dir h3.contato { width:213px; background-image:url(../imagens/tit_dados_do_contato.jpg); } div.formBusca div.dir h3.empresa { width:210px; background-image:url(../imagens/tit_sobre_a_empresa.jpg); } div.formBusca div.dir h3.projeto { width:190px; background-image:url(../imagens/tit_sobre_o_projeto.jpg); } div.formBusca form fieldset { padding:0 0 30px; } div.formBusca form fieldset ul li { overflow:hidden; padding:1px 0 0; } div.formBusca form fieldset ul li.captcha { padding:0 0 0 135px; } div.formBusca form fieldset ul li.captcha img { float:left; display:block; /*margin:0 50px;*/ } div.formBusca form fieldset ul li.captcha span.codigo { display:block; clear:both; margin:0 0 0 18px; } div.formBusca form label { width:125px; line-height:100%; padding:3px 10px 0 0; margin:0 0 10px; } div.formBusca form input[type=text], div.formBusca form textarea { float:left; margin:0 0 10px; } div.formBusca form input[type=text] { width:300px; } div.formBusca form input.area, div.formBusca form input.data { width:30px; margin-right:4px; } div.formBusca form input.fone, div.formBusca form input.ano { width:80px; } div.formBusca form input.cpf { width:75px; margin-right:4px; } div.formBusca form input.digitos { width:30px; } div.formBusca form textarea { width:290px; } div.formBusca form span.desc { display:block; float:left; width:195px; font-size:11px; line-height:120%; color:#848484; padding:0 0 0 10px; } div.formBusca form input[type=submit] { float:right; width:59px; height:21px; background-image:url(../imagens/bt_enviar.jpg); margin:0 205px 0 0; } div.formBusca form div.check { float:left; width:300px; } div.formBusca form div.check label { width:150px !important; clear:none; display:block; float:left; font:normal 11px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#848484; padding:0; } /*div.formBusca form div.check label span {display:block; float:left;}*/ div.formBusca form div.check label a { color:#848484; } div.formBusca form div.check label a:hover { color:#333; } /* Cadastro */ #titulo h2.cadastro { width:276px; background-image:url(../imagens/tit_cadastro.png); } div.formBusca form.cadastro label { width:85px; } div.formBusca form.cadastro input[type=submit] { margin:0 245px 0 0; } /* Busca */ #titulo h2.busca { width:190px; background-image:url(../imagens/tit_busca.png); } body.busca #titulo p.apoio { padding-top:37px; } body.busca #titulo p.apoio strong { font-style:italic; font-weight:normal; color:#333; } div.formBusca div.esq ul li.trabalhos.ativo { background-image:url(../imagens/bullet_aba_trabalhos.jpg); } div.formBusca div.esq ul li.trabalhos a { color:#3EB29F; } div.formBusca div.esq ul li.trabalhos.ativo a { background-color:#3EB29F; color:#FFF; } div.formBusca div.esq ul li.blog.ativo { background-image:url(../imagens/bullet_aba_blog.jpg); } div.formBusca div.esq ul li.blog a { color:#E77817; } div.formBusca div.esq ul li.blog.ativo a { background-color:#E77817; color:#FFF; } div.formBusca div.dir ul.resultadoBusca li h3 { font-size:20px; text-indent:0; background-position:left 7px; background-repeat:no-repeat; padding:0 0 0 20px; margin:0; } div.formBusca div.dir ul.resultadoBusca li p { font-size:13px; color:#848484; } div.formBusca div.dir ul.resultadoBusca li p strong { font-weight:normal; color:#333; } div.formBusca div.dir ul.resultadoBusca li.blog h3 { background-image:url(../imagens/bullet_busca_blog.png); } div.formBusca div.dir ul.resultadoBusca li.trabalho h3 { background-image:url(../imagens/bullet_busca_trabalhos.png); } /* Página não encontrada */ #titulo h2.ops { width:139px; height:75px; background-image:url(../imagens/tit_ops.png); } /* FORMULÁRIOS **************************/ label { display:block; float:left; clear:left; font:normal 16px/24px AauxProMedium, 'Trebuchet MS', Arial, Helvetica, sans-serif; } input[type=text] { height:24px; font:normal 13px/24px 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#848484; background-color:#E7E7E7; border:0; text-indent:5px; border-radius:2px 2px 2px 2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:-1px -1px 0 rgba(0,0,0,.3); -webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.3); -moz-box-shadow:-1px -1px 0 rgba(0,0,0,.3); } input[type=submit]:hover { background-position:left bottom; } textarea { font:normal 13px/120% 'Trebuchet MS', Arial, Helvetica, sans-serif; color:#848484; background-color:#E7E7E7; border:0; border-radius:2px 2px 2px 2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:-1px -1px 0 rgba(0,0,0,.3); -webkit-box-shadow:-1px -1px 0 rgba(0,0,0,.3); -moz-box-shadow:-1px -1px 0 rgba(0,0,0,.3); overflow:auto; padding:5px; } div.formBusca form fieldset ul li.linkedin{ padding-bottom: 7px; border-bottom: 1px dotted #e2e2e2; margin-bottom: 18px; width: 435px; } div.formBusca form fieldset ul li.linkedin span.desc{ width: 125px; } span.IN-widget{ float: left; display: block; *padding-bottom: 7px;} /* MENSAGENS EM GERAL **************************/ div.mensagem { text-align:center; padding:30px 0; } div.mensagem img { display:block; margin:0 auto 50px; } div.mensagem p { font-size:13px; color:#848484; } div.mensagem p strong { font-weight:normal; color:#333; } /* PLUGINS ******************************/ /* tooltip */ .tooltip { display:none; position:relative; margin:0 0 0 -20px; background-color:#7DBA00; font-size:13px; font-weight:bold; text-shadow:1px 1px 0 #639400; height:auto; width:164px; padding:10px; color:#fff; border-radius:5px 5px 5px 5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0 1px 0 #689B00; -webkit-box-shadow: 0 1px 0 #689B00; -moz-box-shadow:0 1px 0 #689B00; } .tooltip ul li { line-height:120%; background:url(../imagens/bullet_listas.jpg) left 9px no-repeat; padding:5px 0 5px 10px; } .tooltip ul li a { display:block; color:#FFF; } .tooltip ul li a:hover { text-decoration:underline; } .tooltip span { position:absolute; right:20px; bottom:-6px; display:block; width:10px; height:6px; background:url(../imagens/bullet_tooltip.png) left top no-repeat; } div.box.expresso .tooltip, div.box.dztome .tooltip { width:230px; margin:-20px 0 0 -190px; padding:5px; } div.box.expresso .tooltip ul li, div.box.dztome .tooltip ul li { padding:0; } /* custom safari checkbox */ .jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px;} .jquery-safari-checkbox .mark {display: inline;} .jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;} .jquery-safari-checkbox img{background: transparent url(../imagens/bg_checkbox.jpg) no-repeat;} .jquery-safari-checkbox img{ background-position: 0px 0px; } .jquery-safari-checkbox-hover img{ background-position: 0px -16px; } .jquery-safari-checkbox-checked img{ background-position: 0px -32px; } .jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img { background-position: 0 -48px; } .jquery-safari-checkbox-disabled img{ background-position: 0px -32px; } .jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{ background-position: 0px -48px; } /* input file customizado */ #div-input-file { float:left; position:relative; width:300px; background:url(../imagens/bt_procurar.jpg) right 1px no-repeat; height:24px; padding:0 0 10px; } #div-input-file #file_original { position:absolute; left:0; top:0; z-index:1; opacity:0.0; -moz-opacity:0.0; filter:alpha(opacity=00); width:300px; } #div-input-falso { position:absolute; left:0; top:0; width:217px; } #div-input-falso #file_falso { width:212px; height:24px; padding:0 5px 0 0; } /* ESPECIAIS ****************************/ .botao { display:block; background-position:left top; background-repeat:no-repeat; background-color:transparent; text-indent:-999999px; border:0; outline:none; cursor:pointer; } .botao:hover { background-position:left bottom; } .floatLeft { float:left; } .floatRight { float:right !important; } .semBorda { border:none !important; } .semMargem { margin:0 !important; } /* new clearfix */ .clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; } * html .clearfix {zoom: 1;} /* IE6 */ *:first-child+html .clearfix {zoom: 1;} /* IE7 */