/* ============================================================================= CSS Reset ========================================================================== */ /* HTML5 Boilerplate Reset - http://html5boilerplate.com/ normalize.css v1.0.1 | MIT License | git.io/normalize */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0} /* ============================================================================= Layout/ Grid Styles ========================================================================== */ /** * Grid Styles here, util size column and others */ /* ============================================================================= Link Styles ========================================================================== */ a, a:link, a:visited { color: #444; cursor: pointer; text-decoration: none; } a:hover, a:focus { outline: none; } /* ============================================================================= H1, H2, H3, H4 and others titles styles ========================================================================== */ h1 { font-size: 36px; line-height: 40px; } h2 { font-size: 30px; line-height: 40px; } h3 { font-size: 24px; line-height: 40px; } h4 { font-size: 18px; line-height: 20px; } h5 { font-size: 14px; line-height: 20px; } h6 { font-size: 12px; line-height: 20px; } /* ============================================================================= Header Styles ========================================================================== */ /* ============================================================================= General Styles ========================================================================== */ body { background-color: #fff; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 14px; } hr { border: 0; border-top: 1px solid #ccc; display: block; height: 1px; margin: 1em 0; padding: 0; } img { vertical-align: middle; } ::-moz-selection { background: #b3d4fc; text-shadow: none; } ::selection { background: #b3d4fc; text-shadow: none; } .agora ::selection { background: #E2ACAA; text-shadow: none; color: #fff; } /* ============================================================================= Forms ========================================================================== */ fieldset { border: 0; margin: 0; padding: 0; } textarea { resize: vertical; } .bold { font-weight: bold; } /* ============================================================================= Sidebar, asides styles ========================================================================== */ /* ============================================================================= Footer Styles ========================================================================== */ /* ============================================================================= Ads ========================================================================== */ /* ============================================================================= Mixins - Constants Classes ========================================================================== */ /* clearfix */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; line-height: 0; } .clearfix:after { clear: both; } /* hide and show (acessible) */ .hide { clip: rect(1px 1px 1px 1px); left: -9999px !important; height: 1px; overflow: hidden; position: absolute !important; top: -9999px !important; width: 1px; } .full-hide { display: none !important; } .show { display: block !important; } .show-inline { display: inline !important; } /* text alignment */ .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } /* alert messages and warnings */ .alert-message, .message { } .alert-danger, .alert-error, .message.warning { } .agora .error .warn { color: #9E2723; } .error .warn { color: #01AFEC; font-size: 15px; border-bottom: 1px solid #CCC; margin-bottom: 10px; } /* floats */ .pull-right { float: right; } .pull-left { float: left; } /* unstyled lists */ ul.unstyled, ol.unstyled { margin-left: 0; list-style: none } /* default button */ .btn { } .btn:hover { } /* RESET //////////////////////////////////////*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, select, option, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, textarea, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { font-family: Arial, Helvetica, sans-serif; font-size: 100%; text-decoration: none; margin: 0; padding: 0; } input[type="button"], input[type="submit"], a { cursor: pointer; } ul { list-style: none; } a:hover { text-decoration: underline; } /* HOME */ #signature div.clear { background: #FFFFFF; border: 0 none; } /* HOME */ #signature div.none p { margin: 0; padding: 0 0 13px 0; } /* FOLHA SIGNATURE ESTRUCTURE //////////////////////////////////////*/ #signature { width: 972px; border: 0 none; margin: 15px auto; position: relative; display: block; } #signature.home-agora { margin: -20px auto } #signature .sprite { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/sprite.png'); } #signature .double_column { width: 642px; border: 0 none; margin: 10px 30px 10px 0; position: relative; float: left; } /*#signature.home-agora .double_column { width: 500px; }*/ #signature.home-agora .double_column { width: 100%; } #signature .double_column_x { width: 642px; border: 0 none; margin: 10px 30px 10px 0; position: relative; float: left; } #signature .double_column.large { width: 970px; } #signature .column { width: 300px; border: 0 none; margin: 10px 0 10px 0; position: relative; float: left; } #signature .column.tablet { width: 300px; border: 0 none; margin: 30px 0 10px 0; position: relative; float: left; } #ad-300x250-2 { background-color: #fff; width: 300px; height: 265px; margin: 20px 0; } #signature .message { font-size: 12px; background-color: #FF9; width: 100%; border: 1px solid #FC9; margin: 10px 0; position: relative; display: block; clear: both; } #signature .message p { padding: 7px; position: relative; display: block; } #signature .message ul { padding: 7px 0 7px 7px; } #signature .message ul li { font-size: 12px; padding: 2px 0; } #confirmaCPF{ position:absolute; background:url(../images/buble_CPF.gif) no-repeat top left; width:385px; height:92px; margin-top:55px; margin-left:190px; } #btnFechar{ margin-left:372px; margin-top:0px; position:absolute; } #confirmaCPF{ display:none; } /* FOLHA SIGNATURE HEADER //////////////////////////////////////*/ #header.home { width: 970px; height: 160px; border: 0 none; margin: 5px 0 0 0; position: relative; display: block; clear: both; } #header.home.sprite { background-position: -10px -20px; } #header.home h1 { text-indent: -9999px; width: 265px; height: 50px; border: 0 none; position: absolute; top: 15px; left: 0; } #header.home h1 a { width: 265px; height: 50px; border: 0 none; position: relative; display: block; clear: both; } #header.home h2 { text-indent: -9999px; width: 390px; height: 60px; border: 0 none; position: absolute; bottom: 0; left: 0; } #header.home div { width: 215px; height: 40px; border: 0 none; position: absolute; bottom: 10px; right: 0; } #header.home div span { font-size: 14px; line-height: normal; font-weight: bold; position: relative; float: left; } #header.home div span b { color: #00ACEB; position: relative; display: block; } #header.home div a.sprite { text-indent: -9999px; background-position: -20px -200px; width: 110px; height: 27px; border: 0 none; margin: 3px 0 0; float: right; } #header.home nav { float: left; width: 100%; border-bottom: 1px solid #000; } #header.home nav ul { clear: both; display: block; margin-top: 65px; float: left; height: 30px; } #header.home nav ul li.first { padding-left: 0; border-left: 0; margin-left: 5px; } #header.home nav ul li { display: inline; text-transform: uppercase; border-left: 1px solid #ccc; padding: 0 20px; } #header.home nav ul li a { color: #807B7B; font-weight: bold; } /* FOLHA SIGNATURE CONTENT //////////////////////////////////////*/ #signature .breadcrumb { width: 970px; height: 20px; border-bottom: 3px solid #1DAEEC; margin:8px 0; padding: 10px 0; position: relative; float: left; display: block; clear: both; } #signature .breadcrumb ul { position: relative; float: left; } .agora #signature .breadcrumb ul li { color: #9E2723 !important; } #signature .breadcrumb ul li { font-size: 18px; font-weight: bold; color: #1DAEEC; float: left; margin: 0 2px; } #signature .breadcrumb ul li.active { color: #ACACAC; } #signature .breadcrumb span { font-size: 14px; font-weight: bold; color: #ACACAC; margin: 4px 0 0; float: right; } #signature .breadcrumb.signing { border-bottom: 1px solid #1DAEEC; } #signature h3 { font-size: 26px; font-weight: 700; word-spacing:-3px; color: #1DAEEC; width: 100%; height: 30px; border-bottom: 1px solid #1DAEEC; margin: 0 0 10px 0; padding: 10px 0 5px 0; position: relative; display: block; clear: both; } #signature .breadcrumb.signing h3.sprite { text-indent: -9999px; background-position: -318px -635px; width: 280px; height: 30px; border: 0 none; position: absolute; display: block; clear: both; top: 2px; } #signature h3 a { color: #1DAEEC; } #signature h3 a:hover { text-decoration: none; } #signature .boxes { overflow: hidden; background-color: #F5F5F5; border: 1px solid #F5F5F5; margin: 2px; position: relative; float: left; } #signature .boxes.first { margin-left: 0; } #signature .double_column .boxes.last { margin-right: 0; } #signature .boxes.journal p { font-size: 16px; line-height: 22px; color: #FFFFFF; width: 250px; margin: 0; position: absolute; display: block; top: 90px; } #signature .boxes.journal.sprite { background-color: #F48A30; background-position: -319px -425px; } #signature .boxes.full.journal { height: 190px; } #signature .boxes.mobile.sprite { background-color: #D1440F; background-position: -657px -201px; } #signature .boxes.medium.mobile { height: 190px; } #signature .boxes.full { width: 636px; height: 160px; } #signature .boxes.large { width: 315px; height: 160px; } #signature .boxes.medium { width: 300px; height: 160px; } #signature .boxes.poor { width: 208px; height: 160px; } #signature .boxes .vip { text-indent: -9999px; width: 300px; height: 40px; border:0 none; margin: 15px 0 15px 0; padding: 0; position: relative; display: block; } #signature .boxes .sprite.vip { background-position: -320px -192px; } #signature .boxes a { text-indent: -9999px; height: 38px; border: 0 none; margin: 15px auto 15px; position: relative; display: block; } #signature .boxes a.sprite.week { width: 252px; background-position: -19px -353px; } #signature .boxes a.sprite.final_week { width: 252px; background-position: -19px -409px; } #signature .boxes a.sprite.week2 { width: 170px; background-position: -19px -463px; } #signature .boxes a.sprite.final_week2 { width: 170px; background-position: -19px -517px; } #signature .boxes a.sprite.toast { width: 170px; background-position: -20px -573px; } #signature .boxes a.sprite.digital { width: 252px; background-position: -19px -628px; } #signature .boxes p { font-size: 14px; line-height: 20px; letter-spacing: 0; color: #333333; text-align: left; border: 0 none; margin: auto; padding: 0 18px; position: relative; display: block; } #signature .boxes p .stamp { width: 85px; height: 85px; border: 0 none; position: relative; display: block; float: right; } #signature .boxes p .sprite.stamp.day { background-position: -20px -250px; } #signature .boxes p .sprite.stamp.price { background-position: -123px -250px; } #signature .double_column .free { background-color: #F5F5F5; width: 378px; border: 1px solid #f48a30; position: absolute; display: none; z-index: 1000; top: 199px; left: 285px; } #signature .double_column .free a#close { text-align: center; width: 20px; height: 20px; border: 0 none; padding: 0; position: absolute; right: 0; } #signature .double_column .free p { font-size: 12px; text-align: right; width: 345px; padding: 10px 0; position: relative; display: block; clear: both; } #signature .double_column .free form { width: 350px; padding: 0; } #signature .double_column .free form p { width: 321px; padding: 0 0 0 29px; } #signature .double_column .free form p input[type="text"] { width: 260px; padding-top: 8px; padding-bottom: 8px; } #signature .boxes form { width: 300px; margin: 1px 0 0; position: relative; display: block; float: left; } #signature .boxes form p { position: relative; display: block; } #signature .boxes form p input[type="text"] { width: 235px; height: 20px; border: 1px solid #DADADA; padding: 8px 0 6px 7px; position: relative; float: left; } #signature .boxes form p input[type="text"]:focus { border: 1px solid #555555; } #signature .boxes form p input[type="submit"].sprite, #signature .free form p input[type="submit"].sprite { font-size: 16px; font-weight: bold; text-align: center; background-position: -246px -685px; width: 47px; height: 37px; border: 0 none; position: relative; float: right; } #signature .step { width: 640px; border: 0 none; position: relative; float: left; } #signature .step li { font-size: 14px; font-weight: bold; color: #999999; width: 160px; height: auto; border: 0 none; padding: 10px 0; position: relative; float: left;} #signature .step li.active { color: #1DAEEC; } #signature .step li span { text-indent: -9999px; width: 30px; height: 30px; border: 0 none; margin: 0 10px 0 0; float: left; } #signature .step li.phase1 .sprite { background-position: -319px -319px; } #signature .step li.phase2 .sprite { background-position: -369px -319px; } #signature .step li.phase3 .sprite { background-position: -419px -319px; } #signature .step li.phase4 .sprite { background-position: -469px -319px; } #signature .step li.phase1.active .sprite { background-position: -319px -259px; } #signature .step li.phase2.active .sprite { background-position: -369px -259px; } #signature .step li.phase3.active .sprite { background-position: -419px -259px; } #signature .step li.phase4.active .sprite { background-position: -469px -259px; } #signature .double_column hr { background-color: #FFFFFF; width: 99%; height: 2px; border: 1px solid #FFFFFF; padding: 10px 0; position: relative; display: block; clear: both; } #signature .double_column h5.tarje-635x34 { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/barra_azul-635x34.gif') 0 0 no-repeat; width: 635px; height: 34px; border: 0 none; margin: 0 auto; position: relative; display: block; clear: both; } #signature .double_column h5.tarje-635x34 span { font-size: 16px; line-height: 16px; font-weight: bold; color: #FFFFFF; height: 17px; border: 0 none; margin: 0; padding: 0; position: absolute; bottom: 7px; left: 10px; } #signature .double_column h5.tarje-635x54 { font-size: 15px; background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/barra_azul-635x54.gif') 0 0 no-repeat; width: 635px; height: 54px; border: 0 none; margin: 0 auto; position: relative; display: block; clear: both; } #signature .double_column h5.tarje-635x54 span { font-size: 13px; width: 290px; border: 0 none; overflow: hidden; margin: 10px 35px 0 5px; position: relative; float: left; } #signature .double_column h5.tarje-635x54 span.last { margin-right: 0; } #signature .double_column h5.tarje-635x54 span b { font-weight: bold; color: #FFFFFF; margin: 9px 5px 0; position: relative; float: left; } #signature .double_column h5.tarje-635x54 span select { color: #555555; background-color: #FBFBFB; height: 34px; border: 1px solid #BABABA; padding: 7px 5px 5px 0; } #signature .double_column h5.tarje-635x54 span select option { padding: 3px 0; } #signature .double_column h5.tarje-635x54 span.week select { width: 190px; } #signature .double_column h5.tarje-635x54 span.local select { width: 155px; } #signature .double_column h6.title { font-size: 18px; color: #333333; border-bottom: 1px solid #DADADA; margin: 10px 0 15px 0; padding: 10px 0 5px 0; position: relative; display: block; clear: both; } #signature .double_column h6 { font-size: 18px; color: #333333; border-bottom: 1px solid #DADADA; margin: 10px 0; padding: 0 0 5px 0; position: relative; display: block; clear: both; } #signature .double_column h6.none { border: 0 none; margin: 0; } #signature .double_column p b { color: #333333; } #signature .double_column.large ul.details { width: 200px; margin: 10px 0 0; padding: 0; position: relative; float: left; } #signature .double_column.large ul.details li { margin: 0; padding: 0; position: relative; display: block; } #signature .double_column.large ul.details li a { font-size: 12px; font-weight: bolder; text-indent: 0; text-transform: uppercase; color: #666666; border: 1px solid #DADADA; margin: 1px 0; padding: 7px 0 7px 15px; position: relative; display: block; } #signature .double_column.large ul.details li a:hover { text-decoration: none; color: #FFFFFF; background-color: #1DAEEC; } #signature .double_column img { position: relative; display: block; clear: both; } #signature .double_column form { width: 640px; margin: 0; padding: 10px 0 10px 0; position: relative; float: left; } #signature .double_column form ul.payment { width: 640px; border-bottom: 1px solid #CCCCCC; margin: 10px 0; position: relative; float: left; } #signature .double_column form ul.payment li { font-size: 14px; font-weight: bold; color: #666666; width: 195px; height: auto; border: 0 none; padding: 15px 0; position: relative; float: left; } #signature .double_column form ul.payment li input[type="radio"] { width: 20px; height: 15px; margin: 0 5px 0 0; padding: 0; position: relative; float: left; } #signature .double_column form ul.payment li label { width: 150px; float: left; } #signature .double_column form { width: 640px; border: 0 none; position: relative; display: block; float: left; } #signature .double_column form .clean { padding: 0; } #signature .double_column form p { font-size: 14px; width: 550px; padding: 8px 0; position: relative; float: left; } #signature .double_column form p.info { font-size: 14px; font-weight: bold; color: #666666; margin: 10px 0; padding: 10px 0 10px 5px; position: relative; float: left; } #signature .double_column form p.extend { width: 640px; } #signature .double_column form p.buttons { text-align: center; position: relative; display: block; clear: both; } #signature .double_column form p.buttons span { margin: 0 3px; position: relative; float: none; } #signature .double_column form p input[type="text"]:focus, #signature .double_column form p textarea:focus { border: 1px solid #555555; } #signature .double_column form p input[type="text"] { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/bg_campo-5x90.gif') 0 -25px repeat-x; background-color: #FBFBFB; height: 17px; border: 1px solid #BABABA; padding: 7px 0 7px 7px; position: relative; float: left; } #signature .double_column form p select { background-color: #FBFBFB; height: 34px; border: 1px solid #BABABA; padding: 7px 5px 5px 0; } #signature .double_column form p select option { padding: 3px; } #signature .double_column form p textarea { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/bg_campo-5x90.gif') 0 0 repeat-x; background-color: #FBFBFB; width: 397px; height: 70px; border: 1px solid #BABABA; padding: 10px; position: relative; float: left; } #signature .double_column form p span { height: 34px; border: 0 none; float: left; } #signature .double_column form p span label { font-weight: bold; text-align: right; color: #666666; padding: 8px 0 0 0; float: right; } #signature .double_column form p span input[type="text"] { width: 410px; } #signature .double_column form p span.write { height: 90px; border: 0 none; float: left; } #signature .double_column form p span.title { width: 115px; margin: 0 10px 0 0; } #signature .double_column form p span.space { text-align: center; font-weight: bold; width: 20px; height: 16px; padding: 9px; } #signature .double_column form p span.genre { width: 85px; } #signature .double_column form p span.genre.select { width: 135px; } #signature .double_column form p span.genre select { width: 135px; } #signature .double_column form p span.type { width: 144px; margin: 0 10px 0 0; } #signature .double_column form p span.type select { width: 144px; } #signature .double_column form p span.street { width: 85px; } #signature .double_column form p span.street.select { width: 135px; } #signature .double_column form p span.street select { width: 135px; } #signature .double_column form p span.codephone { width: 90px; margin: 0 10px 0 0; } #signature .double_column form p span.codeadressinfo { width: 280px; margin: 0; } #signature .double_column form p span.codeadressinfo label { padding: 0; } #signature .double_column form p span.phone { width: 160px; } #signature .double_column form p span.complement { width: 50px; } #signature .double_column form p span.state select { width: 90px; } #signature .double_column form p span.bank select { width: 419px; } #signature .double_column form p span.type label, #signature .double_column form p span.codephone label, #signature .double_column form p span.phone label { float: left; } #signature .double_column form p span.codephone input[type="text"] { width: 82px; } #signature .double_column form p span.birth input[type="text"] { width: 180px; } #signature .double_column form p span.number input[type="text"] { width: 90px; } #signature .double_column form p span.numberadress input[type="text"] { width: 80px; } #signature .double_column form p span.phone input[type="text"] { width: 156px; } #signature .double_column form p span.codeadress input[type="text"] { width: 180px; } #signature .double_column form p span.street input[type="text"] { width: 265px; } #signature .double_column form p span.complement input[type="text"] { width: 225px; } #signature .double_column form p span.city select { width: 234px; } #signature .double_column form p span.agency input[type="text"] { width: 80px; } #signature .double_column form p span.account input[type="text"] { width: 180px; } #signature .double_column form p span.validatemonth { width: 90px; margin: 0; } #signature .double_column form p span.validatemonth select { width: 90px; } #signature .double_column form p span.validateyear select { width: 144px; } #signature .double_column form p span input[type="button"].sprite.previous { background-position: -141px -686px; width: 86px; height: 36px; border: 1px solid #FFFFFF; position: relative; } #signature .double_column form p span input[type="submit"].sprite.next { background-position: -21px -686px; width: 102px; height: 36px; border: 1px solid #FFFFFF; position: relative; } #signature .double_column form p span input[type="submit"].sprite.finaly { background-position: -20px -741px; width: 120px; height: 36px; border: 1px solid #FFFFFF; position: relative; } #signature .double_column form p span input[type="button"].sprite.cancel { background-position: -158px -740px; width: 117px; height: 36px; border: 1px solid #FFFFFF; position: relative; } #signature .double_column .boxes.notice { background-color: #F5F5F5; width: 610px; margin: 10px 0; padding: 15px; position: relative; float: left; display: block; clear: both; } #signature .double_column .boxes.notice h5 { font-size: 18px; color: #666666; border-bottom: 1px solid #DADADA; margin: 0 0 10px 0; padding: 0 0 10px 0; } #signature .double_column .boxes.notice p { line-height: 18px; width: 610px; } #signature .double_column .boxes.notice p b, #signature .double_column .notice table tr b { font-weight: 600; font-size: 15px; color: #E41212; } #signature .double_column .boxes.notice table { text-align: left; font-size: 15px; border-collapse: collapse; color: #666666; width: 610px; position: relative; } #signature .double_column .boxes.notice table tr th { text-align: left; padding: 0 0 10px 10px; } #signature .double_column .notice table tr th.first { padding: 0 0 10px 0; } #signature .double_column .boxes.notice table tr td { font-weight: bold; border: 1px solid #DADADA; padding: 10px 0 10px 10px; } #signature .double_column .notice table tr td.first { border-left: none; padding: 10px 0 10px 0; } #signature .double_column .notice table tr td.last { border-right: none; } #signature .double_column .boxes.confirmation { background-color: #FFFFFF; width: 600px; border: 0 none; height: auto; margin: 10px 20px; } #signature .double_column .boxes.confirmation.full { width: 635px; } #signature .double_column .boxes.confirmation.full table tr td { width: 635px; padding: 0; } #signature .double_column .boxes.confirmation.first { margin-left: 0; } #signature .double_column .boxes.confirmation.last { margin-left: 0; /*margin-right: 0;*/ } #signature .double_column .boxes.confirmation table { font-size: 14px; color: #666666; border-collapse: collapse; width: 600px; position: relative; float: left; display: block; } #signature .double_column .boxes.confirmation table tr th { text-align: right; vertical-align: baseline; padding: 2px 10px; position: relative; } #signature .double_column .boxes.confirmation table tr td { text-align: left; width: 450px; border: 0 none; padding: 2px 10px; position: relative; } #signature .double_column .boxes.confirmation table tr td p { color: #666666; width: 450px; margin: 0; padding: 0; position: relative; display: block; float: none; } #signature .double_column .boxes.confirmation table tr td p span { float: none; } #signature .double_column .boxes.plan { background-color: #FFFFFF; width: 300px; height: auto; border: 0 none; margin: 10px 20px; } #signature .double_column .boxes.plan.first { margin-left: 0; } #signature .double_column .boxes.plan.last { margin-right: 0; } #signature .double_column .boxes.plan h6 { text-transform: uppercase; color: #CC0000; margin-top: 0; } #signature .double_column .boxes.plan span.info { font-size: 13px; text-align: right; width: 300px; margin: 0; padding: 4px 0 0 0; position: relative; float: left; } #signature .double_column .boxes.plan table { font-size: 14px; color: #666666; font-weight: bold; background-color: #F2F2F2; border-collapse: collapse; width: 300px; padding: 0 5px 10px 5px; position: relative; float: left; } #signature .double_column .boxes.plan table tr th { text-align: left; padding: 10px 0 10px 8px; position: relative; } #signature .double_column .boxes.plan table tr th.option { font-weight: 600; /*width:110px;*/ } #signature .double_column .boxes.plan table tr th.value { font-weight: 600; /*width:85px;*/ } #signature .double_column .boxes.plan table tr th.discount { font-weight: 600; /*width:80px;*/ } #signature .double_column .boxes.plan table tr td { font-size: 13px; vertical-align: middle; border: 1px solid #DADADA; padding: 10px 0 10px 5px; } #signature .double_column .boxes.plan table tr td.first { border-left: none; } #signature .double_column .boxes.plan table td.last { border-left: none; } #signature .double_column .boxes.plan table tr td input[type="radio"] { width: 15px; float: left; } #signature .double_column .boxes.plan table tr td span { width: 80px; margin: 2px 0 0 4px; float: left; } #signature .double_column .boxes.plan table tr td b { font-size: 18px; color: #CC0000; } #signature .double_column .boxes.plan table tr td b.light { color: #E06666; } #signature .double_column.large { border: 0 none; margin-right: 0; position: relative; display: block; clear: both; } #signature .double_column.large ul.productlist { width: 962px; margin: 0 auto; position: relative; display: block; clear: both; } #signature .double_column.large ul li { width: 203px; border: 0 none; overflow: hidden; margin: 0 25px; position: relative; display: block; float: left; } #signature .double_column.large ul li.first { margin-left: 0; } #signature .double_column.large ul li.last { margin-right: 0; } #signature .double_column.large ul li img { border: 0 none; margin: 0 auto 10px auto; } #signature .double_column.large ul li p { font-size: 14px; color: #333333; margin: 0; padding: 2px 0; } #signature .double_column.large ul li a.product { font-size: 16px; font-weight: 700; color: #1DAEEC; padding: 2px 0; position: relative; display: block; } #signature .double_column.large ul li span { font-size: 12px; color: #333333; } #signature .double_column.large .boxes { border: 0 none; } #signature .double_column.large .title { width: 100%; height: 20px; border-bottom: 1px solid #CDCDCD; margin: 0 0 10px 0; padding: 0 0 10px 0; position: relative; float: left; display: block; clear: both; } #signature .double_column.large .specification { background-color: #FFFFFF; width: 635px; border: 0 none; margin: 0 0 0 30px; position: relative; float: left; } #signature .double_column.large .specification p { font-size: 14px; line-height: 20px; letter-spacing: 0; color: #333333; text-align: left; border: 0 none; margin: 0; padding: 10px 0; position: relative; display: block; } #signature .double_column.large .specification h4 { font-size: 18px; color: #333333; border-bottom: 1px solid #CDCDCD; margin: 0 0 5px 0; padding: 0 0 7px 0; } #signature .double_column p.large{margin: 30px 0; padding: 0 20px;} #signature .double_column p a{color:#000066; text-decoration: underline;} #signature .double_column .complet p { font-size: 14px;line-height: 20px;letter-spacing: 0;color: #333;} #signature .double_column .up{text-transform: uppercase;} /* FOLHA SIGNATURE FOOTER //////////////////////////////////////*/ #footer.home { width: 970px; height: auto; position: relative; display: block; clear: both; margin-top: 30px; border-top: 0; } #footer.home .contact { width: 970px; border-top: 1px solid #CCCCCC; padding: 15px 0; position: relative; float: left; } #footer.home .contact a, #footer.home .contact span { font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 4px 0 0; } #footer.home .contact span.phone { color: #D21F1F; float: left; } #footer.home .contact span.phone:hover { text-decoration: none; } #footer.home .contact a.help { float: right; } #footer.home .contact span.sprite { background-position: -316px -379px; width: 15px; height: 15px; border: 0 none; margin: 2px 7px 0; float: left; } #footer.home p { width: 912px; border-top: 1px solid #CCCCCC; padding: 15px 30px; position: relative; float: left; } #footer.home p a { font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 4px 0 0; } #footer.home div b { font-size: 16px; color: #333333; float: left; } #footer.home p.copyright { text-align: center; font-size: 14px; line-height: 18px; color: #666666; } #footer.home p.copyright a { text-transform: lowercase; font-size: 14px; font-weight: normal; } #footer.home p.refresh { text-align: center; font-size: 12px; line-height: 15px; color: #333333; } /* FOLHA SIGNATURE CONTENT - SEMANTIC FORMS //////////////////////////////////////*/ #signature .double_column_x form { font-size: 14px; font-weight: bold; color: #666666; width: 640px; margin: 0; padding: 10px 0 10px 0; position: relative; float: left; } #signature .double_column_x form fieldset { border: 0 none; margin: 15px 0; } #signature .double_column_x form fieldset legend.tarje-635x34 { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/barra_azul-635x34.gif') 0 0 no-repeat; width: 635px; height: 34px; border: 0 none; margin: 0 auto 15px auto; position: relative; display: block; clear: both; } #signature .double_column_x form fieldset legend.tarje-635x34 span { font-size: 16px; line-height: 16px; font-weight: bold; color: #FFFFFF; height: 17px; border: 0 none; margin: 0; padding: 0; position: absolute; bottom: 7px; left: 10px; } #signature .double_column_x form fieldset legend.tarje-635x54 { font-size: 15px; background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/barra_azul-635x54.gif') 0 0 no-repeat; width: 635px; height: 54px; border: 0 none; margin: 0 auto; position: relative; display: block; clear: both; } #signature .double_column_x form fieldset legend.tarje-635x54 span { font-size: 13px; width: 290px; border: 0 none; overflow: hidden; margin: 10px 35px 0 5px; position: relative; float: left; } #signature .double_column_x form fieldset legend.tarje-635x54 span.last { margin-right: 0; } #signature .double_column_x form fieldset legend.tarje-635x54 span b { font-weight: bold; color: #FFFFFF; margin: 9px 5px 0; position: relative; float: left; } #signature .double_column_x form fieldset legend.tarje-635x54 span select { color: #555555; background-color: #FBFBFB; height: 34px; border: 1px solid #BABABA; padding: 7px 5px 5px 0; } #signature .double_column_x form fieldset legend.tarje-635x54 span select option { padding: 3px 0; } #signature .double_column_x form fieldset legend.tarje-635x54 span.week select { width: 190px; } #signature .double_column h5.tarje-635x54 span.local select { width: 155px; } #signature .double_column_x form label { border: 1px dotted #FFFFFF; height: 40px; padding: 5px 0 0; position: relative; float: left; overflow: hidden; } #signature .double_column_x form input[type="text"] { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/bg_campo-5x90.gif') 0 -25px repeat-x; background-color: #FBFBFB; font-size: 13px; border: 1px solid #BABABA; height: 17px; padding: 7px 2px 7px 2px; position: relative; } #signature .double_column_x form textarea { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/bg_campo-5x90.gif') repeat-x scroll 0 0 #FBFBFB; background-color: #FBFBFB; font-size: 13px; border: 1px solid #BABABA; padding: 7px 2px 7px 2px; position: relative; } #signature .double_column_x form select { background-color: #FBFBFB; font-size: 13px; border: 1px solid #BABABA; padding: 7px 2px 7px 2px; position: relative; } #signature .double_column_x form label.label-info-pattern { width: 630px; height: 30px; } #signature .double_column_x form label.label-name-pattern { text-align: right; width: 115px; height: 22px; margin: 0 10px 0 0; padding: 13px 0 0; } #signature .double_column_x form label.label-name-pattern.exclusive { text-align: left; width: 300px; height: 40px; margin: 0; padding: 5px 0 0; } #signature .double_column_x form label.label-input-pattern { width: 434px; } #signature .double_column_x form label.label-input-pattern input[type="text"] { width: 410px; } #signature .double_column_x form label.birth { width: 180px; } #signature .double_column_x form label.birth input[type="text"] { width: 165px; } #signature .double_column_x form label.label-name-pattern.genre { width: 87px; } #signature .double_column_x form label.genre select { width: 135px; } #signature .double_column_x form label.type { text-align: left; width: 145px; margin: 0 10px 0 0; } #signature .double_column_x form label.type select { width: 145px; } #signature .double_column_x form label.ddd { text-align: left; width: 80px; margin: 0 10px 0 0; } #signature .double_column_x form label.ddd input[type="text"] { width: 71px; } #signature .double_column_x form label.number { text-align: left; width: 185px; } #signature .double_column_x form label.number input[type="text"] { width: 160px; } #signature .double_column_x form label.postal-code { width: 185px; } #signature .double_column_x form label.postal-code input[type="text"] { width: 165px; } #signature .double_column_x form label.street { width: 265px; } #signature .double_column_x form label.street input[type="text"] { width: 253px; } #signature .double_column_x form label.number-street { width: 90px; } #signature .double_column_x form label.number-street input[type="text"] { width: 80px; } #signature .double_column_x form label.label-name-pattern.complement { width: 56px; } #signature .double_column_x form label.complement input[type="text"] { width: 250px; } #signature .double_column_x form label.label-name-pattern.ref { height: 40px; } #signature .double_column_x form label.reference { width: 420px; height: 103px; } #signature .double_column_x form label.reference textarea { width: 410px; height: 80px; position: relative; } #signature .double_column_x form label.state { width: 90px; } #signature .double_column_x form label.state select { width: 80px; } #signature .double_column_x form label.label-name-pattern.city { width: 56px; } #signature .double_column_x form label.city input[type="text"] { width: 250px; } #signature .double_column.largeblock { border: 0 none; width: 642px; margin-right: 0; position: relative; display: block; clear: both; } #signature .double_column.largeblock ul.productlist { width: 100%; margin: 0 auto; position: relative; display: block; clear: both; } #signature .double_column.largeblock ul.details { width: 140px; margin: 0; padding: 0; position: relative; float: left; } #signature .double_column.largeblock ul.productlist li ul.details li { border: 0 none; margin: 0; padding: 0; position: relative; display: block; } #signature .double_column.largeblock ul.productlist li { border-bottom: 1px solid #CCCCCC; padding: 20px 0; } #signature .double_column.largeblock ul.productlist li.last { border: 0 none; } #signature .double_column.largeblock ul.productlist li .thumb { width: 170px; position: relative; float: left; overflow: hidden; } #signature .double_column.largeblock ul.productlist li .thumb img { border: 0; max-width: 160px; position: relative; margin: auto; } #signature .double_column.largeblock ul.productlist li .description { width: 310px; padding: 0 10px; position: relative; float: left; } #signature .double_column.largeblock ul.productlist li .moredetails { width: 140px; position: relative; float: left; } #signature .double_column.largeblock ul.details li a { background-color: #F5F5F5; font-size: 12px; font-weight: bolder; text-indent: 0; text-transform: uppercase; color: #666666; border: 0 none; margin: 2px 0; padding: 7px 0; position: relative; display: block; text-align: center; } #signature .double_column.largeblock ul.details li a.sign { color: #FFFFFF; background-color: #1DAEEC; } #signature .double_column.largeblock ul li { width: 100%; overflow: hidden; margin: 0; position: relative; display: block; } #signature .double_column.largeblock ul li span { font-size: 14px; color: #333333; margin: 0; padding: 4px 0; display: block; } #signature .double_column.largeblock ul li a.product { font-size: 16px; font-weight: 700; color: #1DAEEC; padding: 2px 0; position: relative; display: block; } #signature .double_column.largeblock ul li p { font-size: 12px; color: #333333; } #signature .double_column.largeblock .title { width: 100%; height: 20px; border-bottom: 1px solid #CDCDCD; margin: 0 0 10px 0; padding: 0 0 10px 0; position: relative; float: left; display: block; clear: both; } /* FOLHA SIGNATURE v2 //////////////////////////////////////*/ #signature.home .sprite-home { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/sprite-home.png?2014061601') 0 0 no-repeat; text-indent: -9000px; overflow: hidden; } #signature.home.home-agora .sprite-home { background: url('//f.i.uol.com.br/assinaturas/assinefolha/images/sprite-home-agora.png') 0 0 no-repeat; text-indent: -9000px; overflow: hidden; } #signature.home .hide { display: none; } /* FOLHA SIGNATURE HEADER v2 //////////////////////////////////////*/ #signature.home #header { width: 970px; height: 86px; border: 0 none; margin: 5px 0 0 0; position: relative; display: block; clear: both; } #signature.home #header h1 { top: 0; } #signature.home #header .logo { float: left; margin-left: 23px; display: block; width: 240px; height: 86px; background-position: 0 0; text-indent: 0; } #signature.home #header .logo img { border: 0; } #signature.home #header .assinaturas { float: right; display: block; width: 190px; height: 38px; margin: 10px 12px 0 0; background-position: -462px 0px; } #signature.home.home-agora #header { margin: 0 auto; width: 932px; margin-left: 27px; border-bottom: 1px solid #000; height: 134px; } #signature.home.home-agora #header .logo { width: 250px; height: 134px; margin-left: -16px !important; } #signature.home.home-agora #header .assinaturas { background-position: -266px -10px; margin: 44px 12px 0 0; width: 205px; height: 38px; } /* FOLHA SIGNATURE FOOTER v2 //////////////////////////////////////*/ #signature.home #footer { width: 970px; clear: both; position: relative; display: block; } #signature.home #footer p { border: 0; padding: 0; } #signature.home #footer .logo { display: block; margin-right: 20px; height: 50px; } #signature.home #footer .logo a { float: right; display: block; width: 115px; height: 50px; background-position: -845px -435px; } #signature.home.home-agora #footer .logo { border-top: 1px solid #ccc; } #signature.home.home-agora #footer .logo a { background-position: -265px -88px; display: inline; margin-top: 20px; } #signature.home #footer .atendimento { clear: both; display: block; margin-top: -48px; margin-left: 25px; position: relative; width: 210px; } #signature.home #footer .atendimento a { display: block; float: left; width: 205px; height: 38px; background-position: -250px 0; } #signature.home #footer .phone { display: block; margin: 5px 0 0; font-size: px; } #signature.home #footer .information { font-size: 10px; float:left; padding-top:14px; display:block; width:570px;} #signature.home #footer .copyright { margin: 15px 0 0; padding: 15px 20px; border-top: 1px solid #CCCCCC; text-align: center; font-size: 11px; line-height: 18px; color: #666666; } #signature.home.home-agora #footer .copyright { display: inline; border-top: 0; width: 80%; } /* FOLHA SIGNATURE HOME v2 //////////////////////////////////////*/ #signature.home .featured { clear: both; position: relative; display: block; width: 960px; height: 320px; margin: 5px 0 0 10px; background-position: 0 -60px; } #signature.home.home-agora .featured { background-position: -16px -152px; height: 280px; width: 931px; margin-left: 27px; } #signature.home .featured p { text-indent: 0; font-size: 13px; line-height: 15px; } #signature.home .featured p span { background: #000; color: #fff; padding: 0; margin: 0; } #signature.home .featured .left { float: left; width: 330px; margin-top: 198px; } #signature.home .featured .right { float: right; width: 220px; margin-top: 260px; text-align: right; } #signature.home .header { display: block; height: 58px; } #signature.home p { float: left; font-size: 13px; line-height: 17px; } #signature.home .plans { position: relative; min-height: 300px; } #signature.home .plans .row { min-height: 140px; } #signature.home .plans .above .header { background-position: 0 -377px; width: 578px; } #signature.home .plans .above .header a { float: left; display: block; margin: 0 20px; width: 248px; height: 58px; outline: none; } #signature.home .plans .above p { padding: 5px 45px; width: 189px; } #signature.home .plans .bellow .header { background-position: 0 -437px; width: 605px; height: 45px; } #signature.home .plans .bellow .header a { float: left; display: block; margin: 0 20px; width: 160px; height: 45px; } #signature.home .plans .bellow p { padding: 5px 27px; width: 145px; } #signature.home .digital { position: relative; height: 130px; } #signature.home .digital .header { margin-top: 10px; width: 250px; height: 50px; background-position: -577px -383px; } #signature.home .digital .header a { display: block; margin: 0 20px; width: 210px; height: 50px; } #signature.home .digital p { padding: 7px 15px; width: 235px; } #signature.home .promo { position: relative; display: block; height: 145px; border: solid 2px #000; z-index: 0; } #signature.home .promo p { clear: both; display: block; padding: 0 15px 15px; width: 235px; } #signature.home .promo .header { display: block; float: left; height: 45px; } #signature.home .promo .header .sprite-home { margin: -3px 0 0 -3px; display: block; width: 128px; height: 43px; background-position: -615px -437px; border-top: 1px solid #fff; border-left: 1px solid #fff; z-index: 1; } #signature.home form { clear: left; position: relative; padding: 0 15px; width: 275px; } #signature.home fieldset { border: 0; } #signature.home #code { border: 1px solid #000000; float: left; height: 20px; padding: 8px 0 6px 7px; position: relative; width: 200px; } #signature.home #send { border: 0 none; float: right; font-size: 16px; font-weight: bold; height: 37px; position: relative; text-align: center; width: 55px; background-position: -790px -442px; } #signature.home .plans .above .free { background-color: #F5F5F5; width: 378px; border: 2px solid #000; position: absolute; display: none; z-index: 1000; top: 0px; left: 280px; } #signature.home .plans .above .free a#close { text-align: center; width: 20px; height: 20px; border: 0 none; padding: 0; position: absolute; top: 5px; right: 0; font-weight: bold; z-index: 1000; color: #000; } #signature.home .plans .above .free a#close:hover { text-decoration: none; } #signature.home .plans .above .free b { display: inline; } #signature.home .plans .above .free p { font-size: 12px; text-align: center; width: 375px; padding: 10px 0; position: relative; display: block; clear: both; } #signature.home .plans .above .free form { width: 350px; padding: 0; } #signature.home .plans .above .free form p { width: 321px; padding: 0 0 0 29px; } #signature.home .plans .above .free form p input[type="text"] { width: 240px; padding-top: 8px; padding-bottom: 8px; border: solid 1px #000; } #signature.home .plans .above .free form p input[type="submit"] { background-position: -790px -442px; border: 0 none; float: right; font-size: 16px; font-weight: bold; height: 37px; position: relative; text-align: center; width: 55px; } /* PROVISÓRIO, SOMENTE PARA NAVEGAÇÃO. //////////////////////////////////////*/ #signature.home .plans .above .free #provisorio_link {display:block; width:55px; height:37px; position:absolute; left:292px; top:35px; z-index:5;} /* ===== Estilo Geral ===== */ *,html{margin:0px; padding:0px;} body{background:url(//f.i.uol.com.br/assinaturas/images/bg58x83.jpg); color:#434343; font:12px Arial;} .clear {clear:left;} #section{margin-left:auto; margin-right:auto; width:1200px;} #block_center{ float:left; margin-left:20px; padding-bottom:30px; width:777px;} .agora #block_center { margin-left: 0px; width: 960px; } /* ====== Topo do site ====== */ .agora header #header{background:#9e2723;} header #header{background:#21a6df; height:68px; width:100%;} header #header #header_container{margin-left:auto; margin-right:auto; padding-top:13px; width:1200px;} .agora header #header h1 {margin-left:827px;} header #header h1 {float:left; height:23px; margin-left:847px; padding-top:11px; width:163px;} header #header h1 a{ background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png)-26px -1px no-repeat; display:block; height:23px; width:163px;} header #header h2{ background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) 1px -29px no-repeat; display:block; float:left; height:34px; width:189px;} .agora header #header h1 a{ background:url(//f.i.uol.com.br/assinaturas/images/sprite-agora469x186.png)-26px 1px no-repeat; } .agora header #header h2{ background:url(//f.i.uol.com.br/assinaturas/images/sprite-agora469x186.png) 1px -29px no-repeat; width: 205px; } .breadcrumb {background:#fff; border-bottom:#d6d6d6 1px solid; margin-bottom:43px; height:43px; width:100%;} .breadcrumb ul { padding: 13px; } .breadcrumb #nav_container { width: 1220px; margin: 0 auto; } .agora .breadcrumb ul li{color:#9E2723;} .agora .breadcrumb ul li span{background: #9E2723;} .breadcrumb ul li{color:#1ea0d4; float:left; font-family:Arial; list-style:none;} .breadcrumb ul li span{color:#FFF;background: #1ea0d4; width: 18px; border-radius: 100%;display:block; float:left; font-size:12px; height:17px; margin-right:5px; text-align:center; width:17px;} .agora .breadcrumb ul .img_nav{background:url(//f.i.uol.com.br/assinaturas/images/sprite-agora469x186.png) no-repeat -386px -77px; display:block; height:19px; margin-left:40px; margin-right:40px; width:13px;} .breadcrumb ul .img_nav{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat -386px -77px; display:block; height:19px; margin-left:40px; margin-right:40px; width:13px;} .breadcrumb ul li.item.selected { color: #000 !important; } .breadcrumb ul li.item.selected span { background: #000; } /* ====== Rodapé do site ====== */ #footer{ border-top:1px solid #d7d7d7; height:100px; width:100%;} #footer_container{margin-left:auto; margin-right:auto; padding-top:30px; width:1200px;} #footer .nav{ float:left; width:130px;} .agora #footer .nav-margin{ margin-left:0px;} #footer .nav-margin{ margin-left:150px;} #footer .nav h3 {color:#232323; font-size:12px; margin-bottom:10px;} #footer .nav ul li {font-size:10px; list-style:none; margin-bottom:5px;} #footer .nav ul li a {color:#676767; text-decoration:none;} #footer .nav ul li a:hover {text-decoration:underline;} #footer #atendimento { float:left; text-align:center; margin-left:170px; width:202px;} #footer #atendimento a { background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) -196px 0px no-repeat;float:left; display:block; margin-bottom:5px; height:33px; width:202px;} #footer #atendimento p { font-size:12px;} #block_left #atendimento-header-left { margin-top:15px; width:141px;} #block_left #atendimento-header-left a { background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png?201606091333) 0px -194px no-repeat;float:left; display:block; margin-bottom:5px; height:33px; width:141px;} #block_left #atendimento-header-left p { font-size:12px;} #block_left #atendimento-left { margin-top:15px; width:202px;} #block_left #atendimento-left a { background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) -196px 0px no-repeat;float:left; display:block; margin-bottom:5px; height:33px; width:202px;} #block_left #atendimento-left p { font-size:12px;} .agora #footer #logo_folha { float: left; width: 113px; margin-left: 170px; } #footer #logo_folha { float:left; width:113px;} #footer #logo_folha a{ background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) -212px -47px no-repeat;float:left; display:block; margin-left:25px; height:46px; width:113px;} .agora #footer #info { margin: 0 auto; width: 940px; } #footer #info { clear:left; color:#666; font-size:11px; padding-top:20px; text-align:center; width:875px; margin-left:100px;} /* ====== Bloco esquerdo do site ====== */ #block_left h3 a {background:#efefef; border-bottom:2px solid #e5e5e5; color:#01afec; text-align:center;} #block_left li a {text-decoration:none; color:#000; } #block_left {height:137px; width:140px; float:left;} #block_left h3{background:#efefef; border-bottom:2px solid #e5e5e5; color:#01afec; font-size:14px; padding:0px; text-align:center;} #block_left ul li{ background:#fff; border-bottom:1px solid #e5e5e5; font-size:11px; font-weight:bold; list-style:none; padding-top:10px; padding-bottom:10px; text-align:center;} #block_left ul li:hover { background: #efefef; } #block_left ul li span {font-size:9px;} /* ====== Bloco Direito do site ====== */ #publicidade {margin-left:20px; margin-bottom:10px; float:left; height: 400px; width:200px;} /* ====== Conteudo da Home do site ====== */ #title_home{ background:#00adef; color:#fff; font-size:24px; font-weight:normal; margin-bottom:15px; padding-bottom:20px; padding-top:20px; text-align:center; width:100%;} #block_center .box_brinde{ background:#f4f4f4; border-bottom:2px solid #E6E6E6; margin-bottom:15px; padding:15px;} #block_center .box_brinde:last-child { border-bottom: 0; } #block_center .box_brinde .img_brinde{ float:left; margin-right:30px; height:125px; width:156px; } #block_center .box_brinde .img_brinde img{ margin-bottom:0px; } #block_center .box_brinde .img_brinde a{ color:#00adef; display:block; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; width:100%;} #block_center .box_brinde .img_brinde a:hover{ text-decoration:underline;} #block_center .box_brinde .article_brinde{ float:left; width:500px;} #block_center .box_brinde .article_brinde h3{ border-bottom:1px solid #d6d6d6; color:#00adef; font-size:18px; font-weight:normal; margin-bottom:5px; padding: 11px 0px 10px 0px; line-height: 11px; } #block_center .box_brinde .article_brinde p{ font-size:12px; margin-bottom:5px;} #block_center .box_brinde .article_brinde span{ font-size:10px; margin-bottom:10px; } #block_center .box_brinde .article_brinde a { background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) -337px -41px no-repeat; display:block; margin-top:20px; height:29px; width:92px; } /* ====== Conteúdo comum às telas de assinatura digital e impresso ====== */ .agora #block_center h3{color:#9E2723;} #block_center h3{ border-bottom:2px solid #e5e5e5; color:#21a6df; font-size: 16px; margin: 0 0 10px; padding:15px 0px 5px 10px; } #block_center .title-success { color:#21a6df; font-size: 16px; margin: 0; padding:15px 0px 5px 10px; } #block_center .numero-proposta { color:#21a6df; font-size: 16px; margin: 0 0 10px; padding:15px 0px 5px 10px; } .agora #block_center .title-success { color:#9E2723; font-size: 16px; margin: 0; padding:15px 0px 5px 10px; } .agora #block_center .numero-proposta { color:#9E2723; font-size: 16px; margin: 0 0 10px; padding:15px 0px 5px 10px; } #block_center input[type=text]{border:1px solid #cccccc;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; height:30px; line-height: 30px; outline: none;} #block_center .select_small .bg{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat 0 -112px; *background: none; float:right; height: 33px; margin: 0 0 0 10px; overflow: hidden; width:95px;} #block_center .select_small select{background:none; border:none; *float: none; margin: 8px 0; outline: none; width: 112px; *width:auto;} .validate{width:122px; position:relative; left:105px;} .validate_2{width:90px; position:relative; left:105px;} #block_center .select_smaller{*display:inline-block; *line-height: normal; *vertical-align: middle;} #block_center .select_smaller .bg{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat -409px -73px; *background: none; float:right; *float:none; height: 34px; margin: 0 0 0 10px; overflow: hidden; width:61px;} #block_center .select_smaller select{background:none; border:none; *border:1px solid #cccccc; margin: 8px 0; outline: none; width: 160px; *width: 140px;} #block_center .select_medium{*display:inline-block; *line-height: normal; *vertical-align: middle;} #block_center .select_medium .bg{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat -102px -112px; *background: none; float:right; *float:none; height: 33px; margin: 0 0 0 10px; overflow: hidden; width:140px;} #block_center .select_medium select{background:none; border:none; *border:1px solid #cccccc; margin: 8px 0; outline: none; width: 160px; *width: 140px;} .agora #block_center a{color:#000;} #block_center a{color:#21a6df; font-weight: bold; text-decoration:none;} #block_center a:hover{text-decoration:underline;} /* ====== header do conteúdo ====== */ .agora #block_center #top{ min-height: 150px; } #block_center #top{background:url(//f.i.uol.com.br/assinaturas/images/ico_digital176x97.jpg) no-repeat 10px 48px #fff; font-size: 14px; margin:0; min-height: 170px; margin-bottom: 15px; } .agora #block_center #top h3{background: #9E2723;} #block_center #top h3{background: #21a6df;color:#fff; font-size:16px; font-weight:normal; padding: 0px 10px; margin-bottom: 15px; } #block_center #top h3 span{border:1px solid #fff; float: right; font-size:14px; line-height: 14px; padding: 3px; margin-top: 9px; } #block_center #top h4{color:#777777; margin: 10px 0 10px 200px;} #block_center #top ul{ margin: 0 0 0 200px;} #block_center #top ul li{list-style: square; margin: 0 0 0 15px; text-indent: -5px;} #block_center #top p{margin: 2px 0 0 200px;} #block_center #top_infos {background:#fff; border-top:2px solid #ffcb65; border-bottom:2px solid #e5e5e5; padding: 20px 0 10px 20px; float:none; margin: 0 0 20px 0 } #block_center #top_infos .top_infos_box { float:left; width:190px; margin: 0 2px; 0 0 } #block_center #top_infos .top_infos_box .img { float:left; margin:0 10px 10px 0; height:120px;} #block_center #top_infos .top_infos_box h5 { color:#084176; font-size:12px; margin:0 0 5px 0; } #block_center #top_infos .top_infos_box p { font-size:11px; } #block_center #top_infos .last { width:150px!important;} /* ==== modificaçõe simpresso */ .agora .impresso{background:url(//f.i.uol.com.br/agora/images/14180417.jpeg) no-repeat 30px 56px #f4f4f4!important; background-size: 110px !important;} .impresso{background:url(//f.i.uol.com.br/assinaturas/images/ico_impresso102x92.jpg) no-repeat 30px 56px #f4f4f4!important;} .impresso h4{color:#777777; margin: 10px 0 10px 150px !important;} .impresso ul{ margin: 0 0 0 150px!important;} .impresso p{margin: 10px 0 0 150px!important;} .area-number { text-align: center; } /* ====== blocos de tipo de assinatura ====== */ #block_center .set-change-plan-values { display: none; } .agora #block_center .set-change-plan-values .btn { background: #9E2723; } .agora #block_center .set-change-plan-values .btn:hover { background: #3C0E0C; } #block_center .set-change-plan-values .btn { background: #21A6DF; border: 0; padding: 10px; color: #FFF; border-radius: 10px; margin: 0 auto; display: block; } #block_center .set-change-plan-values .btn:focus { outline: none; } #block_center .set-change-plan-values .btn:hover { background: #0D709B; } #block_center .set-change-plan-values .btn:active { box-shadow: 1px 1px 10px #000 inset } #block_center .set-change-plan-values .close { position: relative; right: 20px; top: -50px; float: right; font-size: 15px; } .agora #block_center .subscription_type{width: 470px;} #block_center .subscription_type{background:#fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-bottom:2px solid #e5e5e5; float: left; margin:0 0 20px; padding: 0 10px 5px; width:47%; width:380px;} #block_center .subscription_type.right{float:right;} #block_center .subscription_type h3{margin: 0;text-transform: lowercase;} #block_center .subscription_type h3:first-letter{text-transform: uppercase;} #block_center .subscription_type li{border-top:1px dashed #cbcbcb; float: left; list-style:none; padding: 10px 0; width: 100%;} #block_center .subscription_type li.warn { font-weight: bold; padding-left: 2px; } #block_center .subscription_type li span{float: left; width: 64px;} #block_center .subscription_type li span.value{font-weight:bold; width:74px;} #block_center .subscription_type li span .subscription_fontsize{font-weight:normal!important; font-size:10px;} #block_center .subscription_type li label >:first-child{width:207px;} #block_center .subscription_type li label >:first-child span{font-size: 10px;} #block_center .subscription_type li label input.radio { float: left; display: inline; width: 13px; margin-top: 2px; margin-right: 3px; } #block_center .subscription_type ul >:first-child {background:#f4f4f4; border:none; color:#777777; font-weight: bold;} #block_center .subscription_type ul >:first-child >:first-child{text-indent:10px; width:207px;} #block_center .subscription_type .control-group { margin: 10px 0; } #block_center .subscription_type_c{background:#fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-bottom:2px solid #e5e5e5; float: left; margin:0 0 20px; padding: 0 10px 5px; width:100%;} #block_center .subscription_type_c.right{float:right;} #block_center .subscription_type_c h3{margin: 0;} #block_center .subscription_type_c li{border-top:1px dashed #cbcbcb; float: left; list-style:none; padding: 10px 0; width: 100%;} #block_center .subscription_type_c li span{float: left; width: 64px;} #block_center .subscription_type_c li span.value{font-weight:bold; width:74px;} #block_center .subscription_type_c li span .subscription_fontsize{font-weight:normal!important; font-size:10px;} #block_center .subscription_type_c li label >:first-child{width:207px;} #block_center .subscription_type_c li label >:first-child span{font-size: 10px;} #block_center .subscription_type_c ul >:first-child {background:#f4f4f4; border:none; color:#777777; font-weight: bold;} #block_center .subscription_type_c ul >:first-child >:first-child{text-indent:10px; width:207px;} #block_center .subscription_type2{background:#fff; box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; border-bottom:2px solid #e5e5e5; margin:0 0 20px; padding: 0 10px 5px; width:100%} #block_center .subscription_type2 p { color:#084176; font-size:30px; } #block_center .subscription_type2 input { margin:0 10px 0 0;} #block_center .subscription_type2 span { color:#fda800; } #block_center .subscription_type2 .font_size { font-size:18px; font-weight:normal; margin:0 0 0 22px; } /* ====== blocos de tipo de assinatura ====== */ #block_center #payment_type{background:#fff; float: left; width: 100%;} #block_center #payment_type label{margin:0 10px;} #block_center #payment_type .control-group{margin: 10px 0 20px} #block_center #subscription_monthly_type .control-group{margin: 5px 10px 15px} #block_center #subscription_monthly_type h3{border: none;} #block_center #subscription_monthly_type label{font-size: 1.2em;} #block_center #subscription_monthly_type label input{position: relative;top: 2px;} #block_center p.state-warning { color: red; font-size: 16px; font-weight: bold; } #block_center p.state-warning a.btn.btn-default, #block_center p.state-warning a.btn.btn-default:hover { color: #333; background-color: #fff; border-color: #ccc; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#dcdcdc)); background: -webkit-linear-gradient(top,white 0%,#dcdcdc 100%); background: -moz-linear-gradient(top,white 0%,#dcdcdc 100%); background: -ms-linear-gradient(top,white 0%,#dcdcdc 100%); background: -o-linear-gradient(top,white 0%,#dcdcdc 100%); background: linear-gradient(to bottom,white 0%,#dcdcdc 100%); } #block_center p.state-warning a.btn { display: inline-block; padding: 5px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.4285; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } /* ====== blocos de dados do assinante ====== */ #block_center .form_data.modified { margin-top: 0; } .agora #block_center .form_data { width: 960px; } #block_center .form_data{background:#fff; border-bottom:2px solid #e5e5e5; float: left; margin: 20px 0; padding: 0 0 20px; width:777px;} #block_center .form_data input[type=text] { width: 50%; } #block_center .form_data input[type=text], #block_center .form_data select{margin: 0 0 0 10px;} #block_center .form_data .validation_error input { border: 1px solid #F00; } #block_center .form_data .validation_error label { color: #F00; } #block_center .form_data input[readonly=readonly] { background: #ddd; border: 1px solid #bbb; } #block_center .form_data select { margin-top: 0; height: 30px; line-height: 30px; } #block_center .form_data .warn { margin-left: 10px; font-size: 10px; } #block_center .form_data h2 { margin-left: 20px; } #block_center .form_data h3.modified { border-bottom: 0; margin-bottom: 3px; font-size: 13px; } #block_center .form_data h3.modified.modified-warn-billet { margin-top: -10px; } #block_center .form_data p.show-message { font-size: 14px; } #block_center .form_data .link_boleto { margin-top: 20px; font-size: 13px; } #block_center .form_data .control-group { padding: 0 30px; margin: 10px 0; clear: both; } #block_center .form_data .control-group .control-label { width: 90px; text-align: right; float:left; line-height: 19px; margin: 5px 0; } #block_center .form_data .control-group .controls #field-gift { clear: both; display: block; margin: 0; } #block_center .form_data .control-group#container-field-gift { padding-left: 130px; } #block_center .form_data .control-group#container-field-gift .control-label { width: 100%; text-align: left; } #block_center .form_data .control-group#container-field-opt_in { padding-left: 88px; } #block_center .form_data .control-group#container-field-opt_in .control-label { width: 93%; text-align: left; float: right; font-style: italic; } #block_center .form_data .control-group#container-field-opt_in .controls { float: left; margin-top: 2px; } #block_center .form_data .control-group#container-field-opt_in .radio { display: block; margin-top: 6px; } #block_center .form_data .control-group#container-field-opt_in .radio input { float: left; margin-right: 3px; margin-top: 0px; } #block_center .form_data .control-group#container-field-birth_date { margin-bottom: 30px !important; } #block_center .form_data .control-group#container-field-state_registration_number, #block_center .form_data .control-group#container-field-birth_date { clear: both !important; } #block_center .form_data .control-group#container-field-state_registration_number, #block_center .form_data .control-group#container-field-birth_date, #block_center .form_data .control-group#container-field-gender, #block_center .form_data .control-group#container-field-state_registration_state { float: left; clear: none; margin: 5px 0; } #block_center .form_data .control-group#container-field-state_registration_number .controls, #block_center .form_data .control-group#container-field-birth_date .controls { float: left; margin-top: 10px; } #block_center .form_data .control-group#container-field-state_registration_state, #block_center .form_data .control-group#container-field-gender { padding-left: 10px; margin-top: 3px; } #block_center .form_data .control-group#container-field-state_registration_state .control-label, #block_center .form_data .control-group#container-field-gender .control-label { text-align: left; } #block_center .form_data .control-group#container-field-state_registration_state select, #block_center .form_data .control-group#container-field-gender select { margin-left: 0; margin-top: -2px; } #block_center .form_data .control-group #field-state_registration_number, #block_center .form_data .control-group #field-birth_date { width: 225px; float: left; display: inline; } #block_center .form_data .phone_list .control-group { padding: 0; margin: 0; } #block_center .form_data .phone_list tr td { text-align: center; } #block_center .form_data .phone_list .input_phone { width: 160px; } #block_center .form_data .price-list { margin: 20px 0; font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } #block_center .form_data .price-list span { font-weight: bold; } #block_center .form_data p.phone{float: left; padding: 0 0 0 60px;} #block_center .form_data.cep #container-field-zipcode { padding-left: 0; } #block_center .form_data.cep #container-field-zipcode .control-label { width: 35px; } #block_center .form_data.cep #container-field-zipcode input { width: 150px; } /* ====== bloco de endereço ====== */ #block_center .form_data {background:#fff; border-bottom:2px solid #e5e5e5; float:left; width: 777px; padding: 0 0 20px;} #block_center .form_data p {padding-left:10px;} #block_center .form_data input[type=text]{margin: 0 0 0 10px;padding: 0 5px;box-sizing: none;} #block_center .form_data .cep{padding: 0 0 0 110px;} #block_center .form_data .legend{float: left; line-height: 0px; margin: 10px;} #block_center .form_data .legend .impresso_b { cursor: pointer; } #block_center .form_data .address_type{padding: 0 0 0 90px; width: 300px;} #block_center .form_data .form_data{padding: 0 0 0 20px; width: 310px;} #block_center .form_data .form_data input{width: 100%;} #block_center .form_data .number{padding: 0 0 0 133px; width: 230px;} #block_center .form_data .number input{width: 60px;} #block_center .form_data .complement{padding: 0 0 0 20px; width: 380px;} #block_center .form_data .complement input{width: 140px;} #block_center .form_data .neighborhood{padding: 0 0 0 115px; width: 650px;} #block_center .form_data .neighborhood input{width: 460px} #block_center .form_data .landmark{padding: 0 0 0 41px; width: 650px;} #block_center .form_data .landmark input{width: 460px} #block_center .form_data .state{padding: 0 0 0 110px; width: 257px; *width:150px;} #block_center .form_data .state .bg {*margin-top:-35px;} #block_center .form_data .city{padding: 0 0 0 41px; width: 240px;} #block_center #address ul li { float:left;list-style-type: none;} /* ====== footer com os botões de navegação ====== */ #block_center .footer{float: left; margin: 10px 0 0; width: 100%;margin-top: 20px;} #block_center .btn { cursor: pointer; } #block_center .btn:hover { -webkit-filter: brightness(1.2); } #block_center .btn.btn_previous{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat 2px -69px;float: left; height: 37px; overflow: hidden; text-indent: -500px; width: 80px;} #block_center .btn.btn_next{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat -83px -69px;float: right; height: 37px; overflow: hidden; text-indent: -500px; width: 120px;} .agora input[name=go_to_first_step] { color: #000; } input[name=go_to_first_step] { outline: none; border: none; background: #FFF; font-weight: bold; color: #21A6DF; } input[name=go_to_first_step]:hover { text-decoration: underline; -webkit-filter: none !important; } #field-previous{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat 2px -69px;border: 0;float: left; height: 37px; overflow: hidden; text-indent: -500px; width: 81px;} .agora #field-previous{background:url(//f.i.uol.com.br/assinaturas/images/sprite-agora469x186.png) no-repeat 2px -69px;} .agora #field-next, .agora #field-save{background:url(//f.i.uol.com.br/assinaturas/images/sprite-agora469x186.png) no-repeat -83px -69px;} #field-next, #field-save{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat -83px -69px;border: 0;float: right; height: 37px; overflow: hidden; text-indent: -500px; width: 117px;} /* ====== confirmação de dados e formas de pagamento ====== */ /*alerts*/ .alert { width: 100%; background: #CCC; padding: 10px; box-sizing: border-box; margin: 10px 0; font-size: 14px; border-radius: 10px; border: 1px solid; } .alert .close { float: right; margin-right: 5px; color: #333 !important; } .alert-warning { color: #C09853; background: #FCF8E3; border-color: #FBEED5; box-shadow: 0px 1px 12px #FBEED5; } .alert-danger { color: #B94A48; background: #F2DEDE; border-color: #EED3D7; box-shadow: 0px 1px 12px #EED3D7; } .alert-success { color: #468847; background: #DFF0D8; border-color: #D6E9C6; box-shadow: 0px 1px 12px #D6E9C6; } #block_center .pg_box {background:#fff; border-bottom:2px #d6d6d6 solid; margin-bottom:20px; width:777px;} #block_center .pg_box p { padding-left:10px;} #block_center .pg_box .pg_info { background:#f7f7f7; border-bottom:2px solid #efefef; margin-left:auto; margin-right:auto; margin-bottom:15px; padding-bottom:10px; width:755px;} #block_center .pg_box .pg_info h4 {border-bottom:1px solid #e5e5e5; color:#666; float:left; font-size: 12px; padding:10px 0px 5px 10px; margin: 0 0 10px;} #block_center .pg_box .pg_info h4 span{float:left; width:695px;} #block_center .pg_box .pg_info h4 a{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat -337px -77px; display:block; float:left; height:20px; width:42px;} #block_center .pg_box .pg_table { padding-left:10px; width:550px;} #block_center .pg_box .pg_table .text1 {color:#666; font-size:10px; padding-bottom:5px; padding-right:20px; text-align:right;} #block_center .pg_box .pg_table .text2 { color:#222; padding-bottom:5px;} #block_center .select_validity { padding-left: 105px; margin-bottom:10px; padding-top:20px; width:615px;} #block_center .select_validity select{background:none; border:none; margin: 8px 0; outline: none; width: 600px;} #block_center .select_validity .bg2{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat 0 -152px; float:right; height: 33px; overflow: hidden; width:460px;} #block_center .select2 { padding-left: 105px; margin-bottom:10px; padding-top:20px; width:615px;} #block_center .select2 select{background:none; border:none; margin: 8px 0; outline: none; width: 480px;} #block_center .select2 .bg2{background:url(//f.i.uol.com.br/assinaturas/images/sprite469x186.png) no-repeat 0 -152px; float:right; height: 33px; overflow: hidden; width:460px;} #block_center .pg_box .agencia { padding-left:97px; width: 100%; } #block_center .pg_box .agencia input{margin-left:10px; width:90px;} #block_center .pg_box .conta_corrente { float:left; margin-bottom:10px; padding-left:54px; width: 100%;} #block_center .pg_box .conta_corrente input{margin-left:10px; width:140px;} #block_center .pg_box .conta_corrente .input2{margin-left:10px; width:60px;} #block_center .pg_box .nome_titular { margin-bottom:10px; padding-left:57px; width: 100%;} #block_center .pg_box .nome_titular input{margin-left:10px; width:460px;} #block_center .pg_box .nome_titular_credito { margin-bottom:10px; padding-left:70px; width: 100%;} #block_center .pg_box .nome_titular_credito input{margin-left:10px; width:460px;} #block_center .pg_box .numero_cartao { margin-bottom:10px; padding-left:56px; width: 100%;} #block_center .pg_box .numero_cartao input{margin-left:10px; width:460px;} #block_center .pg_box .cpf_cnpj { margin-bottom:10px; padding-left:80px; width: 100%;} #block_center .pg_box .cpf_cnpj input{margin-left:10px; width:200px;} #block_center .pg_box #pg_align li{list-style:none; float:left;} /*hack ie7*/ #block_center .pg_box{ *width:777px;} #block_center .select2 {*width:510px;} #block_center .select2 select { *width:460px;} #block_center .select2 .bg2 {*background:none; *margin-top:-35px; } .hidden { display: none; } /* ====== confirmação do pagamento e conclusão do pedido ====== */ #block_center #confirmation_box {background:#fff; border-bottom:2px #d6d6d6 solid;} #block_center #confirmation_box #confirmation_info1 { background:#f7f7f7; border-bottom:2px solid #efefef; margin-left:auto; margin-right:auto; margin-bottom:15px; width:755px; } #block_center #confirmation_box #confirmation_info1 h4 {border-bottom:1px solid #e5e5e5; color:#4d4d4d; font-size: 16px; padding:10px 0px 5px 10px; margin: 0 0 10px;} #block_center #confirmation_box #confirmation_info1 h5 {font-size: 16px; padding:0px 0px 5px 10px; margin: 0 0 10px;} #block_center #confirmation_box #confirmation_info1 p {padding:0px 0px 20px 10px; margin: 0 0 10px;} #block_center #confirmation_box #confirmation_info2 { background:#f7f7f7; border-bottom:2px solid #efefef; margin-left:auto; margin-right:auto; margin-bottom:15px; width:755px; } #block_center #confirmation_box #confirmation_info2 h4 {border-bottom:1px solid #e5e5e5; color:#4d4d4d; font-size: 12px; padding:10px 0px 5px 10px; margin: 0 0 10px;} #block_center #confirmation_box #confirmation_info2 h5 {color: #01adef; font-size: 16px; padding:0px 0px 5px 10px; margin: 0 0 10px;} #block_center #confirmation_box #confirmation_info2 p {padding:0px 0px 20px 10px; margin: 0 0 10px;} #block_center #confirmation_box #confirmation_number {background:#f8931d; border:1px solid #ca9933; margin-left:auto; margin-right:auto; margin-bottom:15px; padding:10px 10px 10px 10px; width:733px; } #block_center #confirmation_box #confirmation_number p{color:#fff; font-size:16px; } #block_center #confirmation_box #confirmation_number span {font-size:22px; font-weight:bold; } /*fonts*/ @font-face { font-family: 'FagoOfficeSerif'; font-style: normal; font-weight: 400; src: url(/fonts/ZapfDingbats.ttf) format('ttf'); } /* ============== AGORA HOME ( SIGNATURE ) ============== */ .home-agora { font: 12px/20px arial,sans-serif; } .home-agora a.desc { font-size: 15px; color: #000; width: 100%; display: block; clear: both; box-sizing: border-box; margin: 15px 0; } .home-agora a.desc span { font-weight: bold; text-transform: uppercase; } .home-agora h2.title { color: #D5393C; margin: 0 !important; padding: 0 !important; height: auto !important; font-size: 30px; font-style: italic; font-weight: bold; border-bottom: 1px solid #000; width: 100%; } .home-agora p.subtitle { margin: 0px 0 10px 10px; font-family: impact,sans-serif; color: #000; font-size: 37px !important; margin: 25px 0 !important; width: 100%; } .home-agora p.subtitle span { color: #fff; background: #D12730; font-family: impact,sans-serif; letter-spacing: 2px; } .home-agora .assinatura { padding: 25px; box-sizing: border-box; } .home-agora .assinatura a.faca_assinatura { background: #D5393C; color: #fff; width: 100%; font-weight: bold; font-size: 28px; display: block; padding: 20px; box-sizing: border-box; text-align: center; } /*.home-agora .assinatura h1 { text-align: center; font-size: 30px; color: #333; margin: 20px 0; }*/ .home-agora .assinatura h1 { text-align: center; font-size: 25px; color: #333; margin: 20px 0; line-height: 30px; } .home-agora .assinatura p.desc { color: #707070; font-size: 18px !important; letter-spacing: 1px; text-align: center; display: block !important; float: none !important; width: 240px; margin: 0 auto; white-space: normal; line-height: 20px !important; } .home-agora .assinatura a.conheca_assinatura { border: 2px solid #000; padding: 12px; text-align: center; } .home-agora .assinatura a.conheca_assinatura:hover { background: none; box-shadow: 0px 0px 20px #aaa inset; text-decoration: none; border: 2px solid #333; } .home-agora .rightbar { margin-top: 0px !important; width: 438px !important; } .home-agora .rightbar .item { margin: 50px 0; } .home-agora .content .btn-back { display: block; clear: both; padding: 8px; text-align: center; color: #000; font-size: 17px; width: 100px; border: 2px solid #000; transition: box-shadow .2s; } .home-agora .content .btn-back:hover { background: none; box-shadow: 0px 0px 20px #aaa inset; text-decoration: none; border: 2px solid #333; } .home-agora .content .text { margin-top: 10px; display: block; } .home-agora .content .text p { margin: 10px 0; font-size: 14px !important; line-height: 16px !important; } .home-agora .content .text p.subtitle { font-size: 37px !important; } .home-agora .content-conheca { margin-top: 20px; padding: 27px; padding-bottom: 0; } .home-agora .content-fale-conosco { margin-top: 20px; padding: 27px; } .home-agora .content-fale-conosco-obrigado { margin-top: 20px; padding: 27px; } .home-agora .content-fale-conosco-obrigado .text p { display: block; clear: both; } .home-agora .content-fale-conosco form { width: 100% !important; clear: both !important; position: relative !important; padding: 10px 5px !important; font-size: 15px; margin-bottom: 20px; } .home-agora .content-fale-conosco form .optgroup { margin: 10px 0; } .home-agora .content-fale-conosco form .optgroup label { width: 80px; display: inline-block; } .home-agora .content-fale-conosco form .optgroup input { font-size: 17px; } .home-agora .content-fale-conosco form .optgroup input, .home-agora .content-fale-conosco form .optgroup select, .home-agora .content-fale-conosco form .optgroup textarea { width: 330px; } .home-agora .content-fale-conosco form .optgroup textarea { height: 140px; } .home-agora .content-fale-conosco form .options { text-align: center; margin-right: 417px; } .home-agora .content-fale-conosco form .options input { width: 80px; padding: 2px 0; } .home-agora .content-fale-conosco form .options input[type=submit] { margin-right: 168px; } .home-agora .content-fale-conosco form .error-form { display: none; clear: both; margin: 10px 0; float: none !important; color: #F00; } .home-agora .content-fale-conosco form .error-form span { font-weight: bold; } .home-agora .content-fale-conosco form .hint-form { font-size: 9px !important; font-weight: bold; margin-left: 83px; } /* ============== fluid ============== */ .row-fluid { width: 95%; margin-left: 2.5%; margin-right: 2.5%; *zoom:1: ; } .row-fluid::before, .row-fluid::after { display: table; line-height: 0; content: ""; } .row-fluid::after { clear: both; } [class*='span'] { float: left !important; min-height: 1px; margin-left: 20px !important; } .row-fluid [class*='span'] { display: block !important; float: left !important; width: 100%; min-height: 30px; margin-left: 2.12% !important; *margin-left:2.074468085106383% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .row-fluid [class*='span']:first-child { margin-left: 0 !important; } .row-fluid .span12{width:100%;*width:99.94680851063829%;} .row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%;} .row-fluid .span10{width:82.97872340425532%;*width:82.92553191489361%;} .row-fluid .span9{width:74.46808510638297%;*width:74.41489361702126%;} .row-fluid .span8{width:65.95744680851064%;*width:65.90425531914893%;} .row-fluid .span7{width:57.44680851063829%;*width:57.39361702127659%;} .row-fluid .span6{width:48.93617021276595%;*width:48.88297872340425%;} .row-fluid .span5{width:40.42553191489362%;*width:40.37234042553192%;} .row-fluid .span4{width:31.914893617021278%;*width:31.861702127659576%;} .row-fluid .span3{width:23.404255319148934%;*width:23.351063829787233%;} .row-fluid .span2{width:14.893617021276595%;*width:14.840425531914894%;} .row-fluid .span1{width:6.382978723404255%;*width:6.329787234042553%;} input[class*='span'], select[class*='span'], textarea[class*='span'], [class*='span'].uneditable-input, .row-fluid input[class*='span'], .row-fluid select[class*='span'], .row-fluid textarea[class*='span'], .row-fluid [class*='span'].uneditable-input { float: none !important; margin-left: 0px !important; } .input-append input[class*='span'], .input-append [class*='span'].uneditable-input, .input-prepend input[class*='span'], .input-prepend [class*='span'].uneditable-input, .row-fluid input[class*='span'], .row-fluid select[class*='span'], .row-fluid textarea[class*='span'], .row-fluid [class*='span'].uneditable-input, .row-fluid .input-prepend [class*='span'], .row-fluid .input-append [class*='span'] { display: inline-block !important; } input[class*='span'], select[class*='span'], textarea[class*='span'], [class*='span'].uneditable-input, .row-fluid input[class*='span'], .row-fluid select[class*='span'], .row-fluid textarea[class*='span'], .row-fluid [class*='span'].uneditable-input { float: none !important; margin-left: 0px !important; } .row-fluid [class*="span"] .validation_error { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); } .row-fluid .control-group { clear: none !important; padding: 0 !important; } .row-fluid .control-label { margin-right: 10px !important; } .row-fluid .btn { display: inline-block; padding: 5px 12px; margin-bottom: 0px; font-size: 14px; font-weight: 400; line-height: 1.4285; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; } .row-fluid .btn-default { color: #333; background-color: #fff; border-color: #ccc; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,white),color-stop(100%,#dcdcdc)); background: -webkit-linear-gradient(top,white 0%,#dcdcdc 100%); background: -moz-linear-gradient(top,white 0%,#dcdcdc 100%); background: -ms-linear-gradient(top,white 0%,#dcdcdc 100%); background: -o-linear-gradient(top,white 0%,#dcdcdc 100%); background: linear-gradient(to bottom,white 0%,#dcdcdc 100%); } .row-fluid .btn-primary { color: #fff; background-color: #337ab7; border-color: #2e6da4; } .row-fluid .btn-warning { color: #fff; background-color: #faa732; border: 1px solid #fbeed5; } .row-fluid .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .row-fluid .btn-error { color: #b94a48; background-color: #f2dede; border: 1px solid #eed3d7; } .row-fluid .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .row-fluid .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .row-fluid .btn-default:hover, .row-fluid .btn-default:focus, .row-fluid .btn-default:active, .active.row-fluid .btn-default { color: #333; background-color: buttonface; background: #ccc; border-color: #999; } .row-fluid .btn-primary:hover, .row-fluid .btn-primary:focus, .row-fluid .btn-primary:active, .active.row-fluid .btn-primary { color: #fff; background-color: #286090; border-color: #122b40; } .row-fluid .btn-warning:hover, .row-fluid .btn-warning:focus, .row-fluid .btn-warning:active, .active.row-fluid .btn-warning { color: #fff; background-color: #f89406; *background-color:#fbb450: ; } .row-fluid .btn-danger:hover, .row-fluid .btn-danger:focus, .row-fluid .btn-danger:active, .active.row-fluid .btn-danger { color: #fff; background-color: #c9302c; border-color: #ac2925; } .row-fluid .btn-error:hover, .row-fluid .btn-error:focus, .row-fluid .btn-error:active, .active.row-fluid .btn-error { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .row-fluid .btn-success:hover, .row-fluid .btn-success:focus, .row-fluid .btn-success:active, .active.row-fluid .btn-success { color: #fff; background-color: #449d44; border-color: #398439; } .row-fluid .btn-info:hover, .row-fluid .btn-info:focus, .row-fluid .btn-info:active, .active.row-fluid .btn-info { color: #fff; background-color: #31b0d5; border-color: #269abc; } #block_center .form_data.cep #container-field-zipcode input { width: auto; display: inline-block; } ul.ui-autocomplete.ui-menu { background: #fff; width: 235px; height: auto; border: 1px solid #DADADA; padding: 8px 0 6px 7px; position: absolute; } ul.ui-autocomplete.ui-menu .ui-menu-item { margin: 10px 0; width: auto; background: $fff; }