/** * ---------------------------------------------- // * Css - Care * Popup de atendimento com opcoes de contato * ---------------------------------------------- // **/ #popup-care { margin-top: 5px; float:left; position: relative; } #popup-care h2 { color: #006600; } #popup-care p { margin-top: 20px; } #popup-care > ul { margin-top: 17px; position: relative; border-left: 1px solid #d0dbca; border-right: 1px solid #d0dbca; border-bottom: 1px solid #d0dbca; -moz-border-radius: 6px 6px 0 6px; border-radius: 6px 6px 0 6px; height: 475px; display: block; } /** * ----------------- // * Tabs [start] * ----------------- // **/ ul li.tab { float: left; background: url( '../img/common/bg-tabs-pop-atendimento.gif' ) top repeat-x; border-right: 1px solid #d0dbca; padding: 15px 0 10px 0; /*color: #10715d;*/ display: inline-block; /* -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;*/ cursor: pointer; font-size: 13px; text-align: center; } ul li.tab:hover { background: url( '../img/common/bg-tabs-pop-atendimento-hover.gif' ) top repeat-x; } ul li.tab.selected { background: url( '../img/common/bg-tabs-pop-atendimento-selected.gif' ) top repeat-x; } ul li.tab.selected > a { color: #FFF; } ul li.tab.last { border-right: 0; } ul > li.tab > a { font-size: 13px; font-weight: bold; text-decoration: none; outline: none; } #popup-care ul li.tab > div { display: none; position: absolute; top: 58px; left: 17px; width: 755px; height: 375px; text-align: left; font-size: 11px; padding-left:20px; cursor:default; } #popup-care #fale{ width: 765px !important; } #send-message-subject{ padding: 5px !important; border: solid 5px #d0dbca !important; } #popup-care ul li.tab > div#vml { height: auto; } #popup-care ul li.tab div p { margin: 1px 0 10px 0; } #popup-care ul li.tab.selected div > a { color: #10715d; } #popup-care ul li div ul { /* height: 0;*/ border: 0; } /** * ---------------------- // * Aba Enviar Mensagem [start] * ---------------------- // **/ #fale { cursor:default; } #fale p { color:#3c493e; padding: 0 0 8px 3px; } #fale form { position:relative; } #fale .msg-sucess { height:260px; } #fale .msg-sucess a { color:#fff !important; display:none; } #fale form fieldset label { min-width:55px; width:58px !important; float:left; text-align:right; color:#7a8c7d !important; margin:12px 5px 0 0 !important; clear:both; height:32px; } #fale form fieldset > div { position:absolute; width:380px; height:40px; } #fale form fieldset div div input { position:absolute; top:0; z-index:1; } /* Campo: Perfil ************/ #fale form fieldset .label1 { z-index:11; left:63px; width:310px; } /* Campo: Assunto ************/ #fale form fieldset .label2 { top:45px; z-index:1; left:63px; width:310px; } /* Campo: Nome ***************/ #fale form fieldset .label3 { top:103px; left:63px; z-index:0; } /* Campo: Cartão *************/ #fale form fieldset .label4 { top:153px; left:63px; z-index:0; } /* Campo: E-mail ************/ #fale form fieldset .label5 { top:203px; left:63px; z-index:0; } /* Campo: Telefone **********/ #fale form fieldset .label6 { top:255px; left:63px; z-index:0; } /* Campo: Mensagem **********/ #fale form fieldset .label7 { right:6px; top:157px; background:#7a8c7e; position: static !important; margin-left: 10px !important; z-index:0; } input:not([type="image"]), textarea { box-sizing: content-box; } .inputs_care input[type='text']{ width: 284px !important; } .inputs_care #idade, .inputs_care #municipio, .inputs_care #bairro, .inputs_care #card, .inputs_care #telephone { width: 133px !important; } /* Botão: Enviar **********/ /*#fale form fieldset .fale-button { width:369px; height:40px; position:absolute; right:0; margin:10px 6px 0 0; overflow:hidden; top:270px; }*/ #fale form fieldset .fale-button { width: 380px; height: 40px; position: static; right: 0; margin: 10px 0 0 0; padding-top: 20px; overflow: hidden; } #fale form fieldset .label8 { top:0px; left:445px; z-index:0; } #fale form fieldset .label9 { top:52px; left:445px; z-index:0; } #fale form fieldset .labe20 { top:104px; left:445px; z-index:0; } #fale form fieldset .fale-button span { width:265px; background:#d27677; float:left; padding:0; color:#fff; padding:12px 0 11px 10px; display:none; } #fale form fieldset .fale-button a { width:44px; padding:11px 20px; background:#005746; color:#fff !important; display:block; text-align:center; float:right; } #fale .inputs_care .align-left-care { float: left; width: 381px; list-style: none; } #fale .inputs_care .align-left-care .for-ie-select .droapps-ui-customselect { float: left; width: 300px !important; margin: 0 !important; height: 30px; } #fale .inputs_care .align-left-care .for-ie-select .droapps-ui-customselect dd { width: 300px !important; } #fale .inputs_care .align-left-care .for-ie-select .droapps-ui-customselect dd ul { width: 300px !important; } #fale .inputs_care .align-left-care label { float: left; clear: none; margin: 0; } #fale .inputs_care .align-left-care li { float: left; width: 100%; margin: 0 0 8px; } #fale .inputs_care .align-left-care li.subject-relative { position: relative; height: 40px; } #fale .inputs_care .align-left-care li.subject-relative { position: relative; height: 40px; } #fale .inputs_care .align-left-care .combobox { float: right; margin: 0 8px 0 0 ; position: absolute; top: 0; right: 0; } #fale .inputs_care .align-left-care .input { float: left; background:#d0dbca; padding:5px; /*position: static !important;*/ } #fale .inputs_care .align-left-care .textarea-adjust .textarea { float: left; background:#d0dbca; padding:5px; /*position: static !important;*/ } #fale .inputs_care .align-left-care .textarea-adjust .textarea textarea { float: left; width: 343px !important; height: 83px !important; overflow:auto; background:#7a8c7e; resize: none; } iframe #fale form fieldset .label7{ top: 0 !important; } iframe #fale form fieldset .fale-button{ top: 250px !important; } iframe #fale .inputs_care .align-left-care .textarea-adjust .textarea{ height: 240px !important; } iframe #fale .inputs_care .align-left-care .textarea-adjust .textarea textarea{ height: 240px !important; } #fale .inputs_care .align-left-care .textarea-adjust label{ margin: 0 !important; } /** * ---------------------- // * Aba Telefones [start] * ---------------------- // **/ #atendimento { cursor:default; } #atendimento p { padding: 7px 0 20px 3px; color:#545f53; } #atendimento dl { padding: 18px 20px 0 100px; overflow: hidden; height:79px; position:relative; margin-bottom: 5px; } #atendimento dl dt { line-height:25px; } #atendimento dl dd { float: left; width:260px; overflow:hidden; color: #387567; } #atendimento dl p { color:#6b7569; float:right; position:absolute; top:20px; left:470px; font-size:20px; font-weight:normal; } #atendimento .contact-center { background:#dfdfd1 url('../img/common/care/ico_contact_center.png') no-repeat 25px 25px; } #atendimento .clients { background:#dfdfd1 url('../img/common/care/ico_clients.png') no-repeat 30px 22px; } #atendimento .deficientes { background:#dfdfd1 url('../img/common/care/ico_deficientes.png') no-repeat 25px 23px; } /** * ---------------------- // * Aba Faq [start] * ---------------------- // **/ #faq { cursor:default; } .table-tuition-increases { width: 100%; } .table-tuition-increases thead td { background: #7a8c7d; color: #FFF; text-align: center; padding: 5px; vertical-align: middle; font-size: 11px; } .table-tuition-increases tbody td { text-align: center; background: #dedecf; color: #505c50; padding: 5px; font-size: 11px; vertical-align: middle; } #faq { *margin-left:-10px; } #faq .jScrollPaneDrag { *margin: 0px 0px 0px 5px; } #faq > ul { width:100%; *width:102%; padding-bottom:20px; height:40px; margin-top:0px; margin-bottom: 10px; } #faq > ul > li { float:left; text-align:center; padding: 8px 4px; cursor:pointer; border-left: 1px solid #e5e5d7; position: relative; } #faq > ul > li > h3 > a { font-weight: normal; } #faq > ul > li:first-child { border-left: 0; } #faq > ul > li.selected { background: #7a8c7d; color: #FFF; } #faq > ul > li.selected h3 a { color: #FFF !important; } #faq > ul > li > h3 { font-size:13px; font-weight:normal; letter-spacing: -0.5px; } /** * ---------------- // * Submenu Faq * ---------------- // **/ #faq ul li ul { padding-bottom:0px; height:auto; margin-top:0px; margin-bottom: 0px; position: absolute; top: 33px; left: 0; background: #fcfcf6; z-index: 99999; display: none; width: 160px; } #faq ul li ul li { float:none; text-align:left; padding: 0 5px; cursor:pointer; border-left: 0; background: #fcfcf6; } #faq ul li ul li:hover { background: #eaefe4; } #faq ul > li > ul > li > span { font-weight: none; font-size: 11px; display: block; border-top: 1px solid #e2e2dd; line-height: 27px; letter-spacing: -0.5px; color: #3c493e; } #faq ul > li > ul > li:first-child > span { border-top: 0; color: #3c493e; } /** * ---------------- // * Submenu Faq * ---------------- // **/ #faq #accordion-holder-faq { width:770px; height:328px; margin-top:-5px; } #faq .scroll-pane { overflow:auto; width:700px; } #faq .scroll-pane .ui-accordion-header { background-color:#dedfd1; height:auto; min-height:25px; margin-top:5px; padding-top:6px; } #faq .scroll-pane .ui-accordion-header:hover { background-color:#D5D5CA; cursor:pointer; } #faq .scroll-pane .ui-accordion-header a { color:#767669 !important; font-weight:normal !important; font-size:11px !important; margin-left:10px; } #faq .scroll-pane .ui-state-active { background-color:#014f41 !important; } #faq .scroll-pane .ui-corner-top a { color:#84c591 !important; font-weight:normal !important; font-size:11px !important; } #faq .scroll-pane .ui-accordion-content-active { background:transparent; border:none; padding:8px 20px 5px 20px; } #faq .scroll-pane .ui-accordion-content-active:hover { cursor:default; } #faq .scroll-pane .ui-accordion-content-active p { color:#3c493e; font-size:10px; } #faq .scroll-pane .ui-accordion-content-active p a { text-decoration: underline; } #faq > div.jScrollPaneContainer { margin-top:-46px; *margin-top:-26px; z-index: 0; *z-index: -1; } /** * ---------------------- // * Aba Ouvidoria [start] * ---------------------- // **/ /* #popup-care ul li.tab #ouvidoria section { display: none; position: relative; left: auto; top: auto; margin: 0; padding: 0; height: auto !important; } */ #popup-care ul li.tab #ouvidoria section { display: none; position: relative; margin: 0; padding: 0; overflow: hidden; } #what-is-ombudsman{ /*display: block !important;*/ } #popup-care ul li.tab #ouvidoria { color: #545f53; overflow: hidden; font-size: 11px; cursor: default; height: auto !important; left: -628px; } #popup-care ul li.tab #ouvidoria ul { height: auto !important; margin: 0; } #popup-care ul li.tab #ouvidoria p { margin: 0; } #popup-care ul li.tab #ouvidoria header { height: auto; width: auto; background: transparent; /* display: none;*/ } #popup-care ul li.tab #ouvidoria header h1 { display: none; } #popup-care ul li.tab #ouvidoria h2 { color: #3c493e; font-size: 14px; /* line-height: 0;*/ } #popup-care ul li.tab #ouvidoria nav { margin-bottom: 30px; } #popup-care ul li.tab #ouvidoria nav ul li { display: inline; margin-right: 30px; float:left; } #popup-care ul li.tab #ouvidoria nav ul li a { color: #7a8c7d; font-size: 16px; font-weight: normal; } #popup-care ul li.tab #ouvidoria nav ul li a.active, #popup-care ul li.tab #ouvidoria nav ul li a:hover { color: #004f3f; } #popup-care ul li.tab #ouvidoria p { padding-bottom: 20px; } .nivo-control span.nivo-control-title{max-width: 114px; bottom: 5px;left: 0;} .nivo-control{position: relative !important;} /* what's ombudsman ---------------------------------------- */ #popup-care ul li.tab #ouvidoria #what-is-ombudsman h2 { /* padding-top: 20px;*/ } #popup-care ul li.tab #ouvidoria #what-is-ombudsman p a { color: #004f3f; font-size: 11px; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman p a:hover { text-decoration: underline; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer { margin-top: 15px; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl.by-relatorios{ float: left; width: 320px; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl.by-relatorios .informativo{ color: #005746; cursor: pointer; } #popup-care .informativo-wrap label{float: left;line-height: 40px;margin-right: 15px;} #popup-care .informativo-wrap .droapps-ui-customselect{font-family: 'trebuchet ms', verdana, arial, sans-serif;color: #FFF;font-size: 10px;padding: 5px;background: #D0DBCA;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;width: 90px;float: left;margin-right: 10px;} #popup-care .informativo-wrap input[type='text']{float: left;width: 320px;background: #7A8C7D;color: #FFF;padding: 7px;font-family: 'trebuchet ms', arial, sans-serif;font-size: 11px;border: 0;} #popup-care .informativo-wrap .d3-custom-input {padding: 5px;background: #D0DBCA;float: left;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;} #popup-care .informativo-wrap .droapps-ui-customselect dt{color: #FFF;background: #7A8C7D url(../img/common/ui/arrow.gif) no-repeat right top;padding: 0 5px;height: 30px;line-height: 30px;} #popup-care .informativo-wrap .droapps-ui-customselect dd {width: 155px;background: #D0DBCA;padding: 0 5px 5px 5px;margin-top: -5px;-moz-border-radius-bottomleft: 6px;-moz-border-radius-bottomright: 6px;-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;width: 110px !important;} #popup-care .informativo-wrap .droapps-ui-customselect ul {width: 110px;background: #7A8C7D;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;} #popup-care .informativo-wrap .droapps-ui-customselect ul li {list-style: none;} #popup-care .informativo-wrap .droapps-ui-customselect ul li a {color: #FFF;padding: 0 5px;height: 30px;line-height: 30px;} #popup-care .informativo-wrap .droapps-ui-customselect ul li a:hover {background: #5C6E5E;color: #FFF;} #popup-care .informativo-wrap button {background: #005746;color: #FFF;font-size: 11px;font-weight: bold;padding: 0 20px;line-height: 40px;height: 40px;float: right;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;border: none;cursor: pointer;float: left;margin-left: 20px;} #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer .relatorios-wrap-dd a{background: transparent;color: #005746;font-size: 11px;padding: 0;line-height: 16px;height: 16px;float: none;-moz-border-radius: 0px;-webkit-border-radius: 0px;border-radius: 0px;} .relatorios-wrap{margin-top: 15px;} #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer .relatorios-wrap-dd a:hover{text-decoration: underline;} #popup-care .informativo-wrap .droapps-ui-customselect ul li a.selected {color: #AFAFAF;} #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl.by-relatorios .informativo:hover{ text-decoration: underline; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl { float: left; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dt { font-size: 20px; font-weight: normal; color: #004f3f; padding-bottom: 10px; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dd a { background: #005746; color: #fff; font-size: 16px; padding: 0 20px; line-height: 40px; height: 40px; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl.by-postoffice { width: 300px; background: url('../img/common/care/ico_mail.png') no-repeat; padding-left: 75px; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl.by-postoffice dd { color: #005746; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl.by-postoffice dd span { color: #3c493e; } #popup-care ul li.tab #ouvidoria #what-is-ombudsman footer dl.by-web { width: 200px; margin-left: 80px; } /* links-to-consumer ---------------------------------------- */ #popup-care ul li.tab #ouvidoria #links-to-consumer dd { padding-bottom: 10px; } #popup-care ul li.tab #ouvidoria #links-to-consumer dd a { color: #004f3f; font-size: 11px; } #popup-care ul li.tab #ouvidoria #links-to-consumer dd a:hover { text-decoration: underline; } /* send-message ---------------------------------------- */ #popup-care ul li.tab #ouvidoria #send-message .hide, #popup-care ul li.tab #ouvidoria #send-message .noclient { display: none; } #popup-care ul li.tab #ouvidoria #send-message .show { display: block; } #popup-care ul li.tab #ouvidoria .msg-sucess { height:300px; color:#10715D; font-size:100%; } #popup-care ul li.tab #ouvidoria .msg-sucess h2 { color:#006600; font-size:20px; font-weight:normal; } #popup-care ul li.tab #ouvidoria .msg-sucess a { color:#fff !important; } #popup-care ul li.tab #ouvidoria #send-message form { float: left; width: 100%; display: block; } #popup-care ul li.tab #ouvidoria #send-message label { width: 60px; text-align: right; padding-right: 10px; float: left; display: block; line-height: 40px; color: #7A8C7D; } #popup-care ul li.tab #ouvidoria #send-message label.small { width: 40px; padding-right: 0; } #popup-care ul li.tab #ouvidoria #send-message #send-message-client input { position: absolute; left: -9999px; top: auto; } #popup-care ul li.tab #ouvidoria #send-message #send-message-client label.small { background: transparent url(../img/common/ui/radio2.png) no-repeat left 13px; text-align: left; padding-left: 24px; } #popup-care ul li.tab #ouvidoria #send-message #send-message-client label.small.checked { background-position: 0 -27px; } #popup-care ul li.tab #ouvidoria #send-message #send-message-client label.type { width: 23px; } #popup-care ul li.tab #ouvidoria #send-message input[type=text], #popup-care ul li.tab #ouvidoria #send-message textarea, #popup-care ul li.tab #ouvidoria #send-message select { float: left; width: 320px; background: #7a8c7d; color: #fff; padding: 7px; font-family: 'trebuchet ms', arial, sans-serif; font-size: 11px; border: 0; } #popup-care ul li.tab #ouvidoria #send-message select{-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;} #popup-care ul li.tab #ouvidoria #send-message textarea { width: 275px; height: 195px; } #popup-care ul li.tab #ouvidoria #send-message p { display: block; width: 100%; float: left; clear: both; margin: 0 0 5px; padding: 0; } #popup-care ul li.tab #ouvidoria #send-message .left { float: left; width: 400px; } #popup-care ul li.tab #ouvidoria #send-message .right { float: left; width: 300px; margin-left: 30px; } #popup-care ul li.tab #ouvidoria #send-message .right label { margin-bottom: 4px; } #popup-care ul li.tab #ouvidoria #send-message .d3-custom-input { padding: 5px; background: #d0dbca; float: left; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #popup-care ul li.tab #ouvidoria #send-message button { background: #005746; color: #fff; font-size: 11px; font-weight:bold; padding: 0 20px; line-height: 40px; height: 40px; float: right; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: none; cursor:pointer; } #popup-care ul li.tab #ouvidoria #send-message select#send-message-type-of-client { width: 120px; } #popup-care ul li.tab #ouvidoria #send-message select#send-message-subject, #popup-care ul li.tab #ouvidoria #send-message input#send-message-card, #popup-care ul li.tab #ouvidoria #send-message input#send-message-cnpj, #popup-care ul li.tab #ouvidoria #send-message input#send-message-cpf { width: 150px; } #popup-care ul li.tab #ouvidoria #send-message input#send-message-email, #popup-care ul li.tab #ouvidoria #send-message input#send-message-name, #popup-care ul li.tab #ouvidoria #send-message input#send-message-phone { width: 290px; } #popup-care ul li.tab #ouvidoria #send-message #send-message-holder-error { background: #D27677; color: #fff; padding: 12px 0 12px 10px; float: left; width: 290px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display: none; position: absolute !important; left: 430px !important; top: 270px !important; } /*! * Droapps Custom Select * Structure Stylesheet * * Author: * Diego Tres /// D3 /// me@diegotres.com * * Dual licensed under the MIT and GPL licenses. */ #popup-care ul li.tab #ouvidoria #send-message select.droapps-ui-customselect-skinned { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; } /* resetting plugin elements */ #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect, #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dt, #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd, #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul, #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li, #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li a { margin: 0; padding: 0; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect { list-style: none; width: 100px; position: relative; cursor: pointer; /* active hasLayout property*/ display: inline-block; zoom: 1; height: 1; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect.droapps-ui-customselect-disabled { cursor: default; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dt { display: block; position: relative; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd { position: absolute; z-index: 9999; left: 0; width: 100%; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul { position: relative; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li { list-style: none; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li a { display: block; text-decoration: none; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li a.selected { cursor: default; } /** * Theme: unimed */ #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect { width: 145px; font-family: 'trebuchet ms', verdana, arial, sans-serif; color: #fff; font-size: 10px; padding: 5px; background: #D0DBCA; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dt { color: #fff; background: #7A8C7D url(../img/common/ui/arrow.gif) no-repeat right top; padding: 0 5px; height: 30px; line-height: 30px; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dt:hover { /*background-position: right -30px;*/ } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect.active dt { /*background-position: right -60px;*/ } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect.active dt:hover { /*background-position: right -90px;*/ } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd { width: 155px; background: #D0DBCA; padding: 0 5px 5px 5px; margin-top: -5px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul { width: 155px; background: #7A8C7D; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li {} #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li a { color: #fff; padding: 0 5px; height: 30px; line-height: 30px; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li a.selected { color: #AFAFAF; } #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li a:hover, #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect dd ul li a:focus { background: #5C6E5E; color: #fff; } /* select */ #popup-care ul li.tab #ouvidoria #send-message dl.droapps-ui-customselect.subject dd { padding: 5px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 0; margin-bottom: -5px; } /** * ---------------------- // * Aba Enderecos [start] * ---------------------- // **/ #endereco { position: relative; } #endereco header#map-endereco { background: #f8f8e9; position: absolute; height: 82px; /* width: 100%;*/ width: 765px; top: 0; /* left: 0;*/ left: 20px; border: 1px solid #d0dbca; z-index: 1; } #endereco header#map-endereco #map-holder { /* width:765px;*/ height:80px; overflow:hidden; display:block; position: relative; } #endereco header#map-endereco span { position: absolute; left: 0; bottom: 0; background: #f8f8e9; display: inline-block; width: 100%; text-align: center; padding: 11px 0 11px 0; line-height: 22px; } #endereco header#map-endereco span a { background: url( '../img/common/care/ico-down-map-pop.png' ) right no-repeat; font-size: 16px; color: #3c493e; font-weight: normal; padding-right: 25px; display: inline-block; height: 22px; } #endereco #accordion-holder-endereco { display:block; padding-top:91px; width:100%; float: none; margin: 0; } #accordion-endereco .ui-accordion-header { background-color:#dedfd1; margin-top:5px; padding: 10px 0 10px 40px; background-repeat: no-repeat; background-position: 21px -40px; } #accordion-endereco .ui-accordion-header h3 {} #accordion-endereco .ui-accordion-header a { color:#767669 !important; font-weight:normal !important; font-size: 20px !important; line-height: 20px; margin-left:20px; } #accordion-endereco .ui-accordion-header small { margin: 2px 16px 0 0; font-size: 11px; /* float: right;*/ display: none; position: absolute; top: 10px; right: 5px; } #accordion-endereco .ui-state-active { background-color:#014f41 !important; background-position: 21px 0px; } #accordion-endereco .line0 { background-image:url('../img/common/care/icon_unidade.png'); } #accordion-endereco .line1 { background-image:url('../img/common/care/icon_sede_adm.png'); } #accordion-endereco .line2 { background-image:url('../img/common/care/icone_lj_rel.png'); } #accordion-endereco .line3 { background-image:url('../img/common/care/icone_lj_hosp.png'); } #accordion-endereco .ui-state-active small { display: block; } #accordion-endereco .ui-corner-top a { color:#84c591 !important; font-weight:normal !important; } #accordion-endereco .ui-accordion-content-active { background:transparent; padding: 20px 20px 0 20px; border: 0; } #accordion-endereco .ui-accordion-content-active p { color:#3c493e; font-size:10px; } #accordion-endereco ul li { float: left; width: 228px; padding-bottom: 0px; padding-right: 10px; } #accordion-endereco ul li.last { padding-right: 0; } #popup-care #accordion-endereco ul li.tab div p{ margin: 5px 0 15px; } #accordion-endereco ul li h6 { color: #004f3f; background: url( '../img/common/care/ico_mark.png' ) left top no-repeat; background-position: 0 0; padding-left: 20px; line-height: 13px; font-size: 11px; } #accordion-endereco ul li h6:hover { background-position: 0 -13px; } #accordion-endereco ul li p { margin: 0; padding: 0; } /** * ---------------------- // * Aba Enderecos [end] * ---------------------- // **/ #fale dl.droapps-ui-customselect { width: 190px; font-family: 'trebuchet ms', verdana, arial, sans-serif; color: #fff; font-size: 10px; padding: 5px; background: #D0DBCA; /*-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px;*/ z-index: 9998; } #fale dl.droapps-ui-customselect dt { color: #fff; background: #7A8C7D url(../img/common/ui/arrow.gif) no-repeat right top; padding: 0 5px; height: 30px; line-height: 30px; font-size: 11px; } #fale dl.droapps-ui-customselect dt:hover { /*background-position: right -30px;*/ } #fale dl.droapps-ui-customselect.active dt { /*background-position: right -60px;*/ } #fale dl.droapps-ui-customselect.active dt:hover { /*background-position: right -90px;*/ } #fale dl.droapps-ui-customselect dd { width: 200px; background: #D0DBCA; padding: 0 5px 5px 5px; margin-top: -5px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; z-index: 9999999; } #fale dl.droapps-ui-customselect dd ul { width: 200px; background: #7A8C7D; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin-top: 0; } #fale dl.droapps-ui-customselect dd ul li {} #fale dl.droapps-ui-customselect dd ul li a { color: #fff; padding: 0 5px; height: 30px; line-height: 30px; font-size: 11px; } #fale dl.droapps-ui-customselect dd ul li a.selected { color: #AFAFAF; } #fale dl.droapps-ui-customselect dd ul li a:hover, #fale dl.droapps-ui-customselect dd ul li a:focus { background: #5C6E5E; color: #fff; } /* select */ #fale dl.droapps-ui-customselect.subject dd { padding: 5px 5px 0 5px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; margin-top: 0; margin-bottom: -5px; } #vml { height: 0; } .roda-a-roda{width: 960px;height: 475px;overflow: hidden;position: relative;display: none;} .roda-a-roda li{width: 960px;height: 475px;position: relative;} .roda-riodejaneiro{background: url(../images/rio-de-janeiro.jpg) no-repeat;} .roda-pessoas{background: url(../images/pessoas.jpg) no-repeat;} .roda-nossosvalores{background: url(../images/nossos-valores.jpg) no-repeat;} .roda-nossahistoria{background: url(../images/nossa-historia.jpg) no-repeat;} .next-roda{position: absolute;width: 360px;height: 65px;right: 20px;bottom: 20px;cursor: pointer;z-index: 100;} .prev-roda{position: absolute;width: 360px;height: 65px;left: 20px;bottom: 20px;cursor: pointer;z-index: 100;} .arrow-roda{position: absolute;bottom: 0;width: 960px;height: 84px;background: url(../images/arrow.png) no-repeat;} .roda-a-roda .bemestar{position: absolute;width: 190px;height: 35px;top: 326px;left: 90px;} .roda-a-roda .pelorio{position: absolute;width: 150px;height: 65px;left: 320px;top: 238px;} .roda-a-roda .porviver{position: absolute;width: 155px;height: 40px;left: 390px;top: 345px;} .roda-a-roda .futebol{position: absolute;width: 190px;height: 45px;right: 170px;top: 305px;} .roda-a-roda .colaboradores{position: absolute;width: 160px;height: 50px;left: 80px;top: 325px;} .roda-a-roda .redemedica{position: absolute;width: 150px;height: 65px;left: 440px;top: 285px;} .roda-a-roda .atletas{position: absolute;width: 110px;height: 45px;left: 405px;top: 360px;} .roda-a-roda .diretoria{position: absolute;width: 195px;height: 45px;right: 70px;top: 295px;} .roda-a-roda .missao{position: absolute;width: 70px;height: 40px;left: 220px;top: 300px;} .roda-a-roda .sustentabilidade{position: absolute;width: 215px;height: 70px;left: 290px;top: 280px;} .roda-a-roda .compromisso{position: absolute;width: 210px;height: 40px;left: 370px;top: 355px;} .roda-a-roda .etica{position: absolute;width: 180px;height: 50px;right: 50px;top: 300px;} .roda-a-roda .anos60{position: absolute;width: 140px;height: 40px;left: 155px;top: 315px;} .roda-a-roda .anos80{position: absolute;width: 145px;height: 40px;left: 405px;top: 270px;} .roda-a-roda .cooperativismo{position: absolute;width: 160px;height: 45px;left: 460px;top: 340px;} .roda-a-roda .anos2000{position: absolute;width: 225px;height: 45px;right: 85px;top: 295px;} .roda-a-roda .info{padding: 15px;width: 400px;position: absolute;top: 25px;right: 50px;display: none;} .roda-a-roda .info .close{font-size: 14px;padding: 5px 0;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0;border-radius: 0 5px 5px 0;position: absolute;right: -18px;width: 18px;text-align: center;top: 0;color: #fff;cursor:pointer;} .roda-a-roda .info.green{background: #7cb720;} .roda-a-roda .info.yellow{background: #f4d002;} .roda-a-roda .info.green .close{background: #ccd16b;} .roda-a-roda .info.yellow .close{background: #cfb474;} .roda-a-roda .info.darkgreen{background: #11905e;} .roda-a-roda .info.orange{background: #f7a03a;} .roda-a-roda .info.darkgreen .close{background: #83b797;} .roda-a-roda .info.orange .close{background: #dead7b;} .roda-a-roda .info.yellow .title{text-shadow: 0 2px 1px #a8910d;} .roda-a-roda .info.orange .title{text-shadow: 0 2px 1px #ae7b43;} .roda-a-roda .info:after{position: absolute;content: '';width: 1px;height: 35px;background: #f7f7f7;top: -25px;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.7);-moz-box-shadow: 0 0 1px rgba(0,0,0,.7);box-shadow: 0 0 1px rgba(0,0,0,.7);left: 14px;} .roda-a-roda .info:before{position: absolute;content: '';width: 1px;height: 35px;background: #f7f7f7;top: -25px;-webkit-box-shadow: 0 0 1px rgba(0,0,0,.7);-moz-box-shadow: 0 0 1px rgba(0,0,0,.7);box-shadow: 0 0 1px rgba(0,0,0,.7);right: 14px;} .roda-a-roda .info .text{background: #e7e8dd;padding: 15px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;} .roda-a-roda .info .text div{max-height: 160px;overflow: auto;} .roda-a-roda .info .text p{margin-bottom: 15px;} .roda-a-roda .info .text p:last-child{margin-bottom: 0;} .roda-a-roda .info .title{color: #f3f3f2;font-size: 22px;margin-bottom: 10px;text-shadow: 0 2px 1px #5e8523;text-align: center;position: relative;} .roda-a-roda .info .title:after{content: ''; position: absolute;background: #f7f7f7;width: 8px;height: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;top: -5px;left: -5px;-webkit-box-shadow: inset 1px 1px 1px #e4e4e4;-moz-box-shadow:inset 1px 1px 1px #e4e4e4;box-shadow: inset 1px 1px 1px #e4e4e4;} .roda-a-roda .info .title:before{content: ''; position: absolute;background: #f7f7f7;width: 8px;height: 8px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;top: -5px;right: -5px;-webkit-box-shadow: inset 1px 1px 1px #e4e4e4;-moz-box-shadow:inset 1px 1px 1px #e4e4e4;box-shadow: inset 1px 1px 1px #e4e4e4;}