body { padding-top: 20px; padding-bottom: 40px; background-color: #ffffff; font-family: 'Open Sans' , sans-serif; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } * { margin: 0px; padding: 0px; font-family: 'Open Sans' , sans-serif; } .container { padding-left: 20px; padding-right: 20px; width: 990px; height: 650px; margin: 0 auto; position: relative; } .containerDesc { position: absolute; width: 200px; height: 100px; text-align: center; padding-top: 0px; padding-left: 20px; left: 20px; top: 270px; text-align: left; } .title1Desc { font-size: 30px; font-weight: bold; color: #000000; } .title2Desc { font-size: 19px; font-weight: bold; color: #000000; } .title1Value { font-size: 95px; font-weight: bold; color: #58595B; z-index: 1; padding-top: 5px; } .title2Value { font-size: 28px; font-weight: bold; color: #58595B; z-index: 1; width: 123px; position: relative; top: -10px; } .divWrap { width:990px; height:641px; margin:auto; background-color:White; -moz-border-radius: 11px; /* Firefox */ -webkit-border-radius: 11px; /* Safari and Chrome */ border-top-radius: 11px; } .containerWrap { } .wrapContainer { } .containerImg1 { background-image: url('../img/foto1.png'); height: 641px; width: 990px; } .containerImg2 { background-image: url('../img/foto2.png'); height: 641px; width: 990px; } .containerImg3 { background-image: url('../img/foto3.png'); height: 641px; width: 990px; } .containerfooter { height: 132px; width: 950px; background-image: url('../img/box-form.PNG'); margin: 0 auto; position: absolute; top: 484px; left: 42px; } .footerTitle { text-align: center; font-size: 24px; font-weight: bold; color: #FFB025; height: 43px; width: 943px; padding-top: 6px; } .footerTitleSucesso { text-align: center; font-size: 38px; font-weight: bold; color: #FFB025; height: 43px; width: 948px; padding-top: 10px; } .footerSubTitleSucesso { text-align: center; font-size: 24px; color: white; height: 43px; width: 948px; padding-top: 10px; font-weight: bold; letter-spacing: 3px; } .lblDesc { font-size: 11px; font-weight: bold; color: #777; z-index: 1; margin-left: 10px; margin-top: 4px; float: left; } .boxTelCarta { width: 431px; height: 27px; margin-bottom: 5px; } .boxWrapWraper { width: 660px; height: 37px; margin-top: -7px; float: left; padding-left: 20px; } .boxWrap { width: 184px; height: 25px; background-image: url('../img/telefone.png'); float: left; margin-right: 9px; margin-left: 2px; margin-top: 4px; } .boxWrap1 { width: 378px; height: 25px; background-image: url('../img/box-nome2.png'); float: left; margin-right: 9px; margin-left: 2px; margin-top: 4px; } .boxSeguroNovo { width: 154px; height: 25px; background-image: url('../img/seguro-novo.png'); float: left; } .boxWrapSeguroNome { width: 261px; height: 26px; background-image: url('../img/quantos-anos.png'); float: right; margin-right: 6px; margin-left: 2px; margin-top: 4px; background-size: 100% 100%; } .boxWrapSeguroNovo { width: 256px; height: 27px; margin-right: 12px; margin-left: 0px; margin-top: 5px; float: right; } .boxWrapAnosCarta { width: 183px; height: 26px; background-image: url('../img/n-carta.png'); float: left; margin-right: 9px; margin-left: 2px; margin-top: 4px; } #txtTelemovel, #txtName { float: right; margin-right: 7px; margin-top: 4px; background-color: transparent; width: 108px; border: 0; height: 19px; } #txtEmail { float: right; margin-right: 7px; margin-top: 4px; background-color: transparent; width: 110px; border: 0; height: 19px; } #txtNif { float: right; margin-right: 7px; margin-top: 4px; background-color: transparent; width: 110px; border: 0; height: 19px; } #txtAnosCarta { float: right; margin-right: 6px; margin-top: 4px; background-color: transparent; width: 45px; border: 0; height: 19px; padding-left: 25px; } #txtAnosSeguro { float: right; margin-right: 6px; margin-top: 4px; background-color: transparent; width: 26px; border: 0; height: 19px; } #txtDob { float: right; margin-right: 39px; margin-top: 4px; background-color: transparent; border: 0; height: 18px; } #ImgBntCalc { border-width: 0px; margin-left: 108px; margin-top: 6px; position: absolute; } .footerContent { width: 945px; height: 70px; padding-top: 10px; } .boxSimNao { width: 100px; height: 25px; float: right; text-align: center; } .boxSimNao td { margin: 0; padding: 0; } .boxSimNao tr { width: 100px; margin: 0; padding: 0; } .SaberMais { float: right; height: 58px; width: 240px; background-image: url('../img/btn-saber-mais1.png'); margin: 0 auto; margin-top: -33px; margin-right: 24px; } .SaberMais:hover { height: 58px; width: 240px; background-image: url('../img/btn-saber-mais2.PNG'); margin: 0 auto; margin-top: -33px; margin-right: 24px; } .SaberMais input:hover { color: #FFFFFF; } .btnSaberMais { background-color: transparent; height: 58px; width: 240px; cursor: pointer; border: 0; font-size: 30px; font-weight: bold; color: #FFFFFF; } .radiobuttonlist { height: 27px; font: 12px; color: #000; /* non selected color */ cursor: pointer; } .radiobuttonlist input { height: 27px; width: 0px; height: 0px; position: absolute; z-index: -1; cursor: pointer; } .radiobuttonlist label { height: 24px; color: white; background-image: url('../img/btn_down.png'); background-repeat: no-repeat; padding-left: 14px; padding-right: 14px; padding-top: 5px; padding-bottom: 5px; border: 0; margin: 0px 0px 0px 0px; white-space: nowrap; clear: left; margin-right: 5px; cursor: pointer; font-size: 12px; } .radiobuttonlist span.selectedradio label { height: 27px; background-image: url('../img/btn-UP.png'); color: #FFFFFF; font-weight: bold; border: 0; padding-top: 5px; } .radiobuttonlist label:hover { color: #FFFFFF; background-image: url('../img/btn-UP.png'); } .radiobuttoncontainer { position: relative; z-index: 1; } .radiobuttonbackground { position: relative; z-index: 0; border: solid 1px #AcA899; padding: 10px; background-color: #F3F2E7; } .popup-error { position: absolute; width: 300px; z-index: 999; left: 37%; top: 40%; background-color: white; padding: 10px; text-align: center; font-size: 12px; border-bottom: 5px solid #E3E3E3; -webkit-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 15px rgba(50, 50, 50, 0.75); border: 2px solid #FF770D; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .popup-error h3 { font-size: 25px; text-transform: uppercase; color: #FF770D; font-weight: 900; } .popup-error p { text-transform: uppercase; padding-top: 10px; font-size: 16px; font-weight: 900; color: #353535; } .popup-error p small { font-weight: 500; } .popup-error input{padding:0 10px 0 10px; margin-top:20px;} .wrapBoxSucesso { width: 457px; height: 170px; background-image: url('../img/box_thanks.PNG'); position: relative; margin: 0 auto; } .wrapContainerSucesso { width: 430px; height: 247px; padding: 20px; } .title1Sucesso { font-size: 33px; font-weight: bold; color: #cccccc; z-index: 1; padding-top: 5px; } .title2Sucesso { font-size: 22px; font-weight: bold; color: #000000; z-index: 1; }