/* IMPORTAR */
@import 'reset.css';
/* GERAIS */
body{background:#FFF;color:#000;font-family:'Titillium Web',sans-serif,helvetica,arial;font-size:14px;font-weight:normal;line-height: 24px;height:100%;text-align:justify;}
header,footer{display:block;}
hr {background: #888; border: none; height: 1px;}
p {font-size:14px; line-height: 24px; margin: 12px 0 12px 0;}
ul, ol {margin-left: 14px;}
/* LINKS */
html a:link {color: #000; font-weight: bold; text-decoration: none;}
html a:visited, html a:visited:active {color: #C00; text-decoration: none;}
html a:hover, html a:active {color: #C00; text-decoration: underline;}
/* LISTAS */
ul ul, li {list-style-type: none;}
#texto ul li {list-style: none;}
#texto ul, ol { margin-top: 0px;}
#texto ol li {list-style: decimal;}
#texto ol.alpha li {list-style-type: lower-alpha;}
#texto ol.roman li {list-style-type: upper-roman;}
/* CORPO */
#moldura {width: 90%; margin: 0 auto;}
/* AJAX */
#escurece {position: absolute; background: url(imgs/black-70.png) repeat; height: 100%; left: 0px; top: 0px; width: 100%; z-index: 100;}
#carrega {display: none; background: url(imgs/ajax-loading.gif) center no-repeat; height: 16px; width: 16px; z-index: 100;}
/* LOGIN PAGE */
#login-modal {position: absolute; background: #FFF; display: table; height: 480px; left: 50%; margin-left: -340px; margin-top: -290px; padding: 20px; top: 50%; width: 680px; z-index: 100;}
@media only screen and (max-width: 960px){
#login-modal {position: absolute; background: #FFF; display: table; height: 610px; left: 50%; margin-left: -150px; margin-top: -320px; padding: 20px; top: 50%; width: 305px; z-index: 100;}	
}
#modal-cell {display: table-cell; padding: 20px; max-height: 440px; max-width: 300px;}
#restrito {position: fixed; background: url(imgs/black-90.png) repeat; left: 0px; height: 100%; top: 0px; vertical-align: middle; width: 100%; z-index: 99;}
/* CABECALHO */
#data {position: absolute; color: #555; font: bold 11px Sans Serif, Tahoma, Arial; top: 70px; right: 60px;}
#cabecalho {background: url(../imgs/bg_cab.jpg) top left repeat-x; height: 58px; overflow:hidden; z-index:99;}
/* LOGO */
#logo {background: url(../imgs/logo_cosif.png) no-repeat 40px -46px; color: #CCC; font: bold 11px Sans Serif, Tahoma, Arial; height: 58px; padding-left: 74px;}
#logo a {color: #DDD; text-decoration: none;}
/* MAPA */
#mapa {background: #DDD; border-bottom: 1px dotted #888; font: 12px Tahoma, Arial, sans-serif; height: 28px; padding: 12px 12px 0px 12px;}
#mapa a {color: #000; text-decoration: none;}
/* QR CODE */
#qrcode {float: right; font: 10px Arial, Helvetica, sans-serif; margin-left: 20px; margin-bottom: 10px; text-align: center; width: 100px;}
#qrcode-m {font: 10px Arial, Helvetica, sans-serif; margin: 20px; text-align: center; width: 300px;}
#qrcode img, #qrcode-m img {border: 1px solid #CCC;}
/* DIVULGACAO */
#divulga {height: 110px;}
/* BUSCA */
#busca {position: absolute; height: 40px; right: 30px; top: 11px; width: 440px;}
#busca .busca {position: absolute; background: #EEE; border: 1px solid #CCC; height: 25px; padding: 4px 30px 4px 6px; right: 40px; top: 0px; width: 400px;}
#busca .btcab {position: absolute; background: url(imgs/busca-30.png) no-repeat; border: none; cursor: pointer; height: 30px; top: 3px; right: 30px; width: 40px; z-index: 20;}
/* MENU PRINCIPAL */
#cabecalho .menu a {display: block; width: 30px; height: 30px; position: absolute; top: 6px; left: 12px;}
/* DROP MENU */
#cabecalho .drop-menu a {display:block; color: #FFF; width: 38px; height: 38px; position: absolute; top: 0px; right: 10px;}
/* BOTOES MENUS */
#opcoes {display: block; border: none; background:; padding: 10px 6px 10px 14px; z-index: 99;}
.ic-user {display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAB/klEQVRYR+2YjU3DQAyFmwlgA8oGZQI6QjsBZQLYgDIB3YB2AsoEpBNAJyBMAEwQ3pMugJofn+2QViKWIiTiO3/3fHexmwwO3JID5xv8H8A8z8+RjWM8o5CVNEmSjTdDbgUBdgOIGZ5hBUyG/50B9MMK6gIE3H2Ak+Kv4XAL0BfJcfe9GRBw15jsThGQKlJNqhptHsDXmrQ2BV8BkNsh2kyAUI/7jYBaywB4qhlkBRwjyJMmUOELQFVMlXMRBAr2gN+KW9IEBXkZPxvGbpHh4iKPGm5KMWcGJK+No6goP07dnOIAmOIvP28au4SCS80Ak4KOa+YRgJMuAK2neANAjo02q4KsWt6jo+xpD84Qd6E4KFv4Tjr7FhsOyhRwrGpUZkpxEQGHhSqy5JLsEw5DS13oBeReZI13IhCyFpxLq6h67wIMaZa+Km/wG1nU4/xuwACZN6ijvlp+z9UDQo39KhjRm5h6kSLNrhQD7ipc1tIB5UlnodBNVwewCwRkV6eq7eC/xMOSK5VWpFYwVDBUbIaH95/HqOQCoCtpEjHFACMM+1+CtW0ZJpw3gTYChtKe3ZtXMWlh/EZzj5Z+IqkFDCll3/HXcAX8GoDT3ZU0AVK5sbT0lt+XKp5KwLDvLAWpl7fUVNUBsm948EYzjC/9NCKeYkOQVof0gF45D17BLxArrikZasUbAAAAAElFTkSuQmCC) center no-repeat; height: 38px; width: 38px;}
.ic-options {display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAACL0lEQVRYR+2YjU3DQAyFkwmgE1AmACagTAAbUCYAJoANKBPQbsAGlAlgA7IB6QThvciJItrkbF8SFYmTqkjV+fzds8/3kyZ73tI950tcgEVRHGJiJ43JbdI0/RxisiZAgF0B4ha/2Q6YDP/dA/S1T1A1IOBe4HiucE7AVV+gKkDALUQ5BV/d5RmQdxaDXX2DgIA7heGH09EFINdO29JMA+hRr2JiqDVp0ToHDSAVOHeqkAHw2GmrVvAbPVlWXA2AQRG6Bg4aIwcLF5kYjQHIAtwsyibeMQBjcvAdgDPOCIGY4nNkmt2YqxiAj/D3MASga2ABuYGCS1GQSpZqWppmkfQSYgtUs68GMIfBgdNBnYNOe9VOws3/0ulglJ2EefPmBBx+L5YE9yyUcoHIYePJOcFwiAVwiu+X0ckEgLkA8sDhasFFUo0KR5bVHJ17lV8LIFXkthda0Rv0mVI9l2S/jNSAEmqNitGlxVQHm52VYf6bgJgcy5X54KsOMRzM4YA3O03bqn9DHhZ4aeJdmICWtkRn3uzKC70ct7jQTK1VQQx4LVAMTUwj4AKgK88gW4AA45mN91n3PaQFhGWHBZuqqktQDSgVnznGkA7ZqCi3QdVbTgkocDwQ9K1a20SpIBdSEDKVlyq+HJgTOFLmDPZnoXATkPnmPm1EQvI1rPMgQcA1nJgLaCRYZR7cdQgY9XIQCZpDwUnXGJWCkX785tW9uW0E9VbnR4iz/AeM0y9JfgB5+tIMJcHSiwAAAABJRU5ErkJggg==) center no-repeat; height: 38px; width: 38px;}
.ic-busca {display: inline-block; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAYAAACoPemuAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAp9JREFUeNrEmE1IVFEUx9+bUYQZC0M0JGxRfmCYoRRE9rEI2tugbdyIi4RaZlSjiDhGEES0KiooEGpdQWAiKmKGC0ERTZQgpczSkEQGNZ//K1cQued+vHd1Dvw258097/fezL333HE9z3MMIgecBydAETgK0sA8mAKTYAiMOEGDiWlQCV6DZU8vesB1zdpCVB8oBe89/zEO6myLNXj24g1IsyH2zLMfEyA3iNhjzRslwSz4Dv5qjvkGIn7EbmgUfwVq+NOHgQsOgAsgAaYU4wdMxfI1ficlGkWZaKOi1i0TsU5JoWYfM6sCLBH1/oNsHbEzEqmmAOtRMVgn6j7SEXtJDO4OskhyqojaayAqE2OzZFEwkD1pngUxxhAhV0WNCWFXuggOCXarD+CnYyeaiHwlNYCJnSSuvXPsRSf4J8ifk4nlE9d6LYqxFmZMkC8BGZTYYUF+Bfxy7MZvQS4KsiixkCC/AVzLYqLGLwzSKbE/gnyEP43NOCjIJcESJTZH5E9bFisW5OaISbElMEkUumJRqgDkCfKfZbOyn7hWbVHsDpEfVPX83cTK3GZh1T8i2YcLVXvlNcngSwHFRom6fbptzwxRYJV3H36kPkkeuFxX7LKiuas3EGI3/SKp9cC0tX6rkGNv4CpvqUUFyzTPDPdUYu6ukzhb7YfBKcUs+wHG+ba1DrLBMb736UYCNJucxFnzNu3tT8RNz5VM7uM+ySX8/EUQ5y1wkHgOHio+c9dUzOGLIDs4zBsKsVNXbEedJyYTwmRNygS14Cn4ClZ2FN0AC6CLn6rOEjVUM/a2H7Hd5IDjoIgflqOa47S+VsfSKciU+wq5WKrEGK0Ssf6Qk7poAe3EtXAq39g2LYI3Vu0a/jm8V3GTN6ZM5gXo2BRgAJJ70lbcDKl9AAAAAElFTkSuQmCC) center no-repeat; height: 38px; width: 38px;}
#hamburger {display: block; border: none; width: 30px; padding: 5px 10px; z-index: 100;}
#hamburger span {background: #fff; display: block; height: 4px; margin: 6px 0;}
html.mm-opened #hamburger span.top-bar {transform: rotate( 45deg ); top: 10px;}
html.mm-opened #hamburger span.middle-bar {opacity: 0;}
html.mm-opened #hamburger span.bottom-bar {transform: rotate( -45deg ); top: -10px;}
#hamburger {overflow: hidden;}
#hamburger span {position: relative; transform: rotate( 0 ); top: 0; left: 0; opacity: 1; transition: none 0.5s ease; transition-property: transform, top, left, opacity;}
html.mm-opened #hamburger span.middle-bar {left: -40px;}
/* AJUDA */
#ajuda a {position: absolute; background: #05B; border: 3px solid #FFF; color: #FFF; padding: 1px 7px 1px 5px; top: 61px; right: 18px; text-decoration: none; border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; }
#ajuda a:hover {background: #16C;}
/* PUBLICIDADE */
#publicidade {width: 180px; height:600px; padding: 10px;}
#google {height: 280px; padding-top: 15px; text-align: center;}
#preco {float: left; background: url(imgs/preco.png) center no-repeat; height: 170px; margin: 0 5px 0 5px; text-align: center; width: 120px;} 
#promo {float: left; background: url(imgs/promo.png) center no-repeat; height: 170px; margin: 0 5px 0 5px; text-align: center; width: 120px;} 
#preco p, #promo p {margin: 0; padding: 0;	border: 0; outline: 0;}
#preco .prazo, #promo .prazo {font: bold 20px Arial, Helvetica, sans-serif; line-height: 18px; padding-top: 24px;}
#preco .preco, #promo .preco {font: bold 16px sans-serif; padding-top: 14px; -webkit-transform: rotate(-4deg); -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg); transform: rotate(-4deg);}
#preco .desconto, #promo .desconto {color: #fff; font: bold 20px Arial, Helvetica, sans-serif; padding: 13px 6px 0 0; -webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg); -o-transform: rotate(-6deg); transform: rotate(-6deg);}
/* BARRAS LATERAIS */
ul#barra {position: fixed;list-style: none;z-index: 99;}
ul#barra li a {display:block;margin-left:-10px;height:30px;border:1px solid #cfcfcf;/* Cor da borda do botALo*/width:30px;}
#lateral {position: absolute; diplay: block; margin-right: 80px; text-align: center; right: 0px; width: 160px;}
@media only screen and (max-width: 960px){
#lateral {position: absolute; diplay: block; margin: 0px; text-align: center; right: 0px; width: 160px;}
}
#coluna-lateral {float:right; margin: 10px 0 10px 20px;}
#coluna-lateral .janela {background: #FFF; border: 1px solid #CCC; box-shadow: 0 0 5px #CCC; margin-bottom: 10px; padding: 0 10px 0 10px;}
#coluna-lateral .cabecalho-janela {display:block; border-bottom: 1px dotted #999; color: #A00; font: bold 16px Arial, Helvetica, sans-serif; margin: 10px; padding-bottom: 10px; text-shadow: 1px 1px 2px #888}
#coluna-lateral .conteudo-janela p {padding: 0 0 10px 0;border-bottom: 1px dotted #999;margin: 0 10px 10px 10px;font: 12px Lucida Sans, Tahoma, Arial, Helvetica;text-decoration: none;text-transform: capitalize;width:200px;}
#coluna-lateral .link-texto a {display: block; color:#000; font-weight: normal; overflow: hidden; position: relative; white-space: nowrap; width: 200px; height: 12px; text-decoration: none; text-overflow: ellipsis;}
/* CONTEUDO */
#conteudo {diplay: block; margin: 0px; padding: 0 20px 0 80px;}
@media only screen and (max-width: 960px){
#conteudo {diplay: block; margin: 0px; padding: 0 20px 0 20px;}
}
#conteudo1 {diplay: block; background: #FFF; min-height: 1200px; margin: 0 40px 0 0; padding: 20px 40px 20px 80px;}
#conteudo2 {diplay: block; background: #FFF; min-height: 1200px; margin: 0 260px 0 0; padding: 20px 40px 20px 80px;}
@media only screen and (max-width: 960px){
#conteudo2 {diplay: block; background: #FFF; min-height: 1200px; margin: 0 180px 0 0; padding: 20px 40px 20px 80px;}
}
#conteudo br.quebra, #conteudo1 br.quebra, #conteudo2 br.quebra {clear: both; line-height: 0px;}
#google-conteudo {background: url(../imgs/bkg_ggl.gif) repeat-y right; margin-right: 175px; width:100%;}
#janela {display: table; border: 1px solid #CCC; box-shadow: 0px 0px 10px #888; text-align: left; border-radius: 10px; -moz-border-radius: 6px; -webkit-border-radius: 6px; height: 350px; max-height: 350px; width: 810px;}
/* PAGINACAO */
.navigator {font-size: 9pt; margin: 15px 0; text-align: center; width: 100%;}
.navigator span {background: #808080; border: 1px solid #808080; color: #ffffff; font-weight: bold; padding: 2px 4px;}
.navigator a {border: 1px solid #dfdfdf; line-height: 10px; padding: 2px 4px; text-decoration: none;}
.navigator a:hover {background: #d0d0d0; color: #000000;}
/* LISTAS */
#lista ol li {list-style: decimal; text-align: justify;}
.lista a {font: bold; text-transform: uppercase;}
.flag0 {background: #DDD; height: 10px; vertical-align: top;}
.flag0 a {color: #C00; text-decoration: none;}
.flag1 {background: none; height: 10px; vertical-align: top;}
.flag1 a {color: #C00; text-decoration: none;}
/* ICONES */
#icone {float: left; padding-right: 5px; text-align: center;}
#icold {float: left; padding: 5px; height: 50px; margin: 2px; text-align: left; width: 210px;}
#icold a {color: #000; text-decoration: none;}
#icold:hover {background-color: #FCFCFC;}
.desc {font: 19px Verdana, Tahoma, Sans Serif;; color: #333;}
/* TIPS */
a.tips b {display:none;}
a.tips:hover {border:0; position:relative; z-index:500;}
a.tips:hover b {display:block; position:absolute; bottom: 30px; left: 20px; padding: 5px; font: 9px Sans Serif, Verdana, Tahoma, Arial; color:#000; border:1px solid #888; background:#ffc; width:300px; text-decoration:none;}
a.tips:hover b em {position:absolute; left: 20px; bottom: -24px; width: 24px; height: 24px; background: url(../imgs/pins/pin_tip.gif) 0 0; display:block; font-size:1px;}
a.icotips b {display:none;}
a.icotips:hover {border:0; position:relative; z-index:500;}
a.icotips:hover b {display:block; position:absolute; bottom: 35px; left:20px; padding:5px; font: 9px Sans Serif, Verdana, Tahoma, Arial; color:#000; border:1px solid #888; background:#ffc; width:300px; text-align: justify; text-decoration:none;}
a.icotips:hover b em {position:absolute; left: 20px; bottom: -24px; width:24px; height:24px; background: url(../imgs/pins/pin_tip.gif) 0 0; display:block; font-size:1px;}
.ctips {background: #FFC; border: 1px solid #ECA; font: 11px Arial, Tahoma, Verdana; padding: 10px; position: absolute; text-align: justify; text-transform: none; width: 300px; z-index: 500;}
.m0 {margin: -6px 0 0 30px;}
.m1 {margin: -6px 0 0 110px;}
.m12 {margin: -6px 0 0 130px;}
.m16 {margin: -6px 0 0 180px;}
.m2 {margin: -6px 0 0 220px;}
.m3 {margin: -6px 0 0 330px;}
.m34 {margin: -6px 0 0 370px;}
.m4 {margin: -6px 0 0 430px;}
.m5 {margin: -6px 0 0 550px;}
.m6 {margin: -6px 0 0 660px;}
.seta {background: url(../imgs/tip_arrow.png) no-repeat 0 0; top: 7px; left: -10px; position: absolute; width: 10px; height: 19px; z-index: 501;}
/* FORMULARIOS */
#formulario INPUT, TEXTAREA, SELECT {background: #FAFAFA; border: 1px solid #DDD; color: #C00; font: 14px Courier New, Helvetica; padding:2px; text-transform: uppercase;}
#formulario INPUT:focus, TEXTAREA:focus, SELECT:focus {background: #EEE;}
#formulario UL LI {list-style: url(../imgs/pins/vermelho.png);}
LABEL {display: block; font: bold 8px Verdana, Sans Serif; color: #000; text-transform: uppercase;}
#formulario .campo {background: #FFF;  border-top: 1px solid #EEE;  border-right: 1px solid #EEE;  border-bottom: 1px solid #EEE; border-left: 4px solid #C00; height: 24px; padding: 2px; vertical-align: top;}
#formulario .info {font: 12px Courier New, Helvetica; color: #C00; text-transform: uppercase;}
#formulario SPAN.alerta {color: #C00;}
INPUT#logon, INPUT.especial {border: 1px solid #888;color: #000;font-size: 14px;height: 24px;padding: 5px 10px 5px 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
/* BOTOES DE FORMULARIO */
#botoes {text-align: center; width: 100%}
#botoes .submit {background: #C00; border: none; color: #FFF; cursor: pointer; font: 14px Sans-serif, Helvetica, Arial; height: 26px; padding: 5px 20px 7px 20px;} 
#botoes .submit:focus {background: #C00;}
#botoes .submit:hover {background: #E00;}
#botoes .submit:active {background: #000;} 
#botoes .reset {background: #CCC; border: none; color: #000; cursor: pointer; font: 14px Sans-serif, Helvetica, Arial; height: 26px; padding: 5px 20px 7px 20px;}
#botoes .reset:focus {background: #CCC;}
#botoes .reset:hover {background: #EEE;}
#botoes .reset:active {background: #000;}
#botoes .botao {background: #036; border: none; color: #FFF; cursor: pointer; font: 14px Sans-serif, Helvetica, Arial; height: 26px; padding: 5px 20px 7px 20px;}
#botoes .botao:focus {background: #036;}
#botoes .botao:hover {background: #048;}
#botoes .botao:active {background: #000;}
#botoes a {text-decoration: none;}
.nada {background: none; border: none;}
/* BOTOES DIVERSOS */
#back-top {position: fixed;overflow: hidden;bottom: 20px;left: 5px;z-index: 1000;}
#back-top a {width: 47px;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover {color: #000;}
#back-top span {width: 47px;height: 47px;display: block;margin-bottom: 5px;background: url(imgs/up-arrow.png) no-repeat center center;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;-webkit-transition: 1s;-moz-transition: 1s;transition: 1s;}
#back-top a:hover span {background-color: #777;}
#nav_autentica {float: right;position: relative;}
#nav_autentica.nav_botoes li a {text-align: center;padding: 0;color: #FFFFFF;margin-left: 4px;text-transform: none;}
/* TEXTOS */
#titulo {font: 36px 'Titillium Web', sans-serif, helvetica, arial; font-weight: 700; color: #000; margin: 20px 0 20px 0; line-height: 1; text-align: left;}
#subtitulo {font: bold 18px 'Titillium Web', sans-serif, helvetica, arial; color: #555; text-transform: none;}
#subtitulo span {background: #DDD; font: italic 14px Trebuchet MS,Tahoma, Arial, Sans-serif, Verdana; color: #555; padding-bottom: 10px; text-transform: capitalize;}
#referencias {font: Italic 14px Trebuchet MS, Tahoma, Arial, Helvetica;}
#texto {font-family: 'Titillium Web', sans-serif, helvetica, arial; font-size: 14px; text-align: justify;}
#texto P {padding: 3px 0 3px 0; text-indent: 0px;}
#texto a:link, a:visited {color: #C00;}
#contrato p.id1 {text-indent: -20px;}
#contrato p.id2 {text-indent: -15px;}
#contrato p.id3 {text-indent: -35px;}
#contrato blockquote {margin-right: 0px;}
#clipado {max-height: 210px; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;}
/* QUADROS */
#assinatura {display: inline-block; background: url(../imgs/assinatura.png) top 5px center no-repeat; border: 1px solid #CCC; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; box-shadow: 0 0 10px #CCC; height: 270px; margin: 10px; width: 180px; text-align: center;}
#assinatura SPAN.prazo {display: block; color: #FFF; font: bold 18px Tahoma, Verdana; height: 100px; padding-top: 20px; text-shadow: 0px 2px 5px #333;}
#assinatura SPAN.periodo {display: block; padding: 5px 0 10px 0; font: 9px Tahoma, Verdana;}
#assinatura SPAN.preco {display: block; color: #000; font: bold 18px Verdana, Tahoma; padding-top: -8px;}
#assinatura SPAN.desconto {display: block; color: #FFF; padding-top: 2px;}
#aviso {background: #FFFCCC; border: 1px solid #FC0; margin: 0px; padding: 15px; text-align: center;}
#erro {background: #FCC; font-size: 14px; border: 1px solid #C00; margin: 0 50px; padding: 15px;}
@media only screen and (max-width: 960px){
#erro {background: #FCC; font-size: 14px; border: 1px solid #C00; margin: 0; padding: 15px;}
}
#erro .erro {padding: 10px;}
#msg {background: #FFFCCC; border: 1px solid #FC0; margin: 0 50px; padding: 15px;}
@media only screen and (max-width: 960px){
#msg {background: #FFFCCC; border: 1px solid #FC0; margin: 0; padding: 15px;}
}
#msg .aviso {padding: 10px;}
#quadro {background: url(../imgs/bkg_quadrotopo.png) top no-repeat; padding: 10px; width: 260px;}
#quadro label {color: #FFF; font: bold 14px Helvetica, Arial, Tahoma, Verdana, Sans-serif; line-height: 16px; padding: 0 10px 10px 10px; text-shadow: #3D1618 0 1px 1px;}
#quadro a:link, #quadro a:visited {color: #000; text-decoration: none;}
#quadro a:hover, #quadro a:active {color: #C00; text-decoration: none;}
#quadro p {border-bottom: 1px dotted #999; margin: 5px 10px 0px 10px; padding-bottom: 5px;}
#quadro a {color: #000; font: 11px Trebuchet Ms, Tahoma, Arial, Helvetica; text-decoration: none; text-transform: capitalize;}
#ticket {display: table;}
#ticket a:link, #ticket a:active, #ticket a:hover, #ticket a:visited {color: #fff; text-decoration: none;}
#ticket .tkt-0 {display: table-cell; background-color: #c00; padding: 10px; line-height: 24px; text-align: left; vertical-align: middle; overflow:hidden; text-overflow: clip;}
#ticket .tkt-1 {display: table-cell; background: url(imgs/ticket-1.png) top left no-repeat; height: 100px; width: 25px;}
#ticket .tkt-2 {display: table-cell; background: url(imgs/ticket-2.png) top center no-repeat; height: 100px; width: 5px;}
#ticket .tkt-3 {display: table-cell; background: url(imgs/ticket-3.png) top right no-repeat; height: 100px; width: 25px;}
#ticket .tkt-4 {display: table-cell; background-color: #c00; max-height: 100px; text-align: center; vertical-align: middle; width: 100px;}
/* TABELAS */
#padrao {border: none; margin: 0px; padding: 0px; width: 100%;}
#tabela {border: 1px solid #CCC; margin: 0px; padding: 15px;}
TD.campo {border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-left: 4px solid #C00; color: #036; font: 11px Courier New; padding: 0 2px 2px 2px; text-transform: uppercase;}
TD.regua { text-transform: lowercase; font-weight: bold; border-bottom: 1px dashed #000000; }
#folha {border: 1px solid #CCC; margin: 0px; padding: 35px;}
#nota {border: 1px solid #CCC; border-left: 5px solid #888; -webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5); background: #fefefe; color: #000; margin: 20px 0 20px 80px; padding: 30px 14px 14px 20px;}
#nota p {line-height: 1.5; margin-bottom: 18px;}
TABLE.pub {border: 1px solid #888; width: 450px;}
TABLE.pubx {border: 1px solid #888; width: 480px;}
.tpub {background: #555; color: #FFF; font: bold 12px Tahoma; padding: 2px;}
.rpub {background: #DDD; border: 1px solid #888; font: bold 12px Tahoma; padding: 2px;}
.spub {background: #F0F0F0; padding: 2px;}
.cpub {border: 1px solid #888; padding: 2px; vertical-align: top;}
#tabela-arredondada {border: 1px solid #CCC;margin: 0px;padding: 10px;width: 100%;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;}
.lacuna {border: 1px solid #CCC;color: #000;font-size: 14px;height: 24px;padding: 5px 10px 5px 10px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.divisor {border-bottom: 1px dotted #555;}
/* RODAPE */
#rodape{position:absolute;bottom:0px;font-weight:normal;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}
#rodape,#rodape:before,#rodape:after,#rodape *,#rodape *:before,#rodape *:after{box-sizing:content-box;margin:0;padding:0;pointer-events:auto;letter-spacing:normal}
#rodape *,#rodape *:before,#rodape *:after{font-size:1em;font-family:inherit;*font-family:expression(this.parentNode.currentStyle['font-family']);font-weight:inherit;*font-weight:expression(this.parentNode.currentStyle['font-weight']);line-height:inherit;*line-height:expression(this.parentNode.currentStyle['line-height']);text-align:inherit;*text-align:expression(this.parentNode.currentStyle['text-align'])}
#rodape footer,#rodape header,#rodape nav,#rodape section{display:block}
#rodape img{border:0;vertical-align:middle}
#rodape ul{list-style:none}
#rodape{font-size:12px;line-height:1.66667;font-weight:400;letter-spacing:normal;background-color:#f2f2f2;color:#666;min-width:1024px;overflow:hidden;position:relative;z-index:1}
.theme-dark #rodape,#rodape.rodape-dark{background-color:#222;color:#999}
@media only screen and (max-width: 1044px){
#rodape{min-width:320px}
}
#rodape a{color:#666;text-decoration:none}
.theme-dark #rodape a,#rodape.rodape-dark a{color:#999}
#rodape .rodape-conteudo{margin:0 auto;padding:0 22px;max-width:100%;}
@media only screen and (max-width: 767px){
#rodape .rodape-conteudo{padding:0 16px}
}
#rodape .diretorio{font-size:11px;line-height:1.5;font-weight:400;letter-spacing:normal;position:relative;z-index:1;padding-top:20px}
@media only screen and (max-width: 767px){
#rodape .diretorio{font-size:12px;line-height:2.5;font-weight:400;letter-spacing:normal}
}
#rodape .diretorio:before,#rodape .diretorio:after{content:' ';display:table}
#rodape .diretorio:after{clear:both}
#rodape .colunas{position:relative;z-index:1;min-height:2px;margin:0;padding:0;float:left;width:25%}
@media only screen and (max-width: 767px){
#rodape .colunas{width:100%}
}
#rodape .coluna-secao{width:100%;position:relative;z-index:1;min-height:2px;margin:0;padding:0;float:left;pointer-events:none}
@media only screen and (max-width: 767px){
#rodape .coluna-secao{border-bottom:1px solid #e3e3e3;overflow:hidden;pointer-events:auto}
.theme-dark #rodape .coluna-secao,#rodape.rodape-dark .coluna-secao{border-color:#333}
}
#rodape .coluna-secao ~ .coluna-secao{padding-top:20px}
@media only screen and (max-width: 767px){
#rodape .coluna-secao ~ .coluna-secao{padding-top:0}
}
#rodape .secao-titulo{font-size:11px;line-height:1.66667;font-weight:600;letter-spacing:normal;color:#333;margin:0}
@media only screen and (max-width: 767px){
#rodape .secao-titulo{font-size:14px;line-height:2.78571;font-weight:400;letter-spacing:normal}
}
.theme-dark #rodape .secao-titulo,#rodape.rodape-dark .secao-titulo{color:#fff}
@media only screen and (max-width: 767px){
#rodape .secao-titulo{background:#f2f2f2;cursor:pointer;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:2}
.theme-dark #rodape .secao-titulo,#rodape.rodape-dark .secao-titulo{background:#222;color:#ccc}
#rodape .secao-titulo:after{content:'+';float:right;font-weight:normal;margin-right:8px;-webkit-transition:-webkit-transform .3s ease;transition:transform .3s ease}
}
#rodape .secao-lista{margin-right:20px;list-style:none;padding:0}
@media only screen and (max-width: 767px){
#rodape .secao-lista{margin:0;overflow:hidden;padding-bottom:16px;position:absolute;top:100%;left:0;width:100%;visibility:hidden;z-index:-1;-webkit-transform:translateY(-100px);transform:translateY(-100px)}
}
#rodape .secao-item{display:block;pointer-events:auto}
@media only screen and (max-width: 767px){
#rodape .item-link{outline-offset:-6px;padding:0 14px;display:block}
}
#rodape .secao-ancora{right:0;cursor:default;display:none;position:absolute;top:0;width:1px;height:1px;z-index:10}
#rodape .secao-ancora:focus{outline-offset:-6px;width:25px;height:38px}
@media only screen and (max-width: 767px){
#rodape .secao-ancora{display:block}
}
#rodape .ancora-fechada{display:none}
#rodape .ancora-legenda{position:absolute;top:0;left:0;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(0px 0px 99.9% 99.9%);clip-path:inset(0px 0px 99.9% 99.9%);overflow:hidden;height:1px;width:1px;padding:0;border:0}
#rodape .coluna-secao-state{display:none}
@media only screen and (max-width: 767px){
#rodape .coluna-secao-state:target+.coluna-secao .secao-titulo,#rodape .coluna-secao-state:checked+.coluna-secao .secao-titulo{font-weight:600;color:#333}
.theme-dark #rodape .coluna-secao-state:target+.coluna-secao .secao-titulo,.theme-dark #rodape .coluna-secao-state:checked+.coluna-secao .secao-titulo,#rodape.rodape-dark .coluna-secao-state:target+.coluna-secao .secao-titulo,#rodape.rodape-dark .coluna-secao-state:checked+.coluna-secao .secao-titulo{color:#fff}
#rodape .coluna-secao-state:target+.coluna-secao .secao-titulo:after,#rodape .coluna-secao-state:checked+.coluna-secao .secao-titulo:after{-webkit-transform:rotate(45deg) scale(1.08);transform:rotate(45deg) scale(1.08)}
#rodape .coluna-secao-state:target+.coluna-secao .secao-lista,#rodape .coluna-secao-state:checked+.coluna-secao .secao-lista{position:static;visibility:visible;z-index:1;-webkit-transform:none;transform:none;-webkit-transition:-webkit-transform 300ms ease;transition:transform 300ms ease}
#rodape .coluna-secao-state:target+.coluna-secao .ancora-aberta,#rodape .coluna-secao-state:checked+.coluna-secao .ancora-aberta{display:none}
#rodape .coluna-secao-state:target+.coluna-secao .ancora-fechada,#rodape .coluna-secao-state:checked+.coluna-secao .ancora-fechada{display:block}
}
#rodape .diretorio.com-5-colunas .colunas{width:20%}
@media only screen and (max-width: 767px){
#rodape .diretorio.com-5-colunas .colunas{width:100%}
}
#rodape .rodape-final{border-top:1px solid #e3e3e3;color:#999;padding:20px 0 24px}
#rodape .rodape-final:nth-child(2){border-top:none}
@media only screen and (max-width: 767px){
#rodape .rodape-final{padding:20px 0}
}
.theme-dark #rodape .rodape-final,#rodape.rodape-dark .rodape-final{border-color:#333;color:#666}
#rodape .divisor{max-height:9999px;margin-bottom:6px;padding-bottom:5px}
@media only screen and (max-width: 767px){
#rodape .divisor{padding-bottom:6px}
}
.theme-dark #rodape .divisor,#rodape.rodape-dark .divisor{border-color:#333}
#rodape .divisor a{color:#08c}
.theme-dark #rodape .divisor a,#rodape.rodape-dark .divisor a{color:#5cc3f6}
#rodape .rodape-final-legal:before,#rodape .rodape-final-legal:after{content:' ';display:table}
#rodape .rodape-final-legal:after{clear:both}
#rodape.ie7 .rodape-final-legal{zoom:1}
@media only screen and (max-width: 767px){
#rodape .rodape-final-legal{padding-top:13px}
}
#rodape .rodape-final-creditos,#rodape .rodape-final-links{margin-right:26px;float:left}
@media only screen and (max-width: 767px){

#rodape .rodape-final-creditos,#rodape .rodape-final-links{margin-right:0;float:none}
}
#rodape .rodape-final-creditos{max-height:9999px}
#rodape .rodape-final-link{border-right:1px solid #d6d6d6;margin-right:10px;padding-right:12px;white-space:nowrap}
.theme-dark #rodape .rodape-final-link,#rodape.rodape-dark .rodape-final-link{border-color:#444}
#rodape .rodape-final-link:last-child{border:none;margin:0;padding:0}
#rodape .diretorio+.rodape-final{border-top:none}
#rodape .diretorio+.rodape-final .divisor{border-bottom:1px solid #e3e3e3}
.theme-dark #rodape .diretorio+.rodape-final .divisor,#rodape.rodape-dark .diretorio+.rodape-final .divisor{border-color:#333}
@media only screen and (max-width: 767px){
#rodape .diretorio+.rodape-final .divisor{border-bottom:none}
}
#rodape .nowrap{white-space:nowrap}
#rodape .social{position:absolute; height: 30px; margin: 14px 0 6px 0; right: 5px; width: 180px;}
@media only screen and (max-width: 960px){
#rodape .social{position:absolute; height: 30px; margin: 14px 0 6px 0; right: 5px; width: 180px;}
}