/* ------------------------------------------------------------------------------------------- *\ M2BRNET - Criatividade e Tecnologia \* ------------------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------------------- *\ Globals \* ------------------------------------------------------------------------------------------- */ body { background: #fff url(../_imgs/layout/body_bg.png) repeat-x; color: #575757; font: normal 12px/18px Tahoma, Arial, sans-serif; } a { color: #4ca5fe; font-weight: bold; padding: 1px 2px; text-decoration: none; } a:hover { background-color: #4ca5fe; color: #fff; } h1,h2,h3,h4 { color: #000; font-family: "Trebuchet MS"; font-weight: bold; line-height: 18px; } h2.subtitle { background: transparent url(../_imgs/titles/services_title.png) no-repeat; float: left; height:32px; margin-top:5px; text-indent:-9999px; width:110px; } h3 { font-size: 15px; margin-bottom: 10px; } hr { display: none; } input,select,textarea { border: none; color: #575757; font: normal 11px Tahoma, Arial, sans-serif; padding: 2px; } button { border: none; cursor: pointer; font: normal 11px Tahoma, Arial, sans-serif; line-height: normal; margin: 0; overflow: visible; padding: 0; width: auto; } /* ------------------------------------------------------------------------------------------- *\ Navigation \* ------------------------------------------------------------------------------------------- */ #navigation { display: inline; float: right; } #navigation li { display: inline; } #navigation li a { color: #00428f; display: block; float: left; height: 25px; font-family: "Trebuchet MS"; font-size: 14px; text-align: center; padding: 70px 0 0 0; width: 85px; } #navigation li a:hover, #navigation li a.active { background: #4ca5fe; color: #fff; } /* ------------------------------------------------------------------------------------------- *\ Structure \* ------------------------------------------------------------------------------------------- */ #container { margin: 0 auto; width: 960px; } #header { height: 103px; position: relative; } #content .sections { background: transparent url(../_imgs/layout/sections_bg.png) no-repeat; border-top: 1px solid #d2e8ff; margin-bottom: 0; overflow: hidden; padding-top: 35px; } .intern { background: transparent url(../_imgs/layout/sections_bg.png) no-repeat scroll 0 0; border-top:1px solid #D2E8FF; padding: 35px 0 0 0; } .intern h2, .intern h3, .intern h4 { margin: 0 0 10px 0; } .intern h2 { font-size: 17px; } .intern h3 { font-size: 14px; } .intern h4 { font-size: 13px; } .intern p { margin: 0 0 20px 0 } .intern #main { float: left; width: 625px; } .intern #main .copy { float: left; width: 485px; margin: 0 0 0 30px; } .intern #main .copy img { background: #f0f7ff; border: 1px solid #4ca5fe; padding: 2px; } .intern #main .copy ul, .intern #main .copy ol { margin: 0 0 20px 0; } .intern #main .copy ul li { list-style: disc; margin: 0 0 3px 20px; } .intern #main .copy ol.roman li.tit { list-style: none; font-size: 12px; font-weight: bold; } .intern #main .copy ol.roman li.tit ul li { list-style: disc; margin: 0 0 3px 35px; font-size: 12px; font-weight: normal; } .intern #main .copy ol.roman li.tit h3 { font-size: 12px; } .intern #main .copy ol li { list-style: decimal; margin: 0 0 3px 20px; } .intern #main .copy ul li a.active { background: #4ca5fe; color: #fff; } .intern #sidebar { background: url(../_imgs/layout/line_right.jpg) no-repeat; float: left; margin: 0 0 0 40px; padding: 10px 0 0 30px; width: 245px; } /* ------------------------------------------------------------------------------------------- *\ Home \* ------------------------------------------------------------------------------------------- */ #header #logo a { background: transparent url(../_imgs/layout/m2_logo.png) no-repeat; display: block; float: left; height: 73px; text-indent: -9999px; margin-top: 22px; width: 216px; } #lead { background: #4ca5fe; color: #fff; height: 125px; margin-bottom: 5px; padding: 20px 20px 0; position: relative; } #lead h2 { background: transparent url(../_imgs/layout/tagline_01.gif) no-repeat 0 0; height: 70px; text-indent: -9999px; width: 900px; } #lead a { background: #d2e8ff; color: #4ca5fe; float: right; font-family: "Trebuchet MS"; margin-top: 20px; padding: 2px 20px; position: absolute; right: 0; } #lead a:hover { background: #fff; color: #4ca5fe; } .sections-meta { margin-bottom: 25px; overflow: hidden; } .sections-meta h2 { display: inline; float: left; height: 32px; margin-top: 5px; text-indent: -9999px; width: 110px; } .sections-meta p { display: inline; float: left; padding-left: 30px; width: 814px; } .boxes { display: inline; float: left; margin-right: 50px; width: 285px; } #portfolio .sections-meta h2 { background: transparent url(../_imgs/titles/portfolio_title.png) no-repeat; } #portfolio #works { margin-left: -34px; overflow: hidden; } #portfolio #works dl { display: inline; float: left; margin: 0 0 10px 34px; min-height: 320px; width: 461px; } #portfolio #works dt { color: #4ca5fe; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; margin-bottom: 10px; } #portfolio #works dt.noclick a:hover { cursor: default; background:#fff; color: #4CA5FE; } #portfolio #works dt.noclick a:hover span { border-right: 1px solid #4CA5FE; color: #575757 } #portfolio #works dt a:hover { background: #4ca5fe url(../_imgs/icons/arrow_blue.png) no-repeat right 4px; padding-right: 20px; } #portfolio #works dt span { border-right: 1px solid #4ca5fe; color: #575757; padding-right: 6px; margin-right: 3px; } #portfolio #works dt span.restrict { border: none; float: right; font-size: 11px; margin: 0; padding: 0; } #portfolio #works dt a:hover span { border-right: 1px solid #fff; color: #fff; } #portfolio #works dd { line-height: 18px; } #portfolio #works dd.thumb { height: 200px; margin-bottom: 10px; text-align: center; } #portfolio #works dd.thumb a { border: none; padding: 0; } #portfolio #works dd.thumb img { border-bottom: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; } #portfolio #works dd.gallery { display: none; } #portfolio #works #flickr { background: transparent url(../_imgs/layout/logo-flickr.jpg) right 0 no-repeat; float: left; height: 20px; padding: 2px 73px 0 0; margin-left: 34px; } #portfolio #works #flickr:hover { background-position: right bottom !important; color: #4CA5FE; } #services .sections-meta h2 { background: transparent url(../_imgs/titles/services_title.png) no-repeat; } #services .boxes p { margin-bottom: 10px; } #services .boxes li { margin-bottom: 3px; } #services .services-list { font-weight: bold; } #services .services-list li { background: transparent url(../_imgs/icons/bullet_gray.png) no-repeat 0 7px; padding-left: 10px;display:inline-block; width: 100%; } #contact .sections-meta h2 { background: transparent url(../_imgs/titles/contact_title.png) no-repeat; } #contact .boxes.last { padding: 0 0 0; width: 625px; } #contact .vcard .geo { display: none; } #contact .vcard .tel .type { display: none; } #contact .vcard .email { margin-bottom: 10px; } #contact .vcard .email a { font-family: "Trebuchet MS"; } #contact li { margin-bottom: 6px; } #contact input, #contact textarea { background: #fff url(../_imgs/layout/inputs_bg.png) repeat-x 0 0; border: 1px solid #a3a3a3; line-height: normal; width: 278px; } #contact input.short { width: 133px; } #contact textarea { height: 60px; } #insc_curso button, #contact button { background: #4ca5fe; color: #fff; font-weight: bold; padding: 5px; } #insc_curso button, #contact button:hover { background: #54a4de; color: #fff; } #contact #cf-mail { margin-right: 5px; } #contact #cf-loader { background: transparent url(../_imgs/prettyPhoto/loader.gif) no-repeat 0 0; font-weight: bold; line-height: 28px; padding: 0 0 0 35px; } #contact #cf-result { font-weight: bold; } #contact #social-box { width: 286px; margin: 0; } #contact #addr-box { margin: 0 0 0; width: 339px; } #contact #addr-box p { margin: 0 0 5px; } #contact #addr-box .email, #contact #addr-box .tel { font-size: 15px; } #contact #addr-box .address { font-size: 11px; } #contact #addr-box .convenio { margin: 20px 0 0 0; } #contact #addr-box .convenio span { line-height: 32px; display: block; float: left; color: #4ca5fe; font-size: 12px; font-weight: bold; margin: 0 25px 0 0; } #contact #addr-box .tel { margin: 0 0 7px; } #contact .clearfix h4{color: #4ca5fe; font-size: 12px; font-weight: bold;font-family:tahoma;margin-bottom:20px;} #contact #addr-box ul.parcerias-convenios {clear:both;padding-top:5px;} #contact #addr-box ul.parcerias-convenios li {float:left;} #contact #addr-box ul.parcerias-convenios li a{padding:0px !important;margin-left:10px;} #contact #addr-box ul.parcerias-convenios li a:hover{padding:0px !important;background:none !important;} #contact #social { font-family: "Trebuchet MS"; width: 180px; float:right; } #contact #social li {clear:left;font-family:Tahoma, Geneva, sans-serif;margin-top:-5px;} #contact #social li a { display: block; height: 25px; width: 197px; color:#fff;padding-left:40px;padding-top:6px;} #contact #social li a:hover {text-decoration:underline;} #contact #social li.twitter a { background: url(../_imgs/icons/twitter.jpg) no-repeat 10px 0px #4ba5fd; } #contact #social li.linkedin a { background: url(../_imgs/icons/linkedin.jpg) no-repeat 10px 0px #4ba5fd; } #contact #social li.facebook a { background: url(../_imgs/icons/facebook.jpg) no-repeat 10px 0px #4ba5fd; } #contact #social li.google_plus a { background: url(../_imgs/icons/google.jpg) no-repeat 10px 0px #4ba5fd; } /*#contact #social li a { background-image: url(../_imgs/icons/icons-social-sprite.jpg); background-position: 0 0; display: block; height: 58px; margin-right: 1px; padding: 0; text-indent: -9999px; width: 58px; } #contact #social li.twitter a { background-position: 0 0; } #contact #social li.facebook a { background-position: -58px 0; } #contact #social li.delicious a { background-position: -116px 0; clear: both; margin-top: 1px; } #contact #social li.linkedin a { background-position: -174px 0; } #contact #social li.twitter a:hover { background-position: 0 -58px; } #contact #social li.facebook a:hover { background-position: -58px -58px; } #contact #social li.delicious a:hover{ background-position: -116px -58px; } #contact #social li.linkedin a:hover { background-position: -174px -58px; }*/ #contact .logos { text-align: center; width: 210px; margin: 15px 4px 0 0; float: right; } #contact .logos #google { margin: 0 0 5px; } #contact .logos a { background: none; border: none; padding: 0; float:left;} #contact .logos a.abradi { padding-top:20px;} #contact #gruposolucoes h3 { float: left; font-size: 12px; line-height: 27px; margin-right: 5px; } #contact #gruposolucoes a { background: transparent url(../_imgs/layout/gs_logo.png) no-repeat 0 0; float: left; line-height: 27px; text-indent: -9999px; width: 100px; } /* ------------------------------------------------------------------------------------------- *\ SERVIÇOS \* ------------------------------------------------------------------------------------------- */ #main .copy h1 { display: block; height: 33px; text-indent: -99999px; margin: 0 0 20px 0; } #main .copy h1.apr_mul { background: url(../_imgs/titles/apresentacao_multimidia.png) no-repeat; } #main .copy h1.pec { background: url(../_imgs/titles/pecas_publicitarias.png) no-repeat; } #main .copy h1.tsw { background: url(../_imgs/titles/tsw.png) no-repeat; } #main .copy h1.psh { background: url(../_imgs/titles/portais.png) no-repeat; } #main .copy h1.intra { background: url(../_imgs/titles/intra.png) no-repeat; } #main .copy h1.redrev { background: url(../_imgs/titles/redrev.png) no-repeat; } #main .copy h1.contmas { background: url(../_imgs/titles/contmas.png) no-repeat; } #main .copy h1.manu { background: url(../_imgs/titles/manu.png) no-repeat; } #main .copy h1.mani { background: url(../_imgs/titles/mani.png) no-repeat; } #main .copy h1.linkp { background: url(../_imgs/titles/linkp.png) no-repeat; } #main .copy h1.anunface { background: url(../_imgs/titles/anuncios_facebook.jpg) no-repeat; } #main .copy h1.plamid { background: url(../_imgs/titles/plamid.png) no-repeat; } #main .copy h1.markg { background: url(../_imgs/titles/markg.png) no-repeat; } #main .copy h1.markv { background: url(../_imgs/titles/markv.png) no-repeat; } #main .copy h1.acmai { background: url(../_imgs/titles/acmai.png) no-repeat; } #main .copy h1.ecom { background: url(../_imgs/titles/ecommerce.png) no-repeat; height: 60px; } #main .copy h1.ana { background: url(../_imgs/titles/analise.png) no-repeat; height: 60px; } #main .copy h1.gweb { background: url(../_imgs/titles/gweb.png) no-repeat; height: 60px; } #main .copy h1.cms { background: url(../_imgs/titles/cms.png) no-repeat; height: 60px; } #main .copy h1.sga { background: url(../_imgs/titles/sga.png) no-repeat; height: 60px; } #main .copy h1.plamar { background: url(../_imgs/titles/plamar.png) no-repeat; height: 30px; } #main .copy h1.seo { background: url(../_imgs/titles/seo.png) no-repeat; height: 60px; } #main .copy h1.work { background: url(../_imgs/titles/workshop_otimizacao.png) no-repeat; height: 60px; } #main .copy h1.sms { background: url(../_imgs/titles/sms.png) no-repeat; } #main .copy h1.midias { background: url(../_imgs/titles/midias.png) no-repeat; } #main .copy .pop { background: #f0f7ff; border-top: 2px solid #4ca5fe; border-bottom: 2px solid #4ca5fe; margin: 0 0 20px 0; padding: 15px; } #main .copy .pop ol { margin: 0; } #main .copy .pop ol li { color: #4ca5fe; font: bold italic 14px "Trebuchet MS"; list-style: decimal; list-style-position: outside; } #main .copy .pop ol li p { font: normal 12px/18px Tahoma, Arial, sans-serif; color: #000; margin: 0; } #main .copy .pop ul.list-dest p { font-size: 12px; font-weight: bold; } #main .copy #google-inline { background: none; border: none; float: left; margin: 0 0 0 -115px; } #main .copy #google-inline img { background: none; border: none; padding: 0; } h3.moreofthesame { margin: 40px 0 10px -140px; } #moreofthesame { border: 1px solid #d2e8ff; border-left: 10px solid #d2e8ff; padding: 5px 10px; margin: 0 0 25px -140px !important; } #moreofthesame li { margin: 0 15px !important; } table#tbl_serv { width: 100%; margin: 0 0 20px 0; } table#tbl_serv td, table#tbl_serv th { padding: 5px; text-align: left; border-right: 1px solid #fff; } table#tbl_serv .tit th { height: 20px; background: #d3e7ff; font-size: 12px; line-height: 20px; } table#tbl_serv .tit span { display: block; float: left; } table#tbl_serv .tit span.txt-l { padding: 0 0 0 20px; } table#tbl_serv .tit span.sep-cn { padding: 0 30px 0 40px; } table#tbl_serv .bg { background: #f6f6f6; } /* ------------------------------------------------------------------------------------------- *\ Sidebar \* ------------------------------------------------------------------------------------------- */ #sidebar h3 { display: block; height: 30px; text-indent: -99999px; } #sidebar .related-services { margin-bottom: 30px; } #sidebar .related-services h3 { background: url(../_imgs/titles/serv_rel.png) no-repeat; } #sidebar .related-services ul { margin-bottom: 15px; } #sidebar .related-services li a { padding: 0; } #sidebar .related-services select { background: #fff url(../_imgs/layout/inputs_bg.png) repeat-x 0 0; border: 1px solid #a3a3a3; line-height: normal; width: 243px; } #sidebar .related-jobs h3 { background: url(../_imgs/titles/trab_rel.png) no-repeat; } #sidebar .related-jobs .fanpages { background: url(../_imgs/titles/fan_rel.png) no-repeat; display:block; clear:both; margin-top:40px; } #sidebar .related-jobs ul { margin-left: -15px; } #sidebar .related-jobs ul li { display: inline; } #sidebar .related-jobs ul li a { border: 1px solid #fff; display: block; float: left; margin: 15px 0 0 15px; padding: 0; } #sidebar .related-jobs ul li div { display: none; } #sidebar .related-jobs ul li a:hover { border: 1px solid #4CA5FE } /* ------------------------------------------------------------------------------------------- *\ Helpers \* ------------------------------------------------------------------------------------------- */ .alert { color: red; } .notice { color: #00428f; } .last { margin: 0 !important; } .pull-img { margin: 0 0 20px -140px !important; position: relative; height: 1%; } .back { float: right; line-height: normal; margin: 20px 0 0 0; padding: 0; } .back a { background: #d2e8ff url(../_imgs/layout/backlink_bg.png) repeat-x 0 0; display: block; height: 12px; padding: 0; text-indent: -9999px; width: 20px; } .back a:hover { background: #d2e8ff url(../_imgs/layout/backlink_bg.png) repeat-x 0 0; } .btn-back { margin: 0 !important; } .btn-back a { background: #4ca5fe url(../_imgs/icons/arrow_back.png) no-repeat 5px center; color: #fff; display: block; margin: 0 0 5px -140px !important; padding: 5px 5px 5px 17px; } .btn-back a:hover { background: #54a4de url(../_imgs/icons/arrow_back.png) no-repeat 5px center;; color: #fff; } .clearfix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* ------------------------------------------------------------------------------------------- *\ CURSO SEO \* ------------------------------------------------------------------------------------------- */ #header-seo { background:#d2e8ff; margin-top: -5px; padding: 25px 20px 0; } #men_seo { list-style:none;background:#4ca5fe; border: 1px solid #4ca5fe; border-bottom: 0; clear: both; margin: 30px 0 0;font-size:16px; } #men_seo li { display:inline; } #men_seo li a { float:left; display:block; margin: 0 0; color: #FFFFFF; text-align:center; padding: 5px 0; width: 229px; } .inscricao_seo { background:red !important;} #men_seo li a:hover, #men_seo li a.active { background:#FFFFFE !important;color:#4ca5fe !important; } #logosseo { float:right; padding: 0 0 0; } #logosseo a.labideias { float:left;display:block;width:50px;height:113px;background:transparent url(../_imgs/icons/lab_ideias2.jpg) no-repeat;text-indent:-9999px; } #logosseo a.fontluz { float:left;display:block;width:130px;height:113px;background:transparent url(../_imgs/icons/font_luz2.jpg) no-repeat;text-indent:-9999px; } #menu_curso { padding: 0 0 40px; } #menu_curso p { margin:0 0 20px; } #main .copy h1.cr_seo { font-size: 24px; color: #4ca5fe; text-indent: 0px; height: auto; } h2.cr_seo { font-size: 18px; margin-bottom: 15px; } p.cr_seo_date { font-size: 18px; } .seotabs { padding-top: 30px; } #apres_curso .fig { width:370px; float:right;margin:0 0 0 50px; } #apres_curso p.exp { margin:0 0 20px 0;float:left; } #apres_curso ul { margin: 0 0 20px 0; } #topicos_curso ol.leftol, #topicos_curso ol.rightol { float:left; display: block; margin-right: 15px;width:460px; } #topicos_curso ol.leftol ul, #topicos_curso ol.rightol ul { margin: 15px 0; } #topicos_curso ol.leftol h2, #topicos_curso ol.rightol h2, #apres_curso .false-tit { background:#d2e8ff;line-height:20px;padding:5px;color:#4371a0; } #local_curso #texseo ul, #apres_curso .false-tit { width:525px;*width:504px;margin:10px 0; } #apres_curso .fig img { border: 1px solid #4ca5fe; } #local_curso ul li, #apres_curso ul li, #topicos_curso ul li { list-style: disc; margin: 0 0 3px 20px;width:525px;*width:504px; } #gg_map { width:300px; float:right; margin:0 0 0 80px; } #fotos_seo { width:960px;height:225px;margin:30px 0 0 0;} #fotos_seo img { width:300px;height:225px;margin:0 0 0 10px;border: 1px solid #999;} #local_curso #texseo { width:550px;float:left;padding-left:20px; } #insc_curso ul li.last-seo { padding-top:20px; } #insc_curso ul li.last-seo input.radio-seo { margin-left:65px; } #insc_curso form { margin:20px 0;width:400px;float:left; } #insc_curso ul li { margin-top:10px; } #insc_curso ul li label { width:136px;display:block;float:left; } #insc_curso input.large { margin:0 0 0 0;border: 1px solid #999;width:455px; } #insc_curso select.medium { margin:0 5px 0 0;border: 1px solid #999;width:226px; } #insc_curso input.medium { margin:0 5px 0 0;border: 1px solid #999;width:220px; } #insc_curso textarea.medium { margin:0 5px 0 0;border: 1px solid #999;width:220px;height:100px; } #insc_curso input.small { margin:0 0 0 0;border: 1px solid #999;width:145px; } div#dados_info { width:505px;height:55px;border: 1px solid #999;float:left;margin:29px 0 0 5px;padding:12px; } .pagamento { width:505px;border: 1px solid #999;float:left;margin:29px 0 0 5px;padding:12px; } .tit_form { margin-top:110px !important; } .button_giant {background:#4CA5FE;color:#FFFFFF;font-size:20px;height:35px;margin:0 0 0 136px;width:135px;border: 1px solid #FFFFFF;cursor:pointer;} .button_giant:hover {background:#D2E8FF;color:#4CA5FE;border: 1px solid #4CA5FE;cursor:pointer;} .button_giant2 {background:#4CA5FE;color:#FFFFFF;font-size:20px;height:35px;border: 1px solid #FFFFFF;cursor:pointer;} .button_giant2:hover {background:#D2E8FF;color:#4CA5FE;border: 1px solid #4CA5FE;cursor:pointer;} /*-------------------- Landing Midias sociais */ .social_landing .text_clique_zoom { position:absolute; bottom:-25px; right:75px; color:#000; font-size:11px;} .social_landing .text_clique_cases { position:absolute; bottom:-25px; left:160px; color:#000; font-size:11px;} .social_landing { height:1150px; background-color:#c0deed; position:relative; overflow:hidden; background-image:url(../_imgs/layout/landings/bg.png); background-position:top; background-repeat:repeat-x; } #boy { width:1030px; z-index:10; margin-top:20px; } #text-social { text-align:right; width:1250px; z-index:2; margin-top:30px; } #birds { margin-top:280px; width:380px; z-index:1; } #birds2 { margin-top:280px; width:350px; z-index:1; } #nuvem1{ margin-top:100px; width:480px; z-index:5; } #nuvem2 { margin-top:60px; width:380px; z-index:4; } .cases_midias-sociais { position:absolute; bottom:48px; right:15px; width:900px; } .logo_clientes { position:absolute; width:555px; left:7px; border-right:#b2bfdc 3px solid; } .logo_clientes a { width:44px; height:44px; background-color:#FFF; margin:6px!important; border:#b2bfdc 3px solid; } .logo_clientes a img { border:none!important;} .logo_clientes a:hover { border:#fff 3px solid; background-color:#FFF!important; } .cases_midias-sociais ul { float:right; } .cases_midias-sociais ul li { display:inline; } .cases_midias-sociais ul li a { display:block; float:left; margin:0 16px; } .cases_midias-sociais ul li a:hover{ background-color: inherit!important; } .cases_midias-sociais ul li a img { border: 3px #B2BDDB solid; } .cases_midias-sociais ul li a img:hover { border: 3px #000 solid; } .bt_cases { background:url(../_imgs/layout/landings/bt_cases.gif) no-repeat left; text-indent:-9999px; width:502px; height:40px; display:block; position:absolute; bottom:220px; left:70px; z-index:9999; } .bt_cases:hover { background-position:right; } .text_main { position:absolute; width: 520px; top:410px; left:40px; z-index:9999; } .text_main h2 { background:url(../_imgs/layout/landings/titulo_landing_midias.png) no-repeat left; text-indent:-9999px; width:504px; height:94px; margin-bottom:22px; } .text_main .p1 { background:url(../_imgs/layout/landings/p1.png) no-repeat left; text-indent:-9999px; width:302px; height:233px; margin-bottom:30px; position:absolute; left:180px; } .text_main .p2 { background:url(../_imgs/layout/landings/p2.png) no-repeat left; text-indent:-9999px; width:156px; height:284px; position:absolute; } .bt_entre_contato{ text-indent:-9999px; background-image:url(../_imgs/layout/landings/bt_entre-em-contato2.png); width:156px; height:36px; background-position:left; position:absolute; left:180px; top:370px; border:0!important; background-color:none!important; } .bt_entre_contato:hover{ background-color:none!important; } /*-------------------- Landing Links patrocinados */ .text_clique_cases { position:absolute; bottom:-25px; left:160px; color:#ccc; font-size:11px;} .text_clique_zoom { position:absolute; bottom:-25px; right:75px; color:#ccc; font-size:11px;} .links_landing { height:815px; background-color:#26282e; position:relative; overflow:hidden; background-image:url(../_imgs/layout/landings/bg_links_patrocinados.jpg); background-position:bottom; background-repeat:repeat-x; } .cases_links_patrocinados { position:absolute; bottom:48px; right:15px; width:900px; } .cases_links_patrocinados ul { float:right; } .cases_links_patrocinados ul li { display:inline; } .cases_links_patrocinados ul li a { display:block; float:left; margin:0 16px; } .cases_links_patrocinados ul li a:hover{ background-color: inherit!important; } .cases_links_patrocinados ul li a img { border: 3px #B2BDDB solid; } .cases_links_patrocinados ul li a img:hover { border: 3px #ffc423 solid; } .links_landing h1 { text-indent:-9999px; background-image:url(../_imgs/layout/landings/links_patrocinados.png); height:167px; width:355px; position:absolute; top:60px; left:35px;} .links_landing h2.saiba_mais { text-indent:-9999px; background-image:url(../_imgs/layout/landings/saiba_mais.png); height:48px; width:329px; position:absolute; top:264px; left:35px; } .menu_links_patrocinados { position:absolute; top:340px; } .menu_links_patrocinados a { color:#fff; padding: 8px 12px 8px 58px; width:350px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; } .menu_links_patrocinados a:hover, .current_page { background:#2B458A; /* Firefox */ -moz-transition: all 0.3s ease-in; /* WebKit */ -webkit-transition: all 0.3s ease-in; /* Opera */ -o-transition: all 0.3s ease-in; /* Standard */ transition: all 0.3s ease-in; } .menu_links_patrocinados li { margin-bottom:5px; } .links_landing .box_text { display:none; border: #2f323d 1px solid; padding:15px; position:absolute; right:-80px; top:20px; width:450px; font-family:Arial, Helvetica, sans-serif; color:#fff; font-size:12px; line-height:18px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-image:url(../_imgs/layout/landings/bg_box_text.png); min-height:235px; } .links_landing .ativo { display:block!important;} .links_landing .box_text h2 { color:#4ca5fe; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:24px; line-height:28px; font-style:italic; margin-bottom:10px; } .links_landing .box_text p { margin-bottom:8px; } .bt_contato_links { text-indent:-9999px; background-image:url(../_imgs/layout/landings/bt_entre-em-contato.png); width:143px; height:35px; background-position:left; position:absolute; bottom:-60px; left:0px; border:0!important; background-color:none!important; } .bt_contato_links:hover { background-position:right; background-color: inherit!important; } .cases_links_patrocinados h2 { text-indent:-9999px; background-image:url(../_imgs/layout/landings/titulo_links_cases.png); background-position:left center; background-repeat: no-repeat; height:31px; } .cases_destaque { /*background-color:#B1BAD8; background-color:#FFC423; background-color:#F4451F;*/ background-color:#4CA5FE; width:960px; position:absolute; top:-120px; left:-7px; height:58px; padding-top:30px; padding-left:24px; } .cases_gallery { display:none; } .boneco { background-image:url(../_imgs/layout/landings/boneco.png); width:305px; height:328px; position:absolute; right:88px; bottom:20px; } .parceiro_google { display:block; background-image:url(../_imgs/layout/landings/google_partner.gif); width:79px; height:66px; position:absolute; left:200px; bottom:-90px; text-indent:-9999px; z-index:9999; } .rocket { position:absolute; left:80px; top:80px; } /*---------- Landing vagas ---*/ #vagas h2 { color:#4CA5FE; font-size:24px; } #vagas hr { border-bottom:1px #ccc solid!important; } .list{ list-style:disc!important; padding-left:20px; } #gerente, #desenvolvedor{ margin-bottom:20px; padding-bottom:10px; border-bottom:1px #ccc solid; } .destaque_cliente { height:108px!important; width:108px!important; } /*------- Anúncios no facebook landing ---*/ .fb-anuncios_landing { height:1820px; background-color:#38769a; position:relative; overflow:hidden; } .fb_brasileiro { background-image:url(../_imgs/layout/landings/facebook_brasileiro.jpg); height:317px; width:415px; display:block; text-indent:-9999px; position:absolute; top:40px; left:50px; } .fb_text1 { background-image:url(../_imgs/layout/landings/text_facebook1.png); height:183px; width:457px; display:block; text-indent:-9999px; position:absolute; top:110px; right:20px; } .fb_text2 { background-image:url(../_imgs/layout/landings/text_facebook2.png); height:273px; width:400px; display:block; text-indent:-9999px; position:absolute; top:490px; left:35px; } .fb_vantagens{width:846px; margin:auto; clear:both; display:block; margin-bottom:40px;} .fb_vantagens li {float:left; display:inline; width:240px; margin-right:60px; color:#ffffff; line-height:25px; font-size:14px;} .fb_vantagens li strong{color:#98ff72; font-weight:normal;} .fb_vantagens li:last-child{ margin-right:0px;} .fb_vantagens li img { margin-bottom:24px;} .fb_perguntas {clear:both; background: #1f3e54 url(../_imgs/layout/landings/bg_perguntas.png) no-repeat 67px 34px; padding-bottom:60px;} .fb_perguntas h3 { color:#ffc000; font-size:35px; font-family: 'Ubuntu', sans-serif; text-transform:uppercase; margin:0 0 40px 62px; padding-top:60px; } .fb_perguntas dl {margin-left:50px;} .fb_perguntas dd {margin-bottom:35px; font-size:14px; color:#ffffff; line-height:35px;} .fb_perguntas dt {font-size:18px; color:#03dcef;font-family: 'Ubuntu', sans-serif;} .grafico {position:absolute; top:360px; left:455px; } .anima{ -webkit-animation: cssAnimation 1s 1 ease; -moz-animation: cssAnimation 1s 1 ease; } @-webkit-keyframes cssAnimation { from { -webkit-transform: scale(0) } to { -webkit-transform: scale(1) } } @-moz-keyframes cssAnimation { from { -moz-transform: scale(0) } to { -moz-transform: scale(1) } } .bg_grafico { background:url(../_imgs/layout/landings/bg_grafico.png) no-repeat; height:477px; width:477px; display:block; position:absolute; top:0; left:0; z-index:1;} .bg_grafico2 { background:url(../_imgs/layout/landings/bg_grafico2.png) no-repeat; height:268px; width:268px; display:block; position:absolute; top:104px; left:102px; z-index:10;} .part-1{ background:url(../_imgs/layout/landings/grafic_part-1.png) no-repeat; height:300px; width:229px; display:block; position:absolute; top:8px; left:9px; z-index:3;} .part-2{ background:url(../_imgs/layout/landings/grafic_part-2.png) no-repeat; height:304px; width:226px; display:block; position:absolute; top:8px; left:236px; z-index:3;} .part-3{ background:url(../_imgs/layout/landings/grafic_part-3.png) no-repeat; height:118px; width:122px; display:block; position:absolute; top:271px; left:21px; z-index:3;} .part-4{ background:url(../_imgs/layout/landings/grafic_part-4.png) no-repeat; height:122px; width:116px; display:block; position:absolute; top:324px; left:72px; z-index:3;} .part-5{ background:url(../_imgs/layout/landings/grafic_part-5.png) no-repeat; height:104px; width:54px; display:block; position:absolute; top:354px; left:158px; z-index:3;} .part-6{ background:url(../_imgs/layout/landings/grafic_part-6.png) no-repeat; height:105px; width:166px; display:block; position:absolute; top:356px; left:196px; z-index:3;} .part-7{ background:url(../_imgs/layout/landings/grafic_part-7.png) no-repeat; height:170px; width:167px; display:block; position:absolute; top:278px; left:281px; z-index:3;} .part-8{ background:url(../_imgs/layout/landings/grafic_part-8.png) no-repeat; height:243px; width:146px; display:block; position:absolute; top:112px; left:114px; z-index:11;} .part-9{ background:url(../_imgs/layout/landings/grafic_part-9.png) no-repeat; height:239px; width:122px; display:block; position:absolute; top:114px; left:235px; z-index:11;} .fb-call {color:#1F3E54; font-size:20px; padding:20px 50px; font-family:'Ubuntu',sans-serif; display:block; background-color:#FFC000;} /* landing vaga programador */ @font-face { font-family: 'VAGRoundRegular'; src: url('vag_round-webfont.eot'); src: url('vag_round-webfont.eot?#iefix') format('embedded-opentype'), url('vag_round-webfont.woff') format('woff'), url('vag_round-webfont.ttf') format('truetype'), url('vag_round-webfont.svg#VAGRoundRegular') format('svg'); font-weight: normal; font-style: normal; } .vaga_programador_landing{background:url(../_imgs/layout/landings/bg_vaga-programador.jpg) repeat; position:relative; margin-top:-5px;} .vaga_programador_landing .cabecalho {background:url(../_imgs/layout/landings/bg_cabecalho-vaga-programador.jpg) no-repeat center top; height:766px;} .vaga_programador_landing .cabecalho h1{background:url(../_imgs/layout/landings/titulo_vaga.png) no-repeat center top; height:310px; width:486px; display:block; text-indent:-9999px; position:absolute; top:40px; right:40px;} .vaga_programador_landing .col_1 {width:400px; float:left;} .vaga_programador_landing .col_2 {width:540px; float:right;} .vaga_programador_landing .destaque {position:absolute; width:685px; top:550px; left:165px; } .vaga_programador_landing .destaque p{text-align:center!important; color:#2a5019!important; font-size:20px!important; line-height:25px!important; font-family: 'VAGRoundRegular'!important;} .vaga_programador_landing .destaque strong{text-align:center!important; color:#2a5019!important; font-size:40px!important; line-height:35px!important; font-family: 'VAGRoundRegular'!important; display:block; text-shadow:1px 1px 0px #ffffff;} .vaga_programador_landing .col_1 h2 {background:url(../_imgs/layout/landings/bg_vaga-titulo-1.png) no-repeat center top; height:81px; width:368px; display:block; color:#720500; font-size:21px; line-height:30px; font-family: 'Ubuntu', sans-serif; padding-left:30px; padding-top:10px; font-weight:normal; margin-bottom:20px;} .vaga_programador_landing h2 strong {font-size:30px; } .vaga_programador_landing .col_2 h2 {background:url(../_imgs/layout/landings/bg_vaga-titulo-2.png) no-repeat center top; height:80px; width:183px; display:block; color:#720500; font-size:21px; line-height:30px; font-family: 'Ubuntu', sans-serif; padding-left:20px; padding-top:10px; font-weight:normal; margin-bottom:15px;} .vaga_programador_landing .col_1 h2 strong {font-size:30px; } .vaga_programador_landing .col_1 label {color:#000; font-family: 'Ubuntu', sans-serif; font-weight:bold; display:block; margin-left:36px; margin-bottom:5px; margin-top:5px;} .vaga_programador_landing .col_1 input{color:#000; margin-left:36px; margin-bottom:5px; width:330px; padding:5px; height:16px; border:1px solid #b29163;} .vaga_programador_landing .col_2 textarea{color:#000; margin-bottom:5px; padding:5px; width:510px; border:1px solid #b29163;} .vaga_programador_landing .col_1 .ninjas{background:url(../_imgs/layout/landings/img_ninjas1.png) no-repeat center top; height:143px; width:231px; display:block; margin-left:80px;} .vaga_programador_landing .col_2 .ninja{background:url(../_imgs/layout/landings/ninja.png) no-repeat 0 80px; padding-left:150px; height:400px;} .vaga_programador_landing p, .vaga_programador_landing ul {color:#000; font-size:13px; font-family: 'Ubuntu', sans-serif; line-height:20px;} .vaga_programador_landing .col_1 ul {margin-left:30px; margin-bottom:30px;} .vaga_programador_landing ul li{margin-bottom:10px; font-weight:bold; background:url(../_imgs/layout/landings/bullet_shuriken.png) no-repeat 0 5px; padding-left:30px;} .vaga_programador_landing ul li span{display:block; font-weight:normal; font-style:italic;} .vaga_programador_landing .submit{background:url(../_imgs/layout/landings/bt_enviar-vaga-programador.png) no-repeat left top; height:81px; width:155px; display:block; position:absolute; bottom:30px; right:30px; text-indent:-9999px; cursor:pointer;} .vaga_programador_landing .submit:hover{background:url(../_imgs/layout/landings/bt_enviar-vaga-programador.png) no-repeat right top; } .vaga_programador_landing .col_2 .first_label { width:112px; display:block; float:left; color:#000;} .vaga_programador_landing .col_2 fieldset {font-size:15px; font-weight:bold; margin-bottom:5px; margin-top:5px;} .vaga_programador_landing .col_2 label {color:#720500; width:52px; display:block; float:left;} .vaga_programador_landing .layer_sucesso { position:absolute; padding:30px; background:#000; color:#ffffff; left:50%; top:10%; width:300px; height:50px; margin-left:-150px; margin-top:-15px; text-align:center; -moz-box-shadow: 2px 0px 9px #000000; -webkit-box-shadow: 2px 0px 9px #000000; box-shadow: 2px 0px 9px #000000; font-size:15px;} .vaga_programador_landing label.error {color:red!important; font-weight:normal!important; width:250px!important;} .links_vagas-php { background-image:url(../_imgs/layout/img_vagas-php.png); background-color:none!important; width:372px; height:92px; display:block;float:right; text-indent:-9999px; background-repeat:no-repeat; margin-top:-15px;} .links_vagas-php:hover { background-color:#fff!important;}