/* Document : estilos.css TODO customize this sample style */ /* # ressets ========================================== */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figure, figcaption, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; font-weight:normal; vertical-align:baseline; outline:none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } *, *:after, *:before { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border:0; outline: none; } body, html { height: 100%; } html { background: #fff; } body { font:16px 'Geneva', Helvetica, sans-serif; letter-spacing: 2px; color:#000000; } img { border:none; overflow: hidden; display: inline-block; vertical-align: top; zoom: 1; *display: inline; } fieldset { display:block; border:none; } nav ul { overflow: hidden; } ul li { list-style:none; } a { text-decoration:none; outline: none !important; color: rgb(247, 167, 0); } p strong { font-weight:bold; } /* # recursos # arvore de recursos # => recuros do sistema # => recursos do layout ========================================== */ /* recuros do sistema ==================== */ .debug { width: 100%; position: fixed; top: -100px; z-index: 9999; padding:30px 10px; text-align: center; border-bottom: 1px solid #666; background: #feefb3; color: #333; font-size: 16px; font-family: Arial, Tahoma; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; } .debug_ativo { top: 0; transition:all 1s ease; -moz-transition:all 1s ease; -ms-transition:all 1s ease; -o-transition:all 1s ease; -webkit-transition:all 1s ease; } .warning_class { background:url('/js/4/autoform/booble.gif') top left no-repeat; color: #ffffff; z-index: 500; font-weight:bold; line-height:20px;height:25px; min-width:200px; padding-left:4px; text-align:left } .resposta { padding:10px; text-align:center; border:1px solid #ccc; margin:10px 0 30px 0; } /* recuros do layout ===================== */ .none { display:none !important; } .clear { clear:both; } .textNone { text-indent: -9999px !important; overflow: hidden !important; outline: none !important; } .aparence { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } .marginNone { margin: 0 !important; } /* regras gerais ======================== */ .flex { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .rowNoWrap { flex-flow: row nowrap; -ms-flex-flow: row nowrap; -webkit-flex-flow: row nowrap; } .rowWrap { flex-flow: row wrap; -ms-flex-flow: row wrap; -webkit-flex-flow: row wrap; } .flexStart { justify-content: flex-start; } .flexEnd { justify-content: flex-end; } .flexSpaceBetween { justify-content: space-between; } .flexSpaceAround { justify-content: space-around; } .flexCenter { justify-content: center; } /* background-size ======================== */ .cover { -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; } .contain { -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; } /* cover em Pseudo classe ================= */ .cover-pseudo-elemento::before, .cover-pseudo-elemento::after { -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .btn { display:inline-block; zoom:1; *display:inline; border: 1px solid #999; color: #999; height: 40px; line-height: 40px; padding: 0 15px; font-size: 16px; } .btn:hover { opacity:0.65; -moz-opacity: 0.65; filter: alpha(opacity=65); } .btn.preto { border-color: #000; color: #000; } .btn.amarelo { border-color: rgb(247, 167, 0); color: rgb(247, 167, 0); } .btn.preto.fill { background: #000; color: #fff; } .btn.amarelo.fill { background: rgb(247, 167, 0); color: #fff; } /* background-position ==================== */ .backCenterNoRepeat { background-position: center center; background-repeat: no-repeat; } .backTopNoRepeat { background-position: top center; background-repeat: no-repeat; } .backAttachment { background-attachment: fixed; } /* Float's ================================ */ .fLeft { float: left; } .fRight { float: right; } /* Colunas ================================ */ .col_1 { width: 100%; } .col_1_2, .col_2_4 { width: 50%; } .col_1_3 { width: 33.33%; } .col_2_3 { width: 66.66%; } .col_1_4 { width: 25%; } .col_3_4 { width: 75%; } .col_1_5 { width: 20%; } .col_2_5 { width: 40%; } .col_3_5 { width: 60%; } .col_4_5 { width: 80%; } /* container's ============================ */ .container { width:100%; } .container.marginBottom { margin-bottom: 30px; } .content { width:1400px; margin: 0 auto; } /* gcBox | Padões de textos e etc */ .gcBox { font:18px/1.333 'Geneva'; color: #666; letter-spacing: 1px; } .gcBox p { margin-bottom: 1em; } .gcBox a { color:#c92d32; } .gcBox a:hover { background-color: rgb(0, 0, 0); color:#fff; } /* títulos ================================ */ /* titleEntreSessoes */ .titleEntreSessoes { display: block; font:22px/1.2 'Geneva-Bold'; } .subTitulo { display: block; font:28px/1.2 'Geneva-Bold'; } /* borderSubTitulo */ .borderSubTitulo { width: 100%; margin:0 0 1em 0; position: relative; overflow: hidden; } .borderSubTitulo span { display: block; float: left; padding: 0px 16px; position: relative; } .borderSubTitulo span::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left: 0; z-index: 5; background-color: #fff } .borderSubTitulo::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; width: 100%; height: 1px; background-color: rgba(96, 96, 96,.2); } /* Cores ================================== */ /* color */ .colorAmarelo { color: rgb(247, 167, 0); } /* bg's */ .bgPreto { background-color: rgb(38, 38, 38); } .bgCinza { background-color: rgb(250, 250, 250); } /* links ================================== */ /* ctaBlog */ .cta_abrirLinkBox { width: 100%; position: relative; justify-content: space-between; } .cta_abrirLinkBox::before { content: ''; display: block; width: 75%; height: 1px; margin: .65em 0; background-color: rgb(194, 194, 194); } .cta_abrirLinkBox .cta_abrirLink { display: block; font-size: 14px; font-family: "Geneva"; color: rgb(31, 30, 33); line-height: 22px; text-align: left; } .cta_abrirLinkBox .cta_abrirLink::after { content: ''; display: block; float: right; width: 22px; height: 22px; margin-left: 10px; background-position: center; background-repeat: no-repeat; background-image: url(../img/icon/abrir-link.png); } /* ctaComBorda */ .ctaComBorda { display: inline-block; position: relative; padding: 0px 40px; font-size: 14px; font-family: "Geneva-Bold"; color: rgba(31, 30, 33, 0.4); line-height: 40px; border-width: 1px; border-color: rgba(96, 96, 96,.4); border-style: solid; } .ctaComBorda:hover { padding: 0px 40px 0 60px; background-color: rgba(0, 0, 0,1); color: #fff; } .ctaComBorda.noFX:hover { padding: 0px 40px; } .ctaComBorda::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: calc(-1px / 2); display: block; width: 1.5em; height: 1px; background-color: rgba(255,255,255,0); } .ctaComBorda:hover::before { left: 2em; background-color: rgba(255,255,255,1); } .ctaComBorda.noFX::before { display: none; } /* Transições ============================ */ .btn, .agencias ul li .detalhes, .transition__3s, .transition__3s::before, .transition__3s::after, /* links */ .navAcesso a, .navMain a, .navMain ul, .navMain ul li, #slide a, .navSiteMap a, #contentResponsivo a, #hero a, #hero a::before, .navSidebar a, .navSidebar a::before, nav.conselhoEtica a, nav.conselhoEtica a::after, /* lists */ .lastNews ul, .lastNews ul li, #outrasNoticias, #outrasNoticias .imgPreview, #outrasNoticias .imgPreview::before, ul.sociaisFooter, ul.sociaisFooter li, .listaRelatorio ul, .listaRelatorio ul li, .listaRelatorio ul li a { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .transition__5s, .transition__5s::before, .transition__5s::after, /* links */ .lastNews a.maisNoticias::before, .ctaComBorda::before { -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } /* Transformações ======================== */ .className { -moz-transform: translateX(-120%); -webkit-transform: translateX(-120%); -o-transform: translateX(-120%); -ms-transform: translateX(-120%); transform: translateX(-120%); } /* Keyframes ============================ */ /* opacity100 3s */ .abreContent { -webkit-animation: opacity100 1s; /* Safari 4+ */ -moz-animation: opacity100 1s; /* Fx 5+ */ -o-animation: opacity100 1s; /* Opera 12+ */ animation: opacity100 1s; /* IE 10+, Fx 29+ */ } /* effetcs | opacity - 0 > 100% */ @-webkit-keyframes opacity100 { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opacity100 { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opacity100 { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opacity100 { 0% { opacity: 0; } 100% { opacity: 1; } }