/* * @author Alan David */ @import "jquery-ui.css"; html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, textarea, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-decoration: none; list-style: none; font-family: 'Open Sans', sans-serif; font-weight: 300; color: #5c5c5c; outline: none; } strong, b { font-weight: bold; color: inherit; font-family: inherit; } em, em strong {font-style: italic !important;} /* GENERAL *********************/ body { background: #f9f9f9; } a { display: block; } body #master .mobile { display: none; } .mobilesearch { display: none; } #master { background: #fff; min-width: 1004px; position: relative; } .in { width: 1004px; display: block; margin: auto; } #master .coluna { width: 231px; margin: 0 10px; float: left; position: relative; } #master .coluna2 { width: 482px; margin: 0 10px; float: left; position: relative; } #master .coluna3 { width: 733px; margin: 0 10px; float: left; position: relative; } #master .coluna4 { width: 984px; margin: 0 10px; float: left; position: relative; } #master .coluna img, #master .coluna2 img, #master .coluna3 img, #master .coluna4 img { max-width: 100%; } .imprensa.pagina-imprensa #master .coluna { min-height: 110px; } #master .edit, #master .editorial { color: #eb6351; border-color: #eb6351; } #master .econo, #master .economia { color: #f59b85; border-color: #f59b85; } #master .legis, #master .legislacao, #master .reforma-trabalhista { color: #00b5ab ; border-color: #00b5ab ; } #master .negoc, #master .negocios { color: #926288; border-color: #926288; } #master .tecno, #master .tecnologia { color: #5bb4c8; border-color: #5bb4c8; } #master .educa, #master .educacao { color: #bc8db3; border-color: #bc8db3; } #master .cidad, #master .cidades { color: #8dbf5d; border-color: #8dbf5d; } #master .sustentabilidade{ color: #00DAA7; border-color: #00DAA7; } /* Cores Acessibilidade */ #acessibilidade-container .acessibilidade.editorial a{ background-color: #eb6351;} #acessibilidade-container .acessibilidade.economia a{ background-color: #f59b85;} #acessibilidade-container .acessibilidade.legislacao a, #acessibilidade-container .acessibilidade.reforma-trabalhista a { background-color: #00b5ab ;} #acessibilidade-container .acessibilidade.negocios a { background-color: #926288;} #acessibilidade-container .acessibilidade.tecnologia a { background-color: #5bb4c8; } #acessibilidade-container .acessibilidade.educacao a { background-color: #bc8db3; } #acessibilidade-container .acessibilidade.cidades a { background-color: #8dbf5d; } #acessibilidade-container .acessibilidade.sustentabilidade a{ background-color: #00DAA7; } #master .left { float: left; } #master .leftText { float: left; margin: 0 15px 15px 0; } #master .right { float: right; } #master .rightText { float: right; margin: 0 15px 15px; } #master .center { text-align: center; margin: auto; display: block; } ::-webkit-input-placeholder { opacity: 0.4 } :-moz-placeholder { opacity: 0.4 } ::-moz-placeholder { opacity: 0.4 } :-ms-input-placeholder { opacity: 0.4 } input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; } /* Header ******/ #header { background: #fff; width: 100%; height: 150px; position: relative; transition: ease-out .5; } #header.projeto-especial { height: 78px; } #header.projeto-especial #topBar, #header.projeto-especial #headerTop { display: none; } #header .in { width: 984px; } #topBar { background: #404343; width: 100%; height: 25px; overflow: visible; } #topBar .logomobile { display: none; } #topBar a { float: left; z-index: 100; } #topBar .right a { background: #525757 no-repeat 50% 50%; width: 25px; height: 25px; margin-left: 1px; text-indent: -99999em; } #topBar .right .ultimas { background: url(../img/iconUltimas.png) no-repeat 0 50%; width: auto; padding: 0 10px 0 20px; text-indent: 0; font: 12px/25px 'Open Sans'; color: #fff; /*#bcbbb2*/ } #topBar .right .feed { background-image: url(../img/iconRSS.png); } #topBar .right .facebook { background-image: url(../img/iconFacebook.png); } #topBar .right .twitter { background-image: url(../img/iconTwitter.png); } #topBar .right .youtube { background-image: url(../img/iconYoutube.png); } #topBar .right .linkedin { background-image: url(../img/iconLinkedin.png); } #topBar .right .instagram { background-image: url(../img/iconInstagram.png); } #topBar .right #newsletterForm { float: left; position: relative; } #topBar .right #newsText, #topBar .right #newsText.error { background: #7b8181 !important; width: 140px; font: 400 12px/25px 'Open Sans'; color: #fff; text-indent: 0; padding: 0 12px; float: left; z-index: 1 } #topBar .right #newsButton { background: url(../img/iconMail.png) no-repeat 50% 50% #8b9191; width: 25px; height: 25px; float: left; cursor: pointer; z-index: 1 } #topBar .right .newsError, #topBar .right .newsError2, #topBar .right .newsSuccess { background: #db5f5d; width: 189px; height: 0px; overflow: hidden; position: absolute; top: 25px; right: 0; font: 400 12px/25px 'Open Sans'; color: #fff; text-align: center; transition: 0.5s all; z-index: 0; } #topBar .right .newsSuccess { background: #fecf5b; width: 215px; color: #000; font-style: italic; } #btnMenu, #btnMenu2 { background: url(../img/arrowMenu.png) no-repeat 90px 50% #404343; width: 130px; font: 400 12px/25px 'Open Sans'; text-indent: 10px; color: #fff; position: relative; z-index: 10 } #btnSindicatos { background: #404343; width: 130px; font: 400 12px/25px 'Open Sans'; text-indent: 10px; color: #fff; position: relative; z-index: 10 } #master .navTop, #master .navTop2{ width: 230px; float: left; position: absolute; top: -500px; left: auto; z-index: 99; } .navTop a, .navTop2 a { background: url(../img/arrowMenu2.png) no-repeat 15px 50% #46464a; width: 200px; height: 33px; padding-left:30px; display: block; font: 400 11px/33px 'Open Sans'; color: #fff; border-bottom: 1px solid #5b5b5d } .navTop a:hover, .navTop2 a:hover { background: url(../img/arrowMenudown.png) no-repeat 15px 50% #6d6e71; color: #000; } .navTop a span, .navTop2 a span{ width: 9px; height: 9px; display: inline-block; margin: 10px 20px 0 0; float: right; font-size: 11px; color: inherit; text-align: center; text-indent: 1px; line-height: 7px; border: 1px solid #fff; } .navTop a:hover span, .navTop2 a:hover span{ border-color: #000 } #master .navTop2 {top: -100px; margin-left: 130px;} .menuFixed { background-color: #fff; border: solid 2px #eeeeee; text-align: center; display: none; width: 100%; position: fixed; top: 0; z-index: 900; } .menuFixed .in h1 { margin-top: 2px; } .menuFixed .in a { font-weight: 600; font-size: 12px; float: left; padding: 34px 12px 25px 12px; } .menuFixed .in a:first-child { padding: 34px 10px 0 0; } .menuFixed .in a:nth-child(2) { padding: 0; } .menuFixed .in a:nth-child(3) { margin-left: 26px; } .menuFixed .in a.menuNav:hover { background-color: #5c5c5c; color: #fff; } .menuFixed .in a i.fa { color: #e2062d; font-size: 14px; } .menuFixed .in form.busca { background-color: #eee; width: 18.5%; border-radius: 20px; margin-top: 20px; float: right; } .menuFixed .in form.busca input { height: 40px; border-radius: 20px; float: right; } .menuFixed .in form.busca .buscaTxt { right: 40px; position: absolute; -webkit-transition: width .5s; transition: width .5s; } .menuFixed .in form.busca .buscaTxt:focus { width: 360%; } .menuFixed .in ul { display: none; position: absolute; top: 77px; background-color: #48484b; text-align: left; text-transform: uppercase; font-size: 13px; min-height: 466px; margin-left: -2px; } .menuFixed .in ul li { cursor: pointer; line-height: 70px; transition: 0.5s background-color; } .menuFixed .in ul li span { display: block; margin: 0 35px; border-bottom: solid 1px #5b5b5d; margin: 0 35px; min-width: 198px; color: #f6f6f6; } .menuFixed .in > ul > li > a { float: none; padding: 0 !important; color: #f6f6f6; } .menuFixed .in ul li:hover { color: #6d6e70; background-color: #eee; } .menuFixed .in ul li:hover span { color: #6d6e70; } .menuFixed .in ul li:hover i { color: #6d6e70 !important; } .menuFixed .in ul li i { color: #f6f6f6 !important; float: right; line-height: 70px; } .menuFixed .in ul li > ul { /*display: none;*/ background-color: #eee; text-transform: none; top: 0; left: 268px; max-height: 466px; } .menuFixed .in ul li > ul li { color: #6d6e70; line-height: 14px; } .menuFixed .in ul li > ul li span { border-bottom-color: #d1d1d1; padding: 8px 0px; } .menuFixed .in ul li > ul li:first-child { margin-top: 18px; } .menuFixed .in ul li > ul li:last-child span { border-bottom: none; } .menuFixed .in ul li > ul li:hover { background-color: #f7f7f8; padding: 0; } .menuFixed .in ul li > ul li:hover a { padding-left: 20px !important; } .menuFixed .in ul li > ul li a { padding: 0 !important; float: none; font-size: 11px; font-weight: normal; transition: 0.5s all; } #headerTop { width: 100%; border-bottom: 2px solid #eee; overflow: auto; } #header h1 { background: url(../img/fecomercio.svg) no-repeat 50% 50%; width: 165px; height: 30px; padding: 20px 10px; text-indent: -9999em; float: left; } #nav { float: right; margin-top: 15px; } #nav a { padding: 0 10px; font: 400 0.8em/60px 'Open Sans'; color: #a3a4a5; float: left; } .fa { width: 12px } #navCat { position: relative; } .navDiv { min-width: 13%; width: auto; float: left; } .navDiv.sustentabilidade { width: 20% } #navCat a { background: url(../img/bgBtn.png) no-repeat 100% 50%; width: 100%; margin-right: 1px; padding: 0 25px 0 10px; box-sizing: border-box; font: 600 0.8em/45px 'Open Sans'; color: #404343 !important; text-transform: uppercase; text-align: center; border-bottom: 2px solid; float: left; display: inline-block } #navCat a:hover, #navCat a.mark { background-image: url(../img/arrowMenudown3.png); background-position: 92% 50%; color: #fff !important; } #navCat .edit, #navCat .editorial { background-color: #eb6351; } #navCat .editorial:nth-child(2) { background-color: #f17667; } #navCat .econo, #navCat .economia { background-color: #f59b85; } #navCat .economia:nth-child(2) { background-color: #f9aa97; } #navCat .legis, #navCat .legislacao { background-color: #00b5ab ; } #navCat .legislacao:nth-child(2) { background-color: #6ac7c2; } #navCat .negoc, #navCat .negocios { background-color: #926288; } #navCat .negocios:nth-child(2) { background-color: #b37ba7; } #navCat .tecno, #navCat .tecnologia { background-color: #5bb4c8; } #navCat .tecnologia:nth-child(2) { background-color: #f57162; } #navCat .educa, #navCat .educacao { background-color: #bc8db3; } #navCat .educacao:nth-child(2) { background-color: #f57162; } #navCat .cidad, #navCat .cidades { background-color: #8dbf5d; } #navCat .cidades:nth-child(2) { background-color: #f57162; } #navCat .sustentabilidade { background-color: #00DAA7; } #navCat .sustentabilidade:first-child a { padding-right: 35px; } #navCat .sustentabilidade:nth-child(2) { background-color: #04d0a0; } #navCat .sustentabilidade:nth-child(2) a { padding-right: 55px; } #navCat .sustentabilidade:nth-child(3) { background-color: #02c799; } #navCat .sustentabilidade:last-child { /*padding: 16px 25px;*/ } #navCat .sustentabilidade:last-child a { width: 185px; white-space: normal; } form.busca { width: 28%; float: left; position: relative; } .buscaTxt { width: 75%; font: 400 0.8em/47px 'Open Sans'; text-indent: 15px; } .menuFixed .buscaTxt { width: 75%; } .menuFixed .buscaTxt::placeholder { color: #eee; font-weight: bold; } .menuFixed .buscaTxt.focused { right: 110px !important; } .menuFixed .buscaTxt.focused::placeholder { color: #5b5b5d; } .menuFixed .buscaTxt.empty::placeholder { color: red; } .buscaSubmit { background: url(../img/lupa.png) 50% 50% no-repeat; width: 25%; text-indent: -9999em; cursor: pointer; } .openSearch { background: url(../img/lupa.png) 50% 50% no-repeat; width: 25%; text-indent: -9999em; cursor: pointer; } .openSearch.opened { background-image: url(../img/searchclose.png); } .btnSearch { display: none; background-color: #f59b85 !important; font-size: 10px; margin: 2px 0 2px 0; height: 34px !important; padding: 0 15px; text-transform: uppercase; color: #fff; position: relative; z-index: 2 } .btnSearch:hover { cursor: pointer; } form.busca input { background-color: #eee; height: 47px; float: left; } #navCat .submenu { padding: 0; display: none; position: absolute; top: 47px; border-top: 1px solid #fff; z-index: 90; } /*.navDiv.sustentabilidade .submenu { right: 0; }*/ #navCat .submenu a { background-image: none; width: auto; margin: 0; padding: 0 80px 0 0; border: 0; font: 600 0.7em/25px "Open Sans"; color: #fff !important; display: block; text-align: left; float: none; white-space: nowrap; text-transform: none; } #navCat .submenu a:hover { text-decoration: underline; } #navCat .submenu span { width: 1px; height: 10px; margin-top: 11px; border-right: 1px solid #fff; float: left; } #navCat .submenu > div { display: table-cell; vertical-align: top; height: inherit; padding: 16px 25px; } #navCat .submenu > div:first-child a { text-transform: uppercase; } #navCat .submenu > div a i { color: #fff; } #navCat .submenu > div:not(:first-child) a { padding: 0 25px 0 12px; position: relative; } #navCat .submenu > div:not(:first-child) a i { color: #fff; position: absolute; top: 8px; left: 0; } #navCat .submenu > div:nth-child(2) strong { display: block; font-size: 0.8em; line-height: 25px; color: #fff; opacity: .7; min-width: 140px; } /* Footer ******/ #footer { width: 100%; background: #f9f9f9; padding: 50px 0; border-top: 1px solid #e3e6e6; overflow: auto; position: relative; z-index: 20 } #footer * { color: #626b6b } #footer h2 { border-bottom: 1px solid #edefef; display: block; margin-bottom: 20px } #footer h2 span { font: 700 16px/3em 'Open Sans'; display: inline-block; border-bottom: 2px solid #626b6b } #footer li { margin-bottom: 5px; } #footer li img { display: inline-block; vertical-align: middle; margin-right: 10px; } #footer li a { font: 400 15px/1.7em 'Open Sans'; display: inline-block; } #footer p { font: 400 15px/1.3em 'Open Sans' } #footer p br:last-child { margin-bottom: 20px; } #footer .mapa { float: right; } #master #footer .coluna.desk { margin-left: 0 } #footer li.politica { border-top: 1px solid #edefef; display: block; margin-top: 10px } #footer li.politica:before {content: " "; display: block; border-top: 2px solid #626b6b; width: 90%; margin-bottom: 5px;} /* Content ******/ #content { padding: 21px 0 40px; overflow: hidden; } #content a:hover { text-decoration: underline; } .section { width: 100%; padding: 0 0 30px; overflow: auto; } .section ul, .section ul li { overflow: auto; } #content .secTitle { border-bottom: 1px solid #edefef; display: block; margin-bottom: 20px; } #content .secTitle span { font: 700 1.1em/3em 'Open Sans'; color: #6d6e70; display: inline-block; border-bottom: 2px solid #6d6e70 } .coluna.notas a { height: 80px; border-bottom: 1px dashed #eee; margin-bottom: 20px; display: block; } .coluna.notas a:last-child { margin: 0; border: 0; } #content .img { overflow: hidden; } #content .linkImg { margin-bottom: 10px; position: relative; overflow: hidden; } #content .linkImg img { display: block; margin: 0 !important; } #content .linkImg span { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; border-color: inherit; z-index: 5; } .horiz { margin-bottom: 10px; } #master .horiz .linkImg { max-width: 231px; float: left; margin: 0 20px 20px 0 !important; } .horiz div { height: 160px; margin-bottom: 15px; } .horiz div:last-child { margin-bottom: 0 } .horiz .cat { max-width: 100% } #master #content .postTitle { max-height: 75px; font: 1.2em/1.3em 'Bree Serif'; color: #404343; margin-bottom: 10px; overflow: hidden; } #master #content .postTitleG { max-height: 112px; font: 1.83em/1.2em 'Bree Serif'; color: #404343; margin-bottom: 5px; overflow: hidden; } #master #content .postTitleP { max-height: 66px; font: 1.05em/1.3em 'Bree Serif'; color: #404343; margin-bottom: 10px; overflow: hidden; } #content .postDesc { max-height: 54px; font: 0.9em/1.25em 'Chivo'; color: #959697; margin-bottom: 15px; overflow: hidden; } #content .postDescG { max-height: 58px; font: 0.95em/1.3em 'Chivo'; color: #959697; margin-bottom: 15px; overflow: hidden; } #content .postDesc:last-child, #content .postDescG:last-child { margin: 0; } /* .section a {display: inline-block;} */ #master .cat { max-height: 150px; height: auto; font: 700 0.65em 'Open Sans'; text-transform: uppercase; margin: 0; padding: 0; border: 0; } #master #pageTitle { margin-bottom: 10px; } #pageTitle h2 { border-bottom: 2px solid; margin-bottom: 15px; } #pageTitle h2 span { font: 700 2.2em/1.3em 'Open Sans'; border-bottom: 5px solid; margin-bottom: 1px; color: inherit; display: block; } #pageTitle span { font: 700 0.8em/1em 'Open Sans'; color: #949596; } #pageTitle h3 { margin-bottom: 0; line-height: 1em; } #pageTitle .postDesc { font-size: 0.95em; } #master .itl-data-noticia { font-size: 11px; } #master #pageTitle p { color: #5c5c5c; font-size: 1em; font-weight: bold; } #master #pageTitle p a:hover { text-decoration: underline; } .menuLateral { margin-top: 15px; } .menuLateral a { background: url(../img/arrowMenu2.png) no-repeat 15px 50% #6d6e70; width: 201px; height: 33px; padding-left:30px; display: block; font: 400 11px/33px 'Open Sans'; color: #fff; border-bottom: 1px solid #5b5b5d } .menuLateral a:hover { background: url(../img/arrowMenudown.png) no-repeat 15px 50% #7d7e81; color: #000; text-decoration: none; } .menuLateral a span { width: 9px; height: 9px; display: inline-block; margin: 10px 20px 0 0; float: right; font-size: 11px; color: inherit; text-align: center; text-indent: 1px; line-height: 8px; border: 1px solid #fff; } .menuLateral a:hover span { border-color: #000 } .boxCinza { background: #f6f6f6; border: 1px solid #eee; } .boxIn { padding: 15px 10px; } #master .boxCinza.coluna { width: 229px; height: 310px; margin-bottom: 20px !important; } #master .boxCinza.box-load-indice { height: 218px; } .noticia #master .boxCinza.box-load-indice { height: auto; } #master .boxCinza.coluna.datas { height: 343px; } .aba { display: none; } .aba.mark { display: block; } .aba1 { display: block; } .scrollTgt { width: 10px; height: 10px; margin-top: -25px; position: absolute; left: 0 } #master .datas { width: 229px !important } #master .datas .boxIn { padding-top: 0; } #master .datas .postDesc { font-size: 0.8em !important } #master .datasIn { width: 100%; height: 45px; } #master .datasIn p { width: 30px; height: 40px; padding: 0 5px; margin: 0 5px 0 0; color: #c95a57; font: 400 10px/1.2em 'Open Sans'; text-transform: uppercase; text-align: center; border: 1px solid #c95a57; border-radius: 3px; float: left; } #master .datasIn p strong { display: block; font: 800 20px/25px 'Open Sans'; } .pagination { width: 100%; padding-top: 20px; text-align: center; border-top: 1px solid #eee; float: left; } .pagination a { margin: 0 2px; font: 400 0.9em/20px 'Arial';color: #949596; text-transform: uppercase; display: inline-block; } .pagination a:hover, .pagination a.mark { font-weight: bold; } .pagination .pagePrev, .pagination .pageNext { font-size: 0.7em; font-weight: bold; } .pagination .pagePrev { background: url(../img/pageArrowL.png) no-repeat 0 50%; padding-left: 10px; margin-right: 15px; } .pagination .pageNext { background: url(../img/pageArrowR.png) no-repeat 100% 50%; padding-right: 10px; margin-left: 15px; } .voltar, .voltar2 { background: url(../img/arrowVoltar.png) 0 50% no-repeat; padding-left: 15px; margin-top: -10px; font: 700 0.7em/1.4em 'Open Sans'; text-transform: uppercase; color: #818282; display: inline-block; } .voltar2 { background: url(../img/arrowVoltar2.png) 0 50% no-repeat; color: #fff; } .saiba, a.tinymce-btn-video { background: #eee; padding: 0 20px; display: inline-block; font: 700 11px/32px 'Open Sans'; text-transform: uppercase; color: #fff; border-radius: 3px; } #content .saiba:hover, a.tinymce-btn-video { text-decoration: none; } .saiba span { color: inherit; font-size: 20px; line-height: 10px; vertical-align: middle; margin: 0 5px 5px 0; display: inline-block; } #content .download { background: url(../img/iconDownload.png) 0% 50% no-repeat; padding-left: 25px; font: 600 13px/20px 'Open Sans'; color: #6d6e70; display: inline-block; text-decoration: none; } #master #content .btn { background: url(../img/arrowBtn.png) no-repeat 10px 50% #6d6e70; width: auto; padding: 0 15px 0 25px; border: 0; border-radius: 3px; font: 700 0.7em/25px 'Open Sans'; color: #fff; text-transform: uppercase; display: inline-block; } #master #content .btn:hover { text-decoration: none; } body #master .filtro {} body #master .filtro span { width: 100%; background: #9a9898; color: #fff; font: 700 0.65em/1.8em 'Open Sans'; text-indent: 25px; border-radius: 2px; display: block;} body #master .filtro a { background: #fff; width: 179px; font: 0.7em/30px 'Open Sans'; color: #8b8181; border: 1px solid #cbc1b1; border-radius: 2px; margin-top: 1px; padding: 1px 25px; } body #master .filtro a.l2 { font: 0.7em/15px 'Open Sans'; padding-top: 2px; } body #master .filtro a:hover { background: none; color: #8b8181; } body #master .filtro a.mark {background: #cbc1b1 none repeat scroll 0 0; color: #fff; } body #master .filtro .separador { background: none; height: 0; border-bottom: 1px dashed #cbc1b1 !important; margin: 2px 0; } .ui-selectmenu-button { background: #fff; width: 150px !important; border-color: #c7c0b0; border-radius: 3px; } .ui-selectmenu-text { font: 400 0.8em/25px 'Open Sans'; color: #c7c0b0; } .ui-icon { background: url(../img/arrowSelect.png) no-repeat 50% 50%; width: 30px; height: 25px; right: 0; margin-top: -12px } .ui-selectmenu-menu .ui-menu { background: #fff; border-color: #c7c0b0; max-height: 310px; } .ui-menu-item { font: 400 0.8em/25px 'Open Sans'; color: #c7c0b0; } .ui-state-focus { background: #c7c0b0; color: #fff; } .select { display: block !important; position: absolute; z-index: -1 } /* JCAROUSEL ********************/ .jcarousel { position: relative; overflow: hidden; width: 100%; } .jcarousel ul { width: 30000em; margin: 0; padding: 0; position: relative; list-style: none; } #master .jcarousel li { width: auto !important; float: left; margin: 0 6px 0 0 !important; } .jcarousel li img { width: 100%; height: auto; margin: 0 !important; display: block; } .next, .prev { width: 15px; height: 46px; display: block; position: absolute; } .next.inactive, .prev.inactive { opacity: 0.5 } .next { background: url(../img/arrowGalR.png) no-repeat 100% 50% #fff; right: 0; } .prev { background: url(../img/arrowGalL.png) no-repeat 0% 50% #fff; left: 0; } .jcarousel-pagination { display: inline-block; vertical-align: top; } .jcarousel-pagination a { display: inline-block; float: none; text-align: center; font: 400 0.9em/1.5em 'Chivo'; } /* KALYPTO ********************/ .toggle, .toggleR { background: url(../img/check.png) no-repeat 0 0; display:inline-block; width:20px; height:20px; margin: -3px 10px 0px 0; vertical-align: middle; } .toggle.checked, .toggle.radio.checked, .toggleR.checked { background-position: 100% 0; } .toggle.radio { background: url(../img/radio.png) no-repeat 0 0; } input.check, input.radio { opacity: 0 } /* JSCROLLPANE ********************/ .jspContainer { overflow: hidden; position: relative; } .jspPane {position: absolute; } .jspVerticalBar {position: absolute; top: 0; right: 0; width: 10px; height: 100%; background: red; } .jspHorizontalBar {position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: red; } .jspCap {display: none; } .jspHorizontalBar .jspCap {float: left; } .jspTrack {background: #fff; position: relative; } .jspDrag {background: #c0c2c2; position: relative; top: 0; left: 0; cursor: pointer; border-radius: 5px; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {float: left; height: 100%; } .jspArrow {background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; } .jspArrow.jspDisabled {cursor: default; background: #80808d; } .jspVerticalBar .jspArrow {height: 16px; } .jspHorizontalBar .jspArrow {width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus {outline: none; } .jspCorner {background: #eeeef4; float: left; height: 100%; } /* Validação Formulários ********************/ label.error { display: none !important; } .error { background: #c15f5e !important; border-color: #c15f5e !important; color: #e9decd !important; } .toggle.error { background: url(../img/check2.png) no-repeat 0 0 !important; } .error:-webkit-autofill { -webkit-box-shadow: none; } .error::-webkit-input-placeholder { color: #e9decd !important; } .error::-moz-placeholder { color: #e9decd !important; } .error:-ms-input-placeholder { color: #e9decd !important; } .msgForm { background: rgba(0,0,0,0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 150; } .msgBox { background: #e43f46; width: 460px; height: auto; margin: auto; padding: 50px 20px; position: relative; border-radius: 5px; text-align: left; } .msgBox h5 { width: 80%; font: 800 1.2em/1.2em 'Chivo'; color: #fff; margin-bottom: 20px; } .msgBox p { width: 80%; font: 500 1.2em/1.2em 'Chivo'; color: #fff } .msgBox p a { font: 500 1em/1.2em 'Chivo'; color: #fff; display: inline; text-decoration: underline; } .msgBox .btnFechar { font: 700 11px/12px 'Open Sans'; color: #fff; text-transform: uppercase; display: block; float: right; position: absolute; top: 20px; right: 20px; } .msgBox .btnFechar:hover { text-decoration: underline; } .msgBox .btnFechar span { width: 12px; font: 300 8px/12px 'Open Sans'; color: #fff; text-align: center; border: 1px solid #fff; display: inline-block; vertical-align: middle; } .msgBoxError, .msgBoxSuccess { display: none; } /* 404 ********************/ .quatro #master { background: url(../img/bgEventos_01.jpg) no-repeat 50% 0 #fff; } .quatro #content { min-height: 1000px; } .quatro #content div { margin: 105px 0 0 505px; } .quatro1 { font: 700 18em/0.8em 'Open Sans'; color: #f59b85; margin: 0 0 30px -85px; } .quatro2 { font: 700 5em/0.8em 'Open Sans'; color: #bec1c1; letter-spacing: -0.05em; text-transform: uppercase; } .quatro3 { font: 700 2.3em/1.3em 'Open Sans'; color: #cbc1b1; letter-spacing: -0.02em; margin-bottom: 20px } .quatro .voltar { background: url("../img/arrowVoltar2.png") no-repeat 10px 50% #cbc1b1 !important; padding: 5px 0; margin-top: 10px } /* HOME ********************/ #indices { background: #fcc043; height: 40px; border: 1px solid #eee; overflow: hidden; margin-top: 10px !important; } /*#indices p.indicesTitle { background: url(../img/indicesTitle.png) 160% 50% no-repeat; width: 14%; float: left; margin: 0; display: block; font: 600 1.15em/40px 'Open Sans'; color: #fff; text-align: left; text-indent: 20px; }*/ #indices p.indicesTitle { max-height: 112px; font: 1.2em/1.2em 'Bree Serif'; color: #404343; margin-top: 6px; text-align: center;} #indices .carIndices { width: 82%; margin: 0 2%; float: left; } #indices .carIndices li { /*width: 172px !important;*/ margin: 0 15px !important; float: left; text-align: center; } #indices .carIndices li img, #indices li p, #indices li span { display: inline-block; vertical-align: middle; } #indices .carIndices li img { max-width: 21px; } #indices .carIndices li p { font: 700 1.25em/40px 'Open Sans'; color: #404343; text-transform: uppercase; margin: 0 3px; } #indices .carIndices li span { font: 400 1.1em/40px 'Open Sans'; color: #8a8e92 } #indices .carIndices li span img { max-width: 10px; } #indices .carIndices li a, #indices .carIndices li a:hover { text-decoration: none; } /*#indices .prev-indices, #indices .next-indices { background: url(../img/arrowGalL3.png) 50% 50% no-repeat #f9f9f9; width: 2%; height: 100%; left: 14%; } #indices .next-indices { background: url(../img/arrowGalR3.png) 50% 50% no-repeat #f9f9f9; left: auto; }*/ .home .secTitle { margin: 0 10px 20px } .template { width: 100%; } .home .destaque, .categoria .destaque { height: 297px; border-bottom: 4px solid; float: right !important; } .home .destaque:first-child, .categoria .destaque:first-child { height: 305px; border: 0; } .home #master .destaque .postTitleP, .categoria #master .destaque .postTitleP { height: 25px; padding-left: 20px; border-left: 2px solid; border-color: inherit; overflow: hidden; } .home #master .destaque .postDesc, .categoria #master .destaque .postDesc { height: auto; margin-bottom: 25px; max-height: 38px; } .home .destaque .linkImg, .categoria .destaque .linkImg { margin: 0 !important; } .home .destaque a, .categoria .destaque a { border-color: inherit } .banner { padding: 10px 0 30px; text-align: center; } #master .coluna4.banner { padding-bottom: 0; } /* Categoria ********************/ .categoria {} .categoria #pageTitle { padding-bottom: 0; } .template, .mais, .vid_central { width: 100%; } .categoria .secTitle { margin: 0 10px 20px; } .categoria .first .horiz-old { margin-top: 25px !important; } .categoria #master .destaque-old { height: 510px; border-bottom: 4px solid; float: left !important; } .categoria #master .destaque-old .linkImg { margin-bottom: 10px !important; } .categoria .saiba, .videos .saiba, .video .saiba, a.tinymce-btn-video { background: #c7c0b0; line-height: 26px; margin-top: 15px; margin-bottom: 30px; padding: 0 15px; float: right; } .template.pad-top { padding-top: 40px; } /* Sub-Categoria ********************/ .subcat{} .subcat #pageTitle { padding-bottom: 0; } .subcat #main li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee; } .subcat #sidebar li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #eee; } .subcat #main li:last-child, .subcat #sidebar li:last-child { padding: 0; margin: 0; border: 0; } .subcat #sidebar .secTitle { margin-bottom: 20px; } .subcat .recomendadas .secTitle { margin: 0 10px 20px; } /* Noticias ********************/ .noticia{} .noticia #pageTitle { border-bottom: 1px solid #eee; padding-bottom: 25px; } #main { max-width: 753px; padding-bottom: 40px; } .noticia #main img { margin-bottom: 10px; } .noticia #main iframe { max-width: 100%; } .noticia .saiba { background: #c7c0b0; line-height: 26px; margin: 15px 0; padding: 0 15px; } #main.coluna4 { max-width: 984px } #acessibilidade-container {display: flex; justify-content: space-between; margin-top: 16px !important; margin-bottom: 24px !important;} #acessibilidade-container .share, #acessibilidade-container .acessibilidade {} #acessibilidade-container .share p, #acessibilidade-container .acessibilidade p { font: 600 0.67em/25px 'Open Sans'; color: #949596; text-transform: uppercase; margin-right: 12px; float: left; } #acessibilidade-container .share a { width: 25px; height: 25px; text-indent: -9999em; float: left; margin-right: 4px; } #acessibilidade-container .shareMa { background: url(../img/shareMa.jpg) no-repeat 0 0; } #acessibilidade-container .shareFb { background: url(../img/shareFb.jpg) no-repeat 0 0; } #acessibilidade-container .shareTw { background: url(../img/shareTw.jpg) no-repeat 0 0; } #acessibilidade-container .shareLi { background: url(../img/shareLi.jpg) no-repeat 0 0; } #acessibilidade-container .acessibilidade {width: fit-content; float: right;} #acessibilidade-container .acessibilidade a {display: inline-block; width: 25px; height: 25px; margin-right: 4px; text-transform: none; background: #5C5C5C; color: #FFF; text-align: center; font-weight: bolder;} #acessibilidade-container .acessibilidade a:first-child {margin-left: 12px;} #main img { max-width: 100%; } #main .linkImg { margin-bottom: 10px; } #main p { font: 400 0.95em/1.8em 'Arial'; color: #949596; /*margin-bottom: 15px;*/} #main p.legenda { margin-top: -8px; font-style: italic; font-size: 11px; } #main .link { font: italic 0.9em/1.1em 'Chivo'; } #main .link a strong { color: #949596; font-style: normal; } /* Galeria de noticia */ #noticia-galeria { display: flex; flex-direction: row; justify-content: space-between; margin-bottom: 40px !important;} #noticia-galeria #destaque {} #noticia-galeria #destaque #destaque-img {width: 733px; height: 458px; margin-bottom: 12px;} #noticia-galeria #destaque #navigator {display: flex; flex-direction: row; width: fit-content; } #noticia-galeria #destaque #navigator.editorial a{ background-color: #eb6351;} #noticia-galeria #destaque #navigator.economia a{ background-color: #f59b85;} #noticia-galeria #destaque #navigator.legislacao a, #noticia-galeria #destaque #navigator.reforma-trabalhista a { background-color: #00b5ab ;} #noticia-galeria #destaque #navigator.negocios a { background-color: #926288;} #noticia-galeria #destaque #navigator.tecnologia a { background-color: #5bb4c8; } #noticia-galeria #destaque #navigator.educacao a { background-color: #bc8db3; } #noticia-galeria #destaque #navigator.cidades a { background-color: #8dbf5d; } #noticia-galeria #destaque #navigator.sustentabilidade a{ background-color: #00DAA7; } #noticia-galeria #destaque #navigator .prox, #noticia-galeria #destaque #navigator .ante {width: 38px; height: 38px; display: flex; justify-content: center; align-items: center; text-decoration: none; margin-right: 4px; } #noticia-galeria #destaque #navigator .prox:before {content: url('../img/arrow-navigator.png'); transform: rotate(180deg); margin-top: -5px;} #noticia-galeria #destaque #navigator .ante:before {content: url('../img/arrow-navigator.png');} #noticia-galeria #thumbs {width: 231px; max-height: 458px; display: flex; flex-direction: column;} #noticia-galeria #thumbs img {margin-bottom: 10px; cursor: pointer;} #yt-embed {margin-bottom: 40px !important;} .noticia #sidebar { padding-top: 50px; } #sidebar .banner { margin-bottom: 15px; padding: 0; } #sidebar .boxCinza { margin-bottom: 25px } #sidebar .boxCinza .boxIn { padding: 20px 12px 30px; } #sidebar .boxCinza .postDesc { font: 0.8em/1.3em 'Chivo'; color: #686666; } #content .dados .top { background: #f2f2f2; padding: 15px 15px 0 } #content .dados .top img { width: auto; display: inline-block; vertical-align: middle; margin: -3px 0 0; float: none; } #content .dados .top p { max-width: 84%; height: 40px; margin: 0 0 5px 5px; font: 700 1.25em/1em 'Open Sans'; color: #404343; text-transform: uppercase; margin: 0 3px; display: inline-block; overflow: hidden; vertical-align: top; } #content .dados .top span { font: 400 1.2em/1em 'Open Sans'; color: #8a8e92; display: block; padding-left: 30px; } #content .dados a { text-decoration: none; } #content .dados .box { background: #f9f9f9; width: 114px; height: 55px; float: left; border: 1px solid #eee; text-align: center; margin-bottom: 25px; border-left: 0; border-right: 0; } #content .dados .box.first { border-right: 1px solid #eee; } #content .dados .box p { line-height: 55px; display: inline-block; } #content .dados .box span { font: 400 0.8em/1em 'Open Sans'; color: #949596; vertical-align: middle; display: inline-block; } #content .dados .boxIn { background: #fff; display: block; } .relacionadas, .recomendadas { width: 100%; } .noticia .secTitle { margin: 0 10px 20px; } /* Central de Vídeos ********************/ .videos {} .videos .secTitle { margin: 0 10px 20px } .videos .saiba { background:; float: right; } /* Noticia Vídeo ********************/ .video {} .video #pageTitle { border-bottom: 1px solid #eee; padding-bottom: 25px; } #main .stage { background: #f0ede0; text-align: center; } #main .stage iframe { width: 100%; max-width: 853px; margin: auto; display: block; } .play { background: url(../img/play.png) 50% 50% no-repeat; width: 100%; height: 144px; position: absolute; z-index: 5 } .vid_relacionados, .vid_categoria, .vid_populares { width: 100% } .video .secTitle { margin: 0 10px 20px; } .video .section ul { border-bottom: 1px solid #eee; padding-bottom: 20px; } /* Atuação ********************/ .atuacao {} .atuacao .filtro { margin-top: 15px; } .atuacao .filtro span { background: #f5a996 !important; } .atuacao .secTitle { margin-bottom: 20px; } .atuacao p { color: #808181; font: 0.75em/1em 'Arial'; margin-bottom: 20px; } .atuacaoUl { padding-top: 30px; margin-top: 40px; border-top: 1px dashed #eee } .atuacaoUl li { padding: 15px 20px; border: 1px solid #eeece7 ; border-bottom: 0; } .atuacaoUl li:last-child { border-bottom: 1px solid #eeece7; } .atuacaoUl li a { background: url(../img/arrowR.png) no-repeat 100% 50%; color: #808181; font: 0.75em/1.4em 'Arial'; padding-right: 10px; } .atuacaoUl li a strong { display: block; font: 600 1.15em/1.4em 'Open Sans'; text-transform: uppercase; } .atuacao .pagination { border-top: 0; } .atuacao #content .formInst input { background: #fff; width: 90%; } .atuacao #content .formInst .ui-selectmenu-button { width: 100% !important; } /* Pesquisas **********************************************************************************************/ .pesquisas{} .pesquisas #pageTitle h2, .pesquisas #pageTitle span { color: #dace2a } .pesquisas .menuLateral a { background: url(../img/arrowMenu3.png) no-repeat 15px 50% #dace2a; font-weight: 700; border-bottom: 1px solid #fff; } .pesquisas .menuLateral a:hover { background: url(../img/arrowMenudown2.png) no-repeat 15px 50% #dbbe2a; text-decoration: none !important; color: #fff } .pesquisas #master .filtro { height: 0; overflow: hidden; } .pesquisas .filtro div { margin: 1px 0; } .indicesUl .boxCinza .boxIn { height: 133px; overflow: hidden; } .indicesUl .boxCinza .boxIn a { display: inline-block; } .pesquisas .destaque { border-bottom: 4px solid #dace2a; padding-bottom: 15px; margin-bottom: 15px !important } .pesquisas .saiba { background: #dace2a; } .indices_det .saiba { float: right } .pesquisas .coluna.notas a { height: 90px; border-bottom: 1px dashed #eee; margin-bottom: 16px; padding-bottom: 10px; display: block; } /* Índices ********************/ .indices{} .indices #master #content .bpxCinza .postTitleP { font-size: 0.9em; } .indices #formIndices.formInst { height: 120px; } .indices #content .formInst div { width: 365px; margin: 0 0 10px } .indices #content #main { margin-top: 15px; } .indices_det #master .boxCinza { height: 136px } .indices_det #content .dados.boxCinza { background: #f2f2f2; height: auto; margin-bottom: 30px; } .indices_det #content .dados .top { background: transparent; width: 25%; height: auto; padding: 15px 1% 15px 2%; float: left; text-align: center; } .indices_det #content .dados .top img { margin: 12px 0 0 } .indices_det #content .dados .top p { height: 45px; font: 700 1.3em/45px 'Open Sans'; letter-spacing: -0.03em; } .indices_det #content .dados .box { background: transparent; width: 12%; height: 45px; padding: 27px 1% 0 0; border: 0; } .indices_det #content .dados .box .indice-valor { color: #6d6e70; margin-left: 1%; float: right; } .indices_det #content .dados .box .indice-valor strong { font-size: 17px; font-weight: bold; } .indices_det #content .dados .box span { font-size: 12px; font-weight: bold; text-transform: uppercase; color: #6d6e70; vertical-align: top; } .indices_det #content .dados .box span br { display: none; } .indices_det #content .dados .box span strong { font-size: 17px; display: block; margin-bottom: 10px; } .indices_det #content .dados .boxDownload { background: #6d6e70; width: 33%; height: 75px; text-align: center; float: right; } .indices_det #content .dados .download { padding: 25px 0 25px 25px; line-height: 25px; text-transform: uppercase; color: #fff } .indices_det #content .formInst label { background: #e0e0e0; width: 125px; height: 31px; float: left; font: 0.7em/31px 'Open Sans'; text-align: center; text-transform: none; } .indices_det #content .formInst .ui-selectmenu-button { width: 220px !important; height: 29px; float: left; border-radius: 0; border-color: #e0e0e0 } .indices_det #content .formInst .ui-selectmenu-text { font: 0.75em/29px 'Open Sans'; color: #7e7e7e } .indices_det #content .formInst .ui-icon { background-image: url(../img/arrowSelect2.png) } .indices_det #main h3, .indices_det #main h4 { color: #949596; font: 700 1.3em/1em "Open Sans"; margin: 15px 0; } .indices_det #main .coluna2 p { padding-right: 30px; } .indices_det #main p { font: 400 0.9em/1.6em 'Chivo' } .indices_det #main p a { font: inherit; color: inherit; text-decoration: underline; } .indices_det #main .coluna div { border-bottom: 1px solid #c9caca } .indices_det #main .coluna p { font: 400 0.8em/1.6em 'Chivo' } .grafico { width: 100%; height: 500px; margin: 0; } #periodoCustomizado, #segmentacoesCustom { width: 350px; } #periodoCustomizado .formInst { height: auto !important; } .indices #periodoCustomizado .formInst div { width: 45%; margin-right: 5%; margin-bottom: 5px; float: left; } #periodoCustomizado p, #segmentacoesCustom p { font-size: 14px; margin-bottom: 5px !important; } #periodoCustomizado button, #segmentacoesCustom button { background: #dace2a; min-width: 40px; line-height: 25px; color: #fff; border-radius: 3px; border: 0; } #periodoCustomizado .formInst .ui-icon { background: url("../img/arrowSelect.png") no-repeat 50% 50%; width: 30px; height: 25px; margin-top: -12px; right: 0; } #periodoCustomizado .formInst .ui-selectmenu-text {color: #c7c0b0; font: 400 0.8em/25px "Open Sans"; } #anoInicio-menu .ui-menu-item, #anoFim-menu .ui-menu-item, #mesInicio-menu .ui-menu-item, #mesFim-menu .ui-menu-item { font: 400 0.75em/1.1em "Open Sans" } /* Estudos ********************/ .estudos{} #formEstudos { padding: 30px 0 10px; margin-top: 25px; border-top: 1px dashed #eee } .estudosUl{} .estudosUl li { padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dashed #eee } .estudosUl li:last-child { border: 0; } .estudos p { margin-bottom: 10px; } .estudos .boxCinza .boxIn { height: 219px; } .estudos .notas a { height: 110px } /* Eventos **********************************************************************************************/ .eventos {} .eventos.eventos_home .section { width: 753px; } .eventos #pageTitle h2, .eventos #pageTitle span { color: #a7c475; border-color: #a7c475 } .eventos .filtro { margin-top: 15px; } .eventos .filtro span { background: #bbd68d !important } .eventos .filtro:first-child a { text-transform: uppercase; } .eventos #main { padding-bottom: 20px; } .eventos #main .coluna3 { padding-bottom: 30px; } .eventos #main .postTitleG { color: #6d6e70; margin-bottom: 15px !important; } .eventos #main .postLocal { height: 16px; font: bold 0.8em/1.25em 'Chivo'; color: #727473; padding: 10px 0; border-top: 1px solid #6e6d72; } .eventos #main .boxCinza.coluna.datas { height: 363px; } .eventos .saiba { background: #a7c475; margin-right: 10px; } .eventos .section .secTitle { margin: 0 10px 20px; } .eventos .logo { display: block; margin: 15px 0; } .eventos .title { font: 1.75em/1em 'Bree Serif'; padding-bottom: 15px; } /* Eventos Detalhe ********************/ .eventos_det {} .playG { background: url(../img/playG.png) no-repeat 50% 50%; width: 100%; height: 554px; position: absolute; top: 0; left: 0; cursor: pointer; } .playG:hover { text-decoration: none; } .navEventos { width: 75%; margin-top: 40px; float: right; text-align: right; border-bottom: 1px solid rgba(0,0,0,0.1); } .navEventos a { padding: 0 3px; font: 700 0.67em/3.5em 'Open Sans'; color: #39322d; text-transform: uppercase; display: inline-block; } .navEventos span { background: #55c2c5; width: 2px; height: 2px; display: inline-block; vertical-align: middle; } .eventos_det .title { font-size: 1.70em } .eventos_det .anchor { width: 5px; height: 5px; display: block; position: absolute; top: -50px; } .eventos_det .boxTop{} .eventos_det .boxTop img { margin-bottom: 0 !important; display: block; } .eventos_det .boxTop .sobre { background: #e0e1e2; width: 71%; height: 120px; padding: 20px 2%; float: left; position: relative; } .eventos_det .boxTop .sobre .title {} .eventos_det .boxTop .sobre p { font: 0.95em/1.2em 'Chivo'; color: #959697 } .eventos_det .boxTop .aviso { background: #00c6c4; width: 21%; height: 110px; padding: 30px 2% 20px; float: left; } .eventos_det .boxTop .aviso strong { font: 700 1.35em/1.15em 'Open Sans'; color: #68696a; text-transform: uppercase; margin-bottom: 5px; display: block; } .eventos_det .boxTop .aviso p { width: 95%; font: 0.85em/1.1em 'Chivo'; color: #fff; } .eventos_det .boxTop .aviso1 strong, .eventos_det .boxTop .aviso3 strong { color: #fff; line-height: 110px; text-align: center;} .eventos_det .boxTop .aviso1, .eventos_det .boxTop .aviso3 { display: none; } .eventos_det .programacao{} .eventos_det .space { width: 21%; height: 620px; float: left; position: relative; } .eventos_det .space div { background: #404343; width: 100%; height: 200px; position: absolute; bottom: 0; } .eventos_det .programacaoIn { background: #39312d ; width: 50%; height: 570px; padding: 30px 2% 20px; float: left; position: relative; } .eventos_det .programacaoIn .impresso { background: url(../img/impressa.png) no-repeat 100% 0; width: 100px; padding: 23px 45px 23px 0; float: right; font: 700 0.7em/1em 'Open Sans'; color: #59c4c2; text-align: right; text-transform: uppercase; } .eventos_det .programacaoIn .title { color: #959697 } .eventos_det .programacaoIn .progData { width: auto; padding-right: 30px; font: 1.5em/33px 'Bree Serif'; color: #00c5c3; text-align: center; float: left; } .eventos_det #content .programacaoIn .ui-selectmenu-button { background: transparent; width: 35% !important; border: 2px solid #626263; margin: 0 3% 0 0; } .eventos_det #content .programacaoIn .ui-selectmenu-text { color: #c7c0b0; font: 400 1em/35px "Bree Serif"; margin: 0; vertical-align: none; } .eventos_det #content .programacaoIn .ui-icon { background: url(../img/arrowDown2.png) no-repeat 50% 50%; width: 25px; height: 20px; border-left: 1px solid #626263; margin: -10px 0 0; } .carouselDias{} #master .carouselDias li { width: 490px !important; } .eventos_det .programacaoIn .prev-dias, .eventos_det .programacaoIn .next-dias { background: url(../img/progArrowR-1.png); width: 33px; height: 33px; position: relative; float: left; } .eventos_det .programacaoIn .prev-dias { background: url(../img/progArrowL-1.png); } .carouselHoras { height: 485px; padding: 0; } #master .carouselHoras li { width: 490px !important; height: 498px; margin-right: 20px !important; overflow: hidden; } /*.eventos_det .carouselHoras .hora { background: #626263; width: 40px; height: 40px; margin-bottom: 15px; font: 0.9em/40px 'Bree Serif'; color: #dfe0e1; text-align: center; border-radius: 50%; display: block; } .eventos_det .carouselHoras h5 { color: #959697; font: 900 0.85em/1.1em 'Chivo'; }*/ .eventos_det .carouselHoras p { color: #858687 ; font: normal 400 0.85em/1.2em 'Bree Serif'; margin-bottom: 15px; } .eventos_det .carouselHoras p:last-child { margin: 0; } .eventos_det .carouselHoras p b { font: inherit; font-weight: bold; color: #a5a6a7 } .eventos_det .carouselHoras span { font: normal 400 0.85em/1.2em 'Bree Serif'; color: #dfe0e1; display: block; } /*.eventos_det .carouselHoras div.first p { color: #626263; font-style: normal; } .eventos_det .carouselHoras div.first p strong { color: #959697; } .progBottom { text-align: center; } */ .prev-horas, .next-horas { background: url(../img/arrowL-horas.png); width: 25px; height: 25px; position: absolute; top: 300px; left: -10px; right: auto; display: inline-block; } .next-horas { background: url(../img/arrowR-horas.png); left: auto; right: -10px; } .carouselHoras-pagination { margin: 0 10px; } .carouselHoras-pagination a { color: #959697; height: 25px; line-height: 24px; padding: 0 3px; } .carouselHoras-pagination a:hover, .carouselHoras-pagination a.active { font-weight: 700; text-decoration: none !important; } .eventos_det .materiais { background: #404343; width: 25%; height: 620px; float: left; } .materiaisIn { background: url(../img/materiaisBg.jpg) no-repeat 100% 0 #fff; height: 570px; border-right: 1px solid #00c5c3; padding: 30px 8% 20px; } .materiaisIn .title { font-size: 1.65em; line-height: 0.9em } .materiaisIn p { font: 0.85em/1.2em 'Chivo'; } #master .carMateriais ul { height: 440px; } #master .carMateriais li { width: 200px !important } #master .carMateriais li a { background: url(../img/iconDownload.png) no-repeat 0 50%; padding: 25px 0 25px 30px; font: 0.7em/1.2em 'Bree Serif'; color: #959697; border-bottom: 1px dashed #dfe0e1 } .materiaisBottom { text-align: center; } .prev-materiais, .next-materiais { background: url(../img/arrowL-materiais.png); width: 25px; height: 25px; position: relative; display: inline-block; left: auto; right: auto; } .next-materiais { background: url(../img/arrowR-materiais.png); } .carMateriais-pagination { margin: 0 10px; } .carMateriais-pagination a { color: #00c5c3; height: 25px; line-height: 24px; padding: 0 3px; } .carMateriais-pagination a:hover, .carMateriais-pagination a.active { font-weight: 700; text-decoration: none !important; } .eventos_det .palestrantes { position: relative; width: 100%; float: left; } .eventos_det .palestrantesIn { background: url(../img/palestrantesBg.png) 0 0 repeat-y; width: 99.9%; height: 300px; padding: 0; float: left; position: relative; } .eventos_det .palestrantesIn .title { background: #404343; width: 24%; padding: 30px 2% 10px; position: absolute; top: 0; left: 0; color: #dfe1e2; z-index: 10 } .prev-palestrantes, .next-palestrantes { background: url(../img/arrowL-palestrantes.png); width: 25px; height: 25px; position: relative; display: inline-block; position: absolute; left: 2%; top: 75px; z-index: 10 } .next-palestrantes { background: url(../img/arrowR-palestrantes.png); left: 5%; } #master .carouselPalestrantes { width: 75%; } #master .carouselPalestrantes li { width: 246px !important; height: 300px; margin: 0 !important; } #master .carouselPalestrantes li img { width: 120px; height:90px; margin: 110px auto 15px !important; display: block; } #master .carouselPalestrantes li p { font: 400 0.9em/1em 'Chivo'; color: #e3e4e4; padding: 0 20px; } .eventos_det .certificado { background: #fff; width: 25%; height: 300px; float: left; position: absolute; right: 1px; bottom: 0; z-index: 10; display: none; } .certificadoIn { background: url(../img/certificadoBg.png) no-repeat 100% 0; height: 248px; border: 1px solid #00c5c3; padding: 30px 8% 20px; } .eventos_det .certificado .title { background: none; width: auto; font-size: 1.65em; color: #5c5c5c; line-height: 0.9em; position: relative; padding: 0 0 15px; } .eventos_det .certificado p { font: 0.85em/1.2em 'Chivo'; } .certificadoIn input[type=text] { width: 80%; margin: 35px 0 0; line-height: 30px; border: 1px solid #00c5c3; } .certificadoIn #btnCertificado, .certificadoOver #downCertificado { background: url(../img/btnCertificado.png) no-repeat 100% 0 #e6e5e5; width: auto; height: 27px; font: 700 0.7em/27px 'Open Sans'; padding: 0 45px 0 20px; margin-top: 20px; text-transform: uppercase; border-radius: 3px; display: inline-block; cursor: pointer; } .certificadoOver { background: #00c5c3; width: 84%; height: 248px; border: 1px solid #00c5c3; padding: 30px 8% 20px; position: absolute; top: 0; left: 0; z-index: 20; display: none; } .certificadoOver p { color: #fff; } .certificadoAprovado { display: none; } .certificadoAprovado p { color: #fff; font-size: 0.9em; font-weight: 700; } .certificadoOver.aprovado .certificadoNegado { display: none; } .certificadoOver.aprovado .certificadoAprovado { display: block; } .btnClose { font: 700 11px/12px 'Open Sans'; color: #434545; text-transform: uppercase; display: block; float: right; position: absolute; top: 10px; right: 10px; z-index: 30 } .btnClose:hover { color: #434545; text-decoration: none !important; } .btnClose span { width: 12px; font: 300 8px/12px 'Open Sans'; color: #434545; text-align: center; border: 1px solid #434545; display: inline-block; vertical-align: middle; } .eventos_det .localizacao { background: #414244 ; width: 98%; height: auto; padding: 30px 0 0 2%; float: left; position: relative; } .eventos_det .localizacao .title { color: #e1e1e3 } .eventos_det .localizacao .localizacaoTop { width: 22%; float: left; } .eventos_det .localizacao .localizacaoSide { width: 78%; position: relative; float: left; } .eventos_det .localizacao .endereco { font: 1em/1.2em 'Chivo'; color: #e1e1e3; margin: 10px 0 30px; } .eventos_det .localizacao #mapa { width: 100%; height: 500px; } .eventos_det .noticias { background: #dfe0e1; width: 96%; padding: 30px 2% 20px; float: left; position: relative; } .eventos_det .noticias .title { color: #949597 } .eventos_det #master .noticias .coluna { width: 231px !important; margin: 0 10px 10px 0 !important; } .eventos_det #master .noticias .coluna2 { width: 462px !important; margin: 0 10px !important; } .eventos_det #master .horiz .linkImg { margin: 0 15px 20px 0 !important; } .eventos_det #master .noticias .coluna.notas { width: 202px !important; margin: 0 10px !important; } .eventos_det .noticias .banner { padding: 0; } .prev-noticias, .next-noticias { background: url(../img/arrowL-noticias.png); width: 25px; height: 25px; position: relative; display: inline-block; margin-bottom: 20px } .next-noticias { background: url(../img/arrowR-noticias.png); } .eventos_det .galerias { background: #39312d; width: 96%; height: 490px; padding: 30px 2% 20px; float: left; position: relative; } .eventos_det .galerias .title { color: #55c3c6 } .eventos_det .galerias .galLinks { width: 84px; height: 24px; font: 700 0.7em/24px 'Open Sans'; color: #dfe0e1; text-align: center; text-transform: uppercase; border: 1px solid #dfe0e1; float: left; margin-right: 5px; } .eventos_det .galerias .galLinks:hover, .eventos_det .galerias .galLinks.active { background: #404343; text-decoration: none !important; } .eventos_det .galerias .galeriaTop { width: 22%; float: left; } .eventos_det .galerias .galeria { width: 734px; position: relative; float: left; } .eventos_det .galerias .carousel-stage { background: rgba(0,0,0,0.2); margin-bottom: 10px; } .eventos_det .galerias .carousel-stage li { height: 418px; } .eventos_det .galerias .carousel-stage li img { width: auto !important; max-width: 100%; display: inline-block; vertical-align: middle; } .eventos_det .galerias .carousel-stage li iframe { width: 734px; height: 100%; } .eventos_det .galerias .prev { background: url(../img/arrowGalL2.png) no-repeat scroll 0 50% } .eventos_det .galerias .next { background: url(../img/arrowGalR2.png) no-repeat scroll 0 50% } .galeria-evento-videos, .galeria-evento-imagens { display: none; } .galeria-evento-show { display: block; } .eventos_det .edicoes { background: url(../img/anterioresBg.png) repeat-y 0 0; width: 100%; height: 550px; float: left; position: relative; } .eventos_det .edicoes .edicoesTop { background: #404343; width: 19.5%; height: 200px; padding: 30px 2% 20px; float: left; } .eventos_det .edicoes .title { color: #55c3c6 } .prev-edicoes, .next-edicoes { background: url(../img/arrowL-edicoes.png); width: 25px; height: 25px; position: relative; display: inline-block; } .next-edicoes { background: url(../img/arrowR-edicoes.png); } .carouselEdicoes { width: 752px; } #master .carouselEdicoes li { width: 210px !important; height: 400px; padding: 150px 20px 0; margin: 0 !important; } #master .carouselEdicoes li img { margin-bottom: 15px !important; display: block; } #master .carouselEdicoes li p { color: #55c2c5; border-color: #55c2c5 } .eventos_det .infograficos { background: #39322d ; width: 96%; height: 470px; padding: 30px 2% 20px; float: left; position: relative; } .eventos_det .infograficos .title { color: #55c3c6 } .prev-info, .next-info { background: url(../img/arrowL-edicoes.png); width: 25px; height: 25px; position: absolute; top: 70px; left: 2%; z-index: 10 } .next-info { background: url(../img/arrowR-edicoes.png); left: 5% } .carouselInfo { width: 100%; } #master .carouselInfo li { width: 945px !important; margin: 0 !important; text-align: center; } #master .carouselInfo li img { width: auto !important; max-width: 100%; display: inline-block; } .eventos_det .empresas_peso1 { background: #e7e7e7; width: 71%; height: 280px ; padding: 30px 2% 20px; float: left; position: relative; } .eventos_det .empresas_peso1 .title { color: #626264 } .eventos_det .empresas_peso1 ul { padding: 50px 0 } .eventos_det .empresas_peso1 ul li { width: 33%; float: left; border-right: 1px solid rgba(128, 193, 196, 0.3); } .eventos_det .empresas_peso1 ul li:last-child { border: none; } .eventos_det .empresas_peso1 ul li img { display: block; margin: 0 auto; } .eventos_det .empresas_peso2 { background: #ffffff; width: 25%; height: 330px; padding: ; float: left; } .empresas_peso2 .empresasIn { height: 278px; border: 1px solid rgba(128, 193, 196, 0.3);; padding: 30px 8% 20px } .eventos_det .empresas_peso2 .title { color: #949596 } .eventos_det .empresas_peso2 ul { } .eventos_det .empresas_peso2 ul li { width: 49%; float: left; margin-bottom: 20px; border-right: 1px solid rgba(128, 193, 196, 0.3);; } .eventos_det .empresas_peso2 ul li:nth-child(even) { border: none; } .eventos_det .empresas_peso2 ul li img { display: block; margin: 0 auto; } .eventos_det .empresas_peso3 { background: #f9f9f9; width: 71%; height: 280px; padding: 30px 2% 20px; float: left; } .eventos_det .empresas_peso3 .title { color: #949596 } .eventos_det .empresas_peso3 ul { padding: 30px 0; } .eventos_det .empresas_peso3 ul li { width: 16.3%; float: left; margin-bottom: 20px; border-right: 1px solid rgba(128, 193, 196, 0.3);; } .eventos_det .empresas_peso3 ul li:nth-child(6), .eventos_det .empresas_peso3 ul li:last-child { border: none; } .eventos_det .empresas_peso3 ul li img { display: block; margin: 0 auto; } .carouselDias.list-programacao { display: none; height: 498px; } .carouselDias.list-programacao-active { display: block; } /* Pré evento */ .eventos_det.pre{} .eventos_det.pre .materiaisIn, .eventos_det.pre .boxTop .aviso2, .eventos_det.pre .boxTop .aviso3 { display: none; } .eventos_det.pre .boxTop .aviso1 { display: block; } .eventos_det.pre .boxTop .aviso1 a:hover { text-decoration: none !important; } /* Pós evento */ .eventos_det.pos .boxTop .aviso1, .eventos_det.pos .boxTop .aviso2 { display: none; } .eventos_det.pos .boxTop .aviso3, .eventos_det.pos .certificado { display: block; } .tema1 #master { background: url(../img/bgEventos_01.jpg) no-repeat 50% 0 #fff; } .eventos_det.tema1 .prev-horas { background-image: url(../img/arrowL-horas2.png) } .eventos_det.tema1 .next-horas { background-image: url(../img/arrowR-horas2.png) } .tema2 #master { background: url(../img/bgEventos_02.jpg) no-repeat 50% 0 #fff; } .eventos_det.tema2 .boxTop .sobre { background: #4d4743 } .eventos_det.tema2 .boxTop .sobre .title { color: #f1ede0 } .eventos_det.tema2 .boxTop .sobre p { color: #cfdae0 } .eventos_det.tema2 .boxTop .aviso { background: #e43f46 } .eventos_det.tema2 .boxTop .aviso p { } .eventos_det.tema2 .boxTop .aviso p strong { color: #f1ede0 } .eventos_det.tema2 .programacaoIn { background: #39312d } .eventos_det.tema2 .programacaoIn .progData, .eventos_det.tema2 .programacaoIn .impresso { color: #f1ede0 } .eventos_det.tema2 .programacaoIn .prev-dias { background-image: url(../img/progArrowL-2.png) } .eventos_det.tema2 .programacaoIn .next-dias { background-image: url(../img/progArrowR-2.png) } .eventos_det.tema2 .carouselHoras .hora { background: #6d6e71 } .eventos_det.tema2 .carouselHoras div.first p strong { color: #f1ede0 } .eventos_det.tema2 .prev-horas { background-image: url(../img/arrowL-horas2.png) } .eventos_det.tema2 .next-horas { background-image: url(../img/arrowR-horas2.png) } .eventos_det.tema2 .materiais { background: #464b4b } .eventos_det.tema2 .materiaisIn { border-color: #efefef } .eventos_det.tema2 #master .carMateriais li a { color: #404343 } .carMateriais-pagination a { color: #000; } .eventos_det.tema2 .prev-materiais { background-image: url(../img/arrowL-materiais2.png) } .eventos_det.tema2 .next-materiais { background-image: url(../img/arrowR-materiais2.png) } .eventos_det.tema2 .palestrantesIn { background-image: url(../img/palestrantesBg2.png); } .eventos_det.tema2 .palestrantesIn .title, .eventos_det.tema2 .space div { background: #e43f46; color: #f1ede0 } .eventos_det.tema2 .certificadoIn, .eventos_det.tema2 .certificadoIn input[type="text"] { border-color: #efefef } .eventos_det.tema2 .certificadoIn .title { color: #404343 } .eventos_det.tema2 .certificadoOver { background: #dc353c; border-color: #efefef } .eventos_det.tema2 .certificadoOver .title { color: #f1ede0 } .eventos_det.tema2 .noticias { background: #00c9c9 ; } .eventos_det.tema2 .noticias .title { color: #434646 } .eventos_det.tema2 .noticias #content .postDesc { color: #404343 } .eventos_det.tema2 .coluna.notas a { border-color: #404343 } .eventos_det.tema2 .galerias { background: #626263 } .tema3 #master { background: url(../img/bgEventos_06.jpg) no-repeat 50% 0 #fff; } .eventos_det.tema3 .boxTop .sobre { background: #483824 } .eventos_det.tema3 .boxTop .sobre .title { color: #949596 } .eventos_det.tema3 .boxTop .sobre p { color: #cfdae0 } .eventos_det.tema3 .boxTop .aviso { background: #d8da00 } .eventos_det.tema3 .boxTop .aviso p { color: #949596 } .eventos_det.tema3 .boxTop .aviso p strong { color: #68696a } .eventos_det.tema3 .programacaoIn { background: #39312d } .eventos_det.tema3 .programacaoIn .progData, .eventos_det.tema3 .programacaoIn .impresso { color: #cbc1b0 } .eventos_det.tema3 .programacaoIn .prev-dias { background-image: url(../img/progArrowL-2.png) } .eventos_det.tema3 .programacaoIn .next-dias { background-image: url(../img/progArrowR-2.png) } .eventos_det.tema3 .carouselHoras .hora { background: #6d6e71 } .eventos_det.tema3 .carouselHoras div.first p strong { color: #cbc1b0 } .eventos_det.tema3 .prev-horas { background-image: url(../img/arrowL-horas2.png) } .eventos_det.tema3 .next-horas { background-image: url(../img/arrowR-horas2.png) } .eventos_det.tema3 .materiais { background: #464b4b } .eventos_det.tema3 .materiaisIn { border-color: #efefef } .eventos_det.tema3 .noticias #master .carMateriais li a { color: #404343 } .carMateriais-pagination a { color: #000; } .eventos_det.tema3 .prev-materiais { background-image: url(../img/arrowL-materiais2.png) } .eventos_det.tema3 .next-materiais { background-image: url(../img/arrowR-materiais2.png) } .eventos_det.tema3 .palestrantesIn { background-image: url(../img/palestrantesBg3.png); } .eventos_det.tema3 .palestrantesIn .title, .eventos_det.tema3 .space div { background: #7a6750; color: #f2eee1 } .eventos_det.tema3 .certificadoIn, .eventos_det.tema3 .certificadoIn input[type="text"] { border-color: #efefef } .eventos_det.tema3 .certificadoIn .title { color: #404343 } .eventos_det.tema3 .certificadoOver { background: #96826b; border-color: #efefef } .eventos_det.tema3 .certificadoOver .title { color: #f2eee1 } .eventos_det.tema3 .noticias { background: #b3b5b9; } .eventos_det.tema3 .noticias .title { color: #434646 } .eventos_det.tema3 .noticias #content .postDesc { color: #404343 } .eventos_det.tema3 .coluna.notas a { border-color: #404343 } .eventos_det.tema3 .galerias { background: #626263 } .tema4 #master { background: url(../img/bgEventos_03.jpg) no-repeat 50% 0 #fff; } .eventos_det.tema4 .boxTop .sobre { background: #f1ede0 } .eventos_det.tema4 .boxTop .sobre .title { color: #515452 } .eventos_det.tema4 .boxTop .sobre p { color: #6d6e70 } .eventos_det.tema4 .boxTop .aviso { background: #e0a82e } .eventos_det.tema4 .boxTop .aviso p { color: #f9f9f9 } .eventos_det.tema4 .boxTop .aviso p strong { color: #fff } .eventos_det.tema4 .programacaoIn { background: #39312d } .eventos_det.tema4 .programacaoIn .progData, .eventos_det.tema4 .programacaoIn .impresso { color: #f1ede0 } .eventos_det.tema4 .programacaoIn .prev-dias { background-image: url(../img/progArrowL-2.png) } .eventos_det.tema4 .programacaoIn .next-dias { background-image: url(../img/progArrowR-2.png) } .eventos_det.tema4 .carouselHoras .hora { background: #6d6e71 } .eventos_det.tema4 .carouselHoras div.first p strong { color: #f1ede0 } .eventos_det.tema4 .prev-horas {background-image: url(../img/arrowL-horas2.png) } .eventos_det.tema4 .next-horas {background-image: url(../img/arrowR-horas2.png) } .eventos_det.tema4 .materiais { background: #464b4b } .eventos_det.tema4 .materiaisIn { border-color: #efefef } .eventos_det.tema4 #master .carMateriais li a { color: #404343 } .carMateriais-pagination a { color: #000; } .eventos_det.tema4 .prev-materiais, .eventos_det.tema4 .prev-palestrantes { background-image: url(../img/arrowL-materiais2.png) } .eventos_det.tema4 .next-materiais, .eventos_det.tema4 .next-palestrantes { background-image: url(../img/arrowR-materiais2.png) } .eventos_det.tema4 .palestrantesIn { background-image: url(../img/palestrantesBg4.png); } .eventos_det.tema4 #master .carouselPalestrantes li p { color: #75613e } .eventos_det.tema4 .palestrantesIn .title, .eventos_det.tema4 .space div { background: #f49700; color: #434646 } .eventos_det.tema4 .certificadoIn, .eventos_det.tema4 .certificadoIn input[type="text"] { border-color: #efefef } .eventos_det.tema4 .certificadoIn .title { color: #404343 } .eventos_det.tema4 .certificadoOver { background: #faba02; border-color: #efefef } .eventos_det.tema4 .certificadoOver .title { color: #434646 } .eventos_det.tema4 .noticias { background: #f1ede0 ; } .eventos_det.tema4 .noticias .title { color: #434646 } .eventos_det.tema4 .noticias #content .postDesc { color: #404343 } .eventos_det.tema4 .coluna.notas a { border-color: #404343 } .tema5 #master { background: url(../img/bgEventos_04.jpg) no-repeat 50% 0 #fff; } .eventos_det.tema5 .boxTop .sobre { background: #cbc1b0 } .eventos_det.tema5 .boxTop .sobre .title { color: #404343 } .eventos_det.tema5 .boxTop .sobre p { color: #6d6e70 } .eventos_det.tema5 .boxTop .aviso { background: #a46e92 } .eventos_det.tema5 .boxTop .aviso p { color: #f9f9f9 } .eventos_det.tema5 .boxTop .aviso p strong { color: #f2eee0 } .eventos_det.tema5 .programacaoIn { background: #39312d } .eventos_det.tema5 .programacaoIn .progData, .eventos_det.tema5 .programacaoIn .impresso { color: #cbc1b0 } .eventos_det.tema5 .programacaoIn .prev-dias { background-image: url(../img/progArrowL-2.png) } .eventos_det.tema5 .programacaoIn .next-dias { background-image: url(../img/progArrowR-2.png) } .eventos_det.tema5 .carouselHoras .hora { background: #6d6e71 } .eventos_det.tema5 .carouselHoras div.first p strong { color: #cbc1b0 } .eventos_det.tema5 .prev-horas { background-image: url(../img/arrowL-horas2.png) } .eventos_det.tema5 .next-horas { background-image: url(../img/arrowR-horas2.png) } .eventos_det.tema5 .materiais { background: #464b4b } .eventos_det.tema5 .materiaisIn { border-color: #efefef } .eventos_det.tema5 #master .carMateriais li a { color: #404343 } .carMateriais-pagination a { color: #000; } .eventos_det.tema5 .prev-materiais { background-image: url(../img/arrowL-materiais2.png) } .eventos_det.tema5 .next-materiais { background-image: url(../img/arrowR-materiais2.png) } .eventos_det.tema5 .palestrantesIn { background-image: url(../img/palestrantesBg5.png); } .eventos_det.tema5 .palestrantesIn .title, .eventos_det.tema5 .space div { background: #664468; color: #f1ede0 } .eventos_det.tema5 .certificadoIn, .eventos_det.tema5 .certificadoIn input[type="text"] { border-color: #efefef } .eventos_det.tema5 .certificadoIn .title { color: #404343 } .eventos_det.tema5 .certificadoOver { background: #a77e9d; border-color: #efefef } .eventos_det.tema5 .certificadoOver .title { color: #f1ede0 } .eventos_det.tema5 .noticias { background: #f2eee0; } .eventos_det.tema5 .noticias .title { color: #434646 } .eventos_det.tema5 .noticias #content .postDesc { color: #404343 } .eventos_det.tema5 .coluna.notas a { border-color: #404343 } .eventos_det .prev-horas {display: none;} .eventos_det .next-horas {display: none;} /* Certificado ********************/ .certificadoPDF { background: #626264; width: 842px; min-height: 595px; margin: auto; position: relative; } .certificadoPDF p { font: 13px/1em "Verdana"; color: #a8a6a5; } .certificadoPDF .top { height: 200px; } .certificadoPDF .top img { margin: 40px 0 0 40px;} .certificadoPDF .top h3 { width: 100%; font: 700 48px/1em "Verdana"; color: #00c6c4; text-align: center; position: absolute; top: 130px } .certificadoPDF .texto { background: #fff; width: 84%; height: auto; padding: 40px 8%; } .certificadoPDF .texto p { font: 400 18px/24px "Verdana"; color: #4d4945; } .certificadoPDF .texto p strong { font-weight: 800 } .certificadoPDF .texto p span { display: inline; font: inherit; letter-spacing: -0.02em; border-bottom: 0; } .certificadoPDF .texto p .nome { min-width: 290px; } .certificadoPDF .texto p .cpf { min-width: 140px; } .certificadoPDF .box1 { width: 35%; height: 200px; margin: 20px 2% 0 13%; border-right: 1px solid rgba(150,150,150,0.4); float: left; } .certificadoPDF .box2 { width: 35%; height: 130px; margin: 20px 0 0 2%; float: left; } .certificadoPDF .box3 { width: 35%; margin: 15px 0 0 2%; float: left; } .certificadoPDF .box3 p { color: #00c6c4 } .tema2 .certificadoPDF { background: #e43f46 } .tema2 .certificadoPDF .top h3, .tema2 .certificadoPDF .box3 p { color: #f1ede0 } .tema3 .certificadoPDF { background: #a5e8fb } .tema3 .certificadoPDF .top h3, .tema3 .certificadoPDF .box3 p { color: #434646 } .tema4 .certificadoPDF { background: #e0a82e } .tema4 .certificadoPDF .top h3, .tema4 .certificadoPDF .box3 p { color: #434646 } .tema5 .certificadoPDF { background: #a46e92 } .tema5 .certificadoPDF .top h3, .tema5 .certificadoPDF .box3 p { color: #f1ede0 } /* Programacao ********************/ body.programacao {height: auto; min-height: 100%; background-color: transparent; -webkit-print-color-adjust: exact;} /*body.programacao .headerPDF { position: absolute; top: -9999px; height: -9999px; }*/ .programacaoPDF { background: #393430; width: 1160px; height: auto; margin: auto; } .contentPDF { width: 94%; padding: 40px 3%; } .programacaoPDF h1 { font: 800 4em/1em 'Verdana'; color: #bb5757; margin: 30px 0; } .programacaoPDF h2 { font: 800 3em/1em 'Verdana'; color: #00c5c3; padding-bottom: 0;} .programacaoPDF ul { width: 100%; padding: 30px 0; overflow: auto; display: table; } .programacaoPDF ul li { width: 23%; padding: 0 1%; border-right: 1px solid #494440; float: left; display: table-cell; } .programacaoPDF ul li:nth-child(4n+0) { padding-right: 0; border: 0; } .programacaoPDF .hora { background: #626263; width: 40px; height: 40px; margin-bottom: 15px; font: 0.9em/40px 'Verdana'; color: #dfe0e1; text-align: center; border-radius: 50%; display: block; } .programacaoPDF h3 { color: #959697; font: 900 0.85em/1.1em "Trebuchet MS"; } .programacaoPDF p { color: #959697 ; font: italic 400 0.95em/1.1em "Trebuchet MS"; margin-bottom: 10px; } .programacaoPDF div.first p { color: #626263; font-style: normal; } .programacaoPDF div.first p strong { color: #959697; } .programacaoPDF .content-editor-programacao h4 { padding-top: 22px; color: #dfe0e1; margin-bottom: 0; line-height: 26px; } .programacaoPDF .content-editor-programacao p { padding-bottom: 0; line-height: 26px; margin-bottom: 0; } .programacaoPDF .box-item-programacao { display: block; width: 1085px; border-bottom: 1px solid #626263; padding-bottom: 22px; } .programacaoPDF .box-item-programacao-last { border-bottom: none; } .programacaoPDF span.clear { display: block; height: 1px; } .programacaoPDF .img-pdf-logo { position: absolute; top: -9999px; left: -9999px; } .programacaoPDF .img-pdf-footer { position: absolute; top: -9999px; left: -9999px; } .footerPDF { width: 100%; min-height: 150px; padding: 4px 0; margin: auto; background: #3d3834 } .footerPDF p { color: #00c5c3; font: 400 0.9em/1.1em "Trebuchet MS"; margin-bottom: 10px; } .footerPDF .box1,.footerPDF .box2,.footerPDF .box3 { width: 19%; padding-left: 1%; height: 150px; float: left; border-left: 1px solid #494440; } .footerPDF .box1 { margin-left: 20%; } /* Premios **********************************************************************************************/ .premios {} .premios #pageTitle h2, .premios #pageTitle span { color: #e18408; border-color: #e18408 } .premios .formInst { padding-top: 20px; margin-top: 20px; border-top: 1px dashed #eee } .premios #content .formInst div { width: 47.5%; margin: 0; } .premios #content .formInst div:first-child { margin-right: 5%; } .premios .filtro { margin-top: 15px; } .premios .filtro span { background: #f9b200 !important } .premios .filtro:last-child a { text-transform: uppercase; } .premios #main { padding-bottom: 20px; } .premios .section { width: 753px; } .premios #master #content .postTitleG { color: #6d6e70 } .premios .saiba { background: #ffce44; } .premios .saiba.right { margin-right: 10px; } .premios .section .secTitle { margin: 0 10px 20px; } .premios_det{} .premios_det .boxTop .sobre { background: #53412b } .premios_det .boxTop .sobre .title { color: #949596 } .premios_det .boxTop .sobre p { font-size: 0.9em } .premios_det .boxTop .aviso { background: #d7da00 } .premios_det .boxTop .aviso p { color: #949596 } .premios_det .boxTop .aviso1 strong, .premios_det .boxTop .aviso3 strong { color: #68696a } .premios_det .categorias { background: #483824; width: 71%; height: 370px; padding: 20px 2%; float: left; position: relative; } .catLinks { width: 20%; float: left; } .catLinks a { background: #e5f5ff; height: 25px; display: block; margin-bottom: 2px; font: 0.9em/23px 'Bree Serif'; color: #a7a9ac; text-indent: 20px; } .catLinks a.mark, .catLinks a:hover { background: #d7da00; color: #483824; text-decoration: none !important; } .premios_det .categoriasIn { width: 71%; height: 330px; margin-left: 25%; position: absolute; } .premios_det .categoriasIn li { min-height: 42px; padding: 20px 0; border-bottom: 1px solid #554937 } .premios_det .categoriasIn li:last-child { border: 0; } .premios_det .categoriasIn li span { background: 0 0 -no-repeat; width: 42px; height: 45px; margin-right: 15px; float: left; display: block; } .premios_det .categoriasIn li .pr-Empresa { background-image: url(../img/pr-Empresa.png); } .premios_det .categoriasIn li .pr-Publico { background-image: url(../img/pr-Publico.png); } .premios_det .categoriasIn li .pr-Academia { background-image: url(../img/pr-Academia.png); } .premios_det .categoriasIn li .pr-Reportagem { background-image: url(../img/pr-Reportagem.png); } .premios_det .categoriasIn li h4 { font: 1em/1.5em 'Bree Serif'; color: #e9f5fe; } .premios_det .categoriasIn li p { font: 400 0.8em/1.3em 'Chivo'; color: #b0ada9; } .premios_det .jurados { display: none; } .premios_det .carJurados { width: 71%; height: 330px; margin-left: 25%; position: absolute; } .premios_det #master .carJurados li { width: 530px !important } .premios_det .carJurados li img { width: auto; max-width: 150px; float: left; margin: 0 20px 400px 0 !important; } .premios_det .carJurados li h3 { font: 700 0.9em/1.3em 'Chivo'; color: #fff; text-transform: uppercase; margin-bottom: 30px; } .premios_det .carJurados li p { font: 0.9em/1.3em 'Chivo'; color: #cfdae0; } .prev-jurados, .next-jurados { background: url(../img/arrowL-jurados.png); width: 30px; height: 30px; position: relative; display: inline-block; margin-left: 30%; top: 330px; } .next-jurados { background: url(../img/arrowR-jurados.png); margin: 0; } .premios_det .valores { width: 71%; height: 330px; margin-left: 5%; float: left; display: none; } .premios_det .valores p { font: 400 0.85em/1.3em 'Chivo'; color: #b0ada9; margin-bottom: 10px; } .premios_det .space { background: #4c423c; width: 25%; height: 410px; } .premios_det .regulamento { background: #b3b4b9; width: 71%; padding: 30px 2% 40px; float: right; position: relative; } .premios_det .regulamento .impresso { background: url(../img/impressa.png) no-repeat 100% 0; width: 100px; padding: 23px 65px 23px 0; float: right; font: 700 0.7em/1em 'Open Sans'; color: #483824; text-align: right; text-transform: uppercase; } .premios_det .regulamento .title { color: #483824; margin-bottom: 50px; } .premios_det .regulamento p { max-width: 94%; margin-bottom: 20px; font: 0.95em/1.2em 'Chivo'; color: #404343 } .premios_det #master .regulamento .jcarousel li { width: 698px !important; margin: 0 !important } .prev-regulamento, .next-regulamento { background: url(../img/arrowL-jurados.png); width: 30px; height: 30px; position: relative; display: inline-block; } .next-regulamento { background: url(../img/arrowR-jurados.png); margin: 0; } .premios_det.pre .boxTop .aviso1, .premios_det.pre .boxTop .aviso3 { display: none; } .premios_det.pre .boxTop .aviso2 { display: block; } .premios_det.tema1 #master { background: url(../img/bgEventos_06.jpg) no-repeat 50% 0 #fff; } .premios_det.tema2 #master { background: url(../img/bgEventos_01.jpg) no-repeat 50% 0 #fff; } .premios_det.tema3 #master { background: url(../img/bgEventos_02.jpg) no-repeat 50% 0 #fff; } .premios_det.tema4 #master { background: url(../img/bgEventos_06.jpg) no-repeat 50% 0 #fff; } .premios_det.tema5 #master { background: url(../img/bgEventos_03.jpg) no-repeat 50% 0 #fff; } .premios_det.tema6 #master { background: url(../img/bgEventos_04.jpg) no-repeat 50% 0 #fff; } .premios_det.tema2 {} .premios_det.tema2 .boxTop .sobre { background: #dfe1e2 } .premios_det.tema2 .boxTop .aviso { background: #00c5c3 } .premios_det.tema2 .space { background: #f9f9f9 } .premios_det.tema2 .categorias { background: #a2a6a8 } .premios_det.tema2 .catLinks a { background: #e4f5fe; color: #a7a8ab; } .premios_det.tema2 .catLinks a.mark, .catLinks a:hover { background: #00c5c3; color: #68696a } .premios_det.tema2 .carJurados li h3, .premios_det.tema2 .categoriasIn li h4 { color: #34514d } .premios_det.tema2 .valores p, .premios_det.tema2 .categoriasIn li p, .premios_det.tema2 .carJurados li p { color: #cfdae1 } .premios_det.tema2 .categoriasIn li .pr-Empresa { background-image: url(../img/pr-Empresa2.png); } .premios_det.tema2 .categoriasIn li .pr-Publico { background-image: url(../img/pr-Publico2.png); } .premios_det.tema2 .categoriasIn li .pr-Academia { background-image: url(../img/pr-Academia2.png); } .premios_det.tema2 .categoriasIn li .pr-Reportagem { background-image: url(../img/pr-Reportagem2.png); } .premios_det.tema2 .regulamento { background: #535556 } .premios_det.tema2 .regulamento .title, .premios_det.tema2 .regulamento p { color: #959391 } .premios_det.tema2 .regulamento .impresso { background-image: url(../img/impressa2.png); color: #838483 } .premios_det.tema3 {} .premios_det.tema3 .boxTop .sobre { background: #4e4843 } .premios_det.tema3 .boxTop .sobre .title { color: #96826b } .premios_det.tema3 .boxTop .sobre p { color: #e7d7c5; } .premios_det.tema3 .boxTop .aviso { background: #db353c; } .premios_det.tema3 .boxTop .aviso p { color: #ddd } .premios_det.tema3 .boxTop .aviso strong { color: #fff } .premios_det.tema3 .space { background: #f9f9f9 } .premios_det.tema3 .categorias { background: #39322d } .premios_det.tema3 .catLinks a { background: #96826b; color: #fff; } .premios_det.tema3 .catLinks a.mark, .catLinks a:hover { background: #db353c; color: #fff } .premios_det.tema3 .carJurados li h3, .premios_det.tema3 .categoriasIn li h4 { color: #96826b } .premios_det.tema3 .categoriasIn li p { color: #e7d7c5; } .premios_det.tema3 .valores p, .premios_det.tema3 .carJurados li p { color: #93887d } .premios_det.tema3 .categoriasIn li .pr-Empresa { background-image: url(../img/pr-Empresa3.png); } .premios_det.tema3 .categoriasIn li .pr-Publico { background-image: url(../img/pr-Publico3.png); } .premios_det.tema3 .categoriasIn li .pr-Academia { background-image: url(../img/pr-Academia3.png); } .premios_det.tema3 .categoriasIn li .pr-Reportagem { background-image: url(../img/pr-Reportagem3.png); } .premios_det.tema3 .regulamento { background: #00c5c3 } .premios_det.tema3 .regulamento .title, .premios_det.tema3 .regulamento p { color: #5e6270 } .premios_det.tema3 .regulamento .impresso { background-image: url(../img/impressa3.png); color: #5e6270 } .premios_det.tema4 {} .premios_det.tema4 .boxTop .sobre { background: #9f8b75 } .premios_det.tema4 .boxTop .sobre .title { color: #483824 } .premios_det.tema4 .boxTop .sobre p { color: #655037; } .premios_det.tema4 .boxTop .aviso { background: #d7da00; } .premios_det.tema4 .boxTop .aviso p { color: #717314 } .premios_det.tema4 .boxTop .aviso strong { color: #8a8d18 } .premios_det.tema4 .space { background: #dfe1e2 } .premios_det.tema4 .categorias { background: #3a322d } .premios_det.tema4 .catLinks a { background: #9f8b75; color: #fff; } .premios_det.tema4 .catLinks a.mark, .catLinks a:hover { background: #d7da00; color: #8a8d18 } .premios_det.tema4 .carJurados li h3, .premios_det.tema4 .categoriasIn li h4 { color: #96826b } .premios_det.tema4 .categoriasIn li p { color: #dfe1e2; } .premios_det.tema4 .valores p, .premios_det.tema4 .carJurados li p { color: #93887d } .premios_det.tema4 .categoriasIn li .pr-Empresa { background-image: url(../img/pr-Empresa3.png); } .premios_det.tema4 .categoriasIn li .pr-Publico { background-image: url(../img/pr-Publico3.png); } .premios_det.tema4 .categoriasIn li .pr-Academia { background-image: url(../img/pr-Academia3.png); } .premios_det.tema4 .categoriasIn li .pr-Reportagem { background-image: url(../img/pr-Reportagem3.png); } .premios_det.tema4 .regulamento { background: #9f8b75 } .premios_det.tema4 .regulamento .title { color: #483824 } .premios_det.tema4 .regulamento p { color: #655037 } .premios_det.tema4 .regulamento .impresso { background-image: url(../img/impressa4.png); color: #483824 } .premios_det.tema4 .prev-regulamento, .premios_det.tema4 .next-regulamento { background: url(../img/arrowL-regulamento4.png); width: 30px; height: 30px; position: relative; display: inline-block; } .premios_det.tema4 .next-regulamento { background: url(../img/arrowR-regulamento4.png); margin: 0; } .premios_det.tema5 {} .premios_det.tema5 .boxTop .sobre { background: #cbc2b1 } .premios_det.tema5 .boxTop .sobre .title { color: #96826c } .premios_det.tema5 .boxTop .sobre p { color: #96826c ; } .premios_det.tema5 .boxTop .aviso { background: #e28509; } .premios_det.tema5 .boxTop .aviso p { color: #ddd } .premios_det.tema5 .boxTop .aviso strong { color: #fff } .premios_det.tema5 .space { background: #f1ede0 } .premios_det.tema5 .categorias { background: #404343 } .premios_det.tema5 .catLinks a { background: #95826b; color: #fff; } .premios_det.tema5 .catLinks a.mark, .catLinks a:hover { background: #f9b300; color: #b37900 } .premios_det.tema5 .carJurados li h3, .premios_det.tema5 .categoriasIn li h4 { color: #96826b } .premios_det.tema5 .categoriasIn li p { color: #dfe1e2; } .premios_det.tema5 .valores p, .premios_det.tema5 .carJurados li p { color: #93887d } .premios_det.tema5 .categoriasIn li .pr-Empresa { background-image: url(../img/pr-Empresa3.png); } .premios_det.tema5 .categoriasIn li .pr-Publico { background-image: url(../img/pr-Publico3.png); } .premios_det.tema5 .categoriasIn li .pr-Academia { background-image: url(../img/pr-Academia3.png); } .premios_det.tema5 .categoriasIn li .pr-Reportagem { background-image: url(../img/pr-Reportagem3.png); } .premios_det.tema5 .regulamento { background: #2ba3bd } .premios_det.tema5 .regulamento .title { color: #00758d } .premios_det.tema5 .regulamento p { color: #fff } .premios_det.tema5 .regulamento .impresso { background-image: url(../img/impressa5.png); color: #00758d } .premios_det.tema5 .prev-regulamento, .premios_det.tema5 .next-regulamento { background: url(../img/arrowL-regulamento5.png); width: 30px; height: 30px; position: relative; display: inline-block; } .premios_det.tema5 .next-regulamento { background: url(../img/arrowR-regulamento5.png); margin: 0; } .premios_det.tema6 {} .premios_det.tema6 .boxTop .sobre { background: #f1ede0 } .premios_det.tema6 .boxTop .sobre .title { color: #96826b } .premios_det.tema6 .boxTop .sobre p { color: #96826b ; } .premios_det.tema6 .boxTop .aviso { background: #a36d92; } .premios_det.tema6 .boxTop .aviso p { color: #d5dee9 } .premios_det.tema6 .boxTop .aviso strong { color: #e5f6ff } .premios_det.tema6 .space { background: #dfe0e1 } .premios_det.tema6 .categorias { background: #6d6f71 } .premios_det.tema6 .catLinks a { background: #cbc2b1; color: #e5f6ff; } .premios_det.tema6 .catLinks a.mark, .catLinks a:hover { background: #a36d92; color: #e5f6ff } .premios_det.tema6 .carJurados li h3, .premios_det.tema6 .categoriasIn li h4 { color: #b8aa93 } .premios_det.tema6 .categoriasIn li { border-corlor: #807f7e } .premios_det.tema6 .categoriasIn li p { color: #dfe1e2; } .premios_det.tema6 .valores p, .premios_det.tema6 .carJurados li p { color: #93887d } .premios_det.tema6 .categoriasIn li .pr-Empresa { background-image: url(../img/pr-Empresa6.png); } .premios_det.tema6 .categoriasIn li .pr-Publico { background-image: url(../img/pr-Publico6.png); } .premios_det.tema6 .categoriasIn li .pr-Academia { background-image: url(../img/pr-Academia6.png); } .premios_det.tema6 .categoriasIn li .pr-Reportagem { background-image: url(../img/pr-Reportagem6.png); } .premios_det.tema6 .regulamento { background: #f1ede0 } .premios_det.tema6 .regulamento .title { color: #6d5f4b } .premios_det.tema6 .regulamento p { color: #96826b } .premios_det.tema6 .regulamento .impresso { background-image: url(../img/impressa6.png); color: #b8aa93 } .premios_det.tema6 .prev-regulamento, .premios_det.tema6 .next-regulamento { background: url(../img/arrowL-regulamento6.png); width: 30px; height: 30px; position: relative; display: inline-block; } .premios_det.tema6 .next-regulamento { background: url(../img/arrowR-regulamento6.png); margin: 0; } /* Inscricao ********************/ .inscricao{} .inscricao .passo2 { display: none !important; } .inscricao .box { background: #3a322d; height: auto; overflow: hidden; position: relative; } .inscricao .title { color: #80c1c4; } .inscricao #content p { font: 400 0.9em/1em 'Chivo'; margin-bottom: 5px; } .inscricao #content i { font-size: 0.8em; color: inherit; font-style: italic; } .inscricao #content .boxTop { width: 44%; height: 90px; padding: 20px 3%; float: left; position: relative; z-index: 1 } .inscricao #content .boxLeft, .inscricao #content .boxRight { width: 44%; padding: 0 3% 30px; margin: 0; float: left; position: relative; z-index: 1 } .inscricao #content .boxRight { padding: 0 3% 30px; } .inscricao #content .boxRight div { float: none; } .inscricao #content .boxBottom { background: #4d4945; width: 70%; height: 110px; padding: 40px 3%; margin: 0; float: left; position: relative; z-index: 1 } .inscricao #content #btnSubmitInscricao { background: #e0454b; width: 24%; height: 190px; float: left; font: 700 1.1em/190px 'Open Sans'; color: #fff; text-align: center; text-transform: uppercase; border: 0 !important; border-radius: 0; float: left; position: relative; z-index: 1; transition: all 0.5s; } .inscricao #content #btnSubmitInscricao:hover { background: #c72229; text-decoration: none; } .inscricao #content #formEvInscricao div div , .inscricao #content #formEvInscricao2 div div { width: 48.5%; margin-right: 1.5%; position: relative; } .inscricao #content #formEvInscricao div .divP, .inscricao #content #formEvInscricao2 div .divP { width: 10%; } .inscricao #content .formInst label { width: 97%; font-size: 0.75em; font-weight: normal; color: #cbc1b1; text-transform: none; display: inline-block; } .inscricao #content #btnSubmitInscricao.passo1, .inscricao #content .formInst input[type='button'] { background: #f1f1e2; width: auto; height: 27px; padding: 0 15px; border-radius: 3px; font: 700 0.7em/24px 'Open Sans'; color: #7c7b7a; text-transform: uppercase; cursor: pointer; } .inscricao #content .formInst input[type='text'], .inscricao #content .formInst input[type='password'], .inscricao #content .formInst textarea { background: none; width: 97%; margin-bottom: 10px; padding: 0; border-color: #5d4f3f; text-indent: 10px; color: #c7c0b0; font: 400 0.8em/25px "Open Sans"; } .inscricao #content .formInst input.ddd { width: 20%; margin-right: 3%; } .inscricao #content .formInst input.fone { width: 71%; } .inscricao #content .formInst span { font: 400 0.8em/20px 'Chivo'; color: #949596; margin: 0 10px 20px 0; vertical-align: top; } .inscricao #content .radio { margin: 0 5px 20px 0; vertical-align: top; } .loadingForm { background: url(../img/ajax-loader.gif) no-repeat 50% 50% #fff; width: 101% !important; height: 100% !important; display: none; position: absolute; top: 0; z-index: 5; opacity: 0.6; } .btnEsqueciSenha { color: #cbc1b1; display: inline-block; font-size: 0.75em; font-weight: normal; } .inscricao .bg2 { background: #3e3935; width: 50%; height: 100%; position: absolute; top: 0; right: 0; z-index: 0; } .inscricao #content #formEvInscricao .boxBottom div, .inscricao #content #formEvInscricao2 .boxBottom div { width: 30%; margin-right: 1.5%; } .inscricao.passo2{} .inscricao.passo2 .passo1 { display: none !important; } .inscricao.passo2 .passo2 { display: block !important; } .inscricao.passo2 .passo2.mobile { display: none !important; } .inscricao.passo2 .box { height: auto; } .inscricao.passo2 #content .boxTop { width: 94%; } .inscricao.passo2 #content .boxRight div { float: left; } .btnLogout { background: #e0454b; font: 700 0.9em 'Open Sans', sans-serif; color: #fff; text-transform: uppercase; float: right; margin: 0 10px; padding: 5px 15px; transition: 0.5s all; } .btnLogout:hover { background: #c72229; text-decoration: none; } .premios.inscricao .passo2 { width: 100% !important } .premios.inscricao .box { background: #423223; } .premios.inscricao .title { color: #d7da00; } .premios.inscricao .formInst { border-top: 0px; } .inscricao #content #formPrInscricao .divP { width: 10% !important; } .inscricao #content #formPrInscricao .divM { width: 37% !important; } .premios.inscricao #content .formInst textarea { height: 85px; border: 1px solid #5d4f3f; border-radius: 3px; resize: none; } .premios.inscricao #content .formInst label { line-height: 1.2em } .premios.inscricao #content .formInst .ui-selectmenu-button { background: none; width: 97% !important; border: 1px solid #5d4f3f; margin: 0 3% 10px 0; } .premios.inscricao #content .formInst .ui-selectmenu-text { color: #c7c0b0; font: 400 1em/25px "Open Sans"; margin: 0; vertical-align: none; } .premios.inscricao #content .formInst .ui-icon { margin: -12px 0 0; } .premios.inscricao #content .formInst ul { margin-bottom: 15px; } .premios.inscricao #content .formInst ul li { font: 400 0.75em/1.9em "Open Sans"; color: #cbc1b1; } .premios.inscricao #content .formInst .buttonBox { width: 94% !important; padding: 20px 0; margin: 0 3%; border-top: 1px solid #514132 } .premios.inscricao #content .formInst .buttonBox:first-of-type { border-bottom: 1px solid #514132 } .premios.inscricao #content .formInst input[type=file] { width: 320px; height: 30px; position: absolute; left: 0; border: 0; opacity: 0; cursor: pointer; } .premios.inscricao #content .formInst div { width: 44% } .premios.inscricao #content .formInst div.boxLeft { width: 43% !important; border-right: 1px solid #514132 } .premios.inscricao #content .formInst div:first-child { margin: 0; } .premios.inscricao #content .formInst .boxTop { width: 94%; height: auto; } .premios.inscricao #content .formInst .boxBottom { background: #423223; width: 100%; height: auto; padding: 0; } .premios.inscricao #content #formPrInscricao .boxBottom div { width: 44%; margin: 0; } .premios.inscricao #content #formPrInscricao .boxBottom div div { width: 48.5%; margin-right: 1.5%; } .premios.inscricao #content .formInst input[type='submit'] { background: #f1f1e2; width: auto; height: 27px; padding: 0 15px; border-radius: 3px; font: 700 0.7em/24px 'Open Sans'; color: #7c7b7a; text-transform: uppercase; cursor: pointer; } .premios.inscricao #content .formInst .txtProcurar { width: 220px; height: 25px; margin-right: 10px; font: 500 0.8em/25px "Open Sans"; color: #c7c0b0; display: inline-block; vertical-align: middle; } .premios.inscricao #content .formInst .deletar { color: #c7c0b0; font: 700 0.8em/25px "Open Sans"; text-transform: uppercase; display: inline-block; } .premios.inscricao #content .formInst .deletar span { width: 12px; border: 1px solid #c7c0b0; color: #c7c0b0; display: inline-block; font: 300 9px/13px "Open Sans"; text-align: center; vertical-align: middle; margin: 0 5px 0 0; } .orgao, .academico, .reportagem { display: none; } /* Benefícios ********************/ .beneficios{} .beneficios #pageTitle h2, .beneficios #pageTitle span { color: #956d8f; border-color: #956d8f } .beneficios .beneficiosUl li.coluna { height: 320px; border-bottom: 1px dashed #eee; margin-bottom: 40px !important; } .beneficios .beneficiosUl li.coluna:last-child { margin-bottom: 0px !important; } /* Projetos Especiais ********************/ .especial {} .especial #pageTitle h2, .especial #pageTitle span { color: #02869f; border-color: #02869f } .especial .filtro { margin-top: 15px; } .especial .filtro span { background: #2ba3bd !important } .especial .filtro:last-child a { text-transform: uppercase; } .especial #master #content .postTitleG { color: #6d6e70 } .especial .saiba { background: #2ba3bd; } .especial .saiba.right { margin-right: 10px; } .especial_det {} .especial_det #content { padding: 0; } .especial_det #content iframe { width: 100%; height: 3000px; position: relative; } /* Publicações ********************/ .publicacoes{} .publicacoes #pageTitle h2, .publicacoes #pageTitle span { color: #da3f3e; border-color: #da3f3e } .publicacoes .voltar { margin: 0; } .publicacoes #pageTitle {margin-bottom: 67px !important;} .publicacoes #pageTitle h2 {margin-bottom: 0 !important;} .publicacoes .postTitleG { margin: 10px 0; font-size: 44px !important} .show-overflow {overflow: initial !important;} .publicacoes .publicacao_descricao {width: 50%; position: relative; z-index: 1} .publicacoes .publicacao_descricao .postTitleG {color: #000 !important; margin-top: 0px; margin-bottom: 40px !important;} .publicacoes .publicacao_descricao.left {float: left; width: 50%;} .publicacoes .coluna_left .publicacao_descricao .img {float: none !important;} .publicacoes .publicacao_descricao.right {float: right;} .publicacoes .publiContato {margin-bottom: 35px;} .publicacoes .publiContato span strong,.publicacoes .anteriores.desk span strong {font-family: 'Bree Serif'} .publicacoes .publiContato a {font-style: italic; text-decoration: underline} .publicacoes .publiContato a:hover {text-decoration: none !important;} .publicacoes .postDesc {font-size: 18px !important; max-height: none !important; margin-bottom: 80px !important; font-family: 'Open Sans' !important; line-height: 27px !important;} .publicacoes .saiba { background: #da3f3e; } .publicacoes .anteriores .saiba, .publicacoesUl .saiba, .cartilhas.saiba, .publicacoes_det .saiba:first-of-type { background: #000; padding: 7px 27px; line-height: 26px; margin-top: 15px; } .publicacoes_det .saiba { margin-bottom: 20px } .cartilhas.saiba { margin-top: 0; float: right; margin-right: 10px; } .publicacoes .separador {margin-bottom: 120px; border: 1px solid #ebebeb; border-bottom: 0px;} .publicacoes .publicacoes_bg {width: 35%; height: 515px; background-color: #ededed; position: absolute; left: 65%; z-index: 0; top: 420px;} .publicacoes .publicacoes_bg.bg2{margin-top: 760px;} .publicacoes .publicacoes_bg_left {width: 100%;height: 515px;background-color: #ededed;position: absolute;right: 760px;z-index: 0;top: 129px;} .publicacoes .destaque { height: 900px; border-bottom: 1px solid #eee; padding-bottom: 30px; } .publicacoes .coluna_left {clear: both; position: relative;} .publicacoes #content { overflow: visible } .publicacoes #content .destaque .postDesc { max-height: 148px; } .publicacoes .destaque2 {min-height: 644px; margin: 0 10px; margin-bottom: 120px;} .publicacoes .destaque2 .img { height: 595px !important; float: right; } .publicacoes .destaque2 .img img {height: 595px;} /*.publicacoes .destaque .linkImg, .publicacoes .destaque2 .linkImg { border: 1px solid #ddd; }*/ .publicacoes .linkImg span { border-color: #555 !important } .publicacoes .postTitleG { margin: 10px 0 20px; } .publicacoesUl { width: 100%; overflow: auto; } .publicacoesUl li { width: 314px !important; margin: 20px 10px !important; box-sizing: border-box; } .publicacoesUl .linkImg { max-width: 211px; overflow: hidden; border: 1px solid #ddd; } .publicacoesUl img { display: block; } .publicacoesUl .postTitleP { height: 41px; font-size: 0.9em; margin: 10px 0 0 !important; margin-bottom: 40px !important; text-align: center; } .publicacoesUl .linkImg.new { max-width: 280px; overflow: hidden; border: 1px solid #ddd; } .publicacoesUl .postTitleG2 { font-family: 'Bree Serif'; height: 41px; font-size: 38px !important; margin: 50px 0 0 !important; margin-bottom: 40px !important; overflow: hidden; color: #000 !important;} .publicacoesUl .boletimDescricao {min-height: 264px; margin-bottom: 50px; font-size: 13px; max-width: 280px; line-height: 27px; } .publicacoesUl .estudosDescricao {min-height: 81px; margin-bottom: 50px; font-size: 13px; max-width: 280px; line-height: 27px;} .publicacoesUl .toggle {} .publicacoesUl .saiba { max-width: 63px; display: block; margin: 10px 0 0; } .publicacoesUl.com_margin {margin-bottom: 120px;} .publicacoes .msgBox { width: 500px; } .publicacoes .msgBox h5 { width: 94%; } .publicacoes .msgBox p { width: 94%; font-size: 1em } .publicacoes .lightbox , .biblioteca .lightbox { background: rgba(0, 0, 0, .6); position: absolute; } .publicacoes .lightbox .lbcontent , .biblioteca .lightbox .lbcontent { background-color: #fff; max-width: 540px; margin: 5% auto; border-radius: 2px; padding: 40px 60px 60px; position: fixed; right: 0; left: 0; } .publicacoes .lightbox .lbcontent h1 , .biblioteca .lightbox .lbcontent h1 { font: 700 1.5em/1.5em 'Chivo'; color: #6d6e70; letter-spacing: -1px; } .publicacoes .lightbox .lbcontent .lbfechar , .biblioteca .lightbox .lbcontent .lbfechar { display: block; text-align: right; margin-bottom: 20px; } .publicacoes .lightbox .lbcontent .lbfechar a , .biblioteca .lightbox .lbcontent .lbfechar a { font-size: .8em; } .publicacoes .lightbox .lbcontent form , .biblioteca .lightbox .lbcontent form { position: relative; } .publicacoes .lightbox .lbcontent form label , .biblioteca .lightbox .lbcontent form label { display: block; font-size: .66em; font-weight: 700; line-height: 2.5em; } .publicacoes .lightbox .lbcontent form input, .publicacoes .lightbox .lbcontent form select , .biblioteca .lightbox .lbcontent form input, .biblioteca .lightbox .lbcontent form select { font-size: .8em; display: block; border: 2px solid #e9decd; border-radius: 3px; text-indent: 10px; background-color: #fff; } .publicacoes .lightbox .lbcontent form select , .biblioteca .lightbox .lbcontent form select { height: 2.7em; min-width: 200px; text-transform: uppercase; color: #959697; font-weight: 600; } .publicacoes .lightbox .lbcontent form select option , .biblioteca .lightbox .lbcontent form select option { color: #000; } .publicacoes .lightbox .lbcontent form select option:selected , .biblioteca .lightbox .lbcontent form select option:selected { color: #000; } .publicacoes .lightbox .lbcontent form input , .biblioteca .lightbox .lbcontent form input { height: 2.5em; width: 99%; } .publicacoes .lightbox .lbcontent form button , .biblioteca .lightbox .lbcontent form button { margin-top: 40px; } .publicacoes .lightbox .lbcontent form button:hover , .biblioteca .lightbox .lbcontent form button:hover { cursor: pointer; } .publicacoes .lightbox .lbcontent form button i , .biblioteca .lightbox .lbcontent form button i { color: #fff; margin-right: 5px; font-weight: 600; font-size: 1.2em; } .publicacoes .lightbox .lbcontent form .lbsuccess , .biblioteca .lightbox .lbcontent form .lbsuccess { display: none; position: absolute; width: 105%; height: 110%; background-color: #fff; top: 0; left: -5%; text-align: center; } .publiAnteriores{} .publiAnteriores .publicacoesUl li { padding: 20px 30px 10px; } .publicacoes .preco { font: 400 1.4em/1em 'Bree Serif'; color: #949596; display: block; padding-bottom: 20px; } #master .publicacoesdetUl li.coluna { margin: 0 10px 20px 0; padding-bottom: 20px; border-bottom: 1px dashed #eee } .preview { background: url(../img/lupa.png) 0 50% no-repeat; padding-left: 25px; margin-top: 10px; font: 700 0.7em/20px 'Open Sans'; text-transform: uppercase; color: #818282; display: inline-block; } .publiReceber{} .publiReceber .postTitleG { padding-bottom: 20px; margin-bottom: 30px !important; border-bottom: 1px solid #eee; } /*.publiReceber .receber { width: 753px; }*/ /*.publiReceber .publicacoesUl .postTitleP { height: auto; }*/ .publiReceber #formReceber .formDivs { float: left; } .publiReceber #formReceber label { font: 700 0.7em/1em 'Open Sans'; text-transform: uppercase; margin-bottom: 10px; display: block; } .publiReceber #formReceber input { width: 100%; margin-bottom: 10px; font: 400 0.8em/35px 'Open Sans'; text-indent: 10px; border: 2px solid #e9decd; color: #cbc1b1; border-radius: 3px; } .publiReceber #formReceber .radiogroup { width: 80%; margin: 0 10px 30px; overflow: auto; } .publiReceber #formReceber .radiogroup .toggle { float: left; margin-top: 5px; } .publiReceber #formReceber .radiogroup label span { float: left; margin: 10px 40px 0 0; text-transform: none; font-size: 12px; } .publiReceber #formReceber .btn { cursor: pointer; } .publiReceber #formReceber .ui-selectmenu-button { background: #fff; width: 100% !important; margin-bottom: 5px; border: 2px solid #e9decd; border-radius: 3px; } .publiReceber #formReceber .ui-selectmenu-text { font: 400 0.8em/35px 'Open Sans' !important; color: #e9decd; } .publiReceber #formReceber .ui-icon { background: url(../img/arrowSelect.png) no-repeat 50% 50%; width: 30px; height: 35px; position: absolute; top: 50%; right: 0 !important; margin-top: -18px !important; } .publiReceber .sidebar li,.publiReceber .sidebar p { font: 400 0.9em/20px 'Chivo'; color: #949596; margin-bottom: 12px; } .publiReceber #formReceber .sidebar li label {font: 400 0.9em/20px 'Chivo'; color: #949596 ; text-transform: none; margin-bottom: 0; display: inline;} .formDivs p { font: 400 0.9em/1.2em 'Chivo'; color: #949596; margin: 20px 0; padding-top: 20px; border-top: 1px solid #eee } .formDivs a { font: inherit; font-style: italic; color: #43839b; display: inline-block; } .publiReceber #content .entrega-fisico { display: none; } .publiReceber .formDivs div { float: left; } .publiReceber .formDivs .cpf { width: 45%; margin-right: 5%; } .publiReceber .formDivs .setor { width: 61%; margin-right: 4%; } .publiReceber .formDivs .sexo { width: 35% !important; float: right; } .publiReceber .formDivs .ddd { width: 10%; margin-right: 5%; } .publiReceber .formDivs .fone { width: 35%; } .publiReceber .formDivs .profissao { width: 45%; } .publiReceber .formDivs .cidade { width: 30%; margin-right: 5%; } .publiReceber .formDivs .uf { width: 30%; margin-right: 5%; } .publiReceber .formDivs .data { width: 30%; } .publiReceber .formDivs .empresa { width: 47.5%; margin-right: 5%; } /*.publiReceber .formDivs .jur .ddd { width: 15%; } .publiReceber .formDivs .jur .fone { width: 80%; } .publiReceber .formDivs .jur .uf { margin-right: 0; } .publiReceber .formDivs .jur .data { margin-right: 5%; }*/ .publiReceber .formDivs .end { width: 40%; margin-right: 2%; } .publiReceber .formDivs .num { width: 7%; margin-right: 2%; } .publiReceber .formDivs .bairro { width: 14%; margin-right: 2%; } .publiReceber .formDivs .complemento { width: 15%; margin-right: 2%; } .publiReceber .formDivs .cep { width: 15%; } .publiReceber .formDivs .box-field-45 { width: 45%; margin-right: 5%; } .publiReceber .formDivs .box-field-50 { width: 50%; } /* Institucional **********************************************************************************************/ .institucional{} .institucional #master .filtro { height: 0; overflow: hidden; } .institucional .filtro div { margin: 1px 0; } .mainLinks { height: 39px; border-bottom: 1px solid #eee; margin: 15px 0; position: relative; } .mainLinks span { width: 220px; height: 0; border-bottom: 2px solid #6d6e70; position: absolute; bottom: 0; left: 0; } .mainLinks a { background: url(../img/arrowMenu2.png) no-repeat 85% 50% #c7c0b0; width: 220px; float: left; font: 400 0.7em/36px 'Open Sans'; color: #fff; text-indent: 30px; } .mainLinks a:hover, .mainLinks a.mark { background: url(../img/arrowMenudown2.png) no-repeat 85% 50% #6d6e70; text-decoration: none !important; } .institucional #main h3 { font: 700 0.9em/1em 'Arial'; color: #969494; margin-bottom: 15px; } .institucional .separador { width: 100%; height: 0; border-bottom: 1px #eee dashed; margin: 30px 0; display: block; } #content .formInst { height: 60px; } #content .formInst div { width: 220px; margin-right: 20px; float: left; } #content .formInst label { font: 700 0.7em/1em 'Open Sans'; text-transform: uppercase; margin-bottom: 10px; display: block; } #content .formInst input { background: url(../img/lupa2.png) no-repeat 95% 50%; width: 188px; padding: 0 20px 0 10px; font: 400 0.8em/25px 'Open Sans'; color: #c7c0b0; border: 1px solid #c7c0b0; border-radius: 3px; } #content .formInst .ui-selectmenu-button { background: #fff; max-width: 100%; width: 150px !important; border-color: #c7c0b0; border-radius: 3px; } #content .formInst .ui-selectmenu-text { font: 400 0.8em/25px 'Open Sans'; color: #c7c0b0; } #content .formInst .ui-icon { background: url(../img/arrowSelect.png) no-repeat 50% 50%; width: 30px; height: 25px; right: 0; margin-top: -12px } /* Sobre ********************/ .sobre{} .sobre .mainLinks a { background-position: 90% 50%; width: auto; text-indent: 0; padding: 0 25px 0 12px } .sobre .mainLinks a:hover, .sobre .mainLinks a.mark { background-position: 90% 50%; background-image: none;} .sobre .mainLinks a {background-image: none; padding: 0 15px;} .sobre iframe { max-width: 100%; margin-bottom: 10px; } .sobre #main .linhaFina { font-size: 0.9em; margin-bottom: 10px; } .sobre .sobreUl { width: 100%; } .sobreUl li { width: 27%; padding: 0 3%; float: left; border-left: 1px solid #eee; } .sobreUl li:first-child { border: 0; padding-left: 1.5%; } .sobreUl h4 { height: 50px; font: 900 0.95em/1em 'Chivo'; color: #949596 } .sobre .sobreUl2 { width: 100%; } .sobre .sobreUl2 li { padding-bottom: 20px; margin-bottom: 20px !important; border-bottom: 1px #f3f3f3 solid; } .sobre #content .download { font-size: 12px; } .sobre #accordion h3 { width: 94px; height: 100%; margin: 0 3px; float: left; border: 1px solid #fff; overflow: hidden; font: 105px/280px 'Bree Serif'; letter-spacing: -0.07em; text-indent: -3px; color: #48484b; cursor: pointer; } .sobre #accordion h3 span { font: 24px/1em 'Bree Serif'; letter-spacing: 0; text-indent: 5px; color: #c5bfaf; display: block; position: absolute; top: 30%; } .sobre #accordion li { font: 11px/1.3em 'Arial'; color: #48484b; padding: 30px 15px 0 0; list-style: inside disc; } .sobre .flipster li .flipster__item__content { background: #f0eee2; width: 440px; height: 400px; padding: 0 20px 20px; border: 1px solid #dad8d0; border-radius: 5px; } #content .flipster .secTitle { border-color: #c2c1bc; padding-top: 5px;} #content .flipster .secTitle span { font-size: 1em; line-height: 2.6em; color: #48484b; border-color: #949596 } .sobre .flipster li table, .sobre .flipster li table td { border: 0; padding: 0; margin: 0 } .sobre .flipster li table td { width: 220px !important; height: 150px; position: relative; } .sobre .flipster li table td p { padding-left: 15px; } .sobre .flipster li img { position: absolute; top: 0 } .sobre .flipster li p { font: 12px/1.2em 'Arial' !important; } .sobre .flipster li p.nome { height: 144px; font: 12px/1em 'Chivo'; color: #949596 } .sobre .flipster li p.nome strong { font: 14px/1em 'Bree Serif'; color: #48484b; display: block; } .sobre .valores { } .sobre .valores p { font: 0.75em/1.2em 'Open Sans' !important; color: #686666 !important; } .sobre .valores h5 { font: 600 0.8em/1.2em 'Open Sans'; color: #686666; text-transform: uppercase; } .sobre .valores .tableTitle { padding: 40px 0 10px; font: 700 0.8em/1.2em 'Open Sans' !important; color: #48484b !important; text-align: center; } .sobre .valores .tableTitle span { } .sobreTable { font-size: 0.75em; margin-bottom: 30px; } .sobreTable tr > td { width: 130px; text-align: center; } .sobreTable tr > td:first-child { width: 240px; text-align: left; } .sobreTable thead td { background: #eeeeee; padding: 10px 0; vertical-align: middle;} .sobreTable thead td:first-child { text-align: center; } .sobreTable thead td:first-child strong { padding-top: 5px; } .sobreTable thead td strong { display: block; } .sobreTable tbody .high { } .sobreTable tbody .high td { font-weight: 700; line-height: 45px; border-bottom: 1px solid #a3a3a5; text-transform: uppercase; } .sobreTable tbody .high2 td, .sobreTable tbody .high:last-child td, .sobreTable tbody .empty td { border: 0; padding: 0; line-height: 25px; } .sobreTable tbody td { border-bottom: 1px solid #ececed; line-height: 25px; } /* Imprensa ********************/ .imprensa{} .imprensa .coluna2 .coluna { margin: 0 10px 15px 0 !important; padding-bottom: 15px; border-bottom: 1px dashed #eee; } .imprensa .pagination { border: 0; } .assessoriaUl{} .assessoriaUl li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #eee; } .assessoriaUl li:last-child { border: 0; } #main .assessoriaUl p { font: 400 1.15em/1.5em 'Chivo'; color: #949596; margin: 0; } .assessoriaUl img { display: inline-block; vertical-align: middle; margin: 0 10px 0 0 !important; } .assessoriaUl span { font: 400 0.8em/2em 'Chivo'; color: #949596; display: inline-block; } .assessoriaUl a { font: 400 0.8em/2em 'Chivo'; color: #284a77; display: inline-block; } /* Sindicatos ********************/ .sindicatos{} .sindicatos #main p a { display: inline; font: 400 1em/1.4em 'Arial'; color: #949596; text-decoration: underline; } .sindicatos .coluna2 .coluna { margin: 0 10px 15px 0 !important; padding-bottom: 15px; border-bottom: 1px dashed #eee; } .sindicatos .pagination { border: 0; } .sindicatos .coluna3 { border-bottom: 1px dashed #eee; margin-bottom: 20px !important; } .sindicatos #master #content .aba .postTitleP { height: 66px } .sindicatos .coluna .btn { margin-top: 15px; } .sindicatosUl { padding-top: 30px; margin-bottom: 30px; } .sindicatosUl li { padding: 25px 20px; border: 1px solid #eeece7 ; border-top: 0; } .sindicatosUl li:first-child { border-top: 1px solid #eeece7; } .sindicatosUl li a.btn-open-sindicato { background: url(../img/arrowR.png) no-repeat 100% 50%; display: block; font: 600 0.7em/1.3em 'Open Sans'; color: #808181; text-transform: uppercase; padding-right: 10px; } .sindicatosUl li a.btn-open-sindicato.active {background: url(../img/arrowDown.png) no-repeat 100% 50%; } .sindicatosUl .descricao.fechado { height: 0; border: 0; padding: 0; overflow: hidden; } .sindicatosUl .descricao p { margin: 0; } /* Negociações ********************/ .negociacoes{} .negociacoes #sidebar{ margin-top: 0; } .negociacoesUl{} .negociacoesUl li { height: 240px; text-align: center; border-right: 1px dashed #eee; margin: 0 0 40px 15px !important } .negociacoesUl li img { margin: 20px 0 0 !important } #main .negociacoesUl li h3 { height: 60px; font: 400 1.05em/1.2em 'Bree Serif'; color: #6d6e70; padding: 0 20px 0 10px; margin-bottom: 0; } .negociacoesUl li .btn { background-color: #c7c0b0 !important; } .negociacoes_det {} .negociacoes_det .formInst div { width: 160px !important; } .negociacoes_detUl {} .negociacoes_detUl li { border-bottom: 1px solid #eee; padding: 30px 0; } .negociacoes_detUl img { display: inline-block; vertical-align: middle; margin: 0 5px 0 0 !important; } .negociacoes_detUl a { font: 700 0.8em/25px 'Open Sans'; color: #808181; text-decoration: underline; text-transform: uppercase; display: inline-block; } .negociacoes_det .pagination { border: 0; } /* Serviços ********************/ .servicos{} .servicos #main .negociacoesUl li h3 { height: 30px } .servicos #main .negociacoesUl li p { font: 400 0.8em/1.1em 'Chivo'; margin-bottom: 10px; } /* SENAC e SESC ********************/ .senac, .sesc {} .senac .coluna.notas a, .sesc .coluna.notas a { height: 100px; margin-bottom: 10px; } .senac #main h3, .sesc #main h3 { margin-top: 10px; } .senac #main p, .sesc #main p { margin-bottom: 15px; } /* Coral ********************/ .coral{} .coral #main img { margin-bottom: 10px; } .coral #main p.legenda { margin-bottom: 15px; } .coral .section.maestro { padding-bottom: 0; } .coral .section.maestro .leftText { margin-bottom: 0 !important; } .coral .section.apresentacoes { width: 100%; min-height: 500px; position: relative; } .apresClose { float: left; } .apresOpen { background: #fff; float: left; display: none; } .apresbtnClose { font: 700 11px/12px 'Open Sans'; color: #434545; text-transform: uppercase; display: block; float: right; } .apresbtnClose:hover { color: #cf6353; text-decoration: none !important; } .apresOpen .apresbtnClose span { width: 12px; font: 300 8px/12px 'Open Sans'; color: #cf6353; text-align: center; border: 1px solid #cf6353; display: inline-block; vertical-align: middle; } .apresOpen span { font: 700 11px/20px 'Open Sans'; color: #949596; } .galeria { padding-top: 15px; } .carousel-stage { margin-bottom: 15px } .carousel-navigation { width: 703px; margin: 0 15px } #master .carousel-navigation li { width: 73px !important; cursor: pointer; } /* Teatro Raul Cortez ********************/ .teatro {} .teatro #master { background: url(../img/bgTeatro.jpg) no-repeat 50% -15px #fff; background-position: 0% 242px;} .teatro #master.personalizado {background-image: url(); background-repeat: no-repeat; background-position: 0% 212px; background-color: #fff; background-size: 100% 961px; } .teatro #master { } .teatro #main { padding: 0 } .teatro #main img:first-child {/* margin-top: 15px; */} .teatro #main .section { padding-top: 0; } .teatro #master #content .postTitleG { color: #6d6e70; } .teatro #master #content .postTitleG span { background: #6d6e71; width: 25px; height: 4px; display: block; margin-top: 15px; } .teatro #main .title { font: 700 2.2em/2.2em 'Open Sans'; letter-spacing: -0.06em; color: #48484b; } .teatro .info { height: 125px; overflow: hidden; } .teatro .btnVermais { background: url(../img/arrowTeatroD.jpg) no-repeat 0 0; height: 56px; margin-bottom: 30px; padding-left: 65px; font: 700 0.8em/56px 'Open Sans'; text-transform: uppercase; display: inline-block; } .teatro .btnVermais.active { background-image: url(../img/arrowTeatroU.jpg); } .teatro #main h3, .teatro #main h4 { min-height: 50px; padding-bottom: 5px; font: 400 0.9em/1.3em 'Chivo'; color: #959697; position: relative; } /*.teatro #main h3, .teatro #main h4 { min-height: 65px; padding-bottom: 5px; font: 400 0.9em/1.3em 'Chivo'; color: #959697; position: relative; }*/ .teatro #main h3 strong,.teatro #main h4 strong { font: 1.8em/1em 'Bree Serif'; color: #46464a; display: block; } .teatro #main span.traco { background: #46464a; width: 25px; height: 4px; display: block; margin: -5px 0 10px 0 } /*.teatro #main h3:after, .teatro #main h4:after { content: ''; background: #46464a; width: 25px; height: 4px; display: block; position: absolute; bottom: 5px }*/ .teatro #content #main .btn { background: #464649; border-radius: 0; font-size: 0.9em; padding: 10px 20px } .teatro #main h3, .teatro #main h4 {padding: 0; min-height: 37px;} .teatro #main .subtitulo {margin: none;} .teatro #main .subtitulo:after{content: " "; background: #6d6e71; width: 25px; height: 4px; display: block; margin-top: 10px; margin-bottom: 22px;} /*.teatro #content #main .ingresso1, .teatro #content #main .ingresso2 { width: 45%; text-align: center; line-height: 18px; margin-bottom: 50px; position: relative; box-sizing: border-box; } .teatro #content #main .ingresso1:after { content: ''; background: url(../img/compreingresso.png) no-repeat 50% 50%; width: 100%; height: 40px; position: absolute; bottom: -45px; left: 0; } .teatro #content #main .ingresso2:after { content: ''; background: url(../img/ingressorapido.png) no-repeat 50% 50%; width: 100%; height: 40px; position: absolute; bottom: -45px; left: 0; }*/ .teatro .section { padding: 20px 0 30px; position: relative; overflow-x: hidden; } .teatro .section .in { width: 753px; padding-left: 251px; } .teatro .section p, .teatro #main p { font: 0.87em/1.3em 'Chivo'; color: #666b71; margin-bottom: 0; } .teatro .section .title { font: 1.7em/1.2em 'Bree Serif'; color: #55c2c5; margin-bottom: 20px; } .teatro .section .subtitle { font: 1.2em/1em 'Bree Serif'; color: #404343; margin-bottom: 20px; } .teatro .sobre { background: #f8f7f5; } .teatro .sobre .tecnicas { background: #f1ede0; width: 382px; padding: 30px 70px 30px 30px; margin: 10px 20px 30px 0; float: left; } .teatro .sobre .tecnicas p { color: #646b72; font-size: 0.8em; font-style: italic; } .teatro .sobre .facaEvento { width: 180px; margin-top: 80px; float: left; } .teatro .sobre .facaEvento img { display: block; margin: 0 30px 15px; } .teatro .sobre .facaEvento p { font-style: italic; font-size: 0.75em; } .teatro .espaco { background: #f0ede0; padding-top: 0; } .teatro .espaco .bg { background: #dcd9d0; width: 100%; height: 231px; position: absolute; right: 50%; top: 0; } .teatro .espaco .title { color: #404343; padding-top: 30px; } .teatro .espaco p { width: 220px; font-style: italic; font-size: 0.8em } .prev-espaco, .next-espaco { background: url(../img/arrowTeatroL.jpg) 50% 50%; width: 56px; height: 56px; position: absolute; top: 130px; left: auto; right: 498px; z-index: 10} .next-espaco { background: url(../img/arrowTeatroR.jpg) 50% 50%; right: 432px; } .teatro .espetaculos { background: #6d6e70; } .teatro .espetaculos .bg { background: #66676a; width: 100%; height: 231px; position: absolute; left: 50%; top: 0; margin-left: -260px; float: left; } .teatro .espetaculos .title { color: #f7e4e3; margin-bottom: 20px !important } #master .carEspetaculos li { width: 753px !important; margin: 0 !important } .teatro .espetaculos li div { height: 230px; } .teatro .espetaculos p { font: 0.9em/1.2em 'Bree Serif'; color: #55c2c5; margin-top: 10px; } #master .carEspetaculos2 { width: 94% !important; margin: 0 3%; } .teatro .espetaculosBottom { width: 100%; display: block; margin: auto; text-align: center; border-top: 1px solid #7d7e80; padding-top: 30px; } .teatro .espetaculosBottom.mobile { border: 0 } .carEspetaculos-pagination a { color: #59c4c2; height: 25px; line-height: 24px; padding: 0 3px; } .carEspetaculos-pagination a:hover, .carEspetaculos-pagination a.active { font-weight: 700; text-decoration: none !important; } .carEspetaculos2-pagination { max-width: 75%; } .carEspetaculos2-pagination a { background: #59c4c2; width: 10px; height: 10px; margin: 0 2px; text-indent: -9999em; border-radius: 50%; } .carEspetaculos2-pagination a:hover, .carEspetaculos2-pagination a.active { background: #299492; } .teatro .espetaculosBottom .prev-espetaculos, .teatro .espetaculosBottom .prev-espetaculos2, .teatro .espetaculosBottom .next-espetaculos, .teatro .espetaculosBottom .next-espetaculos2 { background: url(../img/arrowL-materiais.png); width: 25px; height: 25px; position: relative; display: inline-block; left: auto; right: auto; } .teatro .espetaculosBottom .next-espetaculos, .teatro .espetaculosBottom .next-espetaculos2 { background: url(../img/arrowR-materiais.png); } .teatro .raul { background: #404343; padding-top: 85px; } .teatro .raul .bg { background: url(../img/raulcortez.jpg) no-repeat 0 0; width: 610px; height: 342px; position: absolute; right: 50%; top: 0; margin-right: -80px } .teatro .raul p { color: #949596; } .teatro .raul .coluna { padding-top: 200px; } .teatro .raul .coluna p strong { color: #c7c0b0; display: block; } .teatro .raul .coluna p br { display: none; } .teatro .raul .coluna h3 { font: 1.3em/1.2em "Bree Serif"; color: #55c2c5; text-transform: none; padding: 0; } .teatro .raul .coluna h3 span { background: #55c2c5; width: 25px; height: 4px; margin: 15px 0; display: block; } .teatro .raul .coluna h3:first-child span { background: #c7c0b0; } .teatro .raul h2 { color: #55c2c5; font: 0.87em/1.3em "Chivo"; margin-bottom: 20px } .teatro #master.personalizado #pageTitle h2 span strong {margin-bottom: -2px; display: inline-block;} /*.teatro .raul .coluna2 p:last-child { font-size: 0.8em; padding-top: 15px; }*/ .teatro .raul .coluna2 h4 { color: #55c2c5; font: 1.7em/1.2em "Bree Serif"; margin-bottom: 20px; } .teatro .coluna4 .coluna {margin: 0 7px !important;} .teatro .contato { background: #666769; } .teatro .contato .title,.teatro .contato p,.teatro .contato label { color: #c7c0b0 } .teatro .contato form { position: relative; } .teatro .contato form div { width: 230px; float: left; margin-right: 20px; } .teatro .contato form label { font: 700 0.9em/1em 'Open Sans'; padding-bottom: 5px; display: block;} .teatro .contato form input { background: #4d4945; width: 90%; max-width: 405px; padding: 0 5%; font: 1em/34px 'Open Sans'; color: #c7c0b0; margin-bottom: 10px; border-radius: 2px; } .teatro .contato form input.ddd { width: 10%; margin-right: 5%; float: left; } .teatro .contato form input.tel { width: 65%; } .teatro .contato form input.big { max-width: 655px } .teatro .contato form textarea { background: #4d4945; width: 710px; height: 203px; padding: 10px; margin-bottom: 5px; resize: none; color: #c7c0b0; border-radius: 3px; } .teatro .contato form input[type=submit] { background: #f0ede0; width: 100px; padding: 0; font: 700 0.9em/40px 'Open Sans'; color: #4d4945; text-align: center; text-transform: uppercase; cursor: pointer; } /*.teatro .loadingForm { height: 42px !important; border-radius: 2px; }*/ .teatro .contato .ui-selectmenu-button { background: #f2eee0; width: 231px !important; margin-bottom: 20px; border: 0; border-radius: 3px; } .teatro .contato .ui-selectmenu-text { font: 400 0.8em/30px 'Open Sans' !important; color: #4d4743; } .teatro .contato .ui-icon { background: url(../img/arrowSelect.png) no-repeat 50% 50%; width: 30px; height: 35px; right: 0 !important; margin-top: -18px !important } .teatro #teatroContato div .ui-selectmenu-button { background: #4d4743; height: 35px; margin-bottom: 10px; } .teatro #teatroContato div .ui-selectmenu-text { color: #c7c0b0; line-height: 35px !important; } .ultimos{} .ultimos .carousel-navigation { width: 424px; margin: 0 30px; } .ultimos #master .carousel-navigation li { width: 80px !important; } .ultimos .prev-navi, .ultimos .next-navi { width: 24px; height: 24px; margin-top: 10px } .ultimos .prev-navi { background-image: url(../img/arrowTeatroL2.jpg); } .ultimos .next-navi { background-image: url(../img/arrowTeatroR2.jpg); } .espetaculo-navigation { position: relative;} .espetaculo-navigation .left-navi, .espetaculo-navigation .right-navi {width: 56px; height: 56px; position: absolute; float: left; margin-top: -50px;} .espetaculo-navigation .left-navi {background: url(../img/navigation/left-arrow.png) no-repeat;margin-left: 15px; } .espetaculo-navigation .right-navi {background: url(../img/navigation/right-arrow.png) no-repeat; margin-left: 81px;} .espetaculo-navigation a{border: 1px solid #414244;} .espetaculo-navigation a:hover{border-color: #FFF} .btnVerGaleria{background: url(../img/navigation/view-gallery.png) no-repeat; width: 166px; height: 68px; position: absolute; right: 85px; top: 28px; border: 1px solid #000;} .btnVerGaleria:hover{border-color: #FFF} .destaque-espetaculo.coluna4{position: relative;} /* Centro de Eventos ********************/ .centro {} .centro #master { background: url(../img/bgCentro.jpg) no-repeat 50% -15px #fff; } .centro #content { padding-bottom: 0; } .centro .mainLinks a { width: 20%; padding: 0 } .centro .otherLinks a { font: 600 11px/35px 'Open Sans'; color: #46464a; text-transform: uppercase; margin-right: 20px; float: left; } .centro .otherLinks a:hover, .centro .otherLinks .mark { color: #55c2c5 } .centro .otherLinks span { background: #55c2c5; width: 3px; height: 3px; border-radius: 50%; margin: 15px 20px 0 0; float: left; display: block; } .carEspacocontainer { width: 100%; position: relative; float: left; } .centro .prev-espaco, .centro .next-espaco { top: 120px; } .centro #main .title { font: 1.7em/1.2em "Bree Serif"; letter-spacing: 0; margin-bottom: 20px; } .centro #main .titulo { font: 1.2em/1em 'Bree Serif'; color: #404343; margin-bottom: 20px; min-height: 0 } .centro #main p { margin-bottom: 15px; } .centro #main .info { background: #f1ede0; width: 60%; height: auto; padding: 30px; float: left; } .centro #main .info ul { } .centro #main .info ul li { font: italic 0.87em/1.5em 'Chivo'; color: #646b72 } .centro .carLegenda { font: italic 12px/16px 'Chivo' !important; margin-top: 80px; } .centro .infra { background: #f9f9f9; padding-top: 0; } .centro .infra .bg { background: #f2f2f2; width: 100%; height: 231px; position: absolute; right: 50%; top: 0; } .centro .infra .title { color: #404343; padding-top: 20px; } .teatro .infra .coluna .subtitle { margin-bottom: 10px; } .centro .infra .coluna p { font: italic 0.75em/1.7em 'Chivo'; } .centro .infra table { width: 100%; font: 12px/1.7em 'Arial'; color: #686666 } .centro .infra table td { height: 50px; border: 1px solid #ededee; vertical-align: middle; border-right: 0; border-left: 0; padding-left: 10px; } .centro .infra table tr:first-child td { border-top: 0; } .centro .infra table .high td { background: #ededee; border: 1px solid #f9f9f9; border-right: 0; border-left: 0;} .centro .servicos { background: #ececed; } .centro .servicos .title { color: #48484b; margin-bottom: 20px !important } .centro .servicos table { border: 0; } .centro .servicos td { width: 231px !important; margin-top: 10px !important; border: 0; } .centro .servicos td em { font: italic 0.75em/1.8em 'Chivo'; } .centro .exponor { background: #f9f8f2; } .centro .exponor .title { color: #48484b } .centro .contato form div { height: auto; } .centro .contato p { font: italic 12px/20px 'Chivo'; color: #c2c2c2 } .centro #centroContato div .ui-selectmenu-button { background: #4d4743; height: 35px; margin-bottom: 0px; } .centro #centroContato div .ui-selectmenu-text { color: #c7c0b0; line-height: 35px !important; } .eventos select { font-size: .8em; display: block; border: 2px solid #e9decd; border-radius: 3px; text-indent: 10px; background-color: #fff; } /* Licitações ********************/ .licitacoes {} .licitacoes .formInst { padding-top: 30px; margin-top: 20px; border-top: 1px dashed #eee } .licitacoes #content .formInst div { width: 47.5%; margin: 0; } .licitacoes #content .formInst div:first-child { margin-right: 5%; } .licitacoesUl { padding-top: 15px; } .licitacoesUl li { padding: 25px 0; border-bottom: 1px solid #eee; } .licitacoesUl li p { width: 80%; font: 400 0.85em/1em 'Open Sans'; } .licitacoesUl li span { font-size: 0.8em; font-weight: bold; color: #c7c0b0; text-transform: uppercase; display: block; padding-bottom: 5px; } .licitacoesUl li strong { font-size: 1.2em; font-weight: bold; color: #808181; text-transform: uppercase; display: block; padding-bottom: 20px; } .licitacoesUl li a { font: inherit; color: inherit; text-decoration: underline; display: block; } .licitacoesUl li .download { margin-top: 10px; display: block !important; } .licitacoes .pagination { border-top: 0; } .biblioteca{} #formBiblioteca { padding-top: 30px; margin-top: 30px; border-top: 1px dashed #eee; } /* Fale Conosco ********************/ .faleConosco .aba1 { display: none; } .faleConosco .aba.mark { display: block; } .faleConosco #main p { margin: 15px 0 30px; font-size: 1em; line-height: 1.1em } .faleConosco .mainLinks a { width: 33.3% } .faleConosco #content .formInst { height: auto; } .faleConosco #content .formInst label { font: 700 0.66em/1em 'Open Sans'; color: #808181; text-transform: uppercase; margin-bottom: 10px; display: block; } .faleConosco #content .formInst label span { text-transform: none; font-style: italic; } .faleConosco #content .formInst input { background: none; width: 100%; margin-bottom: 15px; font: 400 0.8em/30px 'Open Sans'; text-indent: 10px; border: 2px solid #e9decd; color: #8b8171; border-radius: 3px; padding: 0 } .faleConosco #content .formInst input[type=file] { padding: 0; } .faleConosco #content .formInst textarea { background: none; width: 100%; height: 150px; margin-bottom: 20px; font: 400 0.8em/35px 'Open Sans'; text-indent: 10px; border: 2px solid #e9decd; color: #cbc1b1; border-radius: 3px; resize: none; } .faleConosco #content .formInst .btn { cursor: pointer; } .faleConosco #content .formInst .ui-selectmenu-button { margin-bottom: 15px; } .faleConosco #content .formInst h3 { width: 100%; font: 700 1em/1em 'Open Sans'; color: #808181; text-transform: uppercase; margin-bottom: 20px; float: left; } .faleConosco #content .formInst h3 span { font-style: italic; text-transform: none; color: #949596 } #content .fis, #content .jur { width: 100% !important; } #content .jur { display: none; } .faleConosco #content .formInst .pessoa { width: 100%; } .faleConosco #content .formInst .radio { margin: 10px 5px 30px 0; vertical-align: top; float: left; } .faleConosco #content .formInst .radiogroup span { width: 33%; color: #949596; font: 400 0.85em/20px "Chivo"; margin: 10px 10px 30px 0; vertical-align: middle; float: left; } .faleConosco #content .formInst .radiogroup label span { font: 400 1.3em/20px "Chivo"; } .faleConosco #content .formInst .radiogroup .toggle { margin-top: 10px } .faleConosco #content .formInst .checkgroup { width: 245px; margin: 0 5px 15px 0; } .faleConosco #content .formInst .check, .faleConosco #content .formInst .toggle { margin: 0 0 3px; float: left; } .faleConosco #content .formInst .checkgroup span { width: 230px; margin: 3px 0 0; float: left; color: #949596; font: 400 0.85em/20px "Chivo"; } .faleConosco #content .formInst .checkgroup.first { width: 200px } .faleConosco #content .formInst .checkgroup.first span { width: 180px } .faleConosco #content .formInst .checkgroup label span { width: 90%; font: 400 1.2em/20px "Chivo";} .faleConosco #content .formInst .ui-selectmenu-button { background: #fff; width: 100% !important; margin-bottom: 15px; border: 2px solid #e9decd; border-radius: 3px; } .faleConosco #content .formInst .ui-selectmenu-text { font: 400 0.8em/30px 'Open Sans' !important; color: #cbc1b1; } .faleConosco #content .formInst .ui-icon { background: url(../img/arrowSelect.png) no-repeat 50% 50%; width: 30px; height: 35px; position: absolute; top: 50%; right: 0 !important; margin-top: -18px !important; } .faleConosco #content .formInst .ddd { width: 10%; margin-right: 5%; } .faleConosco #content .formInst .fone { width: 30%; } .faleConosco #content .formInst .nascimento { width: 22%; margin: 0; } .faleConosco #content .formInst .uf { width: 49.5%; margin: 0; } .faleConosco #content .formInst .sexo { width: 24%; margin: 0 0 0 4%; float: right; } .faleConosco #content .formInst .sexoTrab { margin-right: 0; float: right; } .faleConosco #content .formInst .uf .ui-selectmenu-button { width: 96% !important } .faleConosco .separador { width: 100%; height: 0; border-bottom: 1px solid #eee !important; margin: 15px 0 35px; display: inline-block; } #content .formInst .box-load-cidade .uf, #content .formInst .box-load-cidade .cidade { float: left; } #content .formInst .box-load-cidade .uf { width: 25%; margin-right: 5%; } #content .formInst .box-load-cidade .cidade { width: 70%; margin-right: 0; } #content .formInst .box-load-cidade { width: 100%; margin: 0; } /* Busca ********************/ .busca{} .busca .filtro { margin-top: 15px; } .busca .top h5 { font: 400 1.4em/2.4em 'Open Sans'; color: #434545; } .busca .top h5 span { color: #6d6e70; } .busca #main .top p { font: 700 0.8em/1em 'Open Sans'; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; color: #434545; } .busca #main ul { margin-bottom: 40px; } .busca #main li { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #eee; } .busca #main li:last-child { padding: 0; margin: 0; border: 0; } .busca #main li h4 { padding-right: 80px; } .busca #main li span { font: 400 0.7em/1em 'Open Sans'; color: #949596; display: block; } .busca #main li p { padding-right: 40px; } #boxFormUpload { position: absolute; top: -9999px; left: -9999px; } .ui-selectmenu-open { z-index: 9999 !important; } /* RSS ********************/ .feed-rss {} .feed-rss #pageTitle h2, .feed-rss #pageTitle h2 span { color: #e7b128; border-color: #e7b128; } .feed-rss #main p, .feed-rss #sidebar p { font: 400 15px/1.4em 'Chivo'; color: #949596; margin-bottom: 20px; } .feed-rss p a { font-size: 14px; color: #949596; text-decoration: underline; display: inline-block; } .feed-rss #master #content .btn { background-image: url(../img/iconRSS.png); padding-left: 30px; } /* Premio Sustentabilidade *******************************************************************************************/ .premioSus { background: url(../img/ps-pattern.png) 50% 0 #f1f1f1; } .premioSus #master { background: url(../img/ps-bg.jpg) 50% 150px no-repeat; overflow-x: hidden; } .premioSus #content { overflow: visible; } .premioSus #content a { text-decoration: none; } .premioSus #content a.btn-projeto-dashboard { display: inline-block; position: absolute; top: 11px; left: 0px; font-size: 0.9em; color: #378590; z-index: 100; } .premioSus #content a.btn-projeto-dashboard:hover { text-decoration: underline; } .premioSus #sidebar { margin-bottom: 80px; z-index: 2; } .premioSus .menuLateral a { background-color: #545558; border-color: #3f3f42 } .premioSus .menuLateral a:hover { background-color: #6d6e70; } .premioSus .filtro { margin-top: 15px; } .premioSus .filtro span { background: #378590 !important } .premioSus #master .filtro a { width: 189px; padding: 1px 15px 1px 25px; text-transform: uppercase; } .premioSus #master .filtro a:hover { background: #fff; } .premioSus #master .filtro a.l2 { padding: 5px 15px 5px 25px; } .premioSus #main { padding-top: 15px; padding-bottom: 80px; } .psCover { height: auto; padding-bottom: 60px; overflow: visible; position: relative; } #main .psCover img { width: 115%; max-width: 200%; height: auto; box-shadow: 0 10px 80px rgba(0,0,0,0.4); } .psCover span { background: url(../img/ps-arrow.png); width: 33px; height: 82px; display: block; position: absolute; bottom: 15px; left: 140px; } #main .psDesc { max-width: 530px; font: 400 1.1em/1.5em 'Lato', sans-serif; color: #363c3a; margin: 0 0 40px 60px; position: relative; z-index: 2 } #main .psDesc a { display: inline-block; color: #378590; text-decoration: underline; } .premioSus section { padding-bottom: 50px; position: relative; z-index: 1 } .premioSus section:last-child { padding-bottom: 0 } .premioSus #main .psButton, .premioSus #main .box-loading-btn { background: #c8d604; width: auto; height: 50px; padding: 0 30px; font: 1.2em/45px 'Bree Serif', sans-serif; color: #fff; text-transform: uppercase; text-align: center; border: 1px solid #fff; border-radius: 20px; display: inline-block; box-shadow: 0 4px 10px rgba(0,0,0,0.15); cursor: pointer; } .premioSus #main .box-loading-btn { cursor: default; } .premioSus #main .psButton2 { background: #378590 } .premioSus #main .psButton4 { background: none; border: 2px solid #a9abac; color: #378590; } .psTitle { font: 900 1.2em/1.6em 'Lato', sans-serif; color: #363c3a; text-transform: uppercase; margin-bottom: 30px; } .psTitle:before { content: ""; background: #363c3a; width: 60px; height: 4px; display: inline-block; vertical-align: middle; margin-right: 20px; } .psTitle b { color: #378590 } .psTitle2 { width: 100%; font: 400 1.8em/1.2em 'Lato', sans-serif; color: #363c3a; text-transform: uppercase; text-align: center; margin-bottom: 50px; position: relative; } .psTitle2:before { content: ""; background: #c8d604; width: 60px; height: 4px; display: inline-block; vertical-align: middle; margin-right: 30px; } .psTitle2:after { content: ""; background: #c8d604; width: 60px; height: 4px; display: inline-block; vertical-align: middle; margin-left: 30px; } .psTitle2 b { width: 100%; font: 900 0.55em/1em 'Lato', sans-serif; position: absolute; bottom: -25px; left: 0 } .psTitlebg { font: 900 200px/0.9em 'Lato', sans-serif; color: #fff; text-transform: uppercase; text-indent: -300px; position: absolute; top: -150px; left: 40px; z-index: -2; opacity: 0.5 } .premioSus #main form { max-width: 90%; min-height: 400px; margin: auto; position: relative; } .premioSus #main form div { width: 47.5%; margin: 0 1.25% 8px 1.25%; float: left; } .premioSus #main form .psTitle { width: 100%; float: left; margin-top: 30px; } .premioSus #main form .psTitle:before { width: 0; margin-right: 1.25% } .premioSus #main form .psTitle:first-child { margin-top: 0 } .premioSus #main form input, .premioSus form select, .premioSus form textarea { background: #fff; width: 100%; height: 40px; padding: 0 20px; float: left; font: 900 0.9em/35px 'Lato', sans-serif; color: #a9abac; border-radius: 15px; outline: none; box-sizing: border-box; box-shadow: 0 2px 4px rgba(0,0,0,0.15) } .premioSus #main form select { background: #378590; color: #fff; border: 0; } .premioSus #main form textarea { height: 140px; padding: 10px 20px; resize: none; } .premioSus #main form .s30 { width: 28%; } .premioSus #main form .s40 { width: 38%; } .premioSus #main form .s50 { width: 48%; margin-right: 2%; } .premioSus #main form .s60 { width: 58%; } .premioSus #main form .s70 { width: 68%; } .premioSus #main form .s100 { width: 97%; margin-right: 0; } .premioSus #main form .s30:first-child, .premioSus #main form .s40:first-child, .premioSus #main form .s60:first-child, .premioSus #main form .s70:first-child { margin-right: 4%; } .premioSus #main form a { width: auto; margin: 12px 0 0 20px; font: 400 0.9em/1em 'Lato', sans-serif; border-bottom: 1px solid #378590; color: #378590; display: inline-block; } .premioSus #main form .verifica-cep-uf { text-transform: uppercase; } .premioSus #main form input.disabled, .premioSus form select.disabled, .premioSus form textarea.disabled { background: #eee; } .tooltip { padding: 2px 5px !important; box-shadow: none !important; opacity: 0.8; border: none !important } .tooltip * { font: 900 0.9em/20px 'Lato', sans-serif !important; color: #a9abac; } .premioSus #main form .psButton { min-width: 220px; margin-top: 50px; margin-right: 1.25%; float: right; } .premioSus #main form .psButton:after { content: ""; background: url(../img/ps-play3.png) no-repeat 0 0; width: 10px; height: 20px; margin-left: 20px; vertical-align: middle; display: inline-block; } .premioSus #main form .psButton.loading { background: url(images/loading-gif.gif) 50% 50% no-repeat #c8d604; text-indent: -9999em } .premioSus #main form div.content-autores-projeto { width: 100%; float: none; margin: 0; } .premioSus #main form div.box-autores-projeto { width: 100%; float: none; margin: 0; position: relative; } .premioSus #main form div.item-box-textarea { width: 100%; float: none; margin: 0 0 40px 0; position: relative; clear: both; } .premioSus #main form div.box-autores-projeto .btn-excluir-autor { display: inline-block; position: absolute; font-size: 0.9em; color: #FF7E7E; text-decoration: none; top: -4px; left: -50px; border: 0; font-weight: bold; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; border: 0; background: #fff; padding: 4px 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.15); } /* Premio Sustentabilidade Home */ .premioSus #main .psButton3 { background: #df1640; position: absolute; top: -25px; right: 15px; } .premioSus #main .psButton3:before { content: ""; background: url(../img/ps-btnInscricao.png) 50% 35% no-repeat; width: 20px; height: 100%; margin-right: 15px; vertical-align: middle; display: inline-block; } .psButtons { width: 100%; height: 140px; margin-left: 60px; position: relative; z-index: 3 } #main .psButtons p { font: 900 1.5em/54px 'Lato', sans-serif; color: #a9abac; padding: 0 40px; display: inline-block; } #main .bg2 { max-width: 1500px; margin-left: -1068px; position: absolute; left: 50%; top: -160px; z-index: -1; } .premioSus .psComo { z-index: 2 } .comoSteps { width: 100%; height: 325px; position: relative; } .comoSteps .stepsPage { width: 100%; position: absolute; bottom: 0; text-align: center; transition: all 0.5s } .comoSteps .stepsPage .traco { width: 300px; height: 0px; margin-left: -150px; position: absolute; left: 50%; top: 21px; border-bottom: 1px solid #a9abac; z-index: -1 } .comoSteps .stepsPage a { width: 70px; margin: 0 15px; display: inline-block; font: 700 0.8em/1.2em 'Lato', sans-serif; color: #a9abac; vertical-align: top; } .comoSteps .stepsPage .number { background: #a9abac; width: 43px; height: 43px; font: 1.4em/40px 'Bree Serif', sans-serif; color: #fff; text-align: center; border-radius: 50%; display: block; margin: 0 auto 10px; } .comoSteps .stepsPage .active { color: #378590 } .comoSteps .stepsPage .active .number { background: #378590; } .comoSteps .step { position: absolute; opacity: 0; transition: 0.5s all } .comoSteps .step1 { opacity: 1 } .comoSteps .comoDest { width: 220px; height: 207px; float: left; margin: 0 30px 0 50px; position: relative; } .comoSteps .comoDest img { width: 207px; height: 207px; border-radius: 50%; margin-left: 13px; border: 1px solid #fff; box-shadow: 0 0 40px rgba(0,0,0,0.25) } .comoSteps .comoDest .number { background: #378590; width: 70px; height: 70px; font: 50px/60px 'Bree Serif', sans-serif; color: #fff; text-align: center; border-radius: 50%; position: absolute; top: 30px; left: 0; display: block;} .comoSteps .comoText { float: left; } .comoSteps .comoText h4 { height: 75px; font: 35px/1em 'Bree Serif', sans-serif; color: #378590; vertical-align: bottom; display: table-cell; } #main .comoSteps .comoText p { font: 100 1.7em/1.2em 'Lato', sans-serif; color: #363c3a } #main .comoSteps .comoText p b { font: inherit; color: #378590; border-bottom: 1px solid #378590 } .comoSteps .comoText .arrow { width: 340px; height: 0; margin: 20px 0; display: block; border-bottom: 1px solid #c8d604; position: relative;} .comoSteps .comoText .arrow span { background: #378590; width: 60px; height: 4px; display: inline-block; position: absolute; top: -2px; } .comoSteps .comoText .arrow span.play { background: url(../img/ps-play2.png) no-repeat; width: 15px; height: 30px; position: absolute; right: -3px; top: -15px; } .comoSteps .comoText span.number { background: #c8d604; width: 60px; height: 60px; font: 45px/55px 'Bree Serif', sans-serif; color: #fff; text-align: center; border-radius: 50%; position: absolute; top: -30px; right: -70px; display: block; box-shadow: 0 4px 10px rgba(0,0,0,0.15) } #content .comoSteps .comoText .number:hover { text-decoration: none } .psPremios {} .psPremios img.desk { box-shadow: 0 10px 80px rgba(0,0,0,0.4) } .psPremios .psTitle2 { color: #fff; text-transform: none; position: absolute; top: 30%; } .psPremios .psTitle2 b { font-size: 1em; font-weight: 700; color: inherit; display: block; bottom: -6.4em; text-transform: uppercase; } .psPremios .psTitle2 b.valor { font: 900 5.2em/1em 'Lato', sans-serif; bottom: -1em; } .psPremios .psTitle2 b.valor span { font-size: 0.3em; vertical-align: top; color: inherit; } .psPremios .psButton { position: absolute; left: 50%; bottom: 20%; margin-left: -100px; } .psUltimas { position: relative; margin-bottom: 50px; } .psUltimas li, .psUltimas .slick-slide { background: none; max-width: 320px; height: 240px; padding: 30px; margin: 0 33px; border: 1px solid #fff; box-sizing: border-box; } .psUltimas .psCategoria { font: 700 0.8em/1em 'Lato', sans-serif; color: #363c3a; text-transform: uppercase; margin-bottom: 10px; } .psUltimas h6 { height: 3.6em; font: 1.5em/1.2em 'Bree Serif', sans-serif; color: #378590; margin-bottom: 20px; overflow: hidden; } #main .psUltimas p { height: 3.9em; font: 400 0.9em/1.3em 'Lato', sans-serif; color: #363c3a; overflow: hidden; } .psUltimas .slick-prev, .psUltimas .slick-next { background: url(../img/ps-arrowL.png) no-repeat 50% 50%; width: 60px; height: 30px; position: absolute; bottom: -50px; left: 50%; margin-left: -93px; text-indent: -9999em; border: 0; cursor: pointer; outline: none; } .psUltimas .slick-next { background-image: url(../img/ps-arrowR.png); margin-left: 33px; } .psUltimas .slick-prev.slick-disabled { background-image: url(../img/ps-arrowL2.png); } .psUltimas .slick-next.slick-disabled { background-image: url(../img/ps-arrowR2.png); } /* Internas */ .psInternas #master { background: none; } .premioSus #pageTitle { text-align: right; } .premioSus #pageTitle h2 { text-align: left; } .premioSus #pageTitle p, .premioSus #pageTitle p span { font: 100 1.8em/30px 'Lato', sans-serif; vertical-align: middle; margin: -3px 7px 0; } .premioSus #pageTitle p a { font: bold 400 1.1em/30px 'Lato', sans-serif; display: inline-block; color: #378590 } .premioSus #pageTitle p a.active { text-decoration: underline; } .psInternas #main { width: 100%; padding-top: 40px; position: relative;} .psInternas section {} .psInternas section .psTitlebg { top: -10px; left: 0px; } .psDuvidas { margin-bottom: 40px; } .psInternas .psDuvidas .psTitlebg { top: 40px; left: 170px; } .psDuvidas h4 { background: url(../img/psDuvidas.jpg) 50% 0 no-repeat; width: 637px; height: 170px; margin: auto; font: 900 2.4em/130px 'Lato', sans-serif; color: #fff; text-align: center; text-transform: uppercase; display: block; box-shadow: 0 10px 60px rgba(0,0,0,0.25) } .psDuvidas h4 b { width: 100%; font-size: 0.37em; letter-spacing: 0.03em; font-weight: 900; position: absolute; left: 0; margin-top: 40px; } #main .psDuvidas .psButton { margin: -25px 0 0 -100px; position: absolute; left: 50%; border-color: #71d8e6 } form.loading-content { opacity: 0.6; } /* Inscrição */ .psinscricao{} .lightbox-login, .lightboxLogin { width: 350px; height: 280px; padding-top: 100px; margin: auto; } .psinscricao #main #premioSusLogin, .premioSus #main #premioSusLogin, .psinscricao #main .form-premio-login, .premioSus #main .form-premio-login { height: 180px; min-height: 180px; } .psinscricao #main #premioSusLogin div, .premioSus #main #premioSusLogin div, .psinscricao #main .form-premio-login div, .premioSus #main .form-premio-login div { width: 100%; } .psinscricao #main #premioSusLogin a, .premioSus #main #premioSusLogin a, .psinscricao #main .form-premio-login a, .premioSus #main .form-premio-login a { margin-left: 90px; } #main .box-premio-login-senha { display: none; } #main .box-premio-login-senha .formSucesso { display: none; } .lightbox-login .psTitle2, .lightboxLogin .psTitle2 { min-width: 350px; margin-left: 0px; position: absolute; } .lightboxLogin .psTitle2:before { position: absolute; left: -30px; top: 50%; margin: 0 } .lightboxLogin .psTitle2:after { position: absolute; right: -30px; top: 50%; margin: 0 } /* Área Logada */ .psdashboard {} .psdashboard #main .psButton { margin-left: 60px; } .lightbox { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9999; display: none; } .lightbox .bgLight { background: #378590; width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0.9; cursor: pointer; } .lightboxContent { width: 100%; max-width: 700px; height: 100%; margin: auto; position: relative; display: table; z-index: 5 } .lightboxContent2 { width: 700px; height: 470px; display: table-cell; vertical-align: middle; } .lightboxContent3 { background: #f1f1f1; box-sizing: border-box; position: relative; box-shadow: 0 10px 80px rgba(0,0,0,0.4) } .psFechar { background: url(../img/psFechar.png) no-repeat 50% 50%; width: 27px; height: 27px; position: absolute; top: -40px; right: 0; display: block; text-indent: -9999em; } .lightboxFormdados { width: 100%; height: 470px; padding-top: 40px; } #main .lightboxContent .psButton, #main .lightboxContent .box-loading-btn { width: 200px; position: absolute; bottom: -25px; left: 50%; margin-left: -100px; } #main .lightboxContent .box-loading-btn { display: none; width: 200px !important; height: 50px; margin-top: 50px; margin-right: 1.25%; margin-bottom: 0; float: right; box-sizing: border-box; z-index: 10; } .premioSus #main .box-loading-btn div { overflow: visible; padding-bottom: 0 } .ulProjetos { width: 640px; margin-left: 60px; } .ulProjetos li { background: #fff; width: 100%; height: 100px; margin-bottom: 20px; padding: 30px; display: table; border: 2px solid #378590; box-sizing: border-box; position: relative; } .ulProjetos li div { display: table-cell; } .ulProjetos li div:first-child { width: 60%; padding-right: 5% } .ulProjetos li div:last-child { vertical-align: middle; } .ulProjetos li span { font: bold 0.8em/1em 'Lato', sans-serif; text-transform: uppercase; } #main .ulProjetos li div p { font: bold 1em/1.9em 'Lato', sans-serif; color: #c8d604; text-transform: uppercase; } #main .ulProjetos li div:first-child p { font: 1.4em/1.5em 'Bree Serif', sans-serif; color: #378590; text-transform: none; } .ulProjetos li .psEditar { background: #fff; height: 40px; padding: 0 15px; border: 2px solid #cecfd0; font: 1.1em/38px 'Bree Serif', sans-serif; color: #cecfd0; text-transform: uppercase; text-align: center; border-radius: 25px; } .ulProjetos li .btn-excluir-projeto { display: inline-block; position: absolute; font-size: 0.8em; color: #FF7E7E; text-decoration: underline !important; top: -25px; right: -18px; } .ulProjetos li .bgDisabled { display: none; width: 100%; height: 100%; background-color: #fff; opacity: 0.5; position: absolute; top: 0; left: 0; z-index: 10; } .premioSus .psCategorias { height: 0; padding-bottom: 0; overflow: hidden; transition: 0.5s all; position: relative;} .premioSus .psCategorias .bgDisabled { display: none; width: 100%; height: 100%; background-color: transparent; position: absolute; top: 0; left: 0; z-index: 10; } .ulCat { width: 100%; } .ulCat li { background: #347f89; width: 30%; height: 240px; margin: 0 0 60px 3.3%; padding: 20px 25px 40px; display: table; position: relative; box-sizing: border-box; float: left; box-shadow: 5px 5px 0 rgba(0,0,0,0.1); } .ulCat li.opacity { opacity: 0.5; } .ulCat li.item-active img { opacity: 0.1 } #main .ulCat li.item-active p { height: 7em; } .psdashboard #main .ulCat li.item-active .psButton { background: #c8d604; } .ulCat li img { width: auto; height: 100%; position: absolute; left: 0; top: 0; opacity: 0.4; z-index: 0; transition: all 1s } .ulCat li .text { width: 100%; height: 100%; box-sizing: border-box; position: relative; display: table-cell; vertical-align: bottom; z-index: 1; overflow: hidden; } .ulCat li h5 { max-height: 6.5em; font: 1.6em/1.3em 'Bree Serif', sans-serif; color: #fff; margin-bottom: 20px; overflow: hidden; transition: all 1s; } #main .ulCat li p { font: 0.9em/1.3em 'Lato', sans-serif; color: #fff; transition: all 1s; position: absolute; top: 0; opacity: 0 } #main .ulCat li:hover {} #main .ulCat li:hover img { opacity: 0.1; } #main .ulCat li:hover p { opacity: 1 } #main .ulCat li:hover h5 { opacity: 0 } .psdashboard #main .ulCat .psButton { margin-left: 35px; position: absolute; left: 0; bottom: -30px; z-index: 2; transition: 0.5s all; } .psdashboard #main .ulCat .psButton:hover { background: #c8d604 } /* Novo projeto - Empresas */ .psinscricao_empresa {} .psinscricao_empresa section .psTitlebg { top: 160px; } .psinscricao_empresa h4.psTitle:before { width: 0; margin-right: 40px } .empresasIndex { width: 100%; text-align: center; position: relative; } #main .empresasIndex p { width: 100px; height: 180px; padding: 0 50px; display: inline-block; font: 900 0.9em/1.3em 'Lato', sans-serif; color: #363c3a; text-transform: uppercase; text-align: center; vertical-align: top; position: relative; z-index: 1 } #main .empresasIndex p.active { color: #378590; text-decoration: underline; } #main .empresasIndex p .number { background: #cecfd0; width: 70px; height: 70px; font: 50px/60px 'Bree Serif', sans-serif; color: #fff; text-align: center; border-radius: 50%; display: block; margin: 0 auto 20px; } #main .empresasIndex p.active .number { background: #378590; } .empresasIndex span.play { width: 170px; height: 0; border-bottom: 1px solid #c8d604; position: absolute; left: 150px; top: 35px; transition: 0.5s all; z-index: 0 } .empresasIndex span.play:before { content: ""; background: url(../img/ps-play2.png) no-repeat; width: 15px; height: 30px; position: absolute; right: 0; top: -15px; } /* Novo projeto - Academia/Jornalismo */ .psInternas #main .btnAutores { float: left; margin-left: 1.25% } /* Novo projeto - Objetivo */ .psinscricao_objetivo {} .psinscricao_objetivo section .psTitlebg { top: 160px; } .psinscricao_objetivo h3.psTitle:before { width: 0; margin-right: 60px } .psinscricao_objetivo .empresasIndex span.play { width: 380px; } #formObjetivo {} .psCheckgroup { margin-left: 20px; } .psCheckgroup li { width: 100%; min-height: 80px; margin-bottom: 20px; padding: 30px 20px; box-sizing: border-box; border: 2px solid #fff; display: table; position: relative; transition: all 0.5s } #main .psCheckgroup li p { width: 85%; margin-right: 5%; font: 0.9em/1.4em 'Lato', sans-serif; color: #363c3a; display: block; } #main .psCheckgroup li p b { padding-bottom: 5px; font: 1.4em/1.2em 'Bree Serif', sans-serif; color: #363c3a; display: block; } #main .psCheckgroup .check { background: none; width: 100%; height: 100%; display: table-cell; vertical-align: middle; margin: 0; border: 0; position: absolute; top: 0; left: 0; } #main .psCheckgroup .check:before, #main .psCheckgroup .check:after { content: ""; background: url(../img/psCheck2.png) no-repeat 92% 50%; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; transition: all 0.5s } #main .psCheckgroup .check:after { background-image: url(../img/psCheck.png); z-index: 1 } #main .psCheckgroup .checked:before { opacity: 0; } #main .psCheckgroup li.active { background: #fff; border-color: #378590; } #main .psCheckgroup li.active p b { color: #378590; } /* Novo projeto - Dados do Projeto */ .psinscricao_dados_projeto{} .psinscricao_dados_projeto section .psTitlebg { top: 160px; } .psinscricao_dados_projeto .empresasIndex span.play { width: 430px; } .psinscricao_dados_projeto #main #formDadosprojeto { margin-left: 60px; } .psinscricao_dados_projeto #main #formDadosprojeto .psTitle { margin-bottom: 10px; } .psinscricao_dados_projeto #main #formDadosprojeto .psDesc { max-width: 100%; font-size: 1em; margin: -15px 0 12px 0; float: left; } .psinscricao_dados_projeto #main form.formEmpresas input, .psinscricao_dados_projeto form.formEmpresas textarea, .psinscricao_dados_projeto form.formEmpresas select { margin-bottom: 40px; } .psinscricao_dados_projeto form.formEmpresas textarea { margin-bottom: 6px; } .psinscricao_dados_projeto h4.psTitle:before { width: 0; margin-right: 0px } .psinscricao_dados_projeto .psCheckgroup { margin-left: 0; } .psinscricao_dados_projeto .psCheckgroup li { width: 47.5%; height: 120px; margin-right: 2.5%; float: left; padding: 20px 5px 20px 10px } .psinscricao_dados_projeto #main .psCheckgroup .check {} .psinscricao_dados_projeto #main .psCheckgroup .check:before, .psinscricao_dados_projeto #main .psCheckgroup .check:after { background-size: 28px 28px; background-position: 5% 50%; } .psinscricao_dados_projeto #main .psCheckgroup li p { font-size: 0.8em; margin: 0 0 0 15% } .psinscricao_dados_projeto #main form .psTitle:before { margin: 0 } .psinscricao_dados_projeto #main form .psButton:after { display: none } .premioSus #main .jFiler, .premioSus #main form .jFiler div { width: auto; min-width: 50px; float: none; margin: 0; padding: 0 } .premioSus #main .jFiler { width: 100%; } .premioSus #main .jFiler .jFiler-input { background: none; height: 80px; margin-bottom: 15px; border: 0; border-bottom: 1px solid #a9abac; border-radius: 0; box-shadow: none } .premioSus #main .jFiler .jFiler-input-caption { display: none; } .premioSus #main .jFiler .jFiler-input-button { width: 200px; height: 50px; padding: 0; border: 2px solid #a9abac; border-radius: 20px; font: 18px/45px 'Bree Serif', sans-serif; color: #378590; text-transform: uppercase; text-align: center; overflow: hidden; } .premioSus #main .jFiler-input-button:before { content: url('../img/ps-upload.png'); display: inline-block; vertical-align: middle; margin-right: 15px; } .premioSus #main .jFiler .pull-left { float: left; } .premioSus #main .jFiler-item-assets { top: 50%; margin-top: -15px !important; } .premioSus #main .jFiler-item-assets a { margin: 0; } .premioSus #main .jFiler-items-default .jFiler-item { background: none; padding: 0; } .item-count { font: 0.75em/1.3em 'Lato', sans-serif !important; color: #959697 !important; margin-bottom: 0 !important; overflow: hidden !important; padding: 4px 10px !important; text-align: right !important; } .item-count .safe, .item-count .over, .item-count .total-char { font: 1em/1.3em 'Lato', sans-serif !important; color: #959697 !important; padding: 0; color: white; font-weight: bold; } /* Novo projeto - Dados da reportagem */ .psinscricao_dados_reportagem{} .psinscricao_dados_reportagem section .psTitlebg { top: 160px; } .psinscricao_dados_reportagem .empresasIndex span.play { width: 430px; } .psinscricao_dados_reportagem #main #formDadosprojeto { margin-left: 60px; } .psinscricao_dados_reportagem #main #formDadosprojeto .psTitle { margin-bottom: 10px; } .psinscricao_dados_reportagem #main form h4.psTitle:before { width: 0; margin-right: 0px } .psinscricao_dados_reportagem #main #formDadosprojeto .psDesc { max-width: 100%; font-size: 1em; margin: -15px 0 20px 0; float: left; } /* Regulamento */ .psregulamento{} .psregulamento #main .psButton4 { height: 40px; line-height: 37px; padding: 0 40px; margin-top: -100px; float: right; } .psregulamento .scroll-pane { background: #fff; width: auto; height: 50em; font-size: 0.9em; margin-left: 60px; padding: 1.5em 15px 1.5em 30px; border-radius: 15px; overflow: hidden; box-sizing: border-box; } .psregulamento .scroll-pane .scrollIn { height: inherit; overflow: auto; outline: none; } .psregulamento #main .scroll-pane p { font: 1em/1.3em 'Lato', sans-serif; color: #363c3a; margin: 0 15px 1em 0; padding-bottom: 0;} .psregulamento #main .scroll-pane p span { font: inherit !important; } .psregulamento #main .scroll-pane p strong { color: #363c3a; } .psregulamento #main .scroll-pane .plista { margin-left: 30px; } /* ODS */ .psods{} .psods section .psTitlebg { left: 250px; } .psods #main .ulCat li { height: 250px; margin-bottom: 30px; padding: 20px 15px 20px 25px; } /*.psods #main .ulCat li:hover p { height: 8em; line-height: 1.2em }*/ /* GALERIA */ .psgaleria{} .psgaleria .ulCat li { width: 350px; height: 220px; margin-bottom: 30px; padding: 25px } .psgaleria .ulCat li .text { background: url(../img/ps-play.png) no-repeat 100% 100%; vertical-align: top; } .slick-slide img { width: 100%; height: auto; } .psSlider { width: 634px; display: block; margin-left: 60px; } .psSlider .slick-slide { overflow: hidden; } .psSlider .slick-prev, .psSlider .slick-next { background: url(../img/ps-arrowL.png) no-repeat 0 50%; width: 55px; height: 100%; position: absolute; top: 0; left: -30px; border: 0; text-indent: -9999em; cursor: pointer; } .psSlider .slick-next { background-image: url(../img/ps-arrowR.png); left: auto; right: -30px; } .psSlider .slick-prev.slick-disabled { background-image: url(../img/ps-arrowL2.png); } .psSlider .slick-next.slick-disabled { background-image: url(../img/ps-arrowR2.png); } .psSlider-nav { width: 100%; margin: 10px 0 50px 60px; } .psSlider-nav .slick-slide { width: 160px; overflow: hidden; margin-right: 20px; cursor: pointer; } .slick-dots { text-align: center; margin-top: 15px; } .slick-dots li { display: inline-block; } .slick-dots li button { background: #d3d2d2; width: 15px; height: 15px; margin: 0 5px; border: 0; border-radius: 50%; text-indent: -999em; outline: none; cursor: pointer; } .slick-dots .slick-active button { background: #c8d604 } /* JURADOS */ .psjurados{} .psjurados section .psTitlebg { left: -120px; } .ulJurados { margin-left: 60px; } .ulJurados li { overflow: auto; } .ulJurados li img { width: 280px; float: left; padding: 12px; margin: 0 50px 80px 0; border: 2px solid #fff; } .ulJurados li div { max-width: 330px; float: left; padding-bottom: 40px } .ulJurados li h3 { font: 1.5em/1em 'Bree Serif',sans-serif; color: #378590; margin: 5px 0 10px; } #main .ulJurados li p { font: 0.9em/1.6em 'Lato', sans-serif; color: #363c3a } /* FECOMERCIO-SP */ .psfecomercio_sp section .psTitlebg { left: -150px; text-indent: -570px; } .psText { margin-left: 60px; } #main .psText p { max-width: 600px; font: 1em/1.6em 'Lato', sans-serif; color: #363c3a;margin-bottom: 25px; } /* CONSELHO DE SUSTENTABILIDADE */ .psconselho-de-sustentabilidade section .psTitlebg { left: -470px; text-align: center; } /* VERSO */ .psverso section .psTitlebg { left: 250px; text-align: center; } /* NOTICIAS */ .psnoticias section .psTitlebg { left: -70px; text-align: center; } .psnoticias .psUltimas { width: 100%; margin-left: 60px; } .psnoticias .psUltimas li { margin: 0 0 30px; float: left; } .psnoticias .psUltimas li:nth-child(odd) { margin-right: 30px } .psnoticias .psUltimas h6 { height: 3.6em; overflow: hidden; position: relative; } .psnoticias .psUltimas p { height: 3.9em; overflow: hidden; position: relative; } .psnoticias {} .psnoticias .pagination a { height: 30px; font: 0.95em/30px 'Lato', sans-serif; color: #363c3a; vertical-align: middle; } .psnoticias #content .pagination a.selected { color: #378590; text-decoration: underline; } .psnoticias .pagination .pagePrev { background: url(../img/ps-arrowL.png) no-repeat 50% 50%; width: 60px; height: 30px; margin-right: 20px; position: relative; text-indent: -9999px; overflow: hidden; } .psnoticias .pagination .pageNext { background: url(../img/ps-arrowR.png) no-repeat 50% 50%; width: 60px; height: 30px; margin-left: 20px; position: relative; text-indent: -9999px; overflow: hidden; } .psnoticias .pagination .pagePrev.disabled { background-image: url(../img/ps-arrowL2.png); } .psnoticias .pagination .pageNext.disabled { background-image: url(../img/ps-arrowR2.png); } /* NOTICIAS INTERNA */ .psnoticia_interna{} .psnoticia_interna #main section { margin: 0 10px 0 60px; } .psnoticia_interna .psTitle { margin-left: -60px; } .psnoticia_interna #main .legislacao { font: bold 1em/1.6em 'Open Sans'; border-bottom: 2px solid; margin-bottom: 15px; } .psnoticia_interna .legislacao span { font: inherit; color: inherit; border-bottom: 5px solid; margin-bottom: 1px; display: block; } .psnoticia_interna span { font: 700 0.8em/1em 'Open Sans'; } /* APOIADORES */ .psapoiadores{} .ulApoio { position: relative; margin: 0 0 50px 20px; } .ulApoio li { background: none; width: 230px; height: 195px; padding: 35px; margin: 0 15px 15px 0; text-align: center; border: 1px solid #fff; box-sizing: border-box; float: left; } .ulApoio li:nth-child(3n+3) { margin-right: 0; } /* EDIÇÃO ANTERIOR */ .psedicao_anterior{} .psedicao_anterior .ulCat li { padding: 25px; margin-bottom: 25px; } .psedicao_anterior .ulCat li .text { vertical-align: middle; text-align: center; } .psedicao_anterior .ulCat li .text:after { content: url(../img/ps-arrowR.png); width: 55px; height: 22px; position: relative; display: block; margin: 20px auto 0; } .psedicao_anterior .ulCat li h5 { max-height: 7.8em; font-size: 1.2em } .psedicao_anterior #main .ulCat li:hover {} .psedicao_anterior #main .ulCat li:hover img { opacity: 0.4; } .psedicao_anterior #main .ulCat li:hover p { opacity: 1 } .psedicao_anterior #main .ulCat li:hover h5 { opacity: 1 } .ui-dialog.ui-front { z-index: 999999 !important } .ui-widget-overlay.ui-front { z-index: 999998 !important } .page-dialog .ui-widget-content p a { display: inline-block; color: #378590; text-decoration: underline; } /* Teatro Light Box */ .teatro .lightbox { display: none; width: 100%; height: calc(100% - 149px); margin-top: 149px; position: absolute; z-index: 11; background: rgba(0,0,0,0.50); } .teatro .lightbox.ativo { display: block; } .teatro .lightbox .lightbg { width: 100%; height: 660px; background: #000; z-index: -3; position: absolute; top: 114px; } .teatro .lightbox ul { width: 834px; height: 649px; margin: 0 auto; margin-top: 125px; overflow: hidden; } .teatro .lightbox ul h3, .teatro .lightbox ul h3 span { color: #eff0ea; font-size: 20px } .teatro .lightbox ul h3 { text-transform: uppercase; margin: 29px 0; } .teatro .lightbox ul h3 span.quantidade { font-style: italic; } .teatro .lightbox a.close_btn { position: absolute; right: 0; top: 29px; color: #939393; float: left; } .teatro .lightbox a.close_btn:before { content: " "; width: 11px; height: 11px; margin: 5.2px; float: left; background: url(../img/navigation/close_btn.png) no-repeat; } .teatro .lightbox a.close_btn:hover { text-decoration: none !important; color: #FFF; } .teatro .lightbox ul li { float: left; display: none; } .teatro .lightbox ul p { margin-top: 30px; } .teatro .lightbox ul li.selecionado { display: block; } .teatro .lightbox ul li, .teatro .lightbox ul li img { width: 732px; height: 471px; } .teatro .lightbox .controles { position: relative; width: 732px; margin: 0 auto; } .teatro .menu-hide { font-size: 12px; font-weight: bold; text-transform: uppercase; float: left; display: inline-block; } .teatro .menu-hide:before { content: " "; width: 11px; height: 11px; float: left; background: url(../img/navigation/left-topic-arrow.png) no-repeat; margin-top: 3px; margin-right: 5px; } .teatro .menu-hide:hover + .menuLateral {display: block;} .teatro .menuLateral {display: none; padding-top:6px; position: absolute;z-index: 20} .teatro.ultimos .menuLateral {display: block; position: initial;} .teatro .menuLateral:hover { display: block; } .teatro #pageTitle h2 span { border: none;} .teatro #pageTitle {margin-bottom: 5px !important;} .teatro #pageTitle h2 {margin-bottom: 8px} .lightbox-navigation { position: relative; top: 498px;} .lightbox-navigation .left-navi, .lightbox-navigation .right-navi {width: 56px; height: 56px; position: absolute; float: left;} .lightbox-navigation .left-navi {background: url(../img/navigation/left-arrow.png) no-repeat; margin-left: 0; } .lightbox-navigation .right-navi {background: url(../img/navigation/right-arrow.png) no-repeat; margin-left: 69px;} .lightbox-navigation a{border: 1px solid #414244;} .lightbox-navigation a:hover{border-color: #FFF} #pageTitle.teatro{width: 100%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 0; margin-top: -1px;} #pageTitle.teatro h2 {border: none; width: 1004px; margin: 11px auto 6px auto;} #pageTitle.teatro h2 span {margin-left: 10px;} #ver_mais { width: calc(100% - 10px); margin-top: 5px; height: 20px; font-weight: bold; text-align: center; background: buttonface; padding: 5px; } #ver_mais:hover { text-decoration: none !important; } .form {text-transform: uppercase;} .form.nao-caps {text-transform: none !important;} /* Nova Tela de Eventos */ .box-left-full {width: 68%; float: left;} .box-left-full .boxTop, .formCadastro .boxTop {padding-bottom: 0 !important; width: calc(100% - 160px) !important; padding: 20px 80px !important; padding-top: 60px !important;} .box-left-full .boxRight {padding: 0 80px !important; width: calc(100% - 160px) !important;} .box-left-full .formInst div {width: 435px !important;} .box-right-full{width: 32%; float: right; height: 441px; display: table; background: #626262;} .nao-cadastrado {margin: auto; display: table-cell; vertical-align: middle; padding: 0 63px !important; float: none !important;} .esqueci {margin: 15px 0; width: 100% !important;} .esqueci a:first-child{margin-right: 30px;} .esqueci a{text-decoration: underline} .formCadastro {display: none; background: #3a332d; margin-top: 20px; padding-bottom: 80px;} .formCadastro .boxLeft, .formCadastro .boxTop {float: none !important;} .formCadastro .boxLeft {padding: 0 80px !important;} .formCadastro .formInst {height: auto !important; display: table;} .limpar {float: none !important; clear: both !important;} .formCadastro select {background: none; width: 47%; margin-bottom: 10px; padding: 0; border-color: #5d4f3f; text-indent: 10px; color: #c7c0b0; font: 400 0.8em/25px "Open Sans";} .lightbox-evento{display: none; position: fixed; width: 595px; height: 380px; top: calc(50% - 300px); left: calc(50% - 300px); background: #FFF; z-index: 9999;} .lightbox-evento h2 {font: 700 1.5em/1.3em 'Open Sans'; margin-top: 85px; margin-left: 80px; margin-bottom: 20px;} .lightbox-evento p, .lightbox-evento .boxRight {margin-left: 80px; padding: 0 !important; margin-bottom: 20px;} .lightbox-evento .boxRight {margin-left: 80px;} .lightbox-evento .boxRight {margin-top: 50px; width: calc(100% - 160px) !important;} .lightbox-evento .boxRight label {display: inline !important; font-size: 1.0em !important; width: auto !important; float: left!important; margin-right: 8px !important; line-height: 26px !important; color: #4c4744 !important;} .lightbox-evento .boxRight .cpf, .lightbox-evento .boxRight .email {display: inline !important; float: left !important; width: 80% !important;} .lightbox-evento .boxRight .email {width: 75% !important} .lightbox-evento .boxRight div {width: 100% !important; display: inline-block} .lightbox-evento .btnVoltar {position: absolute; top: 20px; right: 20px;} .lightbox-evento input[type='button'] {background: #4f4543 !important; color: #c9c0af !important;} .lightbox-evento .sem-acesso {display: none; font-style: italic !important; margin-left: 80px !important; width: calc(100% - 80px) !important;} .lightbox-evento .sem-acesso a {display: inline-block} .lightbox-bg{display: none; content: " "; width: 100%; height: 100%; position: absolute; z-index: 9998; background: rgba(0,0,0,0.8); top: 0; left: 0;} .esqueci .btnEsqueciSenha-evento, .esqueci .btnEsqueciEmail-evento { color: #cbc1b1; display: inline-block; font-size: 0.75em; font-weight: normal; } /* Tabela de Associação */ .content-editor table td * { font: 400 0.9em/1.4em 'Arial' !important; } .content-editor table.negociacoes tbody tr td {width: 11%;} .content-editor table.negociacoes tbody tr td:first-child {width: 30%} /* Conselhos */ .conselhos-grid {width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; font-family: 'Open Sans', sans-serif; } .conselhos-grid::after {content: ""; flex: unset; width: 33%;} .conselhos-grid .conselho {max-width: 300px; position: relative; padding-bottom: 70px; margin-bottom: 65px; position: relative;} .conselhos-grid .conselho:after {content: " "; display: block; width: 115%; height: 1px; background: #ededed; position: absolute; bottom: 0;} .conselhos-grid .conselho:nth-child(3n):after {width: 100%;} .conselhos-grid .conselho:nth-last-child(-n+2)::after {display: none;} .conselhos-grid .conselho .conselho-img {border: 1px solid #ededed; margin-bottom: 28px;} .conselhos-grid .conselho .conselho-img img {display: block; max-width: 298px; height: auto;} .conselhos-grid .conselho .conselho-presidente {color: #6d6e70; font-size: 12px; margin-bottom: 28px; display: block;} .conselhos-grid .conselho .conselho-presidente.tem-vice {margin-bottom: 0px;} .conselhos-grid .conselho .conselho-titulo {font-family: 'Bree Serif'; font-size: 27px; font-weight: normal; margin-bottom: 28px; color: #000;} .conselhos-grid .conselho .conselho-descricao {color: #5e5e5e; font-size: 13px; line-height: 1.62em;} .dados-conselho {display: flex; flex-direction: row; margin: 0 10px 20px;} .dados-conselho .thumbnail {display: flex; flex-direction: column; margin-right: 20px;} .dados-conselho .thumbnail img.foto-presidencia {width: 231px; height: 144px; display: block; margin-bottom: 10px; } .dados-conselho .thumbnail span.presidencia {font-size: 11px; font-family: 'Open Sans', sans-serif;} .dados-conselho .textos {display: flex; flex-direction: column; justify-content: center; margin-bottom: 32px;} .dados-conselho .textos * {font-family: 'Chivo', sans-serif; color: #949596; font-size: 14px;} .dados-conselho .textos .presidencia {margin-bottom: 30px;} .conselhos-video-container {width: 100%; padding-top: 56.25%; position: relative;} .conselhos-video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .empresas-atuacao {display: flex; margin-bottom: 20px;} .empresas-atuacao h2.secTitle {margin-bottom: 60px;} .empresas-atuacao div p {margin: 0px 10px; font-size: 15px;} .divisoria {width: 100%; height: 1px; background-color: #f3f2f2; margin: 50px 10px; margin-top: 70px;} .divisoria.divConselho {margin-top: 50px;} .section.relacionadas ul, .section.relacionadas {overflow: hidden; width: 100%;} /* Um Brasil */ .navbar-umbrasil {display: flex;flex-flow: row;height: 198px;border-bottom: 1px solid #edefef;margin-bottom: 40px;align-items: center;justify-content: space-between} .navbar-umbrasil .umbrasil-logocontent-navmenu {display: flex;flex-flow: row;} .navbar-umbrasil .umbrasil-logocontent-navmenu .umbrasil-logo-navmenu {display: flex;align-items: center;} .navbar-umbrasil .umbrasil-logocontent-navmenu .umbrasil-logo-navmenu img {height: 50px;} .navbar-umbrasil .umbrasil-logocontent-navmenu .umbrasil-logo-navmenu:after {content: '';height: 100%;margin: 0 30px;border-right: 1px solid black;} .navbar-umbrasil .umbrasil-logocontent-navmenu .umbrasil-logo-content-navmenu {display: flex;flex-flow: column;justify-content: center;} .navbar-umbrasil .umbrasil-logocontent-navmenu .umbrasil-logo-content-navmenu .umbrasil-textline-navmenu {font-size: 11px;color: #000;font-weight: 400;line-height: 16px;letter-spacing: 1px;text-transform: uppercase;margin: 0;} .navbar-umbrasil .umbrasil-navmenu {display: flex;flex-flow: row;width: 30%;/*justify-content: space-between;*/justify-content: flex-end;} .navbar-umbrasil .umbrasil-navmenu .option-umbrasil-navmenu {margin: 0 10px;} .navbar-umbrasil .umbrasil-navmenu .option-umbrasil-navmenu a{font-size: 14px;font-weight: 800;text-decoration: none;} /*.navbar-umbrasil .umbrasil-navmenu .option-umbrasil-navmenu a:link, .navbar-umbrasil .umbrasil-navmenu .option-umbrasil-navmenu a:visited, .navbar-umbrasil .umbrasil-navmenu .option-umbrasil-navmenu a:hover, .navbar-umbrasil .umbrasil-navmenu .option-umbrasil-navmenu a:active{ text-decoration: none !important; }*/ .navbar-umbrasil .umbrasil-navmenu .option-umbrasil-navmenu a:hover {font-weight: 800;color: black;} .umbrasil-topbanner {display: flex;justify-content: space-between;align-items: flex-end;/*max-width: 65vw;*/height: auto;} .umbrasil-topbanner .umbrasil-content-text {display: flex;max-width: 24%;height: 100%;box-shadow: inset 0px -4px 0px 0 #404343;} .umbrasil-topbanner .umbrasil-content-text .umbrasil-textcontent {display: flex;flex-flow: column;margin-bottom: 16%;} .umbrasil-topbanner .umbrasil-content-text .umbrasil-textcontent .umbrasil-pretitulo {font: 700 0.65em 'Open Sans';text-transform: uppercase;color: black;} .umbrasil-topbanner .umbrasil-content-text .umbrasil-textcontent .umbrasil-titulo {font: 1.83em/1.2em 'Bree Serif';color: #404343;margin-bottom: 30px;} .umbrasil-topbanner .umbrasil-content-text .umbrasil-textcontent .umbrasil-descricao {font: 0.9em/1.25em 'Chivo';color: #959697;} .umbrasil-topbanner .umbrasil-content-text .umbrasil-textcontent .saiba.umbrasil-saiba {margin-top: 40px;max-width: 63px;} .umbrasil-topbanner .umbrasil-banner-img {width: 72%; height: auto;} .umbrasil-content {margin-top: 25px} .umbrasil-content .section.template a.cat {font-weight: 700 !important;color: black !important;} .umbrasil-content .section.template a.linkImg {border-color: black !important;} .umbrasil-content .section.template.videos ul li:nth-child(2), .umbrasil-content .section.template.videos ul li:nth-child(3) { width: 48% !important; margin-bottom: 40px !important; } .umbrasil-content .section.template.videos .reproduzir-box { /*display: flex;*/ display: none; justify-content: center; align-items: center; border: 1px solid white; padding: 7px 0px 7px 10px; border-radius: 6px; width: fit-content; margin: calc(3% + 4px) 0 0 calc(3% + 4px); } /*.umbrasil-content .section.template.videos .coluna .linkImg div:hover .reproduzir-box { margin: calc(3% - 4px) 0 0 calc(3% - 4px); min-width: 500px !important; background-color: red !important; }*/ /*.umbrasil-content .section.template.videos .coluna .linkImg div .reproduzir-box:hover { margin: calc(3% + 4px) 0 0 calc(3% + 4px); }*/ .umbrasil-content .section.template .reproduzir-box .reproduzir { position: relative !important; margin-right: 10px; right: 0; color: white; font-size: 11px; font-weight: bold; text-transform: uppercase; } .umbrasil-content .section.template .reproduzir-box .reproduzir:before { content: "\f04b"; font-family: FontAwesome, sans-serif; margin-right: 10px; } .umbrasil-content .section.template .reproduzir-box:hover { background-color: white; } .umbrasil-content .section.template .reproduzir-box:hover .reproduzir{ color: black; } .umbrasil-materia {color: #404343 !important;border-color: #404343 !important;margin-top: 20px} .umbrasil-coluna {width: 720px !important} a.umbrasil-menu-option.materias.mark.mark-active {text-decoration: underline;font-weight: 800;color: black} .umbrasil-pageTitle {margin-top: 30px !important} .umbrasil-pageTitle h2{color: #383838 !important;} .saiba.umbrasil-saiba, .umbrasil-content .saiba.umbrasil-saiba {background: #404343;position: relative;float: right;} .footer-umbrasil {display: flex;margin-top: 50px;border-top: 1px solid #eee} .footer-umbrasil .footer-redes-sociais-umbrasil {display: flex;flex-flow: column;} .footer-umbrasil .footer-redes-sociais-umbrasil:before {content: '';width: 95px;height: 2px;margin-bottom: 20px;background-color: #5c5c5c;} .footer-umbrasil .footer-redes-sociais-umbrasil .umbrasil-footer-title h4{font-weight: 800;font-size: 14px;color: black;} .footer-umbrasil .footer-redes-sociais-umbrasil ul {display: flex;flex-flow: row;font-size: 23px;margin-top: 20px;} .footer-umbrasil .footer-redes-sociais-umbrasil ul li {margin-right: 30px;} @font-face { font-family: "FontAwesome"; font-weight: normal; font-style : normal; src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src : url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); } .fab {font-family: 'FontAwesome';} /* .fa-youtube:before {content: "\f16a";} .fa-facebook-f:before {content: "\f39e";} .fa-twitter:before {content: "\f099";} .fa-instagram:before {content: "\f16d";}*/