#content{ padding-right: 0; } /** * ------------------- // * Box Plans [START] * ------------------- // **/ #wrapper .box-plans { float: left; position: relative; margin: 0 20px 0 0; cursor:pointer; /* height:200px;*/ } #wrapper .box-plans header { position: absolute !important; top: 0; left: 0; z-index: 1; text-align: center; display: inline-block; } #wrapper .box-plans header h3 { margin: 25px 0; padding-top: 53px; font-size: 31px; float: left; line-height: 32px; width: 100%; font-family: 'unislabbold' !important; } #wrapper .box-plans header p { position: absolute; bottom: 20px; right: 20px; float: left; width: 100%; text-align: right; .line-height: 30px; margin: -5px 0 0 0; } #wrapper .box-plans header p span { display: block; font-size: 16px; margin-top: 3px; float: left; width: 100%; text-align: right; } #wrapper .box-plans header p span strong { font-size: 30px; font-weight: normal; } #wrapper .box-plans > ul { background: #dfdfd1; overflow: hidden; margin-top: 197px; padding: 8px 0 5px 0; } #wrapper .box-plans > ul > li { width: 100px; float: left; text-align: center; padding-top: 55px; min-height: 35px; } #wrapper .box-plans > ul > li.border { border-right: 1px solid #b2b2a7; } #wrapper .box-plans > ul > li:last-child { border-right: 0; } #wrapper .box-plans > ul > li > span { width: 90px; display: inline-block; zoom: 1; line-height: 12px; margin-bottom: 10px; } #wrapper .box-plans > ul > li span > strong { display: block; font-size: 16px; } /** * ------------------- // * Box Plans [END] * ------------------- // **/ #wrapper #button-compare-plans { float: left; width: 306px; height: 40px; position: absolute; bottom: 5px; left: 0; } #button-compare-plans div{ background: #FF7800 !important; } #wrapper #button-compare-plans > a { width: 306px; display: block; background: #006600; color: #FFF; margin: 0; padding: 6px 0 6px; } /** * -------------------------- // * Simulate-Contact [START] * -------------------------- // **/ #simulate-contact { margin: 20px 20px 20px 0; overflow: hidden; } #simulate-contact > li { float: left; width: 430px; padding: 20px; height: 93px; } #simulate-contact > li.right { float: right; cursor: pointer; } #simulate-contact > li a { display: inline; zoom: 1; float: left; margin: 21px 50px 0 0; background: #7bab33; padding: 10px 20px; font-size: 13px; color: #FFF; } #simulate-contact > li a:hover { background: #FFF; color: #4f6108; } #simulate-contact > li.green-left { background: #5a9600; color: #FFF; position: relative; } #simulate-contact > li.green-left > .msg-simulate { display: none; position: absolute; top: 50px; left: 138px; z-index: 1; } #simulate-contact > li.green-left > .msg-simulate span { float: left; font-size: 12px; margin-right: 15px; } #simulate-contact > li.green-left > .msg-simulate span.separator { font-size: 48px; margin-top: 5px; } #simulate-contact > li.green-left > .msg-simulate span strong { display: block; font-size: 22px; font-weight: normal; } #simulate-contact > li.green-right { background: #b9d300; color: #4f6108; } #simulate-contact > li.green-right > a { background: #94a900; } #simulate-contact > li.green-right > a.pop-send-message { width /*\**/:130px\9;/*IE8*/ } #simulate-contact > li.green-right > a:hover { background: #FFF; } /** * -------------------------- // * Simulate-Contact * Form [START] * -------------------------- // **/ #wrapper #simulate-contact li.button-simulate form { display: none; position: absolute; top: 15px; left: 20px; overflow: hidden; z-index: 1; width: 716px; background: #5a9600; font-size: 11px; } #wrapper #simulate-contact li.button-simulate form p { margin-bottom: 12px; line-height: normal; color: #FFF; } #wrapper #simulate-contact li.button-simulate form label { background: #487800; float: left; margin-right: 5px; border: 6px solid #7bab33; padding: 8px 10px 7px 10px; } #wrapper #simulate-contact li.button-simulate form label input { margin: 0; padding: 0; border: 0; background: #487800; color: #FFF; width: 100%; display: block; } #wrapper #simulate-contact li.button-simulate form label.name { width: 227px; } #wrapper #simulate-contact li.button-simulate form label.email { width: 227px; } #wrapper #simulate-contact li.button-simulate form label.phone { width: 65px; } #wrapper #simulate-contact li form button { width: 85px; border: 0; color: #FFF; height: 40px; background: #005c00; cursor: pointer; } /** * -------------------------- // * Simulate-Contact * Form [END] * -------------------------- // **/ #wrapper #simulate-contact li.button-simulate a { width: 136px; background: #7bab33; display: inline-block; margin-right: 20px; color: #FFF; } #wrapper #simulate-contact li.button-contact { width: 150px; letter-spacing: -0.5px; text-align: center; color: #FFF; } #wrapper #simulate-contact li.button-care { width: 163px; background: #b9d300; text-align: center; } #wrapper #simulate-contact li.button-contact span, li.button-care a { color: #FFF; margin-top: 10px; display: block; } #wrapper #simulate-contact li.button-care a { color: #4e6108; } #wrapper #simulate-contact li.button-care ul { display: none; } /** * -------------------------- // * Simulate-Contact [END] * -------------------------- // **/ /** * -------------------------- // * See-more [START] * -------------------------- // **/ #wrapper #see-more { margin: 17px 0 40px 0; overflow: hidden; } #wrapper #see-more section { float: left; } #wrapper #see-more section h2 { margin-bottom: 15px; } #wrapper #see-more section p.intro { margin-bottom: 33px; } #wrapper #see-more section:first-child { width: 306px; margin-right: 40px; height: 282px; position: relative; } #wrapper #see-more .services { width: 266px; margin-right: 60px; } #wrapper #see-more .services ul { background: #dfdfd1; padding: 4px; margin-bottom: 10px; } #wrapper #see-more .services ul li { border-top: 1px solid #b2b2a7; padding: 7px 11px; font-size: 18px; line-height: normal; } #wrapper #see-more .services a.buttons { width: 100%; color: #FFF; display: block; position: absolute; bottom: 0; left: 0; } #wrapper #see-more .services ul li:first-child { border: 0; } #wrapper #see-more .plans { width: 286px; height: 282px; position: relative; } #wrapper #see-more .plans p.prices { width: 150px; font-size: 18px; margin-bottom: 10px; height: 122px; height /*\**/:122px\9;/*IE8*/ line-height: normal; } #wrapper #see-more .plans p.prices strong { font-size: 28px; } #wrapper #see-more .plans a.buttons { width: 100%; color: #FFF; display: block; position: absolute; bottom: 0; left: 0; } /** * -------------------------- // * See-more [END] * -------------------------- // **/ #wrapper p small { font-size: 10px; line-height: normal; } #wrapper section ul li.estadual , #wrapper section ul li.RJ { background: url( '../img/common/plans/icons/ico_cobestadual.png' ) no-repeat; background-position: center 12px; } #wrapper section ul li.nacinal , #wrapper section ul li.BR { background: url( '../img/common/plans/icons/ico_cobnacional.png' ) no-repeat; background-position: center 12px; } #wrapper section ul li.hospitais { background: url( '../img/common/plans/icons/ico_hospitais.png' ) no-repeat; background-position: center 12px; } #wrapper section ul li.privado , #wrapper section ul li.IND { background: url( '../img/common/plans/icons/ico_privado.png' ) no-repeat; background-position: center 12px; } #wrapper section ul li.enfermaria , #wrapper section ul li.PUB { background: url( '../img/common/plans/icons/ico_enfermaria.png' ) no-repeat; background-position: center 12px; } /** * ---------------------------- // * Icons Plan Details [START] * ---------------------------- // **/ .icon-medic { background: url( '../img/common/plans/icons/ico_medicos.png' ) center no-repeat; } .icon-medic-white { background: url( '../img/common/plans/icons/ico_medicos_white.png' ) center no-repeat; } .icon-national { background: url( '../img/common/plans/icons/ico_cobnacional.png' ) center no-repeat; } .icon-RJ-white { background: url( '../img/common/plans/icons/ico_cobestadual_white.png' ) center no-repeat; } .icon-BR-white { background: url( '../img/common/plans/icons/ico_cobnacional_white.png' ) center no-repeat; } .icon-room-private { background: url( '../img/common/plans/icons/ico_enfermaria.png' ) center no-repeat; } .icon-PUB-white { background: url( '../img/common/plans/icons/ico_enfermaria_white.png' ) center no-repeat; } .icon-IND-white { background: url( '../img/common/plans/icons/ico_privado_white.png' ) center no-repeat; } .icon-hospital { background: url( '../img/common/plans/icons/ico_hospitais.png' ) center no-repeat; } .icon-hospital-white { background: url( '../img/common/plans/icons/ico_hospitais_white.png' ) center no-repeat; } .icon-product-white { background: url( '../img/common/plans/icons/product_icon.png' ) center no-repeat; } .icon-dentist { background: url( '../img/common/plans/icons/ico_dental.png' ) center no-repeat; } .icon-transport-aerial { background: url( '../img/common/plans/icons/ico_transpaero.png' ) center no-repeat; } .icon-sos-unimed { background: url( '../img/common/plans/icons/ico_sosunimed.png' ) center no-repeat; } .icon-sos-travel { background: url( '../img/common/plans/icons/ico_sosviagem.png' ) center no-repeat; } .icon-ben-family { background: url( '../img/common/plans/icons/ico_beneficiofamilia.png' ) center no-repeat; } .icon-safe-death { background: url( '../img/common/plans/icons/ico_dental.png' ) center no-repeat; } .icon-guarantee { background: url( '../img/common/plans/icons/ico_desemprego.png' ) center no-repeat; } .icon-unipsico { background: url( '../img/common/plans/icons/ico_unipsico.png' ) center no-repeat; } .icon-pharmacy { background: url( '../img/common/plans/icons/ico_farmacia.png' ) center no-repeat; } .icon-debt { background: url( '../img/common/plans/icons/ico_debito.png' ) center no-repeat; } .icon-bill { background: url( '../img/common/plans/icons/ico_2via.png' ) center no-repeat; } .icon-reimbursement { background: url( '../img/common/plans/icons/ico_reenbolsos.png' ) center no-repeat; } .icon-receipt { background: url( '../img/common/plans/icons/ico_comprovantes.png' ) center no-repeat; } /** * ---------------------------- // * Icons Plan Details [END] * ---------------------------- // **/ /** * --------------------- // * Price Generic [START] * --------------------- // **/ .price { line-height: 23px; } .price span { display: block; font-size: 16px; margin-top: 3px; } .price span strong { font-size: 30px; font-weight: normal; } /** * --------------------- // * Price Generic [END] * --------------------- // **/ .contador-iPad{ width: 245px; background: url(bg-contador.png) no-repeat bottom center; padding-bottom: 15px; position: absolute; bottom: -63px; left: 378px; z-index: 1000000000; } .contador-iPad p{ text-transform: uppercase; color: #687a6a; text-align: center; font-size: 12px; margin: 10px 0 0; } .counter-planos{padding: 5px; background: #fff; width: 235px; height: 55px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .counter-planos .numbers{ width: 45px; height: 45px; padding: 5px; background: #a7bda6; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; float: left; margin-right: 5px; overflow: hidden; } .counter-planos .numbers:last-child{ margin-right: 0; } .counter-planos .numbers div{ width: 45px; height: 45px; background: #687a6a; color: #fff; line-height: 45px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 42px; }