/* -------------------------------- GERAL -------------------------------- */ /* .some_texto { opacity:0; -moz-transition:width 1s ease 0s; -webkit-transition:width 1s ease 0s; -o-transition:width 1s ease 0s; transition:width 1s ease 0s; } */ * { margin:0px; padding:0px; } body { background:#4e4e4e; font-size:12px; color:#FFF; } body, input, textarea, select , search { font-family:Arial, Helvetica, sans-serif; font-size:12px; } html,body { height:100%; } img, fieldset { border:none; } a { text-decoration:none; color:#E47525; } a:hover { text-decoration:none; } h1, h2, h3, .areap .procurar, input, textarea, .colaborador .nome, .colaborador .funcao, .areap .campo_pesquisar, .conteudo_ger, .title_portfolio .title, .title_portfolio .cont, span.fechar a, .colaborador span.fechar a, .responsaveisProjeto, .inputFile { font-weight:normal; font-family:"TerminalDosis400"; } .left { float:left; } .clear { clear:both; } .inline { display:inline !important;} .line_height { line-height:0px !important;} .fl_none { float:none !important; } #portfolio { overflow:hidden; } #resultado { background:#4e4e4e; } .responsaveisProjeto {position:fixed; z-index:2; bottom:0; left:0; margin-left:289px; background:#f38435; margin-bottom:20px; padding:0 12px; font-size:17px;} /*TAMANHOS FONTES*/ .size_12 { font-size:12px !important;} .size_13 { font-size:13px !important;} .size_13 { font-size:14px !important;} .size_15 { font-size:15px !important;} input:focus, textarea:focus, div:focus { outline:none; } /* -------------------------------- Font-Face -------------------------------- */ @font-face { font-family:"TerminalDosis400"; src:url('../fonts/terminal-dosis-400.eot'); src:url('../fonts/terminal-dosis-400.eot?#iefix') format('embedded-opentype'), url('../fonts/terminal-dosis-400.woff') format('woff'), url('../fonts/terminal-dosis-400.ttf') format('truetype'), url('../fonts/terminal-dosis-400.svg#TerminalDosis400') format('svg'); font-weight:normal; font-style:normal; } @font-face { font-family:"TerminalDosis500"; src:url('../fonts/terminal-dosis-500.eot'); src:url('../fonts/terminal-dosis-500.eot?#iefix') format('embedded-opentype'), url('../fonts/terminal-dosis-500.woff') format('woff'), url('../fonts/terminal-dosis-500.ttf') format('truetype'), url('../fonts/terminal-dosis-500.svg#TerminalDosis500') format('svg'); font-weight:normal; font-style:normal; } /* -------------------------------- TOPO -------------------------------- */ .group_webi { position:absolute; text-indent:-999em; font-size:5px; } .logo_busca { z-index:2; height:120px; background:url(../imagens/bg_black2.png); position:absolute; top:42%; width:98%; right:1%; left:1%; border-radius:7px; border:solid 1px #000; } .logo_busca h1 { float:left; } .logo_busca h1 a { display:block; width:130px; height:120px; background:url(../imagens/logo.png); text-indent:-999px; } .logo_busca hgroup h2 { text-indent:-999em; } .logo_busca .logo_webi { float:left; } .logo_busca .logo_webi a { display:block; width:130px; height:120px; background:url(../imagens/logo.png); text-indent:-999px; }l .logo_busca2 { height:120px; background:url(../imagens/bg_black2.png); position:absolute; top:50px; width:98%; right:1%; left:1%; border-radius:7px; border:solid 1px #000; z-index:999; } h1.logo { float:left; position:absolute; top:51px; left:17px; float:left; z-index:999999; } h1 a { display:block; width:130px; height:120px; background:url(../imagens/logo.png); text-indent:-999px; } .logo_busca2 h1 { float:left; } .logo_busca2 { height:120px; background:url(../imagens/bg_black2.png); position:absolute; top:50px; width:98%; right:1%; left:1%; border-radius:7px; border:solid 1px #000; z-index:1; } .logo_busca2 .logo_webi { float:left; } .logo_busca2 .logo_webi a { display:block; width:130px; height:120px; background:url(../imagens/logo.png); text-indent:-999px; } .areap { position:relative; width:760px; top:-5px; left:170px; height:100px; *left:50px; } .areap .campo_pesquisar { width:520px; height:55px; background:none; left:0; border:none; font-size:40px; color:#FFF; margin-top:38px; padding:0 15px; z-index:999 !important; position:absolute; } .areap .campo_pesquisar:focus { outline:0; } .areap .procurar { width:210px !important; height:60px; border:none; background:url(../imagens/btn-procurar.png) top; color:#FFF; top:0 !important; font-size:18px; cursor:pointer; margin-top:35px; position:absolute; right:0; } .areap h1, .areap h2, .areap h3 { display:block; position:absolute; color:#FFF; font-size:40px; top:45px; z-index:998; line-height:40px; -webkit-transition:color 0.3s,font-size 0.1s, line-height 0.1s; -moz-transition:color 0.3s,font-size 0.1s, line-height 0.1s; -o-transition:color 0.3s,font-size 0.1s, line-height 0.1s; left:15px; *left:105px; overflow:hidden; height:45px; } .areap h1.some_texto, .areap h2.some_texto, .areap h3.some_texto { font-size:0!important; line-height:49px; } .areap h1.oculta, .areap h2.oculta, .areap h3.oculta { color:#333; } .areap .procurar:hover { background:url(../imagens/btn-procurar.png) bottom; } .bg2 { background:url(../imagens/bg_black1.png) !important; } /* -------------------------------- CONTEÚDO -------------------------------- */ #page { width:100%; height:auto !important; height:100%; min-height:100%; position:relative; } #content { height:auto !important; height:100%; min-height:100%; } body nav { height:40px; background:#000; line-height:40px; z-index:999; position:absolute; width:100%; right:0px; top:0px; } body nav ul { right:10px; top:0px; position:absolute; } body nav ul li { display:block; float:left; margin-right:10px; } body nav h2 { display:none; } body nav ul li a { color:#666; } body nav ul li a.menuPrimeiro { color:#333; } body nav ul li a:hover { color:#FFF; } div#overblack { width:100%; height:auto !important; height:100%; min-height:100%; position:absolute; background:url(../imagens/bg_black1.png); z-index:99998; top:0;} .menuativa { color:#FFF; } #makeMeScrollable { width:100%; height:800px; position:relative; } #makeMeScrollable div.scrollableArea a { position:relative; float:left; top:40px; margin:0; padding:0; box-shadow:#000 -4px 0 8px; /*margin-left:-250px;*/ width:250px; z-index:0; -webkit-transition:left 0.3s; -moz-transition:left 0.3s; -o-transition:left 0.3s; left:0px; } #makeMeScrollable div.scrollableArea a.left { left:-10px; } #makeMeScrollable div.scrollableArea a:first-child { margin-left:0 !important; } .global_cont { width:675px; position:fixed; right:0; bottom:80px; } .global_cont .title { height:20px; background:#f38435; float:left; position:relative; line-height:20px; padding:15px; color:#FFF; font-size:30px; z-index:4; } .global_cont .cont { background:#000; width:635px; padding:15px; float:right; margin-top:-10px; color:#FFF; font-size:14px; position:relative; z-index:2 } img#portfolio { position:absolute; bottom:-130px; right:70px } .global_full { width:100%; height:auto !important; height:100%; min-height:100%; position:absolute; top:0; /*background:url(../imagens/bg_black1.png); */ } .conteudo_ger { position:absolute; top:180px; width:98%; left:1%; right:1%; font-size:17px; } .conteudo_ger .inf { font-size:20px; } .conteudo_ger .sugestoes { margin:20px 0; } .conteudo_ger .sugestoes li { display:block; padding-left:5px; } .conteudo_ger .sugestoes .tit { color:#e47525; padding-left:0; font-size:20px; } .conteudo { width:980px; position:relative; left:0; bottom:0; z-index:999999; } .colaboradores { position:fixed; bottom:0; left:10px; z-index:1; width:460px; height:400px; } .colaboradores a { display:block; float:left; overflow:hidden; } .colaboradores a img { position:relative; left:50%; margin-left:-150px; } .colaborador { background:url(../imagens/bg-colaborador.png) center no-repeat; position:fixed; bottom:0; width:480px; z-index:1; } .colaborador img { position:relative; z-index:3; } .colaborador .nome_redes { position:absolute; font-size:20px; left:102px; top:175px; z-index:2; color:#FFF; -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -ms-transform:rotate(-20deg); } .colaborador .nome { width:200px; font-size:24px; text-align:right; background:#f38435; display:block; padding:0 15px 0 120px; height:40px; line-height:40px; margin-top:3px; } .colaborador .redes { position:absolute; z-index:4; right:60px; top:122px; width:220px; -moz-transform:rotate(-20deg); -webkit-transform:rotate(-20deg); -ms-transform:rotate(-20deg); } .colaborador .redes a { position:relative; z-index:4 !important; } .colaborador .redes img { display:block; float:right; margin-left:3px; position:relative; z-index:4 !important; } .colaborador .funcao { position:absolute; font-size:20px; top:245px; left:130px; z-index:1; background:#000; color:#FFF; height:40px; line-height:40px; padding:0 15px 0 140px; } .projeto { width:500px; float:right; } .projeto img { border-left:solid 10px #CCC; border-right:solid 10px #CCC; position:fixed; top:40px; } .title_portfolio { position:fixed; left:526px; bottom:100px; width:475px; } .title_portfolio .title { height:20px; background:#f38435; float:left; position:relative; z-index:999; line-height:20px; padding:15px; color:#FFF; font-size:30px; } .title_portfolio .cont { background:#000; width:440px; padding:15px; float:right; margin-top:-10px; color:#FFF; font-size:14px; position:relative; z-index:99; } span.fechar { left:890px; position:relative; top:15px; } span.fechar a { background:url(../imagens/bg_fechar.gif) #f38435 no-repeat left top; font-size:16px; color:#FFF; padding:5px 15px; } .colaborador span.fechar { left:450px; position:absolute; top:0; } .colaborador span.fechar a { background:url(../imagens/bg_fechar.gif) #f38435 no-repeat left top; font-size:16px; color:#FFF; padding:1px 6px; } .compartilhar a { height:25px; margin:7px; background:url(../imagens/btfacebook.png) no-repeat top; float:left; display:table; width:25px; top:10px; } .compartilhar a:hover { background-position:bottom; } a.compartilheTwitter { height:25px; margin:7px 0; background:url(../imagens/bttwitter.png) no-repeat top; float:left; display:table; width:25px; top:10px; } a:hover.compartilheTwitter { background-position:bottom; } .visite { position:absolute; width:175px; height:84px; bottom:-83px; right:-27px; color:#FFF; background:url(../imagens/bg_visite.png); } .conteudo_c { width:98%; right:1%; left:1%; position:absolute; top:180px; z-index:5; } #Principal { height:300px; overflow:hidden; background:#000; position:absolute; top:185px; width:98%; right:1%; left:1%; border-radius:7px; border:solid 1px #000; } #Principal #imgResultado { width:450px; height:300px; float:left; overflow:hidden; margin-right:20px; border-radius:7px 0 0 7px; } #Principal #imgResultado2 { width:250px; height:300px; float:left; overflow:hidden; margin-right:20px; border-radius:7px 0 0 7px; } #Principal table { width:30%; } #Principal .post_atual { float:left; width:450px; background:#000; margin-bottom: 60px; padding: 8px 8px 10px 15px; } #Principal table h2 { font-size:30px; color:#e47525; line-height:30px; margin-bottom:20px; } #Principal table h1, #Principal .post_atual h1, #Principal .post_atual h2 { float:left; font-size:30px; color:#e47525; line-height:30px; margin-bottom:20px; } #Principal .post_atual h1 { margin-top:20px; } .mudar_tamanho { display:block; float:right; clear:both; font-weight:bold;} .mudar_tamanho a { color:#fff; } #textFontButtons { border-bottom: 1px solid #4E4E4E; margin-bottom:20px; } /*Autor do Post*/ .autor_post { display:none; position:relative; border-bottom:1px solid #4E4E4E; width:450px; min-height:150px; overflow:hidden; margin-bottom:25px;} .addthis_toolbox { display:block !important;} .autor_post img { display:block; position:absolute; left:-25px; top:0; z-index:1;} .autor_desc { position:relative; margin-left:100px; margin-top:50px; } .autor_desc h3 { background:#F38435; font-family: "TerminalDosis400"; font-size:20px; z-index:2; padding:0px 8px 0 50px; float:left; margin:5px 0px 5px -50px; } .autor_desc p { clear:both; padding-bottom:5px; } .conteudo_content { width:460px;} /*.resultado { }*/ .resultado .encontrado { color:#FFF; font-size:20px; } .resultado .encontrado a { color:#FFF; } .resultado .encontrado a:hover { text-decoration:underline; } .resultado ul { display:block; width:100%; margin-top:10px; margin-bottom:40px; } .resulado_conteudo .txt_titulo { position:absolute; left:0px; top:0px; margin-top:20px; font-size:14px; } .resulado_conteudo ul { position:absolute; left:0px; top:40px;} .resultado ul li { background:#000; border: 1px solid #4E4E4E; display:block; float:left; width:225px; height:215px; } .resultado ul li a { display:block; height:165px; padding:20px; overflow:hidden; } .resultado ul li a:hover { background:#0c0c0c; } .resultado ul li .title { background:#000; padding:5px; font-size:20px; color:#FFF; line-height:15px; text-transform:uppercase; } .resultado ul li .title span { color:#e07724; font-size:14px; } .resultado ul li p, .resultado ul li h3 { margin-top:10px; color:#FFF; } .resultado ul li .novo { display:none; } .resultado ul li.bordaWebi { border: 1px solid #E07724; } .contato { background:url("../imagens/bg_black1.png"); border-bottom:1px solid #929292 !important; width:310px; height:405px; min-height:400px; overflow:hidden; top:60px; left:65px; padding:20px; float:left; position:absolute; border-radius:7px 7px 7px 7px; } .contato h2 { font-family:"TerminalDosis500"; margin-bottom:20px; display:block; line-height:22px; *font-size:18px; } .contato p { margin-bottom:20px; position:relative; } .contato label { display:block; color:#FFF; margin-bottom:5px; font-size:14px; } .contato .campo { display:block; width:252px !important; height:35px; line-height:35px; font-size:14px; text-transform:uppercase; border:none; padding:0 5px 0 53px; } .contato .nome { background:url(../imagens/formularios/nome.gif) no-repeat; } .contato .email { background:url(../imagens/formularios/email.gif) no-repeat; padding:0 5px 0 58px; width:247px; } .contato .tel { background:url(../imagens/formularios/fone.gif) no-repeat; } label.error { line-height:13px; position:absolute; font-size:10px; top:-15px; color:red; right:0; } .contato .campo_textarea { display:block; font-family:"TerminalDosis500"; text-transform:uppercase; width:290px; height:102px; text-indent:75px; resize:none; background:url(../imagens/formularios/mensagem.gif) no-repeat; border:none; padding:9px 10px; font-size:14px; } .contato .campo:focus { background-position:0 -35px !important; } .contato .campo_textarea:focus { background-position:0 -120px; } .contato .btn, .inputFile { float:left; position: relative; z-index: 50; margin-right:20px; -moz-transition:background 200ms ease-out 0s; -webkit-transition:background 200ms ease-out 0s; -o-transition:background 200ms ease-out 0s; -ms-transition:background 200ms ease-out 0s; display:block; width:122px; height:35px; background:#f38435; box-shadow:0px 0px 5px #000; color:#FFF; border:none; color:#000; font-size:14px; cursor:pointer; border-radius:5px; } .contato .btn:hover { background:#e16c19; box-shadow:0px 0px 8px #000; } .trabalhe_conosco, .login_painel { right:120px !important; display:none; top:20px !important; left:auto !important; background:url(../imagens/bgtrabalheconosco.png) no-repeat 0 0; padding:37px 20px 20px 20px; border:none; height:233px; } .inputFile span { display:block; position:absolute; margin:-3px 8px; } .inputFile input { opacity:0; filter:alpha(opacity=0); width:120px; cursor:pointer; } .login_painel { height:210px; right:10px !important } .login_painel #dominio { background:url(../imagens/formularios/login.gif) no-repeat; padding-left:92px; } .login_painel #senha { background:url(../imagens/formularios/senha.gif) no-repeat; } body#resultado article { height:100%; width:100%; } #MapaContato { position:absolute; width:98%; height:68%; top:185px; right:1%; right:1%; z-index:2; } #map_canvas { top:40px; } .gmnoprint { display:none; } #ResultadoRoll { height:220px; padding-bottom:20px; overflow:hidden; position:relative; } #ResultadoRoll2 { height:auto; padding-bottom:20px; overflow:hidden; position:relative; } .FormContato { height:100% !important; position:relative; } .jspPane { position:absolute; width:310px; } .jspVerticalBar { position:absolute; top:0; right:0; width:15px; height:100%; } .jspCap { display:none; } .jspHorizontalBar .jspCap { float:left; } .jspTrack { background:transparent; position:relative; } .jspDrag { background:#c57942; background:#c57942; position:relative; top:0; left:0; cursor:pointer; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .jspDrag { filter:alpha(opacity=50); opacity:0.5; } .jspDrag:hover { background:#ff6a00; filter:alpha(opacity=70); opacity:0.7; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float:left; height:100% !important; } .jspArrow { background:#50506d; text-indent:-20000px; display:block; cursor:pointer; } .jspArrow.jspDisabled { cursor:default; background:#80808d; } .jspHorizontalBar .jspArrow { width:16px; float:left; height:100%; } .jspVerticalBar .jspArrow:focus { outline:none; } .jspCorner { background:#eeeef4; float:left; height:100%; } * html .jspCorner { margin:0 -3px 0 0; } .FBConnectButton_Simple .FBConnectButton_Text_Simple { display:none; } .tooltip { background:url(../imagens/black_arrow.png) no-repeat; z-index:99999; font-family:"TerminalDosis500"; padding:55px 25px; width:160px; position:absolute; color:#fff; top:80px; left:30% !important; text-align:left; font-size:21px; } .texto_resultado p { margin-bottom:15px; } .conteudo_ger { padding:20px; width:940px; } .conteudo_ger p { margin-bottom:15px; } .op_palavras { position: absolute; left: 188px; height: 200px; top: 100px; background: url("../imagens/bg_black2.png") repeat scroll 0 0 transparent; border-radius:; padding: 20px; border-radius:7px; } .op_palavras ul li { list-style: none; border-bottom: 1px solid #000; } .op_palavras ul li a { display: block; padding: 10px; width: 250px; font-family:"TerminalDosis500"; font-size: 18px; } .op_palavras ul li a:hover { background:#000; } /* -------------------------------- FOOTER -------------------------------- */ .footer { height:40px; background:#000; line-height:40px; position:fixed; bottom:0px; width:100%; text-align:right; color:#4e4e4e; z-index:999; } .footer .endereco_redes { width:auto; position:absolute; right:0; margin-right:10px; } .footer .endereco_redes .address { float:left; margin-right:10px; font-style:normal; } .footer .endereco_redes .address h1 { font-size:12px } .footer .endereco_redes .address * { display:inline; } .footer .endereco_redes a { color:#4e4e4e; } .footer ul { float:left; margin-top:13px; } .footer ul li { display:block; float:left; margin-left:3px; } .footer ul li a { display:block; width:15px; height:15px; } .footer ul li .google_plus { background:url(../imagens/gprofile_button-16.png) top; } .footer ul li .twitter { background:url(../imagens/ico_twitter.gif) top; } .footer ul li .facebook { background:url(../imagens/ico_facebook.gif) top; } .footer ul li .youtube { background:url(../imagens/ico_youtube.gif) top; } .footer ul li .flickr { background:url(../imagens/ico_flickr.gif) top; } .footer ul li .twitter:hover { background:url(../imagens/ico_twitter.gif) bottom; } .footer ul li .facebook:hover { background:url(../imagens/ico_facebook.gif) bottom; } .footer ul li .youtube:hover { background:url(../imagens/ico_youtube.gif) bottom; } .footer ul li .flickr:hover { background:url(../imagens/ico_flickr.gif) bottom; } /*SITEMAP*/ .mapa-do-site { float:left; margin-bottom:10px; } .mapa-do-site li { list-style:none; margin-right:20px; } .mapa-do-site-float li { padding:2px 8px; } .mapa-do-site-float li a:hover { text-decoration:underline;}