/* RESET ******************************/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,select,button { margin:0; padding:0; } table { border-collapse:collapse; border-spacing:0; } fieldset,img { border:0; } address,caption,cite,code,dfn,var { font-style:normal; font-weight:normal; } ol,ul { list-style:none; } caption { text-align:left; } th { font-weight:bold; text-align:center; } h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; font-family: inherit;} q{ quotes: none; } q:before,q:after { content:''; content: none;} abbr[title], acronym { border-bottom:1px dotted; cursor:help; } /* GERAL ******************************/ .bord{ border: 1px solid; padding: 14px; text-align: center; background: none !important; } .bord p span{ font-family: Arial, helvetica, sans-serif; color: #666; font-size: 16px; } input:focus, textarea:focus { outline:none; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } button, input { line-height: normal; *overflow: visible; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; } body, button, input, select, textarea { font-family: Arial, helvetica, sans-serif; } button, input, select, textarea { font-size: 100%; vertical-align: baseline; *vertical-align: middle; } textarea { resize: none; overflow: auto; vertical-align: top; } a { text-decoration:none; color: #0094d9; font-weight: bold; font-size: 13px; } a:hover { color: #19a6e8; } a:hover, a:active { outline: 0;} legend { display:none; border: 0; margin: -7px; } b, strong { font-weight: bold; } em { font-style:italic; } .seta{ background: url(../imagens/bullet_links.png) left center no-repeat; display: block; line-height: 20px; padding-left: 24px; } .seta.voltar{ background-image: url(../imagens/bullet_links_voltar.png); } /* ESTRUTURA ****************************/ html, body { height:100%; } body { color: #666; } #container { position:relative; width:100%; min-height:100%; min-width:960px; } #section {overflow: hidden; padding-bottom: 200px; width: 100vw; margin: 0 auto;} .interna{ background: #f7fafb url(../imagens/bg_interna_topo_grande.png) left 170px repeat-x; } .interna #section{ padding-top: 38px; } .interna h1{ padding-top: 45px; height: 0; overflow: hidden; background-position: left top; background-repeat: no-repeat; } #intro{ width: 940px; margin: 0 auto; padding-left: 20px; padding-right: 20px; overflow: hidden; } #intro img{ position: relative; z-index: 2; } #intro div{ width: 600px; margin-top: 52px;} #intro p{ margin-top: 30px; width: 600px; } #intro p, .dropdown #article li p, .marcadores p, .corpo li p, .corpo.texto div p{ font: italic 14px/21px Georgia, serif; color: #999; } #intro .apoio{ padding-top: 21px; height: 0; overflow: hidden; margin-top: 6px; background-position: left top; background-repeat: no-repeat; } #intro div .seta{ margin-top: 12px; } #intro:after{ content: ''; position: absolute; display: block; background-image: url(../imagens/img_detalhe_interna_topo_lista.png); width: 143px; height: 74px; z-index: 1; bottom: -2px; } .interna #article{ overflow: hidden; clear: both; position: relative; min-height: 220px; padding-top: 40px; background: url(../imagens/bg_interna_meio_listas.png) left top repeat-x; } #article .wrapper{ width: 940px; margin: 0 auto; clear: both; } .colEsq{ width: 660px; float: left; } .colEsq p, #article .corpo ul{ font-size: 14px; line-height: 21px; } .colEsq > p{ margin: 20px 0; } .colEsq p strong{ color: #333333; } .colEsq > p:first-child{ margin-top: 0; } .texto > div, .corpo li a{ background: url(../imagens/bg_detalhe_plano_selecionado.png) center bottom no-repeat; padding-bottom: 25px; margin-bottom: 25px; display: block; } .texto div h2{ color: #0095da; font-size: 30px; line-height: 38px; } .texto > h2{ font-size: 26px; color: #0094d9; } .texto div p{ font-size: 14px; color: #999; line-height: 24px; } .texto h3{ font-size: 22px; line-height: 18px; color: #0095da; } .texto ul{ margin: 25px 0; list-style: disc inside; } .texto ol{ margin: 25px 0 25px 15px; padding-left: 15px; border-left: 1px solid #c6c8c9; list-style: lower-latin inside; font-weight: bold; color: #003263; } .texto p a, .texto li a, .texto dl a{ font-size: 14px; } .texto dl{ margin: 25px 0; font-size: 14px; line-height: 21px; } .corpo li{ line-height: normal; } .corpo li a{ display: block; overflow: hidden; } .corpo li h2, .corpo.texto div h2{ font-size: 26px; margin-bottom: 5px; width: 570px; margin: 0 0 0 auto; } .ielow .corpo li h2, .ielow .corpo.texto div h2{ float: left; } .corpo li p, .corpo.texto div p{ color: #666; margin: 0 0 0 auto; width: 570px; } .corpo li .data, .corpo.texto div .data{ float: left; background: url(../imagens/bg_data.jpg) left top no-repeat; width: 66px; border-radius: 33px; color: #fff; text-align: center; margin-right: 20px; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding: 11px 0; position: relative; } .corpo li .data span, .corpo.texto div .data span{ display: block; font: normal bold 18px Arial, helvetica, sans-serif; } .corpo li .data .dias, .corpo.texto div .data .dias{ line-height: 18px; padding-top: 4px; } .corpo .botao{ float: left; margin: 0 26%; } .colDir{ width: 240px; float: right; } .colDir .box{ border-radius: 20px 50px 20px 20px; padding: 20px; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); position: relative; margin-bottom: 20px; } .colDir .box:last-child{ margin-bottom: 0; } .colDir .box h3{ text-indent: -999999px; height: 38px; background-repeat: no-repeat; padding-bottom: 15px; } .colDir .box p{ margin: 14px 0; font: italic 14px Georgia, serif; } .colDir .box .seta{ color: #fff; font-size: 12px; line-height: normal; background-image: url(../imagens/bullet_links_2.png); background-position: left top; padding: 1px 0 3px 24px; } .colDir .box .seta span{ font-weight: normal; } .colDir .box li{ margin-top: 10px; } .colDir .box li.destaque{ margin-top: 4px; } .colDir .box li:first-child{ margin: 4px -20px 0; background: url(../imagens/bg_box_detalhe.png) center bottom no-repeat; padding: 0 20px 12px; } .colDir .box li:first-child a, .colDir .box li.destaque a{ font-size: 14px; background-position: left center; } .colDir .box dt{ font-weight: bold; font-size: 14px; line-height: 24px; } .colDir .box .horarios dt, .colDir .box p.horarios{ font: normal italic 12px Georgia, serif; } .colDir .box dd{ font-size: 14px; font-weight: bold; } .colDir .box .label{ display: block; font: italic 12px Georgia, 'Times New Roman', serif; margin: 15px 0 -12px; } .colDir .box .telefone{ font-weight: bold; font-size: 22px; font-style: normal; font-family: Arial, helvetica, sans-serif; } .colDir .box .telefone span{ font-weight: normal; } .colDir .box .email{ background: url(../imagens/bg_box_detalhe.png) center top no-repeat; display: block; color: #fff; margin: 20px -20px 0; padding: 20px 20px 0; font-size: 12px; } #perguntasFrequentes{ background-image: url(../imagens/txt_box_perguntas_frequentes.png); background-position: left top; position: relative; } #perguntasFrequentes:after{ position: absolute; content: ''; right: 3px; top: -3px; display: block; background: url(../imagens/ico_perguntas_frequentes.png) left top no-repeat; width: 52px; height: 44px; } #perguntasFrequentes-b{ background-image: url(../imagens/txt_box_perguntas_frequentes-b.png); background-position: left top; position: relative; } #perguntasFrequentes-b:after{ position: absolute; content: ''; right: 3px; top: -3px; display: block; background: url(../imagens/ico_perguntas_frequentes.png) left top no-repeat; width: 52px; height: 44px; } #arquivosAnexos{ background-image: url(../imagens/txt_box_arquivos_anexos.png); background-position: left 10px; } #arquivosAnexos-v{ background-image: url(../imagens/txt_box_arquivos_anexos-v.png); background-position: left 10px; } #poolDeRisco{ background-image: url(../imagens/txt_box_pool_de_risco.png); background-position: 0 0; padding-bottom: 30px; } #servicosOnline{ background-image: url(../imagens/txt_box_servicos_online.png); background-position: left 10px; } #soliciteInformacoes{ background-image: url(../imagens/txt_box_solicite_informacoes.png); background-position: left top; } #soliciteInformacoes-b{ background-image: url(../imagens/txt_box_solicite_informacoes-b.png); background-position: left top; } #centralRelacionamento{ background-image: url(../imagens/txt_box_central_de_relacionamento.png); } #ouvidoria{ background-image: url(../imagens/txt_box_ouvidoria.png); background-position: left 10px; } #departamentoComercial{ background-image: url(../imagens/txt_box_departamento_comercial.jpg); } #marcacaoConsultas{ background-image: url(../imagens/txt_box_central_de_marcacao.png); } #importante{ background-image: url(../imagens/txt_box_importante.jpg); } #administracao{ background-image: url(../imagens/txt_box_administracao.png); background-position: left 10px; } .colDir .roxo{ background: #7C4785 url(../imagens/banners/bg_header_lateral_roxo.jpg) left top no-repeat; } .colDir .verde{ background: #00819C url(../imagens/bg_header_lateral_verde.jpg) left top no-repeat; } .colDir .verde .obs { display: block; font-size:10px; } .colDir .verde .link_box { font-size:12px; color:#ffffff; } .colDir .azul{ background: #0694d9 url(../imagens/bg_header_lateral_azul.jpg) left top no-repeat; } .colDir .importante{ background: #4f83c7 url(../imagens/bg_header_lateral_importante.jpg) left top no-repeat; } .colDir .servicosOnline p{ font-family: Arial, helvetica, sans-serif; font-size: 20px; font-style: normal; } .colDir .servicosOnline .seta{ font-size: 14px; } .grande #intro img, .pequena #intro div{ float: left; } .grande #intro div, .pequena #intro img{ float: right; /*width: 64%;*/ } .grande #intro{ overflow: visible; height: 309px; position: relative; } .grande #intro:after{ left: 209px; } .pequena{ background-image: url(../imagens/bg_interna_topo_pequeno.png); } .pequena #intro{ overflow: visible; height: 170px; position: relative; } .pequena #intro:after{ right: 187px; } .dropdown #intro:after{ background: url(../imagens/img_detalhe_interna_topo.png) left top no-repeat; } .dropdown #article{ background: url(../imagens/bg_interna_meio.png) left top repeat-x; } .dropdown #article ul{ clear: both; display: block; overflow: hidden; width: 960px; margin: 0 auto; } .dropdown #article li{ float: left; width: 220px; margin: 0 10px 40px; } .ielow .dropdown #article li{ min-height: 135px; } .dropdown #article li:nth-child(4n+1){ clear: both; } .dropdown #article p{ width: auto; margin: 12px 0; } .dropdown #article h2{ background-position: left top; background-repeat: no-repeat; text-indent: -999999px; } .barra{ display: block; background: url(../imagens/img_detalhe_interna_grande_select.png) center bottom no-repeat; margin-top: -10px; padding-bottom: 45px; margin-bottom: 35px; } .barra > div{ margin: 18px auto 0; overflow: hidden; } .barra div a{ height: 36px; display: block; float: left; background-position: left -36px; background-repeat: no-repeat; text-indent: -999999px; } .barra div .ativo{ background-position: left top; } .barra fieldset{ display: block; width: 940px; margin: auto; } .placeholder{ text-align: center; } .placeholder span{ font-size: 14px; position: relative; background: url(../imagens/bt_select_laboratorio.jpg) left center no-repeat; padding: 18px 0 18px 62px; display: inline-block; } .resultados{ width: 980px; overflow: hidden; margin: -20px auto 0; } .resultados li{ float: left; margin: 20px; display: block; width: 450px; } .resultados li:nth-child(2n+1){ clear: both; } .resultados li img{ display: block; float: left; border-radius: 4px; position: relative; margin-right: 20px; } .resultados li .empty{ margin-left: 72px; } .resultados li h2{ float: left; border-bottom: 1px solid #c6c8c9; padding: 5px 0 10px 20px; font-size: 22px; color: #0095da; width: 250px; margin: 0 0 10px -20px; } .resultados li dt{ color: #999; font: italic 12px Georgia, serif; margin-bottom: 2px; } .resultados li dd{ line-height: 18px; font-size: 12px; margin-bottom: 14px; } .resultados li dl, .resultados li a{ margin-left: auto; width: 250px; } .resultados li a{ width: 230px; } .marcadores li{ border: 1px solid #c6c8c9; webkit-border-radius: 20px; border-radius: 20px; background-color: #f7fafb; background-image: -webkit-gradient(linear, left top, left bottom, from(#f7fafb), to(#eff2f3)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f7fafb, #eff2f3); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f7fafb, #eff2f3); -pie-background: linear-gradient(#f7fafb, #eff2f3); margin: 10px 0; position: relative; } .marcadores a{ display: block; padding: 25px 25px 15px; } .marcadores h2{ font-size: 22px; line-height: 18px; position: relative; } .marcadores h2:before{ background: url(../imagens/bullet_lista_planos.png) left top no-repeat; width: 25px; height: 25px; position: absolute; left: -36px; top: -3px; display: block; content: ''; } .marcadores span{ color: #999; font-size: 12px; font-weight: normal; } #section #article .marcadores p{ color: #666; font-size: 12px; line-height: 20px; margin-top: 15px; } .revista{ width: 840px; margin: 0 auto; padding: 0 50px; overflow: hidden; background: url(../imagens/bg_revistas.png) center 302px repeat-y; } .revista li{ text-align: center; margin: 0 10px 56px; float: left; font-size: 12px; width: 180px; background: url(../imagens/bg_revistas_sombra.png) center bottom no-repeat; padding: 0 5px; display: block; position: relative; height: 320px; } .revista a{ color: #666; display: block; font-weight: normal; } .revista strong{ display: block; font-size: 14px; color: #0094d9; } .revista img{ display: block; box-shadow: 0 5px 8px rgba(0, 0, 0, .15); position: absolute; left: 0; bottom: 12px; } .ielow .revista img, .ie8 .revista img{ border: 1px solid #e3e3e3; margin: -1px; } .revista li:hover img{ bottom: 15px; } .embed{ width: 940px; margin: 0 auto; } .embed h2{ text-align: center; font-size: 26px; color: #0094d9; } .embed p{ text-align: center; font-size: 14px; } .embed div{ border: 1px solid #cfcfcf; /*height: 588px;*/ margin: 30px 0; } .embed div > *{ display: block; } .embed iframe{ border: none; } #toolTip{ background: url(../imagens/bg_interna_base.png) left 23px repeat-x; padding: 20px 0 47px; } #toolTip div{ width: 940px; margin: 0 auto; background: url(../imagens/bg_tooltip.png) center top no-repeat; overflow: hidden; padding-top: 19px; } #toolTip a{ background: url(../imagens/bg_email_print.png) left bottom no-repeat; float: left; padding-left: 20px; margin-right: 20px; } #toolTip a:first-child{ background-position: left 2px; } .modalWrap{ position: absolute; width: 100%; height: auto; background: rgba(247, 250, 251, .75); height: 100%; top: 0; left: 0; z-index: 100000; display: none; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFF7FAFB,endColorstr=#BFF7FAFB); } .modalWrap div{ box-shadow: 0 1px 4px rgba(0, 0, 0, .4); position: relative; left: 50%; top: 50%; padding: 20px; background-color: #fff; border-radius: 5px; } .ielow .modalWrap div, .ie8 .modalWrap div{ box-shadow: 0 1px 4px #999; } .modalWrap .fechar{ text-indent: -999999px; display: block; background: url(../imagens/bt_modal_fechar.png) left top no-repeat; width: 11px; height: 12px; position: absolute; right: 0; top: -20px; } #modalEmail div{ width: 340px; margin-left: -170px; top: 220px; } #modalEmail fieldset{ padding-bottom: 10px; } #modalEmail button{ width: 100%; margin-left: 0;} .login .colEsq{ width: 470px; } .login .colEsq ul{ list-style: none; font-weight: bold; color: #333; font-size: 14px; } .login .colEsq li{ margin: 3px 0; } .login .colEsq .novaSenha{ border-top: 1px solid #c6c8c9; padding-top: 22px; font-size: 12px; } .login .colEsq .novaSenha a{ display: block; font-size: 18px; } .login .colDir{ width: 430px; } .login .colDir form{ display: block; background: #f7fafb; border-radius : 20px; padding: 28px 30px; width: 320px; margin-right: auto; box-shadow: 0 -1px 2px rgba(35, 31, 32, .1); position: relative; } .ielow .login .colDir form, .ie8 .login .colDir form{ box-shadow: 0 -1px 2px #dae3e6; } .login .colDir input[type="text"], .login .colDir input[type="password"]{ width: 294px; } .login .colDir .checkbox{ margin-top: 15px; } .login .colDir button{ width: 100%; margin-top: 15px; } .login .colDir button:active{ margin-top: 17px; } /* TRANSI��ES E PIE( PARA APLICAR EFEITOS CSS3 NO IE<8 ) */ input[type="text"], textarea, #menuSuperior ul, #nav ul, .revista img{ -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .ielow input[type="text"], .ielow input[type="password"], .ielow textarea, .ielow .selectbox .display, .ielow #menuSuperior dl, .ie8 input[type="text"], .ie8 input[type="password"], .ie8 textarea, .ie8 .selectbox .display, .ie8 #menuSuperior dl, .ie8 #menuSuperior li:first-child, .ielow #planos div, .ie8 #planos div, .ielow #breadCrumb, .ie8 #breadCrumb, .ielow .resultados li img, .ie8 .resultados li img, .ielow .colDir .box, .ie8 .colDir .box, .ie8 .marcadores li, .ielow .corpo li .data, .ie8 .corpo li .data, .ie8 .modalWrap div, .ielow #modalEmail div, .ie8 #section.redecredenciada .wrapper, .ielow #section.redecredenciada .wrapper, .ielow .login .colDir form, .ie8 .login .colDir form, .ie8 .atualizacaocadastral .wrapper > div, .ielow .atualizacaocadastral .wrapper > div, .ie8 .portaldousuario .nav, .ielow .portaldousuario .nav, .ielow #destaques img, .ie8 #destaques img{ behavior: url(site_institucional/site/js/PIE.htc); } /* FORMUL�RIOS ************************/ input[type="text"], input[type="password"], textarea{ font-size: 14px; padding: 10px 13px; box-shadow: inset 0 2px 2px #bcc7cc; border-radius: 4px; background-color: #e0e6e9; border: none; color: #64747b; width: 314px; position: relative; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ color: #fff; background-color: #0094d9; box-shadow: inset 0 2px 2px #007bb5; } input.erro, textarea.erro{ background-color: #e9baba; box-shadow: inset 0 2px 2px #d6a2a2; color: #976c6c; } span.erro{ font-size: 12px; color: #c33; text-align: right; display: block; } #container .escondido{ display: none; } label, .fakelabel{ font-size: 12px; color: #999; display: block; padding-left: 5px; margin-top: 10px; } label.checkbox, label.radio{ font-size: 14px; color: #64747b; background: url(../imagens/sprite_inputs.png) no-repeat; height: 18px; line-height: 18px; padding-left: 10px; } label.checkbox input, label.radio input{ opacity: 0.0; filter: alpha(opacity=00); } label.checkbox{ background-position: left -87px; } label.radio{ background-position: left top; } label.checkbox:active{ background-position: left -117px; } label.checkbox.ativo{ background-position: left -147px; } label.radio:active{ background-position: left -30px; } label.radio.ativo{ background-position: left -60px; } button, .botao{ color: #ffffff; font-weight: bold; color: 14px; border: none; border-bottom: 2px solid #0775ad; border-radius: 5px; text-align: center; padding: 9px 85px; text-shadow: 0 1px 0 rgba(0, 0, 0, .3); background-color: #25a6ea; display: block; font-size: 14px; background-image: -webkit-gradient(linear, left top, left bottom, from(#25a6ea), to(#098fd5)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #25a6ea, #098fd5); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #25a6ea, #098fd5); -pie-background: linear-gradient(#25a6ea, #098fd5); } button:hover, .botao:hover{ background-color: #3bb6ee; color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, from(#3bb6ee), to(#12a2dd)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #3bb6ee, #12a2dd); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #3bb6ee, #12a2dd); -pie-background: linear-gradient(#3bb6ee, #12a2dd); } button:active, .botao:active{ box-shadow: inset 0 1px 3px rgba(0, 0, 0, .4); border-bottom-width: 0px; margin-top: 2px; } /* CUSTOM SELECT */ .has_sb{position:absolute;left:-999999em;text-indent:-999999em;} .selectbox{ display:inline-block; *display:inline; position:relative; font-size: 14px; vertical-align:middle; zoom:1; } .selectbox .display{ background:#fff; border-bottom: 2px solid #bcc7cc; color: #64747b; border-radius: 4px; cursor: pointer; display:block; overflow:hidden; outline:none; position:relative; text-decoration:none; padding: 9px 0; background-color: #e0e6e9; background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e6e9), to(#d5dde1)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e0e6e9, #d5dde1); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e0e6e9, #d5dde1); -pie-background: linear-gradient(#e0e6e9, #d5dde1); } .selectbox .display .text{ padding-left: 12px; } .selectbox.erro .display{ border-color: #d6a1a1; background-color: #f6c9c9; background-image: -webkit-gradient(linear, left top, left bottom, from(#f6c9c9), to(#e9baba)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #f6c9c9, #e9baba); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #f6c9c9, #e9baba); -pie-background: linear-gradient(#f6c9c9, #e9baba); } .selectbox.erro .display .text{ color: #976c6c; } .selectbox.focused .display .text, .selectbox .display.hover .text{ color: #64747b; } .selectbox.disabled .display{ opacity: .3;} /*.selectbox.focused .display .text{ display:inline-block;*display:inline;zoom:1; }*/ .selectbox .display.active{ margin-top: 2px; background-color: #e6ebed; box-shadow: 0 1px 3px #bcc7cc; border: none; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6ebed), to(#dde3e7)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e6ebed, #dde3e7); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e6ebed, #dde3e7); -pie-background: linear-gradient(#e6ebed, #dde3e7); } .selectbox .display.hover{ background-color: #e6ebed; border-color: #bcc7cc; background-image: -webkit-gradient(linear, left top, left bottom, from(#e6ebed), to(#dde3e7)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #e6ebed, #dde3e7); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #e6ebed, #dde3e7); -pie-background: linear-gradient(#e6ebed, #dde3e7); } .selectbox .display .arrow_btn{ background: url(../imagens/bt_select.png) center no-repeat; display:block; position:absolute; right:0; text-align:center; top:0;width: 9px; height: 7px; right: 16px; top: 15px; } .selectbox .display .arrow_btn .arrow{ display:inline-block; *display:inline; position:absolute; zoom:1; } .selectbox .value{ display:none; } /* dropdown styles */ .selectbox.items{ background: #e0e6e9; display: block; margin: 0; overflow-x:hidden; overflow-y:auto; z-index:99999; border-radius: 4px; } .selectbox.items li{ display:block;margin:0;padding:0; overflow: hidden; } .selectbox.items li.first{margin-top:0; border-radius: 4px 4px 0 0;} .selectbox.items li.last{ border-radius: 0 0 4px 4px;} .selectbox.items li .item{ color:#64747b; cursor:default; display:block; padding: 9px 12px; text-decoration:none; font-size: 14px;} .selectbox.items li:nth-child(odd){ background-color: #dae1e5; } .selectbox.items li .item .text{display:inline-block;*display:inline;zoom:1;} .selectbox.items li.hover .item{ background-color: #0094d9; color: #fff; } .selectbox.items .value{display:none;} .selectbox.unidades .display{ width: 258px; } .selectbox.unidades.items{ width: 258px; } .selectGrd .display{ width: 340px; } .selectGrd .item{ width: 316px; } .formleft .display{ width: 320px; } .formleft .item{ width: 296px; } .formrede{ font-size: 11px } .formrede .display{ width: 210px; } .formrede .items{ width: 210px; } .formrede .display .text { margin-right: 30px; } .formrede.items li .item{ color:#64747b; cursor:default; display:block; padding: 9px 12px; text-decoration:none; font-size: 11px; } .formTrab .display{ width: 440px; } .formTrab .item{ width: 416px; } .formTrab2 { width: 416px; } .botao{ color: #fff; } p.confirmacao{ font-size: 18px; } p.confirmacao strong{ color: #0094d9; font-size: 26px; display: block; } .sucesso{ text-align: center; } .sucesso img{ margin-top: 20px; } #article form .numero{ width: 134px; } /* CABECALHO */ #header{ background: url(../imagens/bg_header.png) left bottom repeat-x; height: 188px; width: auto; position: relative; z-index: 4; } #headerContent{ width: 980px; margin: auto; } #logo{ display: block; float: left; margin: 0 14px 0 0; } #logo img{ display: block; } #telefoneHeader{ float: left; background: url(../imagens/bg_header_detalhes.png) left top no-repeat; width: 165px; height: 89px; } #telefoneHeader p{ display: block; background: url(../imagens/txt_contrate_um_plano.png) left top no-repeat; width: 132px; height: 38px; text-indent: -999999px; margin: 40px 0 0 17px; } #menuSuperior{ float: left; background: url(../imagens/bg_header_detalhes.png) left top no-repeat; height: 49px; padding: 40px 0 0 34px; width: 540px; z-index: 10; position: relative; } #menuSuperior dl{ background-color: #205585; width: 546px; height: 37px; border-radius: 18px; position: relative; background-image: -webkit-gradient(linear, left top, left bottom, from(#205585), to(#164474)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #205585, #164474); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #205585, #164474); -pie-background: linear-gradient(#205585, #164474); } #menuSuperior dt{ float: left; text-indent: -999999px; background: url(../imagens/txt_eu_sou.png) left top no-repeat; height: 37px; width: 76px; } #menuSuperior dd{ float: left; color: #3d6790; position: relative; } #menuSuperior dd > a{ display: block; height: 37px; text-indent: -999999px; background-repeat: no-repeat; background-position: center 13px; } #menuSuperior li{ background-color: #174f80; } #menuSuperior li:nth-child(even){ background-color: #1d598d; } #menuSuperior .usuario:hover{ background-color: #1d4c77; background-image: -webkit-gradient(linear, left top, left bottom, from(#1d4c77), to(#143d68)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #1d4c77, #143d68); /* Chrome 10+, Saf5.1+, iOS 5+ */ /* FF3.6 */ /* IE10 */ /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #1d4c77, #143d68); -pie-background: linear-gradient(#1d4c77, #143d68); } #menuSuperior .usuario:hover ul{ height: 300px!important; } .ielow #menuSuperior ul, .ie8 #menuSuperior ul{ display: none; height: auto; } .ielow #menuSuperior .usuario:hover ul{ height: auto; } #menuSuperior .usuario > a{ background-image: url(../imagens/txt_menu_superior_usuario.png); width: 130px; } #menuSuperior .empresa a{ background-image: url(../imagens/txt_menu_superior_empresa.png); width: 131px; float: left; } #menuSuperior .corretor a{ background-image: url(../imagens/txt_menu_superior_corretor.png); width: 90px; } #menuSuperior .corretor a:hover{ background-position: center -13px; } #menuSuperior .credenciado a{ background-image: url(../imagens/txt_menu_superior_credenciado.png); width: 109px; } #menuSuperior .corretor:before{ content: "|"; display: block; float: left; font-size: 16px; line-height: 34px; } #menuSuperior .usuario:hover > a, #menuSuperior .credenciado a:hover{ background-position: center -11px; } #menuSuperior .empresa a:hover{ background-position: center -14px; } #menuSuperior .empresa:after, #menuSuperior .empresa:before{ content: "|"; display: block; float: left; font-size: 16px; line-height: 34px; } #nav{ padding: 0 1px; width: 940px; height: 52px; background: url(../imagens/bg_nav.png) left top repeat-x; clear: both; margin: auto; } #nav > li{ float: left; position: relative; overflow: visible; } #nav > li > a{ display: block; background: url(../imagens/bt_nav.png) left top no-repeat; text-indent: -999999px; height: 52px; } #nav .planoseservicos > a{ width: 173px; } #nav .planoseservicos:hover > a{ background-position: left bottom; } #nav .unidades a{ width: 100px; background-position: -173px top; } #nav .unidades:hover a{ background-position: -173px bottom; } #nav .laboratorio a{ width: 248px; background-position: -273px top; } #nav .laboratorio:hover a{ background-position: -273px bottom; } #nav .fiquepordentro > a{ width: 167px; background-position: -521px top; } #nav .fiquepordentro:hover > a{ background-position: -521px bottom; } #nav .institucional > a{ width: 143px; background-position: -688px top; } #nav .institucional:hover > a{ background-position: -688px bottom; } #nav .contato > a{ width: 109px; background-position: right top; } #nav .contato:hover > a{ background-position: right bottom; } #menuSuperior li a, #nav ul li a{ color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); padding: 9px 11px; display: block; } .ielow #nav ul li, .ielow #menuSuperior ul li{ zoom: 1; margin-bottom: -3px; } #menuSuperior li a:hover{ color: #b4d3f2; } #menuSuperior ul, #nav ul{ position: absolute; left: 0; top: 37px; padding-top: 2px; width: 173px; overflow: hidden; height: 0; } #menuSuperior ul{ width: 145px; } #nav .fiquepordentro ul{ width: 168px; } #nav .contato ul{ width: 158px; } #menuSuperior li:first-child, #nav ul li:first-child{ border-radius: 5px 5px 0 0; } #menuSuperior li:last-child, #nav ul li:last-child{ border-radius: 0 0 5px 5px; } #nav ul{ top: 52px; height: auto; opacity: 0; visibility: hidden; } .ielow #nav ul, .ie8 #nav ul{ display: none; visibility: visible; } #nav ul li{ background-color: #0782c3; } #nav ul li:nth-child(even){ background-color: #007bbc; } #nav ul li a:hover{ color: #98d9f5; } #nav li:hover ul{ opacity: 1; visibility: visible; } #nav .contato ul{ right: 0; left: auto; } #nav .contato ul a{ text-align: right; } #logado{ float: left; margin: 38px 0 0 25px; color: #676767; font-size: 14px; } #logado p{ margin-bottom: 5px; } #logado p a{ color: #676767; font-size: 12px; } #logado p a:hover{ color: #9a9a9a; } #breadCrumb{ height: 38px; box-shadow: 0 1px 3px rgba(0, 0, 0, .05); background-color: rgba(255, 255, 255, .45); position: absolute; width: 100%; /* top: 172px; */ -pie-background: rgba(255, 255, 255, .45); left: 0; z-index: 1; } .ielow #breadCrumb, .ie8 #breadCrumb{ box-shadow: 0 1px 0px #D9E2E5; } #breadCrumb div{ margin: 13px auto 0; width: 940px; } #breadCrumb li{ font-size: 11px; color: #0094d9; float: left; background: url(../imagens/bullet_seta_branca.png) left 2px no-repeat; padding: 0 9px 0 18px; } #breadCrumb li:first-child{ background-image: none; padding-left: 10px; } #breadCrumb span, #breadCrumb ol{ float: left; overflow: hidden; } #breadCrumb li a, #breadCrumb span{ font-size: 11px; color: #62737b; display: block; } #breadCrumb li a:hover{ border-bottom: 1px solid; } /* RODAPE ****************************/ #footer { position:absolute; bottom:0; width:100%; height: 225px; background: url(../imagens/bg_footer.png) left top repeat-x; } #footerContent{ width: 940px; margin: auto; height: 148px; } #footerContent div{ /*background: url(../imagens/bg_footer_detalhes.png) right bottom no-repeat;*/ float: left; /* height: 100%; */ } #footerContent div .logo{margin: 26px 33px 10px 0; } #footerContent .endereco{ padding: 0 24px; overflow: hidden; width: 560px; } #footerContent address{ margin-top: 35px; font-size: 12px; float: left; } #footerContent p{ margin: 8px 0 11px; } #footerContent h4{ color: #333; } #footerContent .ans-links{ float: right; display: block; } .ans-logo{ display: block; margin: 42px 0 10px; } #dz{ float: right; display: block; background: url(../imagens/img_logo_footer_dz.png) left top no-repeat; width: 65px; height: 18px; text-indent: -999999px; margin-top: 60px; } /* HOME ***************************/ .home{ background: #f7fafb url(../imagens/bg_home.png) left 172px repeat-x; } .home h1{ display: none; } .home #section{ width: 940px; padding: 0 20px 200px; } #destaques{ margin-top: 26px; } #destaques a, #destaques img{ display: block; } #destaques img{ border-radius: 20px; /*box-shadow: 0 1px 1px #d1d6d7;*/ } .ie8 #destaques img{ position: relative; } #destaques h2{ display: none; } #planos{ /*padding: 27px 0 0;*/ padding: 10px 0 0; height: 175px; background: url(../imagens/bg_planos.jpg) -21px bottom no-repeat; position: relative; } #planos li{ float: left; position: relative; color: #FFF; } #planos li:first-child{ margin-right: 20px; } #planos a{ font: italic normal 13px/16px Georgia, serif; color: #FFF; text-shadow: 0 1px 1px rgba(0, 0, 0, .3); } #planos li div > a { display: block; background: url(../imagens/txt_clique_conheca.png) left top no-repeat; width: 106px; height: 13px; text-indent: -999999px; margin-top: 12px; } #planos h2 a{ display: block; text-indent: -999999px; height: 24px; width: 257px; margin-bottom: 8px; } #planos div{ padding: 30px; width: 400px; position: relative; } #planos p a{ display: block; } #planos .empresas{ background-color: #00819C; border-radius: 60px 20px 20px 20px; } #planos .empresas h2 a{ background: url(../imagens/txt_planos_para_empresas.png) left top no-repeat; } #planos .voce{ background-color: #61606F; border-radius: 20px 20px 60px 20px; } #planos .voce h2 a{ background: url(../imagens/txt_planos_para_voce.png) left top no-repeat; } .home #article{ padding-top: 48px; position: relative; width: 720px; float: right; z-index: 3; } .home #article > li{ margin-left: 60px; width: 300px; float: left; } .home #article > li p, .home #article dt{ font: italic 12px Georgia, serif; } .home #article > li p{ line-height: 19px; margin: 15px 0; width: 280px; } .home #article > li h2{ background-position: left top; background-repeat: no-repeat; text-indent: -999999px; height: 69px; } .home #article .medicinaPreventiva h2{ background-image: url(../imagens/txt_home_medicina_preventiva.jpg); height: 52px; padding-right: 1px; margin-right: -1px; } .home #article .medicinaOcupacional{ margin-top: -16px; } .home #article .medicinaOcupacional p{ margin-top: 0; } .home #article .medicinaOcupacional h2{ background-image: url(../imagens/txt_home_medicina_ocupacional.png); height: 80px; margin-top: 2px; padding-right: 8px; margin-right: -8px; } .home #article, .home #article .unidadesAtendimento{ padding-top: 35px; } .home #article .unidadesAtendimento, .home #article .redeCredenciada { width: 100%; } .home #article .redeCredenciada {margin-bottom: 30px;} .home #article .unidadesAtendimento h2 { height: 32px; background-image: url(../imagens/txt_home_unidades_de_atendimento.png); } .home #article .redeCredenciada h2{ font-size: 23px; display: block; width: 100%; text-indent: 0; color: #707070; background: url(./imagens/ico_rede_compartilhada.png) no-repeat; background-position: top -9px right 92px; margin: 0px 0 5px; background-size: 280px; } .home #article .redeCredenciada h2 legend { font-size: 18px; display: inline-block; margin: 0px 0 5px; font-weight: lighter; color: #8e8e8f; } .home #article .redeCredenciada h2 span{ color:#333333; } .home #article .unidadesAtendimento > div{ background: url(../imagens/bg_unidades_atendimento.png) left top no-repeat; width: 659px; height: 110px; } .home #article .redeCredenciada > div{ background: url(../imagens/bg_rede_credenciada.png) left top no-repeat; width: 659px; height: 110px; } .home #article .unidadesAtendimento > div ul, .home #article .redeCredenciada > div ul { width: 300px; padding-left: 60px; padding-top: 16px; float: left; color: #fff; text-shadow: 0 2px 3px rgba(0,0,0,.3); } .home #article .unidadesAtendimento > div li:first-child, .home #article .redeCredenciada > div li:first-child { margin-bottom: 6px; } .home #article .unidadesAtendimento > div ul strong, .home #article .redeCredenciada > div ul strong{ -webkit-font-smoothing: antialiased; font-size: 30px; font-family: "Arial Rounded MT Bold", "Helvetica Rounded", sans-serif; width: 48px; height: 34px; text-align: center; display: inline-block; font-weight: 700; } .home #article .redeCredenciada > div ul strong{ width: 65px; height: 16px; padding: 7px 0 0px; } .home #article .unidadesAtendimento > div ul span, .home #article .redeCredenciada > div ul span{ filter: alpha(opacity=00); opacity: 0; } .home #article .unidadesAtendimento > div label, .home #article .redeCredenciada > div label { display: block; width: 223px; height: 0; background: url(../imagens/txt_encontre_unidade.png) 0 0 no-repeat; padding-top: 14px; margin-bottom: 5px; overflow: hidden; } .home #article .redeCredenciada > div label:last-child{ background: none; height: 15px; color: #334; font-size: 15px; padding: 0; margin: 0; width: 100%; font-weight: 700; } .home #article .unidadesAtendimento > div form, .home #article .redeCredenciada > div form { padding: 20px 0 0 1px; } .home #article .centralTelefone{ padding-top: 25px; width: 320px;} .home #article .contratosColetivos{ padding-top: 23px; width: 320px; float: right; margin-left: 0} .home #article .ultimasNoticias h2 { background-image: url(../imagens/txt_home_ultimas_noticias.png); } .home #article .ultimosArtigos{ padding-top: 29px; } .home #article .ultimosArtigos h2 { height: 82px; background-image: url(../imagens/txt_home_ultimos_artigos.png); } .home #article .ultimosArtigos dl { margin-top: -7px; } .home #article .topLifeHome { width: 320px; float: right; padding-top: 25px; float: left} .home #article .topLifeHome img { margin: 0 auto; position: relative; display: block; margin-left: 0px;} .home #article .ultimasNoticias h2 { background-image: url(../imagens/txt_home_ultimas_noticias.png); } .home #article dl{ margin-bottom: 15px; } .home #article dt{ color: #999; margin-top: 10px; } .home #article dd a{ font-size: 14px; } .home #planos:after, .home #footerContent:before{ content: ""; display: block; position: absolute; width: 143px; } .home #planos:after{ background: url(../imagens/bg_home_detalhe.jpg) left top no-repeat; bottom: -71px; height: 71px; left: 180px; z-index: 1; } .home #footerContent:before{ background: url(../imagens/bg_footer_detalhe.jpg) left top no-repeat; height: 88px; top: -71px; z-index: 0; left: 179px; } .home #aside{ width: 240px; margin-left: -20px; padding-top: 30px; height: 514px; z-index: 2; position: relative; } .home #agendamento { text-indent: -999999px; background: url(../imagens/bg_agendamento_consulta.jpg) left top no-repeat; padding-bottom: 9px; margin-left: 11px; } .home #agendamento h2{ background: url(../imagens/bg_agendamento_consulta.jpg) left top no-repeat; width: 220px; height: 114px; } .home #agendamento li{ height: 65px; background: url(../imagens/bg_agendamento_consulta.jpg) left top no-repeat; } .home #agendamento .etapa1{ background-position: left -114px; } .home #agendamento .etapa2{ background-position: left -179px; } .home #agendamento .etapa3{ background-position: left -244px; } .home #agendamento a{ background: url(../imagens/bt_aside_home.png) left bottom no-repeat; width: 200px; height: 33px; display: block; margin: 5px 0 0 19px; } .home #agendamento a:hover{ background-position: left -33px; } .home #agendamento a:active{ background-position: left top; margin-top: 5px; height: 33px; } .home #centralTelefone{ text-indent: -999999px; background: url(../imagens/banners/mini-telemedicina.png) left top no-repeat; width: 100%; height: 80px; margin: 0; } .home #linkANS{ text-align: center; /*width: 115px;*/ margin: 14px 0 0 0; display: block; } .home #rede-credenciada{ background: #E9EDF0 url(../imagens/header-aside-rede-credenciada.jpg) left top no-repeat; width: 220px; height: 410px; margin: 15px auto; border-radius: 20px; } .home #rede-credenciada label { color: black; } .home #rede-credenciada fieldset{ padding-top: 81px; } .home #rede-credenciada fieldset div{ margin-left: 2.5px; } .home #rede-credenciada #buttonBuscar{ width: 210px; margin: 20px 0 0 5px; background: #2391AA; border-radius: 25px; } .home #rede-credenciada #txtNome{ background: white; width: 184px; color: black; box-shadow: 0 3px 3px #bcc7cc; margin-left: 5px; } .home #rede-credenciada #txtNome::-moz-selection{color: white; } .home #rede-credenciada #txtNome::selection{color: white; } .national-health-card{ text-indent: -999999px; display: block; background: url(../imagens/txt_national_health_card.jpg) no-repeat right top; width: 100%; height: 100px; margin: 3px 0 10px 0; } .atitude-social-title{ margin: 0 0 10px 20px; text-align: center; } .atitude-social{ margin: 0 0 0 20px; } .atitude-social-img{ display: block; width: 150px; height: 75px; margin: 0 auto; } .home #footerContent{ position: relative; } /* 404 */ .erro #intro{ margin-top: 55px; } .erro #intro:after{ display: none; } .interna .erro #intro div{ float: left; } .erro h1{ background-image: url(../imagens/tit_404.png); } .erro .apoio{ background-image: url(../imagens/txt_404.png); margin-bottom: 60px; } .erro .botao{ float: left; } /* PLANOS E SERVICOS */ .planoseservicos h1{ background-image: url(../imagens/tit_planos_e_servicos.png); } .planoseservicos .apoio{ background-image: url(../imagens/txt_planos_e_servicos.png); } .planoseservicos img{ margin: 25px 0 -30px -90px;} .planoseservicos #article h2{ height: 48px; } .planoseservicos .um h2{ background-image: url(../imagens/txt_pessoa_juridica.png); } .planoseservicos .dois h2{ background-image: url(../imagens/txt_pessoa_fisica.png); } .planoseservicos .tres h2{ background-image: url(../imagens/txt_medicina_ocupacional.png); } .planoseservicos .quatro h2{ background-image: url(../imagens/txt_medicina_preventiva.png); } .planoseservicos .cinco h2{ background-image: url(../imagens/txt_rede_credenciada.png); } /* PLANOS - INTERNAS */ .pessoajuridica h1{ background-image: url(../imagens/tit_planos_pessoa_juridica.png); } .pessoajuridica .apoio{ background-image: url(../imagens/txt_planos_pessoa_juridica.png); } .pessoajuridica img{ margin-top: 11px; margin-right: 13px; } .poolList{ width: 100%; font-size: 12px; text-align: left; margin-bottom: 30px; } .poolList th{ font-weight: bold; text-align: left; } .poolList th, .poolList td{ padding-bottom: 5px; } .pessoafisica h1{ background-image: url(../imagens/tit_planos_pessoa_fisica.png); } .pessoafisica .apoio{ background-image: url(../imagens/txt_planos_pessoa_fisica.png); } .pessoafisica img{ margin-top: 18px; margin-right: 11px; } .medicinaocupacional h1{ background-image: url(../imagens/tit_medicina_ocupacional.png); } .medicinaocupacional .apoio{ background-image: url(../imagens/txt_planos_pessoa_fisica.png); } .medicinaocupacional #intro img{ margin-top: 30px; margin-right: 25px; } .medicinaocupacional .texto h2{ font-size: 22px; margin-bottom: 20px; } .medicinaocupacional .texto .seta{ margin-bottom: 3px; display: inline-block; } #modalGaleria div{ padding: 0 20px; background-color: #fff; } #modalGaleria img{ display: block; } .medicinaocupacional .box.verde .seta{ margin-top: 15px; background-position: left center; } .medicinapreventiva h1{ background-image: url(../imagens/tit_medicina_preventiva.png); } .medicinapreventiva .apoio{ background-image: url(../imagens/txt_apoio_medicina_preventiva.png); } .medicinapreventiva img{ margin-top: 20px; margin-right: 0; max-height: 140px; } /* UNIDADES */ .unidades h1{ background-image: url(../imagens/tit_unidades.png); } .unidades h1.no-background {background: none; text-indent: 0; text-align: center; font-size: 40px; display: inline; color: #0094d9;} .unidades .apoio{ background-image: url(../imagens/txt_unidades_apoio.png); } .unidades img{ margin: 26px 48px 0 0; } .unidades #article p{ float: left; background: url(../imagens/txt_exibir_unidades_por.png) left top no-repeat; width: 204px; height: 20px; text-indent: -999999px; display: block; margin-top: 32px; margin-left: 196px; } .unidades #article .ou{ float: left; background: url(../imagens/txt_unidades_ou.png) center center no-repeat; width: 54px; height: 11px; display: block; text-indent: -999999px; margin-top: 36px; } .unidades #article form div{ float: left; } /* LABORATORIO MARQUES DALMEIDA */ .laboratorio h1{ background-image: url(../imagens/tit_laboratorio.png); } .laboratorio .apoio{ background-image: url(../imagens/txt_laboratorio_marques_dalmeida.png); } .laboratorio img{ margin: 15px 0 0 -10px; } .laboratorio #article p{ float: left; background: url(../imagens/txt_laboratorio.png) left top no-repeat; width: 509px; height: 21px; display: block; text-indent: -999999px; margin: 23px 0 0 62px; } .laboratorio #intro{ height: 500px; } .laboratorio .resultados img{ display: none; } .laboratorio .resultados h2{ float: none; margin-left: 0; width: auto; } .laboratorio .resultados dl{ margin-left: 20px; width: auto; } .laboratorio .resultados a{ margin-left: 0; } /* FIQUEPORDENTRO */ .fiquepordentro h1{ background-image: url(../imagens/tit_fique_por_dentro.png); } .fiquepordentro .apoio{ background-image: url(../imagens/txt_planos_e_servicos.png); } .fiquepordentro img{ margin: 23px 0 0 -33px;} .fiquepordentro #article h2{ height: 24px; } .dropdown .fiquepordentro #article .um{ width: 160px; } .fiquepordentro .um h2{ background-image: url(../imagens/txt_noticias.png); } .fiquepordentro .dois h2{ background-image: url(../imagens/txt_eventos.png); } .dropdown .fiquepordentro #article .tres{ width: 160px; } .fiquepordentro .tres h2{ background-image: url(../imagens/txt_artigos.png); } .dropdown .fiquepordentro #article .quatro{ margin-right: 20px; } .fiquepordentro .quatro h2{ background-image: url(../imagens/txt_informativo_ccg.png); } .fiquepordentro .cinco h2{ background-image: url(../imagens/txt_revista_humana.png); } .fiquepordentro .seis h2{ background-image: url(../imagens/txt_sala_de_imprensa.png); } .dropdown .fiquepordentro #article .sete{ margin-right: 30px; width: 295px; } .fiquepordentro .sete h2{ background-image: url(../imagens/txt_publicacao-institucional.png); } .fiquepordentro .oito h2{ background-image: url(../imagens/txt_videos.png); } /* NOTICIAS */ .noticias h1{ background-image: url(../imagens/tit_noticias.png); } .noticias .apoio{ background-image: url(../imagens/txt_apoio_comunicados.png); } .noticias #intro img{ margin: 17px 60px 0 0; } /* EVENTOS */ .eventos h1{ background-image: url(../imagens/tit_eventos.png); } .eventos .apoio{ /*background-image: url(../imagens/txt_unidades_apoio.png);*/ display: none; } .eventos img{ margin: 33px 70px 0 0;} .eventos .barra div{ width: 430px; } .eventos .barra a{ width: 185px; background-image: url(../imagens/txt_eventos_anteriores.png); } .eventos .barra a:first-child{ background-image: url(../imagens/txt_proximos_eventos.png); margin-right: 60px; } /* ARTIGOS */ .artigos h1{ background-image: url(../imagens/tit_artigos.png); } .artigos .apoio{ /*background-image: url(../imagens/txt_unidades_apoio.png);*/ display: none; } .artigos #intro img{ margin: 50px 50px 0 0; } .artigos .corpo li p, .artigos .corpo.texto div p{ color: #999; font-family: Arial, helvetica, sans-serif; font-style: normal; } .artigos .corpo li .data, .artigos .corpo.texto div .data{ color: #fff; font: italic 14px/21px Georgia, serif; } /* INFORMATIVO CCG */ .informativoccg h1{ background-image: url(../imagens/tit_informativo_ccg.png); } .informativoccg .apoio{ /*background-image: url(../imagens/txt_unidades_apoio.png);*/ display: none; } .informativoccg #intro img{ margin-top: 58px; } /* REVISTA HUMANA */ .revistahumana h1{ background-image: url(../imagens/tit_revista_humana.png); } .revistahumana .apoio{ /*background-image: url(../imagens/txt_unidades_apoio.png);*/ display: none; } .revistahumana #intro img{ margin: 60px 12px 0 0; } /* PUBLICAÇÃO INSTITUCIONAL */ .publicacao-institucional h1{ background-image: url(../imagens/tit_publicacao-institucional.png); } /* SALA DE IMPRENSA */ .saladeimprensa h1{ background-image: url(../imagens/tit_sala_de_imprensa.png); } .saladeimprensa .apoio{ /*background-image: url(../imagens/txt_unidades_apoio.png);*/ display: none; } .saladeimprensa img{ margin: 35px 80px 0 0; } .saladeimprensa h3{ color: #666; font-size: 14px; } /* VIDEOS */ .videos h1{ background-image: url(../imagens/tit_videos.png); } .videos .apoio{ background-image: url(../imagens/txt_apoio_videos.png); } .videos .video_container{ width: 400px; display: inline-block; } .videos .video_description{ width: 515px; display: inline-block; vertical-align: top; } .videos #listaVideos li { background: url(../imagens/bg_detalhe_plano_selecionado.png) center bottom no-repeat; padding: 15px 0;} .videos #listaVideos p { font-size: 14px; line-height: 17px; } /* INSTITUCIONAL */ .institucional h1{ background-image: url(../imagens/tit_institucional.png); } .institucional .apoio{ background-image: url(../imagens/txt_planos_e_servicos.png); } .institucional img{ margin: 17px 0 0 -27px;} .institucional #article h2{ height: 24px; } .institucional .um h2{ background-image: url(../imagens/txt_apresentacao.png); } .institucional #article .dois h2{ background-image: url(../imagens/txt_missao_visao_valores.png); height: 48px; } .institucional .tres h2{ background-image: url(../imagens/txt_historico.png); } .institucional .quatro h2{ background-image: url(../imagens/txt_administracao.png); } .institucional .cinco h2{ background-image: url(../imagens/txt_legislacao.png); } .institucional .seis h2{ background-image: url(../imagens/txt_atitude_social.png); } .institucional .sete h2{ background-image: url(../imagens/txt_tuss.png); } .institucional .oito h2{ background-image: url(../imagens/demonstracoes_financeiras.png); height: 48px!important;} .administracao #intro img, .apresentacao #intro img, .legislacao #intro img, .tuss #intro img{ margin: 40px 60px 0 0px;} /* APRESENTACAO */ .apresentacao h1{ background-image: url(../imagens/tit_apresentacao.png); } .apresentacao .apoio{ background-image: url(../imagens/txt_apoio_apresentacao.png); } /* ATITUDE SOCIAL */ .atituteSocial h1{ background-image: url(../imagens/tit_atitude_social.png); } .atituteSocial .apoio{ background-image: url(../imagens/txt_apoio_atitude_social.png); } .atituteSocial #intro img{ margin: 25px 17px 0 0; } .atituteSocial .titTodosIguais{ width: 678px; height: 0; background: url(../imagens/tit_todos_iguais.png) 0 0 no-repeat; padding-top: 123px; margin-bottom: 40px; overflow: hidden; } .atituteSocial .titInvernoAmigo{ width: 365px; height: 0; background: url(../imagens/tit_inverno_amigo.jpg) 0 0 no-repeat; padding-top: 77px; margin-left: 15px; overflow: hidden; } /* MISSAO, VISAO E VALORES */ .missaovisaovalores h1{ background-image: url(../imagens/tit_missao_visao_valores.png); } .missaovisaovalores .apoio{ background-image: url(../imagens/txt_apoio_missao_visao_valores.png); } .missaovisaovalores img{ margin: 40px 55px 0 0px;} /* HISTORIA */ .historia h1{ background-image: url(../imagens/tit_historia.png); } .historia .apoio{ background-image: url(../imagens/txt_apoio_historia.png); } .historia #intro img{ margin: 40px 35px 0 0px;} .historia #article ul{ width: 900px; margin: auto; } .historia #article li{ height: 376px; display: none; background: url(../imagens/bullet_historia.png) center 50px no-repeat; position: relative; } .historia #article li:first-child{ display: block; } ,.historia #article li img{ display: block; } .historia #article li > img{ padding: 27px 26px 29px 24px; background: url(../imagens/bg_imagens_historia.png) center no-repeat; } .historia #article div{ width: 405px; margin-top: 40px; } .historia #article .impar > img{ float: left; margin-left: 60px; } .historia #article .par > img{ float: right; margin-right: 60px; } .historia #article .impar div{ float: right; } .historia #article .par div{ float: left; text-align: right; } .historia #article h2{ font: italic 18px Georgia, serif; } .historia #article p{ font-size: 14px; margin: 15px 0; } .historia #article span{ max-height: 340px; content: ''; border-radius: 2px; width: 3px; background-color: #c6c8c9; position: absolute; left: 50%; top: 81px; margin-left: -1px; } /* ADMINISTRACAO */ .administracao h1{ background-image: url(../imagens/tit_administracao.png); } .administracao .apoio{ background-image: url(../imagens/txt_unidades_apoio.png); } #mapa{ border-radius: 5px; width: auto; padding: 0; margin: 0; background: none; height: 300px; overflow: hidden; } /* LEGISLACAO */ .legislacao h1{ background-image: url(../imagens/tit_legislacao.png); } .legislacao .apoio{ background-image: url(../imagens/txt_unidades_apoio.png); } /* TUSS */ .tuss h1{ background-image: url(../imagens/tit_tuss.png); } .tuss .apoio{ background-image: url(../imagens/txt_unidades_apoio.png); } /* CONTATO */ .contato h1{ background-image: url(../imagens/tit_contato.png); } .contato .apoio{ background-image: url(../imagens/txt_planos_e_servicos.png); } .contato img{ margin: 18px 0 0 -3px;} .contato #article li{ width: 290px; margin: 0 15px 40px; } .contato #article h2{ height: 24px; } .contato .um h2{ background-image: url(../imagens/txt_fale_conosco.png); } .contato .dois h2{ background-image: url(../imagens/txt_vendas.png); } .contato .tres h2{ background-image: url(../imagens/txt_trabalhe_conosco.png); } .contato .quatro h2{ background-image: url(../imagens/txt_perguntas_frequentes.png); } .faleconosco #article .wrapper form, .ouvidoria #article .wrapper form, .novasenha form, .colEsq form.login{ width: 320px; float: left; margin-right: 20px; } .faleconosco input[type="text"], .faleconosco textarea, .novasenha input[type="text"], .novasenha input[type="password"], .login input[type="text"], .atualizacaocadastral input[type="text"], .atualizacaocadastral input[type="password"]{ width: 294px; } .faleconosco textarea, .vendas textarea, .ouvidoria textarea{ height: 195px; margin-bottom: 10px; } .faleconosco #article > p, .vendas #article > p{ float: left; } .faleconosco #article button, .ouvidoria #article button, .novasenha button, .login button{ width: 100%; padding: 9px 0; } .login label{ margin-top: 0; } .login input[type="text"]{ margin-bottom: 15px; } #loader{ display: block; margin-left:140px; padding-top: 40px; clear: both; } /* ATENDIMENTO AO CLIENTE */ .faleconosco h1{ background-image: url(../imagens/tit_fale_conosco.png); } .faleconosco #intro .apoio{ background-image: url(../imagens/txt_apoio_fale_conosco.png); height: 40px; text-indent: -999999px; } .faleconosco img{ margin: 16px 35px 0 0;} .faleconosco .barra p{ display: block; float: left; background: url(../imagens/txt_select_fale_conosco.png) center no-repeat; width: 189px; height: 20px; text-indent: -999999px; margin: 20px 20px 0 200px; } /* OUVIDORIA */ .ouvidoria h1{ background-image: url(../imagens/tit_ouvidoria.png); } .ouvidoria #intro { height: 169px; } .ouvidoria #intro div{ width: 620px; } .ouvidoria #intro .apoio{ width: 620px; background-image: url(../imagens/txt_apoio_ouvidoria.png); height: 80px; text-indent: -999999px; } .ouvidoria img{ margin: 15px 35px 0 0;} .ouvidoria .ouvidoria-image{ float: left; margin: 0 20px 0 0; padding-top: 5px; } /* IMPOSTO DE RENDA */ .impostoRenda h1{ background-image: url(../imagens/tit_imposto_renda.png); } .impostoRenda #intro{ height: 179px; } .impostoRenda #intro div{ width: 638px; } .impostoRenda #intro .apoio{ background-image: url(../imagens/txt_apoio_imposto_renda.png); height: 60px; text-indent: -999999px; } .impostoRenda form{ width: 320px; float: left; margin-right: 20px; } .impostoRenda label{ margin-top: 0; } .impostoRenda input[type="text"]{ width: 294px; margin-bottom: 15px; } .impostoRenda button{ width: 100%; padding: 9px 0; margin-bottom: 40px; } .impostoRenda .reciboImposto{ clear: both; margin: 20px 0; } .impostoRenda .reciboImposto .nome{ width: 300px; } .impostoRenda .reciboImposto th, .impostoRenda .reciboImposto td { font-size: 14px; text-align: left; padding: 5px 10px; border-bottom: 1px solid #d4dde1; } .impostoRenda .reciboImposto th{ font-weight: bold; } /* VENDAS */ .vendas h1{ background-image: url(../imagens/tit_vendas.png); } .vendas .apoio{ background-image: url(../imagens/txt_apoio_atendimento_ao_cliente.png); } /* TRABALHE CONOSCO */ .trabalheconosco h1{ background-image: url(../imagens/tit_trabalhe_conosco.png); } .trabalheconosco #intro .apoio{ background-image: url(../imagens/txt_apoio_trabalhe_conosco.png); padding-top: 46px; } .trabalheconosco #article fieldset{ width: 440px; margin-bottom: 25px; position: relative; background: url(../imagens/bg_detalhe_plano_selecionado.png) center bottom no-repeat; padding: 0 0 25px 220px; } .trabalheconosco #article legend{ position: absolute; left: 0; top: 0; height: 48px; width: 148px; text-indent: -999999px; display: block; margin: 0; } .trabalheconosco .dadospessoais{ background: url(../imagens/txt_dados_pessoais.png) left top no-repeat; } .trabalheconosco .formacaoacademica{ background: url(../imagens/txt_formacao_academica.png) left top no-repeat; } .trabalheconosco .experienciasprofissionais{ background: url(../imagens/txt_experiencias_profissionais.png) left top no-repeat; } .trabalheconosco #article input[type="text"], .trabalheconosco #article textarea{ width: 414px; } .trabalheconosco button{ margin-left: 291px; margin-bottom: 20px; } .trabalheconosco .fakelabel{ clear: both; } .trabalheconosco .radio{ float: left; margin: 0 20px 10px 0; } .trabalheconosco #radDefSim{ margin-right: 60px; } .trabalheconosco #article #txtNum{ width: 414px; float: left; margin-right: 20px; margin-bottom: 7px;} .trabalheconosco #article #txtComplemento{ width: 294px; float: left; } .trabalheconosco #article label[for="txtComplemento"]{ margin-top: -15px; float: left; } .trabalheconosco #article label[for="txtBairro"]{ clear: both; padding-top: 10px; } .trabalheconosco #article textarea{ height: 100px; } .trabalheconosco #article .experiencia{ margin-bottom: 20px; } /* PERGUNTAS FREQUENTES */ .perguntasfrequentes h1{ background-image: url(../imagens/tit_perguntas_frequentes.png); } .perguntasfrequentes #intro .apoio{ background-image: url(../imagens/txt_apoio_perguntas_frequentes.png); width: 655px; } .perguntasfrequentes .barra div{ width: 940px; } .perguntasfrequentes .barra a{ width: 103px; margin-left: 80px; background-image: url(../imagens/bt_comercial.png); } .perguntasfrequentes .barra a[href="#rcc"]{ background-image: url(../imagens/bt_rcc.png); width: 43px; } .perguntasfrequentes .barra a[href="#consultas"]{ background-image: url(../imagens/bt_consultas.png); width: 100px; } .perguntasfrequentes .barra a[href="#cadastro"]{ background-image: url(../imagens/bt_cadastro.png); width: 91px; } .perguntasfrequentes .barra .ultimo{ background-image: url(../imagens/bt_financeiro.png); } .perguntasfrequentes #article dl{ margin: 0; } .faq dt{ color: #0095da; font-size: 22px; margin-bottom: 20px; background: url(../imagens/bg_detalhe_plano_selecionado.png) center bottom no-repeat; padding-bottom:25px; font-weight: bold; } .faq dd{ margin-bottom: 50px; } .faq p{ margin: 20px 0; } /* SOU USUARIO */ .souusuario h1{ background-image: url(../imagens/tit_sou_usuario.png); } .souusuario .apoio{ background-image: url(../imagens/txt_planos_e_servicos.png); } .souusuario img{ margin: 28px 0 0 -85px;} .souusuario #article h2{ height: 48px; } .souusuario .um h2{ background-image: url(../imagens/txt_portal_do_usuario.png); } .souusuario .dois h2{ background-image: url(../imagens/txt_orientacoes_gerais.png); } .souusuario .tres h2{ background-image: url(../imagens/txt_manual_do_usuario.png); } .souusuario #article .quatro h2{ background-image: url(../imagens/txt_formularios.png); height: 24px; } .souusuario .cinco h2{ background-image: url(../imagens/txt_rede_credenciada.png); } .souusuario #article .seis h2{ background-image: url(../imagens/txt_unidades.png); height: 24px; } .souusuario #article .sete h2{ background-image: url(../imagens/txt_fale_conosco.png); height: 24px; } /* PORTAL DO USUARIO */ .portaldousuario h1{ background-image: url(../imagens/tit_portal_do_usuario.png); } .portaldousuario .apoio{ background-image: url(../imagens/txt_apoio_atendimento_ao_cliente.png); } .portaldousuario #intro img{ margin: 25px 0 0 60px; } .portaldousuario .nav{ overflow: hidden; background-color: #f7fafb; width: 940px; margin: 0 auto 10px; box-shadow: 0 1px 4px rgba(0, 0, 0, .4); border-radius: 4px; text-align: center; position: relative; } .portaldousuario .nav li{ border-left: 1px solid #dbdedf; float: left; } .portaldousuario .nav li:first-child{ border: none; } .portaldousuario .nav li a{ font-size: 14px; width: 187px; display: block; padding: 45px 0; min-height: 180px; position: relative; } .portaldousuario .nav li span{ position: absolute; top: 205px; width: 187px; left: 0; } .portaldousuario .nav li img{ display: block; margin: auto; } .novasenha h2{ font-size: 26px; color: #0094d9; } .novasenha form{ background: url(../imagens/bg_detalhe_plano_selecionado.png) left bottom no-repeat; padding-bottom: 30px; padding-right: 320px; margin-bottom: 10px; } .novasenha fieldset{ padding-bottom: 15px; } .novasenha .voltar{ clear: both; } /* agendamento de consultas */ .agendamento h1{ background-image: url(../imagens/tit_agendamento_de_consultas.png); } .agendamento .apoio{ background-image: url(../imagens/txt_apoio_agendamento_de_consultas.png); } .agendamento #intro img{ margin: 30px 60px 0 0; } /* atualiza��o cadastral */ .atualizacaocadastral h1{ background-image: url(../imagens/tit_atualizacao_cadastral.png); } .atualizacaocadastral .apoio{ background-image: url(../imagens/txt_apoio_atualizacao_cadastral.png); } .atualizacaocadastral #intro img{ margin: 30px 60px 0 0; } .atualizacaocadastral .wrapper > div{ background: #f7fafb; box-shadow: 0 1px 4px rgba(0, 0, 0, .4); border-radius: 4px; margin-bottom: 40px; position: relative; } .ielow .atualizacaocadastral .wrapper > div, .ie8 .atualizacaocadastral .wrapper > div, .ie8 .portaldousuario .nav, .ielow .portaldousuario .nav{ box-shadow: 0 1px 4px #bbb; } .atualizacaocadastral .wrapper > div h2{ border-bottom: 1px solid #dbdedf; padding: 35px 40px; font-size: 18px; color: #0094d9; } .atualizacaocadastral .wrapper form{ padding: 40px; } .atualizacaocadastral .wrapper dl{ margin-left: 5px; } .atualizacaocadastral .wrapper dt{ font-size: 12px; color: #999; margin: 10px 0 5px; } .atualizacaocadastral .wrapper dt:first-child{ margin-top: 0; } .atualizacaocadastral .wrapper dd{ font-size: 14px; } .atualizacaocadastral .wrapper .nome{ color: #64747b; } .atualizacaocadastral button{ width: 320px; padding: 9px 0; } .atualizacaocadastral fieldset{ padding-bottom: 15px; } .atualizacaocadastral .dependentes li{ border-top: 1px solid #dbdedf; padding: 40px; } .atualizacaocadastral .dependentes li:first-child{ border: none; } /* COMUNICADOS */ .comunicados h1{ background-image: url(../imagens/tit_comunicados.png); } .comunicados .apoio{ background-image: url(../imagens/txt_apoio_comunicados.png); } .comunicados #intro img{ margin: 28px 69px 0 0; } /* ORIENTA��ES GERAIS */ .orientacoesgerais h1{ background-image: url(../imagens/tit_orientacoes_gerais.png); } .orientacoesgerais .apoio{ background-image: url(../imagens/txt_apoio_orientacoes_gerais.png); } .orientacoesgerais #intro img{ margin: 38px 65px 0 0;} .orientacoesgerais .marcadores{ width: 960px; height: 320px; margin: auto; } .orientacoesgerais #article dl{ width: 940px; margin: 40px auto 0; background: url(../imagens/bg_orientacoes_gerais.png) center top no-repeat; padding-top: 50px; overflow: hidden; clear: both; } .orientacoesgerais .marcadores li{ float: left; margin: 10px; } .orientacoesgerais .marcadores a{ text-indent: -999999px; width: 298px; height: 88px; display: block; padding: 0; background-repeat: no-repeat; background-position: 23px 25px; } .orientacoesgerais .marcadores a:before{ background: url(../imagens/bullet_lista_planos.png) left top no-repeat; width: 25px; height: 25px; position: absolute; left: -12px; top: 30px; display: block; content: ''; } .orientacoesgerais #article dt{ float: left; clear: left; background-position: right top; background-repeat: no-repeat; text-indent: -999999px; display: block; width: 240px; height: 76px;} .orientacoesgerais #article dd{ float: left; width: 660px; padding-left: 40px; margin-bottom: 20px; background: url(../imagens/bg_detalhe_plano_selecionado.png) center bottom no-repeat; padding-bottom: 25px; } .orientacoesgerais #article .ultimo{ background: none; margin: 0; padding-bottom: 0; } .orientacoesgerais #article p{ font-size: 14px; margin: 14px 0; } .orientacoesgerais #article .importante{ color: #003263; font-weight: bold; margin-top: 20px; } .orientacoesgerais #article .importante img{ float: left; margin: -10px 20px 0 0; } .orientacoesgerais #article p:first-child{ margin-top: 0; } .orientacoesgerais #article strong{ color: #003263; } .orientacoesgerais #article .seta{ margin: 3px 0; } .orientacoesgerais #article dd ol{ font-size: 14px; list-style: decimal outside; } .orientacoesgerais #article dd ol li{ margin: 5px 0; } .orientacoesgerais .marcadores .um a{ background-image: url(../imagens/bt_avaliacao_clinica.png); } .orientacoesgerais .marcadores .dois a{ background-image: url(../imagens/bt_marcacao_consultas.png); } .orientacoesgerais .marcadores .tres a{ background-image: url(../imagens/bt_dispensa.png); } .orientacoesgerais .marcadores .quatro a{ background-image: url(../imagens/bt_procedimentos_para_consultas.png); } .orientacoesgerais .marcadores .cinco a{ background-image: url(../imagens/bt_cancelamento_consultas.png); } .orientacoesgerais .marcadores .seis a{ background-image: url(../imagens/bt_requisicao_exames_complementares.png); } .orientacoesgerais .marcadores .sete a{ background-image: url(../imagens/bt_realizacao_exames.png); } .orientacoesgerais .marcadores .oito a{ background-image: url(../imagens/bt_atendimento_urgencia.png); } .orientacoesgerais .marcadores .nove a{ background-image: url(../imagens/bt_internacoes.png); background-position: 23px 35px; } .orientacoesgerais .marcadores .dez a{ background-image: url(../imagens/bt_reembolso_transporte.png); } #avaliacaoClinica{ background-image: url(../imagens/txt_avaliacao_clinica.png); } #marcacaoDeConsultas{ background-image: url(../imagens/txt_marcacao_consultas.png); } #dispensaCodigoLiberacao{ background-image: url(../imagens/txt_dispensa.png); } #consultasMedicasOdontologicas{ background-image: url(../imagens/txt_consultas_medicas_odontologicas.png); } #procedimentosParaConsultas{ background-image: url(../imagens/txt_procedimentos_para_consultas.png); } #cancelamentoConsultas{ background-image: url(../imagens/txt_cancelamento_consultas.png); } #requisicaoExamesComplementares{ background-image: url(../imagens/txt_requisicao_exames_complementares.png); } #realizacaoExames{ background-image: url(../imagens/txt_realizacao_exames.png); } #atendimentosUrgenciaEmergencia{ background-image: url(../imagens/txt_atendimento_urgencia.png); } #internacao{ background-image: url(../imagens/txt_internacoes.png); } #reembolsoTransporte{ background-image: url(../imagens/txt_reembolso_transporte.png); } /* FORMULARIOS */ .formularios h1{ background-image: url(../imagens/tit_formularios.png); } .formularios .apoio{ background-image: url(../imagens/txt_apoio_atendimento_ao_cliente.png); } .formularios img{ margin: 26px 65px 0 0;} .formularios #article a{ margin: 3px 0; } /* MANUAL DO USUARIO */ .manualdousuario h1{ background-image: url(../imagens/tit_manual_do_cliente.png); } .manualdousuario #intro .apoio{ background-image: url(../imagens/txt_apoio_manual_do_usuario.png); width: 640px; } .manualdousuario .wrapper a{ font-size: 18px; margin-bottom: 8px; } .ccgpop h1 { background-image: url(../imagens/banners/tit_ccg_pop.png); } .ccgpop img{ margin: 30px 80px 0 0; } .ccgpop #logo-ccgpop { float: right; width: 27%; margin: 40px -15px 0 0px; } .ccgpop .button-crendetials-rede { width: 70%; display: flex; border: 1px solid #ccc; border-radius: 8px; margin-top: 10px; padding: 6px; cursor: pointer; } .ccgpop .button-crendetials-rede > span { display: flex; align-items: center; justify-content: center; padding: 1px; font-size: 9px; border-radius: 10px; border: 1px solid #ccc; width: 11px; margin-left: -13px; z-index: 99999; background: #fff; } .ccgpop .button-crendetials-rede > p { margin-left: 6px; color: #19a6e8; } .ccgpop .access-uls { list-style: inherit; margin: 20px 0px 16px 0; } .ccgpop p.praticle-acessible { font-weight: 600; color: rgb(22 58 99); } .ccgmulti h1 { background-image: url(../imagens/banners/tit_ccg_multi.png); } .ccgmulti img{ margin: 30px 80px 0 0; } .ccgmulti #logo-ccgpop { float: right; width: 27%; margin: 40px -15px 0 0px; } .ccgmulti .button-crendetials-rede { width: 70%; display: flex; border: 1px solid #ccc; border-radius: 8px; margin-top: 10px; margin-bottom: 10px; padding: 6px; cursor: pointer; } .ccgmulti .button-crendetials-rede > span { display: flex; align-items: center; justify-content: center; padding: 1px; font-size: 9px; border-radius: 10px; border: 1px solid #ccc; width: 11px; margin-left: -13px; z-index: 99999; background: #fff; } .ccgmulti .button-crendetials-rede > p { margin-left: 6px; color: #19a6e8; } .ccgmulti .access-uls { list-style: inherit; margin: 20px 0px 16px 0; } .ccgmulti p.praticle-acessible { font-weight: 600; color: rgb(22 58 99); } .ccgmulti h1 { background-image: url(../imagens/banners/tit_ccg_multi.png); } .ccgmulti img{ margin: 30px 80px 0 0; } .ccgmulti #logo-ccgpop { float: right; width: 27%; margin: 40px -15px 0 0px; } .ccgmulti .button-crendetials-rede { width: 70%; display: flex; border: 1px solid #ccc; border-radius: 8px; margin-top: 10px; padding: 6px; cursor: pointer; } .ccgmulti .button-crendetials-rede > span { display: flex; align-items: center; justify-content: center; padding: 1px; font-size: 9px; border-radius: 10px; border: 1px solid #ccc; width: 11px; margin-left: -13px; z-index: 99999; background: #fff; } .ccgmulti .button-crendetials-rede > p { margin-left: 6px; color: #19a6e8; } .ccgmulti .access-uls { list-style: inherit; margin: 20px 0px 16px 0; } .ccgmulti p.praticle-acessible { font-weight: 600; color: rgb(22 58 99); } .intro-ccg { display: flex; justify-content: space-between; align-items: center; } .ccgtop h1 { background-image: url(../imagens/banners/tit_ccg_top.png); } .ccgtop img{ margin: 30px 80px 0 0; } .ccgtop #logo-ccgpop { float: right; width: 27%; margin: 40px -15px 0 0px; } .ccgtop .button-crendetials-rede { width: 70%; display: flex; border: 1px solid #ccc; border-radius: 8px; margin-top: 10px; padding: 6px; cursor: pointer; } .ccgtop .button-crendetials-rede > span { display: flex; align-items: center; justify-content: center; padding: 1px; font-size: 9px; border-radius: 10px; border: 1px solid #ccc; width: 11px; margin-left: -13px; z-index: 99999; background: #fff; } .ccgtop .button-crendetials-rede > p { margin-left: 6px; color: #19a6e8; } .ccgtop .access-uls { list-style: inherit; margin: 20px 0px 16px 0; } .ccgtop p.praticle-acessible { font-weight: 600; color: rgb(22 58 99); } /* TOP LIFE*/ .toplife h1 {background-image: url(../imagens/tit_top_life.png); } .toplife .apoio{ background-image: url(../imagens/txt_apoio_rede_credenciada.png); } .toplife img{ margin: 30px 80px 0 0;} #section.toplife .wrapper{ padding: 40px; background-color: #f7fafb; border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, .4); overflow: hidden; margin-bottom: 20px; position: relative; width: 860px; } .ielow #section.toplife .wrapper, .ie8 #section.toplife .wrapper{ box-shadow: 0 1px 4px #999; } .toplife #article h2{ font-size: 18px; color: #0094d9; } .toplife #article form{ margin-top: 30px; } .toplife #article form input[type="text"]{ width: 296px; } .toplife #article form > div{ border-top: 1px solid #dbdedf; margin: 40px -40px -40px; padding: 20px; overflow: hidden; } .toplife #article form div span{ float: left; color: #999; font-size: 12px; margin-top: 10px;} .toplife #article button{ float: right; padding: 9px 45px; } .toplife #article p{ font-size: 12px; } .toplife #article .menor{ font-size: 11px; width: 520px; color: #999; } .toplife #article .wrapper > .seta{ float: right; margin-top: 8px; } .toplife #article table{ width: 940px; margin: 40px -40px -40px; color: #64747b; font-size: 12px; border-top: 1px solid #dbdedf; background-color: #edf1f2; } .toplife #article th{ height: 40px; border-bottom: 1px solid #dbdedf; color: #98a6ac; font-weight: normal; background-color: #e4eaed; } .toplife #article th, .toplife #article td{ padding: 0 10px; text-align: left; } .toplife #article td{ padding: 10px; vertical-align: top; } .toplife #article tr:nth-child(even) td{ background-color: #e8eeef; } .toplife #article table .seta{ margin-top: 5px; } .toplife #logo-toplife{ float: right; width: 27%; margin: 40px -15px 0 0px; } /* REDE CREDENCIADA */ .redecredenciada h1{ background-image: url(../imagens/tit_rede_credenciada.png); } .redecredenciada .apoio{ background-image: url(../imagens/txt_apoio_rede_credenciada.png); } .redecredenciada img{ margin: 30px 80px 0 0;} #section.redecredenciada .wrapper{ padding: 40px; background-color: #f7fafb; border-radius: 5px; box-shadow: 0 1px 4px rgba(0, 0, 0, .4); overflow: hidden; margin-bottom: 20px; position: relative; width: 860px; } .ielow #section.redecredenciada .wrapper, .ie8 #section.redecredenciada .wrapper{ box-shadow: 0 1px 4px #999; } .redecredenciada #article h2{ font-size: 18px; color: #0094d9; } .redecredenciada #article form{ margin-top: 30px; } .redecredenciada #article form input[type="text"]{ width: 296px; } .redecredenciada #article form > div{ border-top: 1px solid #dbdedf; margin: 40px -40px -40px; padding: 20px; overflow: hidden; } .redecredenciada #article form div span{ float: left; color: #999; font-size: 12px; margin-top: 10px;} .redecredenciada #article button{ float: right; padding: 9px 45px; } .redecredenciada #article p{ font-size: 12px; } .redecredenciada #article .menor{ font-size: 11px; width: 520px; color: #999; } .redecredenciada #article .wrapper > .seta{ float: right; margin-top: 8px; } .redecredenciada #article table{ width: 940px; margin: 40px -40px -40px; color: #64747b; font-size: 12px; border-top: 1px solid #dbdedf; background-color: #edf1f2; } .redecredenciada #article th{ height: 40px; border-bottom: 1px solid #dbdedf; color: #98a6ac; font-weight: normal; background-color: #e4eaed; } .redecredenciada #article th, .redecredenciada #article td{ padding: 0 20px; text-align: left; } .redecredenciada #article td{ padding: 20px; vertical-align: top; } .redecredenciada #article tr:nth-child(even) td{ background-color: #e8eeef; } .redecredenciada #article table .seta{ margin-top: 5px; } /* SOU EMPRESA/ CLIENTE *************/ .souempresa h1{ background-image: url(../imagens/tit_sou_empresa_cliente.png); } .souempresa .apoio{ background-image: url(../imagens/txt_apoio_empresa_cliente.png); } .souempresa img{ margin: 28px 0 0 -85px;} .souempresa #intro{ height: 200px; } .souempresa .um h2{ background-image: url(../imagens/txt_orientacoes_gerais.png); height: 48px; } .souempresa .dois h2{ background-image: url(../imagens/txt_manual_do_usuario.png); height: 48px; } .souempresa .tres h2{ background-image: url(../imagens/txt_formularios.png); } .souempresa .quatro h2{ background-image: url(../imagens/txt_unidades.png); } .souempresa .cinco h2{ background-image: url(../imagens/txt_fale_conosco.png); } .souempresa .seis h2{ background-image: url(../imagens/txt_stib.png); } .souempresa .sete h2{ background-image: url(../imagens/txt_faturamento.png); } /* STIB */ .stib h1{ background-image: url(../imagens/tit_stib.png); } .stib .apoio{ background-image: url(../imagens/txt_apoio_empresa_cliente.png); } /* SOU CREDENCIADO */ .soucredenciado h1{ background-image: url(../imagens/tit_sou_credenciado.png); } .soucredenciado .apoio{ background-image: url(../imagens/txt_apoio_credenciado.png); } .soucredenciado .login input[type="password"]{ margin-bottom: 15px; } .soucredenciado .tituloComunicado{ font-size: 12px; color: #999; font-style: italic; margin-top: 5px; } .soucredenciado .credenciadoComunicado{ font-size: 11px; font-weight: normal; font-style: italic; color: #999999; margin-top: 4px; } .credenciadoComunicado strong{ font-style: normal; } /* CLEARFIX */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; } /*custom*/ #footerContent .endereco { width: 360px !important; } a.rightGov { float: right; } span.textSocial { float: right; text-align: center; margin-top: 35px; width: 114px; } .topSocial { padding-top: 38px; float: right; margin-right: 20px; } .textSocial img { display: block; margin-top: 10px; float: left; } .textSocial strong { font-size: 12px; color: #333; } /* PRINT (DEIXAR NO FINAL) **********/ @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; -webkit-filter:none !important; filter:none !important; overflow: visible; } a { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } h1{ height: auto !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } #header, #footer, #toolTip{ display: none !important; } } a#logo img { max-width: 192px; width: 100%; } img.logo { width: 100%; max-width: 200px; } .contactPanel{ color: white !important; } li.rede { padding-top: 0px !important; width: 320px !important; top: -6px; float: right !important; margin-left: 0 !important; position: relative; } .width25p{ width: 25%; } .margin-top5{ margin-top: 10px !important; } .home #article .topLifeHome { width: 320px; float: left; padding-top: 25px; } .dentalplan img { width: 225px; margin: 0px; margin-left: 13px; margin-top: 25px; } .dentalplan div { float: left; width: 700px; } .dentalplan h1 { background-image: url(../imagens/dentalplan-text.png); margin-bottom: 0px; padding-bottom: 0px; } .internalPagePanel h1{ padding: 0; color: #0094d9; height: 100%; font-size: 40px; margin-top: 5px !important; } .internalPagePanel p{ margin-top: 0px !important; padding-top: 0px; color: #666666 !important; font-size: 17px !important; height: 100%; /*font: italic 18px helvetica !important;*/ font-family: "Myriad Pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif !important; /*font-weight: bold !important;*/ font-style: normal !important; } .box p{ color: white !important; } .text-center{ text-align: center !important; } .demonstracoes-financeiras h1 { background-image: url(../imagens/demonstracoes-financeiras.png); background-size: cover; background-position: center; } .upload { border-radius: 4px; padding: 20px; text-align: center; border: 1px dashed #ddd; color: #999; margin-top: 11px; cursor: pointer; width: 87%; } .upload label { margin-top: 0; } .upload input[type=file] { } #selTipoTrabalhe { font-size: 14px; padding: 10px 13px; box-shadow: inset 0 2px 2px #bcc7cc; border-radius: 4px; background-color: #e0e6e9; border: none; color: #64747b; width: 438px; position: relative; } .cidade { color: #000; } .saladeimprensa p.ankreputation { margin: 10px 0px 22px 0px; } .pessoafisica .colDir .roxo { background: url(../imagens/banners/banner-arquivos-anexos.jpg) no-repeat; background-size: contain; height: 200px; } .pessoafisica .colDir .roxo ul { margin-top: 62px; margin-left: 28px; line-height: 22px; } .pessoafisica .colDir .roxo ul li.contract { margin-top: 18px; } .pessoafisica .colDir .roxo .seta-unset { color: #fff; } .pessoa-fisica-contratos .text-registry { margin-top: 20px; } .pessoa-fisica-contratos .text-registry > p { font-size: 11px; color: #000; } .pessoa-fisica-contratos .text-registry > p > small { font-size: 5px; margin-right: 5px; } .plan-ccgpop > a > small, .plan-ccgmulti > a > small { font-size: 5px; margin-right: 5px; } .pessoa-fisica-contratos .plan-ccgpop .cidade, .pessoa-fisica-contratos .plan-ccgmulti .cidade { color: #000; } .pessoa-fisica-contratos .plan-ccgpop > a > small, .pessoa-fisica-contratos .plan-ccgmulti > a > small, { font-size: 5px; margin-right: 5px; } .ccgpop .contract, .ccgmulti .contract, .ccgtop .contract { margin-top: 20px; } .ccgpop .contract > p, .ccgmulti .contract > p, .ccgtop .contract > p { font-size: 14px; } .contract p:nth-last-child(1) { margin-top: 10px; } #nav .contato ul { overflow: inherit; } #nav .contato ul .trabalhe-conosco { position: relative; } #nav .contato ul .trabalhe-conosco { position: relative; display: flex; align-items: center; color: #fff; } #nav .contato ul .trabalhe-conosco ul { position: absolute; left: -158px; top: -1px; display: none; } #nav .contato ul .trabalhe-conosco a { width: 100%; } #nav .contato ul .trabalhe-conosco:hover ul { display: block; } #nav .contato ul .trabalhe-conosco ul li { display: flex; } #nav .contato ul .trabalhe-conosco ul li a { display: block; text-decoration: none; padding: 7px; margin-right: 10px; z-index: 9; } #nav .contato ul .trabalhe-conosco span { margin-left: 10px; } .float-img.bottom-right { z-index: 999!important; } .bottom-right { right: none; left: 0!important; }