/* ------------------------------------------------------------------------------------------- *\ 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: 150px; } #contact #addr-box { margin: 53px 0 0; width: 360px; } #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 .tel { margin: 0 0 7px; } #contact #social { font-family: "Trebuchet MS"; width: 126px; } #contact #social li { display: inline; } #contact #social li a { background-image: url(../_imgs/icons/icons-social-sprite2.jpg); background-position: 0 0; display: block; float: left; height: 58px; margin-right: 1px; padding: 0; text-indent: -9999px; width: 58px; } #contact #social li.twitter a { background-position: 0 0; } #contact #social li.flickr 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; margin-top: 1px; } #contact #social li.twitter a:hover { background-position: 0 -58px; } #contact #social li.flickr 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 #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.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; } 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 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; } #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; } .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;}